@charset "utf-8";
/* CSS Document */


body {
	margin: 0px;
	padding:0px;
	overflow-y: scroll;
	overflow-x: auto;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background-color: #eee;
}

span {
	display:inline-block;
}


/* BOTONES VER */

a.ver {
	display:inline-block;
	margin-bottom:15px;
	padding:5px 8px;
	font-size:smaller;
	text-decoration:none;
}

a.ver:link, 
a.ver:visited {
	color:#fff;
	background-color:#0079c2;
}

a.ver:hover, 
a.ver:active {
	background-color:#004381;
}

a img:hover {
	opacity:0.9;
}


/* CONTENEDOR CENTRAL */

.wrapper {
	height:100%;
	widows:100%;
	max-width:960px;
	margin:0 auto;
	background-color:#fff;
	box-shadow:0px 2px 5px RGBA(0,0,0,0.5);
}


/* CABECERA */

.header {
	z-index:999;
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:#000;
}

/* ZONA LOGOS */

.zona-logos {
	display:table;
	width:100%;
	height:auto;
	background:#fff;
}

/* LOGO DEMELIS */

.logo-demelis {
	display:table-cell;
	text-align:left;
}
.logo-demelis a {
	display:block;
	float:left;
}
.logo-demelis img {
	width:100%;
	max-width:280px;
	height:auto;
	margin-left:10px;
}
@media all and (max-width: 500px) {
.logo-demelis img {
	margin-left:0px;
}
}

/* LOGO BENDIX */

.logo-bendix {
	display:table-cell;
	text-align:right;
}
.logo-bendix a {
	display:block;
}
.logo-bendix img {
	width:100%;
	max-width:100px;
	height:auto;
	margin-right:10px;
}
@media all and (max-width: 500px) {
.logo-bendix img {
	margin-right:0px;
}
}


/* BANNER */

.banner {
	z-index:99;
	position:relative;
	display:block;
	width:100%;
	background-color:#fff;
}

.banner.home {
	background:transparent;
	background-image:url(imagenes/banner-home-01.jpg);
	background-position:left top;
}
@media all and (max-width: 1000px) {
.banner.home {
	background-image:none;
	background-color:#eee;
	height:175px;
}
}
@media all and (max-width: 750px) {
.banner.home {
	height:150px;
}
}
@media all and (max-width: 500px) {
.banner.home {
	height:125px;
}
}

.fadeshow1 {
	background:transparent;
}

@media all and (max-width: 1000px) {
#fadeshow1 {
	display:none;
}
}


/* CONTENIDO */

.content {
	display:block;
	width:auto;
	margin:0 auto;
	padding:20px 25px;
	text-align:center;
	color:#333;
	background-color:transparent;
}
@media all and (max-width: 500px) {
.content {
	padding:20px 20px;
}
}


/* HOME */

h2.frase-destacada-home {
	display:block;
	width:auto;
	margin:-20px -25px;
	margin-bottom:25px;
	padding:40px;
	color:#fff;
	background-color:#003667;
	text-align:center;
	font-weight:normal;
	font-size:x-large;
	letter-spacing:1px;
	font-style:italic;
	font-variant:small-caps;
}
@media all and (max-width: 500px) {
h2.frase-destacada-home {
	margin:-20px -20px;
	margin-bottom:25px;
}
}

.columnas-home {
	display:table;
	margin:-20px;
	border-collapse: separate;
	border-spacing: 20px;
}
@media all and (max-width: 500px) {
.columnas-home {
	display:block;
	margin:0px;
}
}

.columnas-home .c13 {
	display:table-cell;
	width:33%;
	vertical-align:top;
	text-align:left;
}
@media all and (max-width: 500px) {
.columnas-home .c13 {
	display:block;
	width:100%;
}
}

.columnas-home .c13 img {
	border:1px solid #ccc;
}

.columnas-home .c13 h4 {
	margin:15px 0 10px 0;
	color:#0079c2;
	padding-bottom:5px;
	border-bottom:1px dashed #004381;
}

.columnas-home .c13 p {
	margin:10px 0;
	color:#000;
}


/* QUIENES SOMOS */

.demelis-presentacion p {
	text-align:left;
}

.demelis-presentacion ul {
	display:block;
	text-align:left;
	float:left;
	
	margin-top:0;
	margin-bottom:20px;
	padding-left:20px;
	
	list-style:none;
	
	font-size:small;
	color:#003667;
}

