/******************** Documento CSS / macasailor.com / enero de 2009 / Web Experience ********************/

* { margin: 0; padding: 0; }
html, body, img { margin: 0; padding: 0; border: 0; }
img { display: block; }

body {
	background: #093d7f url(imagenes/fondo.jpg) repeat-x top center;
	font: normal 13px/1.6em "Trebuchet MS", sans-serif;
	color: #093d7f;
	text-align: center;
}

p { margin-top: 10px; }

a { color: #093d7f; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

/******************** Contenedor ********************/

#fondo_contenedor {
	width: 100%;
	padding-top: 140px;
	background: url(imagenes/fondo_contenedor.jpg) no-repeat top center;
}

#contenedor {
	width: 985px;
	margin: 0 auto;
	background: url(imagenes/fondo_contenido.gif) repeat-y right;
	text-align: left;
	overflow: hidden;
}

#cuerpo_izq {
	width: 290px;
	background: url(imagenes/cuerpo_izq_fondo.gif) repeat-y right;
	float: left;
}

#cuerpo_izq_arriba { width: 290px; padding-top: 40px; background: url(imagenes/cuerpo_izq_arriba.jpg) no-repeat top left; }
#cuerpo_izq_abajo { width: 290px; padding: 135px 0 25px 0; background: url(imagenes/cuerpo_izq_abajo.jpg) no-repeat bottom right; }

#cuerpo_der {
	width: 680px;
	padding-left: 15px;
	background: url(imagenes/cuerpo_der_arriba.jpg) no-repeat top right;
	float: left;
}

/******************** Cuerpo izquierda ********************/

/* Navegación izquierda */

.nav_izq { width: 290px; background: url(imagenes/etiqueta_azul_esquina.png) no-repeat top left; }

.nav_izq div {
	width: 240px;
	height: 30px;
	padding-left: 35px;
	background: url(imagenes/etiqueta_azul_fondo.gif) repeat-x top;
}

.nav_izq div h3 {
	width: 220px;
	height: 30px;
	padding-right: 20px;
	font: normal 18px/30px "Trebuchet MS", sans-serif;
	color: white;
}

.nav_izq #etiqueta_productos h3 { background: url(imagenes/icono_productos.jpg) no-repeat top right; }
.nav_izq #etiqueta_contactenos h3 { background: url(imagenes/icono_contactenos.jpg) no-repeat top right; }
.nav_izq #etiqueta_empresa h3 { background: url(imagenes/icono_empresa.jpg) no-repeat top right; }
.nav_izq #etiqueta_web h3 { background: url(imagenes/icono_web.jpg) no-repeat top right; }

.nav_izq ul {
	width: 255px;
	margin-left: 35px;
	padding: 5px 0;
	background: url(imagenes/nav_izq.png) repeat-y right;
	list-style: none;
}

.nav_izq ul li { margin-top: 5px; }
.nav_izq ul li:first-child { margin-top: 0; }

.nav_izq ul li a {
	display: block;
	width: 225px;
	height: 24px;
	padding: 0 15px;
	font: normal 13px/24px "Trebuchet MS", sans-serif;
	text-decoration: none;
}

.nav_izq ul li a:hover { background: url(imagenes/nav_izq_sobre.png) repeat-y left; color: white; }

