* { padding: 0; margin: 0; outline: 0; }

body, html { height: 100%; }

body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	background: linear-gradient(90deg, rgba(2,29,52,1) 0%, rgba(7,51,89,1) 50%, rgba(2,29,52,1) 100%);
	color: #777;
}

h1 {font-size: 1.5em;text-align:center;margin:1em;color:white}
h2{font-size: 1.5em;text-align:center;margin:20px;color:rgb(2,29,52);}
p{text-align:justify; margin:0 auto;color:white; font-size:1em; line-height: 1.5em}


/* INICIA TOPROW */


#divwhatsapp1{position:fixed;width:170px;bottom:50px;right:50px;padding:10px 15px;
				background:#E5EBF8;opacity:0.9;z-index:105;border-radius:10px; display:none;}



#divwhatsapp1:HOVER{cursor:pointer; opacity:1}

#divwhatsapp2{width:100%;}
#divwhatsapp2 img{float:left;width:25px;}
#divwhatsapp2 h1{color:#555; font-size:0.8em;text-align: left;margin:7px 24px}
#divwhatsapp2 p{float:left;color:#26A307; font-weight:bold;margin:4px;font-size:0.8em;;}

#toprow{

	width:100%;

	height:60px;	

	position: relative;

	top:0px;

	padding:0px;

	z-index: 100;	

	

}





#header{

	height:50px;

	background:none;

	width:90%;	

	margin: 0 auto;

	padding: 3px 0px 3px 0px;

	

}





#divlogo, #divlogo2{float:left;width:160px; color:white;}

#divlogo img, #divlogo2 img {width:140px;float:left;;margin:10px 10px;opacity:0.9;cursor:pointer;}

#menu {height:20px;padding:5px;margin:10px 20px;float:right;width:400px;}


#menu li{list-style:none;float:right; margin-left:2px;color: #17D4E7;font-size:14px;
         text-decoration: none;border:1px solid #17D4E7;padding:5px;border-radius:5px;}

#menu2 {height:20px;padding:5px;height:45px;float:right;width:calc(90% - 180px);}

#menu2 li{list-style:none;width:30%;color: #17D4E7;font-size:0.8em;float:right;
         text-decoration: none;border-right:1px solid #17D4E7;padding:10px 5px;text-align:center}
#menu2 li:hover{cursor:pointer;background:#245176;color:white}

#ingresar {margin-top:10px;float:right;border:1px solid #17D4E7; padding:5px;color: #17D4E7;font-size:14px;
			cursor:pointer}

#ingresar:hover {border:1px solid cyan;color: cyan}

#menu li:hover{cursor:pointer;background:blue}

#menu img{width:20px;margin-right:5px;}


/* FINALIZA TOPROW */


/*INICIA PORTADA */
#portada {width: 90%; height:520px; overflow: hidden;margin:0 auto;}
#portada h1 {margin-top: 20px; font-size:2.2em; color: white;line-height: 1.8em;}
#portadaizq {width: 60%; height:100%; overflow: hidden;  float: left;}
#portadaizq h1 {margin-top: 20px; font-size: 1.6em; color: white; text-align: center; line-height: 1.4em}
#portadaizq h2 {margin-top: 30px; font-size: 20px; color: white; text-align: center}
#imagenportada {min-width: 400px; width:90%;height: auto;  margin: 0 auto; display: block;}
#portadader {width: 39%; height:100%; overflow: hidden;  float: right;}


#premium {width: 70%; min-width:700px; height:400px; overflow: hidden;margin:0 auto;}
#premium h1 {margin-top: 20px;  color: white;line-height: 1.8em;}
#premiumizq {width: 50%; height:100%; overflow: hidden;  float: left;}
#premiumizq h1 {margin-top: 20px; font-size: 2em; color: white; text-align: left;display:none; line-height: 1.4em;}
#premiumizq h2 {margin-top: 30px; font-size: 20px; color: white; text-align: center}
#imagenpremium {min-width: 400px; width:95%;height: auto;  margin: 0 auto; display: block;}
#premiumder {width: 49%; height:100%; overflow: hidden;  float: right;}

