@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;
	margin: 0px 0px;
	width:94%;
	height:90%;
	padding: 0px;
	/*background-color: #FF0;*/
	/*Amarillo*/
	margin-left:3%;
}

#cabecero {
	margin: 0% 0%;
	padding: 1% 0px;
	alignment-adjust: central;
	position: relative;
	height: 140px;
	width:98%;
	overflow:hidden;
	/*background-color:#0C0;*/
}

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

.reflejo {
position:relative;
z-index:3;
float:left;
alignment-adjust:central;
width:11%;
margin: 2% 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:4s;
-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: 6s;
animation-iteration-count: infinite;
animation-direction:normal;
animation-timing-function:linear;
}


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

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

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

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

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

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

#menu {
	alignment-adjust:central;
	width:75%;
	background-color:#0C6;
	margin: 1% 0% 0% 5%;
	/*left:-10%;*/
}

nav {
	position: relative;
	alignment-adjust: central;
	margin: 1% 0% 0% 12%;
	width:90%;
	/*margin-left:5%;*/
	/*display:none;*/
}

nav ul li {
	margin: 0% -1%;
	padding: 1% 3%;
	width: 20%;
	height:90%;
	font-family:Verdana, Geneva, sans-serif;
	list-style:none;
	float:left;
	alignment-adjust: central;
	/*left:700px;*/
}


nav ul li a {
	text-decoration:none;
	color:#FFF;
	text-align:center;
	/*left:300px;*/
	alignment-adjust:central;
}

li {width:100%;
	height:40%;
	alignment-adjust:central;
	text-align:center;
	margin:1% 15%;
	padding:1% 25%;
	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: 0% -1%;
	alignment-adjust:central;
	width:18%;
	left:15%
}

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

#menu2 {position:relative;
	alignment-adjust:central;
	margin-top: 1%;
	float:left;
	margin: 1% -10% 1% 5%;
	padding: 0% 0% 0% 0%;
	width: 100%;
	height:90%;
	left:6%;
}

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

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

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

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

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

aside {width:90%;
height:10%;
margin: 0% 0% 0 0%;
}


#animpaq {
	position: relative;
	margin: 3% 1%;
	width: 30%;
	height: 40px;
	float:left;
	display:none;
}

/*Animacion de paquetes*/

/*Cierre de animacion de paquetes*/

.anim_redes_sociales {
	display:none;
}


#cont1 {
	position:relative;
	width: 95%;
	margin:0% 1% 0% 2%;
	padding: 0px 0px 0px 0px;
	alignment-adjust:central;
	float:left;
}

#cont2 {
	position:relative;
	width: 95%;
	margin:0% 1% 0% 2%;
	padding: 0px 0px 0px 0px;
	alignment-adjust:central;
	float:left;
}

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

#cont22 {
	position:relative;
	width: 95%;
	margin:0% 1% 0% 2%;
	padding: 0px 0px 0px 0px;
	alignment-adjust:central;
	float:left;
}

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

#footer {
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	left:10%;
	color:#FFF;
	clear:both;
	text-align:center;
	width:80%;
	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 {
font-family:Verdana, Geneva, sans-serif;
	position:relative;
	alignment-adjust:central;
	color:#FFF;
	clear:both;
	text-align:center;
	width:50%;
	height:40px;
	text-align:center;
	margin:1% 0% 1% 25%;
	padding:5px 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%);
	display:none;
}

.alineacion_izquierda {
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	margin: 3px 2px; 
	font-size: 1em; 
	text-indent:1em; 
	line-height:1.5;
}

/* Para la pagina de inicio*/

.boton_inicio {
	background-color: #02206F;
	border-radius:20px;
	border-color:#333;
	width:90%;
	height:30px;
	margin:0% 0% 0% 5%;
	padding:1% 0% 0% 0%;
	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% 5%;
	padding:1% 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:1em;
	text-align:center;
	margin: 0% 5% 0% 3%;
	padding:0%;
}

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

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

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

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

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

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

/* Cierre de la pagina de inicio*/

/* Para la pagina de servicios*/
#lista_servicio a{color: #333;
text-decoration:none;
width:50%;
left:0%;
}

a {color:#000;
}

a:hover {color:#03F;
}

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

li#lista_servicio {background: none;
 					font-family:Verdana, Geneva, sans-serif; list-style:none;
					text-align:center;
					clear:both;
					alignment-adjust:central;
					line-height:2em;
}

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


#lista_servicio {
	alignment-adjust:central;
	position:relative;
	/*left:-42%;*/
	width:95%;
	margin: 0% 0% 0% 3%;
	padding: 0%;
}

#menu_servicio {
	position:relative;
	alignment-adjust:central;
	left:0%;
	width:100%;
}
/*Cierra la pagina de Servicios*/

/* Para la pagina de productos*/

#lista_producto_precios {
	position:relative;
	left:-2%;
	font-size:1.3em;
	list-style:none;
	background:none;
	width:105%;
	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:-22%;
	font-size:1.3em;
	list-style:none;
	background:none;
	width:80%;
	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;
}

a {color:#000;
}

a:hover {color:#03F;
}

#menu_producto {
	position:relative;
	alignment-adjust:central;
	left:0%;
	width:90%;
}
/*Cierra la pagina de Servicios*/


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


/*Para Contacto y Jhonatan*/

#jhonatan {
	width:30%;
	height:auto;
	alignment-adjust:central;
	padding:0%;
	margin:3% 0% 0% 37%;
	position:relative;		
}

#jhonatan img {
	width:95%;
}


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

iframe#pc {
	height:510px;
	width:95%;
	alignment-adjust:central;
}

iframe#movil {
display:none;
}



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

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

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

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

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

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

enlaces_redes {float:right;
margin:0% 0%;
text-align:center;
alignment-adjust:central;
width:95%;
}


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

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

#vid_pc { display:none;
}

#vid_movil {
	width:426px;
}

/*Cierre de galeria*/


/*Para mapa web*/
#lista_mapa_web {background:none;
				text-align:left;
				list-style-position: inherit;
				width:60%;
				margin:0%;
				margin-left:-20%;
				font-size:1em;
}

#lista_mapa_web2 {background:none;
				text-align:left;
				list-style-position: inherit;
				width:70%;
				margin-left:-20%;
				font-size:0.8em;
}

#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:0.8em;
padding: 0px 1px 0 1px;
margin: 0px;
width:99%;
margin-left:-15px;
}

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

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

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

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

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

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

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

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

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

 #portadiplomas {width:97%;
position:relative;
clear:both;
height:1000px;
alignment-adjust:central;
margin:0 1%;
padding: 0 0% 0 3%;
/*background-color:#960;*/
}

/*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:90%;
	margin:0% 0% 0% 5%;
	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:30%;
	padding:0%;
	clear:both;
	alignment-adjust:central;
	position:relative;
}

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