@import url(layout.css);
@import url(grid.css);


#home {
    width: 980px;
    /*float: left;*/
    margin-bottom:0px;
    font-size: 12px;
}

#home h1{
    display: none;
}


#banner_consulta{
    width: 250px;
    height: 93px;
    float: left;
    background-color: #f59832;
}

#banner_ads1{
    width: 250px;
    height: 93px;
    margin-right: 10px;
    float: left;
}

#banner_ads2{
    width: 250px;
    height: 93px;
    margin-right: 11px;
    float: left;
}
#banner_ads_full {
    width: 510px;
    height: 93px;
    margin-right: 11px;
    float: left;
}

#banner_ads_home{
    width: 980px;
    height: 404px;
    float: left;
    margin: 0px;
}



/* GRID HOME

.fila {
    width: 980px;
    margin: 0 auto 5px auto;
    overflow: hidden;
}

.fila_1 {	height:300px;}
.fila_2 {	height:370px;}
.fila_3 {	height:310px;}
.fila_4 {	height:220px;}

.columna {
    display:inline;
    float: left;
    position: relative;
    margin-right: 5px;
    border: 1px solid #c9c9c9;
    background: url('../images/grid-title.png') repeat-x;
    padding: 10px;
}


.grid_right { width:180px; margin: 0;}
.grid_1 {	width:190px;}
.grid_2 {	width:362px;}
.grid_3 {	width:232px;}
.grid_4 {	width:751px;}
.grid_3_1 {width:233px;}

.fila .header{
    height: 55px;
}


.no_left {
    margin-left:0;
    margin-right:20px;
}
.no_right {
    margin-right:0;
    margin-left:20px;
}
*/
#home .buscador {width:180px; margin: 0; background: url('../images/grid-title-2.png') repeat-x;}

#home h2{
    text-transform: uppercase;
    line-height: 20px;
    color:#000;
}
#home h2 a{
    color:#000;
    text-decoration: none;
}
#home h2.con_titulo{
    float:left;
    width: 262px;
}
#home h2 span{
    display: block;
    color:#FFF;
    font-size: 1.5em;
}

#home h2.right{
    font-size: 1.5em;
    color:#000;
}

#home h2.right span{
    font-size: 0.8em;
    color:#000;
}

#home .grid_right h2, .buscador h2, #buscador h2  {
    width: 180px;
}

.fila_4 h2 {font-size:12px;}
#home .fila_4 h2 span {font-size:1.8em;}

#home .lista_viviendas{
    margin:10px 0px 0px 7px; padding:0;
}

.lista_viviendas li{
    display:inline;
    float:left;
    margin-right: 16px;
    /*overflow:hidden;*/
    position:relative;
    width: 235px;
    height: 290px;
}

.lista_viviendas li.last{
    margin-right:0px;
}
.lista_viviendas li p.detalle{
    color:#F18E00;
    position:absolute;
    top: 250px;
    text-align:right;
    right:0;
}
.destacada {
    text-align: justify;
}
.destacada .precio{
    font-weight: bold;
    font-size:1.2em;
}

.descuento { 
    position: absolute; top: -1px; right: -2px; 
    color: #FFF;
    font-size: 34px;
    font-weight: bold;
    background: url('../images/ico-descuento-r.png') no-repeat 0px 0px;
    width: 152px;
    height: 60px;
    padding: 14px 6px 15px 0;
    text-align: right;
}

p.detalle a{
    color:#F18E00;
    text-decoration: underline;
}

.columna p.titulo{margin-top:0px;}

.bottom_link{
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    clear: both;
    text-align:center;
}

.bottom_link a {
    color: #666666;
}

.buscador .bottom_link{	width:200px;}
.grid_right .bottom_link{	width:180px;}
.grid_2 .bottom_link{	width:362px;}
.grid_3 .bottom_link, .grid_3_1 .bottom_link{	width:235px;}
.grid_4 .bottom_link{	width:751px;}


/* MULTI OFERTAS */
.home_ofertas {
    background: none; padding: 0; width: 771px; height: 320px; background-color: #333;
    border: 1px solid #c9c9c9;
}
.home_ofertas a{
    text-decoration: none;
}
/* main vertical scroll */
#main {
    position:relative;
    overflow:hidden;
    height: 320px;
    width: 771px;
}

/* root element for pages */
#pages {
    position:absolute;
    height:20000em; /* Cambiar por width para scroll horizontal*/
}

/* single page */
.page {
    padding:0px;
    width:771px;
    height: 320px;
    background:#222;
    /*float:left; // Activar para scroll horizontal*/
     background-size: 100%;
}

/* root element for scrollables */
.scrollable {
    position:relative;
    overflow:hidden;
    width: 300px;
    height: 90px;
}

.item {
    /*background-color:#333;*/
    /*width:500px;*/
    /*opacity:.9;filter: alpha(opacity=90);-moz-opacity:0.9 ;*/
    padding: 12px 12px;
    color: #fff;
    text-align: right;
    position: absolute;
    right: 0;
    /*    border-bottom:1px solid #666;*/
}

#pages .titulo span{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 1.2em;
}
#pages .descripcion span{
    margin: 5px 0px 0px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
}

#pages .titulo, #pages .descripcion{
    padding: 5px;
    width: 300px;
}
#pages .descripcion{
    float: right;
}

/* main navigator */
#main_navi {
    float:left;
    padding:0px !important;
    margin:0px !important;
    position: absolute;
    z-index: 9999;
    top: 195px;
    left: 13px;
}

