@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:98%;
		height:100%;
		/*background-color:#FC3;*/
	    /*Naranja*/
		margin-left:1%;
		padding: 0% -15%;
}

#cabecero {
	margin: 0%;
	padding: 0px;
	alignment-adjust: central;
	position: relative;
	/*height: 140px;*/
	height:auto;
	width:100%;
	overflow:hidden;
}

.reflejo {
position:relative;
float:left;
z-index:3;
alignment-adjust:central;
width:15%;
margin: 0% 0% 0% 0%;
-webkit-animation-name: animacion_reflejo;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: animacion_reflejo;
-moz-animation-duration:4s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name:animacion_reflejo;
-ms-animation-duration:20s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: animacion_reflejo;
-o-animation-duration:4s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:animacion_reflejo;
animation-duration:4s;
animation-iteration-count:infinite;
animation-direction:normal;
animation-timing-function:linear;
}

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

@keyframes animacion_reflejo {
	0% {left:-80px; opacity:1;}
	
	50% {opacity:1;}
	
	100% {left:1024px; opacity:1;}
}

@-webkit-keyframes animacion_reflejo {
	0% {left:-80px;
	opacity:1;}
	
	50% {opacity:1;}
	
	100% {
		left:1024px; opacity:1}
}

@-moz-keyframes animacion_reflejo {
	0% {
		left:-80px; opacity:1;}
	
	50% {opacity:1;}
	
	100% {left:1024px; opacity:1;}
	}

@-ms-keyframes animacion_reflejo {
	0% {left:-80px;
	opacity:1;}
	
	50% {opacity:1;}
	
	100% {left:1024px; 
		opacity:1;}
}

@-o-keyframes animacion_reflejo {
	0% {left:-80px;
	opacity:1;}
	
	50% {opacity:1;}
	
	100% {left:1024px; opacity:1}
}


#mensajemov {
	margin: 0% 0px 3% 0%;
	padding: 0px 0px;
	position: relative;
	height: 30px;
	/*height:auto;*/
	width:100%;
}

#menu {alignment-adjust:central;
width:90%;
background-color:#0C6;
margin: 0% 0%;
margin-left:13%;
clear:both;
}

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

nav ul li {
	margin: 0px -6px;
	padding: 1% 1% 0px 0px;
	width: 12%;
	font-family:Verdana, Geneva, sans-serif;
	list-style:none;
	float:left;
	border-right:1px;
	border-right:solid;
	border-right-color:#333;
	text-align:center;
	alignment-adjust: central;
}

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

li {width:55%;
alignment-adjust:central;
	height:30px;
	text-align:center;
	margin:2px 0px;
	padding:2px 0px 0px 0px;
	border-radius:5px;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, 			#666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* 	Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}

nav ul li:first-child{
	margin: 0px -1% 0px 0%;
	alignment-adjust:central;
}

nav ul li a:hover{color:#999;
}


h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	clear:both;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
}

p {font-family:Verdana, Geneva, sans-serif;
	margin: 2px 2px; 
	text-align:justify;
	font-size: 1em; 
	text-indent:1em; 
	line-height:1.6;
	width:auto;
}


/*Fuentes para contacto*/

span.icon-user, span.icon-phone, span.icon-mail2, span.icon-coin-dollar {
	font-size:1.2em;
	margin:0% 2% 0% 2%;
	color:#F00;
}


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

article {width:95%;
margin: 20px 0px 0px 0px;
/*background-color:#9F6;*/
}

#cont1 {
	position: relative;
	width:70%;
	alignment-adjust:center;
	margin: 1% 0% 0% 0%;
	margin-left:0;
	padding: 0% 0% 0% 0%;
	float:right;
	border-color:#000;
	border-style: dashed;
}

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

#cont2 {
	position:relative;
	width: 70%;
	margin:0% 0% 0% 0%;
	padding: 0% 0%;
	alignment-adjust:central;
	float:right;
	border-color:#000;
	border-style: solid;
    /*background-color:#093;*/
}

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

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



#cont3 {
	position:relative;
	width: 100%;
	margin:2% 0% 2% 0%;
	padding: 0% 0%;
	alignment-adjust:central;
	float:right;
	clear:both;
}

#cont4_galeria {
	position:relative;
	width: 95%;
	margin:0% 0% 2% 0%;;
	padding: 3% 0 0 0%;
	alignment-adjust:central;
	clear:both;
	bottom:-5%;
	left:3%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
}

/* Para la pagina de inicio*/

.boton_inicio {
	background-color: #02206F;
	border-radius:20px;
	border-color:#333;
	width:90%;
	height:30px;
	margin:0% 0% 0% 4%;
	padding:2% 1% 1% -2%;
	text-align:center;
	transition:all 300ms ease-in-out;
}

.boton_inicio:hover {
	background-color: #F90;
	border-radius:20px;
	border-color:#333;
	width:90%;
	height:30px;
	margin:0% 0% 0% 4%;
	padding:2% 1% 2% -2%;
	text-align:center;
}

