@charset "utf-8";
/* CSS Document */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
*{
outline:none
}
html,body{height:100%}

/* Layout */
body{
background-color:#e7e7e7;
background-image:url(../imagenes/header_bkg.jpg);
background-repeat:repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
body.index{
background-image:none;
}
body.index #centro{
width:728px;
height:552px;
background-image:url(../imagenes/venta-barcos.jpg);
margin-left:auto;
margin-right:auto;
}
body.index #centro p{
font-size:1.8em;
font-weight:bold;
text-align:center;
}
body.index #centro a.centrico{
display:block;
width:100%;
padding-top:380px;
padding-bottom:150px;
}
body.index #centro p.ingreso{
font-size:1.2em;
}
body.index #centro p.ingreso a{
color:#006699;
text-decoration:none;
}
body.index #centro p.ingreso a:hover{
text-decoration:underline;
}
#header{
width:100%;
height:145px;
background-image:url(../imagenes/header.jpg);
background-repeat:no-repeat;
}
#datos{
float:right;
text-align:center;
margin-top:25px;
margin-right:50px;
color:#a3cfed;
font-weight:bold;
width:150px;
}
#datos .broker{
font-size:1.3em;
}
#columnaRight{
float:right;
width:200px;
height:100%;
background-image:url(../imagenes/marinas.jpg);
background-repeat:no-repeat;
}
#columnaLeft{
float:left;
width:250px;
position:absolute;
left:0px;
top:180px;
}
#central{
margin-left:260px;
margin-right:260px;
padding-left:20px;
padding-right:20px;
}
#centralInfo{
margin-left:260px;
margin-right:40px;
padding-left:20px;
padding-right:20px;
}
/* -------------------------------------------------------- */
h1{
font-size:16px;
color:#1f72a4;
margin-top:10px;
border-bottom:2px solid #FF6600;
}
h2{
font-size:15px;
color:#CC3300;
border-bottom:2px solid #1f72a4;
text-align:center;
margin:10px auto 5px 15px;
text-transform:uppercase;
font-weight:bold;
}
p{
margin:5px 14px auto 20px;
font-size:11px;
color:#333333;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
p a{
color:#366687;
font-weight:bold;
}
p a:hover{
text-decoration:underline;
}
#central ul{
margin-left:30px;
}
#central ul li{
list-style:disc;
}
#header img.logo{
margin-left:2%;
}
#header img.derecha{
float:right;
}
#separador{
width:100%;
height:30px;
background-image:url(../imagenes/bkg_barra.jpg);
}
#separador ul{
width:600px;
background-color:#e7e7e7;
margin-right:auto;
margin-left:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
height:24px;
}
#separador ul li{
display:inline;
float:left;
text-align:center;
}
#separador ul li a{
display:block;
padding:5px 0 5px 0;
height:10px;
width:120px;
text-decoration:none;
color:#000000;
position:relative;
z-index:0;
}
#separador ul li a:hover{
color:#FFFFFF;
/*background-color:#1f72a4;*/
}
#columnaLeft ul{
}
#columnaLeft ul li{
display:block;
width:250px;
height:90px;
}
#columnaLeft ul li.lanchasLi{
background-image:url(../imagenes/bkg-lanchas.jpg);
}
#columnaLeft ul li.crucerosLi{
background-image:url(../imagenes/bkg-cruceros.jpg);
}
#columnaLeft ul li.velerosLi{
background-image:url(../imagenes/bkg-veleros.jpg);
}
#columnaLeft ul li.otrosLi{
background-image:url(../imagenes/bkg-semi.jpg);
}
#columnaLeft ul li a{
display:block;
width:60px;
height:75px;
padding-left:190px;
padding-top:15px;
text-decoration:none;
color:#FF6600;
font-weight:bold;
}
#columnaLeft ul li a:hover{
color:#333333;
}
#columnaLeft ul.submenu{
float:right;
width:auto;
height:auto;
margin-top:-50px;
text-align:center;
background-color:#c0cad6;
}
#columnaLeft ul.submenu li{
display:block;
width:65px;
height:auto;
}
#columnaLeft ul.submenu li a{
width:60px;
height:auto;
padding:0;
}
/* Barcos ----------------------------------------------------------------*/
.barco{
width:auto;
border-bottom:2px solid #eb9054;
padding:3px;
margin-bottom:10px;
}
.barco:hover{
background-color:#EFEFEF;
}
.barco .imagenBarco{
float:right;
}
.barco .thumbie_hor{
width:120px;
height:90px;
}
.barco .thumbie_ver{
width:90px;
height:120px;
}
.barco .modeloBarco{
font-weight:bold;
font-size:1.3em;
padding:2px 2px 2px 10px;
margin:2px;
display:block;
color:#e03311;
background-image:url(../imagenes/bkg-modelo.jpg);
overflow:hidden;
}
.barco .modeloBarco img{
float:right;
margin-top:-2px;
}
.barco .claseBarco{
padding-left:5px;
font-weight:bold;
color:#333333;
letter-spacing:3px;
}
.barco table{
margin-left:10px;
width:75%;
border:0;
font-size:12px;
}
.barco table td{
/*width:40%;*/
vertical-align:top;
}
.barco table td.titu{
color:#084574;
font-weight:bold;
text-align:left;
/*white-space:nowrap;*/
width:20%;
}
.barco table td.info{
width:30%;
}
.barco .detalles input{
background:none;
border:none;
color:#993300;
float:left;
margin-left:60px;
}
.barco .masInfo{
display:block;
width:80px;
text-align:center;
}
.vendido{
position:absolute;
margin-right:260px;
right:20px;
}
/* ------------------------------------------------------------ */
/*   Mas informacion               */
.barcoInfo{
width:95%;
border-bottom:1px solid #eb9054;
padding:3px;
padding-top:10px;
}
.barcoInfo .imagenBarco{
float:right;
}
.barcoInfo .imprimir{
float:right;
/*margin-top:200px;*/
margin-right:20px;
margin-bottom:-15px;
}
.barcoInfo .modeloBarco{
font-weight:bold;
font-size:1.3em;
padding:2px 2px 2px 10px;
margin:2px;
display:block;
color:#e95e01;
background-image:url(../imagenes/bkg-modelo.jpg);
overflow:hidden;
}
.barcoInfo .modeloBarco img{
float:right;
margin-top:-2px;
}
.barcoInfo .claseBarco{
padding-left:5px;
font-weight:bold;
color:#333333;
letter-spacing:3px;
}
.barcoInfo table{
margin:5px 10px 20px 10px;
border:0;
font-size:12px;
width:90%;
}
.barcoInfo table caption{
font-weight:bold;
border-bottom:1px solid #0099CC;
color:#e95e01;
}
.barcoInfo table td.titu{
color:#084574;
font-weight:bold;
text-align:left;
white-space:nowrap;
width:10%;
vertical-align:top;
}
.barcoInfo table td.info{
vertical-align:top;
width:40%;
}
.barcoInfo table.dosCol td{
width:80%;
text-align:left;
}
.barcoInfo table.dosCol td.titu{
width:20%;
}
.barcoInfo .detalles input{
background:none;
border:none;
color:#993300;
float:left;
margin-left:60px;
}
.barcoInfo .divisor{
text-align:center;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
border-bottom:1px solid #0099CC;
}
.fotos{
min-height:300px;
}
.fotos img{
/*width:130px;
height:90px;*/
border:3px solid #FFFFFF;
/*margin-right:6px;
margin-bottom:4px;*/
}
#primeraFoto{
width:420px;
height:310px;
text-align:center;
/*border:1px solid #0066CC;*/
float:left;
overflow:hidden;
border:none;
}
#primeraFoto img{
border:none;
}
.fotos img.primera{
/*width:392px;*/
height:310px;
margin-right:3px;
margin-bottom:3px;
/*float:left;
clear:left;*/
}
.contenFoto{
float:left;
text-align:center;
width:104px;
margin:1px;
}
.verti{
width:69px;
height:98px;
}
.horizon{
width:98px;
height:68px;
}
.vertiDiv{
padding-top:0px;
padding-bottom:0px;
}
.horizonDiv{
padding-top:15px;
padding-bottom:15px;
}
.vendidoDetalles{
position:absolute;
margin-right:35px;
right:20px;
}
table.cantXpag{
float:right;
margin-right:15px;
margin-top:-5px;
color:#333333;
}
table.cantXpag input{
font-size:10px;
}
#numeracion{
font-size:11px;
color:#366687;
margin-left:15px;
}
#numeracion a{
color:#366687;
}
#central.enfoque ul{
font-size:14px;
margin:30px 70px 10px 70px;
line-height:20px;
font-style:italic;
font-weight:bold;
color:#666666;
}
#central.enfoque ul li{
margin-bottom:20px;
list-style-image:url(../imagenes/brujula.gif);
text-align:justify;
padding-left:15px;
}
.servicios p{
font-size:14px;
color:#666666;
margin-bottom:10px;
text-align:justify;
line-height:20px;
} 
.servicios h2{
text-transform:none;
text-align:left;
font-size:14px;
color:#da5802;
}
.informacion h2{
font-size:14px;
text-transform:none;
text-align:left;
color:#da5802;
}
#central.informacion ul.convin{
margin-left:40px;
}
#central.informacion ul.convin li{
list-style:url(../imagenes/brujula-chica.gif);
}
#central.informacion ul.sinvin{
margin-left:30px;
}
#central.informacion ul.sinvin li{
list-style:none;
margin-bottom:10px;
}
#central.informacion ul.sinvin li:first-letter{
font-size:1.2em;
font-weight:bold;
}
#central.informacion a{
color:#006699;
}
#central.informacion a:hover{
color:#006699;
background-color:#EFEFEF;
}
#central.informacion a:visited{
color:#006699;
}
/*---------- Formulario-----------------*/
#central.contacto p{
font-size:14px;
/*margin-left:70px;*/
text-align:center;
}
#central.contacto p.nocenter{
text-align:left;
}
#central.contacto p .destacado{
font-weight:bold;
}
#central.contacto p.gracias{
font-weight:bold;
font-size:1.4em;
text-align:center;
margin:15px;
/*margin-left:70px;*/
margin-top:50px;
}
#central.contacto form{
width:350px;
height:290px;
margin:15px auto 25px auto;
}
#central.contacto form label{
display:block;
margin-top:5px;
}
#central.contacto form input, textarea{
width:350px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
}
#central.contacto form textarea{
height:120px;
}
#central.contacto form input.boton{
width:360px;
}
#centralInfo.imprint{
margin-left:20px;
margin-right:20px;
}