#preciopromocional{font-size:1.2em;color:#17D4E7;font-weight: bold;text-shadow: 5px;float:left;margin-top:10px;margin-left:35px;}
#valor{font-size:3em;color:red;font-weight: bold;text-align: center;text-shadow: 2px 2px 2px #000;;float:left;margin-left:15px;}

#botonInscrip{display:block; margin:0 auto;margin-top:70px;border:none;background:red;padding:10px 30px;font-size:1.2em; color:white;border-radius:5px;}
#botonInscrip:hover{opacity:0.8;cursor:pointer}
/*FINALIZA PORTADA */

/*INICIA OPCIONES */

#opciones {
	height:auto;
    min-height:250px;
    overflow:hidden;
	width:100%;
	display:none;
	position:relative;
	top:60px;
	}



.containe{
    width:80%;	
    min-height:250px;
	height:auto;
    margin: 0 auto;
    overflow:hidden;    
  }
.opcion{
	height:90px;
	width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    border-radius:5px;
    background: #164557 ;
    box-shadow: 0 0 5px #17D4E7;
    opacity:0.9;	
    
}
.opcion:hover{cursor:pointer;background: #081838;}

.opcion span{
	float:left;
	margin: 30px 20px;
	width: calc(100% - 150px);
	font-weight:bold;color:white;
	font-size: 0.8em;
	text-shadow: 0.5px 0.5px #333;	
}

.opimagen{
	float:right;
	width:50px;
	border-radius:8px;
	margin:15px;
border:1px solid gray;
}

/*FINALIZA OPCIONES */

/*INICIA INORMATIVO*/

.pblanco {width:60%}
.pgris{width:60%; color:#333}

/*FINALIZA INORMATIVO*/

/*INICIA MIDROW ESTÁNDAR*/

#midrow{width:100%; min-height: 80%; height:auto; overflow:hidden;}
#midrow #container{width:80%;min-height: 100px; height:auto; overflow:hidden;margin:0 auto;}
#fondoclaro{width:100%; min-height: 10%; height:auto; overflow:hidden;background: linear-gradient(to bottom,   #ddd, #fff););}
/*FINALIZA MIDROW ESTÁNDAR*/

/*INICIA DESCRIPCIÓN*/

#descripcion{width:80%; min-height: 10%; height:auto; overflow:hidden;margin:0 auto;}
#descripcionder{width:49%;float:right;}
#descripcionizq{width:49%;float:left}
#descripcion p{font-size: 0.9em; width:80%; line-height: 2em; text-align: left;}


/* FINALIZA DESCRIPCIÓN*/

/*INICIA CONTENIDO*/

#contenido{width:80%; min-height: 10%; height:auto; overflow:hidden;margin:0 auto;}
#contenidoder{width:59%;float:right;margin-top:8px}
#contenidoizq{width:39%;float:left}
#ptema{cursor:pointer; font-size:0.9em;text-align:left;width:90%}
#poculto1,#poculto2,#poculto3,#poculto4{
	display:none;padding-left:10px; border-left:1px solid white;
	color:cyan;font-size: 0.8em; width:80%; line-height: 2em; text-align: left;
}
.contenedorVideo {position: relative; 

				padding-bottom: 56.25%; /*panorámico*/
				height: 0;
				background:gray;}



.contenedorVideo iframe{position: absolute;

						top: 0;

						left: 0;

						width: 100%;

						height: 100%;}

#video_responsive {
	margin:0 auto;
	margin-top:2px;
	height: 0;
	/*overflow: hidden;*/
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	
	}
#video_responsive iframe, #video-responsive object, #video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}

/* FINALIZA CONTENIDO*/

/* INICIA INSCRIPCION */
	
	#inscripcion{max-width:500px; width:80%;;margin:0 auto;height:auto;min-height:20px; overflow: hidden; }
	#inscripcion p {width:90%}
/* FINALIZA INSCRIPCION */