.boton_inicio a {
	text-decoration:none;
}

#texto_enlace_blanco {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	text-align:center;
	margin: 1% 5% 0% 0%;
	padding:2% 0% 0% 2%;
	text-decoration:none;
}

#texto_enlace_blanco:hover {
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	text-align:center;
	margin: 1% 5% 0% 0%;
	padding:2% 0% 0% 2%;
	text-decoration:underline;
}

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

.marco_inicio_paquetes {
	width:23%;
	background-color:#CCC;
	border-radius:20px;
	border-style:dashed;
	margin:1%;
	float:left;
	box-shadow:#666;
	padding:1% 0%;
}

.marco_inicio_productos {
	width:23%;
	background-color:#CCC;
	border-radius:20px;
	border-style:dashed;
	margin:1%;
	float:left;
	box-shadow:#666;
	padding:1% 0%;
}

.marco_inicio_paquetes h3 {
	text-align:center;
	font-size: 0.8em;
	color: #C00;
	margin-top:1%;
}

.marco_inicio_productos h3 {
	text-align:center;
	font-size: 0.8em;
	color: #C00;
	margin-top:1%;
}

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

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

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

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

.barra_blanca {
	width:95%;
}

/* Cierre de la pagina de inicio*/

/*Animacion de paquetes*/

#anim1 { /*Fondo*/
	width:100%;
	position:relative;
	position:absolute;
}
	
#anim2 { /*Paquetes de graduacion*/
	width:100%;
	position:absolute;
	z-index:3;
	overflow:hidden;
	top:0;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name: anim2;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim2;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim2;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim2;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name: anim2;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@-webkit-keyframes anim2 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	8% {left:0px;
	opacity:1;}
	
	10% {opacity:0;
	left:0px;}
	
	100% {
		left:0px; opacity:0}
}

@-moz-keyframes anim2 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	8% {left:0px;
	opacity:1;}
	
	10% {opacity:0;
	left:0px;}
	
	100% {
		left:0px; opacity:0}
}

@-ms-keyframes anim2 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	8% {left:0px;
	opacity:1;}
	
	10% {opacity:0;
	left:0px;}
	
	100% {
		left:0px; opacity:0}
}

@-o-keyframes anim2 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	8% {left:0px;
	opacity:1;}
	
	10% {opacity:0;
	left:0px;}
	
	100% {
		left:0px; opacity:0}
}

@keyframes anim2 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	8% {left:0px;
	opacity:1;}
	
	10% {opacity:0;
	left:0px;}
	
	100% {
		left:0px; opacity:0}
}

#anim3 { /*Fotografías*/
	width:100%;
	position:absolute;
	z-index:3;
	float:inherit;
	top:0;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name:anim3;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim3;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim3;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim3;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim3;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim3 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;
	}
	
	10% {opacity:0;
	width:100%;}
	
	13% {opacity:1;
	width:100%;}
	
	15% {width:100%;
	opacity:1;}
	
	18% {width:100%;
	opacity:1;}
	
	20% {opacity:0;
	width:100%;}
	
	50% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;
		}
}

@-webkit-keyframes anim3 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;
	}
	
	10% {opacity:0;
	width:100%;}
	
	13% {opacity:1;
	width:100%;}
	
	15% {width:100%;
	opacity:1;}
	
	18% {width:100%;
	opacity:1;}
	
	20% {opacity:0;
	width:100%;}
	
	50% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-moz-keyframes anim3 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	10% {opacity:0;
	width:100%;}
	
	13% {opacity:1;
	width:100%;}
	
	15% {width:100%;
	opacity:1;}
	
	18% {width:100%;
	opacity:1;}
	
	20% {opacity:0;
	width:100%;}
	
	50% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-ms-keyframes anim3 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	10% {opacity:0;
	width:100%;}
	
	13% {opacity:1;
	width:100%;}
	
	15% {width:100%;
	opacity:1;}
	
	18% {width:100%;
	opacity:1;}
	
	20% {opacity:0;
	width:100%;}
	
	50% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-o-keyframes anim3 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	10% {opacity:0;
	width:100%;}
	
	13% {opacity:1;
	width:100%;}
	
	15% {width:100%;
	opacity:1;}
	
	18% {width:100%;
	opacity:1;}
	
	20% {opacity:0;
	width:100%;}
	
	50% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

#anim4 { /*Albums*/
	width:100%;
	position:absolute;
	z-index:3;
	float:inherit;
	top:0;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name:anim4;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim4;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim4;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim4;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim4;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim4 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;
	}
	
	20% {opacity:0;
	width:100%;}
	
	23% {opacity:1;
	width:100%;}
	
	25% {width:100%;
	opacity:1;}
	
	28% {width:100%;
	opacity:1;}
	
	30% {opacity:0;
	width:100%;}
	
	60% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;
		}
}