#pag_barcos_motor .nav_izq ul li a#pest_barcos_motor:link,
#pag_barcos_motor .nav_izq ul li a#pest_barcos_motor:visited,
#pag_barcos_motor .nav_izq ul li a#pest_barcos_motor:hover,
#pag_barcos_motor .nav_izq ul li a#pest_barcos_motor:active,
#pag_barcos_vela .nav_izq ul li a#pest_barcos_vela:link,
#pag_barcos_vela .nav_izq ul li a#pest_barcos_vela:visited,
#pag_barcos_vela .nav_izq ul li a#pest_barcos_vela:hover,
#pag_barcos_vela .nav_izq ul li a#pest_barcos_vela:active,
#pag_motos_agua .nav_izq ul li a#pest_motos_agua:link,
#pag_motos_agua .nav_izq ul li a#pest_motos_agua:visited,
#pag_motos_agua .nav_izq ul li a#pest_motos_agua:hover,
#pag_motos_agua .nav_izq ul li a#pest_motos_agua:active,
#pag_amarres .nav_izq ul li a#pest_amarres:link,
#pag_amarres .nav_izq ul li a#pest_amarres:visited,
#pag_amarres .nav_izq ul li a#pest_amarres:hover,
#pag_amarres .nav_izq ul li a#pest_amarres:active,
#pag_alquiler_motor .nav_izq ul li a#pest_alquiler_motor:link,
#pag_alquiler_motor .nav_izq ul li a#pest_alquiler_motor:visited,
#pag_alquiler_motor .nav_izq ul li a#pest_alquiler_motor:hover,
#pag_alquiler_motor .nav_izq ul li a#pest_alquiler_motor:active,
#pag_alquiler_vela .nav_izq ul li a#pest_alquiler_vela:link,
#pag_alquiler_vela .nav_izq ul li a#pest_alquiler_vela:visited,
#pag_alquiler_vela .nav_izq ul li a#pest_alquiler_vela:hover,
#pag_alquiler_vela .nav_izq ul li a#pest_alquiler_vela:active,
#pag_form_compre .nav_izq ul li a#pest_form_compre:link,
#pag_form_compre .nav_izq ul li a#pest_form_compre:visited,
#pag_form_compre .nav_izq ul li a#pest_form_compre:hover,
#pag_form_compre .nav_izq ul li a#pest_form_compre:active,
#pag_form_venda .nav_izq ul li a#pest_form_venda:link,
#pag_form_venda .nav_izq ul li a#pest_form_venda:visited,
#pag_form_venda .nav_izq ul li a#pest_form_venda:hover,
#pag_form_venda .nav_izq ul li a#pest_form_venda:active,
#pag_form_info .nav_izq ul li a#pest_form_info:link,
#pag_form_info .nav_izq ul li a#pest_form_info:visited,
#pag_form_info .nav_izq ul li a#pest_form_info:hover,
#pag_form_info .nav_izq ul li a#pest_form_info:active,
#pag_empresa .nav_izq ul li a#pest_empresa:link,
#pag_empresa .nav_izq ul li a#pest_empresa:visited,
#pag_empresa .nav_izq ul li a#pest_empresa:hover,
#pag_empresa .nav_izq ul li a#pest_empresa:active,
#pag_contacto .nav_izq ul li a#pest_contacto:link,
#pag_contacto .nav_izq ul li a#pest_contacto:visited,
#pag_contacto .nav_izq ul li a#pest_contacto:hover,
#pag_contacto .nav_izq ul li a#pest_contacto:active,
#pag_inicio .nav_izq ul li a#pest_inicio:link,
#pag_inicio .nav_izq ul li a#pest_inicio:visited,
#pag_inicio .nav_izq ul li a#pest_inicio:hover,
#pag_inicio .nav_izq ul li a#pest_inicio:active,
#pag_busqueda_avanzada .nav_izq ul li a#pest_busqueda_avanzada:link,
#pag_busqueda_avanzada .nav_izq ul li a#pest_busqueda_avanzada:visited,
#pag_busqueda_avanzada .nav_izq ul li a#pest_busqueda_avanzada:hover,
#pag_busqueda_avanzada .nav_izq ul li a#pest_busqueda_avanzada:active,
#pag_meteo .nav_izq ul li a#pest_meteo:link,
#pag_meteo .nav_izq ul li a#pest_meteo:visited,
#pag_meteo .nav_izq ul li a#pest_meteo:hover,
#pag_meteo .nav_izq ul li a#pest_meteo:active {
	background: url(imagenes/nav_izq_activa.png) no-repeat top left; color: white; }
	
/* Contenido del cuerpo izquierda */

#cuerpo_izq_cont {
	width: 240px;
	margin: 15px 15px 0 35px;
}