/* INICIA GRATUITAS */
	#gratuitas{width:100%;min-height:calc(100% - 60px);height:auto;overflow:hidden;margin:0 auto;
				background: linear-gradient(to bottom,   #ddd, #fff);}
	#gratuitas h1 {color:#333}
	#gratuitasizq{width:27%;float:left;border-right: 1px solid gray;margin-top:15px;}
	#menugratuitas{width:80%;float:right;min-height:10px;height:auto;overflow:hidden;}
	#menugratuitas table{width:98%;}
	#menugratuitas td {height:60px;
	width: 100%;
    border-bottom:1px solid gray;
    color:#333;
	cursor:pointer;
	padding:5px;
	margin:20px;
	font-size:0.9em;
	font-weight: bold;
	}
	#menugratuitas td:hover{background:#ddd;}
	#titulodemostrativa{display:block;margin:0 auto;font-weight: bold;text-align: center; font-size:1em;color:blue}
	.gratuitasder {width:66%;float:right;padding:1% 3%;}
	.gratuitasder p {width:95%;font-size:1.1em}
	
	#pnumerico {color:#333;}
	
	
	#simuladores{
	width:60%;margin:0 auto;
	min-height:10px; height:auto;margin-top:60px;
	overflow:hidden;padding:2px;
	padding-bottom: 20px;
	}
	#instrucciones {color:#333; width:90%;margin:0 auto;}
	
	#menusimulador{width:80%;float:right;min-height:10px;height:auto;overflow:hidden;}
	#menusimulador table{width:98%;}
	#menusimulador td {height:60px;
	width: 100%;
    color:white;
	border-bottom: 1px solid cyan;
	cursor:pointer;
	padding:5px;
	margin:20px;
	font-size:0.9em;
	}
	
	.simulador{margin:0 auto;width:90%;
	min-height:10px; height:auto; overflow:hidden; margin-top:20px;border-bottom:1px solid gray; padding:5px;}
	.simulador p {display:block;					
					float:left; 
					width:65%; 
					padding:20px 5px;
					color:#333;
					text-decoration: none;
					text-align:left;				
					
	}
	#botosimulador{float:right;margin-top:17px;margin-right:5px;width:30%;}
	#botosimulador button {
	width:100px;margin:2px;	padding:5px 1px; 
	float:left;
	}
	#botosimulador button:HOVER {cursor:pointer;}
	
	#divcomenzar {margin:0 auto;height:60px;width:100px;margin-top:18px;}
	#btncomenzar{background:blue;color:white;padding:8px 13px;border-radius:5px; font-size:1em;border:none;cursor:pointer;}
	
	
	#gratuitologico,#gratuitoverbal,#gratuitoatencion {display:none}
/* FINALIZA GRATUITAS */
/* INICIA BENEFICIOS*/

#beneficios {width:100%;min-height:200px;height:auto;overflow: hidden;background:#eee}
#beneficios h1 {margin:40px;color:#096DE5}
#beneficios #container {width:80%; min-height:200px; margin:0 auto; min-height:200px;height:auto;overflow: hidden;margin-bottom: 10px;}
#divporque1,#divporque2,#divporque3 {width:33.3%; float:left;min-height:200px;margin-bottom: 100px;}