@-webkit-keyframes anim4 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;
	}
	
	20% {opacity:0;
	width:100%;}
	
	23% {opacity:1;
	width:100%;}
	
	25% {width:100%;
	opacity:1;}
	
	28% {width:100%;
	opacity:1;}
	
	30% {opacity:0;
	width:100%;}
	
	60% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;
		}
}

@-moz-keyframes anim4 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	20% {opacity:0;
	width:100%;}
	
	23% {opacity:1;
	width:100%;}
	
	25% {width:100%;
	opacity:1;}
	
	28% {width:100%;
	opacity:1;}
	
	30% {opacity:0;
	width:100%;}
	
	60% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-ms-keyframes anim4 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	20% {opacity:0;
	width:100%;}
	
	23% {opacity:1;
	width:100%;}
	
	25% {width:100%;
	opacity:1;}
	
	28% {width:100%;
	opacity:1;}
	
	30% {opacity:0;
	width:100%;}
	
	60% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-o-keyframes anim4 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	20% {opacity:0;
	width:100%;}
	
	23% {opacity:1;
	width:100%;}
	
	25% {width:100%;
	opacity:1;}
	
	28% {width:100%;
	opacity:1;}
	
	30% {opacity:0;
	width:100%;}
	
	60% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

#anim5 { /*Portatitulos*/
	width:100%;
	position:absolute;
	z-index:3;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name:anim5;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim5;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim5;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim5;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim5;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim5 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;
	}
	
	30% {opacity:0;
	width:100%;}
	
	33% {opacity:1;
	width:100%;}
	
	35% {width:100%;
	opacity:1;}
	
	38% {width:100%;
	opacity:1;}
	
	40% {opacity:0;
	width:100%;}
	
	70% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;
		}
}

@-webkit-keyframes anim5 { 
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;
	}
	
	30% {opacity:0;
	width:100%;}
	
	33% {opacity:1;
	width:100%;}
	
	35% {width:100%;
	opacity:1;}
	
	38% {width:100%;
	opacity:1;}
	
	40% {opacity:0;
	width:100%;}
	
	70% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;
		}
}

@-moz-keyframes anim5 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	30% {opacity:0;
	width:100%;}
	
	33% {opacity:1;
	width:100%;}
	
	35% {width:100%;
	opacity:1;}
	
	38% {width:100%;
	opacity:1;}
	
	40% {opacity:0;
	width:100%;}
	
	70% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-ms-keyframes anim5 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	30% {opacity:0;
	width:100%;}
	
	33% {opacity:1;
	width:100%;}
	
	35% {width:100%;
	opacity:1;}
	
	38% {width:100%;
	opacity:1;}
	
	40% {opacity:0;
	width:100%;}
	
	70% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-o-keyframes anim5 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	30% {opacity:0;
	width:100%;}
	
	33% {opacity:1;
	width:100%;}
	
	35% {width:100%;
	opacity:1;}
	
	38% {width:100%;
	opacity:1;}
	
	40% {opacity:0;
	width:100%;}
	
	70% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

#anim6 { /*Medallas*/
	width:100%;
	position:absolute;
	z-index:3;
	float:inherit;
	top:0;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name:anim6;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim6;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim6;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim6;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim6;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	40% {opacity:0;
	width:100%;}
	
	43% {opacity:1;
	width:100%;}
	
	45% {width:100%;
	opacity:1;}
	
	48% {width:100%;
	opacity:1;}
	
	50% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-webkit-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	40% {opacity:0;
	width:100%;}
	
	43% {opacity:1;
	width:100%;}
	
	45% {width:100%;
	opacity:1;}
	
	48% {width:100%;
	opacity:1;}
	
	50% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-moz-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	40% {opacity:0;
	width:100%;}
	
	43% {opacity:1;
	width:100%;}
	
	45% {width:100%;
	opacity:1;}
	
	48% {width:100%;
	opacity:1;}
	
	50% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-ms-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	40% {opacity:0;
	width:100%;}
	
	43% {opacity:1;
	width:100%;}
	
	45% {width:100%;
	opacity:1;}
	
	48% {width:100%;
	opacity:1;}
	
	50% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-o-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	40% {opacity:0;
	width:100%;}
	
	43% {opacity:1;
	width:100%;}
	
	45% {width:100%;
	opacity:1;}
	
	48% {width:100%;
	opacity:1;}
	
	50% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

