@import 'reset.css';
@import 'fonts.css';

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;font-size:0;line-height:0;margin:0;padding:0;}

div#header{width:840px; height:143px; background:url(../img/bg_menu.jpg) no-repeat bottom #c5d3db; margin:0 auto; position: relative; float: none; clear: both; display: block; left: 0; top:0;}
div#header #headimg{	width: 840px; height: 107px; background: url(../img/bg_header.jpg) no-repeat; position: relative;}
/*	<img src="<?php echo $basepath ?>img/bg_header.jpg" id="barco" alt="<?php echo SITE_TITLE ?>" />
*/
div#header a#es, div#header a#en{width: 32px; height: 25px; border: none; background: url(../img/en.gif) no-repeat; display: block; position: absolute; left:800px; top:0px; z-index: 20; float: left;} 
div#header a#es{background: url(../img/es.gif) no-repeat;}

#htop, #mid, #hfoot{width: 955px;  display: block; float: none; clear: both; overflow: hidden; margin: 0px auto;}
#htop{height: 18px; background: url(../img/htop.jpg) no-repeat; margin-top: 5px;}
#hmid, #hlogos{height: auto; background: url(../img/hmid.jpg) repeat-y; width: 955px;  margin: 0px auto; padding-top: 5px}
#hfoot{height: 18px; background: url(../img/hfoot.jpg) no-repeat;}

div#footer{width:840px; height:42px; background:#c5d3db; margin:4px auto 0 auto; text-align:center; padding:7px 0 0 0; }
div#footer p{color:#033f59;}
div#footer a{color:#033f59; font-size: 11px; line-height: 25px; padding: 0 4px 0 4px;}
div#footer a:hover{color: #069}

ul#menu {width:840px; float:none; clear:none; padding:5px 0 0 0; text-align:center;}
ul#menu li{display:inline; margin:0 5px; }
ul#menu a,ul#menu p{font-family:"Times New Roman", Times, serif; font-size:14px; color:#033f59; font-weight:700; height:30px; padding:0 0 0 26px; }
ul#menu a:hover,ul#menu p{ background:url(../img/btn_down.jpg) no-repeat left;}

div#contenido{width:840px; background:url(../img/bg_contenido.jpg) no-repeat bottom right; margin:0 auto; height: auto; display: block; float: none; position: relative;}
div#contenido strong{font-weight:700;} 
img#barco{float:left; clear:none;}

div#bloque-contenido{width:560px; float:left; clear:none; padding:20px 25px 0 25px; overflow: hidden; display: block;}
div#bloque-contenido p{color:#4b6c8a; margin:0 0 10px 0;}
div#bloque-contenido a{color:#4b6c8a; margin:0 0 10px 0; text-decoration: none;}
div#bloque-contenido h2,div#bloque-contenido h1, div#bloque-contenido-emb h6, div#emb-izq h6{color:#359cd0; font-size:26px; font-weight:normal; margin:0 0 10px 0;  font-family:"Times New Roman", Times, serif;}
div#bloque-contenido h2{font-size: 16px; font-weight: bold; color: #069}

div#bloque-contenido-ancho{width:650px; float:left; clear:none; padding:20px 25px 0 25px; overflow: hidden; display: block;}
div#bloque-contenido-ancho p{color:#4b6c8a; margin:0 0 10px 0;}
div#bloque-contenido-ancho a{color:#4b6c8a; margin:0 0 10px 0; text-decoration: none;}
div#bloque-contenido-ancho h2,div#bloque-contenido-ancho h1, div#bloque-contenido-emb h6, div#emb-izq h6{color:#359cd0; font-size:26px; font-weight:normal; margin:0 0 10px 0;  font-family:"Times New Roman", Times, serif;}
div#bloque-contenido-ancho h2{font-size: 16px; font-weight: bold; color: #069}

