/* CSS Document */
body{font-size:11px;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;text-align:center; background:url(style/bg_body.png) repeat-x left top}
#layout{/*width:846px;*/ width:950px; margin:0 auto; text-align:justify; position:relative}
#header{margin:0 auto; text-align:left; width:868px; padding:0 33px 0 49px; margin-top:6px;height:124px;background:url(style/bg_header.jpg) no-repeat left top;position:relative}
/*#img_header{background:url(style/img_header-1.png) no-repeat left}*/
#back_main_site{padding-top:2px;text-align:center;width:181px;height:38px;position:absolute;right:53px;top:-1px;background:url(landing/bg_return_site-trans.png) no-repeat left top}
#back_main_site a{display:block;text-indent:-9999px; background:url(landing/ir_al_sitio_oficial.jpg) no-repeat left top; width:154px; height:28px; margin:0 auto}
#back_main_site a:hover,#back_main_site a:visited:hover{background:url(landing/ir_al_sitio_oficial_hover.jpg) no-repeat left top}
div.promo{float:left; width:524px; z-index:2; position:relative}
#menu{height:44px;padding:0 58px 0 48px;font-size:18px;color:#000;width:843px;line-height:41px}
#tagline{height:33px;font-weight:bold;line-height:33px;font-family:Geneva, Arial, Helvetica, sans-serif;color:#BBBBBB;font-size:16px;text-align:center;font-style:italic;text-indent:-9999px; background:url(style/tagline.png) no-repeat center;}
#utilerias{position:absolute; right:48px; top:41px}
#utilerias li{float:left; margin-right:5px}
#utilerias li.last{float:none; clear:left}
#logo{float:left; width:231px; height:124px}
#banda{position:absolute; top:201px;background:url(style/bg_banda.jpg) no-repeat; width:1058px; z-index:-1; height:31px;margin-left:-28px}
#container{margin:0 0 0 49px; padding-top:9px; position:relative; z-index:10}
#footer{background:url(style/bg_footer.jpg) repeat-x left bottom;height:222px; padding-top:60px; text-align:center}
#footer_cont{width:846px; margin:0 auto; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; padding-top:20px}
#menu ul li{float:left}
#menu a{font-family:Arial, Helvetica, sans-serif;float:left;color:#000;text-decoration:none;display:block;height:42px;line-height:42px;border-left:1px solid #fff; border-right:1px solid #BDD0DF; padding:0 26px}
#menu a.selected, #menu a:hover{background:url(style/bg_menu_hover.png) repeat-x; line-height:48px; position:relative; margin-top:-3px; height:45px}
#menu span.llama_ahora{color:#7fa1bb; float:right; margin-top:10px}

#footer_cont .isb_info{width:270px; font-weight:bold; height:167px; float:left}
#footer_cont .mas_info{float:left; width:165px; margin-right:40px}
#footer_cont .mas_info h3{height:20px; line-height:20px; color:#E7C9EF; font-size:18px; font-style:italic; margin-bottom:14px}
#footer_cont .mas_info li{height:21px; line-height:21px;border-bottom:1px dotted #fff; width:155px; text-align:left}
#footer_cont .mas_info a:link,#footer_cont .mas_info a:visited{color:#fff;text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:url(style/vineta_footer.gif) no-repeat left center; padding-left:19px}
#footer_cont .mas_info a:hover,#footer_cont .mas_info a:visited:hover{color:#E7C9EF}
#footer_cont .mas_info h3.hotlinks{background:url(style/hotlinks.jpg) no-repeat right top}
#footer_cont .mas_info h3.podcast{background:url(style/podcast.jpg) no-repeat right top}
#footer_cont .mas_info h3.blog_fav{background:url(style/blog_fav.jpg) no-repeat right top}
#footer_cont .copyright{text-align:center; width:846px; float:left;padding-top:5px}
#footer_cont .isb_info img{margin-bottom:80px}
#footer_cont span.label{color:#B49DCA; font-weight:normal}

.atraccion{background:url(quizz/bg_atraccion.jpg) no-repeat left top; width:519px; height:362px; float:left; margin-right:7px; position:relative; margin-bottom:3px}
.atraccion .seguro_hablas{background:url(quizz/seguro_hablas.jpg) no-repeat left top; position:absolute; left:140px; top:26px; display:block; text-indent:-9999px; width:336px; height:31px; margin-top:13px}
.form{background:url(landing/bg_form.png) no-repeat left top; width:321px; height:364px; float:left; text-align:center; position:absolute; top:10px; right:56px; z-index:1}