#anim7 { /*Estolas*/
	width:100%;
	top:0;
	position:absolute;
	z-index:3;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name:anim7;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim7;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim7;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim7;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim7;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim7 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	50% {opacity:0;
	width:100%;}
	
	53% {opacity:1;
	width:100%;}
	
	55% {width:100%;
	opacity:1;}
	
	58% {width:100%;
	opacity:1;}
	
	60% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-webkit-keyframes anim7 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	50% {opacity:0;
	width:100%;}
	
	53% {opacity:1;
	width:100%;}
	
	55% {width:100%;
	opacity:1;}
	
	58% {width:100%;
	opacity:1;}
	
	60% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-moz-keyframes anim7 {
	0% { width:0%;
	opacity:0;
	left:27px;
	top:0;}
	
	50% {opacity:0;
	width:100%;}
	
	53% {opacity:1;
	width:100%;}
	
	55% {width:100%;
	opacity:1;}
	
	58% {width:100%;
	opacity:1;}
	
	60% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-ms-keyframes anim7 {
	0% { width:0%;
	opacity:0;
	left:27px;
	top:0;}
	
	50% {opacity:0;
	width:100%;}
	
	53% {opacity:1;
	width:100%;}
	
	55% {width:100%;
	opacity:1;}
	
	58% {width:100%;
	opacity:1;}
	
	60% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-o-keyframes anim7 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	50% {opacity:0;
	width:100%;}
	
	53% {opacity:1;
	width:100%;}
	
	55% {width:100%;
	opacity:1;}
	
	58% {width:100%;
	opacity:1;}
	
	60% {opacity:0;
	width:100%;}
	
	90% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

#anim8 { /*Diplomas y reconocimientos*/
	width:100%;
	top:0;
	position:absolute;
	z-index:3;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name:anim8;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim8;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim8;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim8;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim8;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim8 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	60% {opacity:0;
	width:100%;}
	
	63% {opacity:1;
	width:100%;}
	
	65% {width:100%;
	opacity:1;}
	
	68% {width:100%;
	opacity:1;}
	
	70% {opacity:0;
	width:100%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-webkit-keyframes anim8 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	60% {opacity:0;
	width:100%;}
	
	63% {opacity:1;
	width:100%;}
	
	65% {width:100%;
	opacity:1;}
	
	68% {width:100%;
	opacity:1;}
	
	70% {opacity:0;
	width:100%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-moz-keyframes anim8 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	60% {opacity:0;
	width:100%;}
	
	63% {opacity:1;
	width:100%;}
	
	65% {width:100%;
	opacity:1;}
	
	68% {width:100%;
	opacity:1;}
	
	70% {opacity:0;
	width:100%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-ms-keyframes anim8 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	60% {opacity:0;
	width:100%;}
	
	63% {opacity:1;
	width:100%;}
	
	65% {width:100%;
	opacity:1;}
	
	68% {width:100%;
	opacity:1;}
	
	70% {opacity:0;
	width:100%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-o-keyframes anim8 {
	0% { width:0%;
	opacity:0;
	left:25px;
	top:0;}
	
	60% {opacity:0;
	width:100%;}
	
	63% {opacity:1;
	width:100%;}
	
	65% {width:100%;
	opacity:1;}
	
	68% {width:100%;
	opacity:1;}
	
	70% {opacity:0;
	width:100%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

#anim9 { /*Y mucho mas*/
	width:100%;
	top:0;
	position:absolute;
	z-index:3;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name:anim9;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim9;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim9;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim9;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim9;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim9 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	70% {opacity:0;
	width:100%;
	left:0px;}
	
	72% {opacity:0;;
	left:-5px;}
	
	75% {width:100%;
	opacity:1;
	left:0px;}
	
	78% {width:100%;
	opacity:1;
	left:0px;}
	
	80% {width:100%;
	opacity:0;
	left:0px;}
		

	100% {width:100%;
		opacity:0;
		left:0px;}
}

@-webkit-keyframes anim9 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	70% {opacity:0;
	width:100%;
	left:0px;}
	
	72% {opacity:0;;
	left:-5px;}
	
	75% {width:100%;
	opacity:1;
	left:0px;}
	
	78% {width:100%;
	opacity:1;
	left:0px;}
	
	80% {width:100%;
	opacity:0;
	left:0px;}
		

	100% {width:100%;
		opacity:0;
		left:0px;}
}

@-moz-keyframes anim9 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	70% {opacity:0;
	width:100%;
	left:0px;}
	
	72% {opacity:0;;
	left:-5px;}
	
	75% {width:100%;
	opacity:1;
	left:0px;}
	
	78% {width:100%;
	opacity:1;
	left:0px;}
	
	80% {width:100%;
	opacity:0;
	left:0px;}
		

	100% {width:100%;
		opacity:0;
		left:0px;}
}

@-ms-keyframes anim9 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	70% {opacity:0;
	width:100%;
	left:0px;}
	
	72% {opacity:0;;
	left:-5px;}
	
	75% {width:100%;
	opacity:1;
	left:0px;}
	
	78% {width:100%;
	opacity:1;
	left:0px;}
	
	80% {width:100%;
	opacity:0;
	left:0px;}
		

	100% {width:100%;
		opacity:0;
		left:0px;}
}

@-o-keyframes anim9 {
	0% { width:0%;
	opacity:0;
	left:0px;
	top:0;}
	
	70% {opacity:0;
	width:100%;
	left:0px;}
	
	72% {opacity:0;;
	left:-5px;}
	
	75% {width:100%;
	opacity:1;
	left:0px;}
	
	78% {width:100%;
	opacity:1;
	left:0px;}
	
	80% {width:100%;
	opacity:0;
	left:0px;}
		

	100% {width:100%;
		opacity:0;
		left:0px;}
}

#anim10 { /*Tu graduación*/
	width:100%;
	top:0;
	position:absolute;
	z-index:3;
	float:inherit;
alignment-adjust:central;
margin: 0% 0% 0% 0%;
-webkit-animation-name:anim10;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim10;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim10;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim10;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim10;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim10 {
	
	0% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	82% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	85% {
	opacity:1;
	top:0px;}
	
	95% {
	opacity:1;
	top:0px;}

	
	100% {
		opacity:0;
		top:0px;}
}

@-webkit-keyframes anim10 {
	0% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	82% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	85% {
	opacity:1;
	top:0px;}
	
	95% {
	opacity:1;
	top:0px;}

	100% {
		opacity:0;
		top:0px;}
}

@-moz-keyframes anim10 {
	0% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	82% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	85% {
	opacity:1;
	top:0px;}
	
	95% {
	opacity:1;
	top:0px;}

	100% {
		opacity:0;
		top:0px;}
}

@-ms-keyframes anim10 {
	0% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	82% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	85% {
	opacity:1;
	top:0px;}
	
	95% {
	opacity:1;
	top:0px;}

	
	100% {
		opacity:0;
		top:0px;}
}

@-o-keyframes anim10 {
	
	0% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	82% {opacity:0;
	top:-15px;
	width:100%;
	}
	
	85% {
	opacity:1;
	top:0px;}
	
	95% {
	opacity:1;
	top:0px;}

	
	100% {
		opacity:0;
		top:0px;}
}

#anim11 { /*Birrete*/
	width:100%;
	top:0;
	position:absolute;
	z-index:3;
	float:inherit;
alignment-adjust:central;
margin: 0% 0% 0% 2%;
-webkit-animation-name:anim11;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim11;
-moz-animation-duration:30s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim11;
-ms-animation-duration:30s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim11;
-o-animation-duration:30s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim11;
animation-duration:30s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim11 {
	0% { width:100%;
	opacity:0;
	top:15px;}
	
	80% {opacity:0;
	top:15px;}
	
	82% {opacity:0;
	top:15px;}
	
	85% {
	opacity:1;
	top:0px;}
	
	90% {opacity:1;
	top:0px;}
	
	95% {opacity:1;
	top:0px;}
	
	100% {opacity:0;
	width:100%;
	top:0px;}
	
}

@-webkit-keyframes anim11 {
	0% { width:100%;
	opacity:0;
	top:15px;}
	
	80% {opacity:0;
	top:15px;}
	
	82% {opacity:0;
	top:15px;}
	
	85% {
	opacity:1;
	top:0px;}
	
	90% {opacity:1;
	top:0px;}
	
	95% {opacity:1;
	top:0px;}
	
	100% {opacity:0;
	width:100%;
	top:0px;}
}

@-moz-keyframes anim11 {
	0% { width:100%;
	opacity:0;
	top:15px;}
	
	80% {opacity:0;
	top:15px;}
	
	82% {opacity:0;
	top:15px;}
	
	85% {
	opacity:1;
	top:0px;}
	
	90% {opacity:1;
	top:0px;}
	
	95% {opacity:1;
	top:0px;}
	
	100% {opacity:0;
	width:100%;
	top:0px;}
}

@-ms-keyframes anim11 {
	0% { width:100%;
	opacity:0;
	top:15px;}
	
	80% {opacity:0;
	top:15px;}
	
	82% {opacity:0;
	top:15px;}
	
	85% {
	opacity:1;
	top:0px;}
	
	90% {opacity:1;
	top:0px;}
	
	95% {opacity:1;
	top:0px;}
	
	100% {opacity:0;
	width:100%;
	top:0px;}
}

@-o-keyframes anim11 {
	0% { width:100%;
	opacity:0;
	top:15px;}
	
	80% {opacity:0;
	top:15px;}
	
	82% {opacity:0;
	top:15px;}
	
	85% {
	opacity:1;
	top:0px;}
	
	90% {opacity:1;
	top:0px;}
	
	95% {opacity:1;
	top:0px;}
	
	100% {opacity:0;
	width:100%;
	top:0px;}
}

/*Cierre de Animacion de paquetes*/


    #animpaq {
	position: relative;
	margin: 1% 1% 0%;
	border:0px;
	width: 100%;
	height: 200px;
	float:left;
}

/*Animacion de redes sociales, mercadolibre, calendario, youtube*/

.anim_redes_sociales {
	position: relative;
	margin: 1% 1% 0%;
	border:0px;
	width: 100%;
	height: 200px;
	float:left;
	/*background-color: #CF0;*/
}

.fondo { /*Fondo*/
	width:100%;
	position: relative;
	}
	
#anim_redes_sociales_1 { /*Comparte con nosotros...*/
	width:100%;
	position:absolute;
	z-index:3;
	overflow:hidden;
	top:0;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name: anim_redes_sociales_1;
-webkit-animation-duration:20s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim_redes_sociales_1;
-moz-animation-duration:20s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim_redes_sociales_1;
-ms-animation-duration:20s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim_redes_sociales_1;
-o-animation-duration:20s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name: anim_redes_sociales_1;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim_redes_sociales_1 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	18% {left:0px;
	opacity:1;}
	
	20% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-webkit-keyframes anim_redes_sociales_1 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	18% {left:0px;
	opacity:1;}
	
	20% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-moz-keyframes anim_redes_sociales_1 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	18% {left:0px;
	opacity:1;}
	
	20% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-ms-keyframes anim_redes_sociales_1 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	18% {left:0px;
	opacity:1;}
	
	20% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-o-keyframes anim_redes_sociales_1 {
	0% {left:-15px;
	opacity:0;}
	
	5% {left:0px;
	opacity:1;}
	
	18% {left:0px;
	opacity:1;}
	
	20% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0;}
}

#anim_redes_sociales_2 { /*Redes sociales*/
	width:100%;
	position:absolute;
	z-index:3;
	overflow:hidden;
	top:0;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name: anim_redes_sociales_2;
-webkit-animation-duration:20s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim_redes_sociales_2;
-moz-animation-duration:20s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim_redes_sociales_2;
-ms-animation-duration:20s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim_redes_sociales_2;
-o-animation-duration:20s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name: anim_redes_sociales_2;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim_redes_sociales_2 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	27% {left:0px;
	opacity:1;}
	
	57% {opacity:1;
	left:0px;}
	
	62% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-webkit-keyframes anim_redes_sociales_2 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	27% {left:0px;
	opacity:1;}
	
	57% {opacity:1;
	left:0px;}
	
	62% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-moz-keyframes anim_redes_sociales_2 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	27% {left:0px;
	opacity:1;}
	
	57% {opacity:1;
	left:0px;}
	
	62% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}

}