#cuerpo_izq_cont p { margin-top: 10px; }

/******************** Cuerpo derecha ********************/

/* Navegación */

#navegacion {
	width: 680px;
	height: 24px;
	margin-top: 55px;
	padding: 3px 0;
	background: url(imagenes/etiqueta_azul_fondo.gif) repeat-x top;
	overflow: hidden;
}

ul#barra_nav {
	height: 24px;
	margin-left: 15px;
	list-style: none;
	float: left;
}

ul#barra_nav li { margin-right: 5px; padding-right: 12px; float: left; }

ul#barra_nav li a {
	display: block;
	height: 24px;
	padding: 0 3px 0 15px;
	font: normal 13px/24px "Trebuchet MS", sans-serif;
	text-align: center;
	text-decoration: none;
	color: white;
	float: left;
}

ul#barra_nav li a:hover { text-decoration: underline; }

body#pag_inicio ul#barra_nav li#inicio,
body#pag_inicio ul#barra_nav li#inicio:hover,
body#pag_busqueda_avanzada ul#barra_nav li#busqueda_avanzada,
body#pag_busqueda_avanzada ul#barra_nav li#busqueda_avanzada:hover,
body#pag_empresa ul#barra_nav li#empresa,
body#pag_empresa ul#barra_nav li#empresa:hover,
body#pag_contacto ul#barra_nav li#contacto,
body#pag_contacto ul#barra_nav li#contacto:hover {
	background: url(imagenes/nav_activa.jpg) no-repeat top right; color: white; cursor: default;
}

body#pag_inicio ul#barra_nav li#inicio a:link,
body#pag_inicio ul#barra_nav li#inicio a:visited,
body#pag_inicio ul#barra_nav li#inicio a:hover,
body#pag_inicio ul#barra_nav li#inicio a:active,
body#pag_busqueda_avanzada ul#barra_nav li#busqueda_avanzada a:link,
body#pag_busqueda_avanzada ul#barra_nav li#busqueda_avanzada a:visited,
body#pag_busqueda_avanzada ul#barra_nav li#busqueda_avanzada a:hover,
body#pag_busqueda_avanzada ul#barra_nav li#busqueda_avanzada a:active,
body#pag_empresa ul#barra_nav li#empresa a:link,
body#pag_empresa ul#barra_nav li#empresa a:visited,
body#pag_empresa ul#barra_nav li#empresa a:hover,
body#pag_empresa ul#barra_nav li#empresa a:active,
body#pag_contacto ul#barra_nav li#contacto a:link,
body#pag_contacto ul#barra_nav li#contacto a:visited,
body#pag_contacto ul#barra_nav li#contacto a:hover,
body#pag_contacto ul#barra_nav li#contacto a:active {
	background: url(imagenes/nav_activa.jpg) no-repeat top left; color: white; text-decoration: none;
}

#idiomas {
	width: auto;
	height: 24px;
	margin: 0 35px 0 auto;
	float: right;
}

#idiomas a {
	display: block;
	width: 21px;
	height: 24px;
	margin-left: 3px;
	background-image: url(imagenes/idiomas.gif);
	float: left;
}

#idiomas a#es { background-position: 42px 0; }
#idiomas a#es_activo { background-position: 0 0; }
#idiomas a#en { background-position: 21px 0; }
#idiomas a#en_activo { background-position: 63px 0; }

#idiomas a span { display: none; }

/* Cabecera */

#cabecera { width: 645px; height: 150px; margin-top: 15px; }

/* Contenido */

#contenido {
	width: 680px;
	margin-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}

#cont_total { width: 660px; padding: 0 20px 15px 0; }

#cont_izq { width: 315px; margin: 0 15px 15px 0; float: left; }
#cont_izq h2 { font: bold 22px/1em "Trebuchet MS", sans-serif; }

#cont_der { width: 350px; margin-bottom: 15px; float: left; }

/* Publicidad */

#publicidad div {
	width: 645px;
	height: 135px;
	background-color: #e6e0ec;
	text-align: center;
}

