/* CSS Document */
body{font-size:12px;font-family:Arial, Helvetica, sans-serif;text-align:center; background:url(style/bg_body.png) repeat-x center top #FFF}
#layout{/*width:846px;*/ width:950px; margin:0 auto; text-align:justify; background:url(style/bg_layout.jpg) no-repeat left top; padding:6px 29px 0 18px; position:relative}
#footer{margin-top:50px;font-size:11px; color:#7DA1A6;background:#F3F8FA; border:1px solid #BAD6DA; position:relative; height:52px; margin-bottom:10px}
#header{position:relative; margin-left:-10px; height:173px}
#promo{background:url(style/bg_atraction.jpg) no-repeat left bottom; width:654px; height:365px;margin-right:29px; float:left; margin-bottom:49px; position:relative}
#footer .info{border:1px solid #fff; height:50px; line-height:50px; padding-left:319px;position:relative}
#footer .info .llame{position:absolute; left:13px; top:13px}
#footer .info .img_footer{position:absolute; right:17px; bottom:13px}
.primer_curso_ingles{background:url(style/primer_curso_ingles.jpg) no-repeat left top; width:655px; height:49px; text-indent:-9999px}
.deje_que_aprendan{background:url(style/sus-pequenos-aprendan.jpg) no-repeat left top; width:182px; height:153px; text-indent:-9999px; top:132px; left:40px; position:absolute}
img.img_pri{position:absolute; top:98px; right:-21px}
img.img_seg{position:absolute; bottom:-29px; left:256px}

div.bloque_info{clear:both}
div.bloque{width:174px; height:373px; float:left; margin-right:32px; padding:13px 12px 0 10px; position:relative; font-size:11px}
div.bloque img{margin-bottom:24px}
div.bloque br{margin-bottom:10px}
div.bloque1{background:url(style/bg_bloque1.gif) no-repeat left top;color:#278f19}
div.bloque1 .mejor_curso{ margin-bottom:20px;background:url(style/el_mejor_curso.jpg) no-repeat left top; text-indent:-9999px; width:160px; height:31px}
div.bloque2{background:url(style/bg_bloque2.gif) no-repeat left top;color:#e96903}
div.bloque2 .ingles_3d{ margin-bottom:20px;background:url(style/ingles_3d.jpg) no-repeat left top; text-indent:-9999px; width:160px; height:31px}
div.bloque2 .hidden { visibility:hidden;}

div.bloque3{background:url(style/bg_bloque3.gif) no-repeat left top; color:#ee1082; margin-right:31px}
div.bloque3 .multimedia{ margin-bottom:20px;background:url(style/multimedia.jpg) no-repeat left top; text-indent:-9999px; width:160px; height:31px}
div.bloque4{ width:265px; height:264px; border:1px solid #BAD6DA; margin:0; background:#F3F8FA; padding:0}
div.bloque4 .info{border:1px solid #fff; width:197px; height:262px;padding:12px 37px 0 28px}
div.bloque4 .descarga_exclusiva{ margin-bottom:20px;background:url(style/descarga_exclusiva.jpg) no-repeat left top; text-indent:-9999px; width:196px; height:79px; display:block; text-indent:-9999px}
div.bloque4 img{margin-left:18px}

div.testimonio{clear:left; margin-top:37px; width:653px; position:relative; height:313px}
div.testimonio .testimonial{display:block; background:url(style/testimonial.jpg) no-repeat 31px top; height:33px; text-indent:-9999px; border-bottom:6px solid #B4DEEF; margin-bottom:31px}
div.testimonio .testimonial_test{position:absolute; display:block; background:url(style/testimonial_text.jpg) no-repeat left top; width:389px; height:67px; text-indent:-9999px; left:250px; top:58px}
div.testimonio p{ height:108px; width:363px;margin:94px 20px 0 270px; font-size:11px; text-align:left; color:#0393cc; position:relative}
div.testimonio p span.autor{display:block; text-align:center; margin-top:10px; font-weight:bold}
div.testimonio p span.quote_der{display:block;position:absolute; top:-5px; left:-41px; width:35px; height:27px; background:url(style/quote_izq.jpg) no-repeat left top}
div.testimonio p span.quote_izq{display:block;position:absolute; bottom:13px; right:-14px; width:24px; height:24px; background:url(style/quote_der.jpg) no-repeat left top}
div.testimonio img{float:left}
div.testimonio .solicita_grande{display:block; clear:left; background:url(style/bg_solicita.png) no-repeat left top; width:574px; height:33px; line-height:33px; text-decoration:none; font-size:18px; color:#fff; font-weight:bold; text-align:right; padding-right:80px}

#formulario{width:266px; float:left; position:absolute; top:179px; right:28px}
#formulario .pregunte_ahora{background:url(style/pregunte_ahora.jpg) no-repeat left top; width:266px; height:49px; text-indent:-9999px; display:block}
#formulario .form_cont{background:url(style/bg_form.png) repeat-y left top; padding:8px 22px 0 28px}
#formulario .form_bot{background:url(style/bg_form_bot-trans.png) no-repeat left top; width:266px; height:17px}
#formulario .form_cont span{color:#3594e9; font-size:11px; font-weight:bold; display:block; margin-bottom:10px; text-align:center; text-align:left}
#formulario .campo{float:left; margin-bottom:6px;width:216px;}
#formulario .estado{width:106px;margin-right:4px}
#formulario .ciudad{width:102px}
#formulario .campo label{display:block; color:#1d2a5b; font-size:11px}
#formulario .campo input{width:214px; border:1px solid #96A6C4; height:17px; padding-top:3px}
#formulario .campo input.chico{width:104px; margin-right:4px; float:left}
#formulario .campo select{width:106px; float:left;border:1px solid #96A6C4; height:22px; padding-top:3px;font-size:12px;}
#formulario .campo input.chico2{width:104px; float:left}
#formulario .campo input.indicativo{width:28px; float:left; margin-right:3px}
#formulario .campo input.telefono{width:181px; float:left}
#formulario .ciudad input.chico2{width:106px; float:left}
#formulario input.image{border:none; background: url(style/solicita_informacion.png) no-repeat; display:block;height:33px; width:214px; padding:0; margin:0}
strong{font-weight:bold}
.hidden {visibility:hidden; }
.bloque h3{font-weight:bold}
#cajaResultados {
	position:absolute;
	padding:8px;
	
	top:350px;
	left:680px;
	width:340px;
	height:130px;
		
	
	background-color:#4483CD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;	
	border:#0066CC 1px dotted;
	z-index:10;
}
