/* INICIALIZAMOS PARAMETROS */

*{margin:0; padding:0}
fieldset, a img{border:0}
.clear{clear:both;}

body{font-family: Arial, Helvetica, sans-serif; font-size:62.5%; padding:0;}
input, textarea, select{font-size:1em; font-family: Arial, Helvetica, sans-serif}
	html>body option{padding-right:10px}

#contenedor{width:885px; background:#fff; margin:0 auto}

/* cabecera */

#cabecera{font-size:1.2em; position:relative; height:77px}
#cabecera a.ayuda{position:absolute; right:5px; bottom:8px; color:#395c7c; text-decoration:underline}
#cabecera a.ayuda:hover{color:#000; text-decoration:none}

#cabeceraInterior{font-size:1.2em; position:relative; padding-top:50px}
#cabeceraInterior h1{position:absolute; left:15px; top:0}


/* contenedor home */

#contenedorCuerpo{height:410px;}

.bloqueIzquierda {float:left; width:546px; background:#497ba8 url(/img/bg_modulo1.jpg) left top repeat-x; height:inherit; position:relative; color:#fff;height:410px }
.bloqueIzquierda p.inf{background:url(/img/down_modulo1.gif) left bottom no-repeat; font-size:0.1em; height:8px; position:absolute; bottom:0;width:100%; clear:both}
.bloqueIzquierda h2{font-size:2.2em; font-weight:normal; margin:20px 0 10px 40px}
.bloqueIzquierda ul{list-style:none; font-size:1.2em; margin-left:40px}
.bloqueIzquierda ul li{background:url(/img/bullet.gif) left center no-repeat; padding-left:10px; font-weight:bold; width:350px }
.bloqueIzquierda a.btnRegistrate{background: url(/img/btn.jpg) left top no-repeat; width:177px; height:23px; font-size:1.3em; color:#000; text-decoration:none; text-align:center; font-weight:bold; padding-top:6px; display:block; position:absolute; right:25px; bottom:20px}


.bloqueDerecha {float:right; width:328px; background:#5184ae url(/img/bg_modulo2.jpg) left top repeat-x ; height:410px; position:relative; text-align:right; color:#fff}
.bloqueDerecha p.sup{background:url(/img/top_modulo2.gif) left top no-repeat; font-size:0.1em; height:8px; margin:0}
.bloqueDerecha p.inf{background:url(/img/down_modulo2.gif) left bottom no-repeat; font-size:0.1em; height:8px; position:absolute; bottom:0; left:0;width:100%; margin:0; clear:both}

.bloqueDerecha h2{font-size:2.2em; font-weight:normal; margin:10px 15px 10px 0}
.bloqueDerecha form{font-size:1.2em; border-top:1px solid #5184ad; border-bottom:1px solid #5184ad; padding:10px 0; margin:0 15px; }
.bloqueDerecha p{margin-bottom:5px}
.bloqueDerecha legend{display:none}
.bloqueDerecha .email {width:125px}
.bloqueDerecha .tipoPeq{font-size:0.9em; margin-bottom:10px}
.boton{width:150px; font-weight:bold}
.bloqueDerecha a{color:#cfe9ff; text-decoration:underline}
.bloqueDerecha a:hover{text-decoration:none}

.bloqueDerecha .recordar{font-size:1.2em; padding:10px 0; margin:0 15px; }
.bloqueDerecha .recordar p{clear:both}
.bloqueDerecha .recordar label{float:right; width:120px; display:block; text-align:left; padding-left:4px}
	*html .bloqueDerecha .recordar input{margin-top:-3px}


/* FORMULARIO */
#contenedorFormulario{padding:10px 25px; }
#contenedorFormulario h2{font-size:2em;}
#contenedorFormulario form{padding-left:30px}
#contenedorFormulario fieldset{padding-bottom:10px}
#contenedorFormulario legend{font-size:1.5em; font-weight:bold; padding-top:15px; padding-bottom:5px; }
	* html #contenedorFormulario legend {margin-left:-7px; padding-bottom:3px}
#contenedorFormulario hr{height:1px; background:#eee; border:0; margin-bottom:5px}
	* html #contenedorFormulario hr {border:1px solid #eee; margin-bottom:0}
#contenedorFormulario p{font-size:1.2em; margin-bottom:5px; clear:both; padding-top:5px}
		* html #contenedorFormulario p{padding-top:1px}
	.arroba{vertical-align:middle; margin:0 8px; float:left}

#contenedorFormulario label{float:left; width:150px; padding-top:3px}
#contenedorFormulario input, #contenedorFormulario select{float:left}
#contenedorFormulario span.pista{clear:both; font-size:0.9em; display:block;color:#666666;}
#contenedorFormulario span.error{clear:both; font-size:12px; display:block; color:red; font-weight:normal; background-color:#ffe6e6; padding:3px 5px 3px 5px; margin-top:10px; margin-bottom:10px; width:400px;}
#contenedorFormulario p.codigo{padding:15px 150px}

.error{clear:both; font-size:14px; display:block;color:red;font-weight:bold;}
.btnRegistrate{font-size:1.3em; color:#000; text-decoration:none; text-align:center; display:block; }

select.puntocom{width:400px}
input.inputIzq{margin-right:50px}
input.w230{width:230px}
input.w200{width:200px}
input.nombre{width:200px}
input.apellidos{width:250px}
input.cp{width:50px}
select.selectMultiple{font-size:1.2em; padding:2px; float:left; width:250px}
.contenedorPref{padding:15px 0}
.contenedorPref span{font-size:1.1em; float:left; padding:110px 30px}
.contenedorPref a, #contenedorFormulario a{color:#395c7c; text-decoration:underline}
.contenedorPref a:hover, #contenedorFormulario a:hover{color:#000; text-decoration:none}

p.movDerecha{padding-left:332px; margin-top:-20px}
	* html p.movDerecha{padding-left:331px; margin-top:-13px}
span.bloque select{margin-right:5px}
span.bloque {float:left; width:420px}
span.bloque1 {float:left}
#contenedorFormulario span.bloque1 label{width:70px;}
#contenedorFormulario span.bloque1 span{float:left; padding:2px 10px 0 3px}


/* footer */
#footer{border-top:1px solid #e5edf3; margin-top:10px; padding:15px 5px}
#footer ul{ list-style:none; font-size:1.1em; text-align:right}
#footer ul li{display:inline; }
#footer a{color:#395c7c; text-decoration:underline}
#footer a:hover {color:#000; text-decoration:none}

/* popup_blocked_alert */
#popup_blocked_alert a{color:#395c7c; text-decoration:underline}
#popup_blocked_alert a:hover {color:#000; text-decoration:none}