#divpq1,#divpq2,#divpq3 {clear:both;position:relative;top:20px;min-height:200px;left:5%;
						padding:10px;background-image: linear-gradient(white, #BCD0FB);border-radius:15px;width:85%}

#divpq1 p,#divpq2 p,#divpq3 p {margin:20px 40px; text-align: left;line-height: 25px;}

#imgpq1,#imgpq2,#imgpq3{width:60px; display:block; margin:0 auto;margin-top:25px}



/* FINALIZA BENEFICIOS */

/* INICIA CASOS DE EXITO */

#casos {width:100%; min-height: 200px;height:auto; overflow: hidden;color:gray}
#casos #container {width:80%; margin:0 auto; min-height: 200px;height:auto; overflow: hidden;}

#divtupuedes, #divcasos{width:50%; float:left;min-height:700px;margin:50px 0px;}
#imgtupuedes{width:100%; border-radius:15px;position:relative;top:75px;display:none;}


/*.caso{width:40%;float:right;min-height: 250px;background:white;margin:15px;border-radius:15px}*/
.caso{width:40%;float:right;min-height: 220px;background:white;margin:15px;border-radius:15px}
.caso p {margin:5px 15px;text-align: left;color:#333;}
.caso img{width:40%; margin:15px 15px 5px 15px;}



#casos h1 {margin:40px;color:#096DE5}

/* FINALIZA CASOS DE EXITO */

/* INICIA CURSO PREMIUM */

#cursopremium{width:100%; min-height:100px; height:auto; overflow: hidden;background: linear-gradient(to bottom right,   #fff, #eee);}
#cursopremium #container{max-width:900px; width:80%; min-height:100px; height:auto; overflow: hidden; margin:0 auto;}





/*#cursopremium h1 {width:48%; float:left;margin-top:160px;color:#096DE5}*/
#cursopremiumMovil{display: none}
#cursopremium h1 {width:45%; float:left;margin-top:270px;color:#096DE5;margin-left: 55px}
@keyframes tipsy {
  0 {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

#cursopremium{
  font-family: helvetica, arial, sans-serif;
  
}

#cursopremium h1 {
  color: #096DE5;
  text-shadow: 0 20px 25px white, 0 40px 60px white;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -3px;
  float:left;
  position: relative;
  top: 50%;
  left: 20%;
  transform: translateX(-50%) translateY(-50%);
}

#cursopremium h1:before,
#cursopremium h1:after{
  content: '';
  padding: .9em .4em;
  position: absolute;
  left: 50%;
  width: 70%;
height: 190px;
  top: 50%;
  display: block;
  border: 15px solid red;
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  /*animation: 10s infinite alternate ease-in-out tipsy;*/
  animation: 10s;
}

#cursopremium h1:before {
  border-color: white white rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  z-index: -1;
}

#cursopremium h1:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #722E85 #722E85;
  box-shadow: 25px 25px 25px rgba(46, 46, 49, .8);
}








#divhorarios{float:right;width:48%;  margin:0 auto; min-height:250px; overflow:hidden;
		 	  margin-bottom:20px;}


.divhorarios2{width:100%;min-height:500px;height:auto; overflow:hidden;margin-top:15px;}
.hportada{width:100%;height:150px}
.hportada img {width:100%}

