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

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

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

#contenedor {
	alignment-adjust:central;
	width:100%;
	height:100%;
	margin-left:0%;
	padding: 0% -15%;
	padding-bottom:0.1%
	/*Con este padding el footer sube un poco mas dejando el espacio en negro*/;
	background-color: #000;
	/*background-color: rgba(0,102,153,1); /*Azul oscuro*/
}

#cabecero {
	margin: 0%;
	padding: 0px;
	alignment-adjust: central;
	position: relative;
	height:auto;
	width:100%;
	overflow:hidden;
	background-color:#FC3;
}

#cabecero_movil {
	display:none;
}

.banner_principal {
	alignment-adjust:central;
	width:98%;
	margin: 1% 1% 1% 1%;
	position:relative;
	}

/*Fuentes*/

/*Fuentes para menu*/
span.icon-menu3 {
	font-size:30px;
	padding:40% 15% 0% 20%;
	}

span.icon-home3 {
	font-size:50px;
	float:right;
	padding:40% 15% 0% 20%;
	}

span.icon-home3 a {
	font-size:50px;
	margin:0% 10px 1% 10px;
	text-decoration:none;
	color:rgba(255,255,255,1);
	}

span.icon-home {
	font-size:20px;
	margin:0% 10px 1% 10px;
	}

span.icon-man-woman, span.icon-books, span.icon-cart, 
span.icon-address-book, span.icon-earth  {
	font-size:20px;
	margin:0% 10px 1% 0px;
	}

/*Fuentes para categorias*/

span.icon-truck, span.icon-flag, span.icon-mug, span.icon-appleinc, span.icon-plus,
span.icon-dribbble, span.icon-rocket, span.icon-wink, span.icon-cogs, span.icon-video-camera,
span.icon-hipster, span.icon-warning, span.icon-star-empty, span.icon-library, span.icon-book {
	font-size:20px;
	margin:0% 2% 0% -4%;
}


/*Fuentes para partes del sitio*/

span.icon-file-excel {
	font-size:20px;
	margin:0% 2% 0% 0%;
	color: rgba(0,153,0,1);
	background-color: rgba(255,255,255,1);
	border-radius:4px;
	padding: 1px 0px 1px 0px ;
}

span.icon-file-pdf {
	font-size:20px;
	margin:0% 2% 0% 0%;
	color: rgba(255,0,0,1);
	background-color: rgba(255,255,255,1);
	border-radius:4px;
	padding: 1px 0px 1px 0px ;
}

span.icon-image, span.icon-credit-card, span.icon-mobile, span.icon-users, span.icon-user-tie,
span.icon-mail, span.icon-html-five, span.icon-phone, span.icon-envelop, span.icon-point-right {
	font-size:20px;
	margin:1% 2% 0% 0%;
	color: rgba(255,255,0,1);
}

span.icon-cancel-circle, span.icon-circle-right, span.icon-circle-left {
	font-size:50px;
	margin:0%;
	color: rgba(0,255,255,1);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	opacity:0.8;
}

/*Con estas propiedades, las flechas estan mas cerca de la imagen*/
/*Pero se colocaron a un 50% porque en algunos navegadores comprimian la imagen*/
span.icon-circle-left {
	margin-left:50%;
	float:left;
	margin-left:-150%;
}

span.icon-circle-right {
	margin-right:50%;
	float:right;
	margin-right:-150%;
}

span.icon-circle-right:hover, span.icon-circle-left:hover, span.icon-cancel-circle:hover{
	color: rgba(255,255,255,1);
	text-shadow:0px 0px 8px rgba(0,255,255,1);
	-webkit-text-shadow:0px 0px 8px rgba(0,255,255,1);
	-moz-text-shadow:0px 0px 8px rgba(0,255,255,1);
	-o-text-shadow:0px 0px 8px rgba(0,255,255,1);
	-ms-text-shadow:0px 0px 8px rgba(0,255,255,1);
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	opacity:1;
}

span.icon-cancel-circle:active {
	color: rgba(255,0,0,1);
	text-shadow:0px 0px 8px #FF3333;
	-webkit-text-shadow:0px 0px 8px #FF3333;
	-moz-text-shadow:0px 0px 8px #FF3333;
	-o-text-shadow:0px 0px 8px #FF3333;
	-ms-text-shadow:0px 0px 8px #FF3333;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
}


span.icon-circle-right:active, span.icon-circle-left:active {
	color: rgba(0,255,0,1);
	text-shadow:0px 0px 8px rgba(0,255,255,1);
	-webkit-text-shadow:0px 0px 8px rgba(0,255,255,1);
	-moz-text-shadow:0px 0px 8px rgba(0,255,255,1);
	-o-text-shadow:0px 0px 8px rgba(0,255,255,1);
	-ms-text-shadow:0px 0px 8px rgba(0,255,255,1);
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
}
/*Fuentes para navegadores*/

span.icon-chrome, span.icon-firefox, span.icon-opera {
	font-size:1em;
	margin:0%;
	color: rgba(0,255,255,1);
}

/*Fuentes para redes sociales*/

span.icon-whatsapp {
	font-size:1.5em;
	margin:0% 1%;
	color: rgba(255,255,255,1);
	background-color:rgba(0,204,0,1);
	border-radius:20px;
}

span.icon-facebook {
	font-size:20px;
	margin:1% 2% 0% 2%;
	color: rgba(255,255,255,1);
	background-color: rgba(0,102,255,1);
	border-radius:4px;
	padding: 3px 1px 1px 1px ;
}

span.icon-twitter {
	font-size:20px;
	margin:1% 2% 0% 2%;
	color: rgba(255,255,255,1);
	background-color: rgba(0,153,255,1);
	border-radius:4px;
	padding: 3px 1px 1px 1px ;
}

span.icon-instagram {
	font-size:20px;
	margin:1% 2% 0% 2%;
	color: rgba(255,255,255,1);
	background-color: rgba(255,102,255,1);
	background-image: linear-gradient(45deg, orange, purple);
	border-radius:4px;
	padding: 3px 2px 1px 1px;
}

span.icon-pinterest {
	font-size:20px;
	margin:1% 2% 0% 2%;
	color: rgba(204,0,0,1);
	background-color: rgba(255,255,255,1);
	border-radius:30px;
	padding: 1px 1px 0px 0px;
	color: rgba(255,0,0,1);
}

span.icon-youtube2 {
	font-size:20px;
	margin:1% 2% 0% 2%;
	color: rgba(255,0,0,1);
	background-color: rgba(255,255,255,1);
	border-radius:5px;
	padding: 1px 1px 0px 1px;
}

/*Cierre de fuentes*/


/*Para la barra de menu y busqueda*/
header label {
	display:block;
	border-right:2px solid rgb(255,255,255);
	width:50px;
	height:40px;
	padding-top:15px;
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
}

header label:hover {
	cursor:pointer;
	background-color:rgb(0,204,255);
	width:50px;
	height:40px;
}

#icono_inicio {
	float:right;
	z-index:1;
	margin-top:-42px;
	margin-right:2%;
	font-size:30px;
	color:rgb(0,0,0);
	cursor:pointer;
}

#icono_inicio a {
	color:rgb(0,0,0);
	text-decoration:none;
	cursor:pointer;
}

#icono_inicio a:hover {
	color: rgba(255,255,255,1);
	text-decoration:none;
}


.logo_tuscalcomanias_movil {
	background-image:url(../imagenes/banner/logo-tuscalcomanias-movil.png);
	background-size:95%;
	background-repeat:no-repeat;
	width:70%;
	height:50px;
	float:rigth;
	background-position:center;
	margin-top:-50px;
	margin-left:14%;
}

.barra_busqueda_movil {
	width:50%;
	height:40px;
	padding:5px 0px;
	background-color:rgba(0,204,255,1); /*Azul turquesa*/
	float:left;
}

#input-search {
	width:98%;
	height:40px;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:10px;
	color:rgba(0,0,0,1);
	background-image:url(../imagenes/lupa/search.png);
	background-repeat:no-repeat;
	background-size:10%;
	background-position:right;
	background-position:100%;
}

.content-search {
	width:50%;
	height:auto;
	position: absolute;
	top:152px;
	left:0px;
	background-color: rgba(0,255,255,0.5);
	z-index:1;
	display:none;
}

.content-table {
	width:99%;
	height:auto;
	max-height:300px;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;
	overflow-x: hidden;
	overflow-y: visible;
}

.content-table table {
	width:99%;
}


tbody tr td a {
	display:block;
	width:99%;
	color:rgba(0,0,0,1);
	text-decoration:none;
	z-index:1;
	padding:10px 5px;
	border: 1px solid rgba(255,255,255,0);
	transition:all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}

tbody tr td a:hover {
	background-color:rgba(0,153,255,1);
	width:99%;
	z-index:1;
	border: 1px solid rgba(255,255,255,1);
	padding:10px 5px;
	color:rgba(255,255,255,1);
}


#table_length, #table_filter, #table_info, #table_paginate {
	display:none;
}

a.enlace-menu-movil{
	color:rgb(0,0,0);
	text-shadow:rgb(0,0,0);
	z-index:1;
}

header {
	width:100%;
	height:auto;
}

/*Cierre de la barra de menu y busqueda*/

#menu_pc {
	alignment-adjust:central;
	width:90%;
	margin: 5% 0% 0% 0%;
	margin-left:8%;
	clear:both;
	}

#menu_movil {
	display:none;
}

nav {position:relative;
	width:98%;
	alignment-adjust: central;
	margin:1% 0px 0px 0px;
}

nav ul li {
	margin: 0px 0px;
	padding: 1% 0% 1% 0%;
	width: 20%;
	font-family: Arial, Helvetica, sans-serif;
	list-style:none;
	float:left;
	text-align:center;
	alignment-adjust: central;
	height:15px;
}

nav ul li a {text-decoration:none;
	color:#FFF;
	text-align:center;
	alignment-adjust: center;
	height:15px;
}

nav ul li a:hover {text-decoration:none;
	text-align:center;
	alignment-adjust: center;
	height:15px;
	color:#000;
}

.lista_menu {
	background-color: #09F;
	height:50px;
	width:12%;
}

.lista_menu a {
	height:20px;
	width:40%;
}

.lista_menu a:hover {
	background-color: #F00;
	color:#000;
	height:15px;
	width:12%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	color:#0FF;
	text-align:center;
}


.h1_para_movil {
	display:none;	
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	font-weight:bold;
	color:#0FF;
	clear:both;
}

h2.inicio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:#0FF;
	clear:both;
	text-align: center;
	margin-top:4%;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.02em;
	font-weight:bold;
	color:#0FF;
}

p {font-family: Arial, Helvetica, sans-serif;
	margin: 2px 2px; 
	text-align:justify;
	font-size: 1em; 
	text-indent:1.1em; 
	line-height:1.6;
	width:auto;
	color:#FFF;
}

h2.h2-catalogo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	color:#0FF;
	clear:both;
	text-align:center;
}

#cont1 h3.h3-galeria {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
}

.parrafo_footer_movil {
	display:none;
}

/*Para enlaces*/
a {
	font-family: Arial, Helvetica, sans-serif;
	color:#0FF;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:rgba(0,255,0,1);
}

.enlace_h2 {
	color:#0FF;
	text-decoration:none;
}

.enlace_h2:hover {
	color: #0F0;
	text-decoration: underline;
}

/*Cierre de enlaces*/


parrafo_marco_inicio {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0%; 
	text-align:justify;
	font-size:0.5 em; 
	text-indent:0.5em; 
	line-height:1.5;
	width:auto;
	color:#FFF;
}

#section {
	width:95%;
	padding:0px;
	border:0px;
	position:relative;
	margin:0px;
	/*background-color:#399*/;
}

article {
	width:95%;
	margin: 20px 0px 0px 0px;
}

#cont1 {
	position: relative;
	width:95%;
	alignment-adjust:center;
	margin: 1% 0% 3% 5%;
	padding: 0% 0% 0% 0%;
	float:left;
	border-color:#000;
	border-style: dashed;
	/*background-color:rgba(0,153,204,1);*/
}

#cont1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
}

#cont2 {
	position:relative;
	width: 95%;
	margin:-3% 0% 3% 0%;
	padding: 0% 0%;
	alignment-adjust:central;
	float:right;
	border-color:#000;
	border-style: solid;
}

#cont21 {
	position:relative;
	width: 95%;
	margin:0% 0% 0% 0%;
	padding: 0% 0%;
	alignment-adjust:central;
	float:right;
	border-color:#000;
	border-style: solid;
}

#cont22 { /*Para la pagina nosotros*/
	position:relative;
	width: 95%;
	margin:4% 0% 2% 0%;
	padding: 0% 0%;
	alignment-adjust:central;
	float:right;
	clear:both;
	left:2%;
}


#cont3 {
	position:relative;
	width: 90%;
	margin:0% 0% 0% 5%;
	padding: 0% 0%;
	alignment-adjust:central;
	clear:both;
	/*background-color:rgba(0,255,0,1);*/
}

.jhonatan {
	width:50%;
	margin:2% 2% 2% 27%;
	alignment-adjust:central;
}

.cont_categoria_1 {
	float:left;
	margin-left:12%;
	margin-bottom:5%;
	width:43%;
}

.cont_categoria_2 {
	float:left;
	margin-left:5%;
	margin-bottom:5%;
	width:40%;
}

/*Para silder*/
iframe {
	width:99%;
	height:500px;
	display:block;
	margin: 0px 0% 20px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	/*background-color: rgba(0,102,153,1);*/
}

@media only screen and (min-width:769px) and (max-width:850px){
	iframe {
	display:block;
	margin: 0px 0% 0% 0px;
	height:480px;
}
}

.imagen_de_catalogo {
	width:430px;
	height:550px;
	/*El colocar el alto y ancho en pixeles, no se mueve la imagen al cambiar la resolucion de la pantalla*/
	clear:both;
	position: relative;
	margin: 8% auto;
	left:2.3%;
	alignment-adjust:central;
	box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	-o-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	-ms-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	border:rgba(255,255,255,1) 5px solid;
	border-radius:5px;
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}


.imagen_de_catalogo:hover {
	box-shadow: 0px 0px 3px 3px #00FFFF;
	-webkit-box-shadow: 0px 0px 3px 3px #00FFFF;
	-moz-box-shadow: 0px 0px 3px 3px #00FFFF;
	-o-box-shadow: 0px 0px 3px 3px #00FFFF;
	-ms-box-shadow: 0px 0px 3px 3px #00FFFF;
}

/*1er catalogo*/
/*.catalogo {
	width: 58%;
	height:auto;
	margin:auto;
	margin-bottom:5%;
	padding:0% auto;
	opacity:0.9;
	background-color: rgba(204,255,102,1);
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

.catalogo:hover {
	background-position:center center;
	background-size: 111.5%;
	background-repeat:no-repeat;
	opacity:1;
}

*/

.catalogo {
	width: 58%;
	height:auto;
	margin:auto;
	margin-bottom:5%;
	margin-top:2%;
	padding:0% auto;
	opacity:0.9;
	/*background-color: rgba(204,255,102,1);*/
	transition:all 1s ;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

.catalogo:hover {
	opacity:1;
}

/*Nuevo marco*/
#rectangulo-base-catalogo {
	width:495px;
	height:625px;
	position:absolute;
	background-color: rgb(18,36,46,0);
	transform:scale(0.9,0.9);
	-webkit-transform:scale(0.9,0.9);
	-moz-transform:scale(0.9,0.9);
	-o-transform:scale(0.9,0.9);
	-ms-transform:scale(0.9,0.9);
	z-index:2;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	opacity:0.0;
	margin:1%;
	margin-left:-2.1%;
	margin-top:0%;
	}
	
/*Se esta resolviendo el problema ya que cuando se aumenta la resolucion, el catalogo aumenta y el rectangulo se reduce*/
/*Al colocar el rectangulo en %, el ancho se adapta mas no el alto.*/
#rectangulo-base-catalogo:hover {
	width:495px;
	height:625px;
	position:absolute;
	background-color: rgb(18,36,46,0);
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	opacity:1;
	}

#catalogo-rectangulo-bordes-a-iz-1 {
	width:0.3%;
	height:70px;
	position:relative;
	float:left;
	background-color:rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-left:1%;
	margin-top:0%;*/
	transform: translate(05px,5px);
}

#catalogo-rectangulo-bordes-a-iz-2 {
	width:70px;
	height:0.3%;
	position:relative;
	float:left;
	background-color:rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-left:-1.5%;
	margin-top:-0.8%;*/
	transform: translate(0px,5px);
}

#catalogo-rectangulo-bordes-a-de-1 {
	width:0.3%;
	height:70px;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-right:-1%;
	margin-top:-0.5%;*/
	transform: translate(-5px,5px);
	
}

#catalogo-rectangulo-bordes-a-de-2 {
	width:70px;
	height:0.3%;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-right:-1.5%;
	margin-top:-0.8%;*/
	transform: translate(0px,5px);
}


#catalogo-rectangulo-bordes-ab-iz-1 {
	width:0.3%;
	height:70px;
	position: relative;
	float:left;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-left:-2%;
	margin-top:97.2%;*/
	transform: translate(-79px,547px);
}

#catalogo-rectangulo-bordes-ab-iz-2 {
	width:70px;
	height:0.3%;
	position: relative;
	float:left;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-left:-2%;
	margin-top:119.1%;*/
	transform: translate(-85px,617px);
}

#catalogo-rectangulo-bordes-ab-de-1 {
	width:0.3%;
	height:70px;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-right:-1.5%;
	margin-top:97.2%;*/
	transform: translate(78px,548px);
}

#catalogo-rectangulo-bordes-ab-de-2 {
	width:70px;
	height:0.3%;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	/*margin-left:46%;
	margin-top:119.1%;
	margin-right:-1.5%;*/
	transform: translate(84px,618px);
}
/*Se mejoro el sistema a partir de la resolucion 901x1024, en porcentajes*/
/*Para Bordes con resolucion mas alta*/

@media only screen and (min-width:769px) and (max-width:800px){
	#rectangulo-base-catalogo {
	margin-left:-7.1%;
	/*background-color:rgb(153,0,255);*/
}

	.imagen_de_catalogo {
	left:-5.3%;
}
}

@media only screen and (min-width:801px) and (max-width:850px){
	#rectangulo-base-catalogo {
	margin-left:-5%;
	/*background-color: rgb(0,153,0);*/
}
	.imagen_de_catalogo {
	left:-2%;
}
}

@media only screen and (min-width:851px) and (max-width:880px){
	#rectangulo-base-catalogo {
	margin-left:-3%;
	/*background-color: rgb(0,204,204);*/
}
	.imagen_de_catalogo {
	left:1%;
}
}


/*Estilos de la galeria y el modal*/

.galeria {
	width:95%;
	margin: 0% 0% 40% 3%;
	list-style:none;
	padding:2%;
	box-sizing: border-box;
	justify-content: space-around;
	height:auto;
}

.galeria li {
	margin:2%;
	height:auto;
}

.galeria img {
	width:31%;
	height:auto;
}