.demelis-presentacion ul ul {
	margin-top:2px;
	padding-top:4px;
	margin-right:20px;
	margin-left:-8px;
	margin-bottom:10px;
	padding-right:8px;
	
	list-style:disc;
	
	border-top:1px dashed #ccc;
	color:#015daa;
	letter-spacing:1px;	
}

h2.demelis-frase-destacada {
	display:block;
	width:auto;
	margin:0;
	padding:25px 0 15px 0;
	background-color:#fff;
	color:#015daa;
	text-align:center;
	font-weight:bold;
}

.demelis-vision {
	clear:both;
	display:block;
	width:auto;
	margin:30px -25px;
	padding:20px 45px;
	background-color:#003667;
	color:#fff;
	text-align:center;
}
@media all and (max-width: 750px) {
.demelis-vision {
	margin:30px -20px;
	padding:20px 20px
}
}

.demelis-vision h4 {
	display:block;
	margin:0px;
	padding:20px;
	font-size:large;
	border-bottom:1px solid #fff;
}

.demelis-vision p {
	margin:0px;
	padding:20px 80px;
	font-size:large;
	font-style:italic;
}
@media all and (max-width: 750px) {
.demelis-vision p {
	padding:20px 20px;
}
}

.demelis-bendix img {
	display:block;
	float:left;
	width:100%;
	max-width:150px;
	white-space: nowrap;
}
@media all and (max-width: 500px) {
.demelis-bendix img {
	max-width:50px;
}
}

.demelis-bendix .informacion {
	text-align:left;
	overflow: hidden;
	padding-left:10px;
}

.demelis-bendix h4 {
	margin:0;
	margin-top:5px;
	color:#015daa;
}

.demelis-bendix .link-videos {
	border-top:1px dashed #ccc;
	padding-top:10px;
	text-align:right;
}

.demelis-bendix .link-videos p {
	float:right;
	margin:0;
	margin-top:5px;
	color:#757575;
}

.demelis-bendix .link-videos img {
	float:right;
	max-width:75px;
	padding-left:10px;
}


/* BENDIX */

.pagina-bendix {
	margin-top:10px;
}

.pagina-bendix img {
	display:block;
	float:left;
	width:100%;
	max-width:150px;
	white-space: nowrap;
}
@media all and (max-width: 500px) {
.pagina-bendix img {
	max-width:50px;
}
}

.pagina-bendix .informacion {
	text-align:left;
	overflow: hidden;
	padding-left:10px;
}

.pagina-bendix .informacion h4 {
	margin:0;
	margin-top:5px;
	color:#015daa;
}

.pagina-bendix .video {
	display:inline-block;
	float:left;
	width:49%;
	background-color:#015daa;
}
@media all and (max-width: 500px) {
.pagina-bendix .video {
	display:block;
	float:none;
	width:100%;
	background-color:#015daa;
}
}

.pagina-bendix .video.izq {
	margin:20px 1% 35px 0%;
}

.pagina-bendix .video.der {
	margin:20px 0% 35px 1%;
}

.pagina-bendix .video h4 {
	display:block;
	margin:-1px auto 0 auto;
	padding:10px 20px;
	color:#fff;
	font-weight:normal;
}

.pagina-bendix .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.pagina-bendix .video-container iframe,
.pagina-bendix .video-container object,
.pagina-bendix .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* PRODUCTOS GENERAL */

.pagina-general-productos {
	margin-top:20px;
}

.pagina-general-productos h3 {
	text-align:left;
	padding:5px 10px;
	color:#fff;
	background-color:#003667;
}

.pagina-general-productos .columnas-productos {
	display:table;
	width:auto;
	margin:-10px -20px 10px -20px;
	padding:0px;
	border-collapse: separate;
	border-spacing: 20px;
}

.pagina-general-productos .columnas-productos a {
	display:table-cell;
	width:25%;
	padding:10px 20px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	
	color:#666;
	background:#fff;
	border:1px dashed #999;
}

.pagina-general-productos .columnas-productos a:hover {
	color:#0079c2;
	background:#eee;
	border:1px dashed #0079c2;
}

.pagina-general-productos .columnas-productos a img {
	width:100%;
	margin: 0 auto;
	max-width:120px;
	height:auto;
	opacity:1;
}

.pagina-general-productos .columnas-productos a h2 {
	margin:10px auto;
	font-size:14px;
	text-transform:uppercase;
}

