/* CSS Document */
body{font-size:14px;font-family:Arial, Helvetica, sans-serif;text-align:center; background:url(style/bg_body.png) repeat center top; color:#000; text-align:center; padding-top:17px}
#layout{width:960px;margin:0 auto; background:url(style/bg_layout.png) repeat-y left top; height:675px; padding-left:2px; padding-top:41px; position:relative}
#top_layout{background:url(style/bg_top_layout.png) no-repeat left top; height:41px;width:962px; position:absolute; top:0; left:0; z-index:1}
#content{ text-align:justify;background:url(style/bg_content.png) repeat-x left top; height:529px; position:relative; padding:147px 50px 0 30px}
#layout_der{background:url(style/layout_der.png) no-repeat left top; width:26px; height:26px; position:absolute; right:0; bottom:0; z-index:5}
#layout_izq{background:url(style/layout_izq.png) no-repeat left top; width:26px; height:26px; position:absolute; left:0; bottom:0}
.logo{position:absolute; left:30px; top:0px; z-index:1000;}
.familia10{position:absolute; left:260px; top:20px; z-index:1000; text-indent:-9999px; background:url(style/familia10.jpg); width:316px; height:110px;}
#content .izq{width:588px; float:left;}
#content .der{width:292px; float:left; position:relative; padding-top:25px; height:490px}
#content .izq p{width:528px; margin-bottom:19px; line-height:18px; padding-left:13px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF}
#content .der form{width:292px; height:395px; text-align:center; background:url(style/bg_simon.png) no-repeat left top; padding-top:10px}

strong{font-weight:bold}
img.curso{margin-left:0px}

img.amipci{position:absolute; right:-29px; bottom:5px; z-index:10}
img.doki{position:absolute; top:-156px; left:-15px; z-index:5}
label{ font-weight:bold;display:block; float:left; clear:left; font-size:12px; color:#646464; text-align:right; width:85px; margin-right:8px; height:21px; line-height:21px}
.requerido{color:#EE0019; margin-right:5px}
input{ display:block; float:left; width:129px; height:19px; border:1px solid #726C5E; margin-bottom:5px; padding-top:2px;font-size:12px;color:#666666;}
select{font-size:12px; width:148px; border:1px solid #726C5E; margin-bottom:7px; float:left;color:#666666;height:24px;}
form .titulo{font-weight:bold; color:#212255; font-size:18px; text-transform:uppercase}
form .subtitulo{color:#212255; display:block; margin-bottom:10px; font-size:12px; margin-top:6px;}
form .politica{clear:left; font-size:9px; text-align:justify; padding:0 20px}
form .info{height:30px; clear:left; padding-top:10px; padding-left:7px; position:relative}
form .info label{font-size:9px; float:right;width:250px; line-height:24px; text-align:left; margin-right:0; position:absolute; right:0; top:10px}
form .info input{ border:0;width:16px; margin:0; margin-top:3px; margin-left:12px;}
input.enviar{background:url(style/enviar.png) no-repeat left top; width:215px; height:27px; border:0;margin:5px 0 0 42px}
a.continuar{background:url(style/continuar.png) no-repeat left top; width:215px; height:27px; border:0;margin:5px 0 0 42px; position:relative; display:block; text-indent:-9999px;}

.condiciones{position:absolute; bottom:20px; left:270px; width:400px; font-size:9px; z-index:15; text-align:center; color:#FFFFFF; z-index:9999}
.condiciones a{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
#footer{padding-top:10px; width:962px; margin:0 auto; position:relative}
#footer a{color:#fff; text-decoration:none; font-size:10px; font-weight:bold}
#footer .salido{background:url(style/salido.png) no-repeat left top; width:172px; height:109px; position:absolute; right:90px; top:-2px}
#campana{
	position:absolute;
	background:url(style/campana.png) top left no-repeat;
	width:286px;
	height:253px;
	z-index:1000;
	top: -101px;
	left: 780px;
}
#ramas{
	position:absolute;
	background:url(style/ramas.png) top left no-repeat;
	width:310px;
	height:206px;
	z-index:999;
	top: -1px;
	left: 1010px;
}
#ramas2{
	position:absolute;
	background:url(style/ramas.png) top left no-repeat;
	width:310px;
	height:206px;
	z-index:999;
	top: -1px;
	left: 640px;
}
#esfera1{
	position:absolute;
	background:url(style/esfera1.png) top left no-repeat;
	width:58px;
	height:118px;
	z-index:950;
	left: 375px;
	top: 579px;
}
#esfera2{
	position:absolute;
	background:url(style/esfera2.png) top left no-repeat;
	width:95px;
	height:153px;
	z-index:960;
	left: 305px;
	top: 539px;
}
#esfera3{
	position:absolute;
	background:url(style/esfera3.png) top left no-repeat;
	width:57px;
	height:125px;
	z-index:1000;
	top: 629px;
	left: 265px;
}
#loader{
    visibility: hidden;
    display: none;
    position: absolute;
    left: 40%;
    top: 30%;
}
.imgasis{float:left; margin-top:50px; margin-left:20px; width:253px; height:153px; background:url(style/asis.jpg); }
.infoasis{float:left; margin-top:14px; margin-left:20px; font-size:18px; width:260px; text-align:center; }
.infoasis2{float:left; margin-top:25px; margin-left:20px; font-size:12px; width:260px; text-align:justify; color:#a3a3a3; }
.btnsi{float:left; margin-top:30px; margin-left:80px; width:63px; height:25px; cursor:pointer; background:url(style/btn_si.png); }
.btnno{float:left; margin-top:30px; margin-left:15px; width:63px; height:25px; cursor:pointer; background:url(style/btn_no.png); }
.texto{ padding-right:16px; background:url('style/star.png') 130px 4px no-repeat #FFFFFF}
.good{background:url('style/check.png') 130px 4px no-repeat #FFFFFF;}
.wrong{background:url('style/errorIcon.png') 130px 4px no-repeat #FFFFFF;}
.hint{background: url('style/tooltip.png') top left repeat-x #e6e7e9; border:2px solid #333333;font-family:Arial,Helvetica,sans-serif;font-size:11px;margin-top:-4px;padding:10px 12px;position:absolute;right:-100px;width:110px;z-index:100; font-weight:normal; color:#3e3e3e; -moz-border-radius:7px; -webkit-border-radius:7px; text-align:center; opacity: .95; filter: alpha(opacity=95);}
.hint .arrow{ display:block; position:absolute; left:-13px; top: 5px;}
.hint strong{ color:#26a9e0;}
.hidden{ display:none;}