#publicidad img { margin: 0 auto; padding: 15px 0; }

/******************** Contenido derecha ********************/

img.imagen_izq { float: left; margin: 15px 15px 15px 0; }
img.imagen_der { float: right; margin: 15px 0 15px 15px; }

/* Capa derecha general */

.capa_der {
	clear: both;
	width: 680px;
	height: auto;
	background: url(imagenes/etiqueta_violeta_esquina.png) no-repeat top right;
}

.capa_der>img.imagen_der  { margin-right: 50px; }
.capa_der>p { margin-right: 50px; padding: 0 15px; color: #404040; }

.capa_der h3 {
	width: 665px;
	height: 30px;
	padding-left: 15px;
	background: url(imagenes/etiqueta_violeta_fondo.gif) repeat-x top;
	font: bold 18px/30px "Trebuchet MS", sans-serif;
	color: white;
}

.capa_der h3 span { font-size: 16px; font-weight: normal; }

h3 a.desplegar { cursor: pointer; color: white; }

/* Ofertas destacadas */

#ofertas_destacadas { width: 350px; background: url(imagenes/etiqueta_violeta_esquina.png) no-repeat top right; }

#ofertas_destacadas h3 {
	width: 335px;
	height: 30px;
	padding-left: 15px;
	background: url(imagenes/etiqueta_violeta_fondo.gif) repeat-x top;
	font: normal 18px/30px "Trebuchet MS", sans-serif;
	color: white;
}

.oferta_destacada {
	width: 285px;
	height: 75px;
	padding: 15px;
}

