@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:95%;
		height:100%;
		/*background-color: #F9C;*/
		/*Rosado*/
		margin: 0% 0% 0% 2%;
}


#cabecero {
	size: 100%;
	margin: 0% 0%;
	padding: 1% 0px;
	alignment-adjust: central;
	position: relative;
	height: 380px;
	width:100%;
	overflow:hidden;
	/*background-color:#930;*/}

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

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

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

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

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

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

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


#mensajemov {
	margin: 0% 0px -5px 0px;
	padding: 0px 0px;
	position: relative;
	height: 10%;
	width:100%;
}

#menu {alignment-adjust:central;
width:100%;
background-color:#0C6;
margin: 1% 0%;
margin-left:1%;
}

#menu2 {position:relative;
	alignment-adjust:central;
	margin: 0%;
	left: -1%;
	width:100%;
}

nav {position:relative;
	width:95%;
	alignment-adjust: central;
	margin:1% 0px 1% 3%;
	left:1%;
	font-size:2em;
}

nav ul li {
	margin: 0px -5px;
	padding: 1% 1% 1.5% 0px;
	width: 13%;
	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:95%;
alignment-adjust:central;
	height:30px;
	text-align:center;
	margin:2px 0px;
	padding:0px 0px 0px 0px;
	border-radius:8px;
	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: auto;*/
	alignment-adjust:central;
}

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

article {width:95%;
margin: 10px 10px;

}

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

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

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

#cont1 {
	position: relative;
	width:100%
	alignment-adjust:center;
	margin: 3% 1% 0% 0%;
	padding: -1% 0% 0% 0%;
	left:0%;
	float:right;
}

#cont2 {
	position:relative;
	width: 70%;
	margin:0% 1% 1% 0%;
	padding: 0% 0%;
	alignment-adjust:central;
	clear:both;
	float:right;
	left:0%;
}

#cont21 {
	position:relative;
	width: 95%;
	margin:1% 2% 2% 0%;
	margin-left:0%;
	padding: 0% 0%;
	alignment-adjust:central;
	clear:both;
	float:right;
	left:0%;
}

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

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


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

/*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;
}

#animpaq {
	position: relative;
	overflow: visible;
	margin: 3% 0% 0% 1%;
	width: 100%;
	height: 50%;
	float:left;
}

/* Para la pagina de inicio*/

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

.boton_inicio:hover {
	background-color: #F90;
	border-radius:20px;
	border-color:#333;
	height:45px;
	margin:0% 0% 0% 5%;
	padding::0% 0% 0% 0%;
	text-align:center;
}

.boton_inicio a {
	text-decoration:none;
}

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

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

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

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

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

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

.marco_inicio_productos h3 {
	text-align:center;
	font-size: 1.4em;
	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:1.5em;
	text-align:center;
}

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

.barra_blanca {
	width:95%;
	height:10px;
}

/* 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;
alignment-adjust:central;
margin: 0% 0% 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:4px;
	opacity:0;}
	
	5% {opacity:1;
	left:9px;}
	
	8% {left:9px;
	opacity:1;}
	
	10% {opacity:0;
	left:9px;}
	
	100% {
		left:9px; opacity:0}
}

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

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

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

@keyframes anim2 {
	0% {left:4px;
	opacity:0;}
	
	3% {opacity:1;
	left:9px;}
	
	8% {left:9px;
	opacity:1;}
	
	10% {opacity:0;
	left:9px;}
	
	100% {
		left:9px; opacity:0}
}

#anim3 { /*Fotografías*/
	width:100%;
	position:absolute;
	z-index:3;
	float:inherit;
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:13px;
	top:0;
	margin: 0% 0% 0% -3%}
	
	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;
		margin: 0% 0% 0% -3%}
}

@-webkit-keyframes anim3 {
	0% { width:0%;
	opacity:0;
	left:13px;
	top:0;
	margin: 0% 0% 0% -3%}
	
	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:36px;
	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:36px;
	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:36px;
	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;
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:13px;
	top:0;
	margin: 0% 0% 0% -3%}
	
	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;
		margin: 0% 0% 0% -3%}
}

@-webkit-keyframes anim4 {
	0% { width:0%;
	opacity:0;
	left:13px;
	top:0;
	margin: 0% 0% 0% -3%}
	
	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;
		margin: 0% 0% 0% -3%}
}

@-moz-keyframes anim4 {
	0% { width:0%;
	opacity:0;
	left:40px;
	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:40px;
	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:40px;
	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:13px;
	top:0;
	margin: 0% 0% 0% -3%}
	
	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;
		margin: 0% 0% 0% -3%}
}

@-webkit-keyframes anim5 { 
	0% { width:0%;
	opacity:0;
	left:13px;
	top:0;
	margin: 0% 0% 0% -3%}
	
	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;
		margin: 0% 0% 0% -3%}
}

@-moz-keyframes anim5 {
	0% { width:0%;
	opacity:0;
	left:40px;
	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:40px;
	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:40px;
	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:13px;
	top:0;
	margin: 0% 0% 0% -2%}
	
	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%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;
		margin: 0% 0% 0% -2%}
}

