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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	background-color:#F3F7F9;

}


#centro {
	margin:0px auto;
	position: relative;
	width:800px;
	height:740px;
}

#superior_menu {
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:195px;
	}

/*------------------- ETIQUETAS -----------------------*/

span {
	font-weight:bold;
	}
img {
	border:0px;
	}
ul, li {
	list-style-image:url(/imagenes/lista.gif);
	}
ul {
	margin-top:10px;
	margin-left:35px;
	padding:0px;
	}
li {
	padding-bottom:3px;
	}
/*------------------- SUPERIOR -----------------------*/

	
#superior_logo {
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:70px;
	background-color:#FFFFFF;
}
#logo_general {
	position:absolute;
	top:10px;
	left:10px;
	width:155px;
	height:36px;
	}
#logo_direccion {
	position:absolute;
	top:10px;
	left:175px;
	width:200px;
	height:55px;
	padding-left:10px;
	border-left:1px solid #000000;
	}
#logo_enlaces {
	position:absolute;
	top:50px;
	left:590px;
	width:200px;
	height:15px;
	text-align:right;
	}

#rotulo_general {
	position:absolute;
	top:200px;
	left:0px;
	width:795px;
	height:17px;
	padding-left:5px;
	padding-top:3px;
	background-color:#AA8F40;
}

#ocasion_general, #ocasion_lista, #ocasion_escaparate {
	position:absolute;
	top:227px;
	left:-1px;
	width:800px;
	height:520px;
	background-color:#FFFFFF;
	}
#ocasion_lista {
	overflow:auto;
	}
#ocasion_esparate {
	height:750px;
	}
#ocasion_nombre {
	position:absolute;
	top:5px;
	left:5px;
	width:500px;
	height:20px;
	}
#ocasion_financiacion {
	position:absolute;
	top:227px;
	left:-1px;
	width:800px;
	height:300px;
/*	padding:5px;*/
		}
	
	
/*------------------- IMAGEN -----------------------*/
	
#imagen {
	position:absolute;
	top:70px;
	left:0px;
	width:800px;	
	height:100px;
	}
	
/*------------------- MENU -----------------------*/

#menu {
	position:absolute;
	top:175px;
	left:0px;
	width:800px;
	height:20px;
	background-color:#003D6E;
	}

#men1, #men2, #men3, #men4, #men5, #men6 {
	position:absolute;
	top:0px;
	left:0px;
	width:159px;
	height:17px;
	padding-top:3px;
	background-color:#003D6E;
}
#men2 {
	left:159px;
	width:160px;
	border-left: 1px solid #FFFFFF;
	}
#men3 {
	left:319px;
	border-left: 1px solid #FFFFFF;
	}
#men4 {
	left:478px;
	border-left: 1px solid #FFFFFF;
	}
#men5 {
	left:637px;
	width:160px;
	border-left: 1px solid #FFFFFF;
	}
#men6 {
	left:667px;
	border-left: 1px solid #FFFFFF;
	}
#menu a {
	color:#ffffff;
	text-decoration:none;
	}
#menu a:hover {
	color:#AA8F40;
	}

/*------------------- ESCAPARATE -----------------------*/

#esparate_txt {
	position:absolute;
	top:5px;
	left:5px;
	width:790px;
	height:85px;
/*	padding-left:5px;
	padding-right:5px;*/
	text-align:justify;

	}
	
#tabla_escaparate {
	position:absolute;
	top:270px;
	left:0px;
	width:800px;
	height:300px;
	/*text-align:center;*/
	background-color:#FFFFFF;
	}

.centrado {
	text-align:center;
	}
	
/*#tabla_escaparate table {
	width:300px;
	height:103px;
	}
*/
/*------------------- DETALLE -----------------------*/
#nombre_barco {
	position:absolute;
	top:5px;
	left:10px;
	width:780px;
	height:20px;
	border-bottom:1px solid #000000;
	}
#foto_barco {
	position:absolute;
	top:40px;
	left:10px;
	width:250px;
	height:188px;
	}
