﻿/* Arquitectura */
body {background:#ecf3f6 url(../img/fondo_pag.gif) repeat-x top left}
#contenedor {position:absolute; top:0px; left:0px; width:100%; height:auto}
#cabecera, #cuerpo, #pie, #subpie, #infrapie {position:relative; width:758px; margin: 0 auto}
#cabecera {height:270px}
#cuerpo {height:auto; background-color:#fff}
#pie {height:70px; background-image:url(../img/pie_01.jpg)}
#subpie {height:60px; background:url(../img/pie_02.jpg) no-repeat top center}
#infrapie {height:60px} 
/* Genericos */
.divrel {position:relative}
img {border:0px}
table {border-collapse:collapse; border-spacing:0px}
td, th {padding:0px; vertical-align:top}
ul {margin:0; padding:0; list-style-type:none; text-align:right}
ul li {display:inline}
iframe {width:340px; height:340px}
#map {width:340px; height:340px}
.lnkform {position:relative; padding-top:23px; padding-bottom:17px}
.pdright50 {padding-right:100px; font-weight:bold}
/* Espacios */
.space7 {width:7px; height:7px}
.space14 {width:14px; height:14px}
.space15 {width:15px; height:15px}
.space20 {width:20px; height:20px}
.space30 {width:30px; height:30px}
.space40 {width:40px; height:40px}
.space50 {width:50px; height:50px}
.space70 {width:70px; height:70px}
.space80 {width:80px; height:80px}
.space100 {width:100px; height:100px}
.space120 {width:120px; height:120px}
.spacelarga {width:1px; height:350px}
/* Cabecera */
#flamnusup {position:absolute; top:0px; left:0px; width:519px; height:70px}
#logo {position:absolute; top:0px; left:519px; width:239px; height:70px}
#lancha {position:absolute; top:70px; left:0px; width:450px; height:200px; background-image:url(../img/cab_01.jpg)}
#flavisor {position:absolute; top:70px; left:450px; height:200px; width:205px}
#cabder {position:absolute; top:70px; left:655px; width:103px; height:200px; background-image:url(../img/cab_02.jpg)}
/* Cuerpo */
#sombrader {width:10px; background:url(../img/sombra_der.gif) repeat-y}
#sombraizq {width:10px; background:url(../img/sombra_izq.gif) repeat-y}
#pnlimagen {width:209px}
#pnlflash {width:215px}
#pnlmail {position:relative; height:368px; width:209px; background-image:url(../img/panel_contacto.jpg)}
#titmail {position:absolute; top:16px; left:36px}
.subtitsmail {position:absolute; top:47px; left:41px}
.subtitsmail p {color:#3399cc}
.detsmail {position:absolute; top:65px; left:30px}
.detsmail p {color:#006699; text-align:left}
#topcuerpo {position:relative; height:15px}
#azultop {position:absolute; top:0px; left:0px; height:15px; width:209px; background-image:url(../img/cab_03.gif); background-repeat:no-repeat}
#img1izq {position:relative; height:144px}
#img2izq {position:relative; height:194px}
#img3izq {position:relative; height:90px}
#fndazul1 {position:absolute; top:0px; left:0px; height:100%; width:79px; background-image:url(../img/img_01_izq.jpg)}
.bienvenidos {position:absolute; top:0px; right:0px}
#contenido {width:340px}
#contenidogr {width:738px}
#contenido2 {width:285px}
#pnlder {width:140px}
#pnlder2 {width:195px}
#pnlder ul li a, #pnlder2 ul li a {font-size:12px}
#pnlder .divrel p {font-size:11px; color:#006699; text-align:center}
.contfoto {position:relative; height:115px; width:140px; background-image:url(../img/bordeimg.jpg)}
.incontfoto {position:absolute; top:8px; left:8px; width:128px; height:96px}
.thumblnk {width:123px; height:96px}
#meteo {position:relative; height:200px; width:140px; background-image:url(../img/panel_meteo.jpg)}
#video {position:relative; height:200px; width:140px; background-image:url(../img/panel_video.jpg)}
#embarcaciones {position:relative; height:140px; width:140px; background-image:url(../img/panel_embarcaciones.jpg)}
#busqueda {position:relative; height:360px; width:195px; background:url(../img/panel_busqueda.jpg) no-repeat} 
#busqder {position:relative; height:auto; width:15px; background:url(../img/panel_busq_der.jpg) 0px 53px no-repeat}
.titpnls {position:absolute; top:9px; left:22px}
.lnkpnls {position:absolute; bottom:8px; left:23px}
.pnlpeq {position:relative; height:60px; width:140px; background-image:url(../img/panel_peq.jpg)}
/* Caja de Noticias */
.noticiasrel {position:relative; width:100%; height:106px; border:solid 1px #ccc; margin-top:20px; z-index:4}
.newsimage {position:absolute; top:5px; left:5px; width:100px; height:100px}
.newsbox {position:absolute; top:3px; left:106px; height:100px; width:224px}
.newsbox h3, .newsbox p {text-align:left; padding-left:10px}
.newsp {font:11px Arial, Helvetica, sans-serif; color:#3399cc}
.divlnkoferta {position:absolute; bottom:5px; right:5px}




/* Subpie */
#reynes {position:absolute; top:13px; left:30px; height:27px; width:132px}
#mnuinf {position:absolute; top:15px; right:35px}
.flecha {padding:2px 0px 0px 14px}
/* Infrapie */
#divaflua {position:absolute; top:0px; right:30px; height:25px; width:130px}
#logoaflua {position:absolute; top:0px; right:0px; height:25px; width:25px}
#txtaflua {position:absolute; top:4px; _top:5px; right:28px; width:90px; height:15px; text-align:right}
#txtaflua a {color:#84c2d6; font:9px/9px Arial, Helvetica, sans-serif; text-decoration:none}
#txtaflua a:hover, #txtaflua a:active  {color:#002754}
/* Busqueda */
.subtitbusqueda {position:absolute; width:auto; top:50px; left:10px; height:17px}
.flechabusq {position:absolute; left:0px; top:0px; width:17px; height:16px; background-image:url(../img/flecha_02.gif); background-repeat:no-repeat}
.txtsubtit {position:absolute; left:18px; top:-1px}
.txtsubtit p {color:#3399cc}
.seleccion {position:absolute; left:15px; top:75px}
.opcion {width:160px; color:#006699}
.botonbuscar {position:absolute; bottom:10px; right:15px; background-color:Transparent; border:none; background-image:url(../img/btn_gen.jpg); width:91px; height:30px; font:bold 11px Arial, Helvetica, sans-serif; color:#006699; cursor:hand; padding-bottom:4px; padding-left:2px}
#busqueda_ocasion {position:relative; width:195px; height:60px; background:url(../img/panel_peq_wide.jpg) no-repeat; margin-top:20px; margin-bottom:20px}
/* Lista resultados */
#elipseder {position:absolute; top:50px; right:0px; width:95px; height:300px; background:url(../img/elipse_der.jpg)}
#elipseizq {position:absolute; top:15px; left:0px; width:168px; height:300px; background:url(../img/elipse_izq.jpg)}
#idiomares {position:absolute; top:15px; right:15px}
#idiomares a {font-size:12px}
#resultrep {position:relative; top:20px; width:100%; height:auto}
.divresultado {position:relative; width:350px; height:140px; left:20px}
.imgresultado {position:absolute; top:0px; left:0px; width:149px; height:140px}
.numref {position:absolute; top:17px; left:140px} 
.txtres {position:absolute; top:47px; left:155px; width:190px; height:45px;overflow:hidden}
.txtres p {font-size:11px; color:#3399cc; text-align:left}
.precio {position:absolute; top:90px; left:150px}
.precio p {font-size:15px}
.orange {color:#ff6600}
.masinfo {position:absolute; top:107px; left:130px}
.masinfo a {font:13px Arial, Helvetica, sans-serif; color:#002754}
#titresultados {position:absolute; left:250px; top:15px; z-index:4}
#paginacion {position:absolute; left:170px; top:40px; z-index:4; width:500px}
#paginacion2 {position:absolute; left:20px; top:380px; width:500px; z-index:100}

.pagnum {position:relative; width:20px; height:16px; text-align:center; background:#fff; border:solid 1px #ccc; border-top:solid 2px #ccc; margin-left:5px;_margin-left:0px; margin-top:2px;_margin-top:0px}
.pagnumsel {position:relative; width:20px; height:16px; text-align:center; background:#fff; border:solid 1px #ff6600; border-top:solid 2px #ff6600; margin-left:5px;_margin-left:0px; margin-top:2px;_margin-top:0px}

/* Ficha Embarcacion */
#contenido .divrel p {text-align:left}
#fichaul {text-align:left}
#fichaul li {display:list-item}
.azclaro {color:#006699}
#window_link {position:absolute; top:124px; left:35px; z-index:100}
/* Ficha Ocasiones */
.bgocasion {position:relative; width:340px; height:210px; background:url(../img/fondo_img_ocasion.gif) no-repeat}
.imgocasion {position:absolute; top:8px; left:10px; width:320px; height:190px; overflow:hidden}
.datosocasion {position:relative; width:100%; height:auto; z-index:5; padding-top:45px}
.datosocasion p {text-align:justify; font-size:11px; padding-left:10px}
/* Contacto */
.lnkmap {position:absolute; top:90px; left:150px; width:45px; height:41px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/mapa.png'); z-index:10}
.lnkmap[class] {background-image:url(../img/mapa.png)}
.lnkgifmap {position:absolute; top:90px; left:150px; width:45px; height:41px; z-index:11}
.lnkgif {width:45px; height:41px}
#formulario {position:relative; height:auto}
.etiqform {position:absolute; top:3px; left:0px; text-align:left; width:100px}
.etiqform2 {position:absolute; top:5px; left:105px; text-align:left; width:auto}
.etiqform p {font-size:17px; color:#006699}
.campotext {position:absolute; top:0px; left:105px}
.campotextoform {border:solid 1px #9cadb7;  width:220px; font:bold 17px Arial, Helvetica, sans-serif; color:#003366; background-color:#f3f7f9}
.campotextoformgr {border:solid 1px #9cadb7; width:220px; font:bold 17px Arial, Helvetica, sans-serif; color:#003366; overflow:auto; background-color:#f3f7f9}
.botonenviar {background-color:Transparent; border:none; background-image:url(../img/btn_gen.jpg); position:absolute; top:66px; left:-5px; width:91px; height:30px; font:bold 11px Arial, Helvetica, sans-serif; color:#006699; cursor:hand; padding-bottom:4px; padding-left:2px}
.botonvolver {background-color:Transparent; border:none; background-image:url(../img/btn_gen.jpg); position:absolute; top:60px; left:150px; width:91px; height:30px; font:bold 11px Arial, Helvetica, sans-serif; color:#006699; cursor:hand; padding-bottom:4px; padding-left:2px}
/* Enlaces */
a {font:11px Arial, Helvetica, sans-serif; color:#006699; text-decoration:none}
a:hover, a:active  {text-decoration:underline}
/* Video */
#flavideo {position:relative; width:340px; height:240px; margin:0 auto}
/* Fuentes */
h1 {font:17px Tahoma, Helvetica, sans-serif; color:#006699; margin:0px; padding:0px}
h2 {font:13px Arial, Helvetica, sans-serif; color:#002754; margin:0px; padding:0px}
p, h3 {font:13px Arial, Helvetica, sans-serif; color:#002754; margin:0px; padding:0px; text-align:right}
h3 {font-weight:bold}
h4 {font:17px Tahoma, Helvetica, sans-serif; color:#006699; margin:0px; padding:0px}
.ppeq {font:9px Arial, Helvetica, sans-serif; color:#002754; margin:0px; padding:0px; text-align:justify}
.desctxt {font:bold 36px Arial, Helvetica, sans-serif; color:#006699;}