@-ms-keyframes anim_redes_sociales_2 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	27% {left:0px;
	opacity:1;}
	
	57% {opacity:1;
	left:0px;}
	
	62% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-o-keyframes anim_redes_sociales_2 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	27% {left:0px;
	opacity:1;}
	
	57% {opacity:1;
	left:0px;}
	
	62% {opacity:0;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

#anim_redes_sociales_3 { /*Logo de tugraduacion*/
	width:100%;
	position:absolute;
	z-index:3;
	overflow:hidden;
	top:0;
	float:inherit;
alignment-adjust:central;
margin: 0% 2% 0% 0%;
-webkit-animation-name: anim_redes_sociales_3;
-webkit-animation-duration:20s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim_redes_sociales_3;
-moz-animation-duration:20s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim_redes_sociales_3;
-ms-animation-duration:20s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim_redes_sociales_3;
-o-animation-duration:20s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name: anim_redes_sociales_3;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim_redes_sociales_3 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	65% {left:0px;
	opacity:0;}
	
	70% {opacity:1;
	left:0px;}
	
	93% {opacity:1;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-webkit-keyframes anim_redes_sociales_3 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	65% {left:0px;
	opacity:0;}
	
	70% {opacity:1;
	left:0px;}
	
	93% {opacity:1;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-moz-keyframes anim_redes_sociales_3 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	65% {left:0px;
	opacity:0;}
	
	70% {opacity:1;
	left:0px;}
	
	93% {opacity:1;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-ms-keyframes anim_redes_sociales_3 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	65% {left:0px;
	opacity:0;}
	
	70% {opacity:1;
	left:0px;}
	
	93% {opacity:1;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

@-o-keyframes anim_redes_sociales_3 {
	0% {left:0px;
	opacity:0;}
	
	22% {left:0px;
	opacity:0;}
	
	65% {left:0px;
	opacity:0;}
	
	70% {opacity:1;
	left:0px;}
	
	93% {opacity:1;
	left:0px;}
	
	100% {left:0px; opacity:0}
}

/*Cierre de animaciones de tres imagenes*/

aside {
	width:25%;
	height:300px;
	float:left;
	margin:5% 0% 0% 0%;}
	
#footer {
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	left:15%;
	color:#FFF;
	clear:both;
	text-align:center;
	width:70%;
	height:30px;
	alignment-adjust:central;
	margin:1% 0%;
	padding:1% 1% 0% 1%;
	border-radius:5px;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%,#666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* 	Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}

#footer_movil {
	display:none;
}

.alineacion_izquierda {
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em; text-indent:1em; line-height:1.5;
	/*clear:both;
	background-color:#0C3;*/
	width:auto;
	padding:0% -10%;
}



/* Para la pagina de productos*/

#lista_producto_precios {
	position:relative;
	left:3%;
	font-size:1.1em;
	list-style:none;
	background:none;
	width:98%;
	text-align:center;
	text-decoration:none;
	color: #333;
}

#lista_producto_precios a {color: #F00;
text-decoration: underline;
color: #333;
}

#lista_producto_precios a:hover {
text-decoration: underline;
color: #F00;
}

li.lista_producto {
	position:relative;
	left:17%;
	font-size:1.3em;
	list-style:none;
	background:none;
	width:75%;
	text-align:center;
	text-decoration: none;
	color: #333;
}

li.lista_producto a {color: #F00;
text-decoration: none;
width:auto;
color: #333;
}

li.lista_producto a:hover {
text-decoration: underline;
width:auto;
color: #F00;
}

#menu_producto {
	position:relative;
	alignment-adjust:central;
	left:28%;
	width:50%;
	/*background-color:#999;*/
	text-align:center;
}

