@import "menu.css";
@import "slide.css";
@import "alerts.css";
@import "tree.css";
@import "chat.css";
@import "jquery-ui-1.8.custom.css";
@import "jquery.calculator.css";
@import "tabla_periodica.css";
@import "comunidad/comunidad.css";
@import "mensaje/mensaje.css";
@import "jquery.lightbox-0.5.css";
@import "uploadify.css";;
@charset "utf-8";
/* CSS Document */

.init-preloader{position:absolute; width:100%; }
.init-preloader #logo{margin:300px 0px 0px 0px; }
.init-preloader #texto{margin:300px 0px 0px 0px; }
#pais_actual div{width:200px;}

#preload{width:25px; height:25px; margin:42px 0px 0px 700px; position:absolute; z-index:100;}

.body{margin:0px;}
.fondo{background-image:url(images/bg_body.jpg); background-position:center; background-repeat:repeat-y;}

.inicio{width:100%;}

.main{width:100%; background-image:url(images/bg_main.jpg); background-position:top center; background-repeat:no-repeat; min-height:563px;}
.main-content{width:782px; float:left; min-height:650px;}
.main-content-preload{padding-top:200px; margin-left:3px; border-left:1px solid #ccc; border-right:1px solid #ccc;width:584px; float:left; height:700px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#888;}
.container{width:963px; margin-left:20px;}
.header{width:963px; height:91px; background-image:url(images/bg_top1.gif); background-repeat:no-repeat;}
.header-right{width:100px; height:16px; float:right; margin-top:12px; padding-right:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
.header-center{width:778px; height:16px; float:right; margin-top:14px; color:#86befc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

.texto-rojo{color:#ff0000;}
.texto-azul{color:#86befc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.texto-azul-light{color:#86befc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.texto-azul-strong{color:#568eff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.texto-blanco{color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.texto-blanco-titulo{color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
.texto-blanco-bold{color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
.texto-blanco-bold:hover{color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
.texto-blanco-light{color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.texto-blanco-mini{color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.texto-azul-mini{color:#0072ff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.texto-negro{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
.texto-negro-light{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.texto-gris-mini{color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.texto-gris{color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.header-separator{width:963px; height:32px; float:right;}
.separator-10px{width:100%; height:10px; float:left;}
.separator-8px{width:100%; height:8px; float:left;}
.separator-4px{width:100%; height:4px; float:left;}
.separator-1px-gris{width:100%; height:1px; float:left; background-color:#CCCCCC;}
.separator-1px-dashed{width:100%; height:1px; float:left; border-bottom: 1px  dashed #CCCCCC;}
.separator{width:100%; height:26px; float:left;}

.header-menu-right{width:210px; height:23px; position:absolute; padding-top:56px; padding-left:748px;}
.header-menu-center{width:791px; height:23px; float:right; }
.separator-cont{width:963px; height:16px; float:left;}
.col-left{width:172px; float:left;}
.col-center{width:593px; min-height:740px; float:left; background-image:url(images/bg_center.gif); background-repeat:repeat-y;}
.col-right{width:180px; float:left;}
.col-unico{width:100%; padding-left:5px; background-image:url(../images/bg_unico.gif); background-repeat:repeat-y; min-height:560px;}

.modulo-central{width:97%; padding-bottom:20px; font-face:Verdana, Arial, Helvetica, sans-serif; clear:both;}
.modulo-central-content{width:100%; font-face:Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 15px;}
.titulo-modulo-central{text-align:left; width:90%; height:35px; background:url(./images/bg_titulo_modulo_central.jpg) no-repeat 13px 0px; border-bottom: 1px solid #CCCCCC; font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#707070; padding:5px 0px 5px 55px; margin:3px 0px 20px 0px;}	

.avatar{width:171px; background-color:#0072ff; height:250px; padding-top:11px;  color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.avatar-modulo{width:100%; padding-bottom:10px;}

.cuenta-reg{width:171px; background:#3a3a3a; height:70px; padding-top:8px; margin-top:2px;}
.cuenta-dhms{ color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.cuenta-dia{ width:55px; float:left;}
.cuenta-hr{ width:38px; float:left;}
.cuenta-min{ width:35px; float:left;}
.cuenta-seg{ width:33px; float:left;} 

.datos-usuario{width:161px; padding-top:10px; padding-left:0px;}
.titulo-bloque-perfil{width:165px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#0072ff; height:24px; float:left; padding-top:9px; padding-left:0px; border-bottom: 1px solid; border-color:#CCCCCC;}
.titulo-bloque-comunidad{width:145px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background-image:url(images/icono_comunidad.gif); background-repeat:no-repeat; font-size:11px; color:#0072ff; height:24px; float:left; padding-top:11px; padding-left:19px; border-bottom: 1px solid; border-color:#CCCCCC;}
.div-icono{width:145px; height:24px; cursor:pointer; float:left; padding-top:9px; padding-left:19px; background-image:url(images/bg_iconos.jpg); background-repeat:no-repeat; border-bottom: 1px solid; border-color:#CCCCCC;}
.div-icono-porcentaje{width:145px; height:29px; float:left; padding-top:5px; padding-left:19px; background-image:url(images/bg_iconos.jpg); background-repeat:no-repeat; border-bottom: 1px solid; border-color:#CCCCCC; cursor:pointer;}
.div-icono-porcentaje:hover{opacity:0.8;}
.div-icono-desplegable{width:145px; height:24px; float:left; padding-top:9px; padding-left:19px; background-image:url(images/bg_icono_flecha.gif); background-repeat:no-repeat; border-bottom: 1px solid; border-color:#CCCCCC;}


.desplagables-usuario{width:160px;  float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  border: 1px solid; border-color:#CCCCCC; margin:-1px 0px 10px 0px; }
.titulo-puntos{width:97%; height:20px; background:#0072ff; float:left; margin:0px 0px 8px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; font-weight:bolder; line-height:20px; padding:0px 0px 0px 4%;}
.listado-puntos{width:97%; height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#0072ff; font-weight:bolder; padding:0px 0px 0px 4%; float:left;}

a, a:hover, a:visited{text-decoration:none; color:#000000;}
.chat-module{width:161px; padding-top:10px; padding-left:10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; float:left}
.banner{width:182px; float:left;}
.input-login{color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(images/bg_input.jpg) center center; border:0; width:128px; height:21px; line-height:16px; padding-left:8px; padding-right:8px;}
.nuevo-mensaje{margin:-3px 0px 0px 55px; border:0px; position:absolute; display:none;}
.button{background-image:url(images/bg_button.png); width:138px; height:22px; background-repeat:no-repeat; padding-top:4px; cursor:pointer;}
.button:hover{background-image:url(images/bg_button_hover.png); }

.selector-pais{padding-right:12px; cursor:pointer;}

#boton_lecciones{cursor:pointer;}
#boton_ranking{cursor:pointer;}
#boton_ranking_posicion{cursor:pointer;}
.error-text{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FF0000; padding-left:10px;}

.footer{width:100%; float:left; background-color:#FFFFFF; /*background-image:url(images/bg_footer.jpg);*/ background-repeat:no-repeat; background-position: top center; padding-top:25px;}
.footer-content{width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666; margin-top:-25px; margin-bottom:40px; padding-top:10px; border-top: 1px solid; border-color:#CCCCCC;}
.link-footer{text-decoration:none; color:#666666;}
#footer a:hover, a:visited{text-decoration:none; color:#666666;}
.clear{ clear:both;}

.link-ayuda{ position:absolute; z-index:1000; width:90px; height:10px; opacity:0.01;filter:alpha(opacity=1);background:#fff;}

.ranking-number{float:right; position:absolute; margin:44px 0px 0px 130px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:bolder;}

.medidor-1{ width:43px; height:12px; background-image:url(images/medidor1.gif); background-repeat:no-repeat; float:right; margin-right:2px; margin-top:2px;}
.medidor-2{ width:43px; height:12px; background-image:url(images/medidor2.gif); background-repeat:no-repeat; float:right; margin-right:2px; margin-top:2px;}
.medidor-3{ width:43px; height:12px; background-image:url(images/medidor3.gif); background-repeat:no-repeat; float:right; margin-right:2px; margin-top:2px;}
.medidor-4{ width:43px; height:12px; background-image:url(images/medidor4.gif); background-repeat:no-repeat; float:right; margin-right:2px; margin-top:2px;}
.medidor-5{ width:43px; height:12px; background-image:url(images/medidor5.gif); background-repeat:no-repeat; float:right; margin-right:2px; margin-top:2px;}

.medidor-nav1{ width:143px; height:15px; background-image:url(images/medidor1.gif); background-repeat:no-repeat; float:left; margin-top:2px;}
.medidor-nav2{ width:143px; height:15px; background-image:url(images/medidor2.gif); background-repeat:no-repeat; float:left; margin-top:2px;}
.medidor-nav3{ width:143px; height:15px; background-image:url(images/medidor3.gif); background-repeat:no-repeat; float:left; margin-top:2px;}
.medidor-nav4{ width:143px; height:15px; background-image:url(images/medidor4.gif); background-repeat:no-repeat; float:left; margin-top:2px;}
.medidor-nav5{ width:143px; height:15px; background-image:url(images/medidor5.gif); background-repeat:no-repeat; float:left; margin-top:2px;}


.detalle-porcentajes-modal{margin-top:10px; padding-left:5px; background:#E1E1E1; padding-top:10px; float:left; width:99%; height:23px; border-bottom: 1px solid #CCCCCC;}
.detalle-porcentajes-materia-modal-grupo{color:#0072ff; cursor:pointer; padding-top:5px; padding-left:5px; float:left; width:98%; height:16px; border-bottom: 1px solid #E1E1E1;}
.detalle-porcentajes-materia-modal-grupo:hover{color:#005dd0;}
.detalle-porcentajes-unidad-modal{padding-top:5px; padding-left:10px; float:left; width:98%; height:16px; border-bottom: 1px solid #E1E1E1;}
.detalle-porcentajes-unidad-modal-maestro{cursor:pointer; padding-top:5px; padding-left:10px; float:left; width:98%; height:16px; border-bottom: 1px solid #E1E1E1;}
.detalle-porcentajes-unidad-modal-maestro:hover {color:#005dd0;}
.detalle-porcentajes-unidad-modal-grupo{ display:none;}
.detalle-porcentajes-unidad-modal-grupo-alumno{display:none;}
.detalle-porcentajes-modal-grupo-alumno{text-align:right; color:#797979; padding-top:5px; padding-left:15px; float:left; width:95%; height:16px; border-bottom: 1px solid #E1E1E1;}
.modal-porcentaje{height:400px; width:530px; overflow:auto};

.link-browser, .link-browser:visited { color:#000;font-weight:bold;}
.link-browser:hover{color:#666;}

.video-play{opacity:0.6; width:112px; height:153px; position:absolute; margin:0px 0px 0px 0px; background:url(images/video_btn_play.png) center 75px no-repeat transparent;}
.video-play:hover{opacity:1; }

.en-construccion{width:300px; margin:80px 0px 0px 120px}

.flash{}

#solicitudes_comunidad,#solicitudes_comunidad a,#solicitudes_comunidad a:visited,#solicitudes_comunidad a:hover { margin-left:3px; color:#333;}
.descargar-PDF{padding:3px 0px 0px 20px;height:20px;background:url(images/ico_pdf.gif) no-repeat; color:#999; cursor:pointer;}
.descargar-PDF:hover{color:#222;}

.asignacion-valepuntos{width:98%; height:20px; border-bottom:1px solid #e7e7e7; padding:0px 0px 0px 6px; margin:8px 0px 0px 0px; float:left;}

/* formulario */

.main-modulo-mail-content{width:450px; margin-left:10px; float:left;}
.main-input-largo{color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(images/bg_input_registro.jpg) center center no-repeat; border:0; width:405px; height:25px; line-height:16px; padding-left:8px; padding-right:8px; margin:4px 0px 4px 0px; }
.main-input-mensaje{color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(images/bg_mensaje_registro.jpg)no-repeat; border:0; width:405px; height:120px; padding:8px 8px 8px 8px; margin:4px 0px 4px 0px; }
.main-titulo-input{margin-left:0px; height:78px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bolder;}
.main-enviar{width:104px; height:60px; background:url(images/bg_btn_list_juego.jpg) no-repeat center center; color:#ffffff; font-family:verdana; font-size:12px; line-height:60px; cursor:pointer;}
.main-titulo-radiobutton{margin-right:20px;}
.info-contacto{width:350px; margin:30px 0px 0px 0px; font-size:12px; float:left; height:400px; background:url(images/bg_contact_form.jpg) no-repeat bottom left;}