#main_navi li {
    background-color:#333;/*background-color:#333;*/
    opacity:.9;filter: alpha(opacity=90);-moz-opacity:0.9 ;
    /*border-bottom:1px solid #666;*/
    color:#FFFFFF;
    font-size:10px;
    line-height: 1.1em;
    height:102px;
    list-style-type:none;
    padding:5px;
    width:95px;
    cursor:pointer;
    float: left;
    overflow: hidden;
}

#main_navi li:hover {
    background-color:#333;/*background-color:#444;*/
}

#main_navi li.active {
    background-color:#333;/*background-color:#555;*/
}
#main_navi li.active img {
    width: 91px;
    height: 66px;
    border:2px solid #fff;
}
#main_navi .last {
    /*border-bottom:1px solid #333;*/
    border-radius: 0px 6px 6px 0px;
    -ms-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    -khtml-border-radius: 0px 6px 6px 0px;
    
}
#main_navi .first {
    border-radius: 6px 0px 0px 6px;
    -ms-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    -khtml-border-radius: 6px 0px 0px 6px;  
}

#main_navi .last:hover {
    /*border-bottom:1px solid #444;*/
}
#main_navi .last.active {
    /*border-bottom:1px solid #555;*/
}

#main_navi img {
    float:left;
    margin-right:0px;
    margin-bottom:2px;
    width: 91px;
    height: 66px;
    border:2px solid #444;
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

#main_navi strong {
    display:block;
}



/* buscador */


#home #buscador {
    width: 180px;
    background: none;
    margin-bottom:10px;
}

#home #buscador h2 {
    text-align: left;
    padding:0;
   color:#fff;
}


#home #buscador .campo_form {
    margin-top:10px;
    float: left;
}

#home #buscador .campo_form label {
    color:#EE802A;
    display:block;
    float:left;
    padding-left:0;
    padding-right:4px;
    padding-top:3px;
    text-align:left;
    width:70px;
}

#home #buscador .campo_form .select_form {
    font-family:Verdana,sans-serif;
    font-size:9px;
    width:105px;
    float: left;
}

#home #buscador ul {
    height:21px;
    list-style:none outside none;
    margin:15px 0 0 10px;
    padding:0;
    float:right;
}

#home #buscador ul li input {
    /*background:url("../images/f-qs-buscar.gif") no-repeat scroll left top transparent;*/
    background:none;
    background-color: #eee;
    border:1px solid #ccc;
    display:block;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:13px;
    padding:2px 8px;
    text-align:center;
    text-decoration:none;
    font-weight: bold;
    color: #444;
    width:65px;
}

#home #buscador .header{
    height: 75px;
}
#home #buscador .lupa{
    position: absolute;
    top: 2px;
    right: 2px;
}
.ico_img{
    position: absolute;
    top: 2px;
    right: 2px;
}

.ico_img_destacadas{
    position: absolute;
    top: 2px;
    left: 200px;
}

.ico_img_entorno{
    position: absolute;
    top: 2px;
    left: 240px;
}
/*
.vender_casa p{
    width: 165px;
}
*/
/* TAG CLOUD */
.tag_cloud a{
    font-weight:bold;
    color:#F18E00;
    line-height: 20px;
}

.tag_1{ font-size: 11px;}
.tag_2{ font-size: 13px;}
.tag_3{ font-size: 15px;}
.tag_4{ font-size: 18px;}
.tag_5{ font-size: 20px;}
.tag_6{ font-size: 24px;}


.oportunidades ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.oportunidades li{
    padding:0px;
    margin:0px;
    width: 180px;
    height: 50px;
}

.oportunidades li a{
    border-bottom: 1px solid #F18E00;
    text-transform: uppercase;
    font-weight: bold;
    width: 180px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    padding-left:50px;
    font-size: 0.9em;
    overflow: hidden;
}

.oportunidades li.ico_home_costa a{
    background: url("../images/ico-home-costa.png") no-repeat left center;
}
.oportunidades li.ico_home_golf a{
    background: url("../images/ico-home-golf.png") no-repeat left center;
}
.oportunidades li.ico_home_euro a{
    background: url("../images/ico-home-euro.png") no-repeat left center;
}
.oportunidades li.ico_home_casa a{
    background: url("../images/ico-home-casa.png") no-repeat left center;
    border-bottom: none;
}



.oportunidades_banners{
    border: none;
    background: none;
    padding: 0;
    width: 202px;
    height: 392px;
}
.oportunidades_banners ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.oportunidades_banners li{
    padding:0px;
    margin:0px;
    width: 202px;
    height: 78px;
    margin-bottom: 1px;
}

.oportunidades_banners li a{
    text-transform: uppercase;
    font-weight: bold;
    width: 202px;
    height: 78px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right:10px;
    font-size: 1.1em;
    overflow: hidden;
    color: #fff;
}

.oportunidades_banners li a{
    text-decoration: none;
}

.oportunidades_banners li.ico_home_costa a{
    background: url("../images/banner-home-costa.png") no-repeat left center;
    padding-left:80px;
}
.oportunidades_banners li.ico_home_golf a{
    background: url("../images/banner-home-golf.png") no-repeat left center;
    padding-left:80px;
}
.oportunidades_banners li.ico_home_euro a{
    background: url("../images/banner-home-euro.png") no-repeat left center;
    padding-left:80px;
}
.oportunidades_banners li.ico_home_casa a{
    background: url("../images/banner-home-casa.png") no-repeat left center;
    padding-left:60px;
}
.oportunidades_banners li.ico_home_banco a{
    background: url("../images/banner-home-banco.png") no-repeat left center;
    border-bottom: none;
    padding-left:60px;
}