#lista_producto { /*Esta lista adopta la forma del boton del menu*/
	alignment-adjust:central;
	position:relative;
	left:0%;
	font-size:1em;
	list-style:none;
	background-color: #0F0;
	text-align:center;
	width:60%;
}

iframe#pc{
	height:540px;
	width:95%;
	alignment-adjust:central;
	margin:1% 0px 0px 4%;
	position:relative;
	clear:both;
}

iframe#movil {
display:none;
}


/*Cierra la pagina de Productos*/



/* Para la pagina de servicios*/

#lista_servicio a{color: #333;
text-decoration:none;
left:50%;
}

a {color:#000;
}

a:hover {color:#03F;
}

#lista_servicio a:hover{color: #F00;
text-decoration:none;
}

#lista_servicio {
	alignment-adjust:central;
	position:relative;
	left:7%;
	font-size:1em;
	list-style:none;
	background:none;
	width: 90%;
}

#menu_servicio {
	position:relative;
	alignment-adjust:central;
	left:0%;
}


/*Para Contacto y Jhonatan*/

#jhonatan {
	width:30%;
	alignment-adjust:central;
	padding:0%;
	overflow:hidden;
	margin:3% 0% 0% 20%;
	position:relative;		
}

#jhonatan img {
	width:100%;
}


