@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;
	width:95%;
	height:90%;
	padding: 0px;
	margin-left:3%;
	/*background-color:#9F3;*/
	/*Verde manzana*/
	overflow:hidden;
}

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

.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: 4s;
	animation-iteration-count: infinite;
	animation-direction:normal;
	animation-timing-function:linear;
}

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

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

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

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

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

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

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

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

nav {
	position: relative;
	alignment-adjust: central;
	margin: 1% 0% 0% 0%;
	width:88%;
	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: -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: -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: -o-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: -ms-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: 120%;
	height:90%;
	left:0%;
}

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

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

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 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;
}


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:50%;
	height:10%;
	margin: 0% -0% 0 0%;
}

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

/*Animacion de paquetes*/

/*Cierre de animacion de paquetes*/

.anim_redes_sociales {
	display:none;
}

#cont1 {
	position:relative;
	width: 98%;
	margin:0% 1% 0% 1%;
	padding: 0px 0px 0px 0px;
	alignment-adjust:central;
	float:left;
	/*background-color: aqua;*/
}

#cont2 {
	position:relative;
	width: 98%;
	margin:0% 1% 0% 1%;
	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;
	/*background-color: aqua;*/
}

#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;
	/*background-color: aqua;*/
}

#footer {
	display:none;
}

#footer_movil {
font-family:Verdana, Geneva, sans-serif;
	position:relative;
	left:15%;
	color:#FFF;
	clear:both;
	text-align:center;
	width:70%;
	height:40px;
	text-align:center;
	margin:5px 0px;
	padding:5px 0px 0px 0px;
	border-radius:5px;
	background: #4c4c4c; /* Old browsers */
	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: -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: -o-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: -ms-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%);
}

.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;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px;
	border-color:#333;
	width:90%;
	height:30px;
	margin:0% 0% 0% 3%;
	padding:0% 4% 0% 0%;
	text-align:center;
	transition:all 300ms ease-in-out;
}

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

.boton_inicio a {
	text-decoration:none;
}

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



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


.marco_inicio_paquetes {
	width:46%;
	background-color:#CCC;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px;
	border-style:dashed;
	margin:1% 2% 3% 2%;
	float:left;
	box-shadow:#666;
	padding:1% 0%;
}


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

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

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

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

/* Cierre de la pagina de inicio*/

/* Para la pagina de productos*/

#lista_producto_precios {
	position:relative;
	left:-2%;
	font-size:1.3em;
	list-style:none;
	background:none;
	width:100%;
	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:90%;
	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:8%;
	width:70%;
}
/*Cierra la pagina de Productos*/


/* 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:80%;
	margin: 0% 0% 0% 10%;
	padding: 0%;
}

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


div#mapa { 
	background-image:url(../imagenes/animacion3.gif);
	background-repeat:no-repeat; width:100%;
	background-size:50%;
	height:300px;
	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:450px;
	width:95%;
	alignment-adjust:central;
	margin:1% 0% 1% 2%;
}

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:none;
	width:70%;
	margin-left:-18%;
}

#lista_mapa_web2{background:none;
				text-align:left;
				list-style:none;
				width:70%;
				margin-left:-15%;
}

#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:40%;
	height:210px;
	alignment-adjust:central;
	margin:1% 1%;
	float:left;
	padding: 0px 5px 0px 5px;
	padding-left:15px;
}

#port_univ2 {
	width:40%;
	height:210px;
	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:40%;
	height:210px;
	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:40%;
	height:210px;
	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.8em;
	color: #C00;
	margin-top:1%;
}

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

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

#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:97%;
	position:relative;
	clear:both;
	height: auto;
	alignment-adjust:central;
	margin:0 1%;
	padding: 0 0% 0 3%;
	background-color:#960;
}

/*Cierre de portatitulos*/

/*Para animaciones de productos*/
#wowslider-container1 {
	width:20%;
	margin:2% 0% 0% 50%;
	alignment-adjust:central;
	position:relative;
	overflow:hidden;
}

.ws_images {
	width:90%;
	margin:0% 0% 0% 7%;
	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:50%;
	margin:2% 0%;
	left:23%;
	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%;
}