@-webkit-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:13px;
	top:0;
	margin: 0% 0% 0% -2%}
	
	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%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;
		margin: 0% 0% 0% -2%}
}

@-moz-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:40px;
	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%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-ms-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:40px;
	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%;}
	
	80% {width:100%;
		opacity:0}
	
	100% {width:100%;
		opacity:0;}
}

@-o-keyframes anim6 {
	0% { width:0%;
	opacity:0;
	left:40px;
	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%;}
	
	80% {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: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;}
}

#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;
	margin: 0% 0% 0% -3%}
	
	70% {opacity:0;
	width:100%;
	left:0px;}
	
	72% {opacity:0;;
	left:3px;}
	
	75% {width:100%;
	opacity:1;
	left:5px;}
	
	78% {width:100%;
	opacity:1;
	left:5px;}
	
	80% {opacity:0;
	}
		
	100% {width:100%;
		opacity:0;
		left:5px;}
}

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

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

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

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

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

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

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

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

#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:-5px;}
	
	95% {
	opacity:1;
	top:-5px;}

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

@-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*/

/*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;
	font-size:2em;
	position:relative;
	left: 13%;
	color:#FFF;
	clear:both;
	text-align:center;
	width:70%;
	height:30px;
	alignment-adjust:central;
	margin:2% 2%;
	padding:1% 1% 1.5% 1%;
	border-radius:8px;
	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;
						margin: 3px 2px; 
						text-indent:1.5em; 
						line-height:1.5;
						font-size: 2em; 
}

/* Para la pagina de Servicios*/

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

a {color:#000;
}

a:hover {color:#03F;
}

li#lista_servicio {background: none;
 					font-family:Verdana, Geneva, sans-serif; 
					list-style:none;
}

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

#lista_mapa_web2 a { list-style:none;
}

#lista_mapa_web2 a:hover { list-style:none;
}

#lista_servicio {
	alignment-adjust:central;
	position:relative;
	left:0%;
	width: 80%;
}

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

iframe#pc {
	height:500px;
	width:100%;
	alignment-adjust:central;
}

iframe#movil {
display:none;
}
/*Cierra la pagina de Servicios*/


/* Para la pagina de productos*/

#lista_producto_precios {
	position:relative;
	left:8%;
	font-size:1.1em;
	list-style:none;
	background:none;
	width:90%;
	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.1em;
	list-style:none;
	background:none;
	width:80%;
	text-align:center;
	text-decoration: none;
	color: #333;
	margin:3% 0%;
}

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;
}

a {color:#000;
}

a:hover {color:#03F;
}

#lista_mapa_web2 a { list-style:none;
}

#lista_mapa_web2 a:hover { list-style:none;
}

#lista_producto {
	alignment-adjust:central;
	position:relative;
	left:20%;
	width: 70%;
	margin:2% 0%;
}

#menu_producto {
	position:relative;
	alignment-adjust:central;
	margin:0%;
	left:20%;
	width:60%;
}

iframe#pc {
	height:490px;
	width:100%;
	alignment-adjust:central;
	
}

iframe#movil {
display:none;
}
/*Cierra la pagina de Productos*/


/*Para pagina de Contacto y Jhonatan*/
#jhonatan {
	width:30%;
	alignment-adjust:central;
	padding:0%;
	overflow:hidden;
	margin:3% 0% 0% 20%;
	position:relative;		
}

#jhonatan img {
	width:100%;
}


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

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

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

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

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

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

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


.enlaces_redes {margin:0% 0% 0 6%;
				text-align:center;
				alignment-adjust:central;
				width:100%;
				position:relative;
				font-size:2em;
}

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

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

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

#vid_pc {width:720px;
}

#vid_movil {
	display:none;
}


/*Cierre de galeria*/


/*Para mapa web*/

#lista_mapa_web{background:none;
				text-align:left;
				list-style-type:circle;
				margin:2% 0%

}

#lista_mapa_web2{background:none;
				text-align:left;
				list-style: disc;
				list-style-position:inherit;
				margin:1% 0%;
				margin-left:5%;
}

#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*/

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

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

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

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

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

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

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

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

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

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

 #portadiplomas {width:100%;
position:relative;
clear:both;
height:1850px;
alignment-adjust:central;
margin:0 5%;
/*background-color:#9F0;*/
padding: 0 2% 0 2%;
padding-left:0px;
}

/*Cierre de portatitulos*/


/*Servicio*/
#lista_servicio {
	alignment-adjust:central;
	position:relative;
	left:10%;
	width: 80%;
	margin:2% 0%;
}

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

/*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 {
	margin:2% 0% 2% 0%;
	padding:0%;
	alignment-adjust:central;
	position:relative;
	border-color:#000;
	border-bottom-style:dashed;
	border-style:dashed;
	border-width:medium;
	height:auto;
	width:100%;
}
/*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;
}

/* CSS Document */

/*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%;
}