/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0;
background-color:#999999;
background-image:url(../img/bg-principal.gif);
}
input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:24px;}
h2{font-size:18px; }
h3{font-size:14px; border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px;}
a:link, a:visited{color:#0033CC;}
a:hover{text-decoration:none;}
/* ------------------------------
PAGE STRUCTURE
------------------------------ */
/* #container has an absolute width (800 pixel) */
#container{width:800px; margin:0 auto; background-color:#FFFFFF; border:5px solid #FFFFFF;}
#topbar{width:auto; display:block; height:218px; background-image:url('../img/header.jpg');}
#topbar .logo{width:308; height:65px; padding-left:20px; padding-top:50px;}
#navbar{width:auto; height:35px; display:block; background-color:#000000; background-image:url('../img/bg-navbar.gif');}
#navbar a{
height:35px;
line-height:35px;
padding:0 10px;
display:inline;
float:left;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#navbar a:hover{background-color:#444444; }
#navbar a.activo{background-color:#444444; background-image:url('../img/bg-navbar-activo.gif'); }
#searchq{width:120px; height:35px; line-height:35px; font-size:16px; text-align:right; color:#ffffff; float:right; margin-right:10px; }
#vendedor{
border-bottom:solid 1px #90ac13;
background:#eef4d3;
color:#000000;
font-weight:bold;
text-align:right;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 30px;
}
#main{width:auto; display:block; padding:10px 0;}
#cuerpo{width:460px; height:auto; margin-right:20px; float:left;}
#menu{width:160px; height:auto; margin-right:20px; margin-left:10px; float:left;}
#publicidad{width:120px; float:left;}
div.spacer{clear:both; height:10px; display:block;}
#footer{
width:auto;
display:block;
padding:10px 10px 20px 10px;
font-size:11px;
color:#444444;
border-top:2px solid #999999;
}
/* ------------------------------
CUSTOM CLASSES
------------------------------ */
/* Add here your custom classes ... */
.menu-opciones{
margin:0;
padding:0;
list-style:none;
}
.menu-opciones a{
width:140px;
height:20px;
display:block;
float:left;
text-decoration:none;
}
.menu-opciones span{
width:20px;
display:block;
float:left;
text-align:right;
color:#999999;
}
.horizontal {
width:460px;
margin:0;
padding:0;
clear:both;
}
.horizontal li {
margin:0;
padding:0;
width: 220px;
height:15px;
float:left;
margin-right:10px;
margin-bottom:5px;
}
.horizontal li.titulo {
margin:0;
padding:0;
width: 460px;
height:auto;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
font-size:14px;
font-weight:bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.horizontal strong{
width: 100px;
height:auto;
float:left;
font-size:14px;
}
.horizontal span{
width: 100px;
height:auto;
float:left;
font-size:14px;
text-align:right;
}
.horizontal label{
width: 90px;
height:auto;
float:left;
}
.horizontal .campo{
width: 125px;
height:auto;
float:left;
}
.control-lista{
width:460px;
height:20px;
display:block;
margin-bottom:5px;
}
.propiedad{
width:460px;
height:auto;
margin-bottom:10px;
border-bottom: 1px solid #CCCCCC;
clear:both;
}
.propiedad img{
width:120px;
height:90px;
float: right;
margin-left:10px;
}
.propiedad h2{
font-size:13px;
}
.propiedad h2 a{
font-weight:bold;
text-decoration: none;
}
.propiedad p{
width: 100%;
height:auto;
color:#666666;
margin-bottom: 5px;
}
.propiedad .precio{
color:#000000;
font-size:14px;
font-weight:bold;
}
#max-registros{
width:230px;
height:auto;
line-height:auto;
float:left;
}
#paginador{
width:230px;
height:auto;
float:left;
font-size:20px;
text-align:right;
color:#444444;
}
#galeria{
height: auto;
width: 460px;
}
#galeria ul{
margin:0px;
padding:0px;
list-style:none;
}
#galeria li{
width: 90px;
height: auto;
margin-right:15px;
margin-bottom:15px;
float:left;
}
#recomendados{
height: 300px;
width: 460px;
margin-top:15px;
margin-bottom:15px;
border: 1px solid #666666;
background-color: #F4F4F4;
}
#recomendados h3{
font-weight: bold;
color: #FFFFFF;
background-color: #666666;
margin-bottom: 20px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
#recomendados ul{
margin:0px;
padding:0px;
list-style:none;
}
#recomendados li{
width: 90px;
height: 100px;
margin-left:20px;
margin-bottom:20px;
font-size:10px;
float:left;
}
#recomendados a:link, #recomendados a:visited{
text-decoration:none;
}
#recomendados a:hover{
text-decoration:underline;
}
.contenido{
height: auto;
width: 460px;
margin-bottom:10px;
}
.contenido h1{
font-size: 18px;
margin: 0px;
padding: 0px;
}
.contenido p{
margin: 0px;
padding: 0px;
color:#666666
}
/* MENU DERECHO */
#provincias h4 {
margin:0px;
width:auto;
font-size:12px;
color: #0033CC;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
cursor: pointer;
background-image: url(../img/ampliar.gif);
background-repeat: no-repeat;
background-position: right center;
}
#provincias h4:hover {
background-color: #EEEEEE;
}
#provincias h4.on {
margin:0px;
width:auto;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
cursor: pointer;
background-image: url(../img/reducir.gif);
background-repeat: no-repeat;
background-position: right center;
}
#provincias ul {
margin:0px;
padding:0px;
list-style:none;
font-size:11px;
width:auto;
}
#provincias ul li {
margin:0px;
padding:0px;
}
#provincias ul li a:link, #provincias ul li a:visited{
width:130px;
height:18px;
padding-left:10px;
display:block;
float:left;
text-decoration: none;
}
#provincias ul li span{
width:20px;
float:left;
text-align:right;
color:#999999;
}
#provincias ul li a:hover{
text-decoration: underline;
}
#provincias ul li.todos{
text-align: right;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
margin-top: 5px;
margin-bottom: 10px;
}
#provincias ul li.todos a:link, #provincias ul li.todos a:visited{
list-style:none;
color:#006633;
}