/* 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:961px; background:#fff; margin:0 auto}

/* cabecera */

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

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


/* contenedor home */

#contenedorCuerpo{height:498px;}
.bloqueIzquierda {float:left; width:622px; background:#497ba8 url(../img/foto.jpg) left top repeat-x; height:inherit; position:relative; color:#fff; height:498px }
.bloqueIzquierda p.modulos{background:url(../img/modulos.jpg) left no-repeat; font-size:0.1em; height:93px; margin:141px 0 0 0}
.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:15px 0 10px 40px}
.bloqueIzquierda h3{font-size:2.3em; font-weight:normal; margin:45px 25px 10px 285px; color:#000;text-align:left}
.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:#fff url(../img/bg_modulo2.jpg) left top repeat-y ; height:392px; position:relative; margin-top:19px; text-align:right; color:#000}
.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 #E6E6E6; border-bottom:1px solid #E6E6E6; 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:#525252; 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}

.bloqueDerechaInterior {background:#fff url(../img/bg_modulo2.jpg) left top repeat-y ; position:relative; height:70px; text-align:left; color:#000;padding-left:5px;padding-right:5px;padding-top:25px;padding-bottom:10px;}
.bloqueDerechaInterior .btnRegistrate{font-size:1.4em; color:#000; text-decoration:none; text-align:center; display:block; }
.bloqueDerechaInterior .titulo_interior{font-size:1.6em; color:#000; text-decoration:none; text-align:center; display:block; }

/* FORMULARIO */
#contenedorFormulario{padding:10px 25px; }
#contenedorFormulario h2{font-size:2em;}
#contenedorFormulario h3{font-size:1.7em; color:#15A51F; padding-top:5px}
#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}
#contenedorFormulario p.codigo{padding:15px 150px}
select.puntocom{width:400px}
input.inputIzq{margin-right:50px}
input.w230{width:230px}
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 #E6E6E6; 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}