@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: 0px;
}


#contenedor {
	margin:1% 1%;
	width:98%;
	height:100%;
	/*background-color:#6F9;*/
}

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

.reflejo {
	display:none;
}

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

#mensajemov {
	margin: 1% 0% 5% 0%;
	padding: 0px 0px 0px 10px;
	position: relative;
	height: 20px;
	width:100%;
	top: 2%;
	font-size: 0.8em;
	display: contents;
}

#menu {alignment-adjust:central;
	width:90%;
	height:100%;
	background-color:#0C6;
	margin: 1% 0% 5% 5%;
	padding: 0%;
	left:5%;
	position:relative;
}

#menu2 {
	alignment-adjust:central;
	margin: 0% 0% 0% 0%;
	padding: 0%;
	width: 100%;
	height:100%;
	background-color: black;
}

#menu2 li {
margin-top: 1%;
}

nav {
	width:98%;
	top:10%;
	margin: 2% 5% 30% 0%;
	alignment-adjust:central;
	position:relative;
}

nav div #id {
	alignment-adjust:central;
}

nav ul li {
	margin: 1% 0% 0% 20%;
	padding: 8px 0px 0px 0px;
	width: 50%;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	border:none;
}

li {width:60%;
	height:30px;
	text-align:center;
	margin:5px;
	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%);
	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%);
	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 a {text-decoration:none;
			color:#FFF;
}

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

nav ul li:first-child{
	margin: 0px 0px 0px 20%;
}

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

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

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

p {font-family:Verdana, Geneva, sans-serif;
	margin: 0% 1%; 
	text-align:justify;
	font-size: 1em; 
	text-indent:1em; 
	line-height:1.2;
}

/*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 {display:none;
}

#FlashID2 {display:none;
}

.anim_redes_sociales {
	display:none;
}

#FlashID {padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	position:relative;
	top:-50px;
	display:none;
}

#cont1 {
	float: left;
	position:relative;
	width: 95%;
	margin:1% 10% 1% 3%;
	top:2px;
}

#cont2 {
	float: left;
	position:relative;
	width: 95%;
	margin:1% 10% 1% 3%;
	top:5px;
}

#cont21 {
	float: left;
	position:relative;
	width: 95%;
	margin:1% 10% 3% 3%;
	top:5px;
}

#cont22 {
	float: left;
	position:relative;
	width: 95%;
	margin:1% 10% 3% 3%;
	top:5px;
}


#cont3 {
	float: left;
	position:relative;
	width: 95%;
	margin:1% 10% 1% 3%;
	top:5px;
}


#id {
	clear: both;
	background-color: #063;
	position: relative;
}

#footer {
	display:none;
}

#footer_movil {
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	left:4%;
	color:#FFF;
	clear:both;
	text-align:center;
	width:90%;
	height:40px;
	text-align:center;
	margin:1% 1%;
	padding:0px 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%);
	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%); 
	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: 0px 1px; font-size: 1em; text-indent:1em; line-height:1;
}

/* 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:70%;
	height:30px;
	margin:1% 0% 0% 15%;
	padding:0% 0% 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:70%;
	height:30px;
	margin:1% 0% 0% 15%;
	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.2em;
	text-align:center;
	margin: 7% 7% 0% 0%;
	padding:1% 0% 0% 0%;
}

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

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

.marco_inicio_paquetes {
	width:90%;
	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:3% 5%;
	float:left;
	box-shadow:#666;
	alignment-adjust:central;
	padding:1% 0%;
}

.marco_inicio_productos {
	width:90%;
	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:3% 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;
	margin: 0%;
	padding:0%;
	text-align:center;
}

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

/* Cierre de la pagina de inicio*/



/* Para la pagina de productos*/

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

#menu_producto {
	position:relative;
	alignment-adjust:central;
	left:3%;
	width:95%;
}

iframe#movil { 
	width:100%;
	height:280px;
	alignment-adjust:central;
	margin:10% 0% 0% 0%;
}

iframe#pc {
	display:none;
}


/*Cierra la pagina de Productos*/

/* Cierre de la pagina de inicio*/



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

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:1em;
	font-size:1em;
}

#lista_servicio {
	alignment-adjust:central;
	position:relative;
	left:0%;
	width:100%;
	text-align:center;
}

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

iframe#movil {
	width:100%;
	height:280px;
	alignment-adjust:central;
	margin:10% 0% 0% 0%;
}

iframe#pc {
	display:none;
}


/*Cierra la pagina de servicios*/


/* Para Contacto y Jhonatan*/

#mapa { 
	background-image: url(../imagenes/animacion3.gif);
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-ms-background-size: 100%;
	background-size: 100%;
	background-repeat:no-repeat; 
	width:85%;
	height:350px;
	background-position:center;
	margin:5% auto 5%;
	position:relative;
}


#jhonatan {
	width:60%;
	height:350px;
	height: auto;
	alignment-adjust:central;
	padding:0%;
	margin:10% auto 0%;
	position:relative;		
}

#jhonatan img {
	width:100%;
}

/*Cierre de Contacto y jhonatan*/


/*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;
	background-size:80%;
	margin:5% 40% 5% 38%;
	alignment-adjust:central;
	width:100px;
	height:80px;
	position:relative;
}

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

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

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

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

.enlaces_redes {
	margin:0% 5% 0 4%;
	text-align:center;
	width:95%;
	position:relative;
}

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

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

#vid_pc { 
	display:none;
}

#vid_movil {
	width:90%;
	margin:0% 0% 6% 0%;
}


/*Cierre de galeria*/

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

#lista_mapa_web2{
	background:none;
	text-align:left;
	list-style-type: disc;
	list-style-position: inherit;
	width:100%;
	margin-left:3%;
	font-size:0.8em;
	margin:-1.5% 0% -1.5% 2%;
}

#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 5px 0 5px;
	margin: 3px 0px;
	width:98%;
	margin-left:-15px;
}

#port_univ1 {
	background-color: #CCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius: 10px;
	width:42%;
	height: auto;
	alignment-adjust:central;
	margin:2% auto;
	padding: 0px;
	padding-left:10px;
	float:left;
}

#port_univ2 {
	width:42%;
	height: auto;
	alignment-adjust:central;
	margin:2% auto;
	background-color: #CCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius: 10px;
	float:right;
	padding: 0px 2px 0px 2px;
	padding-left:10px;
}

#port_univ3 {
	width:42%;
	height: auto;
	alignment-adjust:central;
	background-color: #CCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius: 10px;
	float:left;
	padding: 0px 2px 0px 2px;
	padding-left:10px;
	margin:2% auto;
}

 #port_univ4 {
	width:42%;
	height: auto;
	alignment-adjust:central;
	background-color: #CCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius: 10px;
	float:right;
	padding: 0px 2px 0px 2px;
	padding-left:10px;
	margin:2% auto;
}

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

#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;
	alignment-adjust:central;
	margin:0% 1% 10% 2%;
	padding: 0 0% 0 0%;
}

/*Cierre de portatitulos*/

/*Para animaciones de productos*/
#wowslider-container1 {
	/*width:20%;*/
	width:20%;
	margin:2% 0% 0% 50%;
	alignment-adjust:central;
	/*background-color:#999;*/
	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% 2%;
	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*/

.folletos_de_graduacion {
	width:70%;
	margin:2% 0%;
	left:15%;
	padding:0%;
	clear:both;
	alignment-adjust:central;
	position:relative;
}