.horario{width:80%;min-height:380px; height:auto; margin:0 auto;text-align:center;
			background: #fff;border:none; box-shadow:0 0 5px 0 #aaa;position:relative;overflow:hidden; }
.hcontenido {width:95%;margin:0 auto; height:auto;min-height:200px;overflow:hidden;margin-bottom:10px;}
.hcontenido h2{color:#666;padding:0px 20px;font-weight: bold;font-size:18px;text-align: Left; }
.hcontenido h3{color:#222;padding:20px;font-size:15px;}
.hcontenido p{padding:10px 20px;font-size:14px;text-align: Left;}


.hcontenido button {margin-bottom: 8px;color:white; font-weight: bold;font-size:16px;padding:10px 50px;border:none;
		 			border-radius:5px;  background:#FA2D2D; width: 310px}
.hcontenido button:hover {cursor:pointer;background:#FB0303;color:#fff}

/* INICIA SERVICIOSFREE */
#serviciosfree{width:100%;min-height:100px;heith:auto;overflow:hidden;background: linear-gradient(to bottom right,   #fff, #eee)}
#serviciosfree #container{width:65%;min-height:100px;heith:auto;overflow:hidden;margin:0 auto;}
#serviciosfree h1 {margin:40px;color:#096DE5}
#serviciosfree img{display:block;width:90%;margin:0 auto;cursor:pointer;box-sizing: border-box}
#serviciosfree img:hover{border:3px solid blue;}

#clasesgratis {width:48%; float:left;min-height:360px; height:auto;overflow:hidden;}


#simuladorgratis{width:48%; float:right; min-height:360px; height:auto;overflow:hidden;}

/* FINALIZA SERVICIOSFREE */


/* INICIA PRUEBA REDES */

#redess {width: 100%; min-height: 200px; height: auto; overflow: hidden;background: rgb(35,36,0);
background: linear-gradient(180deg, rgba(35,36,0,1) 0%, rgba(174,0,85,1) 99%, rgba(2,0,36,1) 100%); margin: 0 auto;}
#redess h1{color: white}

.containeredes{
    width:80%;
   /* height:170px;*/
   height:250px;    
    margin: 0 auto;
    overflow:hidden;
    /*border:1px solid #00d4ff;*/
	background-color: linear-gradient(#A80B4E, #461C58);no-repeat;background-size:100%;
   /* -moz-box-shadow:1px 1px 6px #000;*/
   /* -webkit-box-shadow:1px 1px 6px #000;*/
    -moz-border-radius:0px 0px 20px 20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    border-radius:0px 0px 20px 20px;

      
}
ul#menuport1{

    list-style:none;
   /* position:absolute;*/
	margin-top: 20px;
    bottom:15px;
    left:0px;
    font-size:36px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:#999;
    letter-spacing:-2px;
	width: 740px;
	height: auto;
	overflow: hidden;
	margin:0 auto;

	}
ul#menuport1 li{
	
    float:left;
	/*margin:0px 0px 0px 0px;*/
   margin-top:40px;

}
ul#menuport1 li:hover{
	
}
ul#menuport1 a{

    cursor:pointer;
    line-height:20px;
    width:180px;
	margin: 0 auto;
	display: block;
	/*margin-right:10px;*/
	text-decoration: none;
	
}
ul#menuport1 span.title{
	text-align: center;
	font-size: 0.7em;
	line-height: 60px;
	margin-bottom: 10px;
    display:block;
    height:50px;
    text-shadow:1px 1px 1px #000;
	color: white;
    /*color:#B7B7B6;*/
    text-indent:0px;
	
	
}
ul#menuport1 span.description1{
    /*width:140px;*/
	width:100px;
    height:100px;
	/*height:80px;*/
    /*background-color:#65098D;*/
	background-image:url('images/fais.jpg'); background-size: 100%;
    border:3px solid #fff;
    color:#fff;
    display:block;
    font-size:20px;
    padding:10px;
    -moz-box-shadow:1px 1px 6px #000;
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 6px #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	letter-spacing:0px;
	box-shadow: 0 0 20px #4f9;
	margin: 0 auto;
}
ul#menuport1 span.description1:hover{
  box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
  outline-color: rgba(49, 138, 172, 0);
  outline-offset: 80px;
  text-shadow: 1px 1px 6px #fff;
  border-shadow: 
}
ul#menuport1 span.description2{
    /*width:140px;*/
	width:100px;
    height:100px;
	/*height:80px;*/
    /*background-color:#65098D;*/
	background-image:url('images/yutu.jpg'); background-size: 100%;
    border:3px solid #fff;
    color:#fff;
    display:block;
    font-size:20px;
    padding:10px;
    -moz-box-shadow:1px 1px 6px #000;
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 6px #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	letter-spacing:0px;
	box-shadow: 0 0 20px #4f9;
	margin: 0 auto;
}
ul#menuport1 span.description2:hover{
  box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
  outline-color: rgba(49, 138, 172, 0);
  outline-offset: 80px;
  text-shadow: 1px 1px 6px #fff;
  border-shadow: 
}
ul#menuport1 span.description3{
    /*width:140px;*/
	width:100px;
    height:100px;
	/*height:80px;*/
    /*background-color:#65098D;*/
	background-image:url('images/insta.jpg'); background-size: 100%;
    border:3px solid #fff;
    color:#fff;
    display:block;
    font-size:20px;
    padding:10px;
    -moz-box-shadow:1px 1px 6px #000;
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 6px #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	letter-spacing:0px;
	box-shadow: 0 0 20px #4f9;
	margin: 0 auto;
}
ul#menuport1 span.description3:hover{
  box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
  outline-color: rgba(49, 138, 172, 0);
  outline-offset: 80px;
  text-shadow: 1px 1px 6px #fff;
  border-shadow: 
}
ul#menuport1 span.description4{
    /*width:140px;*/
	width:100px;
    height:100px;
	/*height:80px;*/
    /*background-color:#65098D;*/
	background-image:url('images/tiktok.jpg'); background-size: 100%;
    border:3px solid #fff;
    color:#fff;
    display:block;
    font-size:20px;
    padding:10px;
    -moz-box-shadow:1px 1px 6px #000;
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 6px #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	letter-spacing:0px;
	box-shadow: 0 0 20px #4f9;
	margin: 0 auto;
}
ul#menuport1 span.description4:hover{
  box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
  outline-color: rgba(49, 138, 172, 0);
  outline-offset: 80px;
  text-shadow: 1px 1px 6px #fff;
  border-shadow: 
}