/*#anim_Jhonatan { Jhonatan
	width:100%;
	z-index:3;
	margin: 0%;
	float:left;
	position:relative;
-webkit-animation-name:anim_Jhonatan;
-webkit-animation-duration:20s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-animation-timing-function:linear;
-moz-animation-name: anim_Jhonatan;
-moz-animation-duration:20s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-animation-timing-function:linear;
-ms-animation-name: anim_Jhonatan;
-ms-animation-duration:20s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-animation-timing-function:linear;
-o-animation-name: anim_Jhonatan;
-o-animation-duration:20s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-animation-timing-function:linear;
animation-name:anim_Jhonatan;
animation-duration:20s;
animation-iteration-count:infinite;
animation-direction:normal;
animation-timing-function:linear;
}

@keyframes anim_Jhonatan {
	0% {width:100%;
	opacity:0;
	margin: 0%;}
	
	25% {opacity:1;}
	
	50% {opacity:1;}
		
	75% {opacity:0;}
	
	100% {opacity:0;}
}

@-webkit-keyframes anim_Jhonatan {
	0% { width:100%;
	opacity:0;
	margin: 0%;}
	
	25% {opacity:1;}
	
	50% {opacity:1;}
		
	75% {opacity:0;}
	
	100% {opacity:0;}
}

@-moz-keyframes anim_Jhonatan {
	0% { width:100%;
	opacity:0;
	margin: 0%;}
	
	25% {opacity:1;}
	
	50% {opacity:1;}
		
	75% {opacity:0;}
	
	100% {opacity:0;}
}

@-ms-keyframes anim_Jhonatan {
	0% { width:100%;
	opacity:0;
	margin: 0%;}
	
	25% {opacity:1;}
	
	50% {opacity:1;}
		
	75% {opacity:0;}
	
	100% {opacity:0;}
}

@-o-keyframes anim_Jhonatan {
	0% { width:100%;
	opacity:0;
	margin: 0%;}
	
	25% {opacity:1;}
	
	50% {opacity:1;}
		
	75% {opacity:0;}
	
	100% {opacity:0;}
}
*/

div#mapa { background-image:url(../imagenes/animacion3.gif);
			background-repeat:no-repeat; 
			width:100%;
			height:300px;
			background-position:center;
			margin:3% 0% 3% -15%;
}

div#WhatsApp { background-image:url(../imagenes/redes_sociales_whatsapp.png);
			background-repeat:no-repeat; 
			background-size:60%;
			width:100px;
			height:80px;
			position:absolute;
			right:15%;
			top:80%;
}

/*Para mapa web*/
#lista_mapa_web{background:none;
				text-align:left;
				list-style-type:circle;
				width:95%;
				margin-left:5%;
}

#lista_mapa_web2{background:none;
				text-align:left;
				list-style-type: disc;
				list-style-position: inherit;
				width:95%;
				margin-left:8%;
}

#lista_mapa_web a:hover {text-decoration:none;
color:#03F;
}

#lista_mapa_web2 a:hover {text-decoration:none;
color:#03F;
}

#lista_mapa_web2 a {text-decoration:none;
					color: #000;
}
/*Cierre de mapa web*/