.pagina-general-productos .columnas-productos a p {
	margin:0px auto 5px auto;
	font-size:12px;
	letter-spacing:1px;
}

@media all and (max-width: 900px) {
.pagina-general-productos .columnas-productos {
	margin:-5px -5px 5px -5px;
	border-spacing: 5px;
}

.pagina-general-productos .columnas-productos a {
	padding:10px 5px;
}

.pagina-general-productos .columnas-productos a img {
	width:100%;
	margin: 0 auto;
	max-width:100px;
	height:auto;
	opacity:1;
}

.pagina-general-productos .columnas-productos a h2 {
	margin:10px auto 5px auto;
	font-size:11px;
}
}

@media all and (max-width: 500px) {
.pagina-general-productos .columnas-productos {
	display:block;
	margin:0px;
}

.pagina-general-productos .columnas-productos a {
	display:block;
	width:90%;
	padding:5px 5%;
	margin:10px auto;
}

.pagina-general-productos .columnas-productos a h2 {
	margin:10px auto 5px auto;
	font-size:13px;
}
}

.pagina-general-productos .columnas-inferiores {
	display:table;
	width:100%;
	margin:0;
	padding:0px;
	border-collapse: collapse;
}

.pagina-general-productos .columnas-inferiores .c12 {
	display:table-cell;
	width:66%;
	padding:0px 14px 10px 0;
	vertical-align:top;
	text-align:left;	
}
.pagina-general-productos .columnas-inferiores .c22 {
	display:table-cell;
	width:33%;
	padding:0px 0px 0px 14px;
	vertical-align:top;
	text-align:left;	
}

@media all and (max-width: 500px) {
.pagina-general-productos .columnas-inferiores {
	display:block;
	width:100%;
	margin:0;
	padding:0px;
	border-collapse: collapse;
}

.pagina-general-productos .columnas-inferiores .c12 {
	display:block;
	width:100%;
	padding:0px 0px 10px 0;
}
.pagina-general-productos .columnas-inferiores .c22 {
	display:block;
	width:100%;
	padding:0px 0px 0px 0px;
}
}

.pagina-general-productos .columnas-inferiores .c12 ul {
	margin:0;
	padding-top:20px;
	padding-bottom:25px;
	color:#454545;
	font-size:small;
	line-height:150%;
	background-color:#f0f0f0;
	border:1px dashed #999;
	border-top:0px;
}

.pagina-general-productos .columnas-inferiores .c12 ul ul {
	padding-top:0px;
	padding-bottom:0px;
	color:#666;
	border:0px;
}

.pagina-general-productos .columnas-inferiores .c12 h3 {
	color:#fff;
	background-color:#999;
	font-weight:normal;
	margin-bottom:0;
}

.pagina-general-productos .columnas-inferiores .c22 h3 {
	color:#0079c2;
	background-color:transparent;
	padding:5px 0;
	border-bottom:1px dashed #004381;
}

.pagina-general-productos .columnas-inferiores .c22 img {
	border:1px solid #ccc;
}


/* PRODUCTO INDIVIDUAL */

.pagina-individual-producto {
	margin-top:20px;
}

.pagina-individual-producto h3 {
	display:block;
	clear:both;
	text-align:left;
	padding:5px 10px;
	color:#0079c2;
	background-color:#eee;
	border-top:1px dashed #0079c2;
	letter-spacing:1px;
}

.pagina-individual-producto h5 {
	display:block;
	clear:both;
	text-align:left;
	margin:0 0 10px 0;
	padding:5px;
	color:#999;
	border-top:1px solid #999;
	border-left:1px solid #999;
	letter-spacing:1px;
}

.pagina-individual-producto p.zoom {
	text-align:left;
	color:#015daa;
	font-size:12px;
	letter-spacing:1px;
	margin:5px 0;
}

.pagina-individual-producto ul {
	color:#003667;
	padding-left:14px;
}

.pagina-individual-producto .columna-izq {
	float:left; 
	width:49%; 
	margin-right:1%;
}

.pagina-individual-producto .columna-der {
	float:right; 
	width:49%; 
	margin-left:1%;
}

.pagina-individual-producto .collage {
	display:block;
	float:left;
	width:40%;
	max-width:400px;
	margin-bottom:35px;
}
@media all and (max-width: 750px) {
.pagina-individual-producto .collage {
	width:30%;
}
}
@media all and (max-width: 500px) {
.pagina-individual-producto .collage {
	display:block;
	float:left;
	width:100%;
	max-width:500px;
	margin-bottom:10px;
}
}