.oferta_destacada img { width: 100px; height: 75px; margin-right: 15px; float: left; }
.oferta_destacada p {
	width: 170px;
	margin: 0;
	font: normal 12px/1.5em "Trebuchet MS", sans-serif;
	color: #404040;
	float: left;
}
.oferta_destacada p a { color: #404040; }
.oferta_destacada p span { font: bold 18px/1.5em "Trebuchet MS", sans-serif;}

.oferta_impar { background-color: #cabdd6; }
.oferta_par { background-color: #e6e0ec; }

.oferta_impar, .oferta_par { background-image: url(imagenes/ofertas_fondo_img.png); background-repeat: no-repeat; background-position: 10px 10px; }

/* Paginación */

.paginacion { margin-top: 15px; }
.paginacion>p, .paginacion>div { text-align: center; }

.paginacion p { width: 645px; margin: 0 0 10px; color: #404040; }

.paginacion div {
	width: 645px;
	height: 28px;
	padding: 2px 0;
	background-color: #e6e0ec;
}

.paginacion div a {
	display: inline-block;
	padding: 0 10px;
	line-height: 28px;
	color: #5a327d;
}
.paginacion div a.pag_activa, .paginacion div a:hover { background-color: #cabdd6; }

/* Resultados */

#resultados { width: 645px; margin-top: 15px; }

.resultado {
	width: 635px;
	height: 115px;
	margin-top: 15px;
	padding: 10px 0 5px 10px;
	background: #e6e0ec url(imagenes/doblado_violeta_par.gif) no-repeat bottom right;
	color: #404040;
	overflow: hidden;
}
.resultado:hover { background-color: #ccc; }

#resultados div:first-child { margin-top: 0; }

.resultado>a>img {
	width: 100px;
	height: 75px;
	margin-right: 5px;
	padding: 5px 10px 10px 5px;
	background: url(imagenes/resultado_fondo_img.png) no-repeat top left;
	float: left;
}

.resultado span img { display: inline-table; vertical-align: bottom; }

.resultado>div {
	width: 452px;
	margin: 0;
	padding-top: 8px;
	font: normal 12px/1.5em "Trebuchet MS", sans-serif;
	color: #404040;
	float: left;
}

.resultado h4 {
	float: left;
	font: bold 18px/18px "Trebuchet MS", sans-serif;
	color: #5a327d;
}
.resultado h4 a { padding: 0 5px; color: #5a327d; text-decoration: none; }
.resultado h4 a:hover { color: white; background-color: #5a327d; }

.resultado>img { width: auto; float: left; }

.resultado>div p { margin-top: 5px; padding-left: 5px; }
.resultado>div p a { color: #404040; }
.resultado>div span { font: bold 18px/1.5em "Trebuchet MS", sans-serif; }
.resultado>div p span a { font: normal 13px/1.5em "Trebuchet MS", sans-serif; color: #5a327d; }

.resultado_impar { background: #cabdd6 url(imagenes/doblado_violeta_impar.gif) no-repeat bottom right; }

#resultados2 .resultado {
	width: 615px;
	height: auto;
	margin-top: 15px;
	padding: 10px 15px;
}

#resultados2 .resultado p { width: 615px; float: none; }

/* Detalles */

#detalles, form#formulario  {
	width: 615px;
	padding: 15px 15px 35px;
	background: #e6e0ec url(imagenes/doblado_violeta_par.gif) no-repeat bottom right;
	overflow: hidden;
}

#detalles h4 {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #cabdd6;
	font: bold 16px/16px "Trebuchet MS", sans-serif;
	color: #5a327d;
}
#detalles h5 { font: normal 14px/1.2em "Trebuchet MS", sans-serif; color: #404040; }
#detalles h2 { font: bold 18px/1.4em "Trebuchet MS", sans-serif; color: #5a327d; }

#detalles p { color: #404040; }

/* #detalles_izq { width: 285px; } */

#detalles_der {
	float: right; width: 225px;
	border-left: 15px solid #e6e0ec;
	border-bottom: 15px solid #e6e0ec;
	padding: 10px;
	background-color: #cabdd6;
}

#detalles_der h2 {
	margin-left: 5px;
	color: #5a327d;
	font-weight: normal;
}

#detalles_der a {
	display: block;
	float: left;
	width: 110px;
	height: 85px;
	margin-top: 5px;
}
#detalles_der a.miniatura_der { margin-left: 5px; }

#detalles_der a img {
	width: 100px;
	height: 75px;
	padding: 5px;
	background: url(imagenes/detalles_fondo_img.png) no-repeat top left;
}

/* Formularios */

form#formulario { color: #404040; }

form#formulario p:first-child { margin-top: 0; }

form#formulario p>i { color: #5a327d; }

form#formulario h4 {
	margin-top: 15px;
	background-color: #cabdd6;
	font: bold 14px/30px "Trebuchet MS", sans-serif;
	color: #5a327d;
	padding: 0 10px;
}

form#formulario div {
	width: 615px;
	margin-top: 10px;
	background-color: #e6e0ec;
	overflow: hidden;
}

form#formulario div label {
	width: 240px;
	margin-right: 15px;
	text-align: right;
	line-height: 28px;
	font-weight: bold;
	float: left;
}

form#formulario div label span { font-weight: normal; font-style: italic; color: #5a327d; }

form#formulario div input, form#formulario div select, form#formulario div textarea {
	width: 244px;
	height: 20px;
	padding: 4px 5px 1px;
	border: 3px solid #cabdd6;
	background: white url(imagenes/form_fondo_campo.gif) repeat-x top left;
	font: normal 11px/24px "Trebuchet MS", sans-serif;
	color: #5a327d;
	float: left;
}

form#formulario div textarea { line-height: 16px; }
*:first-child+html form#formulario div input, *:first-child+html form#formulario div textarea { line-height: 14px; }

form#formulario div select, form#formulario div textarea { height: auto; }
form#formulario div select { width: 260px; padding: 2px; }

form#formulario div input[type=radio] { width: auto; float: left; margin-top: 5px; border: none; background: none; }
form#formulario div>span { margin: 5px 0 0 5px; float: left; }

form#formulario .boton_enviar_sobre,
form#formulario .boton_enviar_sobre .boton_enviar,
form#formulario .boton_enviar_sobre .boton_enviar input { width: 90px; height: 24px; }

