/* refefinición html */
/* refefinición html */
body { margin: 0px; padding: 0px; position: relative;
background: #aacbde url(../img/bg.gif) top left repeat-x;
font-family: Trebuchet, "Trebuchet MS", "Microsoft Sans Serif", "Nimbus Mono L", sans-serif;
font-size: 13px; text-align: center; }
* { margin: 0px; padding: 0px; }
.hide { display: none; }
a:link, a:visited { color:#666666; font-weight:bold; text-decoration:none; }
a:hover, a:active { color:#666666; text-decoration:none;}
.inicio a:link, a:visited { color:#3e738b; font-weight:bold; text-decoration:none;}
.inicio a:hover, a:active { color:#3e738b; text-decoration:none;}
iframe {margin-right:7px; border:1px solid #e0e1e2; float:left; padding:4px 5px 0 5px;}
.mapa{margin-left:20px;}
/* formateo de li para disposición */
ul li { line-height: 0px; font-size: 0px; list-style: none; }
ul li p, ul li h2, ul li h3 { line-height: normal; font-size: 11px; vertical-align: top; }
em {font-size:85%; color:#999999;}
.body { position: relative; width: 959px; margin: 0px auto; }
/* header */
h1 { margin-bottom: 32px; height: 67px;
background-image: url(../img/h1.gif); background-position: top center; background-repeat: no-repeat; }
h1 strong { display: none; }
/* menu top */
ul.menuTop { position: absolute; top: 67px; left: 280px; height: 32px; }
body.cat ul.menuTop { position: absolute; top: 67px; left: 300px; height: 32px; }
ul.menuTop li { float: left; }
ul.menuTop li p a { display: block; height: 32px; background-position: 0px 0px; background-repeat: no-repeat; }
ul.menuTop li p a:hover,
ul.menuTop li.over p a
{ background-position: 0px -32px; }
ul.menuTop li p a strong { display: none; }
ul.menuTop li.inicio p a { width: 58px; background-image: url(../img/li_menu_inicio.gif); }
body.cat ul.menuTop li.inicio p a { width: 58px; background-image: url(../cat/img/li_menu_inicio_cat.gif); }
ul.menuTop li.filosofia p a { width: 88px; background-image: url(../img/li_menu_filosofia.gif); }
body.cat ul.menuTop li.filosofia p a { width: 88px; background-image: url(../cat/img/li_menu_filosofia.gif); }
ul.menuTop li.consejos p a { width: 88px; background-image: url(../img/li_menu_consejos_cat.gif); }
body.cat ul.menuTop li.consejos p a { width: 88px; background-image: url(../cat/img/li_menu_consejos_cat.gif); }
ul.menuTop li.seguros p a { width: 82px; background-image: url(../img/li_menu_seguros.gif); }
body.cat ul.menuTop li.seguros p a { width: 113px; background-image: url(../cat/img/li_menu_seguros_cat.gif); }
ul.menuTop li.seguros p a.over { background-position: 0px -32px; }
ul.menuTop li.confian p a { width: 166px; background-image: url(../img/li_menu_confian.gif); }
body.cat ul.menuTop li.confian p a { width: 166px; background-image: url(../cat/img/li_menu_confian_cat.gif); }
ul.menuTop li.donde p a { width: 130px; background-image: url(../img/li_menu_donde.gif); }
body.cat ul.menuTop li.donde p a { width: 82px; background-image: url(../cat/img/li_menu_donde_cat.gif); }
ul.menuTop li.contacto p a { width: 86px; background-image: url(../img/li_menu_contacto.gif); }
body.cat ul.menuTop li.contacto p a { width: 86px; background-image: url(../cat/img/li_menu_contacto_cat.gif); }
/* desplegable seguros */
ul#seguros { position: absolute; top: 99px; left: 50%; z-index: 10; margin-left: -54px;
background-color: #568297; border: 1px solid #5c8ea5; border-top: none; }
ul#seguros li { text-align: left; }
ul#seguros li p { width: 215px; }
ul#seguros li p a { display: block; padding: 0px 8px 0px 14px;
line-height: 2.8em; text-transform: uppercase; font-weight: bold; }
* html ul#seguros li p a { width: 100%; }
ul#seguros li p a:link, ul#seguros li p a:active, ul#seguros li p a:visited { text-decoration: none; color: #b8e6f8; }
ul#seguros li p a:hover { background-color: #5090a9; }
.cat ul#seguros { position: absolute; top: 99px; left: 50%; z-index: 10; margin-left: -35px;
background-color: #568297; border: 1px solid #5c8ea5; border-top: none; }
/* home */
.intro { width: 850px; height: 286px; position: absolute; z-index: 1; top: 99px; left: 50%; margin-left: -425px;
background-image: url(../img/bg_intro.jpg); background-position: top left; background-repeat: no-repeat; }
.intro p strong, .intro p em { display: none; }
.home { width: 850px; margin: 0px auto; text-align: left; position: relative; padding-top: 291px;}
.home ul.hightlight { width: 850px; height: 284px; position: relative; margin-bottom: 6px;
background-image: url(../img/bg_home_main.gif); background-position: top left; background-repeat: no-repeat; }
.home ul.hightlight li { width: 205px; height: 225px; position: absolute; top: 25px;
background-position: top left; background-repeat: no-repeat; }
.home ul.hightlight li.h1 { background-image: url(../img/bg_highlight1.jpg); left: 10px; }
.home ul.hightlight li.h2 { background-image: url(../img/bg_highlight2.jpg); left: 215px; }
.home ul.hightlight li.h3 { background-image: url(../img/bg_highlight3.jpg); left: 418px; }
.home ul.hightlight li h2 { margin-top: 120px; padding: 0px 15px;
color: #3e738b; line-height: 1.2em; font-size: 16px; text-align: center; }
.home ul.hightlight li p { margin-top: 5px; padding: 0px 15px;
color: #666666; line-height: 1.2em; font-size: 12px; }
/* menu right */
ul.menuRight { position: absolute; top: 443px; left: 50%; margin-left: 205px; }
ul.menuRight li { background-position: top left; background-repeat: no-repeat; margin-top: 10px; }
ul.menuRight li.presupuesto { background-image: url(../img/li_menu_presupuesto.gif); }
body.cat ul.menuRight li.presupuesto { background-image: url(../cat/img/li_menu_presupuesto_cat.gif); }
ul.menuRight li.siniestros { background-image: url(../img/li_menu_siniestros.gif); }
body.cat ul.menuRight li.siniestros { background-image: url(../cat/img/li_menu_siniestros_cat.gif); }
ul.menuRight li.consultas { background-image: url(../img/li_menu_consultas.gif); }
body.cat ul.menuRight li.consultas { background-image: url(../cat/img/li_menu_consultas_cat.gif); }
ul.menuRight li p { font-size: 0px; line-height: 0px; }
ul.menuRight li p a { display: block; width: 208px; height: 53px; }
ul.menuRight li p a strong { display: none; }
/* pie */
p.pie { width: 850px; margin: 0px auto; padding: 10px 0px 50px 0px;
background-image: url(../img/bg_pie.gif); background-position: top left; background-repeat: no-repeat;
color: #3e7388; font-size: 11px; text-align: left; }
p.pie strong { margin-left: 0px;padding: 0px 14px; }
p.pie a:link, p.pie a:active, p.pie a:visited { padding: 0px 20px;font-weight: bold; color: #3e7388; text-decoration: none; }
p.pie a:hover { text-decoration: underline; }
/* contacto e idioma */
ul.contact,
ul.lang { position: absolute; left: 50%; width: 425px; margin-left: -12px; margin-top:-25px;
text-align: right;}
ul.contact li, ul.contact li p,
ul.lang li, ul.lang li p {}
/* contacto */
ul.contact { top: 3px; }
ul.contact li p { color: #666666; font-size: 12px; padding-left: 20px; }
ul.contact li p a:link, ul.contact li p a:active, ul.contact li p a:visited { font-weight: bold; color: #666666; text-decoration: none; }
ul.contact li p a:hover { text-decoration: underline; }
ul.contact li p em { font-size: 15px; }
/* idioma */
ul.lang { top: 45px; }
ul.lang li p { padding-left: 10px; }
ul.lang li a:link, ul.lang li a:active, ul.lang li a:visited { font-weight: bold; color: #67a8c2; text-decoration: none; }
ul.lang li a:hover { text-decoration: underline; }
.limpiar {clear:both;}
/* páginas interiores */
.interior ul.menuRight { top: 245px; }
.interior .contenido { width: 850px; margin: 0px auto; text-align: left; padding-top: 168px; }
.interior .contenido .texto { background-color: #f8f8f8; width: 604px; margin-left: 14px;
border: 1px solid #e0e1e2; border-top: none; border-bottom: none;}
.interior .contenido .texto h2 { background-position: 10px 0px; background-repeat: no-repeat; }
.interior .contenido .texto h2 strong { display: none; }
.interior .contenido .texto p { color: #666666; padding: 0px 20px 15px 20px; }
.interior .contenido .texto p.derecha {text-align:right;}
.interior .contenido .texto p strong { color: #555555; }
.interior .contenido .texto img { margin-left:20px; margin-top:10px; float:left; border:0;}
.interior .contenido .col { background-color: #f8f8f8; width: 604px; margin-left: 14px;
border: 1px solid #e0e1e2; border-top: none; border-bottom: none; }
.interior .contenido .col h2 { background-position: 10px 0px; background-repeat: no-repeat; }
.interior .contenido .col h2 strong { display: none; }
.interior .contenido .col p { color: #666666;width:248px; float:left; padding: 0px 20px 15px 20px; }
.interior .contenido .col p strong { color: #555555; }
.interior p.pie { padding: 42px 0px 8px 0px;
background-image: url(../img/bg_pie_interior.gif); background-position: bottom left; background-repeat: no-repeat; }
/*filosofia */
.filosofia .contenido { background: #f1f1f1 url(../img/filosofia_top.jpg) top left no-repeat; }
.filosofia h2 { height: 31px; background-image: url(../img/filosofia_h2.jpg); }
.filosofiaCat h2 { background-image: url(../cat/img/filosofia_h2_cat.gif); }
/*consejos*/
.consejos .contenido { background: #f1f1f1 url(../img/consejos_top.jpg) top left no-repeat; }
.consejos h2 { height: 31px; background-image: url(../img/consejos_h2.jpg); }
.consejosCat h2 { height: 31px; background-image: url(../cat/img/consejos_h2_cat.gif); }
/*donde*/
.donde .contenido { background: #f1f1f1 url(../img/donde_top.jpg) top left no-repeat; }
.donde h2 { height: 31px; background-image: url(../img/donde_h2.jpg); }
.dondeCat h2 { height: 31px; background-image: url(../cat/img/donde_h2_cat.gif); }
/*contacto*/
.contacto .contenido { background: #f1f1f1 url(../img/contacto_top.jpg) top left no-repeat; }
.contacto h2 { height: 31px;background-image: url(../img/contacto_h2.jpg); }
.contactoCat h2 { height: 31px;background-image: url(../cat/img/contacto_h2_cat.gif); }
/*confia*/
.confia .contenido { background: #f1f1f1 url(../img/confia_top.jpg) top left no-repeat; }
.confia h2 { height: 31px;background-image: url(../img/confia_h2.jpg); }
.confiaCat h2 { height: 31px;background-image: url(../cat/img/confia_h2_cat.gif); }
/*notalegal*/
.legal .contenido { background: #f1f1f1 url(../img/legal_top.jpg) top left no-repeat; }
.legal h2 { height: 31px;background-image: url(../img/legal_h2.jpg); }
/*siniestro*/
.siniestro .contenido { background: #f1f1f1 url(../img/siniestros_top.jpg) top left no-repeat; }
.siniestro h2 { height: 31px;background-image: url(../img/siniestros_h2.jpg); }
.siniestroCat h2 { height: 31px;background-image: url(../cat/img/siniestros_h2_cat.gif); }
/*presupuesto*/
.presupuesto .contenido { background: #f1f1f1 url(../img/presupuesto_top.jpg) top left no-repeat; }
.presupuesto h2 { height: 31px;background-image: url(../img/presupuesto_h2.jpg); }
.presupuestoCat h2 { height: 31px;background-image: url(../cat/img/presupuesto_h2_cat.gif); }
/*presupuesto: layer de privacidad*/
body.overflowHidden { position: relative; overflow: hidden; scroll: hidden; }
#layerPolitica { position: absolute; top: 50%; left: 50%; width: 500px; height: 370px; margin: -250px 0px 0px -250px;
border: 6px solid #aacbde;
background-color: #ffffff;
text-align: left; font-size: 11px; }
* html .overflowHidden select { display: none; }
#layerPolitica p { padding: 10px 20px 0px 20px; }
#layerPolitica p.cierraLegal { text-align: center; }
#layerPolitica p.cierraLegal a:link,
#layerPolitica p.cierraLegal a:active,
#layerPolitica p.cierraLegal a:visited,
#layerPolitica p.cierraLegal a:hover { text-decoration: underline; }
/*............ SEGUROS.........*/
/*profesionales */
.profesionales .contenido { background: #f1f1f1 url(../img/embarcaciones_top.jpg) top left no-repeat; }
.profesionales h2 { height: 145px;
background-image: url(../img/profesionales_h2.jpg); }
.profesionalesCat h2 { height: 145px;background-image: url(../cat/img/profesionales_h2_cat.gif); }
/*recreo*/
.recreo .contenido { background: #f1f1f1 url(../img/embarcaciones_top.jpg) top left no-repeat; }
.recreo h2 { height: 145px;background-image: url(../img/recreo_h2.jpg); }
.recreoCat h2 { height: 145px;background-image: url(../cat/img/recreo_h2_cat.gif); }
/*puerto*/
.puerto .contenido { background: #f1f1f1 url(../img/embarcaciones_top.jpg) top left no-repeat; }
.puerto h2 { height: 145px;
background-image: url(../img/puerto_h2.jpg); }
.puertoCat h2 { height: 145px;background-image: url(../cat/img/puerto_h2_cat.gif); }
/*faqs*/
.interior .contenido .texto h3.faq {margin-top:10px; padding: 4px 0px 6px 30px; background: url(../img/faqs_top.gif); background-repeat: no-repeat;
color:#497d86; margin-left: 20px; font-weight:normal; }
.interior .contenido .texto .faqBottom46 { background: url(../img/faqs_mid.gif) top left repeat-y; margin-left: 20px; width: 565px; }
.interior .contenido .texto .faqBottom46 p { padding: 5px; background: url(../img/faqs_bottom.gif) bottom left no-repeat; color:#497d86; }
.faqRespuesta { margin-left:20px; color:black; font-size:12px; width:400px; padding-bottom: 20px; }
/*bloques embarcaciones*/
/*
.interior .contenido .texto .bloques {height: 300px; position: relative; margin-top:20px; margin-left:70px;}
*html .interior .contenido .texto .bloques {height: 300px; position: relative; margin-top:20px; margin-left:50px;}
.interior .contenido .texto .bloques p{margin-left:0px;}
.interior .contenido .texto .bloque { width: 200px; height: 320px; float: left; margin-left:20px; }
.interior .contenido .texto .bloque p { }
.interior .contenido .texto .fondopreg {background: url(../img/bloque.jpg) top no-repeat; height:60px; }
.interior .contenido .texto .bloque p.pregunta { padding: 0px; text-align:center; }
.interior .contenido .texto .bloque p.p1 { padding-top: 17px}
.interior .contenido .texto .bloque p.p2 { padding-top: 3px}
.interior .contenido .texto .bloque p.p3 { padding-top: 10px}
.interior .contenido .texto .respuesta { background: url(../img/bloque2.jpg) top no-repeat; padding-top:20px; padding-left:0; width:200px; height: 200px;}
.interior .contenido .texto .respuesta p.resp{ font-size:80%;}
.interior .contenido .texto .bloque a:link, a:visited { color:#194d62; font-weight:bold; text-decoration:none; }
.interior .contenido .texto .bloque a:hover, a:active { color:#194d62; text-decoration:none;}
*/
/*........solicitud presupuesto.......*/
#form {float:left; margin-left:10px;}
#form p{float:left; margin:7px; padding:0;}
#form h5 { margin-left:0;color:#82912e; text-transform:uppercase; }
#form fieldset {border:1px solid #ebf0ce;}
#form textarea { width:400px;margin:10px;margin-bottom:0px; margin-top:5px; overflow:auto;border:1px solid #e0e1e2;font-size:11px;}
#form input {width:170px;margin-left:10px;margin-top:0;border:1px solid #e0e1e2;font-size:11px;}
#form input.nom {width:150px; margin-left:10px;margin-top:0;}
#form input.apellidos {width:150px; margin-left:10px;margin-top:0;}
#form input.telf {width:75px;margin-left:10px;margin-top:0;}
#form input.poblacion {width:150px;margin-left:10px;margin-top:0;}
#form input.email {width:150px;margin-left:10px;margin-top:0;}
#form input.emb {width:150px;margin-left:10px;margin-top:0;}
#form input.marca {width:150px;margin-left:10px;margin-top:0;}
#form input.puerto {width:150px;margin-left:10px;margin-top:0;}
#form input.peq {width:50px;margin-left:10px;margin-top:0;}
#form input.valor {width:75px;margin-left:10px;margin-top:0;}
#form input.boton3 { margin-left:130px; margin-top:0px; margin-bottom:10px; width:100px;border:0;font-weight:bold;color:#fff;padding:0px 5px; border:1px solid #39718a; background-color:#39718a; }
#form input.priv { margin-left:0px;font-weight:bold; width:20px; border:none;}
#form label {width: 120px;text-align:right;margin-left:0px;color:#504d3e; float:left;font-size:85%;}
#form label.priv{width:200px;text-align:right;margin-left:105px;color:#504d3e; float:left;font-size:85%;}
#form label.derecha {width:80px;text-align:right;margin-left:0px;color:#504d3e; float:left;font-size:85%;}
#form label.selector {width:120px;text-align:right;margin-left:0px;color:#504d3e; float:left;font-size:85%; border:none;}
#form select {margin-left:10px;border:1px solid #e0e1e2;font-size:11px;}
#form input.error, #form select.error { border: 1px solid red; }
/*desplegable*/
/* growl (notificaciones) */
.growlNotification { position: absolute; z-index: 150; background-color: #ffffff; font-size: 12px; background-color: #fff;
border: 1px dotted #333; }
.growlNotification p { padding: 10px 10px 5px 10px; }
.growlNotification ul { margin: 0px; padding: 0px 10px 10px 10px; list-style: square; list-style-position: inside; }
.growlNotification ul li { font-size: 12px; line-height: normal; list-style: square; }