.asesoria_telefono{display:block; text-indent:-9999px; background:url(landing_general/asesoria_telefono-trans.png) no-repeat; width:243px; height:50px; margin-left:45px}
.haz_el_test{position:absolute; left:200px; top:93px;display:block; text-indent:-9999px; background:url(quizz/haz_el_test.jpg) no-repeat; width:235px; height:46px}
.tu_ritmo{display:block; text-indent:-9999px; background:url(landing_general/tu_ritmo-trans.png) no-repeat; width:243px; height:33px; margin-left:42px}
h6.llena_cupon{text-indent:-9999px; background:url(landing_general/llena_cupon-trans.png) no-repeat; width:183px; height:24px; margin:22px 0 0 102px}
h2.haz_tu_test{text-indent:-9999px; background:url(quizz/haz_tu_test-trans.png) no-repeat; width:551px; height:97px; position:absolute; left:0; bottom:-8px; z-index:100}

.panel{float:left; margin-top:10px}
.fila_b .panel{margin-top:2px}
.top_a{height:33px; background:url(landing/top_panel.gif) no-repeat; float:left}
.top_b{height:33px; background:url(landing/top_panel.gif) no-repeat; background-position:-10px; float:left}
.top_c{height:33px; background:url(landing/top_panel.gif) no-repeat right;float:left}
.top_panel h2{font-size:18px; line-height:33px; height:33px; color:#fff; background:url(landing/vineta_top_panel.gif) no-repeat left center; padding-left:16px; width:207px; margin-left:57px}
.top_b h2{width:211px}
.top_c h2{width:207px}
.panel_cont span{font-size:12px; color:#70a7d2; font-weight:bold}
.panel_cont span.text{font-size:16px; color:#70a7d2; font-weight:bold}
.panel_cont span em{color:#558ebb}
.opcion_b span.text{display:block; width:120px; float:left; margin-top:28px; text-align:center}
.panel_cont img.promo{float:left}
.opcion_a img.promo{ margin:14px 31px 0 34px}
.opcion_b img.promo{ margin:23px 17px 0 30px}
.opcion_a span.text{margin-top:20px; display:block}

.opcion_c span.text{display:block; padding:15px 20px 0 30px; text-align:left}
.panel_cont a.ver_mas{font-size:13px; color:#fff;text-decoration:none;font-weight:bold;text-transform:uppercase;background:url(landing/ver_mas.gif) no-repeat left top;width:80px; line-height:20px; padding-left:3px; height:20px; display:block; float:left; margin-top:5px}
.panel_cont a.ver_fotos:hover, .panel_cont a.ver_fotos:visited:hover{ background-position:0 -20px;}
.panel_cont a.ver_fotos{display:block; text-indent:-9999px;font-weight:bold;text-transform:uppercase;background:url(style/ver_fotos.gif) no-repeat left top;width:80px; line-height:20px; padding-left:3px; height:20px;float:left; margin-top:5px}
.panel_cont a.ver_demo:hover, .panel_cont a.ver_demo:visited:hover{ background-position:0 -20px;}
.panel_cont a.ver_demo{display:block; text-indent:-9999px;font-weight:bold;text-transform:uppercase;background:url(style/ver_demo.gif) no-repeat left top;width:84px; line-height:20px; padding-left:3px; height:20px;float:left; margin-top:5px}
.panel_cont{float:left; padding-top:10px}
.panel .opcion_a{background:url(landing/opcion_a.jpg) no-repeat left top; width:280px; height:124px}
.panel .opcion_b{background:url(landing/opcion_b.jpg) no-repeat left top; width:284px; height:124px}
.panel .opcion_c{background:url(landing/opcion_c.jpg) no-repeat left top; width:281px; height:124px}

.fila_b .panel_cont ul{margin-left:37px}
.fila_b .panel_cont li{list-style-image:url(landing/vineta_panel.gif); list-style-position:inside; font-size:12px; color:#689bc3; padding-right:20px}
.fila_b .panel_cont li em{font-weight:bold}

.fila_b .panel .opcion_a{background:url(landing/opcion_a_f1.png) no-repeat left top; width:280px; height:197px}
.fila_b .panel .opcion_b{background:url(landing/opcion_b_f1.png) repeat-x left top; width:284px; height:197px}
.fila_b .panel .opcion_c{background:url(landing/opcion_c_f1.png) no-repeat right top; width:281spx; height:197px}
h6.sub_title{margin:5px 0 7px 13px;font-size:16px; color:#70a7d2; font-weight:bold}
.top_c h2{margin-left:67px; width:197px}
.opcion_c h6.sub_title{margin:5px 0 7px 55px}
.fila_b .opcion_b span.text{font-size:11px; font-weight:normal; width:146px; margin-top:0; text-align:left}
.fila_b .opcion_b img.promo{ margin:0 17px 0 30px}
.fila_b .opcion_c img.promo{ margin:0 17px 0 55px}
.fila_b .opcion_b h6{ margin-left:43px}

.fila_b .panel_cont a.ver_mas{float:right; margin-right:55px}
.fila_b .panel_cont a.ver_demo{float:right; margin-right:58px}
form{padding-left:39px; text-align:left; position:relative}
form span{ font-size:12px; font-weight:bold; color:#4186bb; margin:0 5px}
input{border:1px solid #ACCAE1; color:#B8D1E5; background:#fff; height:20px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin-bottom:6px;margin-right:2px; padding-left:5px; margin-left:0}
input.image{border:none; background: url(landing_general/solicitar_informacion.jpg) no-repeat; display:block;height:37px; width:272px; padding:0; margin:0}
input.image:hover{background-position:0 -37px}
select{font-family:Arial, Helvetica, sans-serif;border:1px solid #ACCAE1; color:#B8D1E5; background:#fff; height:30px;font-size:16px; font-weight:bold; line-height:30px; margin:0}
label{height:20px;display:block; line-height:20px; float:left; width:100px; margin-top:5px; margin-bottom:0}
label input{margin:0; float:left; border:none; padding:0; height:auto}
label span{display:block; height:20px; float:left}
a.solicitar_informacion{display:block; text-indent:-9999px; background:url(landing/solicitar_informacion.jpg) no-repeat; width:243px; height:30px; margin-top:43px}
a.solicitar_informacion:hover,a.solicitar_informacion:visited:hover{background:url(landing/solicitar_informacion_hover.jpg) no-repeat}

form .numero_lada{display:block; float:left; height:28px; line-height:28px}
.form h3{ color:#4186bb; font-size:21px; font-weight:bold; text-align:center; margin-top:20px; line-height:20px; height:20px}
.form h4{ color:#4186bb; font-size:12px;text-align:center; margin:0; height:14px; line-height:14px}
.form h5{background:url(landing/forma_banda.gif) no-repeat; height:20px; width:242px; color:#4186bb; font-size:14px; text-align:center; margin:0 auto; margin-top:8px; margin-bottom:8px}
.hint{color:#eb9729;background:#ffd852;border:1px solid #F4BE56;display:none;font-family:Arial,Helvetica,sans-serif;font-size:11px;margin-top:-4px;padding:10px 12px;position:absolute;right:-160px;width:150px;z-index:20}
#loading{background:url(style/loading.gif) no-repeat center center #000; opacity:0.5; width:100%; z-index:3000}
.form > #loading {left:0;position:fixed;top:0; height:100%}

.mexico a.solicitar_informacion{margin-top:4px}
.latina a.solicitar_informacion{margin-top:4px}
.latina select#combo_Estados{float:left; margin-right:3px; width:118px}
.latina input.ciudad{width:118px}
.mexico select#combo_Estados{width:245px}
.mexico input.ciudad{width:237px}
.latina input{}
.mexico select,.latina select{margin-bottom:6px}
img.solicita_informacion{margin-top:15px}
input.ok_button{margin:0; padding:0; background:none; border:0; height:auto}
.alert_msg{margin-left:50px}
.hidden{display:none}

.mexico input.telefono{width:156px}
.spacer{clear:both}
.pasos{height:144px; padding:8px 0 16px}
.pasos li{display:block; height:144px; text-indent:-9999px; float:left}
.pasos li.llena_cupon{background:url(quizz/llena_cupon.jpg) no-repeat left top; width:221px}
.pasos li.contesta_test{background:url(quizz/contesta_test.jpg) no-repeat left top; width:198px}
.pasos li.descubre_nivel{background:url(quizz/descubre_nivel.jpg) no-repeat left top; width:218px}
.pasos li.recibe_resultados{background:url(quizz/recibe_resultados.jpg) no-repeat left top; width:207px}
strong{font-weight:bold}