div#emb-izq h6{font-size: 18px;}
/* bloque embarcaciones nuevas */
div.emb-nuev-bloque{width:180px; border:1px solid #c5d3db; height:auto; float:left; clear:none; margin:0 20px 10px 5px; overflow: hidden;  position:relative;/*background:#fff;*/}
div.emb-nuev-bloque h1{width:170px; height:36px; background:#c5d3db; float:left; clear:none; color:#036; padding:2px 0 0 10px; font-weight:700; line-height: 18px;}
div.emb-nuev-bloque h2{width:170px; height:18px; background:#036; float:left; clear:none; color:#c5d3db; padding:2px 0 0 10px; font-weight:700; line-height: 18px; text-align: right;}
div.emb-nuev-bloque img{margin:5px;}
div.emb-nuev-bloque p{margin:0 0 2px 0; padding:0 0 0 5px; display: block; float: none; clear: both;}
div.emb-nuev-bloque p strong{font-weight: bold;}
/* bloque embarcaciones usadas */
div#emb-izq{width:180px; float:right; clear:none; padding-top: 24px; margin-right: 20px; overflow: hidden;}
div.emb-usada-bloque{width:600px; border:1px solid #c5d3db; height:180px; float:left; clear:none; margin:0 5px 10px 5px; position: relative;}
div.emb-usada-bloque h1{width:590px; height:30px; background:#c5d3db; float:left; clear:none; color:#036; padding:1px 5px 0 5px; font-weight:700; font-size: 14px; line-height: 30px;}
div.emb-usada-bloque h1.des{width:590px; height:30px; background:#003366; float:left; clear:none; color:#c5d3db; padding:1px 5px 0 5px; font-weight:700; font-size: 14px; line-height: 30px;}
div.emb-usada-bloque img{margin:5px; float:right; clear:none;}
div.emb-usada-bloque p{margin:0 0 2px 0; padding:1px 0 0 5px; display: block; float: none; clear: both;}
div.emb-usada-bloque p strong{font-weight: bold; color: #036;}

div.emb-usada-bloque a, div.emb-nuev-bloque a{width: 110px; height: 20px; padding: 0 5px 0 5px; line-height: 20px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #036; text-align: left; text-decoration: none; border: none; background: url(../img/vermas.gif) no-repeat;  float: right; clear: both; display: block; margin-right: 30px;}

div.emb-usada-bloque a.vermas0, div.emb-usada-bloque a.vermas1, div.emb-nuev-bloque a.vermas0, div.emb-nuev-bloque a.vermas1{
position:absolute; right: 5px; top: 22px; font-weight: bold;
width: 80px; height: 15px; line-height: 15px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: left; text-decoration: none; border: none; background: url(../img/vermas2.gif) no-repeat;  float: right; clear: none; display: block; margin-right: 0px; margin-top: -16px
}
div.emb-usada-bloque a.vermas1, div.emb-nuev-bloque a.vermas1{background:url(../img/vermas3.gif) no-repeat;}
div.emb-nuev-bloque a.vermas1{padding: 0 10px 0 0; text-align: center; top:19px; left: 0}
a.fotos-barco{border: none; padding: 2px 0 2px 0; display:block; float: none; clear: both; margin: 2px auto; text-align: center;}
p.mini{font-size: 10px; color: #069; text-decoration: none; text-align: center;}

div.paraimg{width: 160px; height: 120px; padding: 0; margin: 0; display: block; float: right; clear: none; margin: 0 10px 0 0; overflow: hidden; text-decoration: none; position: relative;}
div.emb-nuev-bloque a.imgcont, div.emb-usada-bloque a.imgcont{background:none; width:160px; height:120px; border:none; padding:0; margin:0; text-decoration: none;}
div.emb-nuev-bloque a.imgcont{margin-right: 6px;}

/* seccion contacto */
fieldset#contacto{ width:265px; height:320px; padding:10px 0 0 10px; float:left; clear:none; border:1px solid #c5d3db;}
fieldset#contacto label{font-family:"Times New Roman", Times, serif; color:#4b6c8a; float:left; clear:both;}
fieldset#contacto textarea{font-family:"Times New Roman", Times, serif; float:left; clear:both; margin:0 0 10px 0; border:1px solid #c5d3db; background:#fff; width:250px; height:100px; overflow:auto;}
fieldset#contacto input.formulario{font-family:"Times New Roman", Times, serif; float:left; clear:both; margin:0 0 10px 0; border:1px solid #c5d3db; background:#fff; width:250px;}
fieldset#contacto input.boton{font-family:"Times New Roman", Times, serif; float:left; clear:none; width:100px; height:20px; border:none; background:#C5D3DB; margin:2px 5px 0 0; color: #036;}
div#bloque-contenido-emb{width:840px; float:left; clear:none; padding:20px 0 0 0;overflow: hidden;}
div#bloque-contenido-emb strong{font-weight: 700;}
div#bloque-contenido-emb h2, div#bloque-contenido-emb h3, div#bloque-contenido-emb h4, div#bloque-contenido-emb h5{color:#069; font-size:14px; font-weight:normal;  font-family:Arial, Helvetica, sans-serif; height: 24px; display: block; float: none;}
div#bloque-contenido-emb h3#bandera{height: 40px; line-height: 40px;}
div#bloque-contenido-emb h4{font-size: 12px; height: 18px; padding-left: 8px}
div#bloque-contenido-emb p{color:#069; font-size:12px; font-weight:normal;  font-family:Arial, Helvetica, sans-serif; display: block; float: none;}

div#gal{width: 308px; height: 270px; display: block; float: none; clear: both; border: none;/*1px solid #069;*/}
div.bloques{width: 308px; height: auto; display: block; float: left; clear: none; border: none;/*1px solid #069;*/}
div.bloques p, div.bloques span, div.bloques em{	display: block; float: none; clear: both; line-height: 16px}
/*div.bloques{height:auto;}*/
ul.equis{width:195px; float:left; clear:none; display:block;  border:none; padding:5px; margin-left:1px;background:#fff;}
ul.equis li{display: list-item; clear: both; color: #069; font-size: 11px; line-height: 16px; list-style: disc; list-style-position: inside; padding-left: 12px}
ul.equis li.h{	display: block; clear: both; color: #069; font-size: 11px; line-height: 16px; list-style:none; padding-left: 0px;}
ul.equis li.h h1{font-size: 12px; font-weight: bold; color: #069; height: 20px; width: 195px; display: block; border-bottom: 1px solid #069; line-height: 20px;}



form#resetsliderform input#resetform, form#sliderform input#goslider{width: 120px; height: 20px; padding: 0 5px 0 5px; line-height: 20px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #036; text-align: center; text-decoration: none; border: none; background: url(../img/vermas.gif) no-repeat;  float: right; clear: both; display: block; margin-left: 30px;}

input#sub{ width: 80px; border: 1px dotted #036; background: #C5D3DB;}
select#sortby{width: 140px; font-size: 11px; color: #036; }

div#paginar{width: 620px; height: 30px; display: block; float: none; clear: both; overflow: hidden; padding-top: 10px; border-top: 1px dotted #069;}
div#paginar #page-tot{width: 200px; height: 20px; display: block; float: left; clear: none; color: #333; font-size: 11px}
div#paginar #pages{width: 200px; height: 20px; display: block; float: left; clear: none; color: #333;}
div#paginar #pages a{text-decoration: none; width: auto; display: block; float: left; clear: none; padding: 0 4px 0 4px; color: #036; text-decoration: none;}
div#paginar #pages a:hover{font-weight: bold;}
div#paginar a#siguiente, div#paginar a#anterior{width: 90px; height: 15px; font-size: 10px; color: #fff; text-decoration: none; display: block; float: left; clear: none; background:url(../img/vermas2.gif) no-repeat; text-align: center; line-height: 15px; margin-left: 10px;} 
div#paginar a#anterior{background:url(../img/vermas4.gif) no-repeat; }

select.selects{width: 150px; border: none; height: 18px; font-size: 10px; margin: 5px auto 5px auto;}


span.vendido{width: 160px; height: 120px; display: block; float: none; position: absolute; left: 0; top: 0; background: url(../img/vendido.gif) no-repeat; z-index: 9}

/*SEO 05/03/2010*/
/********************************/

h1.tit {
	color: #fff;
}
p.etiquetas {
	color: #fff;
	margin-top: -50px;
}
p.etiquetas a:link,
p.etiquetas a:visited {
	color: #fff;
}
p.etiquetas a:hover {
	color: #fff;
}
.seo {
	*margin-bottom: -3px;
	margin-left: -200px;
	margin-top: -503px;
	position: relative;
	z-index: -9999;
	width: 100%;
	text-align: center;
}

.seo ul li a:link,
.seo ul li a:visited {
	color: #fff;
}
ul.links li {
	background: #C5D3DB;
	padding: 5px;
	border-bottom: 1px dotted #033F59;
	border-right: 1px dotted #033F59;
	margin: 10px 0px;
}