/*@import url("//fonts.googleapis.com/css?family=Open+Sans");*/
/*estilo Open Sans*/

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**/
@media screen and (max-width:799px)  { 
#li_movil_tam{height:50px;}
#vinculo_menu_movil{

height:60px;
}
.div_imagen_foto_msj{float:left; width:80px; height:80px; margin-top:-20px; margin-left:30px;border-style: groove; border-width: 2px; border-color:#4F4F4F}
.img_div_imagen_foto_msj{width:80px; height:80px;}
#codigo_apoderado_compra_select{ width:70px; font-size:12px;}
.class_pago_corres_movil{ font-size:10px;}
.espacio_movil_cursos_{ height:63px;}
/*(min-width:320px), (min-width:481px), (min-width:641px)*/
/*version movillllllllllllllllll*/
body{
margin-left:3%;
margin-right:3%;
background-color:#FFFFFF;

}

.texto_nombre_curso{background-color: #FFFFFF;color: #333333;font-family:"Myriad Web Pro", "Futura Md BT", Arial; font-weight:bold; font-size:7px; }
 
.class_menu_detalle_publico{margin-top:650px; width:100%; height:auto;}

#chat_profesor{
box-shadow: 5px -9px 3px #333;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px; width:90%; height:700px;
}

.class_contenedor_inferiora{width:100%; background:#FFFFFF}
.class_contenedor_inferiorb{float:left; width:100%;margin-top:18px;}
.class_contenedor_inferiorc{width:40%; float:left; font-size:20px;}
.class_contenedor_inferiord{width:100%; background:#FFFFFF}
.class_contenedor_inferiore{float:left; width:80%;margin-top:18px;}
.class_contenedor_inferiorf{width:40%; float:left; font-size:20px;}


.class_tam_div_msja{width:100%; float:left;}
.class_tam_div_msjb{width:100%; float:left; background-color:#999999; height:2px;}
.class_tam_div_msjc{width:100%; float:left;  height:300px;  overflow-x:hidden;}

.class_nombre_portal{float:left; width:90%; height:100px;}
.class_contenedor_ver_mensajes{width:100%;}
/*(min-width:320px), (min-width:481px), (min-width:641px)*/
/*version movillllllllllllllllll*/
.letra_movil_titulo{ font-size:9px;}




.down-real-interno{width:100%; height:60px; background-color:#204A84;}	



.letra_movil_titulo{ font-size:9px;}

.tam_webpay{ height:40px;width:75px;}
.tam_paypal{height:35px;width:75px;}

.footable {
  width: 39%;
  font-family: Arial;
  font-size: 8px;
  color: #444;
 
  border: solid #ccc 1px;
  border-collapse: separate;
  border-spacing: 0;
}

.footable > tbody > tr > td, .footable > thead > tr > th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}
 
.footable > thead > tr > th, .footable > thead > tr > td {
  background-color: #dce9f9;
}

.footable {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
 
 
 .footable > thead > tr > th {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}




.enviar-estudiante {	
    background-color: #0066CC;
	width: 60%;
	height: 35px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-bottom:15px;
	float:right;
	margin-right:30px;
	border: 0px;
}

.columna_central{width:80%;}
.tamano_imagen_curso{width:90px; height:55px;}
.tamano_imagen_curso_img{width:90px; height:55px;}
.down-real-interno{width:100%; height:60px; background-color:#204A84;}
.down-real{ height:40px;}
.separacion_desktop{ display:none;}
.espacio_desktop{display:none;}
.pos_monto_plan{ margin-top:-64%; font-size:7px; margin-left:10px; display:none;}
.tam_costo{ font-size:10px; margin-top:-1px; width:100%; height:10px; }



.text_area_comentarios{width:50%; height:100px;}


/*(min-width:320px), (min-width:481px), (min-width:641px)*/
/*version movillllllllllllllllll*/

.class_estilo_letra_reloj{ height:20px; color:#FFFFFF; font-weight:bold; text-align:center; font-family:'Myriad Web Pro', 'Futura Md BT', 'trebuchet MS', Arial; font-size:9px; padding-top:8px;}

.estilo_area_pregunta{float:left;width:auto; margin-left:1px; margin-top:29px; font-size:10px; word-wrap: break-word;}
.class_reloj_izq{width:15%; height:280px; background-color: #CCCCCC; float: right; margin-top:10px;}
/*.enviar-estudiante {	
    background-color: #0066CC;
	width: 100%;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:15px;
	float:right;
	border: 0px;
}*/


	.estilo_iframe_video{ width:100%; height:400px}



img{max-width:250px;}

.contenedor_estrella{float:left; width:100%;}
.imagen_estrella_a{width:100%;}
.estilo_div_estrella{float:left; width:15%;}


.tamano_iconos_link{width:20%; height:100%; float:left}

.titulo_inicial_movil{
margin-top:30px;
height:68px;
}
.contenidos_mci{margin-top:60px;
	font-family:Arial,"Myriad Web Pro","Futura Md BT",Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height:24px;}
	
.titulo-actividad-nombre-curso{

	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:18px;/*14*/
	font-color:#006699;
	color:#069;
}
.nombre_curso{ margin-left:8%; font-size:18px;}
.imagen_{width:130px; height:80px;}
.separacion_desktop{ display:none;}
.espacio_desktop{display:none;}
.pos_monto_plan{ margin-top:-64%; font-size:7px; margin-left:10px; display:none;}
.tam_costo{ font-size:10px; margin-top:-1px; width:100%; height:10px; }
.estrella_class_div{width:18%; margin-top:6px;}
.estrella_class{
height:7px;
width:100%;
}

.contenidos{
margin-top:-32px;
}
.imagen_curso{height:70px; width:100%;}

.tamano_nombre{ font-size:9px; height:10px; line-height:7px; margin-top:6px;}
.largo_cuadros{height:100px;}

#tabla_formulario {width:90%;}
#tabla_formulario_inicio{ width:90%;}
#activo_movil{ display:inherit;}
#activo_desktop{ display: none;}




#top-menu-movil{ 
display:inherit;
width:20%;
float:left;
}
#top-menu{ display:none;}


a:link {
	color: #069;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #069;
}
a:hover {
	text-decoration: none;
	color: #069;
}
a:active {
	text-decoration: none;
	color: #069;
}


body{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
		margin-right:3%;
background-color:#EFEFEF;
	}
.contenedor-real{
	top:0px;
	width:100%;
	height:auto;
	background-color: #FFFFFF;
	float:left;
	justify-content:center;
	align-items:center;


	
	}
.titulo-real{
	margin-left:2%;
	margin-top:58px;
	height:35px;
	width:auto;
	float:left;
	padding-left:3px;
	padding-right:0%;
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#666;
	}
.titulo-real-2{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#7D7D7D;
	}
.triangulo-abajo{
	height:auto;
	border-top:7px solid #FFFFFF;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-top:7px;
	margin-left:5px;
	float:right;}

.triangulo-abajo-home{
	height:auto;
	border-top:7px solid #666666;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-top:5px;
	margin-left:1px;
	float:right;}

	
.contenido-real{
	margin-top:2px;
	height:auto;
	width:100%;
	background-color:#FFFFFF;
	float:left;
	margin-left:2%;
	/*padding-left:3%;
		
		padding-right:3%;

	*/
	padding-top:20px;
	padding-bottom:20px;
	border-top:4px solid #DDD;}
	
	.contenido-real-home{
	margin-top:2px;
	height:auto;
	width:100%;
	background-color:#FFFFFF;
	float:left;
	margin-left:2%;
	/*padding-left:3%;
		
		padding-right:3%;

	*/
	padding-top:20px;
	padding-bottom:20px;
	border-top:4px solid #DDD;}
	
	
	
	


.down-real{
    height:40px;
	clear:left;
    margin-top:30px;
	width:100%;
	float:left;
}

	.down-real-interno{width:100%; height:60px; background-color:#204A84;}	
	
	
.face-neuronas-real{
	margin-top:30px;
	background-color:#FFFFFF;
	margin-right:6%;
	margin-left:4%;
	width:60%;
	min-width:800px;
	height:auto;
	float:right;
	padding-left:3%;
	padding-top:40px;
	padding-right:3%;}
.menu-lateral-real{
display:none;
	margin-top:-35px;
	width:16%;
	height:130%;
	margin-left:0%;
	text-align:left;
	float:left;

	
	}

h1{
   font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size:33px;
   font-weight:normal;
   fontcolor: #006699;
   color:#069;}
.titulo-actividad{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-color:#006699;
	color:#069;}
.titulo-encabezado{
	font-family:Arial,"Myriad Web Pro","Futura Md BT","Trebuchet MS",Helvetica,sans-serif;
	font-size:18px;
	color:#7E7E7E;}
.titulo-actividad-chico{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:8px;
	color:#999999;}
.contenido-evaluacion{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#333333;}	
.contenidos{
	font-family:Arial,"Myriad Web Pro","Futura Md BT",Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height:24px;}
.linea-gris{
	margin-top:0px;
	height:5px;
	color:#DDDDDD;}

#menu-mis-cursos ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 220px;
    font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
}
#menu-mis-cursos ul li a {
    color: #666;
    text-decoration: none;
    display: block;	
    padding: 3px 3px 3px 3px;
	margin-top:3px;
	letter-spacing:0px;
}
#menu-mis-cursos ul li a:hover {
    color: #333;
	margin-top:3px;
}

#menu-mis-cursos ul li a:hover {
    color: #333;
	margin-top:3px;
}
	
.menu{
	padding:0;
	list-style:none;
	width:99%;
	font-size:14px;
	background:#fff;
	border: 0px solid rgba(0,0,0,0.0);
	overflow:hidden;
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:left;
}
 
.menu li a{
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.2);
	border-top: 1px solid rgba(255,255,255, 0.2);
	background:#E34A45;
	border-radius: 7px 7px 0px 0px;
	text-decoration:none;
	color:#FFF;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
	filter: dropshadow(color=#000, offx=1, offy=0);
	padding:10px;
	padding-left:20px;
	height:30px;
}
 
.menu li ul li a{
	font-size:14px;
    font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666666;
	text-shadow: 1px 0px 1px rgba(255,255,255,0.5);
	
}
 
.menu li a:hover{
	background:#E34A45;
	-moz-transition: background 0.3s ease-in;
	-webkit-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
}
 
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	height:0;
	overflow: hidden;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
}
 
.menu li:hover ul{
/*	height:auto;*/
	overflow-y:hidden;
	overflow-x:hidden;
}
 
.menu ul li a{
	background:#fafafa;
}
 
.menu ul li a:hover {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    -moz-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
}


hr {
    height: 1px;
    border: 0;
    background-color: #F1F1F1;
}

.imagen-usuario {
	width:40px;
	height:40px;
	float:left;
}
.datos-usuario {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:40%;
	height:40px;
	padding-left:8px;


	float:left;
}
.mis-cursos {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:100%;
	float:left;
	margin-top:15px;
	padding-bottom:80px;
}

/*
.titulo-actividad{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:28px;
	color:#069;
	width:95%;
	}
	*/
	
.titulo-descripcion{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#333333;
	line-height: 12px;
	width:100%;
	}

.precio-curso {
	color: #FF0000;
	font-weight: bold;
	font-size: 25px;
}
.Estilo2 {
	color: #0099FF;
	font-weight: bold;
	font-size: 20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

.titulo {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;   
	color:#333;	
	padding-left:8px;
	float:left;	
	font-size: 32px;
	color: #006699;
	font-weight: bold;
}
#contenedor-tabla {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	margin-top:5px;
	margin-bottom:200px;
}
#contenidos-tabla {
    display: table-row;
}
.boton-comprar {	
    background-color: #0066CC;
	width: 30%;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:30px;
	float:right;
	border: 0px;
}

.triangulo-contenidos {
     width: 0; 
     height: 0; 
     border-left: 8px solid #AAAAAA;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
	 float:left;
	 margin-right:7px;
}

	
	
	
	
	
	
	/*
.titulo-descripcion{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height: 24px;
	width:95%;
	}*/

.precio-curso {
	color: #FF0000;
	font-weight: bold;
	font-size: 25px;
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
}
.Estilo2 {
	color: #0099FF;
	font-weight: bold;
	font-size: 20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}


#contenedor-tabla {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	margin-top:5px;
	margin-bottom:30%;
}
#contenidos-tabla {
    display: table-row;
}
.boton-comprar {	
    background-color: #0066CC;
	width: 180px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:30px;
	float:right;
	border: 0px;
}

.triangulo-contenidos {
     width: 0; 
     height: 0; 
     border-left: 8px solid #AAAAAA;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
	 float:left;
	 margin-right:7px;
}

.titulo {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;   
	color:#333;	
	padding-left:8px;
	float:left;	
	font-size: 32px;
	color: #006699;
	font-weight: bold;
}
   .boton_personalizado{
    text-decoration: none;
    padding: 10px;
    font-weight: 60%;
    font-size: 18px;
    color: #ffffff;
    background-color: #0099FF;
    border-radius: 6px;
    border: 2px solid #0099FF;
        }
.boton_personalizado:hover{
    color: #ffffff;
    background-color: #1883ba;
}


h1{
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight:normal;
    font color: #006699;
	color: #069;
}/*
.titulo-actividad {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 33px;
    font color: #006699;
	color: #069;
}
*/
.boton-ingresar {
	background-color: #006699;
	width: 59%;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 0px;
	position: absolute;
	border: 0px;
}
.boton-recuperar {
	background-color: #006699;
	width: 30%;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 0px;
	position: absolute;

	border: 0px;
}
.campos {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #006699;
	width: 100%;
	background-color: #FFF;
	word-spacing: 50px;
	height: 35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FBFBFB;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	border-left-color: #FBFBFB;
	padding-left: 5px;
}

.formulario-texto {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;text-align: center;
	font-size: 18px;	
	color: #666666;
}
.formulario-texto-2 {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
	font-size: 10px;
	color: #666666;
}
.respuesta_no2 {
font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #CC0000;
}

.form-group {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 14px;
	color:#333;
}
.menu-mis-cursos {
	background-color:#FFF;
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:28%;
	height: auto;
	margin-bottom:100px;
	padding:12px 12px 12px 12px;
	float:left;
}
.imagen-usuario {
	width:40px;
	height:40px;
	float:left;
}
.datos-usuario {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:20%;
	height:40px;
	padding-left:8px;
	float:left;
}


.contenido-real-cursos {
	margin-top:20px;
	margin-left:6%;
	margin-right:5%;
	height:auto;
	width:85%;
	background-color: #FFFFFF;
	float:left;
	padding-left: 3%;
	padding-top: 40px;
	padding-right: 3%;
	padding-bottom:20px;
}



.contenedor-apps {
    position: relative;
    padding-bottom: 75%;
    width: 100%;
	height: 0;
    overflow: hidden;
}
.contenedor-videos {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.apps-videos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
.radio{
display: inline-block;
position: relative;
top: 5px;
border: 2px solid #ccc;
width: 18px;
height: 18px;
background: #fff;
}



}
</style>

<style type="text/css">

<!-- estile class.css -->
/*version desktopppppppppppppppppppp*/

@media screen and (min-width: 769px) 
{
#li_movil_tam{height:34px;}
#vinculo_menu_movil{
height:34px;
}
.div_imagen_foto_msj{float:left; width:120px; height:120px; margin-top:-20px; margin-left:30px;border-style: groove; border-width: 2px; border-color:#4F4F4F}
.img_div_imagen_foto_msj{width:120px; height:120px;}
.espacio_movil_cursos_{ height:0px;}
.texto_nombre_curso{background-color: #FFFFFF;color: #333333; font-size: 16px;font-family:"Myriad Web Pro", "Futura Md BT", Arial; font-weight:bold; font-size:15px; }
.titulo-actividad-nombre-curso{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:33px;
	font-color:#006699;
	color:#069;}
.class_menu_detalle_publico{margin-top:750px; width:100%; height:auto;}
#chat_profesor{
box-shadow: 5px -9px 3px #333;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px; width:880px; height:700px;
}

.class_contenedor_inferiora{width:850; background:#FFFFFF}
.class_contenedor_inferiorb{float:left; width:730px;margin-top:18px;}
.class_contenedor_inferiorc{width:300px; float:left; font-size:20px;}

.class_contenedor_inferiord{width:850; background:#FFFFFF}
.class_contenedor_inferiore{float:left; width:730px;margin-top:18px;}
.class_contenedor_inferiorf{width:300px; float:left; font-size:20px;}
.class_tam_div_msja{width:880px; float:left;}
.class_tam_div_msjb{width:880px; float:left; background-color:#999999; height:2px;}
.class_tam_div_msjc{width:880px; float:left;  height:300px;  overflow-x:hidden;}

.class_nombre_portal{float:left; width:600px; height:100px;}
.class_contenedor_ver_mensajes{width:880px;}


.down-real-interno{width:100%; height:280px; background-color:#204A84;}
.tam_webpay{ height:80px;width:150px;}
   .tam_paypal{height:70px;width:150px;}
.footable {
  width: 100%;
  font-family: Arial;
  font-size: 14px;
  color: #444;
 
  border: solid #ccc 1px;
  border-collapse: separate;
  border-spacing: 0;
}

.footable > tbody > tr > td, .footable > thead > tr > th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}
 
.footable > thead > tr > th, .footable > thead > tr > td {
  background-color: #dce9f9;
}

.footable {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
 
 
 .footable > thead > tr > th {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}




.columna_central{width:675px;}
.tamano_imagen_curso_img{width:100%; height:100%;}
.tamano_imagen_curso{width:220px; height:140px;}
.down-real-interno{width:100%; height:280px; background-color:#204A84;}
.espacio_desktop{display: inherit;}
.pos_monto_plan{ margin-top:0px;font-size:11px;}
.tam_costo{ font-size:16px;}
.text_area_comentarios{width:100%; height:100%;}

.class_estilo_letra_reloj{height:20px; color:#FFFFFF; font-weight:bold; text-align:center; font-family:'Myriad Web Pro', 'Futura Md BT', 'trebuchet MS', Arial; font-size:13px; padding-top:8px;}
.estilo_area_pregunta{float:left;width:auto; margin-left:10px; margin-top:4px;}
.class_reloj_izq{width:120px; height:280px; background-color: #CCCCCC; float: right; margin-top:10px;}
.enviar-estudiante {	
    background-color: #0066CC;
	width: 160px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:15px;
	float:right;
	border: 0px;
}

	.estilo_iframe_video{ width:900px; height:600px}
.contenedor_estrella{float:left; width:60%;}
.imagen_estrella_a{width:'20px';}
.estilo_div_estrella{float:left; width:23;}

.tamano_iconos_link{width:18%; height:100%; float:left}
.contenidos_mci{
	margin-top:20px;
	font-family:Arial,"Myriad Web Pro","Futura Md BT",Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height:24px;	
	}
.imagen_{width:290px;height:180px}
.down-real-interno{width:100%; height:280px; background-color:#204A84;}
.espacio_desktop{display: inherit;}
.pos_monto_plan{ margin-top:0px;font-size:11px;}
.tam_costo{ font-size:16px;}
.estrella_class_div{width:16px;}
.estrella_class{
width:15px;
height:13px;
}

.contenidos{
margin-top:20px;
}

.imagen_curso{height:150px;}
.tamano_nombre{ font-size:19px;height:51%;}
.largo_cuadros{height:250px;}
#tabla_formulario {width:58%}
#tabla_formulario_inicio{ width:60%;}

#activo_movil{ display:none;}
#activo_desktop{ display: inherit;}

#top-menu-movil{ display:none;}
#top-menu{ display:inherit;}

a:link {
	color: #069;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #069;
}
a:hover {
	text-decoration: none;
	color: #069;
}
a:active {
	text-decoration: none;
	color: #069;
}




body{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#EFEFEF;
	}
.contenedor-real{
	top:0px;width:100%;
	height:auto;
	float:left;
	min-width:1350px;
	min-height:1350px;

	background-color:#EFEFEF;
	max-width:100%;
	justify-content:center;
	align-items:center;
	display:table;
	}
.titulo-real{
	margin-left:24%;
	margin-top:30px;
	height:auto;
	width:auto;
	float:left;
	padding-left:5px;
	padding-right:0%;
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:26px;
	color:#666;
	}
.titulo-real-2{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:23px;
	color:#7D7D7D;
	}
.triangulo-abajo{
	height:auto;
	border-top:7px solid #FFFFFF;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-top:13px;
	margin-left:5px;
	float:right;}

.triangulo-abajo-home{
	height:auto;
	border-top:7px solid #666666;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-top:8px;
	margin-left:1px;
	float:right;}

	
.contenido-real{
	margin-top:10px;
	margin-left:13%;
	height:auto;
	width:64%;
	min-width:800px;
	background-color:#FFFFFF;
	float:left;
	padding-left:3%;
	padding-top:40px;
	padding-right:3%;
	padding-bottom:20px;
	border-top:4px solid #DDD;}
	
	.contenido-real-home{
	margin-top:10px;
	margin-left:13%;
	height:auto;
	width:64%;
	min-width:800px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom:20px;
	border-top:4px solid #DDD;}

.face-neuronas-real{
	margin-top:30px;
	background-color:#FFFFFF;
	margin-right:6%;
	margin-left:4%;
	width:60%;
	min-width:800px;
	height:auto;
	float:right;
	padding-left:3%;
	padding-top:40px;
	padding-right:3%;}
.menu-lateral-real{
	margin-top:-35px;
	width:100px;
	height:100%;
	margin-left:4%;
	text-align:left;
	float:left;}
.down-real{
	clear:left;
	float:left;
	margin-top:30px;
	width:100%;}
h1{
   font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size:33px;
   font-weight:normal;
   fontcolor: #006699;
   color:#069;}
.titulo-actividad{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:33px;
	font-color:#006699;
	color:#069;}
	
	

	
.titulo-encabezado{
	font-family:Arial,"Myriad Web Pro","Futura Md BT","Trebuchet MS",Helvetica,sans-serif;
	font-size:18px;
	color:#7E7E7E;}
.titulo-actividad-chico{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#999999;}
.contenido-evaluacion{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#333333;}	
.contenidos{
	font-family:Arial,"Myriad Web Pro","Futura Md BT",Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height:24px;}
.linea-gris{
	margin-top:0px;
	height:5px;
	color:#DDDDDD;}

#menu-mis-cursos ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 220px;
    font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
}
#menu-mis-cursos ul li a {
    color: #666;
    text-decoration: none;
    display: block;	
    padding: 3px 3px 3px 3px;
	margin-top:3px;
	letter-spacing:0px;
}
#menu-mis-cursos ul li a:hover {
    color: #333;
	margin-top:3px;
}

#menu-mis-cursos ul li a:hover {
    color: #333;
	margin-top:3px;
}
	
	
.menu{
	padding:0;
	list-style:none;
	width:100%;
	font-size:18px;
	background:#fff;
	border: 0px solid rgba(0,0,0,0.0);
	overflow:hidden;
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:left;
}
 
.menu li a{
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.2);
	border-top: 1px solid rgba(255,255,255, 0.2);
	background:#E34A45;
	border-radius: 7px 7px 0px 0px;
	text-decoration:none;
	color:#FFF;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
	filter: dropshadow(color=#000, offx=1, offy=0);
	padding:10px;
	padding-left:20px;
	height:36px;
}
 
.menu li ul li a{
	font-size:14px;
    font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666666;
	text-shadow: 1px 0px 1px rgba(255,255,255,0.5);
	
}
 
.menu li a:hover{
	background:#E34A45;
	-moz-transition: background 0.3s ease-in;
	-webkit-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
}
 
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	height:0;
	overflow: hidden;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
}
 
.menu li:hover ul{
/*	height:auto;*/
	overflow-y:hidden;
	overflow-x:hidden;
}
 
.menu ul li a{
	background:#fafafa;
}
 
.menu ul li a:hover {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    -moz-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
}
hr {
    height: 1px;
    border: 0;
    background-color: #F1F1F1;
}

.imagen-usuario {
	width:40px;
	height:40px;
	float:left;
}
.datos-usuario {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:200px;
	height:40px;
	padding-left:8px;
	float:left;
}
.mis-cursos {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:100%;
	float:left;
	margin-top:15px;
	padding-bottom:80px;
}


.titulo-actividad{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:28px;
	color:#069;
	width:95%;
	}
	
.titulo-descripcion{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height: 24px;
	width:95%;
	}

.precio-curso {
	color: #FF0000;
	font-weight: bold;
	font-size: 25px;
}
.Estilo2 {
	color: #0099FF;
	font-weight: bold;
	font-size: 20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

.titulo {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;   
	color:#333;	
	padding-left:8px;
	float:left;	
	font-size: 32px;
	color: #006699;
	font-weight: bold;
}
#contenedor-tabla {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	margin-top:5px;
	margin-bottom:200px;
}
#contenidos-tabla {
    display: table-row;
}
.boton-comprar {	
    background-color: #0066CC;
	width: 180px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:30px;
	float:right;
	border: 0px;
}

.triangulo-contenidos {
     width: 0; 
     height: 0; 
     border-left: 8px solid #AAAAAA;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
	 float:left;
	 margin-right:7px;
}

	
	
	
	
	
	
	
.titulo-descripcion{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height: 24px;
	width:95%;
	}

.precio-curso {
	color: #FF0000;
	font-weight: bold;
	font-size: 25px;
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
}
.Estilo2 {
	color: #0099FF;
	font-weight: bold;
	font-size: 20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}


#contenedor-tabla {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	margin-top:5px;
	margin-bottom:200px;
}
#contenidos-tabla {
    display: table-row;
}
.boton-comprar {	
    background-color: #0066CC;
	width: 180px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:30px;
	float:right;
	border: 0px;
}

.triangulo-contenidos {
     width: 0; 
     height: 0; 
     border-left: 8px solid #AAAAAA;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
	 float:left;
	 margin-right:7px;
}

.titulo {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;   

	color:#333;	
	padding-left:8px;
	float:left;	
	font-size: 32px;
	color: #006699;
	font-weight: bold;
}
   .boton_personalizado{
    text-decoration: none;
    padding: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    background-color: #0099FF;
    border-radius: 6px;
    border: 2px solid #0099FF;
        }

.boton_personalizado:hover{
    color: #ffffff;
    background-color: #1883ba;
}


h1{
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight:normal;
    font color: #006699;
	color: #069;
}
.titulo-actividad {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 33px;
    font color: #006699;
	color: #069;
}

.boton-ingresar {
	background-color: #006699;
	width: 330px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 0px;
	position: absolute;
	border: 0px;
}
.boton-recuperar {
	background-color: #006699;
	width: 330px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 0px;
	position: absolute;
	border: 0px;
}
.campos {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	width: 330px;
	background-color: #FFF;
	word-spacing: 50px;
	height: 35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FBFBFB;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	border-left-color: #FBFBFB;
	padding-left: 5px;
}

.formulario-texto {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;text-align: center;
	font-size: 18px;	
	color: #666666;
}
.formulario-texto-2 {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
	font-size: 16px;
	color: #666666;
}
.respuesta_no2 {
font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #CC0000;
}

.form-group {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 14px;
	color:#333;
}
.menu-mis-cursos {
	background-color:#FFF;
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:270px;
	height: auto;
	margin-bottom:100px;
	padding:12px 12px 12px 12px;
	float:left;
}
.imagen-usuario {
	width:40px;
	height:40px;
	float:left;
}
.datos-usuario {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:200px;
	height:40px;
	padding-left:8px;
	float:left;
}


.contenido-real-cursos {
	margin-top:20px;
	margin-left:6%;
	margin-right:5%;
	height:auto;
	width:61%;
	background-color: #FFFFFF;
	float:left;
	padding-left: 3%;
	padding-top: 40px;
	padding-right: 3%;
	padding-bottom:20px;
}


.down-real{
	clear:left;
    margin-top:30px;
	width:100%;
}
.contenedor-apps {
    position: relative;
    padding-bottom: 75%;
    width: 100%;
	height: 0;
    overflow: hidden;
}
.contenedor-videos {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.apps-videos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
.radio{
display: inline-block;
position: relative;
top: 5px;
border: 2px solid #ccc;
width: 18px;
height: 18px;
background: #fff;
}


.contenido-real-cursos {
	margin-top:90px;
	margin-left:6%;
	margin-right:5%;
	height:auto;
	width:80%;
	background-color: #FFFFFF;
	float:left;
	padding-left: 3%;
	padding-top: 40px;
	padding-right: 3%;
	padding-bottom:20px;
}
a:link {
	color: #069;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #069;
}
a:hover {
	text-decoration: none;
	color: #069;
}
a:active {
	text-decoration: none;
	color: #069;
}


}


/*version desktopppppppppppppppppppp*/
@media screen and (min-width: 769px) {
#li_movil_tam{height:34px;}
.div_imagen_foto_msj{float:left; width:120px; height:120px; margin-top:-20px; margin-left:30px;border-style: groove; border-width: 2px; border-color:#4F4F4F}
.img_div_imagen_foto_msj{width:120px; height:120px;}
.espacio_movil_cursos_{ height:0px;}
.texto_nombre_curso{background-color: #FFFFFF;color: #333333; font-size: 16px;font-family:"Myriad Web Pro", "Futura Md BT", Arial; font-weight:bold; font-size:15px; }
.titulo-actividad-nombre-curso{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:33px;
	font-color:#006699;
	color:#069;}

.class_menu_detalle_publico{margin-top:750px; width:100%; height:auto;}
#chat_profesor{
box-shadow: 5px -9px 3px #333;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px; width:880px; height:700px;
}

.class_contenedor_inferiora{width:850; background:#FFFFFF}
.class_contenedor_inferiorb{float:left; width:730px;margin-top:18px;}
.class_contenedor_inferiorc{width:300px; float:left; font-size:20px;}

.class_contenedor_inferiord{width:850; background:#FFFFFF}
.class_contenedor_inferiore{float:left; width:730px;margin-top:18px;}
.class_contenedor_inferiorf{width:300px; float:left; font-size:20px;}
.class_tam_div_msja{width:880px; float:left;}
.class_tam_div_msjb{width:880px; float:left; background-color:#999999; height:2px;}
.class_tam_div_msjc{width:880px; float:left;  height:300px;  overflow-x:hidden;}

.class_nombre_portal{float:left; width:600px; height:100px;}
.class_contenedor_ver_mensajes{width:880px;}


.down-real-interno{width:100%; height:280px; background-color:#204A84;}

.tam_webpay{ height:80px;width:150px;}
   .tam_paypal{height:70px;width:150px;}
.footable {
  width: 100%;
  font-family: Arial;
  font-size: 14px;
  color: #444;
 
  border: solid #ccc 1px;
  border-collapse: separate;
  border-spacing: 0;
}

.footable > tbody > tr > td, .footable > thead > tr > th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}
 
.footable > thead > tr > th, .footable > thead > tr > td {
  background-color: #dce9f9;
}

.footable {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
 
 
 .footable > thead > tr > th {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}




.columna_central{width:675px;}
.tamano_imagen_curso_img{width:100%; height:100%;}
.tamano_imagen_curso{width:220px; height:140px;}
.down-real-interno{width:100%; height:280px; background-color:#204A84;}
.espacio_desktop{display: inherit;}
.pos_monto_plan{ margin-top:0px;font-size:11px;}
.tam_costo{ font-size:16px;}
.text_area_comentarios{width:100%; height:100%;}

.class_estilo_letra_reloj{height:20px; color:#FFFFFF; font-weight:bold; text-align:center; font-family:'Myriad Web Pro', 'Futura Md BT', 'trebuchet MS', Arial; font-size:13px; padding-top:8px;}
.estilo_area_pregunta{float:left;width:auto; margin-left:10px; margin-top:4px;}
.class_reloj_izq{width:120px; height:280px; background-color: #CCCCCC; float: right; margin-top:10px;}
.enviar-estudiante {	
    background-color: #0066CC;
	width: 160px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:15px;
	float:right;
	border: 0px;
}

	.estilo_iframe_video{ width:900px; height:600px}
.contenedor_estrella{float:left; width:60%;}
.imagen_estrella_a{width:'20px';}
.estilo_div_estrella{float:left; width:23;}

.tamano_iconos_link{width:18%; height:100%; float:left}
.contenidos_mci{
	margin-top:20px;
	font-family:Arial,"Myriad Web Pro","Futura Md BT",Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height:24px;	
	}
.imagen_{width:290px;height:180px}
.down-real-interno{width:100%; height:280px; background-color:#204A84;}
.espacio_desktop{display: inherit;}
.pos_monto_plan{ margin-top:0px;font-size:11px;}
.tam_costo{ font-size:16px;}
.estrella_class_div{width:16px;}
.estrella_class{
width:15px;
height:13px;

}

.contenidos{
margin-top:20px;
}

.imagen_curso{height:150px; }
.tamano_nombre{ font-size:19px;height:51%;}
.largo_cuadros{height:250px; min-width:180px;}
#tabla_formulario {width:58%;}
#tabla_formulario_inicio{ width:60%;}
  #activo_movil{ display:none;}
#activo_desktop{ display: inherit;}

#top-menu-movil{ display:none;}
#top-menu{ display:inherit;}

a:link {
	color: #069;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #069;
}
a:hover {
	text-decoration: none;
	color: #069;
}
a:active {
	text-decoration: none;
	color: #069;
}




body{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#EFEFEF;
	}
.contenedor-real{
	top:0px;width:100%;
	height:auto;
	float:left;
	min-width:1350px;
	min-height:1350px;
	max-width:100%;
	background-color:#EFEFEF;
	justify-content:center;
	align-items:center;
	display:table;
	}
.titulo-real{
	margin-left:24%;
	margin-top:30px;
	height:auto;
	width:auto;
	float:left;
	padding-left:5px;
	padding-right:0%;
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:26px;
	color:#666;
	}
.titulo-real-2{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:23px;
	color:#7D7D7D;
	}
	.triangulo-abajo-home{
	height:auto;
	border-top:7px solid #666666;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-top:8px;
	margin-left:1px;
	float: left;}
.triangulo-abajo{
	height:auto;
	border-top:7px solid #FFFFFF;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-top:13px;
	margin-left:5px;
	float:right;}
.contenido-real{
	margin-top:10px;
	margin-left:13%;
	height:auto;
	width:64%;
	min-width:800px;
	background-color:#FFFFFF;
	float:left;
	padding-left:3%;
	padding-top:40px;
	padding-right:3%;
	padding-bottom:20px;
	border-top:4px solid #DDD;}
	.contenido-real-home{
	margin-top:10px;
	margin-left:13%;
	height:auto;
	width:64%;
	min-width:800px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom:20px;
	border-top:4px solid #DDD;}
.face-neuronas-real{
	margin-top:30px;
	background-color:#FFFFFF;
	margin-right:6%;
	margin-left:4%;
	width:60%;
	min-width:800px;
	height:auto;
	float:right;
	padding-left:3%;
	padding-top:40px;
	padding-right:3%;}
.menu-lateral-real{
	margin-top:-35px;
	width:100px;
	height:100%;
	margin-left:4%;
	text-align:left;
	float:left;}
.down-real{
	clear:left;
	float:left;
	margin-top:30px;
	width:100%;}
h1{
   font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size:33px;
   font-weight:normal;
   fontcolor: #006699;
   color:#069;}
.titulo-actividad{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:33px;
	font-color:#006699;
	color:#069;}
.titulo-encabezado{
	font-family:Arial,"Myriad Web Pro","Futura Md BT","Trebuchet MS",Helvetica,sans-serif;
	font-size:18px;
	color:#7E7E7E;}
.titulo-actividad-chico{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#999999;}
.contenido-evaluacion{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#333333;}	
.contenidos{
	font-family:Arial,"Myriad Web Pro","Futura Md BT",Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height:24px;}
.linea-gris{
	margin-top:0px;
	height:5px;
	color:#DDDDDD;}

#menu-mis-cursos ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 220px;
    font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
}
#menu-mis-cursos ul li a {
    color: #666;
    text-decoration: none;
    display: block;	
    padding: 3px 3px 3px 3px;
	margin-top:3px;
	letter-spacing:0px;
}
#menu-mis-cursos ul li a:hover {
    color: #333;
	margin-top:3px;
}

#menu-mis-cursos ul li a:hover {
    color: #333;
	margin-top:3px;
}
	
	
.menu{
	padding:0;
	list-style:none;
	width:100%;
	font-size:18px;
	background:#fff;
	border: 0px solid rgba(0,0,0,0.0);
	overflow:hidden;
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:left;
}
 
.menu li a{
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.2);
	border-top: 1px solid rgba(255,255,255, 0.2);
	background:#E34A45;
	border-radius: 7px 7px 0px 0px;
	text-decoration:none;
	color:#FFF;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
	filter: dropshadow(color=#000, offx=1, offy=0);
	padding:10px;
	height:22px;
	padding-left:20px;
}
 #vinculo_menu_movil{
height:22px;
}
.menu li ul li a{
	font-size:14px;
    font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666666;
	text-shadow: 1px 0px 1px rgba(255,255,255,0.5);

}
 
.menu li a:hover{
	background:#E34A45;
	-moz-transition: background 0.3s ease-in;
	-webkit-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
}
 
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	height:0;
	overflow: hidden;
	transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	
}
 
.menu li:hover ul{
/*	height:auto;*/
	overflow-y:hidden;
	overflow-x:hidden;
}
 
.menu ul li a{
	background:#fafafa;

}
 
.menu ul li a:hover {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    -moz-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
}
hr {
    height: 1px;
    border: 0;
    background-color: #F1F1F1;
}

.imagen-usuario {
	width:40px;
	height:40px;
	float:left;
}
.datos-usuario {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:200px;
	height:40px;
	padding-left:8px;
	float:left;
}
.mis-cursos {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:100%;
	float:left;
	margin-top:15px;
	padding-bottom:80px;
}


.titulo-actividad{
	font-family:"Myriad Web Pro","Futura Md BT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:28px;
	color:#069;
	width:95%;
	}
	
.titulo-descripcion{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height: 24px;
	width:95%;
	}

.precio-curso {
	color: #FF0000;
	font-weight: bold;
	font-size: 25px;
}
.Estilo2 {
	color: #0099FF;
	font-weight: bold;
	font-size: 20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

.titulo {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;   
	color:#333;	
	padding-left:8px;
	float:left;	
	font-size: 32px;
	color: #006699;
	font-weight: bold;
}
#contenedor-tabla {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	margin-top:5px;
	margin-bottom:200px;
}
#contenidos-tabla {
    display: table-row;
}
.boton-comprar {	
    background-color: #0066CC;
	width: 180px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:30px;
	float:right;
	border: 0px;
}

.triangulo-contenidos {
     width: 0; 
     height: 0; 
     border-left: 8px solid #AAAAAA;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
	 float:left;
	 margin-right:7px;
}

	
	
	
	
	
	
	
.titulo-descripcion{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#333333;
	line-height: 24px;
	width:95%;
	}

.precio-curso {
	color: #FF0000;
	font-weight: bold;
	font-size: 25px;
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
}
.Estilo2 {
	color: #0099FF;
	font-weight: bold;
	font-size: 20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}


#contenedor-tabla {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	margin-top:5px;
	margin-bottom:200px;
}
#contenidos-tabla {
    display: table-row;
}
.boton-comprar {	
    background-color: #0066CC;
	width: 180px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin-bottom:30px;
	float:right;
	border: 0px;
}

.triangulo-contenidos {
     width: 0; 
     height: 0; 
     border-left: 8px solid #AAAAAA;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
	 float:left;
	 margin-right:7px;
}

.titulo {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;   
	color:#333;	
	padding-left:8px;
	float:left;	
	font-size: 32px;
	color: #006699;
	font-weight: bold;
}
   .boton_personalizado{
    text-decoration: none;
    padding: 10px;
    font-weight: 500;

    font-size: 18px;
    color: #ffffff;
    background-color: #0099FF;
    border-radius: 6px;
    border: 2px solid #0099FF;
        }
.boton_personalizado:hover{
    color: #ffffff;
    background-color: #1883ba;
}


h1{
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight:normal;
    font color: #006699;
	color: #069;
}
.titulo-actividad {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 33px;
    font color: #006699;
	color: #069;
}

.boton-ingresar {
	background-color: #006699;
	width: 330px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 0px;
	position: absolute;
	border: 0px;
}
.boton-recuperar {
	background-color: #006699;
	width: 330px;
	height: 45px;
	font-family: "Myriad Web Pro", "Futura Md BT",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 0px;
	position: absolute;
	border: 0px;
}
.campos {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	width: 330px;
	background-color: #FFF;
	word-spacing: 50px;
	height: 35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FBFBFB;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	border-left-color: #FBFBFB;
	padding-left: 5px;
}

.formulario-texto {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;text-align: center;
	font-size: 18px;	
	color: #666666;
}
.formulario-texto-2 {
	font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
	font-size: 16px;
	color: #666666;
}
.respuesta_no2 {
font-family: "Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #CC0000;
}

.form-group {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 14px;
	color:#333;
}
.menu-mis-cursos {
	background-color:#FFF;
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:270px;
	height: auto;
	margin-bottom:100px;
	padding:12px 12px 12px 12px;
	float:left;
}
.imagen-usuario {
	width:40px;
	height:40px;
	float:left;
}
.datos-usuario {
	font-family:"Myriad Web Pro", "Futura Md BT", "Trebuchet MS", Arial;
    font-size: 15px;
	color:#333;
	width:200px;
	height:40px;
	padding-left:8px;
	float:left;
}


.contenido-real-cursos {
	margin-top:20px;
	margin-left:6%;
	margin-right:5%;
	height:auto;
	width:61%;
	background-color: #FFFFFF;
	float:left;
	padding-left: 3%;
	padding-top: 40px;
	padding-right: 3%;
	padding-bottom:20px;
}


.down-real{
	clear:left;
    margin-top:30px;
	width:100%;
}
.contenedor-apps {
    position: relative;
    padding-bottom: 75%;
    width: 100%;
	height: 0;
    overflow: hidden;
}
.contenedor-videos {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.apps-videos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
.radio{
display: inline-block;
position: relative;
top: 5px;
border: 2px solid #ccc;
width: 18px;
height: 18px;
background: #fff;
}


.contenido-real-cursos {
	margin-top:90px;
	margin-left:6%;
	margin-right:5%;
	height:auto;

	width:80%;
	background-color: #FFFFFF;
	float:left;
	padding-left: 3%;
	padding-top: 40px;
	padding-right: 3%;
	padding-bottom:20px;
}
a:link {
	color: #069;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #069;
}
a:hover {
	text-decoration: none;
	color: #069;
}
a:active {
	text-decoration: none;
	color: #069;
}




}

.estilo_letra_version_2020_publico{
font-family: Open Sans,Helvetica, Arial,sans-serif !important;
}


/*desktop*/