#datos_barco{
	position:absolute;
	top:40px;
	left:280px;
	width:300px;
	height:188px;
	}
	
/*------------------- MENU DETALLE -----------------------*/
#menu_barco{
	position:absolute;
	top:240px;
	left:0px;
	width:800px;
	height:240px;
	}

#gallery {
	font:11px verdana,arial,sans-serif;
	width:800px;
	}

#gallery div.off {
	color:#ffffff;
	width: 158px;
	height:20px;
	line-height:20px;
	float:left;
	background-color:#003D6E;
	border:1px solid #ddd;
	border-bottom-color:#000;
	cursor:pointer;
	position:relative;
	z-index:20;
	text-align:center;
	}

#gallery div.on {
	color:#003D6E;
	width: 158px;
	height:20px;
	float:left;
	background-color:#AA8F40;
	border:1px solid #ffffff;
	cursor:pointer;
	border-bottom:0;
	line-height:20px;
	position:relative;
	z-index:100;
	text-align:center;
	}

div.hide {
	display:none;
	width:0;
	overflow:hidden;
	}
div.show {
	clear:left;
	background:#fff;
	width:758px;
	height:250px;
	margin-top:0;
	top:-1px;
	padding:20px;
	position:relative;
	z-index:50;
	line-height:18px;
	}

/*------------------- FICHA -----------------------*/

#ficha1, #ficha2 {
	position:absolute;
	top:0px;
	left:0px;
	width:370px;
	height:220px;
	}
#ficha2 {
	left:390px;
	}
/*------------------- EQUIPAMIENTO -----------------------*/

#equipamiento1 {
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:100px;
	}

/*------------------- COMENTARIOS -----------------------*/

#comentario1 {
	position:absolute;
	top:10px;
	left:20px;
	width:750px;
	height:100px;
	}

/*------------------- FORMULARIO -----------------------*/

#formu {
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:150px;
	}
#grac {
	top:0px;
	left:0px;
	width:800px;
	height:200px;
	}
.campo {
	width:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	}
/*------------------- FINANCIACION --------------*/

/*------------------- PIE -----------------------*/

#pie_general, #pie_escaparate, #pie_detalle, #pie_lista {
	position:absolute;
	top:710px;
	left:0px;
	width:800px;
	height:30px;
}
#pie_escaparate {
	top:800px;
	}
#pie_detalle { top:780px; }
#pie_lista { top:750px; }
#pie1{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:30px;
	text-align:center;
	background-color:#FFFFFF;
	}

#pie2, #pie3, #pie4 {
	position:absolute;
	top:32px;
	left:5px;
	width:190px;
	height:25px;
	}
#pie3 {
	left:175px;
	width:350px;
	text-align:center;
	}
#pie4 {
	width:300px;
	left:495px;
	text-align:right;
	}

#pie_prl a {
	color:#000000;
	text-decoration:none;
	}
#pie_prl a:hover {
	color:#AA8F40;
	}


/*------------------- CLASS -----------------------*/

.texto, .texto_tabla {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	}
.texto_tabla {
	padding:5px;
	}
.texto a, .texto_rotulo a {
	color:#000000;
	text-decoration:none;
	}
.texto a:hover, #texto_rotulo a:hover {
	color:#AA8F40;
	}
.txt_menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	}
.rotulo_general {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	}
.subtitulo, .precio_nuevo, .precio_viejo, .precio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:15px;
	font-weight:bold;
	}
.precio { font-size:12px; }
.precio_nuevo { font-size:12px; color:#FF0000; }	
.precio_viejo { font-size:12px; text-decoration:line-through; }

.txt_pie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	padding:5px;
	}
.txt_pie a {
	color:#000000;
	text-decoration:none;
	}
#txt_pie a:hover {
	color:#AA8F40;
	}	
.lista_rotulo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	background-color:#003D6E;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	}
.texto_rotulo, .precio_escap, .texto_lista {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	}
.precio_escap {	font-weight:bold; text-align:right; padding-bottom:5px; }