/*FINALIZA PRUEBA REDES */

/*INICIA REDESCELULAR */
#redesscelular{display:none;}
#grafico{float: right; width: 50%; height: auto; overflow: hidden;}
#grafico1{
	margin: 0 auto;
margin-top:75px;
width: 80%;
background: white;
height: 250px;
border-radius:200px;
background-image: url('images/socialmedia.jpg');background-size: 135%; background-position: center; background-repeat: no-repeat; 
}
#grafico2{float: left; width: 48%; height: auto; overflow: hidden;}
#grafico3{
margin: 0 auto;
margin-top:25px;
margin-right:85px;
width: 20%;
background: white;
height: 80px;
border-radius:300px;
background-image: url('images/fais.jpg'); background-position: center;background-size: 100%; background-repeat: no-repeat; 
}
#grafico3 a {display: block; width: 100%; height: 100%;}
#grafico4{
margin: 0 auto;
margin-top:10px;
width: 20%;
background: white;
height: 80px;
border-radius:300px;
background-image: url('images/yutu.jpg'); background-position: center;background-size: 100%; background-repeat: no-repeat; 
}
#grafico4 a {display: block; width: 100%; height: 100%;}
#grafico5{
margin: 0 auto;
margin-top:10px;
width: 20%;
background: white;
height: 80px;
border-radius:300px;
background-image: url('images/insta.jpg'); background-position: center;background-size: 100%; background-repeat: no-repeat; 
}
#grafico5 a {display: block; width: 100%; height: 100%;}
#grafico6{
margin: 0 auto;
margin-right:85px;
margin-top:10px;
width: 20%;
background: white;
height: 80px;
border-radius:300px;
background-image: url('images/tiktok.jpg'); background-position: center;background-size: 100%; background-repeat: no-repeat; 
}
#grafico6 a {display: block; width: 100%; height: 100%;}
/*FINALIZA REDESCELULAR */



/* INICIA LOGIN */

#divlogin {width:400px;height:420px; overflow:hidden;margin:0 auto;margin-top:100px;background: #164557 ;
            box-shadow: 0 0 5px #17D4E7;position:relative;display:none;}
#divlogin form{width:90%; height:90%; margin:0 auto;}
#divlogin table{margin:0 auto;width:95%;margin-top:15px;}
#divlogin table td{padding:6px 10px;text-align:left;font-size:14px; color:white;line-height: 20px; }
#divlogin .casilla{height:40px;border-radius:5px;border:1px solid #bbb;width:100%;}
#divlogin #boton{background:#3B7FB3; color: white; padding:12px 45px;margin-top:35px; font-size:17px;border:none;border-radius:5px}
#divlogin #boton:HOVER{cursor:pointer;background:#26B6CF}
#divlogin p {width:80%;margin:0 auto;font-size: 0.8em}

/*FINALIZA LOGIN */



 
/* INICIA PIE DE PAGINA*/

#piedepagina {width:100%; min-height:100px; height:auto; overflow:hidden;}
#piedepagina #container {width:80%; min-height:100px; height:auto; overflow:hidden;margin:0 auto;}
.divpie{width:33.3%; float:left;min-height:100px;}
.divpie img{width:150px; margin:20px; }
.divpie p{ font-size:14px;margin:12px 0px; text-align:left;line-height: 24px;}
.divpie p:hover{cursor:pointer;}
.divpie2{width:80%;}


/* FINAIZA PIE DE PAGINA*/

/* INICIA CONFIGURACIÓN DE RESPONSIVE */