form#formulario .boton_enviar_sobre {
	clear: both;
	margin: 15px 0 0 255px;
	background: url(imagenes/boton_enviar.jpg) no-repeat top left;
}

form#formulario .boton_enviar_sobre .boton_enviar {
	margin-top: 0;
	background: url(imagenes/boton_enviar_sobre.jpg) no-repeat top right;
}

form#formulario .boton_enviar_sobre .boton_enviar input {
	padding: 0;
	background: none;
	border: none;
	font: bold 14px/24px "Trebuchet MS", sans-serif;
	color: white;
	cursor: pointer;
}

/* Búsqueda rápida */

form#busqueda_rapida {
	width: 285px;
	height: 210px;
	margin-top: 15px;
	padding: 100px 0 0 30px;
}

.busqueda_rapida_esp { background: url(imagenes/nota_esp.jpg) no-repeat top left; }
.busqueda_rapida_gb { background: url(imagenes/nota_gb.jpg) no-repeat top left; }

form#busqueda_rapida fieldset { background: none; border: none; }

form#busqueda_rapida select {
	width: 255px;
	margin-bottom: 10px;
	padding: 2px;
	background: #dcd19e url(imagenes/busqueda_rapida_campo.gif) repeat-x top;
	border-top: 1px solid #8a8051;
	border-right: 1px solid #e4daaa;
	border-bottom: 1px solid #efeacc;
	border-left: 1px solid #9d9368;
	font: normal 12px/1em "Trebuchet MS", sans-serif;
	color: #404040;
}
form#busqueda_rapida select:first-child { margin-bottom: 15px; }

form#busqueda_rapida .boton_buscar {
	width: 84px;
	height: 24px;
	margin-right: 30px;
	background: url(imagenes/busqueda_rapida_boton.png) no-repeat top left;
	float: right;
}
form#busqueda_rapida .boton_buscar input {
	width: 84px;
	height: 24px;
	background: none;
	border: none;
	font: bold 13px/24px "Trebuchet MS", sans-serif;
	color: #404040;
	cursor: pointer;
}

form#busqueda_rapida p {
	clear: both;
	padding: 15px 30px 0 0;
	font: normal 12px/1.4em "Trebuchet MS", sans-serif;
	color: #404040;
	text-align: right;
}
form#busqueda_rapida p a { color: #404040; }

/* Localización y contacto */

#localizacion { width: 645px; margin-bottom: 15px; background-color: #e6e0ec; }

#localizacion>p { margin-top: 0; padding: 15px 0 15px 130px; color: #5a327d; }
#localizacion>p span { font-size: 14px; font-style: italic; color: #404040; }
#localizacion>p a { font-weight: bold; color: #5a327d; }

.localizacion_dir { background: url(imagenes/localizacion_dir.png) no-repeat center left; }
.localizacion_tel { background: #cabdd6 url(imagenes/localizacion_tel.png) no-repeat center left; }
.localizacion_email { background: url(imagenes/localizacion_email.png) no-repeat center left; }

#mapa { width: 645px; margin-top: 15px; }

/* Meteorología */

body#pag_meteo .capa_der a { font-size: 14px; font-weight: bold; color: #5a327d; }

/******************** Pie ********************/

#pie_fondo {
	width: 100%;
	height: 240px;
	background: url(imagenes/pie_degradado.jpg) repeat-x top;
	text-align: center;
}

#pie {
	width: 945px;
	height: 140px;
	margin: 0 auto;
	padding-top: 100px;
	background: url(imagenes/pie_fondo.jpg) no-repeat top left;
	text-align: left;
	color: white;
}

#pie_cont_izq { width: auto; float: left; color: #adcde1; }
#pie_cont_izq span { color: white; font-weight: bold; }
#pie_cont_izq a { color: #adcde1; }

#pie_cont_der { width: auto; float: right; text-align: right; color: #28b8ff; }
#pie_cont_der a { display: block; margin-top: 5px; float: right; }

/******************** Otros ********************/

.txt_11_red { color: red; }

.trampa { display: none; }