/*Para galeria*/
#redes_face { background-image:url(../imagenes/Redes_sociales_face.png);
background-repeat:no-repeat;
background-size:80%;
alignment-adjust:central;
width:100px;
height:80px;
position:relative;
margin-left:45%;
}

#redes_youtube { background-image:url(../imagenes/redes_sociales_youtube.png);
background-repeat:no-repeat;
background-size:80%;
alignment-adjust:central;
width:100px;
height:80px;
position:relative;
margin-left:45%;
}

#redes_twiter { background-image: url(../imagenes/redes_sociales_twiter.png);
background-repeat:no-repeat;
background-size:80%;
alignment-adjust:central;
width:100px;
height:80px;
position:relative;
margin-left:45%;
}

#redes_instagram { background-image: url(../imagenes/redes_sociales_instagram.png);
background-repeat:no-repeat;
background-size:80%;
alignment-adjust:central;
width:100px;
height:80px;
position:relative;
margin-left:45%;
}

#redes_pinterest { background-image: url(../imagenes/redes_sociales_pinterest.png);
background-repeat:no-repeat;
background-size:80%;
alignment-adjust:central;
width:100px;
height:80px;
position:relative;
margin-left:45%;
}

.enlaces_redes {margin:0% 0% % 20%;
				text-align:center;
				alignment-adjust:central;
				width:100%;
				position:relative;
				margin-left:0%;
				font-family:Verdana, Geneva, sans-serif;
}

#fot_2017 {text-align:center;
			width:100%;
			margin:0 0 0 2%;
}

#vid_2017 {text-align:center;
			width:100%;
			margin:0 0 0 0%;
}

#vid_pc {width:640px;
alignment-adjust:central;
margin:0% 0% 0% 7%;
}

#vid_movil {
	display:none;
}

/*Cierre de galeria*/

/*Portatitulos*/
#porta {text-align:center;
font-size:0.8em;
padding: 0px 20px 0 0;
margin: 0px;
width:98%;
margin-left:-15px;
}

#port_univ1 {
background-color: #CCC;
border-radius: 10px;
width:20%;
height:190px;
alignment-adjust:central;
margin:1% 1%;
float:left;
padding: 0px 10px 0px 5px;
padding-left:15px;
}

#port_univ1 h3 {
	text-align:center;
	font-size: 0.8em;
	color: #C00;
	margin-top:1%;
}


#port_univ2 {
width:20%;
height:190px;
alignment-adjust:central;
margin:1% 1%;
background-color: #CCC;
border-radius: 10px;
float:left;
padding: 0px 5px 0px 5px;
padding-left:15px;
}

#port_univ2 h3 {
	text-align:center;
	font-size: 0.8em;
	color: #C00;
	margin-top:1%;
}

#port_univ3 {
width:20%;
height:190px;
alignment-adjust:central;
margin:1% 1%;
background-color: #CCC;
border-radius: 10px;
float:left;
padding: 0px 5px 0px 5px;
padding-left:15px;
}

#port_univ3 h3 {
	text-align:center;
	font-size: 0.8em;
	color: #C00;
	margin-top:1%;
}

 #port_univ4 {
width:20%;
height:190px;
alignment-adjust:central;
margin:1% 1%;
background-color: #CCC;
border-radius: 10px;
float:left;
padding: 0px 5px 0px 5px;
padding-left:15px;
}

#port_univ4 h3 {
	text-align:center;
	font-size: 0.8em;
	color: #C00;
	margin-top:1%;
}

 #division {
	width:90%;
	height:10%;
	position:relative;
	background-color:#F00;
}

 #portadiplomas {width:98%;
position:relative;
clear:both;
height:1450px;
alignment-adjust:central;
margin:0 4%;
padding: 0 0% 0 6%;
margin-left:0px;
/*background-color:#36F;*/
}

/*Cierre de portatitulos*/

/*Para animaciones de productos*/
#wowslider-container1 {
	alignment-adjust:central;
	position:relative;
	overflow:hidden;
	/*border-color:#000;
	border-bottom-style:dashed;
	border-style:dashed;
	border-width:medium;*/
}

.ws_images {
	width:100%;
	margin:0% 0% 0% 15%;
	alignment-adjust:central;
	position:relative;
	border-color:#000;
	border-bottom-style:dashed;
	border-style:dashed;
	border-width:medium;
	padding:0%;
}
/*Cierre de animaciones de productos*/

/*Para la pagina de Precios de paquetes de graduación*/

.folletos_de_graduacion {
	width:40%;
	margin:2% 0%;
	left:32%;
	padding:0%;
	clear:both;
	alignment-adjust:central;
	position:relative;
	box-shadow:#333;
	-webkit-box-shadow:#333;
}

/*Cierre de la pagina de Precios de paquetes de graduación*/

/*Botones PayPal*/
#form{
	width:50%;
	background-color: rgba(160,160,164,0.1);
	margin:auto;
	border:rgba(128,128,128,0);
	border:solid;
	border-radius:10px;
	padding-top:1%;
	padding-bottom:0.5%;
}