.imagen_galeria_1, .imagen_galeria_2, .imagen_galeria_3, 
.imagen_galeria_4, .imagen_galeria_5, .imagen_galeria_6 {
	width:40%;
	height:auto;
	float:left;
	margin:1%;
	opacity:0.7;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

.imagen_galeria_1:hover, .imagen_galeria_2:hover, .imagen_galeria_3:hover,
.imagen_galeria_4:hover, .imagen_galeria_5:hover, .imagen_galeria_6:hover{
	opacity:1;
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	z-index:5;
}

.modal {
	visibility:visible;
	width:100%;
	opacity:0;
	background-color:rgba(102,102,102,1);
	margin:-100%;
	top:0%;
	display:none;
	transition:all 3s;
	-webkit-transition:all 3s;
	-moz-transition:all 3s;
	-o-transition:all 3s;
	-ms-transition:all 3s;
	transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-o-transform:scale(0,0);
	-ms-transform:scale(0,0);
}

.modal:target {
	visibility: visible;
	opacity:1;
	transition:all 3s;
	-webkit-transition:all 3s;
	-moz-transition:all 3s;
	-o-transition:all 3s;
	-ms-transition:all 3s;
	position:fixed;
	background-color:rgba(0,0,0,0.5);
	width:100%;
	top:0%;
	left:0%;
	height:100%;
	margin-top:0%;
	margin-bottom:0%;
	margin-left:0%;
	display: block;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	z-index:6; /*Con esto se evita que la imagen en miniatura sobresalga del modal:target*/
}

/*Se modifico el Width al 70% y el left al 15%*/
/*Se modifico el Width al 60% y el left al 20%*/
.imagen-catalogo {
	width:60%;
	height: auto;
	width:450px;
	height: 350px;
	width:350px;
	height: 300px;
	margin: 1% auto;
	/*Al colocar el margen auto, la imagen queda centrada, pero se altera la posicion de los botones de arriba y abajo*/
	margin-top:3%;
	position: relative;;
	alignment-adjust: central;
	/*left:22%;
	left:0%;
	/*Se modifico el margen para que quedara centrada la imagen. Hay otro margen con una resolucion mayor*/
	box-shadow: 0px 0px 10px rgba(0,255,255,0);
	-webkit-box-shadow: 0px 0px 10px rgba(0,255,255,0);
	-moz-box-shadow: 0px 0px 10px rgba(0,255,255,0);
	-o-box-shadow: 0px 0px 10px rgba(0,255,255,0);
	-ms-box-shadow: 0px 0px 10px rgba(0,255,255,0);
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	animation: anim-image-catalogo 60s linear infinite normal;
	-webkit-animation: anim-image-catalogo 60s linear infinite normal;
	-moz-animation: anim-image-catalogo 60s linear infinite normal;
	-o-animation: anim-image-catalogo 60s linear infinite normal;
	-ms-animation: anim-image-catalogo 60s linear infinite normal;
}


@keyframes anim-image-catalogo {
	0% {
	opacity:0;}
	2% {
	opacity:1;
	box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 20px rgba(0,255,255,1);}
	3% {
	box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 0px rgba(0,255,255,1);}
	100% {opacity:1;}
}

@-webkit-keyframes anim-image-catalogo {
	0% {
	opacity:0;}
	2% {
	opacity:1;
	box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 20px rgba(0,255,255,1);}
	3% {
	box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 0px rgba(0,255,255,1);}
	100% {opacity:1;}
}

@-moz-keyframes anim-image-catalogo {
	0% {
	opacity:0;}
	2% {
	opacity:1;
	box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 20px rgba(0,255,255,1);}
	3% {
	box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 0px rgba(0,255,255,1);}
	100% {opacity:1;}
}

@-o-keyframes anim-image-catalogo {
	0% {
	opacity:0;}
	2% {
	opacity:1;
	box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 20px rgba(0,255,255,1);}
	3% {
	box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 0px rgba(0,255,255,1);}
	100% {opacity:1;}
}

@-ms-keyframes anim-image-catalogo {
	0% {
	opacity:0;}
	2% {
	opacity:1;
	box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 20px rgba(0,255,255,1);}
	3% {
	box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 0px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 0px rgba(0,255,255,1);}
	100% {
	opacity:1;}
}


.imagen-catalogo:hover {
	box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-moz-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-o-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	-ms-box-shadow: 0px 0px 20px rgba(0,255,255,1);
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;}

.imagen {
	width:95%;
	width: 700px;
	/*al colocar el ancho mas pequeño y se centro, respondio mejor al centrado;*/
	height::500px;
	display: flex;
	justify-content:center;
	align-items: center;
	margin:0% auto 0% auto;
	transition:all 3s;
	-webkit-transition:all 3%;
	-moz-transition:all 3%;
	-o-transition:all 3%;
	-ms-transition:all 3%;
	padding:2% 1% 1% 1%;
	margin-left:1.5%;
	margin-left:0%;
	margin:1% auto;
	/*background-color:rgba(102,255,0,0.5);*/
}

/*Nuevo marco*/
#rectangulo-base {
	width:490px;
	height:340px;
	/*Se cambio el alto debido a que los bordes se desconfiguran al adaptar la pantalla*/
	/*Se aumento el alto en la resolucion 901x1024, para que entrera mejor la imagen*/
	position: absolute;
	background-color:rgba(0,255,255,0.1);
	background-color: rgb(18,36,46,0.5);
	border:1px solid rgba(255,255,255,1);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 5px #00FFFF;
	-webkit-box-shadow: 0px 0px 5px #00FFFF;
	-moz-box-shadow: 0px 0px 5px #00FFFF;
	-o-box-shadow: 0px 0px 5px #00FFFF;
	-ms-box-shadow: 0px 0px 5px #00FFFF;
	/*transform: translate(-0.5%,-0%);
	-webkit-transform: translate(-0.5%,-0%);
	-moz-transform:translate(-0.5%,-0%);
	-o-transform:translate(-0.5%,-0%);
	-ms-transform:translate(-0.5%,-0%);*/
	/*Se cambio a margenes ya que daba un error con Mozilla, el problema se mantiene es en Pale Moom y Internet Explorer*/
	margin:0% 0% 0% 2%;
	/*Se colocara un mismo tipo de animacion parecida a las imagenes*/
	animation: anim-image-marco 60s linear infinite normal;
	-webkit-animation: anim-image-marco 60s linear infinite normal;
	-moz-animation: anim-image-marco 60s linear infinite normal;
	-o-animation: anim-image-marco 60s linear infinite normal;
	-ms-animation: anim-image-marco 60s linear infinite normal;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	z-index:0;
	}

@media only screen and (min-width:769px) and (max-width:900px){
	#rectangulo-base {
	margin:0% 0% 0% 0%;
	margin:1% 0% 0% -1.5%;
	margin:10px 0px 0px -10px;
	margin:10px 0px 0px 0px;
	margin: 0px auto;
	/*margin-left:-1.5%;*/
	margin-left:0%;
}
	.imagen-catalogo {
	left:10%;
	left:0%;
	}
}
/*Con este margen, el marco queda bien centrado y la imagen*/


@keyframes anim-image-marco {
	0% {
	opacity:0;
	transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-o-transform:scale(0.8,0.8);
	-ms-transform:scale(0.8,0.8);}
	1% {
	opacity:1;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);}
	100% {opacity:1;}
}

@-webkit-keyframes anim-image-marco {
	0% {
	opacity:0;
	transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-o-transform:scale(0.8,0.8);
	-ms-transform:scale(0.8,0.8);}
	1% {
	opacity:1;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);}
	100% {opacity:1;}
}

@-moz-keyframes anim-image-marco {
	0% {
	opacity:0;
	transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-o-transform:scale(0.8,0.8);
	-ms-transform:scale(0.8,0.8);}
	1% {
	opacity:1;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);}
	100% {opacity:1;}
}

@-o-keyframes anim-image-marco {
	0% {
	opacity:0;
	transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-o-transform:scale(0.8,0.8);
	-ms-transform:scale(0.8,0.8);}
	1% {
	opacity:1;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);}
	100% {opacity:1;}
}

@-ms-keyframes anim-image-marco {
	0% {
	opacity:0;
	transform:scale(0.8,0.8);
	-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-o-transform:scale(0.8,0.8);
	-ms-transform:scale(0.8,0.8);}
	1% {
	opacity:1;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);}
	100% {opacity:1;}
}

#rectangulo-bordes-a-iz-1 {
	width:0.3%;
	height:70px;
	/*El alto se dejo en px, para que pueda aparecer en el marco*/
	position:relative;
	float:left;
	background-color:rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	transform: translate(-5px,-4px);
	-webkit-translate:(-5px,-4px);
	-moz-translate:(-5px,-4px);
	-o-translate:(-5px,-4px);
	-ms-translate:(-5px,-4px);
	
	/*El translate se dejo en pixeles y se ha mantenido bien en la posicion*/
}


#rectangulo-bordes-a-iz-2 {
	width:70px;
	height:0.3%;
	position:relative;
	float:left;
	background-color:rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	transform: translate(-10px,-4px);
	-webkit-translate:(-10px,-4px);
	-moz-translate:(-10px,-4px);
	-o-translate:(-10px,-4px);
	-ms-translate:(-10px,-4px);
}

#rectangulo-bordes-a-de-1 {
	width:0.3%;
	height:70px;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	transform: translate(3px,-4px);
	-webkit-translate:(3px,-4px);
	-moz-translate:(3px,-4px);
	-o-translate:(3px,-4px);
	-ms-translate:(3px,-4px);
}

#rectangulo-bordes-a-de-2 {
	width:70px;
	height:0.3%;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	transform: translate(7px,-4px);
	-webkit-transform: translate(7px,-4px);
	-moz-transform: translate(7px,-4px);
	-o-transform: translate(7px,-4px);
	-ms-transform: translate(7px,-4px);
}


#rectangulo-bordes-ab-iz-1 {
	width:0.3%;
	height:70px;
	position: relative;
	float:left;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	margin-left:0%;
	margin-top:63%;
	/*Se modificaran de acuerdo al cambio en px;*/
	transform:translate(-87px,-41px);
	-webkit-transform:translate(-87px,-41px);
	-moz-transform:translate(-87px,-45px);
	-o-transform:translate(-87px,-45px);
	-ms-transform:translate(-87px,-45px);
}

#rectangulo-bordes-ab-iz-2 {
	width:70px;
	height:0.3%;
	position: relative;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	transform:translate(0px,337px);
	-webkit-transform:translate(0px,337px);
	-moz-transform:translate(0px,360px);
	-o-transform:translate(0px,397px);
	-ms-transform:translate(0px,397px);
	/*El eje X se mantiene el problema es con el eje Y*/
}

#rectangulo-bordes-ab-de-1 {
	width:0.3%;
	height:70px;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	transform: translate(11.5px,260px);
	-webkit-transform: translate(11.5px,260px);
	-moz-transform: translate(11.5px,320px);
	-o-transform: translate(11.5px,320px);
	-ms-transform: translate(11.5px,-320px);
	/*margin-right:0%;
	margin-top:63%;*/
}


#rectangulo-bordes-ab-de-2 {
	width:70px;
	height:0.3%;
	position: relative;
	float:right;
	background-color: rgb(255,255,255);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow: 0px 0px 10px #00FFFF;
	-webkit-box-shadow: 0px 0px 10px #00FFFF;
	-moz-box-shadow: 0px 0px 10px #00FFFF;
	-o-box-shadow: 0px 0px 10px #00FFFF;
	-ms-box-shadow: 0px 0px 10px #00FFFF;
	border:3px solid rgba(255,255,255,1);
	transform: translate(17px,330px);
	-webkit-transform: translate(17px,330px);
	-moz-transform: translate(17px,390px);
	-o-transform: translate(17px,390px);
	-ms-transform: translate(17px,390px);
}

.imagen a:hover {
	transition:all 1s;
}


.imagen a:nth-child(2) {
	margin:0%;
	height:100%;
	flex-shrink: 2;
	transition:all 1s;
}

.cerrar {
	display:block;
	color:rgba(0,0,0,1);
	width:35px;
	height:35px;
	margin:0% auto -5% 46%;
	text-align:center;
	text-decoration:none;
	padding:5px;
	border-radius:50%;
	font-size:24px;
	line-height:25px;
	transition:all 0.5s;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
}

.cerrar:hover {
	color: rgba(255,255,255,1);
}

.cerrar:active {
	color: rgba(255,0,0,1);
}

@media only screen and (min-width:769px) and (max-width:800px){
.cerrar {
	margin:0% auto 2% 46%;
}
}

/*Diferentes alturas para un mismo ancho*/

@media only screen and (min-height:300px) and (max-height:319px){
	/*Para Telef de Jose (hermano)*/
	.imagen {
	width:90%;
	height:330px;
	/*background-color:#09F;*/
}

	.imagen-catalogo {
	width: 300px;
	height:240px;
	margin-top:-20%;
	padding: 0%;
}

	#rectangulo-base {
	width: 360px;
	height: 290px;
	margin:-4% auto 2%;
	}
	
	.cerrar {
	margin:-12.7% auto 2% 46.5%;
	}

	span.icon-cancel-circle {
	font-size:45px;
	margin:0%;
	color: rgba(0,255,255,1);
	}

	span.icon-circle-left {
	font-size:60px;
	margin-left:-120%;
	margin-top:204%;
	}
	
	span.icon-circle-right {
	font-size:60px;
	margin-right:-120%;
	margin-top:-40%;
	}
	
	#rectangulo-bordes-ab-iz-1 {
	left:-0.3%;
	top:11%;
}

	#rectangulo-bordes-ab-iz-2 {
	left:-1%;
	top:-17.2%;
}

	#rectangulo-bordes-ab-de-1 {
	right:0.1%;
	top:-17%;
}

	#rectangulo-bordes-ab-de-2 {
	right:0%;
	top:-17%;
}
}

@media only screen and (min-height:320px) and (max-height:350px){
	/*Para Telef de Jose (hermano)*/
	.imagen {
	width:90%;
	height:330px;
	/*background-color:#09F;*/
}

	.imagen-catalogo {
	width: 330px;
	height:270px;
	margin-top:-11%;
	padding: 0%;
}

	#rectangulo-base {
	width: 370px;
	height: 300px;
	margin:-2% auto 2%;
	}
	
	.cerrar {
	margin:-9.5% auto 2% 46.5%;
	}

	span.icon-cancel-circle {
	font-size:45px;
	margin:0%;
	color: rgba(0,255,255,1);
	}

	span.icon-circle-left {
	font-size:60px;
	margin-left:-120%;
	margin-top:204%;
	}
	
	span.icon-circle-right {
	font-size:60px;
	margin-right:-120%;
	margin-top:-40%;
	}
	
	#rectangulo-bordes-ab-iz-1 {
	left:-0.3%;
	top:11%;
}

	#rectangulo-bordes-ab-iz-2 {
	left:-1%;
	top:-13.5%;
}

	#rectangulo-bordes-ab-de-1 {
	right:0.1%;
	top:-13.5%;
}

	#rectangulo-bordes-ab-de-2 {
	right:0%;
	top:-13.5%;
}
}

@media only screen and (min-height:370px) and (max-height:412px){
	/*Para iPhone X y Pixel 2 XL*/
	.imagen {
	width:90%;
	height:330px;
	/*background-color:#09F;*/
}

	.imagen-catalogo {
	width: 340px;
	height:280px;
	margin-top:-6%;
	padding: 0%;
}

	#rectangulo-base {
	width: 400px;
	height: 330px;
	margin:-1% auto 2%;
	}
	
	.cerrar {
	margin:-6% auto 2% 45.5%;
	}

	span.icon-cancel-circle {
	font-size:45px;
	margin:0%;
	color: rgba(0,255,255,1);
	}

	span.icon-circle-left {
	font-size:60px;
	margin-left:-170%;
	margin-top:228%;
	}
	
	span.icon-circle-right {
	font-size:60px;
	margin-right:-170%;
	margin-top:4%;
	}
	
	#rectangulo-bordes-ab-iz-1 {
	left:-0.3%;
	top:14%;
}

	#rectangulo-bordes-ab-iz-2 {
	left:-1%;
	top:-3%;
}

	#rectangulo-bordes-ab-de-1 {
	right:0.1%;
	top:-3%;
}

	#rectangulo-bordes-ab-de-2 {
	right:0%;
	top:-3%;
}
}

@media only screen and (min-height:413px) and (max-height:500px){
	/*Para Varios*/
	.imagen {
	width:90%;
	height:400px;
	/*background-color:#09F;*/
}

	.imagen-catalogo {
	width: 380px;
	height:320px;
	margin-top:-6%;
	padding: 0%;
}

	#rectangulo-base {
	width: 450px;
	height: 380px;
	margin:-1% auto 2%;
	}
	
	.cerrar {
	margin:-6% auto 2% 46%;
	}

	span.icon-cancel-circle {
	font-size:45px;
	margin:0%;
	color: rgba(0,255,255,1);
	}

	span.icon-circle-left {
	font-size:60px;
	margin-left:-170%;
	margin-top:288%;
	}
	
	span.icon-circle-right {
	font-size:60px;
	margin-right:-170%;
	margin-top:4%;
	}
	
	#rectangulo-bordes-ab-iz-1 {
	left:-0.3%;
	top:17%;
}

	#rectangulo-bordes-ab-iz-2 {
	left:-1%;
	top:10.5%;
}

	#rectangulo-bordes-ab-de-1 {
	right:0.1%;
	top:10.5%;
}

	#rectangulo-bordes-ab-de-2 {
	right:0%;
	top:10.5%;
}
}

/* Para la pagina de inicio*/

.boton_inicio a {
	color:#FFF;
}

.boton_inicio a:hover {
	color: #FFF;
}

a.boton_inicio {
	color:#FFF;
	font-size:1em;
}

a.boton_inicio:hover {
	color: rgba(255,255,255,1);
}

li.boton_inicio a { /*Para las clases que estan en etiquetas*/
	color: #FFF;
}

li.boton_inicio a:hover {
	color:#FFF;
}

.menu-movil {
	display:none;
}

.boton_inicio {
	/*background-color: #3CF;*/ /*Azul claro*/
	width:13.5%;
	height:25px;
	position:relative;
	float:left;
	color:#FFF;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	box-shadow: 0px 0px 5px #00FFFF, 0px 0px 10px #CCCCCC inset;
	-webkit-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 10px #CCCCCC inset;
	-moz-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 10px #CCCCCC inset;
	-o-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 10px #CCCCCC inset;
	-ms-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 10px #CCCCCC inset;
	text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-webkit-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-moz-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-o-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-ms-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	border:3px solid rgba(255,255,255,1);
	margin:2% 0% 2% 1%;
	padding: 0% 0%;
	padding-top:1%;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
}

.boton_inicio:hover {
	background-color: #0FF;
	box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;;
	-webkit-box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;
	-moz-box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;
	-o-box-shadow: 0px 0px 10px#0FF, 0px 0px 10px 2px #333333 inset;
	-ms-box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;
}

.boton_inicio:active {
	background-color: #F00;
	box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;;
	-webkit-box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;
	-moz-box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;
	-o-box-shadow: 0px 0px 10px#0FF, 0px 0px 10px 2px #333333 inset;
	-ms-box-shadow: 0px 0px 10px #0FF, 0px 0px 10px 2px #333333 inset;
}

/*Para los botones en el marco de calcomanias*/

.boton_inicio_marco {
	width:80%;
	height:28px;
	margin:0% 0% 0% 10%;
	padding:1% auto;
	text-align:center;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	box-shadow: 0px 0px 5px #00FFFF, 0px 0px 5px #CCCCCC inset;
	-webkit-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 5px #CCCCCC inset;
	-moz-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 5px #CCCCCC inset;
	-o-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 5px #CCCCCC inset;
	-ms-box-shadow: 0px 0px 5px #00FFFF, 0px 0px 5px #CCCCCC inset;
	text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-webkit-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-moz-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-o-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	-ms-text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
	border:3px solid rgba(255,255,255,1);
	width:75%;
	height:30px;
	margin:2% auto;
	padding: 0% 0%;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
}

.boton_inicio_marco:hover {
	background-color:rgb(0,255,0);
	box-shadow: 0px 0px 10px rgb(0,255,0), 0px 0px 10px 2px #333333 inset;;
	-webkit-box-shadow: 0px 0px 10px rgb(0,255,0), 0px 0px 10px 2px #333333 inset;
	-moz-box-shadow: 0px 0px 10px rgb(0,255,0), 0px 0px 10px 2px #333333 inset;
	-o-box-shadow: 0px 0px 10px rgb(0,255,0), 0px 0px 10px 2px #333333 inset;
	-ms-box-shadow: 0px 0px 10px rgb(0,255,0), 0px 0px 10px 2px #333333 inset;;
}

.boton_inicio_marco:active {
	background-color: #FF0;
	box-shadow: 0px 0px 10px #FF0, 0px 0px 10px 2px #333333 inset;;
	-webkit-box-shadow: 0px 0px 10px #FF0, 0px 0px 10px 2px #333333 inset;
	-moz-box-shadow: 0px 0px 10px #FF0, 0px 0px 10px 2px #333333 inset;
	-o-box-shadow: 0px 0px 10px #FF0, 0px 0px 10px 2px #333333 inset;
	-ms-box-shadow: 0px 0px 10px #FF0, 0px 0px 10px 2px #333333 inset;;
}

.boton_inicio_marco_autos {
	width:80%;
	height:28px;
	margin:0% 0% 0% 10%;
	padding:3% 3% 2% 0%;
	text-align:center;
	alignment-adjust:central;
	background-image:url(../imagenes/botones/boton_1.png);
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: center;
}

.boton_inicio_marco_autos:hover {
	background-image:url(../imagenes/botones/boton_2.png);
}

/*Cierre de los botones en el marco de calcomanias*/

#texto_enlace_blanco {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:center;
	text-decoration:none;
	margin: 0%;
	padding:0% auto;
	padding-top:4%;
	margin-left:-9%;
	text-decoration:none;
	z-index:2;
	text-shadow:#000 2px 2px 2px 2px;
	-webkit-text-shadow:#000 2px 2px 2px 2px;
	-moz-text-shadow:#000 2px 2px 2px 2px;
	-o-text-shadow:#000 2px 2px 2px 2px;
	-ms-text-shadow:#000 2px 2px 2px 2px;
}

#texto_enlace_blanco:hover {
	text-decoration:none;
}

.boton_inicio_marco a {
	text-decoration:none;
}

.paquetes_de_calcomanias {
	margin: 0% 0% 0% 3%;
	/*background-color:#036;*/
	width:100%;}

.marco_inicio_stickers {
	width:24%;
	background-image: url(../imagenes/marcos/marco_1.gif);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:top;
	margin:1% 0% 5% 0%;
	float:left;
	padding:1% 0% 0% 0%;
	height:280px;
}

.marco_inicio_stickers img {
	width:90%;
	margin-top:1%;
	padding:1% 5%;
}

.marco_inicio_stickers p {
	font-size:0.8em;
	text-align:center;
}

.barra_blanca {
	width:95%;
}

/* Cierre de la pagina de inicio*/

aside {
	width:25%;
	height:300px;
	float:left;
	margin:3% 0% 0% 0%;
	display:none;
	}
	
	
#footer {
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	color:#FFF;
	clear:both;
	text-align:center;
	width:60%;
	height:40px;
	alignment-adjust:central;
	margin:0%;
	padding:0%;}
	

#footer_movil {
	display:none;
}

#footer_pc {
	width:80%;
	background-image:url(../imagenes/footer/footer_pc.png);
	background-repeat:no-repeat;
	background-size: 85%;
	background-position:center;
	color:#FFF;
	clear:both;
	margin: 0% auto 1%;
	padding:0% 3% 0% 0%;
}

.parrafo_footer_pc1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
}

