* {margin:0; padding:0}
body { background-color:#dcddde; height:100%; text-align:center; padding-top:6px;}

li { list-style-type:none}


.nover {display:none}



#contenido { width:780px; margin:0 auto; display:block; background: #fff url('../img/cabecera.jpg') no-repeat top center}

/*
h1 {border:0px solid red; height:135px; text-indent:-9999px}
h2 {border:0px solid blue; width:193px; text-indent:-9999px; height:100px; margin:0 auto; position:absolute; top:6px; left:400px; background: transparent url('../img/cadavezmas.jpg') no-repeat top center}
*/


h1 {margin:5 5 5 5; font-size:20px;color:#ff9900}
h2 {width:100%; padding:0; margin:0 0 26px 0; border:0px solid blue; text-indent:-9999px; position:relative; left:0px; height:100px; background: transparent url('../img/cadavezmas.jpg') no-repeat top center}




#bloque {border:0px solid red; background-color:#fff; clear:both; display:block; height:130px}
#bloque li {float:left; border:0px solid blue; width:258px;}
   #bloque li.calidad {height:130px; background: #fff url('../img/maxima-calidad.jpg') no-repeat top center}
      #bloque div.calidad-texto {height:130px; color:#666; width:100%; text-align:left; padding:46px 30px 0px 42px; font-family:arial, verdana, sans-serif; font-size:10px; font-weight:normal}
   #bloque li.precio {height:130px; background: #fff url('../img/mejor-precio.jpg') no-repeat top center}
      #bloque div.precio-texto {height:40px; color:#666; width:254px; text-align:center; margin:64px auto 0 auto; padding:0;}
   #bloque li.atencion {height:130px; background: #fff url('../img/atencion-personal.jpg') no-repeat top center}
      #bloque div.atencion-texto {height:130px; color:#666; width:100%; text-align:left; padding:60px 10px 0px 33px; font-family:arial, verdana, sans-serif; font-size:10px; font-weight:normal}


   #bloque li.atencion2 {height:130px; background: #fff url('../img/atencion-personal.jpg') no-repeat top center}
      #bloque div.atencion-texto2 {height:70px; color:#666; width:90%; text-align:left; padding:60px 0px 0px 13px; font-family:arial, verdana, sans-serif; font-size:10px; font-weight:normal}




#navegacion {font-family: arial, verdana, arial, sans-serif; font-size:10px; font-weight:bold}
#navegacion li {border:0px solid blue; width:260px; float:left;}
   #navegacion a.enl_1 {background:url(../img/ciclomotor.jpg) top left no-repeat; text-indent:-9999px; display:block; width:260px; height:167px; text-decoration:none }
   #navegacion a.enl_1:hover {background-position:0 -167px;}
   
   #navegacion a.enl_2 {background:url(../img/moto.jpg) top left no-repeat; text-indent:-9999px; display:block; width:260px; height:167px; text-decoration:none }
   #navegacion a.enl_2:hover {background-position:0 -167px;}
   
   #navegacion a.enl_3 {background:url(../img/CocheFurgoneta.jpg) top left no-repeat; text-indent:-9999px; display:block; width:260px; height:167px; text-decoration:none }
   #navegacion a.enl_3:hover {background-position:0 -163px;}


#navegacion strong {font-size:18px; color:#666; font-weight:bold; font-family:arial, verdana, sans-serif}
#navegacion .naranja {color:#ff9900}

#bloque li.tellamamos {height:70px; width:200px; margin-top:20px; border:0px solid red; margin-left: 20px; background: #fff url('../img/tellamamos.jpg') no-repeat top center}
#bloque li.tellamamos a {width:192px; height:68px; display:block; text-indent:-9999px;}
#bloque li.ereshapping {height:70px; margin-top:20px; margin-left:20px; background: #fff url('../img/ereshapping.jpg') no-repeat top center}
#bloque li.asegurado {height:70px; float:right; margin:20px 0 0 0; padding:20px 0 0 0; border:0px solid red;}



hr {height:5px; color:#e3e3e4; background-color:#dcddde; border:0}



#ejemplos {background-color: #fff; height:190px}
#ejemplos-cierre {clear:both; background-color: #fff; height:190px;}


#aviso {text-align:center; background: #dcddde url('../img/cierre.jpg') no-repeat top center;  height:16px; font-size:10px; font-family:verdana, arial, sans-serif; display:block; clear:both; padding-top:16px; padding-bottom:6px}
#aviso li {display:inline; padding-left:6px; padding-right:6px}
#aviso a {color:#999; text-decoration:none}
#aviso a:hover {text-decoration:underline}


#texto-largo {padding:10px 36px; background-color:#fff; text-align:left; font-family:verdana, arial, sans-serif; font-size:10px; color:#666}
#texto-largo p {margin-bottom:10px}
#texto-largo ul {margin-bottom:10px}
#texto-largo ul ul {margin-left:20px}
#texto-largo .titular-peque {font-weight:bold}
#texto-largo h4 {margin:10px 0; font-size:18px; color:#ff9900}
#texto-largo h5 {margin:10px 0; font-size:11px}
#texto-largo h6 {font-size:10px}




.agradecimiento {text-align:center; font-family:verdana, arial, sans-serif; font-size:10px; color:#666}
.volver {text-align:center; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; text-decoration:underline}




/* estilo para los formularios */
#formulario { width:576px; display:block; clear:both; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal; text-aling:center; margin:0 auto; padding:20px 0; background-color:#fff }
#formulario strong {font-size:18px; color:#666; font-weight:bold; font-family:arial, verdana, sans-serif}
#formulario .naranja {color:#ff9900}

h5.titular1 {font-size:18px; width:100%; background: transparent url('../img/happingcoche.jpg') no-repeat top center; position:relative; left:0px; top:0px; height:94px; text-indent:-9999px; margin:20px auto 0 auto; width:720px; display:block}
h5.titular2 {font-size:18px; width:100%; background: transparent url('../img/happingmoto.jpg') no-repeat top center; position:relative; left:0px; top:0px; height:94px; text-indent:-9999px; margin:20px auto 0 auto; width:720px; display:block}
h5.titular3 {font-size:18px; width:100%; background: transparent url('../img/happingciclomotor.jpg') no-repeat top center; position:relative; left:0px; top:0px; height:94px; text-indent:-9999px; margin:20px auto 0 auto; width:720px; display:block}


.datos_formulario { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/datospersonales.png") no-repeat top center; }
.datos_formulario2 { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/datosespecificos.png") no-repeat top center; }
.datos_formulario3 { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/bonificacion.png") no-repeat top center; }
.datos_formulario3b { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/bonificacion2.png") no-repeat top center; }
.datos_formulario4 { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/coberturas.png") no-repeat top center; }
.datos_formulario5 { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/observaciones.png") no-repeat top center; }
.datos_formulario6 { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/tellamamos.png") no-repeat top center; }
.datos_formulario5b { float:left; margin-top:50px; clear:both; width:570px; padding:36px 0px 20px 10px; text-align:right; background: transparent url("../img/observaciones.png") no-repeat top center; }


.etiq_form { margin-top:5px; clear:both; float:left; width:170px; height:20px; padding:3px 10px 0px 30px; text-align:right; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
.porejemplo {font-size:9px; }





.capa_clearboth{clear:both}
.contenido_menu_form { width:184px; }
.menu_formulario{float:left;clear:none;width:185px;height:auto; margin-top:15px;}
#titulo_cabecera_form { margin-top:15px; margin-left:17px; text-align:center; }
.capa_pie{ float:left; clear:both; width:568px; height:116px; margin:0px; padding:0px; background:url("../img/bg_pieform.png"); }
#etiq_form_ob { margin-top:5px; clear:both; float:left; width:100px; height:20px; padding:3px 10px 0px 30px; text-align:right; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
.etiq_form_2 { margin-top:5px; clear:both; float:left; width:170px; height:30px; padding:3px 10px 0px 30px; text-align:right; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}/*Para etiquetas que tienen 2 lineas*/
#etiq_radio_tipo { margin-top:5px; clear:both; float:left; width:210px; height:20px; padding:3px 10px 0px 10px; text-align:right; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
#etiq_radio_propietario { margin-top:5px; clear:both; float:left; width:210px; height:20px; padding:3px 10px 0px 10px; text-align:right; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
.etiq_radio { margin-top:5px; clear:both; float:left; width:210px; height:20px; padding:3px 10px 0px 50px; text-align:right; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
#etiq_check { margin-top:5px; float:left; width:196px; height:20px; padding:3px 0px 0px 10px; text-align:left; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
#check { clear:both; margin-top:5px;padding-left:205px; float:left; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
.campo_form { margin-top:5px; float:left; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
.campo_form_2 { margin-top:12px; margin-bottom:3px; float:left; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal} /*Para el caso de etiquetas que ocupen 2 lineas*/
.campo_radio { margin-top:5px; margin-bottom:5px; float:left; text-align:left; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
/* Cambia el estilo del input cd se activa o desactiva. NO FUNCIONA EN IE. En Firefox funciona correctamente*/
input:enabled{ color:#bd0926; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
input:disabled{ color:#262626; border: 1px solid #262626; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
.input_txt{ width:280px; height:17px; border:1px solid #262626; background:url("../img/relleno_form.gif") no-repeat;padding:3px 0px 0px 3px; font:bold 10px Verdana,Helvetica,sans-serif; color:#bd0926; }
select {width:283px; height:20px; border:1px solid #262626; font:bold 10px Verdana,Helvetica,sans-serif; color:#bd0926; padding-top:3px; }
textarea { width:350px; height:80px; border:1px solid #262626; background:url("../img/relleno_textarea.gif") no-repeat;padding: 5px 0px 0px 3px; font:bold 10px Verdana,Helvetica,sans-serif; color:#bd0926; font-family:verdana, arial, sans-serif; font-size:10px; color:#666; font-weight:normal}
#boton { margin:20px auto 40px auto; text-align:center; }
.agradecimiento{ padding:50px 0 50px 40px;width:100%; } 
#agra_texto{ background:#FFFFFF;color:#00000;font-weight:bold;padding:5px; padding-right:2px; }