﻿/* Elementos Generales */
* {padding:0; margin:0}
img {border:none}
table {border:0px; border-collapse:collapse; border-spacing:0px;}
th, td {vertical-align:top; padding:0px}
.fleft {float:left; margin:10px 10px 10px 0px}
.fright {float:right; margin:10px 0px 10px 10px}
.spacer20 {width:20px; height:20px}

/* Arquitectura General */
#contenedor {position:absolute; top:0px; left:0px; width:100%; height:auto}
#cabecera {position:relative; width:100%; height:100px}
#cuerpo {position:relative; width:100%; height:auto}
#pie {position:relative; width:100%; height:50px; background-color:#99CC00; margin-bottom:20px}

/* Fuentes */
h1 {font:19px Verdana, Arial; color:#333660}
h3 {font:bold 15px Verdana, Arial; color:#336600}
h4 {font:bold 14px Arial, Helvetica, Sans-serif; color:#ccc; text-align:left}
p {font:13px Verdana, Arial; color:#666}
a {font:13px Verdana, Arial; color:#999; text-decoration:none}
a:hover {color:#666}
.aparcelas {font:11px Verdana, Arial; color:#333660; text-decoration:none}
.aparcelas:hover {text-decoration:underline}

/* Cabecera */
#idioma_bar {position:relative; width:980px; height:30px; margin:0 auto}
#cab_bar {position:relative; width:100%; height:50px; background-color:#99CC00}
#cab {position:relative; width:980px; height:50px; margin:0 auto}
#logo {position:absolute; top:0px; left:40px; width:290px; height:50px}
#mnu_cab {position:absolute; top:0px; left:450px; height:50px}

/* Roll over menu cabecera */
.rollmnu01 a {position:absolute; top:0px; left:0px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0 0 no-repeat; cursor:pointer; font:bold 15px verdana,Arial; color:#336600; text-align:center; padding-top:15px} /* estado normal */
.rollmnu01 a:hover, .rollmnu01 a:active {background: url(img/btn.gif) 0px -50px no-repeat; color:#003300} /* estado hover y activo */
.rollmnu02 a {position:absolute; top:0px; left:132px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0 0 no-repeat; cursor:pointer; font:bold 15px verdana,Arial; color:#336600; text-align:center; padding-top:15px} /* estado normal */
.rollmnu02 a:hover, .rollmnu02 a:active {background: url(img/btn.gif) 0px -50px no-repeat; color:#003300} /* estado hover y activo */
.rollmnu03 a {position:absolute; top:0px; left:264px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0 0 no-repeat; cursor:pointer; font:bold 15px verdana,Arial; color:#336600; text-align:center; padding-top:15px} /* estado normal */
.rollmnu03 a:hover, .rollmnu03 a:active {background: url(img/btn.gif) 0px -50px no-repeat; color:#003300} /* estado hover y activo */
.rollmnu04 a {position:absolute; top:0px; left:396px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0 0 no-repeat; cursor:pointer; font:bold 15px verdana,Arial; color:#336600; text-align:center; padding-top:15px} /* estado normal */
.rollmnu04 a:hover, .rollmnu04 a:active {background: url(img/btn.gif) 0px -50px no-repeat; color:#003300} /* estado hover y activo */

/* Clase desconectado por pagina */
.rolloff01 a {position:absolute; top:0px; left:0px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0px -50px no-repeat; font:bold 15px verdana,Arial; color:#003300; text-align:center; padding-top:15px}
.rolloff02 a {position:absolute; top:0px; left:132px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0px -50px no-repeat; font:bold 15px verdana,Arial; color:#003300; text-align:center; padding-top:15px}
.rolloff03 a {position:absolute; top:0px; left:264px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0px -50px no-repeat; font:bold 15px verdana,Arial; color:#003300; text-align:center; padding-top:15px}
.rolloff04 a {position:absolute; top:0px; left:396px; width:132px; height:35px; display:block; background: url(img/btn.gif) 0px -50px no-repeat; font:bold 15px verdana,Arial; color:#003300; text-align:center; padding-top:15px}

/* Menu idioma */
#mnuidioma {position:absolute; top:0px; right:10px; height:30px}
#mnuidioma ul {padding-top:5px}
#mnuidioma ul li {list-style-type:none; display:inline}
#mnuidioma ul li a {font-size:11px}
#mnuidioma ul li a img {padding-left:20px}

/* Cuerpo */
#divcuerpo {position:relative; width:980px; height:auto; margin:0 auto}

#tdprincipal {width:710px}
.tdsecundario {width:355px}
#tdderecha {width:270px}
#tdizquierda {width:300px}
#tdgmapa {width:410px}

/* Contenido principal */
#flacont {position:relative; width:700px; height:150px; margin-bottom:10px}
.divtxt {position:relative; width:100%; height:auto; margin-bottom:20px}
.divtxt p {padding-right:10px; padding-top:5px}

/* Columna derecha */
#pnlbusq {position:relative; width:260px; height:150px; margin:0 auto 20px auto; background:url(img/fondo_panel_buscar.gif) no-repeat}
.divimgder {position:relative; width:260px; height:auto; margin:0 auto 10px auto}
.divrelbusqueda {position:relative; width:250px; height:40px; top:10px; *top:0px; *margin-top:5px; padding-left:10px}
.pleft {padding-left:20px; text-indent:3px}
#tblbusqueda tr td {width:130px; padding-left:10px;}
#tblbusqueda * p {font:11px Verdana; color:#666}
.combobusq {width:110px; font:bold 11px Verdana; color:#336600}
.btnbuscar {position:relative; width:59px; height:21px; float:right; margin-top:7px; margin-right:9px}

/* Pie */
#divpie {position:relative; width:980px; height:50px; margin:0 auto 20px auto}
#aflua {position:absolute; top:15px; left:0px; width:100px; height:25px}
#logo_aflua {position:absolute; top:0px; left:0px; width:25px; height:25px}
#lnk_aflua {position:absolute; top:3px; left:30px; width:90px; height:29px}
#lnk_aflua a {font:9px Arial; color:#fff; font-size:9px; line-height:9px; text-decoration:none}
#lnk_aflua a:hover {font:9px Arial; font-size:9px; line-height:9px; text-decoration:none}
#divtelefono {position:absolute; top:18px; left:210px; width:390px; height:25px; background:url(img/telefonos.gif) no-repeat}
#copyright {position:absolute; top:23px; right:10px; }
#copyright p {font-size:11px; color:#002B2D}

/* Contacto */
#tdderecha ul li {font:11px Verdana; color:#336600; list-style:none; padding-bottom:8px; *padding-bottom:0}
#divmapa {position:relative; width:380px; height:380px; margin:5px auto 30px auto; border:solid 1px #ccc}
iframe {width:380px; height:380px;}
#divcontacto {position:relative; width:300px; height:auto; padding-top:20px}
.relcontacto {position:relative; width:280px; height:20px; padding-left:20px}
.relcontacto p {font:solid 12px Verdana; color:#666}
.txtbox {width:280px; border:solid 1px #ccc; background-color:#eee}
.txtboxgr {width:280px; height:100px; overflow:auto; border:solid 1px #ccc; font:bold 12px Verdana; color:#666; background-color:#eee}
.formchk {font:11px Verdana; color:#666}
.btnenviar {position:relative; width:59px; height:21px; float:right; margin-top:7px; margin-right:-1px}

/* Páginas Lista */
#lstcontenedor {position:relative; width:690px; height:auto; padding:10px}
.preficha {position:relative; width:340px; height:120px; border:solid 1px #ccc; background-color:#eee; margin:2px; *margin:0; _margin:0}
.imgpreficha {position:absolute; top:3px; left:3px; width:100px; height:100px; z-index:1}
.lnkimgpreficha {position:absolute; top:3px; left:3px; width:100px; height:100px; display:block; z-index:2}
.txtpreficha {position:absolute; top:5px; left:120px; height:85px; width:200px}
.txtpreficha p {padding-top:10px}
.lnkficha {position:absolute; bottom:5px; right:10px; width:200px; text-align:right}
.lnkficha a {font-size:11px}
.lnkficha a:hover {color:#003300}

/* paginacion */

.divtitpaginacion {position:relative; margin:0 0 0 15px}
.btnumero {position:relative; width:20px; height:20px; background:url(img/paginacion.gif) 0 0 no-repeat; margin:2px}
.btnumeroint {position:absolute; width:20px; top:1px; left:0px; text-align:center}
.btnumeroint .pagnum {font:bold 16px Arial; text-decoration:none; color:#fff}
.btnumeroint .pagnumsel {font:bold 16px Arial; text-decoration:none; color:#CCFF00}
.LstPaginador {margin:10px 0px 20px 15px}

/* Páginas DET */
.divdet {position:relative; width:620px; height:auto; margin:20px auto}
.divdet p {padding-right:10px}
.divdetentorno {position:relative; width:310px; height:auto; float:right}
.divdetcaracteristicas {position:relative; width:310px; height:auto; float:left; margin-top:10px}
.setcaracteristicas li {display:inline; list-style-type:none; font:13px Verdana, Arial; color:#666;}
.setcaracteristicas li img {vertical-align:middle}


/* Alquileres */
.contenedorlista {position:relative; background-color:#eee; border:solid 1px #ccc; width:330px; height:20px; margin:0 auto}
.titlista {position:absolute; top:2px; left:5px; font:13px Verdana, Arial; color:#666;}
.editlista3 {position:absolute; top:2px; right:5px; font:13px Verdana, Arial; color:#666;}

.divrelmd {position:relative; width:355px; text-align:left}
.divcoldet1 {position:absolute; top:1px; left:0px; width:120px; text-align:left}
.divdet1 {position:absolute; top:0px; left:120px; width:40px; text-align:left}
.divcoldet2 {position:absolute; top:1px; left:160px; width:100px; text-align:left}
.divdet2 {position:absolute; top:0px; left:280px; width:95px; text-align:left}