/*Para mapa web*/
ul li.lista_mapa_web {
	text-align:left;
	margin-left:1%;
	font-family:Arial, Helvetica, sans-serif;
	color:#0FF;
	font-size: 1em; 
	text-indent:0.1em; 
	line-height:1.6;
	list-style-type:none;
	text-decoration:none;
}

ul li.lista_mapa_web2 {
	text-align:left;
	list-style-type: disc;
	margin-left:3%;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size: 1em; 
	text-indent:0.1em; 
	line-height:1.6;
}

ul li.lista_mapa_web3 {
	text-align:left;
	list-style-type: square;
	margin-left:6%;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size: 1em; 
	text-indent:0.1em; 
	line-height:1.6;
}

ul li.lista_mapa_web4 {
	text-align:left;
	list-style-type: circle;
	margin-left:8%;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size: 1em; 
	text-indent:0.1em; 
	line-height:1.6;
}


.lista_mapa_web a {
	text-decoration: none;
	color: #0FF;
}


.lista_mapa_web a:hover {
	text-decoration: none;
	color: #0F0;
	text-shadow:1px 1px 10px rgba(102,255,51,1);
	-webkit-text-shadow:1px 1px 10px rgba(102,255,51,1);
	-moz-text-shadow:1px 1px 10px rgba(102,255,51,1);
	-o-text-shadow:1px 1px 10px rgba(102,255,51,1);
	-ms-text-shadow:1px 1px 10px rgba(102,255,51,1);
}

.lista_mapa_web2 a {
	text-decoration:none;
	color: #FFF;
}

.lista_mapa_web2 a:hover {
	text-decoration: underline;
	color: rgba(255,255,0,1);
	text-shadow:1px 1px 10px rgba(255,255,0,1);
	-webkit-text-shadow:1px 1px 10px rgba(255,255,0,1);
	-moz-text-shadow:1px 1px 10px rgba(255,255,0,1);
	-o-text-shadow:1px 1px 10px rgba(255,255,0,1);
	-ms-text-shadow:1px 1px 10px rgba(255,255,0,1);
}

.lista_mapa_web3 a {
	text-decoration:none;
	color: #FFF;
}

.lista_mapa_web3 a:hover {
	text-decoration: underline;
	color: rgba(255,153,0,1);
	text-shadow:1px 1px 10px rgba(255,153,0,1);
	-webkit-text-shadow:1px 1px 10px rgba(255,153,0,1);
	-moz-text-shadow:1px 1px 10px rgba(255,153,0,1);
	-o-text-shadow:1px 1px 10px rgba(255,153,0,1);
	-ms-text-shadow:1px 1px 10px rgba(255,153,0,1);
}

.lista_mapa_web4 a {
	text-decoration:none;
	color: #FFF;
}

.lista_mapa_web4 a:hover {
	text-decoration: underline;
	color: rgba(204,255,0,1);
	text-shadow:1px 1px 10px rgba(204,255,0,1);
	-webkit-text-shadow:1px 1px 10px rgba(204,255,0,1);
	-moz-text-shadow:1px 1px 10px rgba(204,255,0,1);
	-o-text-shadow:1px 1px 10px rgba(204,255,0,1);
	-ms-text-shadow:1px 1px 10px rgba(204,255,0,1);
}

.enlace-fuentes {
	text-decoration: none;
	color: #0FF;
}

.enlace-fuentes:hover {
	text-decoration: none;
	color: rgb(0,255,0);
	text-shadow:1px 1px 10px #00FF00;
	-webkit-text-shadow:1px 1px 10px #00FF00;
	-moz-text-shadow:1px 1px 10px #00FF00;
	-o-text-shadow:1px 1px 10px #00FF00;
	-ms-text-shadow:1px 1px 10px #00FF00;
}

/*Para las fuentes en categorias*/


/*Cierre de mapa web*/


/*Para las animaciones*/

/*Animaciones de inicio en marcos*/

#anim_calc_1_ford { /*Logo de Ford*/
width:75%;
position: relative;
z-index:3;
float:left;
alignment-adjust:central;
margin: 2% 0% 13.5% 6%;
animation: anim_calc_1_ford 30s linear infinite normal both;
-webkit-animation: anim_calc_1_ford 30s linear infinite normal both;
-moz-animation: anim_calc_1_ford 30s linear infinite normal both;
-ms-animation: anim_calc_1_ford 30s linear infinite normal both;
-o-animation: anim_calc_1_ford 30s linear infinite normal both;
}

