/* CSS Document
By: Gustavo Burgi / 2008
 */
 
/* ---Reseteo general    */ 
@import url("gReset.css"); 

/* ---Elementos comunes   */
html{ background:url(../img/bg-html.gif) repeat-x top;  }
body{ background:none; font-size:12px; color:#3b465b;  font-family:Tahoma;}

#cabecera{ width:826px; height:190px; margin:0 auto; background:url(../img/logo-big.gif) no-repeat top left; position:relative; }
#cabecera h1{ width:551px; height:143px; display:block;  }
#cabecera h1 a{ text-indent:-9999px; display:block; width:551px; height:143px; }
.jeanneau{ width:115px; padding-left:48px; height:43px; padding-top:40px; display:block; position:absolute; top:22px; right:0; background:url(../img/logo-jeanneau.gif) no-repeat top left; color:#d1cfcf; font-size:0.85em; }

ul#menu{ font-weight:bold; height:22px; position:absolute; bottom:0; left:0; }
ul#menu li{  float:left; text-align:center; }

ul#menu li a{ background:url(../img/bg-li-menu.gif) no-repeat top left; padding:4px 20px 0 20px; height:18px; display:block;}
ul#menu li a.empresa{  background:none; }
ul#menu li a:hover{ color:#e51b24; }
ul#menu li a.seleccionado{ color:#e51b24; background-image:none; background-color:#FFF;  }
ul#menu a{ color:#a0a0a0; text-decoration:none;  }

.idioma{ width:165px; text-align:right; position:absolute; right:0; bottom:4px; color:#FFF; font-weight:bold; letter-spacing:2px; }
.idioma a{ color:#FFF; text-decoration:none; letter-spacing:0px; }
.idioma a.seleccionado,
.idioma a:hover{ color:#e51b24; }

.none{ display:none; }

#contenido{ width:826px; margin:18px auto 10px auto; min-height:400px;  position:relative; z-index:1; display:block; clear:both; }
#contenido h1{ background-color:#acacac; color:#fff; font-weight:bold; font-size:1.5em; padding:10px; }
#contenido p{ padding:0 25px; margin:15px auto 2px auto; font-size:1em; color:#3b465b; line-height:1.3em; }
#contenido .imgs{ margin:15px 25px; width:200px; text-align:center; float:left;  }
#contenido .imgs img{ margin-bottom:15px; border:1px solid #acacac; }
a.vermas{ background:url(../img/ver_mas.gif) no-repeat left; color:#242424; padding-left:15px; font-size:0.8em; font-weight:bold; /* clear:both; display:block;*/ text-align:right; float:right; }
a.volver{ display:block; height:15px; clear:both; float:none; color:#e51b24; font-weight:bold; font-size:0.8em; margin:30px auto; }

#pie{ width:auto; display:block; clear:both; background:url(../img/bg-pie.jpg) repeat-x top; height:293px; position:relative;  }
#pie .conte{ width:826px; margin:0 auto; position:relative; position:relative; height:293px;}
#pie .marcas{ color:#55585d; font-size:0.9em; padding-top:32px; float:left; margin-right:45px; width:228px; display:block; font-weight:bold; }
#pie .marcas p{ margin-bottom:21px; }
#pie .marcas img{ float:left; display:block; }
#pie .marcas img.faeton{ margin-top:30px; margin-right:30px; width:148px; height:8px;  }
#pie .marcas img.jeaneau2{  width:130px; height:34px; clear:both;  }
#pie .marcas img.zodiac{  width:37px; height:38px; margin-bottom:25px;  margin-top:15px;  }
#pie .marcas img.bombard{  width:95px; height:22px; margin-right:17px; }
#pie .marcas img.menorquin{  width:116px; height:23px;  }
#pie .marcas img.mercruiser{  width:122px; height:23px; margin-right:15px; margin-bottom:15px; }
#pie .marcas img.volvo{  width:90px; height:25px;  }
#pie .marcas img.suzuki{  width:102px; height:34px; clear:right; margin-bottom:15px; margin-right:35px;  }
#pie .marcas img.yamaha{  width:82px; height:18px; margin-top:15px;  }
#pie .contacto{ width:255px; padding-left:3px; display:block; float:right; margin-top:15px; padding-top:15px; background:url(../img/b-contacto.jpg) no-repeat left top; }
#pie .contacto h2{ font-size:1.25em; color:#f6f6f6; font-weight:bold; margin-bottom:10px; padding-left:10px; }
#pie .contacto a{ color:#fff; margin-bottom:19px; display:block; padding-left:10px;  }
#pie .contacto a.email{ color:#55585d; margin:0; display:inline; }

#pie .contacto p{ font-size:0.9em; margin-bottom:10px; color:#55585d; font-weight:bold; }
#pie .contacto p strong{ color:#e51b24; font-size:10px; }
#pie .logi{ height:20px; width:150px; padding:17px 0 0 50px; position:absolute; bottom:5px; left:0; color:#FFF; font-size:0.9em; background:url(../img/logo-small.gif) no-repeat top left; display:block; }
#pie .logi strong{ color:#e51b24; font-weight:normal; }
#pie .aviso{ height:20px; width:260px; text-align:right; padding:17px 0 0 0px; position:absolute; bottom:5px; right:0; color:#a7a0a0; font-size:0.9em; display:block; }
#pie .aviso a{ color:#a7a0a0; text-decoration:none; }

/* accesible */
.accesible ul li{ list-style:circle; padding-left:10px; margin-left:50px; }

/* home  */
#contenido.home{ overflow:visible; }
#flashcontent{ width:826px; height:214px; display:block; position:relative; z-index:1;}
#flashcontent img{ visibility:hidden; }
/*.noves{ height:127px; width:127px; display:block;  }*/
a.noves{height:127px; width:127px; display:block; text-indent:-9999px; position:absolute; right:-8px; top:100px;  z-index:25; cursor:pointer; }

.CA{ background:url(../img/noves_ca.png) no-repeat; }
.ES{ background:url(../img/noves_es.png) no-repeat; }
.EN{ background:url(../img/noves_ca.png) no-repeat; }
.DE{ background:url(../img/noves_ca.png) no-repeat; }
.FR{ background:url(../img/noves_ca.png) no-repeat; }

ul#categorias{ margin-top:25px;}
ul#categorias li{ width:235px; padding:158px 11px 0 11px; display:block; float:left;  margin-bottom:30px; position:relative}
ul#categorias li.avela{ background:url(../img/h_vela.jpg) no-repeat top; }
ul#categorias li.amotor{ background:url(../img/h_a_motor.jpg) no-repeat top; margin:0 27px; }
ul#categorias li.motor{ background:url(../img/h_motor.jpg) no-repeat top; }
ul#categorias li.ofertas{ background:url(../img/h_motor01.gif) no-repeat top; /*width:240px; padding:164px 11px 0 11px; margin-top:-6px; margin-left:-5px;*/}
ul#categorias li p{ border:1px solid #3b3b3b; display:block; background-color:#e51b24; text-align:center; padding:0 0 8px 0;  color:#FFFFFF;  position:relative}

ul#categorias li p a{   text-decoration:none; }
ul#categorias li p span.tit{ color:#fff; display:block; font-weight:bold; height:23px; margin-bottom:8px; padding-top:8px; border-bottom:1px solid #3b3b3b; display:block; background-color:#242424;  position:relative}
ul#categorias li p a strong{ text-decoration:underline;  position:relative}
ul#categorias li p a.nou{ color:#242424; position:relative; height:15px;}
ul#categorias li p a.nou:hover{ color:#fff;  background-color:#242424; position:relative  }
ul#categorias li p a.ocasio{ color:#fff; position:relative; height:15px; }
ul#categorias li p a.ocasio:hover{  background-color:#fff;  color:#242424; position:relative  }
ul#categorias li.ofertas p{ background-color:#DCDCDC; color:#000000; }
ul#categorias li.ofertas p a{ color:#e51b24; }
ul#categorias li.ofertas p a:hover{ color:#fff;  background-color:#242424; position:relative  }
/* catalogo */

.catalogo h1{ margin-bottom:15px; position:relative; }
.catalogo h1 em{ font-style:normal; color:#242424; position:absolute; left:290px; top:10px; }

.catalogo .iconas{ margin-left:690px; font-size:11px; color:#333; padding-top:20px;  }
.catalogo .iconas .n{ background:url(../img/nou_mini.png) no-repeat left; padding:6px 0 6px 30px; display:block; clear:both; margin-bottom:2px; }
.catalogo .iconas .u{ background:url(../img/ocasio_mini.png) no-repeat left; padding:6px 0 6px 30px; display:block; clear:both; }

.catalogo form{ margin-left:690px;  }
.catalogo form select{ font-size:0.9em; }
.catalogo form label{ display:none; }
.catalogo ul{ width:630px; display:block; }
.catalogo ul.c1c2{ margin-top:-92px; }
.catalogo ul.c1{ margin-top:-28px; }
.catalogo ul li{ min-height:86px; margin-top:16px; padding-bottom:10px; border-bottom:1px solid #bbb; overflow:auto; position:relative; }
.catalogo ul li img{ float:left; border:1px solid #979797; margin:0 33px 0 4px; }
.catalogo ul li h2{ color:#e51b24; font-size:14px; font-weight:bold; margin-top:2px; }
.catalogo ul li h3{ color:#242424; font-size:16px; font-weight:bold; }
.catalogo ul li h3 a{ color:#242424; text-decoration:none; }
.catalogo ul li .preciosOferta{ width:200px; display:block; float:right; height:20px;  margin-top:-29px; }
.catalogo ul li .preciosOferta div{ width:100px; display:block; float:left; height:20px; text-align:right; font-weight:bold; font-size:12px;}
.catalogo ul li .preciosOferta div.antes{ color:#ACACAC; text-decoration:line-through }
.catalogo ul li .preciosOferta div.ahora{ color:#ea1b24; }
.catalogo ul li span.n{ background:url(../img/nou.png) no-repeat center; width:30px; height:30px; display:block; text-indent:-9999px; position:absolute; right:10px; top:40px; }
.catalogo ul li span.u{ background:url(../img/ocasio.png) no-repeat center; width:30px; height:30px; display:block; text-indent:-9999px; position:absolute; right:10px; top:40px; }
.catalogo ul li p.text{ font-size:10px !important; font-family:Verdana, Geneva, sans-serif; color:#666; margin-top:4px !important; margin-left:130px !important; margin-right:70px !important; }

#contenido.catalogo-detalle{ min-height:480px; }
.catalogo-detalle h1{ margin-bottom:15px; position:relative; }
.catalogo-detalle h1 em{ font-style:normal; color:#242424; position:absolute; left:467px; top:10px; }
.catalogo-detalle h5{ color:#e51b24; font-weight:bold; font-size:1.16em; margin-bottom:15px; }

ul.imagenes{ width:242px; margin-right:50px; margin-bottom:10px; float:left; }
ul.imagenes li{ width:72px; height:72px; float:left; margin-left:13px; text-indent:-9999px; background:url(../img/no-imagen.gif) no-repeat center; margin-bottom:10px;}
ul.imagenes li.primera{ margin-left:0; }
ul.imagenes li a{ width:70px; height:70px; display:block; border:1px solid #8f8f8f; background-position:center; background-repeat:no-repeat; }
ul.imagenes li a:hover{ border:1px solid #242424;  }
ul.imagenes li#grande{ width:240px; height:240px; border:1px solid #8f8f8f; float:none; clear:both;  margin-left:0; background-position:center; background-repeat:no-repeat;}



ul.imagenes2{ width:354px; margin-right:15px; margin-bottom:10px; float:left; }
ul.imagenes2 li{ width:110px; height:86px; float:left; margin-left:8px;  margin-bottom:8px;}
ul.imagenes2 li a img{ visibility:hidden; display:none; }
ul.imagenes2 li.primera{ margin-left:0; }
ul.imagenes2 li a{ width:109px; height:85px; display:block; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; }
ul.imagenes2 li a:hover{ border:1px solid #242424;  }
ul.imagenes2 li.grande{ width:346px; /*height:276px;*/ height:auto; float:none; clear:both;  margin-left:0; background-position:center; background-repeat:no-repeat; vertical-align:middle}
ul.imagenes2 li.grande a{ width:345px; /*height:275px;*/  height:auto; display:block; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; }
ul.imagenes2 li.grande a:hover{ border:1px solid #ccc;  }
ul.imagenes2 li.grande a img{ visibility:visible; width:345px; height:auto; margin:auto; display:block; }


ul.uno,ul.dos{ margin-bottom:10px; width:252px; float:left; font-size:0.9em; height:270px;  }
ul.uno{ margin-right:30px; }
ul.uno li,ul.dos li { margin-bottom:10px; }
ul.dos li.entrega{ color:#e51b24; margin-top:55px; }

#contenido div.tex{ margin:20px 0 30px 50px; width:350px; float:left; font-size:0.9em; }
#contenido div.tex p{ padding:0; }
ul.tres{ margin:20px 0 30px 50px; width:350px; float:left; font-size:0.9em;  }
ul.tres li,ul.cuatro li { margin-bottom:10px; }
ul.tres li.extra,ul.cuatro li.extra{ margin-top:10px; clear:both; padding-top:10px; }
ul.tres li.entrega{ color:#e51b24; margin-top:55px; }
ul.tres li.preciosDetalle{ padding-top:15px; }
ul.tres li.preciosDetalle .antes{ font-size:12px; font-weight:bold; text-decoration:line-through; float:left; clear:right;  }
ul.tres li.preciosDetalle .ahora{ font-size:15px; padding-top:5px; font-weight:bold;  float:left; clear:right; color:#e51b24;  }
ul.tres li.preciosDetalle strong{ width:100px; float:left; clear:left; }
/* Paginado */
#contenido p.paginado { clear:both; line-height:30px; display:block; margin:15px 0 0 0; padding-left:100px; text-align:left; width:500px; font-size:0.9em; }
#contenido p.paginado a { padding:3px 2px; margin:0 1px; text-decoration:none; color:#242424; font-weight:bold;}
#contenido p.paginado a:hover { text-decoration:none; color:#ccc; }
#contenido p.paginado strong { color:#FF0000; padding:2px 2px; margin:0 1px;}

/* noticias */
.noticias h1, .noticia h1{ margin-bottom:15px; position:relative; }
.noticias h1 a.feed, .noticia h1 a.feed{ text-indent:-9999px; width:48px; height:16px; float:right; *margin:-25px 10px 0 0; display:block; background:url(../img/rss.gif) no-repeat; }
.noticias ul{  }
.noticias ul li{ min-height:86px; margin-top:16px; padding-bottom:10px; border-bottom:1px solid #8b8b8b; overflow:auto; }
.noticias ul li img{ float:left; border:1px solid #979797; margin:0 23px 0 4px; }
.noticias ul li h2{ color:#e51b24; font-size:1.16em; font-weight:normal;  }
.noticias ul li h3{ color:#242424; font-size:1.5em; font-weight:normal; margin-top:5px;}
.noticias ul li h3 a{ color:#242424; text-decoration:none; }
.noticias ul li h3 a:hover{color:#e51b24;}
#contenido.noticias ul li p{ padding:5px 15px 5px 0; margin:0px; }

.noticia h2{ color:#e51b24; font-size:1.16em; font-weight:normal;  }
.noticia h3{ color:#242424; font-size:1.5em; font-weight:normal; margin-top:5px;}
.noticia ul.imagenes{ width:344px; margin-right:25px; float:left; }
.noticia ul.imagenes li{ width:111px; height:91px; float:left; margin-left:5px; text-indent:-9999px; background-position:center; background-repeat:no-repeat; margin-bottom:10px;}
.noticia ul.imagenes li.primera{ margin-left:0; }
.noticia ul.imagenes li a{ width:109px; height:89px; display:block; border:1px solid #8f8f8f;  }
.noticia ul.imagenes li a:hover{ border:1px solid #242424;  }
.noticia ul.imagenes li#grande{ width:342px; height:240px; border:1px solid #8f8f8f; float:none; clear:both;  margin-left:0;}
.noticia .tex ul{ list-style:disc; margin-left:25px; }

/* links */
.enlaces h1{ margin-bottom:15px; position:relative; }
.enlaces ul li{ width:350px; float:left; margin:8px 28px; display:block; text-align:center; }
.enlaces ul li.hr{ float:none; clear:both; display:block; height:1px; width:auto; }
.enlaces ul li.hr hr{ display:none; }
.enlaces ul li h3{ color:#242424; font-size:1.15em; font-weight:bold; margin:5px; text-align:left;}
.enlaces ul li h3 a{ color:#242424; text-decoration:none; }
.enlaces ul li h3 a:hover{ color:#e51b24; text-decoration:underline; }
#contenido.enlaces ul li p{ padding:5px; margin:0px; text-align:justify; }

/* situacion */

.situacion h1{ margin-bottom:15px; position:relative; }
.situacion .mapa1,.situacion  .mapa2{ width:391px; float:left; display:block; }
.situacion .mapa1{ margin-right:43px; }
.situacion .mapas{ width:389px; height:181px; border:1px solid #919191; display:block; background-color:#CCCCCC; }
#contenido.situacion .mapa1 p, #contenido.situacion .mapa2 p{ padding:20px 8px; margin:0; font-size:0.9em; line-height:1.5em; }
#contenido.situacion p.borde{ border-bottom:1px solid #8b8b8b; min-height:70px; padding:20px; margin:0;}

#contenido.situacion ul.lugar{ display:block; clear:both; }
#contenido.situacion ul.lugar li{ width:25%; float:left; display:block; margin:0 0 0 8px; }
#contenido.situacion ul.lugar p{color:#55585d; font-weight:bold; line-height:normal; padding:20px 20px 20px 0; margin:0;}
#contenido.situacion ul.lugar p strong{ color:#e51b24; }

#contenido.mapa ul{ list-style:square; margin-left:30px; margin-top:15px; margin-bottom:30px; }
#contenido.mapa ul ul{ list-style:disc; margin-left:30px; margin-top:0px; margin-bottom:0; }
#contenido.mapa ul ul ul{ list-style:circle; margin-top:0px; margin-bottom:4px;}
#contenido.mapa a{ color:#242424; text-decoration:none; font-weight:bold; }
#contenido.mapa a:hover{ color:#e51b24; text-decoration:underline; }
#contenido.mapa ul li{ margin-top:15px; font-size:12px; }
#contenido.mapa ul li ul li{ margin-top:5px; }

#contenido.contacto form{ text-align:left; margin:30px auto; width:560px; }

#contenido.contacto fieldset.pedidode{ margin:15px 0 15px 100px; }
#contenido.contacto fieldset.pedidode label b{ text-align:left; width:130px;}

#contenido.contacto label{ clear:both; display:block; margin-bottom:5px;  }
#contenido.contacto label b{ font-weight:normal; text-align:right; width:110px; display:block;padding-top:4px; float:left; margin-right:15px; }
#contenido.contacto #nombre,
#contenido.contacto #apellidos,
#contenido.contacto #domicilio,
#contenido.contacto #poblacion,
#contenido.contacto #pais,
#contenido.contacto #fax,
#contenido.contacto #cp,
#contenido.contacto #telefono,
#contenido.contacto #email,
#contenido.contacto #asunto,
#contenido.contacto #mensaje{ border:1px solid #242424; width:320px; font-size:1em; }
#contenido.contacto #mensaje{ height:200px; font-size:1.2em; }
#contenido.contacto input.submit{ float:right; clear:both; border:none; background-color:#f3f3f3; font-size:1.1em; color:#242424; font-weight:bold; margin-right:100px; cursor:pointer;  }
#contenido.contacto form a{ text-decoration:underline; color:#242424; }
#contenido.contacto form a.errorc{ color:#CC0000; } 
#contenido.contacto #condiciones{ margin-left:130px; }
#contenido.contacto form input, #contenido.contacto form textarea{  background-color:#F3F3F3; }
#contenido.contacto .obli{ padding-left:130px; font-size:0.9em; font-style:oblique; }

#contenido.contacto p.listo{ text-align:center; background-color:#E8E8FF; padding:10px; color:#0033FF; font-weight:bold; font-size:1.2em; }
#contenido.contacto p.error{ text-align:center; color:#FF0000; font-weight:bold; padding:10px; font-size:1em; }
#contenido.contacto .error, #contenido.contacto form input.error{ background-color:#FFEAEA; }

#contenido.aviso{  }
#contenido.aviso ul{ margin-left:60px; list-style:circle; }
#contenido.aviso ol{ margin-left:60px; list-style:lower-alpha; }


#contenido.empresa h1{ clear:both; }
#contenido.empresa .texto{ width:310px; float:left; }
#contenido.empresa .texto p{ padding:0;  }

div#index-message {
	width: 680px;
	/*height: 768px;*/
	padding-bottom:10px;
	display:block;
	margin:10px auto 0px auto;
	border:4px solid #FFFFFF;
	background:#FFFFFF;
	/*margin-left: -272px;
	margin-top: -384px;*/
	position:relative;
}
div#index-message .close{ width:30px; height:30px; background:url(../img/closebox.png) no-repeat center; position:absolute; top:-15px; right:-15px; }
div#index-message h3{ color:#E51B24; font-size:26px; clear:both; margin:18px 5px; text-align:center;}
div#index-message .img{ display:block; margin:5px auto; border:1px solid #242424; }
div#index-message .text{ margin:20px; line-height:15px; }
div#index-message .enlace{ margin:5px 20px; line-height:15px; color:#000000; font-weight:bold; text-align:right; display:block; }
div#index-message .enlace:hover{ text-decoration:none; }

div#index-message-overlay {
background:transparent url(../img/black-70.png) repeat scroll 0 0;
height:1010px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1000;
}

#contenido p.pathway{ display:block; clear:both; padding:8px 6px; background-color:#F3F3F3; margin-bottom:5px; margin-top:0px; }
#contenido p.pathway a{ text-decoration:none; color:#000; }
#contenido p.pathway a:hover{ text-decoration:underline; }

.unaGaleria{ display:block; float:left; width:400px; padding:6px; overflow:auto; margin-bottom:18px; }
.unaGaleria .foto{ border:1px solid #acacac; padding:1px; width:109px; margin-right:22px; float:left; display:block; }
.unaGaleria h2{ color:#e51b24; font:16px Verdana, Geneva, sans-serif; font-weight:bold; padding:10px 15px 0px 0; margin:0; }
.unaGaleria h2 a{ text-decoration:none; color:#e51b24; }
.unaGaleria p{ display:block; float:left; width:240px; margin:8px 0 0 0 !important; padding:0 !important; line-height:1.1em !important; }
.unaGaleria .foto .lafoto{ width:109px; height:109px; display:block; text-indent:-9999px; }

.unafoto{ border:1px solid #acacac; padding:1px; width:109px; margin:0 12px 22px 12px; float:left; display:block; }
.unafoto .lafoto{ width:109px; height:109px; display:block; text-indent:-9999px; }