@media only screen and (max-width: 750px) {
	#imgonline {display: none;}
	#portadaizq {width: 100%; margin: 0 auto;}
	#opciones{display:none;}
	#toprow{height:80px}
	#header{width:98%;height:80px}
	#divlogo {width:160px;;padding:0 px; margin:7px;}
	#divlogo2{display:none}


	#divlogo img{width:140px;float:left;;margin:5px 5px;}
	#menu {height:30px;padding:0px 5px;margin:1%;width:60%;}
	#menu li{list-style:none;margin:0 auto; font-size:0.8em;  margin-left:8px;padding:4px 4px; text-align:center; width:90px;}

	#menu2 {height:30px;padding:0px;margin:0px;width:100%;margin-top:10px;}
	#menu2 li{margin:0 auto; font-size:0.8em;  margin:0px;padding:10px 0px; text-align:center; width:33%;}

	#ingresar {margin-right:20px;font-size:1em}

	/*#opcionesMovil{display:block; min-height:400px;height:auto;overflow:hidden;margin-bottom:20px; width:100%;}*/
    
	#beneficios #container {width:100%;}
	#divpq1{top:0px}
	#divporque1,#divporque2,#divporque3 {width:100%;margin: auto;margin-top:50px;}
	#divtupuedes, #divcasos{width:100%; min-height:100px;margin: 0 auto;}
	#imgtupuedes{margin-top:5px;margin-bottom: 50px;display:block;}
	#casos #container {width:100%;}
	#divcasos{width:99%;}
	.caso{width: 42%;margin:0 px;}
	.pblanco,.pgris {width:90%}
   
	
	#cursopremium {display:none}
    #cursopremiumMovil {display: block;}
	#cursopremiumMovil #container{width:100%}
	#cursopremiumMovil h1 {width:96%; margin:0 auto;margin-top:20px;margin-bottom: 20px; color: #096DE5}
	#divhorarios{width:100%;clear:both;}
	.divhorarios2{display:block; width:90%;max-width:420px;  margin:0 auto;}
	
	.divpie img{width:100px; margin:20px 5px; }
	.divpie p{ font-size:12px;margin:12px 0px; text-align:left;line-height: 24px;}

	#serviciosfree #container{width:100%}
	#clasesgratis {width:100%; margin:0 auto; min-height:20px}
	#simuladorgratis{width:100%; margin:0 auto; min-height:20px}
	#serviciosfree img{width:80%;margin-bottom:35px;}
	#serviciosfree h2{font-size:25px; }
	#midrow #container {width:100%}

	#premium {width: 100%; min-width:10px;}
	#premium h1 {margin-top: 20px; font-size:1.8em; color: white;line-height: 1.4em;}
	#premiumizq {width: 90%;}
	#premiumder {display:none;}
	
	
	#descripcion{width:100%;}
	#descripcionder{width:100%;}
	#descripcionizq{width:100%}
	#descripcion p{font-size: 1.1em;width:90%}

	#contenido{width:100%;}
	#contenidoder{width:96%;padding:2%}
	#contenidoizq{width:96%;padding:2%}

	#inscripcion{width:100%;box-shadow:none; }
	#inscripcion p{font-size: 1.1em;width:90%}

	#gratuitas{background:none;}
	#gratuitas h1 {color:white}
	#gratuitasizq{width:96%;margin:0 auto;border:none;min-height:10px;height:auto;overflow: hidden;padding:0% 4%; margin-top:0px;}
	#menugratuitas{width:100%;margin:0 auto;min-height:10px;height:auto;overflow:hidden;margin-top:0px;}
	#menugratuitas td {color:white;}
	#menugratuitas td:hover {background:#073359}
	.gratuitasder {clear:both;width:98%;margin:0 auto;padding:1%;}
	.gratuitasder p {width:95%;font-size:1.3em}


	#simuladores{width:100%;margin-top:0px;}
	#simuladores p {color:white;}
	.simulador p {color:white;}
	#pnumerico {color:white;}

	#botosimulador{width:110px;}
	
	#btncomenzar{background:white;color:blue;padding:12px 18px;border-radius:5px;font-weight: bold; font-size:1.2em;margin-top:14px}
	

	#redess {display: none}
	#redesscelular {display:block; min-height:400px;height:auto;overflow:hidden;margin-bottom:20px; width:100%;background: rgb(35,36,0);
		background: linear-gradient(180deg, rgba(35,36,0,1) 0%, rgba(174,0,85,1) 99%, rgba(2,0,36,1) 100%);}
}

@media only screen and (max-device-width:750px) and (orientation: portrait) {
	#midrow #container {width:100%}
	#divlogin {width:80%;height:70%}
	#divwhatsapp2 h1{font-size:1em;}
	#divwhatsapp2 p{font-size:1em;;}
}

/* FINALIZA CONFIGURACIÓN DE RESPONSIVE */