@keyframes anim_calc_1_ford {
	0% {
	opacity:1;}
	
	33% {
	opacity:1;}
	
	34% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_1_ford {
	0% {
	opacity:1;}
	
	33% {
	opacity:1;}
	
	34% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_1_ford {
	0% {
	opacity:1;}
	
	33% {
	opacity:1;}
	
	34% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_1_ford {
	0% {
	opacity:1;}
	
	33% {
	opacity:1;}
	
	34% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_1_ford {
	0% {
	opacity:1;}
	
	33% {
	opacity:1;}
	
	34% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_calc_1_chevrolet { /*Logo de Chevrolet*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 10% 8%;
	float:left;
	margin-top:-70%;
	animation: anim_calc_1_chevrolet 30s linear infinite normal;
	-webkit-animation: anim_calc_1_chevrolet 30s linear infinite normal;
	-moz-animation: anim_calc_1_chevrolet 30s linear infinite normal;
	-ms-animation: anim_calc_1_chevrolet 30s linear infinite normal;
	-o-animation: anim_calc_1_chevrolet 30s linear infinite normal;
	}

@keyframes anim_calc_1_chevrolet {
	0% {
	opacity:0;}
	
	33% {
	opacity:0;}
	
	34% {
	opacity:1;}
	
	66% {
	opacity:1;}
	
	67% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_1_chevrolet {
	0% {
	opacity:0;}
	
	33% {
	opacity:0;}
	
	34% {
	opacity:1;}
	
	66% {
	opacity:1;}
	
	67% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_1_chevrolet {
	0% {
	opacity:0;}
	
	33% {
	opacity:0;}
	
	34% {
	opacity:1;}
	
	66% {
	opacity:1;}
	
	67% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_1_chevrolet {
	0% {
	opacity:0;}
	
	33% {
	opacity:0;}
	
	34% {
	opacity:1;}
	
	66% {
	opacity:1;}
	
	67% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_1_chevrolet {
	0% {
	opacity:0;}
	
	33% {
	opacity:0;}
	
	34% {
	opacity:1;}
	
	66% {
	opacity:1;}
	
	67% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_calc_1_fiat { /*Logo de Fiat*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 9% 6%;
	float:left;
	margin-top:-70%;
	animation: anim_calc_1_fiat 30s linear infinite normal;
	-webkit-animation: anim_calc_1_fiat 30s linear infinite normal;
	-moz-animation: anim_calc_1_fiat 30s linear infinite normal;
	-ms-animation: anim_calc_1_fiat 30s linear infinite normal;
	-o-animation: anim_calc_1_fiat 30s linear infinite normal;
	}

@keyframes anim_calc_1_fiat {
	0% {opacity:0;}
	
	66% {opacity:0;}
	
	67% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_1_fiat {
	0% {opacity:0;}
	
	66% {opacity:0;}
	
	67% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}


@-moz-keyframes anim_calc_1_fiat {
	0% {opacity:0;}
	
	66% {opacity:0;}
	
	67% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_1_fiat {
	0% {opacity:0;}
	
	66% {opacity:0;}
	
	67% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_1_fiat {
	0% {opacity:0;}
	
	66% {opacity:0;}
	
	67% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

#anim_calc_2_JurassicPark { /*Logo de Jurassick Park*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 10% 6%;
	animation: anim_calc_2_JurassicPark 30s linear infinite normal;
	-webkit-animation: anim_calc_2_JurassicPark 30s linear infinite normal;
	-moz-animation: anim_calc_2_JurassicPark 30s linear infinite normal;
	-ms-animation: anim_calc_2_JurassicPark 30s linear infinite normal;
	-o-animation: anim_calc_2_JurassicPark 30s linear infinite normal;
}

@keyframes anim_calc_2_JurassicPark {
	0% {
	opacity:1;}
	
	35% {
	opacity:1;}
	
	36% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_2_JurassicPark {
	0% {
	opacity:1;}
	
	35% {
	opacity:1;}
	
	36% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_2_JurassicPark {
	0% {
	opacity:1;}
	
	35% {
	opacity:1;}
	
	36% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_2_JurassicPark {
	0% {
	opacity:1;}
	
	35% {
	opacity:1;}
	
	36% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_2_JurassicPark {
	0% {
	opacity:1;}
	
	35% {
	opacity:1;}
	
	36% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_calc_2_StarWars { /*Logo de Star Wars*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 10% 6%;
	float:left;
	margin-top:-73%;
	animation: anim_calc_2_StarWars 30s linear infinite normal;
	-webkit-animation: anim_calc_2_StarWars 30s linear infinite normal;
	-moz-animation: anim_calc_2_StarWars 30s linear infinite normal;
	-ms-animation: anim_calc_2_StarWars 30s linear infinite normal;
	-o-animation: anim_calc_2_StarWars 30s linear infinite normal;
	}

@keyframes anim_calc_2_StarWars {
	0% {
	opacity:0;}
	
	35% {
	opacity:0;}
	
	36% {
	opacity:1;}
	
	68% {
	opacity:1;}
	
	69% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_2_StarWars {
	0% {
	opacity:0;}
	
	35% {
	opacity:0;}
	
	36% {
	opacity:1;}
	
	68% {
	opacity:1;}
	
	69% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_2_StarWars {
	0% {
	opacity:0;}
	
	35% {
	opacity:0;}
	
	36% {
	opacity:1;}
	
	68% {
	opacity:1;}
	
	69% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_2_StarWars {
	0% {
	opacity:0;}
	
	35% {
	opacity:0;}
	
	36% {
	opacity:1;}
	
	68% {
	opacity:1;}
	
	69% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_2_StarWars {
	0% {
	opacity:0;}
	
	35% {
	opacity:0;}
	
	36% {
	opacity:1;}
	
	68% {
	opacity:1;}
	
	69% {
	opacity:0;}
	
	100% {opacity:0;}
}


#anim_calc_2_Ovnis { /*Logo de Ovnis*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 7%;
	float:left;
	margin-top:-70%;
	animation: anim_calc_2_Ovnis 30s linear infinite normal;
	-webkit-animation: anim_calc_2_Ovnis 30s linear infinite normal;
	-moz-animation: anim_calc_2_Ovnis 30s linear infinite normal;
	-ms-animation: anim_calc_2_Ovnis 30s linear infinite normal;
	-o-animation: anim_calc_2_Ovnis 30s linear infinite normal;
	}

@keyframes anim_calc_2_Ovnis {
	0% {opacity:0;}
	
	68% {opacity:0;}
	
	69% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_2_Ovnis {
	0% {opacity:0;}
	
	68% {opacity:0;}
	
	69% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_2_Ovnis {
	0% {opacity:0;}
	
	68% {opacity:0;}
	
	69% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_2_Ovnis {
	0% {opacity:0;}
	
	68% {opacity:0;}
	
	69% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_2_Ovnis {
	0% {opacity:0;}
	
	68% {opacity:0;}
	
	69% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

#anim_calc_3_batman { /*Logo de Batman*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 10% 7%;
	animation: anim_calc_3_batman 30s linear infinite normal;
	-webkit-animation: anim_calc_3_batman 30s linear infinite normal;
	-moz-animation: anim_calc_3_batman 30s linear infinite normal;
	-moz-animation: anim_calc_3_batman 30s linear infinite normal;
	-o-animation: anim_calc_3_batman 30s linear infinite normal;
	}

@keyframes anim_calc_3_batman {
	0% {
	opacity:1;}
	
	37% {
	opacity:1;}
	
	38% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_3_batman {
	0% {
	opacity:1;}
	
	37% {
	opacity:1;}
	
	38% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_3_batman {
	0% {
	opacity:1;}
	
	37% {
	opacity:1;}
	
	38% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_3_batman {
	0% {
	opacity:1;}
	
	37% {
	opacity:1;}
	
	38% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_3_batman {
	0% {
	opacity:1;}
	
	37% {
	opacity:1;}
	
	38% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_calc_3_superman { /*Logo de Superman*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 7%;
	float:left;
	margin-top:-67%;
	animation: anim_calc_3_superman 30s linear infinite normal;
	-webkit-animation: anim_calc_3_superman 30s linear infinite normal;
	-moz-animation: anim_calc_3_superman 30s linear infinite normal;
	-ms-animation: anim_calc_3_superman 30s linear infinite normal;
	-o-animation: anim_calc_3_superman 30s linear infinite normal;
	}

@keyframes anim_calc_3_superman {
	0% {
	opacity:0;}
	
	37% {
	opacity:0;}
	
	38% {
	opacity:1;}
	
	70% {
	opacity:1;}
	
	71% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_3_superman {
	0% {
	opacity:0;}
	
	37% {
	opacity:0;}
	
	38% {
	opacity:1;}
	
	70% {
	opacity:1;}
	
	71% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_3_superman {
	0% {
	opacity:0;}
	
	37% {
	opacity:0;}
	
	38% {
	opacity:1;}
	
	70% {
	opacity:1;}
	
	71% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_3_superman {
	0% {
	opacity:0;}
	
	37% {
	opacity:0;}
	
	38% {
	opacity:1;}
	
	70% {
	opacity:1;}
	
	71% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_3_superman {
	0% {
	opacity:0;}
	
	37% {
	opacity:0;}
	
	38% {
	opacity:1;}
	
	70% {
	opacity:1;}
	
	71% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_calc_3_capitan { /*Logo de Capitán*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 7%;
	float:left;
	margin-top:-70%;
	animation: anim_calc_3_capitan 30s linear infinite normal;
	-webkit-animation: anim_calc_3_capitan 30s linear infinite normal;
	-moz-animation: anim_calc_3_capitan 30s linear infinite normal;
	-ms-animation: anim_calc_3_capitan 30s linear infinite normal;
	-o-animation: anim_calc_3_capitan 30s linear infinite normal;
	}

@keyframes anim_calc_3_capitan {
	0% {opacity:0;}
	
	70% {opacity:0;}
	
	71% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_3_capitan {
	0% {opacity:0;}
	
	70% {opacity:0;}
	
	71% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_3_capitan {
	0% {opacity:0;}
	
	70% {opacity:0;}
	
	71% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_3_capitan {
	0% {opacity:0;}
	
	70% {opacity:0;}
	
	71% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_3_capitan {
	0% {opacity:0;}
	
	70% {opacity:0;}
	
	71% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}


#anim_calc_4_fifa { /*Logo de FIFA*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 10% 7%;
	animation: anim_calc_4_fifa 30s linear infinite normal;
	-webkit-animation: anim_calc_4_fifa 30s linear infinite normal;
	-moz-animation: anim_calc_4_fifa 30s linear infinite normal;
	-ms-animation: anim_calc_4_fifa 30s linear infinite normal;
	-o-animation: anim_calc_4_fifa 30s linear infinite normal;
	}

@keyframes anim_calc_4_fifa {
	0% {
	opacity:1;}
	
	39% {
	opacity:1;}
	
	40% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_4_fifa {
	0% {
	opacity:1;}
	
	39% {
	opacity:1;}
	
	40% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_4_fifa {
	0% {
	opacity:1;}
	
	39% {
	opacity:1;}
	
	40% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_4_fifa {
	0% {
	opacity:1;}
	
	39% {
	opacity:1;}
	
	40% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_4_fifa {
	0% {
	opacity:1;}
	
	39% {
	opacity:1;}
	
	40% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_calc_4_mlb { /*Logo de MLB*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 7%;
	float:left;
	margin-top:-70%;
	animation: anim_calc_4_mlb 30s linear infinite normal;
	-webkit-animation: anim_calc_4_mlb 30s linear infinite normal;
	-moz-animation: anim_calc_4_mlb 30s linear infinite normal;
	-ms-animation: anim_calc_4_mlb 30s linear infinite normal;
	-o-animation: anim_calc_4_mlb 30s linear infinite normal;
	}

@keyframes anim_calc_4_mlb {
	0% {
	opacity:0;}
	
	39% {
	opacity:0;}
	
	40% {
	opacity:1;}
	
	72% {
	opacity:1;}
	
	73% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_4_mlb {
	0% {
	opacity:0;}
	
	39% {
	opacity:0;}
	
	40% {
	opacity:1;}
	
	72% {
	opacity:1;}
	
	73% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_4_mlb {
	0% {
	opacity:0;}
	
	39% {
	opacity:0;}
	
	40% {
	opacity:1;}
	
	72% {
	opacity:1;}
	
	73% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_4_mlb {
	0% {
	opacity:0;}
	
	39% {
	opacity:0;}
	
	40% {
	opacity:1;}
	
	72% {
	opacity:1;}
	
	73% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_4_mlb {
	0% {
	opacity:0;}
	
	39% {
	opacity:0;}
	
	40% {
	opacity:1;}
	
	72% {
	opacity:1;}
	
	73% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_calc_4_nba { /*Logo de NBA*/
	width:75%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 7%;
	float:left;
	margin-top:-68%;
	animation: anim_calc_4_nba 30s linear infinite normal;
	-webkit-animation: anim_calc_4_nba 30s linear infinite normal;
	-moz-animation: anim_calc_4_nba 30s linear infinite normal;
	-ms-animation: anim_calc_4_nba 30s linear infinite normal;
	-o-animation: anim_calc_4_nba 30s linear infinite normal;
	}

@keyframes anim_calc_4_nba {
	0% {opacity:0;}
	
	72% {opacity:0;}
	
	73% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_calc_4_nba {
	0% {opacity:0;}
	
	72% {opacity:0;}
	
	73% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_calc_4_nba {
	0% {opacity:0;}
	
	72% {opacity:0;}
	
	73% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_calc_4_nba {
	0% {opacity:0;}
	
	72% {opacity:0;}
	
	73% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_calc_4_nba {
	0% {opacity:0;}
	
	72% {opacity:0;}
	
	73% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

#anim_1_4x4 { /*Logo de 4 x 4 (1) */
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 7% 5%;
	animation: anim_1_4x4 30s linear infinite normal;
	-webkit-animation: anim_1_4x4 30s linear infinite normal;
	-moz-animation: anim_1_4x4 30s linear infinite normal;
	-ms-animation: anim_1_4x4 30s linear infinite normal;
	-o-animation: anim_1_4x4 30s linear infinite normal;
	}

@keyframes anim_1_4x4 {
	0% {
	opacity:1;}
	
	41% {
	opacity:1;}
	
	42% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_1_4x4 {
	0% {
	opacity:1;}
	
	41% {
	opacity:1;}
	
	42% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_1_4x4 {
	0% {
	opacity:1;}
	
	41% {
	opacity:1;}
	
	42% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_1_4x4 {
	0% {
	opacity:1;}
	
	41% {
	opacity:1;}
	
	42% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_1_4x4 {
	0% {
	opacity:1;}
	
	41% {
	opacity:1;}
	
	42% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_2_4x4 { /*2_4x4_inicio */
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 5%;
	float:left;
	margin-top:-72%;
	animation: anim_2_4x4 30s linear infinite normal;
	-webkit-animation: anim_2_4x4 30s linear infinite normal;
	-moz-animation: anim_2_4x4 30s linear infinite normal;
	-ms-animation: anim_2_4x4 30s linear infinite normal;
	-o-animation: anim_2_4x4 30s linear infinite normal;
	}

@keyframes anim_2_4x4 {
	0% {
	opacity:0;}
	
	41% {
	opacity:0;}
	
	42% {
	opacity:1;}
	
	74% {
	opacity:1;}
	
	75% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_2_4x4 {
	0% {
	opacity:0;}
	
	41% {
	opacity:0;}
	
	42% {
	opacity:1;}
	
	74% {
	opacity:1;}
	
	75% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_2_4x4 {
	0% {
	opacity:0;}
	
	41% {
	opacity:0;}
	
	42% {
	opacity:1;}
	
	74% {
	opacity:1;}
	
	75% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_2_4x4 {
	0% {
	opacity:0;}
	
	41% {
	opacity:0;}
	
	42% {
	opacity:1;}
	
	74% {
	opacity:1;}
	
	75% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_2_4x4 {
	0% {
	opacity:0;}
	
	41% {
	opacity:0;}
	
	42% {
	opacity:1;}
	
	74% {
	opacity:1;}
	
	75% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_3_4x4 { /*3_4x4_inicio */
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 5%;
	float:left;
	margin-top:-75%;
	animation: anim_3_4x4 30s linear infinite normal;
	-webkit-animation: anim_3_4x4 30s linear infinite normal;
	-moz-animation: anim_3_4x4 30s linear infinite normal;
	-ms-animation: anim_3_4x4 30s linear infinite normal;
	-o-animation: anim_3_4x4 30s linear infinite normal;
	}


@keyframes anim_3_4x4 {
	0% {opacity:0;}
	
	74% {opacity:0;}
	
	75% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_3_4x4 {
	0% {opacity:0;}
	
	74% {opacity:0;}
	
	75% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_3_4x4 {
	0% {opacity:0;}
	
	74% {opacity:0;}
	
	75% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_3_4x4 {
	0% {opacity:0;}
	
	74% {opacity:0;}
	
	75% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_3_4x4 {
	0% {opacity:0;}
	
	74% {opacity:0;}
	
	75% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

#anim_danger { /*Logo de Danger */
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 7% 5%;
	animation: anim_danger 30s linear infinite normal;
	-webkit-animation: anim_danger 30s linear infinite normal;
	-moz-animation: anim_danger 30s linear infinite normal;
	-ms-animation: anim_danger 30s linear infinite normal;
	-o-animation: anim_danger 30s linear infinite normal;
	}

@keyframes anim_danger {
	0% {
	opacity:1;}
	
	43% {
	opacity:1;}
	
	44% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_danger {
	0% {
	opacity:1;}
	
	43% {
	opacity:1;}
	
	44% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_danger {
	0% {
	opacity:1;}
	
	43% {
	opacity:1;}
	
	44% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_danger {
	0% {
	opacity:1;}
	
	43% {
	opacity:1;}
	
	44% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_danger {
	0% {
	opacity:1;}
	
	43% {
	opacity:1;}
	
	44% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_bebe { /*Bebe */
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 7% 5%;
	float:left;
	margin-top:-74%;
	animation: anim_bebe 30s linear infinite normal;
	-webkit-animation: anim_bebe 30s linear infinite normal;
	-moz-animation: anim_bebe 30s linear infinite normal;
	-ms-animation: anim_bebe 30s linear infinite normal;
	-o-animation: anim_bebe 30s linear infinite normal;
	}

@keyframes anim_bebe {
	0% {

	opacity:0;}
	
	43% {
	opacity:0;}
	
	44% {
	opacity:1;}
	
	76% {
	opacity:1;}
	
	77% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_bebe {
	0% {
	opacity:0;}
	
	43% {
	opacity:0;}
	
	44% {
	opacity:1;}
	
	76% {
	opacity:1;}
	
	77% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_bebe {
	0% {
	opacity:0;}
	
	43% {
	opacity:0;}
	
	44% {
	opacity:1;}
	
	76% {
	opacity:1;}
	
	77% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_bebe {
	0% {
	opacity:0;}
	
	43% {
	opacity:0;}
	
	44% {
	opacity:1;}
	
	76% {
	opacity:1;}
	
	77% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_bebe {
	0% {
	opacity:0;}
	
	43% {
	opacity:0;}
	
	44% {
	opacity:1;}
	
	76% {
	opacity:1;}
	
	77% {
	opacity:0;}
	
	100% {
	opacity:0;}
}

#anim_basicas { /*Basicas */
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 5%;
	float:left;
	margin-top:-72%;
	animation: anim_basicas 30s linear infinite normal;
	-webkit-animation: anim_basicas 30s linear infinite normal;
	-moz-animation: anim_basicas 30s linear infinite normal;
	-ms-animation: anim_basicas 30s linear infinite normal;
	-o-animation: anim_basicas 30s linear infinite normal;
}

@keyframes anim_basicas {
	0% {opacity:0;}
	
	76% {opacity:0;}
	
	77% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_basicas {
	0% {opacity:0;}
	
	76% {opacity:0;}
	
	77% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_basicas {
	0% {opacity:0;}
	
	76% {opacity:0;}
	
	77% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_basicas {
	0% {opacity:0;}
	
	76% {opacity:0;}
	
	77% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_basicas {
	0% {opacity:0;}
	
	76% {opacity:0;}
	
	77% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

#anim_venezuela { /*Venezuela*/
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 7% 5%;
	animation: anim_venezuela 30s linear infinite normal;
	-webkit-animation: anim_venezuela 30s linear infinite normal;
	-moz-animation: anim_venezuela 30s linear infinite normal;
	-ms-animation: anim_venezuela 30s linear infinite normal;
	-o-animation: anim_venezuela 30s linear infinite normal;
	}

@keyframes anim_venezuela {
	0% {
	opacity:1;}
	
	46% {
	opacity:1;}
	
	47% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_venezuela {
	0% {
	opacity:1;}
	
	46% {
	opacity:1;}
	
	47% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_venezuela {
	0% {
	opacity:1;}
	
	46% {
	opacity:1;}
	
	47% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_venezuela {
	0% {
	opacity:1;}
	
	46% {
	opacity:1;}
	
	47% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_venezuela {
	0% {
	opacity:1;}
	
	46% {
	opacity:1;}
	
	47% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_rusia { /*Rusia */
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 5%;
	float:left;
	margin-top:-74%;
	animation: anim_rusia 30s linear infinite normal;
	-webkit-animation: anim_rusia 30s linear infinite normal;
	-moz-animation: anim_rusia 30s linear infinite normal;
	-ms-animation: anim_rusia 30s linear infinite normal;
	-o-animation: anim_rusia 30s linear infinite normal;
	}

@keyframes anim_rusia {
	0% {
	opacity:0;}
	
	45% {
	opacity:0;}
	
	46% {
	opacity:1;}
	
	78% {
	opacity:1;}
	
	79% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_rusia {
	0% {
	opacity:0;}
	
	45% {
	opacity:0;}
	
	46% {
	opacity:1;}
	
	78% {
	opacity:1;}
	
	79% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_rusia {
	0% {
	opacity:0;}
	
	45% {
	opacity:0;}
	
	46% {
	opacity:1;}
	
	78% {
	opacity:1;}
	
	79% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_rusia {
	0% {
	opacity:0;}
	
	45% {
	opacity:0;}
	
	46% {
	opacity:1;}
	
	78% {
	opacity:1;}
	
	79% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_rusia {
	0% {
	opacity:0;}
	
	45% {
	opacity:0;}
	
	46% {
	opacity:1;}
	
	78% {
	opacity:1;}
	
	79% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_china { /*China*/
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 5%;
	float:left;
	margin-top:-74%;
	animation: anim_china 30s linear infinite normal;
	-webkit-animation: anim_china 30s linear infinite normal;
	-moz-animation: anim_china 30s linear infinite normal;
	-ms-animation: anim_china 30s linear infinite normal;
	-o-animation: anim_china 30s linear infinite normal;
	}

@keyframes anim_china {
	0% {opacity:0;}
	
	78% {opacity:0;}
	
	79% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_china {
	0% {opacity:0;}
	
	78% {opacity:0;}
	
	79% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_china {
	0% {opacity:0;}
	
	78% {opacity:0;}
	
	79% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_china {
	0% {opacity:0;}
	
	78% {opacity:0;}
	
	79% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_china {
	0% {opacity:0;}
	
	78% {opacity:0;}
	
	79% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

#anim_fun_race { /*Fun race*/
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 2% 0% 7% 5%;
	animation: anim_fun_race 30s linear infinite normal;
	-webkit-animation: anim_fun_race 30s linear infinite normal;
	-moz-animation: anim_fun_race 30s linear infinite normal;
	-ms-animation: anim_fun_race 30s linear infinite normal;
	-o-animation: anim_fun_race 30s linear infinite normal;
	}

@keyframes anim_fun_race {
	0% {
	opacity:1;}
	
	48% {
	opacity:1;}
	
	49% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_fun_race {
	0% {
	opacity:1;}
	
	48% {
	opacity:1;}
	
	49% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_fun_race {
	0% {
	opacity:1;}
	
	48% {
	opacity:1;}
	
	49% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_fun_race {
	0% {
	opacity:1;}
	
	48% {
	opacity:1;}
	
	49% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_fun_race {
	0% {
	opacity:1;}
	
	48% {
	opacity:1;}
	
	49% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_fox { /*Fox*/
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 7% 5%;
	float:left;
	margin-top:-73%;
	animation: anim_fox 30s linear infinite normal;
	-webkit-animation: anim_fox 30s linear infinite normal;
	-moz-animation: anim_fox 30s linear infinite normal;
	-ms-animation: anim_fox 30s linear infinite normal;
	-o-animation: anim_fox 30s linear infinite normal;
	}

@keyframes anim_fox {
	0% {
	opacity:0;}
	
	47% {
	opacity:0;}
	
	48% {
	opacity:1;}
	
	80% {
	opacity:1;}
	
	81% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_fox {
	0% {
	opacity:0;}
	
	47% {
	opacity:0;}
	
	48% {
	opacity:1;}
	
	80% {
	opacity:1;}
	
	81% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_fox {
	0% {
	opacity:0;}
	
	47% {
	opacity:0;}
	
	48% {
	opacity:1;}
	
	80% {
	opacity:1;}
	
	81% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_fox {
	0% {
	opacity:0;}
	
	47% {
	opacity:0;}
	
	48% {
	opacity:1;}
	
	80% {
	opacity:1;}
	
	81% {
	opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_fox {
	0% {
	opacity:0;}
	
	47% {
	opacity:0;}
	
	48% {
	opacity:1;}
	
	80% {
	opacity:1;}
	
	81% {
	opacity:0;}
	
	100% {opacity:0;}
}

#anim_monster { /*Monster*/
	width:80%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 0% 0% 3%;
	float:left;
	margin-top:-75%;
	animation: anim_monster 30s linear infinite normal;
	-webkit-animation: anim_monster 30s linear infinite normal;
	-moz-animation: anim_monster 30s linear infinite normal;
	-ms-animation: anim_monster 30s linear infinite normal;
	-o-animation: anim_monster 30s linear infinite normal;
	}

@keyframes anim_monster {
	0% {opacity:0;}
	
	80% {opacity:0;}
	
	81% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_monster {
	0% {opacity:0;}
	
	80% {opacity:0;}
	
	81% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_monster {
	0% {opacity:0;}
	
	80% {opacity:0;}
	
	81% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_monster {
	0% {opacity:0;}
	
	80% {opacity:0;}
	
	81% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_monster {
	0% {opacity:0;}
	
	80% {opacity:0;}
	
	81% {opacity:1;}
	
	99% {opacity:1;}
	
	100% {opacity:0;}
}

/*Cierre de animaciones de inicio*/


#barras_animadas1 {
	width:19%;
	height:45px;
	border:medium;
	border-color: #0FF;
	border-style: solid;
	border-radius:5px;
	margin: -2.3% 20% 0% 0%;
	padding:0%;
	overflow:hidden;
	float: right;
}

#barra1 {
	/*background-color:#0F3; /* verde*/
	background-color: #0FF;
	width:12.5%;
	height:100px;
	margin:1% 0%;
	position:relative;
	float:left;
	animation: barra1 0.4s ease infinite alternate;
	-webkit-animation: barra1 0.4s ease infinite alternate;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	transform: 0.5s;
	-webkit-transform: 0.5s;
	-moz-animation: barra1 0.4s ease infinite alternate;
	transition: 0.5s;
	-moz-transition: 0.5s;
	transform: 0.5s;
	-moz-transform: 0.5s;
	-o-animation: barra1 0.4s ease infinite alternate;
	transition: 0.5s;
	-o-transition: 0.5s;
	transform: 0.5s;
	-o-transform: 0.5s;
	-ms-animation: barra1 0.4s ease infinite alternate;
	transition: 0.5s;
	-ms-transition: 0.5s;
	transform: 0.5s;
	-ms-transform: 0.5s;
}

@keyframes barra1 {
	0% {width:12.5%;
		transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		top:20%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1.5);
		transition:width 1s heigth 0.5s;
		top:20%;
		}
}


@-webkit-keyframes barra1 {
	0% {width:12.5%;
		transform: scale(1,1);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,1);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:20%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1.5);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,1.5);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:20%;
		}
}


@-moz-keyframes barra1 {
	0% {width:12.5%;
		transform: scale(1,1);
		transition: width 0.5s heigth 0.5s;
		-moz-transform: scale(1,1);
		-moz-transition: width 0.5s heigth 0.5s;
		top:20%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1.5);
		transition: width 0.5s heigth 0.5s;
		-moz-transform: scale(1,1.5);
		-moz-transition: width 0.5s heigth 0.5s;
		}
}

@-o-keyframes barra1 {
	0% {width:12.5%;
		-o-transform: scale(1,1);
		-o-transition: width 0.5s heigth 0.5s;
		top:20%;
		}
		
	100%{width:12.5%;
		-o-transform: scale(1,1.5);
		-o-transition: width 0.5s heigth 0.5s;
		top:20%;}
}

@-ms-keyframes barra1 {
	0% {width:12.5%;
		-ms-transform: scale(1,1);
		-ms-transition: width 0.5s heigth 0.5s;
		top:20%;
		}
		
	100%{width:12.5%;
		-ms-transform: scale(1,1.5);
		-ms-transition: width 0.5s heigth 0.5s;
		}
}


#barra2 {
	background-color: #0FF;
	width:12.5%;
	height:100px;
	margin:1% 0%;
	position: relative;
	float:left;
	animation: barra2 0.4s ease infinite alternate;
	-webkit-animation: barra2 0.4s ease infinite alternate;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	transform: 0.5s;
	-webkit-transform: 0.5s;
	-moz-animation: barra2 0.4s ease infinite alternate;
	-moz-transition: 0.5s;
	-moz-transform: 0.5s;
	-o-animation: barra2 0.4s ease infinite alternate;
	-o-transition: 0.5s;
	-o-transform: 0.5s;
	-ms-animation: barra2 0.4s ease infinite alternate;
	-ms-transition: 0.5s;
	-ms-transform: 0.5s;
}
 
@keyframes barra2 {
	0% {width:12.5%;
		transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		transform: scale(1,0.5);
		transition: width 0.5s heigth 0.5s;
		top:30%;
		}
}

@-webkit-keyframes barra2 {
	0% {width:12.5%;
		transform: scale(1,1);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,1);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		transform: scale(1,0.5);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,0.5);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
}

@-moz-keyframes barra2 {
	0% {width:12.5%;
		transform: scale(1.5,1);
		transition: width 0.5s heigth 0.5s;
		-moz-transform: scale(1.5,1);
		-moz-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		transform: scale(1.5,0.5);
		transition: width 0.5s heigth 0.5s;
		-moz-transform: scale(1.5,0.5);
		-moz-transition: width 0.5s heigth 0.5s;
		}
}

@-o-keyframes barra2 {
	0% {width:12.5%;
		-o-transform: scale(1,1);
		-o-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		-o-transform: scale(1,0.5);
		-o-transition: width 0.5s heigth 0.5s;
		}
}

@-ms-keyframes barra2 {
	0% {width:12.5%;
		-ms-transform: scale(1,1);
		-ms-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		-ms-transform: scale(1,0.5);
		-ms-transition: width 0.5s heigth 0.5s;
		}
}

#barra3 {
	background-color: #0FF;
	width:12.5%;
	height:100px;
	margin:1% 0%;
	position: relative;
	margin-left:0%;
	float:left;
	animation: barra3 0.4s ease infinite alternate;
	-webkit-animation: barra3 0.4s ease infinite alternate;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	transform: 0.5s;
	-webkit-transform: 0.5s;
	-moz-animation: barra3 0.4s ease infinite alternate;
	-moz-transform: 0.5s;
	-moz-transition: 0.5s;
	-o-animation: barra3 0.4s ease infinite alternate;
	-o-transform: 0.5s;
	-o-transition: 0.5s;
	-ms-animation: barra3 0.4s ease infinite alternate;
	-ms-transform: 0.5s;
	-ms-transition: 0.5s;
}
 
@keyframes barra3 {
	0% {width:12.5%;
		transform: scale(1,0.2);
		transition:width 1s heigth 0.5s;
		top:40%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		top:40%;
		}
}

@-webkit-keyframes barra3 {
	0% {width:12.5%;
		transform: scale(1,0.2);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,0.2);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:40%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,1);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:40%;
		}
}

@-moz-keyframes barra3 {
	0% {width:12.5%;
		transform: scale(1,0.2);
		transition: width 0.5s heigth 0.5s;
		-moz-transform: scale(1,0.2);
		-moz-transition: width 0.5s heigth 0.5s;
		top:40%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1);
		transition: width 0.5s heigth 0.5s;
		-moz-transform: scale(1,1);
		-moz-transition: width 0.5s heigth 0.5s;
		}
}

@-o-keyframes barra3 {
	0% {width:12.5%;
		-o-transform: scale(1,0.2);
		-o-transition: width 0.5s heigth 0.5s;
		top:40%;
		}
		
	100%{width:12.5%;
		-o-transform: scale(1,1);
		-o-transition: width 0.5s heigth 0.5s;
		}
}

@-ms-keyframes barra3 {
	0% {width:12.5%;
		-ms-transform: scale(1,0.2);
		-ms-transition: width 0.5s heigth 0.5s;
		top:40%;
		}
		
	100%{width:12.5%;
		-ms-transform: scale(1,1);
		-ms-transition: width 0.5s heigth 0.5s;
		}
}

#barra4 {
	background-color: #0FF;
	width:12.5%;
	height:100px;
	margin:1% 0% 0% 0%;
	position: relative;
	margin-left:0%;
	float:left;
	animation: barra4 0.4s ease infinite alternate;
	-webkit-animation: barra4 0.4s ease infinite alternate;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	transform: 0.5s;
	-webkit-transform: 0.5s;
	-moz-animation: barra4 0.4s ease infinite alternate;
	-moz-transition: 0.5s;
	-moz-transform: 0.5s;
	-o-animation: barra4 0.4s ease infinite alternate;
	-o-transition: 0.5s;
	-o-transform: 0.5s;
	-ms-animation: barra4 0.4s ease infinite alternate;
	-ms-transition: 0.5s;
	-ms-transform: 0.5s;
}
 
@keyframes barra4 {
	0% {width:12.5%;
		transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1.5);
		transition:width 1s heigth 0.5s;
		}
}

@-webkit-keyframes barra4 {
	0% {width:12.5%;
		transform: scale(1,1);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,1);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		transform: scale(1,1.5);
		transition: width 0.5s heigth 0.5s;
		-webkit-transform: scale(1,1.5);
		-webkit-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
}

@-moz-keyframes barra4 {
	0% {width:12.5%;
		-moz-transform: scale(1,1);
		-moz-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		-moz-transform: scale(1,1.5);
		-moz-transition: width 0.5s heigth 0.5s;
		;}
}

@-o-keyframes barra4 {
	0% {width:12.5%;
		-o-transform: scale(1,1);
		-o-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		-o-transform: scale(1,1.5);
		-o-transition: width 0.5s heigth 0.5s;
		}
}

@-ms-keyframes barra4 {
	0% {width:12.5%;
		-ms-transform: scale(1,1);
		-ms-transition: width 0.5s heigth 0.5s;
		top:30%;
		}
		
	100%{width:12.5%;
		-ms-transform: scale(1,1.5);
		-ms-transition: width 0.5s heigth 0.5s;
		}
}

.barradecarga {
	width:20%;
	height:30px;
	border-radius:5px;
	margin: -4% 15% 0% 00%;
	padding:0%;
	float: right;
}

.barradecarga1 {
	width:100%;
	height:30px;
	background-color:rgba(0,255,255,1);
	border:medium;
	border-color: #0FF;
	border-style: solid;
	border-radius:5px;
	margin: -2.3% 2% 0% 0%;
	padding:0%;
	overflow:hidden;
}

.barradecarga2 {
	width:100%;
	height:45px;
	background-color: rgba(255,255,255,1);
	margin: 0%;
	padding:0%;
	float:right;
	z-index:0;
	animation: barradecarga2 4s ease infinite normal;
	-webkit-animation: barradecarga2 4s ease infinite normal;
	transition: 1s;
	-webkit-transition: 1s;
	transform: 1s;
	-webkit-transform: 1s;
	-moz-animation: barradecarga2 4s ease infinite normal;
	-moz-transition: 1s;
	-moz-transform: 1s;
	-o-animation: barradecarga2 4s ease infinite normal;
	-o-transition: 1s;
	-o-transform: 1s;
}

@keyframes barradecarga2 {
	0% {width:100%;
		transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		transform: translate(-250px, 0px);
		}
		
	80%{width:100%;
		transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		transform: translate(0px, 0px);
		opacity:1;
		}
		
		
	100%{width:100%;
		transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		transform: translate(0px, 0px);
		opacity:0;
		}
}

@-webkit-keyframes barradecarga2 {
	0% {width:100%;
		-webkit-transform: scale(1,1);
		-webkit-transition: width 0.5s heigth 0.5s;;
		-webkit-transform: translate(-250px, 0px);
		}
		
	80%{width:100%;
		-webkit-transform: scale(1,1);
		-webkit-transition: width 0.5s heigth 0.5s;
		-webkit-transform: translate(0px, 0px);
		opacity:1;
		}
		
		
	100%{width:100%;
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transition:width 1s heigth 0.5s;
		-webkit-transition: width 0.5s heigth 0.5s;
		transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		opacity:0;
		}
}

@-moz-keyframes barradecarga2 {
	0% {width:100%;
		-moz-transform: scale(1,1);
		-moz-transition:width 1s heigth 0.5s;
		-moz-transition: width 0.5s heigth 0.5s;
		-moz-transform: translate(-250px, 0px);
		}
		
	80%{width:100%;
		-moz-transform: scale(1,1);
		-moz-transition:width 1s heigth 0.5s;
		-moz-transition: width 0.5s heigth 0.5s;
		-moz-transform: translate(0px, 0px);
		opacity:1;
		}
		
		
	100%{width:100%;
		-moz-transform: scale(1,1);
		-moz-transition: width 0.5s heigth 0.5s;
		-moz-transform: translate(0px, 0px);
		opacity:0;
		}
}


@-ms-keyframes barradecarga2 {
	0% {width:100%;
		-ms-transform: scale(1,1);
		-ms-transition:width 1s heigth 0.5s;
		-ms-transition: width 0.5s heigth 0.5s;
		-ms-transform: translate(-250px, 0px);
		}
		
	80%{width:100%;
		-ms-transform: scale(1,1);
		-ms-transition:width 1s heigth 0.5s;
		-ms-transition: width 0.5s heigth 0.5s;
		-ms-transform: translate(0px, 0px);
		opacity:1;
		}
		
		
	100%{width:100%;
		-ms-transform: scale(1,1);
		-ms-transition: width 0.5s heigth 0.5s;
		-ms-transform: translate(0px, 0px);
		opacity:0;
		}
}

@-o-keyframes barradecarga2 {
	0% {width:100%;
		-o-transform: scale(1,1);
		-o-transition:width 1s heigth 0.5s;
		-o-transition: width 0.5s heigth 0.5s;
		-o-transform: translate(-250px, 0px);
		}
		
	80%{width:100%;
		-o-transform: scale(1,1);
		-o-transition:width 1s heigth 0.5s;
		-o-transition: width 0.5s heigth 0.5s;
		-o-transform: translate(0px, 0px);
		opacity:1;
		}
		
		
	100%{width:100%;
		-o-transform: scale(1,1);
		-o-transition: width 0.5s heigth 0.5s;
		-o-transform: translate(0px, 0px);
		opacity:0;
		}
}

.textocargando {
	width:10%;
	height:35px;
	background-image:url(../imagenes/precargas/cargando.png);
	background-size:200%;
	background-repeat:no-repeat;
	background-position: center;
	float:right;
	margin-right:10px;
	margin-top:-35px;
	z-index:0;
	animation: textocargando 2s ease infinite normal;
	-webkit-animation: textocargando 2s ease infinite normal;
	-moz-animation: textocargando 2s ease infinite normal;
	-ms-animation: textocargando 2s ease infinite normal;
	-o-animation: textocargando 2s ease infinite normal;
}

@keyframes textocargando {
	0% {
		opacity:0;
		}
		
	50% {
		opacity:1;
		}
		
	100% {
		opacity:0;
		}
}

@-webkit-keyframes textocargando {
	0% {
		opacity:0;
		}
		
	50% {
		opacity:1;
		}
		
	100% {
		opacity:0;
		}
}

@-moz-keyframes textocargando {
	0% {
		opacity:0;
		}
		
	50% {
		opacity:1;
		}
		
	100% {
		opacity:0;
		}
}

@-o-keyframes textocargando {
	0% {
		opacity:0;
		}
		
	50% {
		opacity:1;
		}
		
	100% {
		opacity:0;
		}
}

@-ms-keyframes textocargando {
	0% {
		opacity:0;
		}
		
	50% {
		opacity:1;
		}
		
	100% {
		opacity:0;
		}
}

/*Reloj*/
#reloj {
	width:25%;
	height:50px;
	padding:0%;
	float: right;
	margin: -6% 10% 0% 0%;
	/*background-color:rgba(0,102,102,1);*/
}

/*Milisegundos*/

#milisegundos {
	width:30%;
	height:100px;
	margin:0%;
}

#puntos_milisegundos {
	width:8%;
	height:100px;
	margin:-3% 0% 0% 15%;
	float: right;
	background-image: url(../multimedia/reloj/puntos.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:30%;
	position:absolute;
}

#puntos_segundos {
	width:8%;
	height:100px;
	margin:-3% 0% 0% 5%;
	float: right;
	background-image: url(../multimedia/reloj/puntos.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:30%;
	position:absolute;
}

#milisegundos_0 {
	background-image: url(../multimedia/reloj/numero_0.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_0 1s ease infinite normal both;
	-webkit-animation: milisegundos_0 1s ease infinite normal both;
	-moz-animation: milisegundos_0 1s ease infinite normal both;
	-o-animation: milisegundos_0 1s ease infinite normal both;
	-ms-animation: milisegundos_0 1s ease infinite normal both;
}

@keyframes milisegundos_0 {
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	99% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_0 {
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_0 {
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_0 {
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_0 {
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_1 {
	background-image: url(../multimedia/reloj/numero_1.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	padding:0;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_1 1s ease infinite normal both;
	-webkit-animation: milisegundos_1 1s ease infinite normal both;
	-moz-animation: milisegundos_1 1s ease infinite normal both;
	-o-animation: milisegundos_1 1s ease infinite normal both;
	-ms-animation: milisegundos_1 1s ease infinite normal both;
}

@keyframes milisegundos_1 {
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_1 {
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_1 {
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_1 {
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_1 {
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_2 {
	background-image: url(../multimedia/reloj/numero_2.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_2 1s ease infinite normal both;
	-webkit-animation: milisegundos_2 1s ease infinite normal both;
	-moz-animation: milisegundos_2 1s ease infinite normal both;
	-o-animation: milisegundos_2 1s ease infinite normal both;
	-ms-animation: milisegundos_2 1s ease infinite normal both;
}

@keyframes milisegundos_2 {
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_2 {
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_2 {
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_2 {
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_2 {
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_3 {
	background-image: url(../multimedia/reloj/numero_3.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_3 1s ease infinite normal both;
	-webkit-animation: milisegundos_3 1s ease infinite normal both;
	-moz-animation: milisegundos_3 1s ease infinite normal both;
	-o-animation: milisegundos_3 1s ease infinite normal both;
	-ms-animation: milisegundos_3 1s ease infinite normal both;
}

@keyframes milisegundos_3 {
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_3 {
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_3 {
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_3 {
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_3 {
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_4 {
	background-image: url(../multimedia/reloj/numero_4.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_4 1s ease infinite normal both;
	-webkit-animation: milisegundos_4 1s ease infinite normal both;
	-moz-animation: milisegundos_4 1s ease infinite normal both;
	-o-animation: milisegundos_4 1s ease infinite normal both;
	-ms-animation: milisegundos_4 1s ease infinite normal both;
}

@keyframes milisegundos_4 {
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_4 {
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_4 {
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_4 {
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_4 {
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_5 {
	background-image: url(../multimedia/reloj/numero_5.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_5 1s ease infinite normal both;
	-webkit-animation: milisegundos_5 1s ease infinite normal both;
	-moz-animation: milisegundos_5 1s ease infinite normal both;
	-o-animation: milisegundos_5 1s ease infinite normal both;
	-ms-animation: milisegundos_5 1s ease infinite normal both;
}

@keyframes milisegundos_5 {
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_5 {
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_5 {
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_5 {
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_5 {
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_5 {
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}


#milisegundos_6 {
	background-image: url(../multimedia/reloj/numero_6.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_6 1s ease infinite normal both;
	-webkit-animation: milisegundos_6 1s ease infinite normal both;
	-moz-animation: milisegundos_6 1s ease infinite normal both;
	-o-animation: milisegundos_6 1s ease infinite normal both;
	-ms-animation: milisegundos_6 1s ease infinite normal both;
}

@keyframes milisegundos_6 {
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_6 {
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_6 {
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_6 {
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_6 {
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_7 {
	background-image: url(../multimedia/reloj/numero_7.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_7 1s ease infinite normal both;
	-webkit-animation: milisegundos_7 1s ease infinite normal both;
	-moz-animation: milisegundos_7 1s ease infinite normal both;
	-o-animation: milisegundos_7 1s ease infinite normal both;
	-ms-animation: milisegundos_7 1s ease infinite normal both;
}

@keyframes milisegundos_7 {
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_7 {
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_7 {
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_7 {
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_7 {
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_8 {
	background-image: url(../multimedia/reloj/numero_8.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_8 1s ease infinite normal both;
	-webkit-animation: milisegundos_8 1s ease infinite normal both;
	-moz-animation: milisegundos_8 1s ease infinite normal both;
	-o-animation: milisegundos_8 1s ease infinite normal both;
	-ms-animation: milisegundos_8 1s ease infinite normal both;
}

@keyframes milisegundos_8 {
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_8 {
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_8 {
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_8 {
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_8 {
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

#milisegundos_9 {
	background-image: url(../multimedia/reloj/numero_9.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 20%;
	position: absolute;
	float: right;
	transition:all;
	-ms-transition:all;
	animation: milisegundos_9 1s ease infinite normal both;
	-webkit-animation: milisegundos_9 1s ease infinite normal both;
	-moz-animation: milisegundos_9 1s ease infinite normal both;
	-o-animation: milisegundos_9 1s ease infinite normal both;
	-ms-animation: milisegundos_9 1s ease infinite normal both;
}

@keyframes milisegundos_9 {
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes milisegundos_9 {
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes milisegundos_9 {
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes milisegundos_9 {
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-o-keyframes milisegundos_9 {
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

/*Segundos*/

#segundos_0 {
	background-image: url(../multimedia/reloj/numero_0.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_0 10s ease infinite normal both;
	-webkit-animation: segundos_0 10s ease infinite normal both;
	-moz-animation: segundos_0 10s ease infinite normal both;
	-ms-animation: segundos_0 10s ease infinite normal both;
	-o-animation: segundos_0 10s ease infinite normal both;
}

@keyframes segundos_0 {
	
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_0 {
	
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_0 {
	
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_0 {
	
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_0 {
	
	0% {opacity:1;
	}
	9% {opacity:1;
	}
	10% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_1 {
	background-image: url(../multimedia/reloj/numero_1.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_1 10s ease infinite normal both;
	-webkit-animation: segundos_1 10s ease infinite normal both;
	-moz-animation: segundos_1 10s ease infinite normal both;
	-ms-animation: segundos_1 10s ease infinite normal both;
	-o-animation: segundos_1 10s ease infinite normal both;
}

@keyframes segundos_1 {
	
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_1 {
	
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_1 {
	
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_1 {
	
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_1 {
	
	0% {opacity:0;
	}
	9% {opacity:0;
	}
	10% {opacity:1;
	}
	19% {opacity:1;
	}
	20% {opacity:0;
	}
	100% {opacity:0;
	}
}


#segundos_2 {
	background-image: url(../multimedia/reloj/numero_2.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_2 10s ease infinite normal both;
	-webkit-animation: segundos_2 10s ease infinite normal both;
	-moz-animation: segundos_2 10s ease infinite normal both;
	-ms-animation: segundos_2 10s ease infinite normal both;
	-o-animation: segundos_2 10s ease infinite normal both;
}

@keyframes segundos_2 {
	
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_2 {
	
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_2 {
	
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_2 {
	
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_2 {
	
	0% {opacity:0;
	}
	19% {opacity:0;
	}
	20% {opacity:1;
	}
	29% {opacity:1;
	}
	30% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_3 {
	background-image: url(../multimedia/reloj/numero_3.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_3 10s ease infinite normal both;
	-webkit-animation: segundos_3 10s ease infinite normal both;
	-moz-animation: segundos_3 10s ease infinite normal both;
	-ms-animation: segundos_3 10s ease infinite normal both;
	-o-animation: segundos_3 10s ease infinite normal both;
}

@keyframes segundos_3 {
	
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_3 {
	
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_3 {
	
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_3 {
	
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_3 {
	
	0% {opacity:0;
	}
	29% {opacity:0;
	}
	30% {opacity:1;
	}
	39% {opacity:1;
	}
	40% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_4 {
	background-image: url(../multimedia/reloj/numero_4.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_4 10s ease infinite normal both;
	-webkit-animation: segundos_4 10s ease infinite normal both;
	-moz-animation: segundos_4 10s ease infinite normal both;
	-ms-animation: segundos_4 10s ease infinite normal both;
	-o-animation: segundos_4 10s ease infinite normal both;
}

@keyframes segundos_4 {
	
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_4 {
	
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_4 {
	
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_4 {
	
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_4 {
	
	0% {opacity:0;
	}
	39% {opacity:0;
	}
	40% {opacity:1;
	}
	49% {opacity:1;
	}
	50% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_5 {
	background-image: url(../multimedia/reloj/numero_5.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_5 10s ease infinite normal both;
	-webkit-animation: segundos_5 10s ease infinite normal both;
	-moz-animation: segundos_5 10s ease infinite normal both;
	-ms-animation: segundos_5 10s ease infinite normal both;
	-o-animation: segundos_5 10s ease infinite normal both;
}

@keyframes segundos_5 {
	
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_5 {
	
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_5 {
	
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_5 {
	
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_5 {
	
	0% {opacity:0;
	}
	49% {opacity:0;
	}
	50% {opacity:1;
	}
	59% {opacity:1;
	}
	60% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_6 {
	background-image: url(../multimedia/reloj/numero_6.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_6 10s ease infinite normal both;
	-webkit-animation: segundos_6 10s ease infinite normal both;
	-moz-animation: segundos_6 10s ease infinite normal both;
	-ms-animation: segundos_6 10s ease infinite normal both;
	-o-animation: segundos_6 10s ease infinite normal both;
}

@keyframes segundos_6 {
	
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_6 {
	
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_6 {
	
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_6 {
	
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_6 {
	
	0% {opacity:0;
	}
	59% {opacity:0;
	}
	60% {opacity:1;
	}
	69% {opacity:1;
	}
	70% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_7 {
	background-image: url(../multimedia/reloj/numero_7.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_7 10s ease infinite normal both;
	-webkit-animation: segundos_7 10s ease infinite normal both;
	-moz-animation: segundos_7 10s ease infinite normal both;
	-ms-animation: segundos_7 10s ease infinite normal both;
	-o-animation: segundos_7 10s ease infinite normal both;
}

@keyframes segundos_7 {
	
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_7 {
	
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_7 {
	
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_7 {
	
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_7 {
	
	0% {opacity:0;
	}
	69% {opacity:0;
	}
	70% {opacity:1;
	}
	79% {opacity:1;
	}
	80% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_8 {
	background-image: url(../multimedia/reloj/numero_8.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_8 10s ease infinite normal both;
	-webkit-animation: segundos_8 10s ease infinite normal both;
	-moz-animation: segundos_8 10s ease infinite normal both;
	-ms-animation: segundos_8 10s ease infinite normal both;
	-o-animation: segundos_8 10s ease infinite normal both;
}

@keyframes segundos_8 {
	
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_8 {
	
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_8 {
	
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_8 {
	
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_8 {
	
	0% {opacity:0;
	}
	79% {opacity:0;
	}
	80% {opacity:1;
	}
	89% {opacity:1;
	}
	90% {opacity:0;
	}
	100% {opacity:0;
	}
}

#segundos_9 {
	background-image: url(../multimedia/reloj/numero_9.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 13%;
	float: right;
	z-index:1;
	position:absolute;
	animation: segundos_9 10s ease infinite normal both;
	-webkit-animation: segundos_9 10s ease infinite normal both;
	-moz-animation: segundos_9 10s ease infinite normal both;
	-ms-animation: segundos_9 10s ease infinite normal both;
	-o-animation: segundos_9 10s ease infinite normal both;
}

@keyframes segundos_9 {
	
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-webkit-keyframes segundos_9 {
	
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-moz-keyframes segundos_9 {
	
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-ms-keyframes segundos_9 {
	
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

@-o-keyframes segundos_9 {
	
	0% {opacity:0;
	}
	89% {opacity:0;
	}
	90% {opacity:1;
	}
	99% {opacity:1;
	}
	100% {opacity:0;
	}
}

#segundos_00 {
	background-image: url(../multimedia/reloj/numero_0.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 10%;
	z-index:1;
	float: right;
	position:absolute;
	animation: segundos_00 60s ease infinite normal;
	-webkit-animation: segundos_00 60s ease infinite normal;
	-moz-animation: segundos_00 60s ease infinite normal;
	-ms-animation: segundos_00 60s ease infinite normal;
	-o-animation: segundos_00 60s ease infinite normal;
}

@keyframes segundos_00 {
	
	0% {
		opacity:1;
	}
	
	16.65% {
		opacity:1;
	}
	
	16.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes segundos_00 {
	
	0% {
		opacity:1;
	}
	
	16.65% {
		opacity:1;
	}
	
	16.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes segundos_00 {
	
	0% {
		opacity:1;
	}
	
	16.65% {
		opacity:1;
	}
	
	16.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes segundos_00 {
	
	0% {
		opacity:1;
	}
	
	16.65% {
		opacity:1;
	}
	
	16.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes segundos_00 {
	
	0% {
		opacity:1;
	}
	
	16.65% {
		opacity:1;
	}
	
	16.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}


#segundos_01 {
	background-image: url(../multimedia/reloj/numero_1.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 10%;
	z-index:1;
	float: right;
	position:absolute;
	animation: segundos_01 60s ease infinite normal;
	-webkit-animation: segundos_01 60s ease infinite normal;
	-moz-animation: segundos_01 60s ease infinite normal;
	-ms-animation: segundos_01 60s ease infinite normal;
	-o-animation: segundos_01 60s ease infinite normal;
}

@keyframes segundos_01 {
	
	0% {
		opacity:0;
	}
	16.65% {
		opacity:0;
	}
	16.70% {
		opacity:1;
	}
	33.30% {
		opacity:1;
	}
	33.35% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes segundos_01 {
	
	0% {
		opacity:0;
	}
	16.65% {
		opacity:0;
	}
	16.70% {
		opacity:1;
	}
	33.30% {
		opacity:1;
	}
	33.35% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes segundos_01 {
	
	0% {
		opacity:0;
	}
	16.65% {
		opacity:0;
	}
	16.70% {
		opacity:1;
	}
	33.30% {
		opacity:1;
	}
	33.35% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes segundos_01 {
	
	0% {
		opacity:0;
	}
	16.65% {
		opacity:0;
	}
	16.70% {
		opacity:1;
	}
	33.30% {
		opacity:1;
	}
	33.35% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes segundos_01 {
	
	0% {
		opacity:0;
	}
	16.65% {
		opacity:0;
	}
	16.70% {
		opacity:1;
	}
	33.30% {
		opacity:1;
	}
	33.35% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#segundos_02 {
	background-image: url(../multimedia/reloj/numero_2.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 10%;
	z-index:1;
	float: right;
	position:absolute;
	animation: segundos_02 60s ease infinite normal;
	-webkit-animation: segundos_02 60s ease infinite normal;
	-moz-animation: segundos_02 60s ease infinite normal;
	-ms-animation: segundos_02 60s ease infinite normal;
	-o-animation: segundos_02 60s ease infinite normal;
}

@keyframes segundos_02 {
	
	0% {
		opacity:0;
	}
	33.30% {
		opacity:0;
	}
	33.35% {
		opacity:1;
	}
	49.95% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes segundos_02 {
	
	0% {
		opacity:0;
	}
	33.30% {
		opacity:0;
	}
	33.35% {
		opacity:1;
	}
	49.95% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes segundos_02 {
	
	0% {
		opacity:0;
	}
	33.30% {
		opacity:0;
	}
	33.35% {
		opacity:1;
	}
	49.95% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes segundos_02 {
	
	0% {
		opacity:0;
	}
	33.30% {
		opacity:0;
	}
	33.35% {
		opacity:1;
	}
	49.95% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes segundos_02 {
	
	0% {
		opacity:0;
	}
	33.30% {
		opacity:0;
	}
	33.35% {
		opacity:1;
	}
	49.95% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#segundos_03 {
	background-image: url(../multimedia/reloj/numero_3.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 10%;
	z-index:1;
	float: right;
	position:absolute;
	animation: segundos_03 60s ease infinite normal;
	-webkit-animation: segundos_03 60s ease infinite normal;
	-moz-animation: segundos_03 60s ease infinite normal;
	-ms-animation: segundos_03 60s ease infinite normal;
	-o-animation: segundos_03 60s ease infinite normal;
}

@keyframes segundos_03 {
	
	0% {
		opacity:0;
	}
	49.95% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	66.65% {
		opacity:1;
	}
	66.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes segundos_03 {
	
	0% {
		opacity:0;
	}
	49.95% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	66.65% {
		opacity:1;
	}
	66.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes segundos_03 {
	
	0% {
		opacity:0;
	}
	49.95% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	66.65% {
		opacity:1;
	}
	66.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes segundos_03 {
	
	0% {
		opacity:0;
	}
	49.95% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	66.65% {
		opacity:1;
	}
	66.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes segundos_03 {
	
	0% {
		opacity:0;
	}
	49.95% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	66.65% {
		opacity:1;
	}
	66.70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#segundos_04 {
	background-image: url(../multimedia/reloj/numero_4.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 10%;
	z-index:1;
	float: right;
	position:absolute;
	animation: segundos_04 60s ease infinite normal;
	-webkit-animation: segundos_04 60s ease infinite normal;
	-moz-animation: segundos_04 60s ease infinite normal;
	-ms-animation: segundos_04 60s ease infinite normal;
	-o-animation: segundos_04 60s ease infinite normal;
}

@keyframes segundos_04 {
	
	0% {
		opacity:0;
	}
	66.65% {
		opacity:0;
	}
	66.70% {
		opacity:1;
	}
	83.25% {
		opacity:1;
	}
	83.30% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes segundos_04 {
	
	0% {
		opacity:0;
	}
	66.65% {
		opacity:0;
	}
	66.70% {
		opacity:1;
	}
	83.25% {
		opacity:1;
	}
	83.30% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes segundos_04 {
	
	0% {
		opacity:0;
	}
	66.65% {
		opacity:0;
	}
	66.70% {
		opacity:1;
	}
	83.25% {
		opacity:1;
	}
	83.30% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes segundos_04 {
	
	0% {
		opacity:0;
	}
	66.65% {
		opacity:0;
	}
	66.70% {
		opacity:1;
	}
	83.25% {
		opacity:1;
	}
	83.30% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes segundos_04 {
	
	0% {
		opacity:0;
	}
	66.65% {
		opacity:0;
	}
	66.70% {
		opacity:1;
	}
	83.25% {
		opacity:1;
	}
	83.30% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#segundos_05 {
	background-image: url(../multimedia/reloj/numero_5.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:30%;
	width:15%;
	height:100px;
	margin:-3% 0% 0% 10%;
	z-index:1;
	float: right;
	position:absolute;
	animation: segundos_05 60s ease infinite normal;
	-webkit-animation: segundos_05 60s ease infinite normal;
	-moz-animation: segundos_05 60s ease infinite normal;
	-ms-animation: segundos_05 60s ease infinite normal;
	-o-animation: segundos_05 60s ease infinite normal;
}

@keyframes segundos_05 {
	
	0% {
		opacity:0;
	}
	83.25% {
		opacity:0;
	}
	83.30% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}

@-webkit-keyframes segundos_05 {
	
	0% {
		opacity:0;
	}
	83.25% {
		opacity:0;
	}
	83.30% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}

@-moz-keyframes segundos_05 {
	
	0% {
		opacity:0;
	}
	83.25% {
		opacity:0;
	}
	83.30% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}

@-ms-keyframes segundos_05 {
	
	0% {
		opacity:0;
	}
	83.25% {
		opacity:0;
	}
	83.30% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}

@-o-keyframes segundos_05 {
	
	0% {
		opacity:0;
	}
	83.25% {
		opacity:0;
	}
	83.30% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}

#minutos_0 {
	background-image: url(../multimedia/reloj/numero_0.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	position: absolute;
	float:right;
	margin:-3% 0% 0% 4%;
	animation: minutos_0 600s ease infinite normal;
	-webkit-animation: minutos_0 600s ease infinite normal;
	-moz-animation: minutos_0 600s ease infinite normal;
	-ms-animation: minutos_0 600s ease infinite normal;
	-o-animation: minutos_0 600s ease infinite normal;
}

@keyframes minutos_0 {
	
	0% {
		opacity:1;
	}
	
	9.99% {
		opacity:1;
	}
	
	10.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes minutos_0 {
	
	0% {
		opacity:1;
	}
	
	9.99% {
		opacity:1;
	}
	
	10.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes minutos_0 {
	
	0% {
		opacity:1;
	}
	
	9.99% {
		opacity:1;
	}
	
	10.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}


@-ms-keyframes minutos_0 {
	
	0% {
		opacity:1;
	}
	
	9.99% {
		opacity:1;
	}
	
	10.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes minutos_0 {
	
	0% {
		opacity:1;
	}
	
	9.99% {
		opacity:1;
	}
	
	10.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#minutos_1 {
	background-image: url(../multimedia/reloj/numero_1.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	position: absolute;
	float:right;
	margin:-3% 0% 0% 4%;
	animation: minutos_1 600s ease infinite normal;
	-webkit-animation: minutos_1 600s ease infinite normal;
	-moz-animation: minutos_1 600s ease infinite normal;
	-ms-animation: minutos_1 600s ease infinite normal;
	-o-animation: minutos_1 600s ease infinite normal;
}

@keyframes minutos_1 {
	
	0% {
		opacity:0;
	}
	9.99% {
		opacity:0;
	}
	10.00% {
		opacity:1;
	}
	19.99% {
		opacity:1;
	}
	20.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes minutos_1 {
	
	0% {
		opacity:0;
	}
	9.99% {
		opacity:0;
	}
	10.00% {
		opacity:1;
	}
	19.99% {
		opacity:1;
	}
	20.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes minutos_1 {
	
	0% {
		opacity:0;
	}
	9.99% {
		opacity:0;
	}
	10.00% {
		opacity:1;
	}
	19.99% {
		opacity:1;
	}
	20.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes minutos_1 {
	
	0% {
		opacity:0;
	}
	9.99% {
		opacity:0;
	}
	10.00% {
		opacity:1;
	}
	19.99% {
		opacity:1;
	}
	20.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes minutos_1 {
	
	0% {
		opacity:0;
	}
	9.99% {
		opacity:0;
	}
	10.00% {
		opacity:1;
	}
	19.99% {
		opacity:1;
	}
	20.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#minutos_2 {
	background-image: url(../multimedia/reloj/numero_2.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	position: absolute;
	float:right;
	margin:-3% 0% 0% 4%;
	animation: minutos_1 600s ease infinite normal;
	-webkit-animation: minutos_2 600s ease infinite normal;
	-moz-animation: minutos_2 600s ease infinite normal;
	-ms-animation: minutos_2 600s ease infinite normal;
	-o-animation: minutos_2 600s ease infinite normal;
}

@keyframes minutos_2 {
	
	0% {
		opacity:0;
	}
	19.99% {
		opacity:0;
	}
	20.00% {
		opacity:1;
	}
	29.99% {
		opacity:1;
	}
	30.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes minutos_2 {
	
	0% {
		opacity:0;
	}
	19.99% {
		opacity:0;
	}
	20.00% {
		opacity:1;
	}
	29.99% {
		opacity:1;
	}
	30.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes minutos_2 {
	
	0% {
		opacity:0;
	}
	19.99% {
		opacity:0;
	}
	20.00% {
		opacity:1;
	}
	29.99% {
		opacity:1;
	}
	30.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes minutos_2 {
	
	0% {
		opacity:0;
	}
	19.99% {
		opacity:0;
	}
	20.00% {
		opacity:1;
	}
	29.99% {
		opacity:1;
	}
	30.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes minutos_2 {
	
	0% {
		opacity:0;
	}
	19.99% {
		opacity:0;
	}
	20.00% {
		opacity:1;
	}
	29.99% {
		opacity:1;
	}
	30.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#minutos_3 {
	background-image: url(../multimedia/reloj/numero_3.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	position: absolute;
	float:right;
	margin:-3% 0% 0% 4%;
	animation: minutos_3 600s ease infinite normal;
	-webkit-animation: minutos_3 600s ease infinite normal;
	-moz-animation: minutos_3 600s ease infinite normal;
	-ms-animation: minutos_3 600s ease infinite normal;
	-o-animation: minutos_3 600s ease infinite normal;
}

@keyframes minutos_3 {
	
	0% {
		opacity:0;
	}
	29.99% {
		opacity:0;
	}
	30.00% {
		opacity:1;
	}
	39.99% {
		opacity:1;
	}
	40.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes minutos_3 {
	
	0% {
		opacity:0;
	}
	29.99% {
		opacity:0;
	}
	30.00% {
		opacity:1;
	}
	39.99% {
		opacity:1;
	}
	40.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes minutos_3 {
	
	0% {
		opacity:0;
	}
	29.99% {
		opacity:0;
	}
	30.00% {
		opacity:1;
	}
	39.99% {
		opacity:1;
	}
	40.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes minutos_3 {
	
	0% {
		opacity:0;
	}
	29.99% {
		opacity:0;
	}
	30.00% {
		opacity:1;
	}
	39.99% {
		opacity:1;
	}
	40.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes minutos_3 {
	
	0% {
		opacity:0;
	}
	29.99% {
		opacity:0;
	}
	30.00% {
		opacity:1;
	}
	39.99% {
		opacity:1;
	}
	40.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#minutos_4 {
	background-image: url(../multimedia/reloj/numero_4.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	position: absolute;
	float:right;
	margin:-3% 0% 0% 4%;
	animation: minutos_4 600s ease infinite normal;
	-webkit-animation: minutos_4 600s ease infinite normal;
	-moz-animation: minutos_4 600s ease infinite normal;
	-ms-animation: minutos_4 600s ease infinite normal;
	-o-animation: minutos_4 600s ease infinite normal;
}

@keyframes minutos_4 {
	
	0% {
		opacity:0;
	}
	39.99% {
		opacity:0;
	}
	40.00% {
		opacity:1;
	}
	49.99% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes minutos_4 {
	
	0% {
		opacity:0;
	}
	39.99% {
		opacity:0;
	}
	40.00% {
		opacity:1;
	}
	49.99% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes minutos_4 {
	
	0% {
		opacity:0;
	}
	39.99% {
		opacity:0;
	}
	40.00% {
		opacity:1;
	}
	49.99% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}


@-ms-keyframes minutos_4 {
	
	0% {
		opacity:0;
	}
	39.99% {
		opacity:0;
	}
	40.00% {
		opacity:1;
	}
	49.99% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes minutos_4 {
	
	0% {
		opacity:0;
	}
	39.99% {
		opacity:0;
	}
	40.00% {
		opacity:1;
	}
	49.99% {
		opacity:1;
	}
	50.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}


#minutos_5 {
	background-image: url(../multimedia/reloj/numero_5.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	position: absolute;
	float:right;
	margin:-3% 0% 0% 4%;
	animation: minutos_5 600s ease infinite normal;
	-webkit-animation: minutos_5 600s ease infinite normal;
	-moz-animation: minutos_5 600s ease infinite normal;
	-ms-animation: minutos_5 600s ease infinite normal;
	-o-animation: minutos_5 600s ease infinite normal;
}

@keyframes minutos_5 {
	
	0% {
		opacity:0;
	}
	49.99% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	59.99% {
		opacity:1;
	}
	60.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes minutos_5 {
	
	0% {
		opacity:0;
	}
	49.99% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	59.99% {
		opacity:1;
	}
	60.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes minutos_5 {
	
	0% {
		opacity:0;
	}
	49.99% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	59.99% {
		opacity:1;
	}
	60.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes minutos_5 {
	
	0% {
		opacity:0;
	}
	49.99% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	59.99% {
		opacity:1;
	}
	60.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes minutos_5 {
	
	0% {
		opacity:0;
	}
	49.99% {
		opacity:0;
	}
	50.00% {
		opacity:1;
	}
	59.99% {
		opacity:1;
	}
	60.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#minutos_6 {
	background-image: url(../multimedia/reloj/numero_6.png);
	background-size:30%;
	background-repeat:no-repeat;
	background-position: left;
	width:15%;
	height:100px;
	position: absolute;
	float:right;
	margin:-3% 0% 0% 4%;
	animation: minutos_6 600s ease infinite normal;
	-webkit-animation: minutos_6 600s ease infinite normal;
	-moz-animation: minutos_6 600s ease infinite normal;
	-ms-animation: minutos_6 600s ease infinite normal;
	-o-animation: minutos_6 600s ease infinite normal;
}

@keyframes minutos_6 {
	
	0% {
		opacity:0;
	}
	59.99% {
		opacity:0;
	}
	60.00% {
		opacity:1;
	}
	69.99% {
		opacity:1;
	}
	70.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes minutos_6 {
	
	0% {
		opacity:0;
	}
	59.99% {
		opacity:0;
	}
	60.00% {
		opacity:1;
	}
	69.99% {
		opacity:1;
	}
	70.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes minutos_6 {
	
	0% {
		opacity:0;
	}
	59.99% {
		opacity:0;
	}
	60.00% {
		opacity:1;
	}
	69.99% {
		opacity:1;
	}
	70.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes minutos_6 {
	
	0% {
		opacity:0;
	}
	59.99% {
		opacity:0;
	}
	60.00% {
		opacity:1;
	}
	69.99% {
		opacity:1;
	}
	70.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes minutos_6 {
	
	0% {
		opacity:0;
	}
	59.99% {
		opacity:0;
	}
	60.00% {
		opacity:1;
	}
	69.99% {
		opacity:1;
	}
	70.00% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

/*Para las animaciones*/


/* Fuentes animadas*/

.spinner2-1 {
	background-image:url(../imagenes/precargas/spinner2.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position:relative;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}

@-webkit-keyframes spinner2-1 {
	0% {
		-webkit-transform:rotate(0deg);}
		
	100% {
		-webkit-transform:rotate(360deg);}
}


@-moz-keyframes spinner2-1 {
	0% {
		-moz-transform:rotate(0deg);}
		
	100% {
		-moz-transform:rotate(360deg);}
}

@-o-keyframes spinner2-1 {
	0% {
		-o-transform:rotate(0deg);}
		
	100% {
		-o-transform:rotate(360deg);}
}

@-ms-keyframes spinner2-1 {
	0% {
		-ms-transform:rotate(0deg);}
		
	100% {
		-ms-transform:rotate(360deg);}
}

@keyframes spinner2-1 {
	0% {
		transform:rotate(0deg);}
		
	100% {
		transform:rotate(360deg);}
}

.spinner2-2 {
	background-image:url(../imagenes/precargas/spinner2.png);
	background-size:100%;
	float: right;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}

.spinner5-1 {
	background-image:url(../imagenes/precargas/spinner5.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position:relative;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.spinner5-2 {
	background-image:url(../imagenes/precargas/spinner5.png);
	background-size:100%;
	float: right;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.spinner11-1 {
	background-image:url(../imagenes/precargas/spinner11.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position:relative;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.spinner11-2 {
	background-image:url(../imagenes/precargas/spinner11.png);
	background-size:100%;
	float: right;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}

.spinner9-1 {
	background-image:url(../imagenes/precargas/spinner9.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position:relative;
	width:35px;
	height:35px;
	margin-right:-10%;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.spinner9-2 {
	background-image:url(../imagenes/precargas/spinner9.png);
	background-size:100%;
	float: right;
	position: relative;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	margin-left:-10%;
	-webkit-transform:translate(0px,-50px);
	-moz-transform:translate(0px,-50px);
	-o-transform:translate(0px,-50px);
	-ms-transform:translate(0px,-50px);
	transform:translate(0px,-50px);
	z-index:2;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.loop2-1 {
	background-image:url(../imagenes/precargas/loop2.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position:relative;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.loop2-2 {
	background-image:url(../imagenes/precargas/loop2.png);
	background-size:100%;
	float: right;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.spinner10-1 {
	background-image:url(../imagenes/precargas/spinner10.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position:relative;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


.spinner10-2 {
	background-image:url(../imagenes/precargas/spinner10.png);
	background-size:100%;
	float: right;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}


/*Precargas en SVG*/
.precarga_iz {
	float:left;
	position: absolute;
	width:30px;
	height:30px;
	-webkit-transform:translate(0px,-30px);
	-moz-transform:translate(0px,-30px);
	-o-transform:translate(0px,-30px);
	-ms-transform:translate(0px,-30px);
	transform:translate(0px,-30px);
}

/*Precarga de audio en categorias para movil*/
.precarga_iz_movil {
	display: none;
}

.precarga_der {
	float: right;
	position: relative;
	width:30px;
	height:30px;
	-webkit-transform:translate(0px,-30px);
	-moz-transform:translate(0px,-30px);
	-o-transform:translate(0px,-30px);
	-ms-transform:translate(0px,-30px);
	transform:translate(0px,-30px);
}

.precarga_iz_img {
	float:left;
	position: absolute;
	width:70px;
	height:70px;
	-webkit-transform:translate(0px,180px);
	-moz-transform:translate(0px,180px);
	-o-transform:translate(0px,180px);
	-ms-transform:translate(0px,180px);
	transform:translate(0px,180px);
}

.precarga_der_img {
	float: right;
	position: relative;
	width:70px;
	height:70px;
	-webkit-transform:translate(0px,180px);
	-moz-transform:translate(0px,180px);
	-o-transform:translate(0px,180px);
	-ms-transform:translate(0px,180px);
	transform:translate(0px,180px);
}

.precarga_iz_img_jhonatan {
	float:left;
	position: absolute;
	width:70px;
	height:70px;
	-webkit-transform:translate(50px,150px);
	-moz-transform:translate(50px,150px);
	-o-transform:translate(50px,150px);
	-ms-transform:translate(50px,150px);
	transform:translate(50px,150px);
}

.precarga_der_img_jhonatan {
	float: right;
	position: relative;
	width:70px;
	height:70px;
	-webkit-transform:translate(0px,150px);
	-moz-transform:translate(0px,150px);
	-o-transform:translate(0px,150px);
	-ms-transform:translate(0px,150px);
	transform:translate(0px,150px);
}


.precarga_center_medio {
	position: relative;
	width:50px;
	height:50px;
	margin:0% 47%;
}

.precarga_center_final {
	position: relative;
	width:50px;
	height:50px;
	margin:5% 46%;
}

.precarga_center_final_2 {
	position: relative;
	width:50px;
	height:50px;
	margin:5% 49%;
}


/*Cierre de Precargas en SVG*/

	
.spinner8 {
	width:15%;
	float:right;
	margin-right:250px;
	margin-top:-15px;
	}
	
.spinner8-1 {
	background-image:url(../imagenes/precargas/spinner8-1.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position:relative;
	width:40px;
	height:40px;
	animation: spinner2-1 0.8s linear 0s infinite normal both;
	-webkit-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-moz-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-o-animation: spinner2-1 0.8s linear 0s infinite normal both;
	-ms-animation: spinner2-1 0.8s linear 0s infinite normal both;
}

.spinner8-2 {
	background-image:url(../imagenes/precargas/spinner8-2.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	width:40px;
	height:40px;
	animation: spinner8-2 1s linear 0s infinite reverse both;
	-webkit-animation: spinner8-2 1s linear 0s infinite reverse both;
	-moz-animation: spinner8-2 1s linear 0s infinite reverse both;
	-ms-animation: spinner8-2 1s linear 0s infinite reverse both;
	-o-animation: spinner8-2 1s linear 0s infinite reverse both;
}

@-webkit-keyframes spinner8-2 {
	0% {
		-webkit-transform:rotate(0deg);}
		
	100% {
		-webkit-transform:rotate(360deg);}
}

@keyframes spinner8-2 {
	0% {
		transform:rotate(0deg);}
		
	100% {
		transform:rotate(360deg);}
}

@-moz-keyframes spinner8-2 {
	0% {
		-moz-transform:rotate(0deg);}
		
	100% {
		-moz-transform:rotate(360deg);}
}

@-ms-keyframes spinner8-2 {
	0% {
		-ms-transform:rotate(0deg);}
		
	100% {
		-ms-transform:rotate(360deg);}
}

@-o-keyframes spinner8-2 {
	0% {
		-o-transform:rotate(0deg);}
		
	100% {
		-o-transform:rotate(360deg);}
}
	

.cogs1 {
	background-image:url(../imagenes/precargas/cogs1.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: bottom;
	padding-top:-30px;
	margin-top:-50px;
	margin-left:5px;
	position:relative;
	float:left;
	width:40px;
	height:40px;
	animation: cogs1 2s linear 0s infinite reverse both;
	-webkit-animation: cogs1 2s linear 0s infinite reverse both;
	-moz-animation: cogs1 2s linear 0s infinite reverse both;
	-ms-animation: cogs1 2s linear 0s infinite reverse both;
	-o-animation: cogs1 2s linear 0s infinite reverse both;
}

@-webkit-keyframes cogs1 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@keyframes cogs1 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@-moz-keyframes cogs1 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@-ms-keyframes cogs1 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@-o-keyframes cogs1 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

.cogs2 {
	background-image:url(../imagenes/precargas/cogs2.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position: right;
	position:relative;
	width:50px;
	height:35px;
	float:right;
	padding-top:60px;
	animation: cogs2 3s linear 0s infinite normal both;
	-webkit-animation: cogs2 3s linear 0s infinite normal both;
	-moz-animation: cogs2 3s linear 0s infinite normal both;
	-ms-animation: cogs2 3s linear 0s infinite normal both;
	-o-animation: cogs2 3s linear 0s infinite normal both;
}

@-webkit-keyframes cogs2 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@keyframes cogs2 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@-moz-keyframes cogs2 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@-ms-keyframes cogs2 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

@-o-keyframes cogs2 {
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
		
	100% {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
}

.cogs {
	width:10%;
	height:50px;
	position:relative;
	margin-top:-70px;
	float: right;
	}

/*Animaciones de cuadros*/
.cuadro1 {
	background-image:url(../imagenes/precargas/cuadro.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

@keyframes cuadro1 {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	20% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes cuadro1 {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	20% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes cuadro1 {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	20% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes cuadro1 {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	20% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes cuadro1 {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	20% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}


.cuadro2 {
	background-image:url(../imagenes/precargas/cuadro.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

@keyframes cuadro2 {
	0% {
		opacity:0;
	}
	10% {
		opacity:0;
	}
	20% {
		opacity:1;
	}
	30% {
		opacity:1;
	}
	60% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes cuadro2 {
	0% {
		opacity:0;
	}
	10% {
		opacity:0;
	}
	20% {
		opacity:1;
	}
	30% {
		opacity:1;
	}
	60% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes cuadro2 {
	0% {
		opacity:0;
	}
	10% {
		opacity:0;
	}
	20% {
		opacity:1;
	}
	30% {
		opacity:1;
	}
	60% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes cuadro2 {
	0% {
		opacity:0;
	}
	10% {
		opacity:0;
	}
	20% {
		opacity:1;
	}
	30% {
		opacity:1;
	}
	60% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes cuadro2 {
	0% {
		opacity:0;
	}
	10% {
		opacity:0;
	}
	20% {
		opacity:1;
	}
	30% {
		opacity:1;
	}
	60% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

.cuadro3 {
	background-image:url(../imagenes/precargas/cuadro.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

@keyframes cuadro3 {
	
	0% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	30% {
		opacity:1;
	}
	40% {
		opacity:1;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes cuadro3 {
	
	0% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	30% {
		opacity:1;
	}
	40% {
		opacity:1;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes cuadro3 {
	
	0% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	30% {
		opacity:1;
	}
	40% {
		opacity:1;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes cuadro3 {
	
	0% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	30% {
		opacity:1;
	}
	40% {
		opacity:1;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes cuadro3 {
	
	0% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	30% {
		opacity:1;
	}
	40% {
		opacity:1;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

.cuadro4 {
	background-image:url(../imagenes/precargas/cuadro.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}


@keyframes cuadro4 {
	0% {
		opacity:0;
	}
	30% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	50% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes cuadro4 {
	0% {
		opacity:0;
	}
	30% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	50% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes cuadro4 {
	0% {
		opacity:0;
	}
	30% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	50% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes cuadro4 {
	0% {
		opacity:0;
	}
	30% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	50% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes cuadro4 {
	0% {
		opacity:0;
	}
	30% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	50% {
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

.cuadro5 {
	background-image:url(../imagenes/precargas/cuadro.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

@keyframes cuadro5 {
	0% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	60% {
		opacity:1;
	}
	90% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes cuadro5 {
	0% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	60% {
		opacity:1;
	}
	90% {
		opacity:0;
	}
	100% {;
		opacity:0;
	}
}

@-moz-keyframes cuadro5 {
	0% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	60% {
		opacity:1;
	}
	90% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes cuadro5 {
	0% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	60% {
		opacity:1;
	}
	90% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes cuadro5 {
	0% {
		opacity:0;
	}
	40% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	60% {
		opacity:1;
	}
	90% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

.cuadro6 {
	background-image:url(../imagenes/precargas/cuadro.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

@keyframes cuadro6 {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	60% {
		opacity:1;
	}
	70% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

@-webkit-keyframes cuadro6 {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	60% {
		opacity:1;
	}
	70% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

@-moz-keyframes cuadro6 {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	60% {
		opacity:1;
	}
	70% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

@-ms-keyframes cuadro6 {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	60% {
		opacity:1;
	}
	70% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

@-o-keyframes cuadro6 {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	60% {
		opacity:1;
	}
	70% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}


.cuadrosanimados {
	width:30%;
	float:right;
	margin-right:15%;
	margin-top:-15px;
}

/*Cierre de animaciones de cuadros*/


/*Animaciones de banderas*/


.banderasanimadas_pc {
	width:40%;
	float:right;
	margin-right:5%;
	margin-top:-3.5%;
	/*background-color:rgba(0,153,0,1);*/
}

.banderasanimadas_movil {
	display:none;
}


.bandera_1 { /*Venezuela*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_1.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.bandera_2 { /*Brasil*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_2.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.bandera_3 { /*Balestina*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_3.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.bandera_4 { /*Rusia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_4.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.bandera_5 { /*China*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_5.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.bandera_6 { /*Irán*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_6.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.bandera_7 { /*ONU*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_7.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.bandera_8 { /*Italia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_8.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.bandera_9 { /*Francia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_9.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.bandera_10 { /*España*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_10.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.bandera_11 { /*Portugal*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_11.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.bandera_12 { /*Alemania*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_12.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

/*Banderas de Africa*/

.bandera_13 { /*Camerún*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_13.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.bandera_14 { /*Marruecos*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_14.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.bandera_15 { /*Sudáfrica*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_15.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.bandera_16 { /*Egipto*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_16.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.bandera_17 { /*Nigeria*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_17.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.bandera_18 { /*Libia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_18.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Banderas de America*/

.bandera_19 { /*Argentina*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_19.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.bandera_20 { /*Bolivia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_20.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.bandera_21 { /*USA*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_21.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.bandera_22 { /*Cuba*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_22.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Banderas de Venezuela*/
.bandera_venezuela_1 {
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_1.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.bandera_venezuela_2 {
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_1.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.bandera_venezuela_3 {
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_1.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.bandera_venezuela_4 {
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_1.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.bandera_venezuela_5 {
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_1.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.bandera_venezuela_6 {
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_1.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}


/*Banderas de Asia*/

.bandera_23 { /*Siria*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_23.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.bandera_24 { /*Turquia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_24.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.bandera_25 { /*Libano*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_25.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.bandera_palestina { /*Palestina*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_3.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

/*Banderas de Organizaciones*/

.bandera_26 { /*ONU*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_26.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.bandera_27 {/*Unión Europea*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_27.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.bandera_28 {/*Juegos Olímpicos*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_28.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.bandera_29 {/*Unión Soviética*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_29.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.bandera_30 {/*Fifa*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_30.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.bandera_31 {/*Liga Árabe*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_31.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Banderas de Oceanía*/

.bandera_32 { /*Australia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_32.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.bandera_33 {/*Fiji*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_33.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.bandera_34 {/*Islas Marshall*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_34.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.bandera_35 {/*Islas Salomón*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_35.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.bandera_36 {/*Tuvalu*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_36.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.bandera_37 {/*Nueva Zelanda*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_37.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Para alinear las banderas correctamente en moszilla y en internet explorer*/

	.bandera_1, .bandera_2, .bandera_3, .bandera_4, .bandera_5, .bandera_6, .bandera_7,
	.bandera_8, .bandera_9, .bandera_10, .bandera_11, .bandera_12, .bandera_13, .bandera_14,
	.bandera_15, .bandera_16, .bandera_17, .bandera_18, .bandera_19, .bandera_20, .bandera_21,
	.bandera_22, .bandera_23, .bandera_24, .bandera_25, .bandera_26, .bandera_27, .bandera_28,
	.bandera_29, .bandera_30, .bandera_31, .bandera_32, .bandera_33, .bandera_34, .bandera_35,
	.bandera_36, .bandera_37, .bandera_palestina, .bandera_venezuela_1,.bandera_venezuela_2,
	.bandera_venezuela_3, .bandera_venezuela_4, .bandera_venezuela_5, .bandera_venezuela_6 {
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	}
/*Animaciones de autos*/

.autosanimados_movil {
display:none;
}

.autosanimados_pc {
	width:40%;
	float:right;
	margin-right:5%;
	margin-top:-3.5%;
	-ms-transform:translateY(-25px);
	/*background-color:rgba(0,153,0,1);*/
}

.autos_y_motos_1 {
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 2s linear 1s infinite normal both;
	-webkit-animation: cuadro1 2s linear 1s infinite normal both;
	-moz-animation: cuadro1 2s linear 1s infinite normal both;
	-ms-animation: cuadro1 2s linear 1s infinite normal both;
	-o-animation: cuadro1 2s linear 1s infinite normal both;
}

.autos_y_motos_2 {
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 2s linear 1s infinite normal both;
	-webkit-animation: cuadro2 2s linear 1s infinite normal both;
	-moz-animation: cuadro2 2s linear 1s infinite normal both;
	-ms-animation: cuadro2 2s linear 1s infinite normal both;
	-o-animation: cuadro2 2s linear 1s infinite normal both;
}

.autos_y_motos_3 {
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 2s linear 1s infinite normal both;
	-webkit-animation: cuadro3 2s linear 1s infinite normal both;
	-moz-animation: cuadro3 2s linear 1s infinite normal both;
	-ms-animation: cuadro3 2s linear 1s infinite normal both;
	-o-animation: cuadro3 2s linear 1s infinite normal both;
}

.autos_y_motos_4 {
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 2s linear 1s infinite normal both;
	-webkit-animation: cuadro4 2s linear 1s infinite normal both;
	-moz-animation: cuadro4 2s linear 1s infinite normal both;
	-ms-animation: cuadro4 2s linear 1s infinite normal both;
	-o-animation: cuadro4 2s linear 1s infinite normal both;
}

.autos_y_motos_5 {
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 2s linear 1s infinite normal both;
	-webkit-animation: cuadro5 2s linear 1s infinite normal both;
	-moz-animation: cuadro5 2s linear 1s infinite normal both;
	-ms-animation: cuadro5 2s linear 1s infinite normal both;
	-o-animation: cuadro5 2s linear 1s infinite normal both;
}

.autos_y_motos_6 {
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 2s linear 1s infinite normal both;
	-webkit-animation: cuadro6 2s linear 1s infinite normal both;
	-moz-animation: cuadro6 2s linear 1s infinite normal both;
	-ms-animation: cuadro6 2s linear 1s infinite normal both;
	-o-animation: cuadro6 2s linear 1s infinite normal both;
}

.autos_y_motos_7 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 2s linear 1s infinite normal both;
	-webkit-animation: cuadro6 2s linear 1s infinite normal both;
	-moz-animation: cuadro6 2s linear 1s infinite normal both;
	-ms-animation: cuadro6 2s linear 1s infinite normal both;
	-o-animation: cuadro6 2s linear 1s infinite normal both;
}

.autos_y_motos_8 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 2s linear 1s infinite normal both;
	-webkit-animation: cuadro5 2s linear 1s infinite normal both;
	-moz-animation: cuadro5 2s linear 1s infinite normal both;
	-ms-animation: cuadro5 2s linear 1s infinite normal both;
	-o-animation: cuadro5 2s linear 1s infinite normal both;
}

.autos_y_motos_9 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 2s linear 1s infinite normal both;
	-webkit-animation: cuadro4 2s linear 1s infinite normal both;
	-moz-animation: cuadro4 2s linear 1s infinite normal both;
	-ms-animation: cuadro4 2s linear 1s infinite normal both;
	-o-animation: cuadro4 2s linear 1s infinite normal both;
}
.autos_y_motos_10 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 2s linear 1s infinite normal both;
	-webkit-animation: cuadro3 2s linear 1s infinite normal both;
	-moz-animation: cuadro3 2s linear 1s infinite normal both;
	-ms-animation: cuadro3 2s linear 1s infinite normal both;
	-o-animation: cuadro3 2s linear 1s infinite normal both;
}
.autos_y_motos_11 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 2s linear 1s infinite normal both;
	-webkit-animation: cuadro2 2s linear 1s infinite normal both;
	-moz-animation: cuadro2 2s linear 1s infinite normal both;
	-ms-animation: cuadro2 2s linear 1s infinite normal both;
	-o-animation: cuadro2 2s linear 1s infinite normal both;
}

.autos_y_motos_12 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 2s linear 1s infinite normal both;
	-webkit-animation: cuadro1 2s linear 1s infinite normal both;
	-moz-animation: cuadro1 2s linear 1s infinite normal both;
	-ms-animation: cuadro1 2s linear 1s infinite normal both;
	-o-animation: cuadro1 2s linear 1s infinite normal both;
}

.autos_y_motos_13 {
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 2s linear 1s infinite normal both;
	-webkit-animation: cuadro6 2s linear 1s infinite normal both;
	-moz-animation: cuadro6 2s linear 1s infinite normal both;
	-ms-animation: cuadro6 2s linear 1s infinite normal both;
	-o-animation: cuadro6 2s linear 1s infinite normal both;
}

.autos_y_motos_14 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 2s linear 1s infinite normal both;
	-webkit-animation: cuadro6 2s linear 1s infinite normal both;
	-moz-animation: cuadro6 2s linear 1s infinite normal both;
	-ms-animation: cuadro6 2s linear 1s infinite normal both;
	-o-animation: cuadro6 2s linear 1s infinite normal both;
}

.autos_y_motos_15 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 2s linear 1s infinite normal both;
	-webkit-animation: cuadro5 2s linear 1s infinite normal both;
	-moz-animation: cuadro5 2s linear 1s infinite normal both;
	-ms-animation: cuadro5 2s linear 1s infinite normal both;
	-o-animation: cuadro5 2s linear 1s infinite normal both;
}

.autos_y_motos_16 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 2s linear 1s infinite normal both;
	-webkit-animation: cuadro4 2s linear 1s infinite normal both;
	-moz-animation: cuadro4 2s linear 1s infinite normal both;
	-ms-animation: cuadro4 2s linear 1s infinite normal both;
	-o-animation: cuadro4 2s linear 1s infinite normal both;
}
.autos_y_motos_17 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 2s linear 1s infinite normal both;
	-webkit-animation: cuadro3 2s linear 1s infinite normal both;
	-moz-animation: cuadro3 2s linear 1s infinite normal both;
	-ms-animation: cuadro3 2s linear 1s infinite normal both;
	-o-animation: cuadro3 2s linear 1s infinite normal both;
}
.autos_y_motos_18 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 2s linear 1s infinite normal both;
	-webkit-animation: cuadro2 2s linear 1s infinite normal both;
	-moz-animation: cuadro2 2s linear 1s infinite normal both;
	-ms-animation: cuadro2 2s linear 1s infinite normal both;
	-o-animation: cuadro2 2s linear 1s infinite normal both;
}

.autos_y_motos_19 { /*Carro de Formula 1*/
	background-image:url(../imagenes/iconos_y_fuentes/autos_y_motos/autos_y_motos_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 2s linear 1s infinite normal both;
	-webkit-animation: cuadro1 2s linear 1s infinite normal both;
	-moz-animation: cuadro1 2s linear 1s infinite normal both;
	-ms-animation: cuadro1 2s linear 1s infinite normal both;
	-o-animation: cuadro1 2s linear 1s infinite normal both;
}

/*Animaciones de computacion*/

.computacionanimadas_pc {
	width:40%;
	float:right;
	margin-right:5%;
	margin-top:-3.5%;
	/*background-color:rgba(0,153,0,1);*/
}

.computacionanimadas_movil {
	display:none;
}

.computacion_1 {
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.computacion_2 {
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.computacion_3 {
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.computacion_4 {
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.computacion_5 {
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.computacion_6 {
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.computacion_7 { /*Logo Tux*/
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.computacion_8 { /*Logo Tux*/
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.computacion_9 { /*Logo Samsung*/
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.computacion_10 { /*Logo Samsung*/
	background-image:url(../imagenes/iconos_y_fuentes/computacion/computacion_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}


/*Animaciones de cristianas*/

.cristianas_1 {
	background-image:url(../imagenes/iconos_y_fuentes/cristianas/cristianas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.cristianas_2 {
	background-image:url(../imagenes/iconos_y_fuentes/cristianas/cristianas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.cristianas_3 {
	background-image:url(../imagenes/iconos_y_fuentes/cristianas/cristianas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.cristianas_4 {
	background-image:url(../imagenes/iconos_y_fuentes/cristianas/cristianas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.cristianas_5 {
	background-image:url(../imagenes/iconos_y_fuentes/cristianas/cristianas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.cristianas_6 {
	background-image:url(../imagenes/iconos_y_fuentes/cristianas/cristianas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Animaciones de deportes*/

.deportes_1 { /*Pelota de futbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.deportes_2 { /*Pelota de futbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.deportes_3 { /*Pelota de beisbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.deportes_4 { /*Pelota de beisbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.deportes_5 { /*Pelota de basket*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.deportes_6 { /*Pelota de basket*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.deportes_7 { /*Pelota de futbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.deportes_8 { /*Pelota de futbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.deportes_9 { /*Pelota de futbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.deportes_10 { /*Pelota de futbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.deportes_11 { /*Pelota de beisbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.deportes_12 { /*Pelota de beisbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.deportes_13 { /*Pelota de beisbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.deportes_14 { /*Pelota de beisbol*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.deportes_15 { /*Pelota de basket*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.deportes_16 { /*Pelota de basket*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.deportes_17 { /*Pelota de basket*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.deportes_18 { /*Pelota de basket*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.deportes_19 { /*Ciclista*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 2s linear 1s infinite normal both;
	-webkit-animation: cuadro1 2s linear 1s infinite normal both;
	-moz-animation: cuadro1 2s linear 1s infinite normal both;
	-ms-animation: cuadro1 2s linear 1s infinite normal both;
	-o-animation: cuadro1 2s linear 1s infinite normal both;
}

.deportes_20 { /*Ciclista*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 2s linear 1s infinite normal both;
	-webkit-animation: cuadro2 2s linear 1s infinite normal both;
	-moz-animation: cuadro2 2s linear 1s infinite normal both;
	-ms-animation: cuadro2 2s linear 1s infinite normal both;
	-o-animation: cuadro2 2s linear 1s infinite normal both;
}

.deportes_21 { /*Ciclista*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 2s linear 1s infinite normal both;
	-webkit-animation: cuadro3 2s linear 1s infinite normal both;
	-moz-animation: cuadro3 2s linear 1s infinite normal both;
	-ms-animation: cuadro3 2s linear 1s infinite normal both;
	-o-animation: cuadro3 2s linear 1s infinite normal both;
}

.deportes_22 { /*Ciclista*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 2s linear 1s infinite normal both;
	-webkit-animation: cuadro4 2s linear 1s infinite normal both;
	-moz-animation: cuadro4 2s linear 1s infinite normal both;
	-ms-animation: cuadro4 2s linear 1s infinite normal both;
	-o-animation: cuadro4 2s linear 1s infinite normal both;
}

.deportes_23 { /*Ciclista*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 2s linear 1s infinite normal both;
	-webkit-animation: cuadro5 2s linear 1s infinite normal both;
	-moz-animation: cuadro5 2s linear 1s infinite normal both;
	-ms-animation: cuadro5 2s linear 1s infinite normal both;
	-o-animation: cuadro5 2s linear 1s infinite normal both;
}

.deportes_24 { /*Ciclista*/
	background-image:url(../imagenes/iconos_y_fuentes/deportes/deportes_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 2s linear 1s infinite normal both;
	-webkit-animation: cuadro6 2s linear 1s infinite normal both;
	-moz-animation: cuadro6 2s linear 1s infinite normal both;
	-ms-animation: cuadro6 2s linear 1s infinite normal both;
	-o-animation: cuadro6 2s linear 1s infinite normal both;
}

/*Animaciones de aeronáutica*/

.aeronautica_1 { /*Estrella roja*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.aeronautica_2 { /*Estrella roja*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.aeronautica_3 { /*Logo Roscosmos*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.aeronautica_4 { /*Logo Roscosmos*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.aeronautica_5 { /*Logo NASA*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.aeronautica_6 { /*Logo NASA*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.aeronautica_7 { /*Logo EESA*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.aeronautica_8 { /*Logo EESA*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.aeronautica_9 { /*Logo Ejercito China*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.aeronautica_10 { /*Logo Ejercito China*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.aeronautica_11 { /*Bandera de China*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.aeronautica_12 { /*Bandera de China*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.aeronautica_13 { /*Logo Ejercito Rusia*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_6.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.aeronautica_14 { /*Logo Ejercito Rusia*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_6.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.aeronautica_15 { /*Bandera de Rusia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.aeronautica_16 { /*Bandera de Rusia*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.aeronautica_17 { /*Estrella blanca*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_7.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.aeronautica_18 { /*Estrella blanca*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_7.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.aeronautica_19 { /*Logo CIA*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_8.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.aeronautica_20 { /*Logo CIA*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_8.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.aeronautica_21 { /*Bandera de USA*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_21.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.aeronautica_22 { /*Bandera de USA*/
	background-image:url(../imagenes/iconos_y_fuentes/banderas_del_mundo/bandera_21.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.aeronautica_23 { /*Logo Milicia Bolivariana*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_10.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.aeronautica_24 { /*Logo Milicia Bolivariana*/
	background-image:url(../imagenes/iconos_y_fuentes/aeronautica/aeronautica_10.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

/*Animaciones de emoticones*/

.emoticones_1 {
	background-image:url(../imagenes/iconos_y_fuentes/emoticones/emoticones_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.emoticones_2 {
	background-image:url(../imagenes/iconos_y_fuentes/emoticones/emoticones_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.emoticones_3 {
	background-image:url(../imagenes/iconos_y_fuentes/emoticones/emoticones_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.emoticones_4 {
	background-image:url(../imagenes/iconos_y_fuentes/emoticones/emoticones_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.emoticones_5 {
	background-image:url(../imagenes/iconos_y_fuentes/emoticones/emoticones_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.emoticones_6 {
	background-image:url(../imagenes/iconos_y_fuentes/emoticones/emoticones_6.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Animaciones de peliculas*/

.peliculas_1 { /*Ovni*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.peliculas_2 { /*Ovni*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.peliculas_3 { /*Ovni*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.peliculas_4 { /*Ovni*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.peliculas_5 { /*Ovni*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.peliculas_6 { /*Ovni*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.peliculas_7 { /*Jurassic Park*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.peliculas_8 { /*Jurassic Park*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.peliculas_9 { /*Jurassic Park*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.peliculas_10 { /*Jurassic Park*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.peliculas_11 { /*Jurassic Park*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.peliculas_12 { /*Jurassic Park*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.peliculas_13 { /*Star wars*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.peliculas_14 { /*Star wars*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.peliculas_15 { /*Star wars*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.peliculas_16 { /*Star wars*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.peliculas_17 { /*Star wars*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.peliculas_18 { /*Star wars*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.peliculas_19 { /*Camara de video*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.peliculas_20 { /*Camara de video*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.peliculas_21 { /*Camara de video*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.peliculas_22 { /*Camara de video*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.peliculas_23 { /*Camara de video*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.peliculas_24 { /*Camara de video*/
	background-image:url(../imagenes/iconos_y_fuentes/peliculas/peliculas_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Animaciones de politica*/

.politica_1 {
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.politica_2 {
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.politica_3 {
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.politica_4 {
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.politica_5 {
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.politica_6 {
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.politica_7 { /*Oficialismo*/
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.politica_8 { /*Oficialismo*/
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.politica_9 { /*Oficialismo*/
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.politica_10 { /*Oposicion*/
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.politica_11 { /*Oposicion*/
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.politica_12 { /*Oposicion*/
	background-image:url(../imagenes/iconos_y_fuentes/politica/politica_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

/*Animaciones de senales*/

.senales_1 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.senales_2 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.senales_3 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.senales_4 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.senales_5 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.senales_6 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_6.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.senales_7 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_7.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.senales_8 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_8.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.senales_9 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_9.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.senales_10 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_10.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.senales_11 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_11.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.senales_12 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_12.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.senales_13 {
	background-image:url(../imagenes/iconos_y_fuentes/senales/senales_13.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Animaciones de súper héroes*/

.super_heroes_1 { /*Batman*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_1.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.super_heroes_2 { /*Súperman*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_2.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.super_heroes_3 { /*Capitán América*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_3.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.super_heroes_4 { /*Hombre araña*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_4.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.super_heroes_5 { /*Thundercats*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_5.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.super_heroes_6 { /*Dragón Ball*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_6.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.super_heroes_7 { /*Logo de Marvel*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_7.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.super_heroes_8 { /*Logo de Marvel*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_7.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.super_heroes_9 { /*Logo de Marvel*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_7.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.super_heroes_10 { /*Logo de DC*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_8.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.super_heroes_11 { /*Logo de DC*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_8.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.super_heroes_12 { /*Logo de DC*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_8.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.super_heroes_13 { /*Logo de Liga de la Justicia*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_9.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.super_heroes_14 { /*Logo de Vengadores*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_10.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.super_heroes_15 { /*Logo de Vengadores*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_10.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.super_heroes_16 { /*Logo de Flash*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_11.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.super_heroes_17 { /*Logo de Hulk*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_12.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.super_heroes_18 { /*Logo de Iron man*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_13.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.super_heroes_19 { /*Logo de Linterna verde*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_14.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.super_heroes_20 { /*Logo de Mujer maravilla*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_15.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4-4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.super_heroes_21 { /*Logo de Thor*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_16.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.super_heroes_22 { /*Logo de Transformers*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_17.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1-1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.super_heroes_23 { /*Logo de X-Men*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_18.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.super_heroes_24 { /*Harley Quinn*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_19.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.super_heroes_25 { /*Harley Quinn*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_19.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.super_heroes_26 { /*Harley Quinn*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_19.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.super_heroes_27 { /*Harley Quinn*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_19.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.super_heroes_28 { /*Harley Quinn*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_19.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.super_heroes_29 { /*Harley Quinn*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_19.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

.super_heroes_30 { /*Jojer*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_20.png);
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.super_heroes_31 { /*Jojer*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_20.png);
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.super_heroes_32 { /*Jojer*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_20.png);
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.super_heroes_33 { /*Jojer*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_20.png);
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.super_heroes_34 { /*Jojer*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_20.png);
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.super_heroes_35 { /*Jojer*/
	background-image:url(../imagenes/iconos_y_fuentes/super_heroes/super_heroes_20.png);
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Para animar elementos correctamente en mozilla y en internet explorer*/

	.super_heroes_1, .super_heroes_2, .super_heroes_3, .super_heroes_4, .super_heroes_5,
	.super_heroes_6, .super_heroes_7, .super_heroes_8, .super_heroes_9, .super_heroes_10,
	.super_heroes_11, .super_heroes_12, .super_heroes_13, .super_heroes_14, .super_heroes_15,
	.super_heroes_16, .super_heroes_17, .super_heroes_18, .super_heroes_19, .super_heroes_20,
	.super_heroes_21, .super_heroes_22, .super_heroes_23, .super_heroes_24, .super_heroes_25, 
	.super_heroes_26, .super_heroes_27, .super_heroes_28, .super_heroes_29, .super_heroes_30,
	.super_heroes_31, .super_heroes_32, .super_heroes_33, .super_heroes_34, .super_heroes_35 {
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	}

/*Animaciones de Mapa Web*/



.mapa_web_1 {
	background-image:url(../imagenes/iconos_y_fuentes/mapa_web/mapa_web_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.mapa_web_2 {
	background-image:url(../imagenes/iconos_y_fuentes/mapa_web/mapa_web_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.mapa_web_3 {
	background-image:url(../imagenes/iconos_y_fuentes/mapa_web/mapa_web_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.mapa_web_4 {
	background-image:url(../imagenes/iconos_y_fuentes/mapa_web/mapa_web_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.mapa_web_5 {
	background-image:url(../imagenes/iconos_y_fuentes/mapa_web/mapa_web_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.mapa_web_6 {
	background-image:url(../imagenes/iconos_y_fuentes/mapa_web/mapa_web_6.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Animaciones de Universidades*/

.universidades_1 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_1.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.universidades_2 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_2.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.universidades_3 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_3.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.universidades_4 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_4.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.universidades_5 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_5.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.universidades_6 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_6.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}


.universidades_7 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_10.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.universidades_8 {
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_11.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.universidades_9 { /*Logo Cecilio Acosta*/
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_12.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.universidades_10 { /*Logo UNERS*/
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_7.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}


.universidades_11 { /*Logo Universidad Militar*/
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_8.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.universidades_12 { /*Logo UBV*/
	background-image:url(../imagenes/iconos_y_fuentes/universidades/universidades_9.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:16%;
	height:60px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}


/*Animaciones de flechas*/

.flechasanimadas {
	width:30%;
	float:right;
	margin-right:15%;
	margin-top:-15px;
	-ms-transform:translateY(-35px);
}

.flecha1 {
	background-image:url(../imagenes/precargas/flecha.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro1 3s linear 1s infinite normal both;
	-webkit-animation: cuadro1 3s linear 1s infinite normal both;
	-moz-animation: cuadro1 3s linear 1s infinite normal both;
	-ms-animation: cuadro1 3s linear 1s infinite normal both;
	-o-animation: cuadro1 3s linear 1s infinite normal both;
}

.flecha2 {
	background-image:url(../imagenes/precargas/flecha.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro2 3s linear 1s infinite normal both;
	-webkit-animation: cuadro2 3s linear 1s infinite normal both;
	-moz-animation: cuadro2 3s linear 1s infinite normal both;
	-ms-animation: cuadro2 3s linear 1s infinite normal both;
	-o-animation: cuadro2 3s linear 1s infinite normal both;
}

.flecha3 {
	background-image:url(../imagenes/precargas/flecha.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro3 3s linear 1s infinite normal both;
	-webkit-animation: cuadro3 3s linear 1s infinite normal both;
	-moz-animation: cuadro3 3s linear 1s infinite normal both;
	-ms-animation: cuadro3 3s linear 1s infinite normal both;
	-o-animation: cuadro3 3s linear 1s infinite normal both;
}

.flecha4 {
	background-image:url(../imagenes/precargas/flecha.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro4 3s linear 1s infinite normal both;
	-webkit-animation: cuadro4 3s linear 1s infinite normal both;
	-moz-animation: cuadro4 3s linear 1s infinite normal both;
	-ms-animation: cuadro4 3s linear 1s infinite normal both;
	-o-animation: cuadro4 3s linear 1s infinite normal both;
}

.flecha5 {
	background-image:url(../imagenes/precargas/flecha.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro5 3s linear 1s infinite normal both;
	-webkit-animation: cuadro5 3s linear 1s infinite normal both;
	-moz-animation: cuadro5 3s linear 1s infinite normal both;
	-ms-animation: cuadro5 3s linear 1s infinite normal both;
	-o-animation: cuadro5 3s linear 1s infinite normal both;
}

.flecha6 {
	background-image:url(../imagenes/precargas/flecha.png);
	background-size:100%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center;
	width:35px;
	height:35px;
	animation: cuadro6 3s linear 1s infinite normal both;
	-webkit-animation: cuadro6 3s linear 1s infinite normal both;
	-moz-animation: cuadro6 3s linear 1s infinite normal both;
	-ms-animation: cuadro6 3s linear 1s infinite normal both;
	-o-animation: cuadro6 3s linear 1s infinite normal both;
}

/*Cierre de animaciones de flechas*/

.alarma {
	width:10%;
	float:right;
	margin-right:280px;
	margin-top:-15px;
	position: relative;
	}

.alarma-1 {
	background-image:url(../imagenes/precargas/alarma-1.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position: relative;
	width:40px;
	height:40px;
}


.alarma-2 {
	background-image:url(../imagenes/precargas/alarma-2.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position: absolute;
	width:40px;
	height:40px;
	animation: alarma-2 1s linear 0s infinite normal both;
	-webkit-animation: alarma-2 1s linear 0s infinite normal both;
	-moz-animation: alarma-2 1s linear 0s infinite normal both;
	-ms-animation: alarma-2 1s linear 0s infinite normal both;
	-o-animation: alarma-2 1s linear 0s infinite normal both;
}

@keyframes alarma-2 {
	0% {
		transform:rotate(0deg);}
		
	100% {
		transform:rotate(360deg);}
}

@-webkit-keyframes alarma-2 {
	0% {
		-webkit-transform:rotate(0deg);}
		
	100% {
		-webkit-transform:rotate(360deg);}
}

@-moz-keyframes alarma-2 {
	0% {
		-moz-transform:rotate(0deg);}
		
	100% {
		-moz-transform:rotate(360deg);}
}

@-ms-keyframes alarma-2 {
	0% {
		-ms-transform:rotate(0deg);}
		
	100% {
		-ms-transform:rotate(360deg);}
}

@-o-keyframes alarma-2 {
	0% {
		-o-transform:rotate(0deg);}
		
	100% {
		-o-transform:rotate(360deg);}
}


.alarma-3 {
	background-image:url(../imagenes/precargas/alarma-3.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position: absolute;
	width:40px;
	height:40px;
	animation: alarma-3 1s linear 0s infinite normal both;
	-webkit-animation: alarma-3 60s linear 0s infinite normal both;
	-moz-animation: alarma-3 60s linear 0s infinite normal both;
	-ms-animation: alarma-3 60s linear 0s infinite normal both;
	-o-animation: alarma-3 60s linear 0s infinite normal both;
}

@keyframes alarma-3 {
	0% {
		transform:rotate(0deg);}
		
	100% {
		transform:rotate(360deg);}
}

@-webkit-keyframes alarma-3 {
	0% {
		-webkit-transform:rotate(0deg);}
		
	100% {
		-webkit-transform:rotate(360deg);}
}

@-moz-keyframes alarma-3 {
	0% {
		-moz-transform:rotate(0deg);}
		
	100% {
		-moz-transform:rotate(360deg);}
}

@-ms-keyframes alarma-3 {
	0% {
		-ms-transform:rotate(0deg);}
		
	100% {
		-ms-transform:rotate(360deg);}
}

@-o-keyframes alarma-3 {
	0% {
		-o-transform:rotate(0deg);}
		
	100% {
		-o-transform:rotate(360deg);}
}

/* Animacion del mapa de tuscalcomanias */

.mapa_de_tuscalcomanias {
	width:70%;
	height:auto;
	position: relative;
	z-index:10;
	alignment-adjust:central;
	margin: 3% auto;
	padding:1%;
}

.mapa_1 {
	width:100%;
	position: relative;
	z-index:1;
	margin: 0% auto;
	margin-top: 0%;
	transition: all 1s;
	animation: anim_mapa_1 20s linear infinite normal;
	-webkit-animation: anim_mapa_1 20s linear infinite normal;
	-moz-animation: anim_mapa_1 20s linear infinite normal;
	-ms-animation: anim_mapa_1 20s linear infinite normal;
	-o-animation: anim_mapa_1 20s linear infinite normal;
	}

@keyframes anim_mapa_1 {
	0% {opacity:1;}
	
	12.4% {opacity:1;}
	
	12.5% {opacity:0;}
	
	100% {opacity:0;}
	
}

@-webkit-keyframes anim_mapa_1 {
	0% {opacity:1;}
	
	12.4% {opacity:1;}
	
	12.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_mapa_1 {
	0% {opacity:1;}
	
	12.4% {opacity:1;}
	
	12.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_mapa_1 {
	0% {opacity:1;}
	
	12.4% {opacity:1;}
	
	12.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_mapa_1 {
	0% {opacity:1;}
	
	12.4% {opacity:1;}
	
	12.5% {opacity:0;}
	
	100% {opacity:0;}
}

.mapa_2 {
	width:100%;
	position: relative;
	z-index:2;
	alignment-adjust:central;
	margin: 0% auto 0%;
	float:left;
	margin-top: -101%;
	transition: all 1s;
	animation: anim_mapa_2 20s linear infinite normal;
	-webkit-animation: anim_mapa_2 20s linear infinite normal;
	-moz-animation: anim_mapa_2 20s linear infinite normal;
	-ms-animation: anim_mapa_2 20s linear infinite normal;
	-o-animation: anim_mapa_2 20s linear infinite normal;
	}

@keyframes anim_mapa_2 {
	0% {opacity:0;}
	
	12.4% {opacity:0;}
	
	12.5% {opacity:1;}
	
	24.9% {opacity:1;}
	
	25.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_mapa_2 {
	0% {opacity:0;}
	
	12.4% {opacity:0;}
	
	12.5% {opacity:1;}
	
	24.9% {opacity:1;}
	
	25.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_mapa_2 {
	0% {opacity:0;}
	
	12.4% {opacity:0;}
	
	12.5% {opacity:1;}
	
	24.9% {opacity:1;}
	
	25.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_mapa_2 {
	0% {opacity:0;}
	
	12.4% {opacity:0;}
	
	12.5% {opacity:1;}
	
	24.9% {opacity:1;}
	
	25.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_mapa_2 {
	0% {opacity:0;}
	
	12.4% {opacity:0;}
	
	12.5% {opacity:1;}
	
	24.9% {opacity:1;}
	
	25.0% {opacity:0;}
	
	100% {opacity:0;}
}

.mapa_3 {
	width:100%;
	position: relative;
	z-index:3;
	alignment-adjust:central;
	margin: 0% 10% 0% 0%;
	float:left;
	margin-top: -101%;
	animation: anim_mapa_3 20s linear infinite normal;
	-webkit-animation: anim_mapa_3 20s linear infinite normal;
	-moz-animation: anim_mapa_3 20s linear infinite normal;
	-ms-animation: anim_mapa_3 20s linear infinite normal;
	-o-animation: anim_mapa_3 20s linear infinite normal;
	}

@keyframes anim_mapa_3 {
	0% {opacity:0;}
	
	24.9% {opacity:0;}
	
	25.0% {opacity:1;}
	
	37.4% {opacity:1;}
	
	37.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_mapa_3 {
	0% {opacity:0;}
	
	24.9% {opacity:0;}
	
	25.0% {opacity:1;}
	
	37.4% {opacity:1;}
	
	37.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_mapa_3 {
	0% {opacity:0;}
	
	24.9% {opacity:0;}
	
	25.0% {opacity:1;}
	
	37.4% {opacity:1;}
	
	37.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_mapa_3 {
	0% {opacity:0;}
	
	24.9% {opacity:0;}
	
	25.0% {opacity:1;}
	
	37.4% {opacity:1;}
	
	37.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_mapa_3 {
	0% {opacity:0;}
	
	24.9% {opacity:0;}
	
	25.0% {opacity:1;}
	
	37.4% {opacity:1;}
	
	37.5% {opacity:0;}
	
	100% {opacity:0;}
}

.mapa_4 {
	width:100%;
	position: relative;
	z-index:4;
	alignment-adjust:central;
	margin: 0% 10% 0% 0%;
	float:left;
	margin-top: -101%;
	animation: anim_mapa_4 20s linear infinite normal;
	-webkit-animation: anim_mapa_4 20s linear infinite normal;
	-moz-animation: anim_mapa_4 20s linear infinite normal;
	-ms-animation: anim_mapa_4 20s linear infinite normal;
	-o-animation: anim_mapa_4 20s linear infinite normal;
	}

@keyframes anim_mapa_4 {
	0% {opacity:0;}
	
	37.4% {opacity:0;}
	
	37.5% {opacity:1;}
	
	49.9% {opacity:1;}
	
	50.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_mapa_4 {
	0% {opacity:0;}
	
	37.4% {opacity:0;}
	
	37.5% {opacity:1;}
	
	49.9% {opacity:1;}
	
	50.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_mapa_4 {
	0% {opacity:0;}
	
	37.4% {opacity:0;}
	
	37.5% {opacity:1;}
	
	49.9% {opacity:1;}
	
	50.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_mapa_4 {
	0% {opacity:0;}
	
	37.4% {opacity:0;}
	
	37.5% {opacity:1;}
	
	49.9% {opacity:1;}
	
	50.0% {opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_mapa_4 {
	0% {opacity:0;}
	
	37.4% {opacity:0;}
	
	37.5% {opacity:1;}
	
	49.9% {opacity:1;}
	
	50.0% {opacity:0;}
	
	100% {opacity:0;}
}

.mapa_5 {
	width:100%;
	position: relative;
	z-index:5;
	alignment-adjust:central;
	margin: 0% 10% 0% 0%;
	float:left;
	margin-top: -101%;
	animation: anim_mapa_5 20s linear infinite normal;
	-webkit-animation: anim_mapa_5 20s linear infinite normal;
	-moz-animation: anim_mapa_5 20s linear infinite normal;
	-ms-animation: anim_mapa_5 20s linear infinite normal;
	-o-animation: anim_mapa_5 20s linear infinite normal;
	}

@keyframes anim_mapa_5 {
	0% {opacity:0;}
	
	49.9% {opacity:0;}
	
	50.0% {opacity:1;}
	
	62.4% {opacity:1;}
	
	62.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_mapa_5 {
	0% {opacity:0;}
	
	49.9% {opacity:0;}
	
	50.0% {opacity:1;}
	
	62.4% {opacity:1;}
	
	62.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_mapa_5 {
	0% {opacity:0;}
	
	49.9% {opacity:0;}
	
	50.0% {opacity:1;}
	
	62.4% {opacity:1;}
	
	62.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_mapa_5 {
	0% {opacity:0;}
	
	49.9% {opacity:0;}
	
	50.0% {opacity:1;}
	
	62.4% {opacity:1;}
	
	62.5% {opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_mapa_5 {
	0% {opacity:0;}
	
	49.9% {opacity:0;}
	
	50.0% {opacity:1;}
	
	62.4% {opacity:1;}
	
	62.5% {opacity:0;}
	
	100% {opacity:0;}
}

.mapa_6 {
	width:100%;
	position: relative;
	z-index:6;
	alignment-adjust:central;
	margin: 0% 10% 0% 0%;
	float:left;
	margin-top: -101%;
	animation: anim_mapa_6 20s linear infinite normal;
	-webkit-animation: anim_mapa_6 20s linear infinite normal;
	-moz-animation: anim_mapa_6 20s linear infinite normal;
	-ms-animation: anim_mapa_6 20s linear infinite normal;
	-o-animation: anim_mapa_6 20s linear infinite normal;
	}

@keyframes anim_mapa_6 {
	0% {opacity:0;}
	
	62.4% {opacity:0;}
	
	62.5% {opacity:1;}
	
	75.0% {opacity:1;}
	
	100% {opacity:1;}
}

@-webkit-keyframes anim_mapa_6 {
	0% {opacity:0;}
	
	62.4% {opacity:0;}
	
	62.5% {opacity:1;}
	
	75.0% {opacity:1;}
	
	100% {opacity:1;}
}

@-moz-keyframes anim_mapa_6 {
	0% {opacity:0;}
	
	62.4% {opacity:0;}
	
	62.5% {opacity:1;}
	
	75.0% {opacity:1;}
	
	100% {opacity:1;}
}

@-o-keyframes anim_mapa_6 {
	0% {opacity:0;}
	
	62.4% {opacity:0;}
	
	62.5% {opacity:1;}
	
	75.0% {opacity:1;}
	
	100% {opacity:1;}
}

@-ms-keyframes anim_mapa_6 {
	0% {opacity:0;}
	
	62.4% {opacity:0;}
	
	62.5% {opacity:1;}
	
	75.0% {opacity:1;}
	
	100% {opacity:1;}
}

.mapa_7 {
	width:100%;
	position: relative;
	z-index:7;
	alignment-adjust:central;
	margin: 0% 10% 0% 0%;
	float:left;
	margin-top: -101%;
	animation: anim_mapa_7 20s linear infinite normal;
	-webkit-animation: anim_mapa_7 20s linear infinite normal;
	-moz-animation: anim_mapa_7 20s linear infinite normal;
	-ms-animation: anim_mapa_7 20s linear infinite normal;
	-o-animation: anim_mapa_7 20s linear infinite normal;
	}

@keyframes anim_mapa_7 {
	0% {opacity:0;}
	
	70.0% {opacity:0;}
	
	75.0% {opacity:1;}
	
	87.4% {opacity:1;}
	
	100% {opacity:1;}
}

@-webkit-keyframes anim_mapa_7 {
	0% {opacity:0;}
	
	70.0% {opacity:0;}
	
	75.0% {opacity:1;}
	
	87.4% {opacity:1;}
	
	100% {opacity:1;}
}

@-moz-keyframes anim_mapa_7 {
	0% {opacity:0;}
	
	70.0% {opacity:0;}
	
	75.0% {opacity:1;}
	
	87.4% {opacity:1;}
	
	100% {opacity:1;}
}

@-o-keyframes anim_mapa_7 {
	0% {opacity:0;}
	
	70.0% {opacity:0;}
	
	75.0% {opacity:1;}
	
	87.4% {opacity:1;}
	
	100% {opacity:1;}
}

@-ms-keyframes anim_mapa_7 {
	0% {opacity:0;}
	
	70.0% {opacity:0;}
	
	75.0% {opacity:1;}
	
	87.4% {opacity:1;}
	
	100% {opacity:1;}
}
/*Cierre de animaciones de mapas*/

.senal-construccion {
	width:50%;
	left:25%;
	margin:1%;
	position:relative;
}