.pagina-individual-producto .informacion {
	display:block;
	float:left;
	width:58%;
	margin-left:2%;
	margin-bottom:35px;
	text-align:left;
}
@media all and (max-width: 750px) {
.pagina-individual-producto .informacion {
	width:68%;
}
}
@media all and (max-width: 500px) {
.pagina-individual-producto .informacion {
	width:100%;
	margin-left:0;
}
}

.pagina-individual-producto .volver {
	margin:35px -25px 25px -25px;
	padding:0 25px;
	clear:both;
	text-align:left;
	background-color:#0c5ea8;
}
@media all and (max-width: 500px) {
.pagina-individual-producto .volver {
	margin:35px -20px 25px -20px;
	padding:0 20px;
	text-align:center;
}
}

.pagina-individual-producto .volver a {
	display:inline-block;
	margin:25px 0;
	padding:15px 20px 15px 35px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

.pagina-individual-producto .volver a:link, 
.pagina-individual-producto .volver a:visited {
	color:#0c5ea8;
	background-color:#e6e6e6;
	background-image:url(imagenes/boton-volver.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:20px 100%;
}

.pagina-individual-producto .volver a:hover, 
.pagina-individual-producto .volver a:active {
	color:#fff;
	background-color:#003667;
	background-image:url(imagenes/boton-volver-hover.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:20px 100%;
}

.pagina-individual-producto .columnas-inferiores {
	display:table;
	width:100%;
	margin:0;
	margin-top:5px;
	padding:0px;
	border-collapse: collapse;
}

.pagina-individual-producto .columnas-inferiores .c12 {
	display:table-cell;
	width:50%;
	padding:0px 14px 0px 0;
	vertical-align:top;
	text-align:left;	
}
.pagina-individual-producto .columnas-inferiores .c22 {
	display:table-cell;
	width:50%;
	padding:0px 0px 0px 14px;
	vertical-align:top;
	text-align:left;	
}

.pagina-individual-producto .columnas-inferiores .c12 h3,
.pagina-individual-producto .columnas-inferiores .c22 h3 {
	color:#0079c2;
	background-color:transparent;
	padding:5px 0;
	border-bottom:1px dashed #004381;
	border-top:0px;
	letter-spacing:0px;
}

.pagina-individual-producto .columnas-inferiores .c12 img,
.pagina-individual-producto .columnas-inferiores .c22 img {
	border:1px solid #ccc;
}




/* BÚSQUEDA DE PIEZAS */

.pagina-busqueda {
	margin-top:20px;
	text-align:left;
}

.pagina-busqueda p.zoom {
	text-align:left;
	color:#015daa;
	font-size:12px;
	letter-spacing:1px;
}

.pagina-busqueda img.componentes {
	border:1px solid #015daa;
}

.pagina-busqueda .columnas-inferiores {
	display:table;
	width:100%;
	margin:0;
	padding:0px;
	border-collapse: collapse;
}

.pagina-busqueda .columnas-inferiores .c12 {
	display:table-cell;
	width:50%;
	padding:0px 14px 0px 0;
	vertical-align:top;
	text-align:left;	
}
.pagina-busqueda .columnas-inferiores .c22 {
	display:table-cell;
	width:50%;
	padding:0px 0px 0px 14px;
	vertical-align:top;
	text-align:left;	
}

.pagina-busqueda .columnas-inferiores .c12 h3,
.pagina-busqueda .columnas-inferiores .c22 h3 {
	color:#0079c2;
	background-color:transparent;
	padding:5px 0;
	border-bottom:1px dashed #004381;
}

.pagina-busqueda .columnas-inferiores .c12 img,
.pagina-busqueda .columnas-inferiores .c22 img {
	border:1px solid #ccc;
}


/* CONTACTO */

h3.contacto-frase-destacada {
	color:#015daa;
}

.contacto-c12 {
	float:left;
	width:55%;
	margin-bottom:35px;
	text-align:left;
}

.contacto-c22 {
	float:left;
	width:40%;
	margin-left:5%;
	margin-bottom:35px;
	text-align:left;
}

@media all and (max-width: 750px) {
.contacto-c12 {
	float:left;
	width:100%;
	margin-bottom:35px;
	text-align:left;
}

.contacto-c22 {
	float:left;
	width:100%;
	margin-left:0%;
	margin-bottom:35px;
	text-align:left;
}
}

.contacto-c12 a[href^="tel:"], .contacto-c22 a[href^="tel:"], .contacto-c12 a[href^="mailto:"], .contacto-c22 a[href^="mailto:"] {
  color: #015daa;
  text-decoration: none;
}
.contacto-c12 a[href^="tel:"]:hover, .contacto-c22 a[href^="tel:"]:hover, .contacto-c12 a[href^="mailto:"]:hover, .contacto-c22 a[href^="mailto:"]:hover {
  color: #0079c2;
  text-decoration: none;
}

.formulario {
	margin:0 auto 20px auto;
	color:#015daa;
	font-weight:bold;
}

table.formulario {
	border:1px dashed #ccc;
}

input[type=text], textarea {
	background:#0079c2;
	border:0px;
	color:#fff;
}


/* PIE */

.footer {
	display:inline-block;
	width:100%;
	margin-top:0px;
	color:#fff;
	background-color:#333;
}

.footer a {
	color:#80aed4;
}

.footer .informacion-de-contacto {
	display:inline-block;
	margin:20px 25px 20px 20px;
	float:right;
	color:#eee;
}
@media all and (max-width: 750px) {
.footer .informacion-de-contacto {
	display:block;
	margin:20px;
	margin-bottom:15px;
	float:none;
}
}

.footer .informacion-de-contacto p {
	text-align:right;
	margin:0;
	margin-bottom:5px;
	padding:0;
}
@media all and (max-width: 750px) {
.footer .informacion-de-contacto p {
	text-align:center;
}
}

.footer .logos {
	display:inline-block;
	margin-left:25px;
}
@media all and (max-width: 750px) {
.footer .logos {
	display:block;
	float:none;
	margin:0px;
	margin-bottom:15px;
	text-align:center;
}
}

.footer .logos img {
	float:left;
	width:100%;
	max-width:150px;
	margin:20px;
	margin-left:0px; 
}
@media all and (max-width: 750px) {
.footer .logos img {
	float:none;
	width:100%;
	max-width:150px;
	margin:10px; 
}
}

.footer .legal {
	display:block;
	clear:both;
	width:auto;
	margin:0px;
	padding:0 25px;
	border-top:1px dashed #999;
	color:#ccc;
	text-align:left;
	font-size:10px;
}
@media all and (max-width: 750px) {
.footer .legal {
	text-align:center;
}
}


.footer a[href^="tel:"], .footer a[href^="mailto:"] {
  color: #fff;
  text-decoration: none;
}
.footer a[href^="tel:"]:hover, .footer a[href^="mailto:"]:hover {
  color: #bbb;
  text-decoration: none;
}


.fancybox-caption {
    padding: 20px 0 !important;
	color:#ccc !important;
	letter-spacing:1px !important;
}










.slideshow,
.slideshow:after {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
	display:none;
}
@media all and (max-width: 1000px) {
.slideshow,
.slideshow:after {
	display:block;
}
}

ul.slideshow  {
	margin: 0 !important;
	padding: 0 !important;
}

.slideshow li {
	list-style:none;
}
.slideshow:after {
    content: '';
    background: transparent;
}
.slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: left top;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s;
}

.slideshow li:nth-child(1) span { background-image: url(http://www.demelis.cl/imagenes/banner-home-01.jpg) }
.slideshow li:nth-child(2) span {
    background-image: url(http://www.demelis.cl/imagenes/banner-home-02.jpg);
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s;
}
.slideshow li:nth-child(3) span {
    background-image: url(http://www.demelis.cl/imagenes/banner-home-03.jpg);
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
}
.slideshow li:nth-child(4) span {
    background-image: url(http://www.demelis.cl/imagenes/banner-home-04.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(5) span {
    background-image: url(http://www.demelis.cl/imagenes/banner-home-05.jpg);
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s;
}
.slideshow li:nth-child(6) span {
    background-image: url(http://www.demelis.cl/imagenes/banner-home-07.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.slideshow li:nth-child(2) div {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s;
}
.slideshow li:nth-child(3) div {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s;
}
.slideshow li:nth-child(4) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(5) div {
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s;
}
.slideshow li:nth-child(6) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.0);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.0);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.0);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.0);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.0);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.0);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.0);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.0);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.0);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.0);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.0);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.0);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.0);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.0);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.0);
	}
	100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity: 1;
}