@import url('reset.css');
/*(C)2008 (X)HTML and CSS coded by Nicolas Calabrese for www.trobalia.com */
/************************************************************************************************************************************************
S T Y L E S B Y P A G E
-------------------------------------------------------------------------------------------------------------------------------------------------
$ Common Styles
$ Home Page
$ Error checking (Remove if is not necesary)
************************************************************************************************************************************************/
html {text-align:center; background:#333 url(../images/style/body-bg.gif) repeat; font: 62.5% Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; }
#wrapper {margin:0 auto; width:960px; text-align:left; overflow:hidden; margin-bottom:20px; }
#control, #content, #footer {width:960px; float:left; }
.hiden {display:none;}
/* Alerts */
p.needed-tech, p.browser-support, p.alert, p.success {padding:10px 0 10px 30px; background:#FFFFC1 url(../images/style/icon[alert].gif) no-repeat 10px 10px; color:#000; font-size:1.2em; border-bottom:1px solid #DED181; text-align:left; }
p.success {background:#E5FFC9 url(../images/style/icon[success].gif) no-repeat 10px;}
#homepage p.browser-support {position:absolute; top:0; left:0; right:0; width:100%; }
html > body p.browser-support {display:none;}
html #homepage #wrapper {margin-top:30px; }
html #homepage > #wrapper {margin-top:0; }
/* Images */
img, a img {font-size:10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }
/* clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height:1%}
.clearfix {display:block}
.clear {clear:both;}
/* Navigation Menu (Default: Horizontal) */
.nav li {display:inline; text-decoration:none; }
.nav li a {text-decoration:none;}
.nav li a:hover {text-decoration:underline;}
/* Default buttons */
.button {text-decoration:none; font:bold 0.9em Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; background:#B93D98 url(../images/style/sprite-buttons.gif) repeat-x 0 -603px; padding:5px 10px; display:inline-block; cursor:pointer;}
.button:hover {text-decoration:underline; }
/* Color definitions */
/* Text colors */
.blue {color:#2ECDF5;} .green {color:#74CF48;} .yellow {color:#FFB83D;} .pink {color:#FC50CF;} .button {color:#fff;}
/* Links */
a {color:#8E8D8B; text-decoration:none; }
a:hover {text-decoration:underline; }
/* ·············································································································································
$ Common styles
············································································································································· */
/* HEADER */
#header {}
/* Logo */
#header h1 {display:none;}
#header img {color:#999; margin:20px 0 0 0; }
/* Main Nav */
#control {clear:both; background:#999 url(../images/style/main-nav-bg.gif) repeat-x 0 0; height:40px; float:left; margin:0 0 20px 0; }
#main-nav {font-family:"Myriad Pro",Arial,Helvetica, sans-serif; font-size:16px; text-transform:uppercase; margin-left:38px; padding-left:4px; background:url(../images/style/main-nav-div.gif) no-repeat top left; float:left; width:903px;}
#main-nav li {background:url(../images/style/main-nav-div.gif) no-repeat top right; display:block; float:left; padding:0 4px 0 0; height:40px; overflow:hidden;}
#main-nav li.active a {background:url(../images/style/main-nav-active-bg.gif) no-repeat center bottom; color:#29A1D9;}
#main-nav a {color:#000; line-height:40px;display:block; padding:0 16px 0 17px; }
#main-nav a:hover {color:#29A1D9; text-decoration:none; }
/* Search */
#main-nav li.search {float:right; background-position:top left; padding:0 0 0 2px; background:none; }
#main-nav li.search {position:relative; width:203px;}
#main-nav li.search form {height:31px; padding:9px 0 0 0; }
/* Search inputs */
#search-term {border:1px solid #9C9C9C; background:url(../images/style/search-term.png) no-repeat; width:176px; height:18px; left:0; position:absolute;; color:#777;}
#search-term.value {background-position:0 -20px;}
#search-button {border:0; background:#fff url(../images/style/search-button.png) no-repeat; color:#fff; font-weight:bold; left:177px; position:absolute; text-indent:-5000px; width:28px; height:22px; }
#search-button:hover {background-position:0 -22px; cursor:pointer;}
/* CONTENT */
#content {float:left; }
/* Destacados */
#content #destacados {margin-top:20px}
#content #destacados, #content #resultados {float:left; width:980px;}
#content #destacados h2, #content #resultados h2 {text-indent:-5000px; margin:-3px 0 10px 0; }
#content .box {background:#5E5FD3; color:#fff; float:left; width:225px; height:255px; margin:0 20px 20px 0; background:url(../images/style/home-avisos-bg.png) no-repeat left bottom; position:relative;}
#content .box a {position:absolute; top:0; left:0; width:225px; height:175px; background:url(../images/style/box-photo-frame.png) no-repeat; text-indent:-5000px; }
#content .box ul.info {font-family:tahoma; font-size:10px; font-weight:bold; line-height:13px; padding:8px; text-transform:uppercase;}
#content .box a:hover {background-position:0 -175px ; }
/* MAIN CONTENT */
/* Buscador */
#buscador {background:url(../images/style/home-buscador-bg.png) no-repeat; width:475px; height:205px; position:relative; float:left; }
#buscador h2, #buscador form label {display:none; clear:both; }
#buscador form {position:absolute; left:277px; top:42px;}
#buscador select {display:block; height:20px; margin-bottom:5px; width:180px;}
#buscador .button {background:#000 url(../images/style/home-buscador-button-bg.png) no-repeat scroll 0 0; border:0; color:#fff; font-weight:bold; height:20px; text-indent:-5000px; width:180px; margin-top:3px; display: block;}
#buscador .button:hover {background-position:0 -20px; cursor:pointer;}
/* Welcome */
#welcome h2, #welcome p {display:none;}
/* Resultados */
#resultados {}
#pagination {float:left; width:100%; height:40px; position:relative; }
#pagination p, #pagination a {color:#DA9208; font-weight:bold; font-size:16px; text-transform:lowercase; }
span, #anterior, #siguiente {display:block; float:left; text-indent:-5000px; height:24px; position:relative; top:-3px }
#pagination em {display:block; float:left; font-style:normal}
#p1 {background:url(../images/style/pagination-pagina.png) no-repeat; width:61px; margin-left:-3px; }
#p2 {background:url(../images/style/pagination-de.png) no-repeat; width:29px;}
#p3 {background:url(../images/style/pagination-div.png) no-repeat; width:19px;}
#p4 {background:url(../images/style/pagination-slash.png) no-repeat; width:14px;}
#anterior {background:url(../images/style/pagination-anterior.png) no-repeat; width:70px;}
#siguiente {background:url(../images/style/pagination-siguiente.png) no-repeat; width:80px;}
#anterior:hover, #siguiente:hover {background-position:0 -24px}
#top {position:absolute; width:16px; height:14px; top:-25px; right:0; }
#top a {display:block; text-indent:-5000px; width:16px; height:14px; background:url(../images/style/top.png) no-repeat;}
/* RELATED CONTENT */
#related-content {width:100%; margin-top:15px; float:left; }
/* FOOTER */
#footer {font-family:"Myriad Pro"; font-size:15px; text-transform:lowercase; color:#8E8D8B; font-weight:normal; text-align:center; height:40px; line-height:40px; margin-bottom:10px; position:relative; }
#footer a {color:#8E8D8B;}
#footer a:hover {color:#A7A7A7;}
/* ·············································································································································
$ Home Page
············································································································································· */
/* CONTENT */
/* MAIN CONTENT */
/* Welcome */
#homepage #welcome {background:url(../images/content/home-welcome-bg.png) no-repeat; width:470px; height:209px; float:right; margin-top:-3px }
/* BANNERS */
#homepage #related-content {}
#homepage #related-content .box {background:#5E5FD3; color:#fff; float:left; width:225px; height:225px; margin:0 20px 0 0; background:url(../images/style/home-banners-bg.png) no-repeat left bottom;}
#homepage #related-content #banner4 {margin:0; }
#homepage #related-content .box a {display:block; width:225px; height:175px; text-indent:-5000px; background:url(../images/content/home-bottom-boxes.png) no-repeat; }
/* banners */
#homepage #related-content #banner1 a {background-position: ; }
#homepage #related-content #banner1 a:hover {background-position: 0 -225px; }
#homepage #related-content #banner2 a {background-position: -245px 0; }
#homepage #related-content #banner2 a:hover {background-position: -245px -225px }
#homepage #related-content #banner3 a {background-position: -490px 0; }
#homepage #related-content #banner3 a:hover {background-position: -490px -225px; }
#homepage #related-content #banner4 a {background-position: -735px 0; }
#homepage #related-content #banner4 a:hover {background-position: -735px -225px; }
/* FOOTER */
/* ·············································································································································
$ Alquilar / Obra nueva / Comprar
············································································································································· */
/* CONTENT */
/* Destacados */
#alquilar #destacados h2, #obranueva #destacados h2, #comprar #destacados h2 {background:url(../images/content/alquilar-destacados-title.png) no-repeat -4px 0; width:627px; height:31px; }
/* MAIN CONTENT */
/* Buscador */
#alquilar #buscador, #obranueva #buscador, #comprar #buscador {background-position:0 -205px;}
/* Welcome */
#alquilar #welcome, #obranueva #welcome, #comprar #welcome {background:url(../images/content/alquilar-welcome-bg.png) no-repeat; width:470px; height:209px; float:right; margin-top:-3px }
/* Resultados */
#resultados {}
#resultados h2 {background:url(../images/content/resultados-title.png) no-repeat; width:714px; height:31px;}
#resultados .box {background-position:-225px bottom ; }
/* ·············································································································································
$ Vender / Contacto
············································································································································· */
/* CONTENT */
/* MAIN CONTENT */
#contacto #content {position:relative; }
/* Welcome */
#vender #welcome, #contacto #welcome {width:960px; height:30px; float:left; margin:-3px 0 20px 0}
#vender #welcome {background:url(../images/content/vender-welcome-bg.png) no-repeat;}
#contacto #welcome {background:url(../images/content/contacto-welcome-bg.png) no-repeat;}
/* Contacto */
#contact {float:left; width:400px; height:250px; background:#DA9208; margin:0 20px 0 0;}
#contacto #contact {background:#9B967D; clear:left;}
#contact h3 {margin:17px 20px 10px 17px; width:365px; height:25px; background:url(../images/content/vender-contacto-title.png) no-repeat; text-indent:-5000px; }
#contact form {margin:0 20px 0 20px; width:360px; overflow:hidden; }
#contact form li {vertical-align:top; height:20px; margin:0 0 10px 0; position:relative; }
#contact form li.mensaje {height:80px;}
#contact form label {color:#353331; display:block; font-size:13px; font-weight:bold; width:70px; }
#contact form input {height:21px; border:0; position:absolute; top:0; left:70px; }
#contact form #mensaje {border:0 none; height:90px; position:absolute; left:70px; top:0; width:290px;}
#contact form input, #contact form #mensaje {width:290px; font-family: Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; font-size:13px}
#contact form #submit-button {margin-left:0; background:#000 url(../images/style/contact-submit-button-bg.png) no-repeat 0 0; height:31px; text-indent:-5000px; cursor:pointer;}
#contact form #submit-button:hover {background-position:0 -31px ; }
/* Intro */
#vender .intro, #contacto .intro {text-indent:-5000px;display:block;float:left;width:540px;height:251px;text-indent:-5000px;}
#contacto .intro {background:url(../images/content/contacto-intro.png) no-repeat;}
#vender .intro {background:url(../images/content/vender-intro.png) no-repeat;}
/* Direccion */
#direccion {background:url(../images/content/contacto-direccion-bg.png) no-repeat; width:400px; height:251px; float:left; }
#direccion h3, #direccion ul {display:none;}
/* ·············································································································································
$ Detalle
············································································································································· */
/* CONTENT */
/* MAIN CONTENT */
#detalle #main-content h2 {color:#DA9208; display:block; font-family:trebuchet MS; font-size:38px; height:32px; text-transform:uppercase;}
#detalle #main-content h2 strong {background:url(../images/content/inmueble-ref-h2-bg.png) no-repeat 0 2px; text-indent:-5000px; display:block; float:left; width:279px; height:34px;}
/* Info completa */
#detalle #fullinfo {margin:0 0 20px 0; height:390px; float:left; }
#detalle #fotos, #detalle #info, #detalle #datos {float:left; height:100%; }
#detalle #fotos {width:358px; background:#1D1B1A; position:relative; }
#detalle #info {width:357px; background:#DA9208; }
#detalle #datos {width:245px; background:#1C1B19; }
#slideshow { }
#photosnav { width: 300px; margin:8px 0 0 0 ; }
#photosnav li { width: 64px; float: left; margin:0 10px 0 0; list-style: none }
#photosnav a { width: 64px; display: block; border:0;}
#detalle #info h3, #detalle #info p {color:#1C1B1A;}
#detalle #info h3 {font-family:trebuchet MS; font-size:22px; line-height:1.1; padding:20px 18px 13px;}
#detalle #info p {font-size:16px; line-height:1.3; margin-bottom:13px; padding:0 18px;}
#detalle #datos ul {color:#DA9208; font-family:trebuchet MS; font-size:16px; padding:20px;}
#detalle #datos li {margin:0 0 10px 0; }
#detalle #datos strong { font-size:17px; }
/* More info */
#detalle #moreinfo {margin:0 0 20px 0; background:#1C1B19; clear:both; }
#detalle #moreinfo .left {float:left; width:357px; }
#detalle #moreinfo #contact {width:357px; height:211px; margin:0; background:#DA9208; }
#detalle #moreinfo #contact h3 {background:url(../images/content/detalle-contacto-h3-bg.png) no-repeat; width:323px; height:74px; text-indent:-5000px; }
#detalle #moreinfo #contact input {width:248px; height:19px; }
#detalle #moreinfo #contact #submit-button {background:url(../images/style/contact-submit-button-2-bg.png) no-repeat; height:20px;}
#detalle #moreinfo #contact #submit-button:hover {background-position:0 -20px ; }
#detalle #moreinfo #contact li {margin-bottom:5px}
#detalle #moreinfo #action {width:357px; }
#detalle #moreinfo #action ul li {float:left; }
#detalle #moreinfo #map {}
#detalle #moreinfo #map h3 {color:#DA9208; font-family:trebuchet MS; font-size:20px; font-weight:bold; padding:5px; text-transform:uppercase; text-indent:5px;}
#addToBookmarks{width: 130px; height: 110px; background: transparent url(../images/content/but-fav-off.jpg) no-repeat 0 0;}
#fichapdf a{width: 109px; height: 110px; display:block; background: transparent url(../images/content/but-ficha-off.jpg) no-repeat 0 0;}
#enviar-amigo a{width: 118px; height: 110px; display:block; background: transparent url(../images/content/but-send-off.jpg) no-repeat 0 0;}
/* Favoritos */
#detalle #favoritos {width:960px; height:120px; background:url(../images/content/favoritos-bg.jpg) no-repeat; clear:both; margin-bottom:20px} #detalle #favoritos h2 {display:none;}
#detalle #favoritos ul {padding:46px 0 0 10px; }
#detalle #favoritos li {float:left; margin:0 9px 0 0; }
/* Resultados */
#resultados.similares h2 {background:url(../images/content/similares-title.png) no-repeat; width:388px; height:31px;}
/* Enviar a un amigo*/
#container_enviar_amigo{display:none;}
#enviar_amigo{float:left; width:470px; height:240px; background:#94A01C; margin:0 20px 10px 0;}
#enviar_amigo h3 {margin:30px 30px 10px 30px; width:365px; height:57px; background:url(../images/content/detalle-enviaraunamigo-title.png) no-repeat; text-indent:-5000px; }
#enviar_amigo form {margin:0 30px 0 30px; width:360px; }
#enviar_amigo form li {vertical-align:top; height:20px; margin:0 0 10px 0; position:relative; text-align:right; }
#enviar_amigo form li.mensaje {height:80px;}
#enviar_amigo form label {color:#353331; display:block; font-size:13px; font-weight:bold; width:150px; float:left;}
#enviar_amigo form input {height:21px; border:0; position:absolute; top:0; left:155px; }
#enviar_amigo form #mensaje {border:0 none; height:90px; position:absolute; left:70px; top:0; width:250px;}
#enviar_amigo form input, #enviar_amigo form #mensaje {width:248px; font-family: Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; font-size:13px}
/*#enviar_amigo form #submit-button {margin-left:0; background:#000 url(../images/style/detalle-enviaraunamigo-button.png) no-repeat 0 0; height:20px; text-indent:-5000px; cursor:pointer;}
#enviar_amigo form #submit-button:hover {background-position:0 -31px ; }*/
#enviar_amigo form #submit-button2 {background:url(../images/style/contact-submit-button-2-bg.png) no-repeat; height:20px; text-indent:-5000px; cursor:pointer; display:block;}
#enviar_amigo form #submit-button2:hover {background-position:0 -20px ; }
div.wrapper div#nyroModalContent{padding: 0}
/* FOOTER */
#detalle #top {top:13px; right:0; }
/* ���������������������������������������������������������������������������������������������������������������������������������������������
$ ERROR CHECKING (http://accessites.org/site/2006/07/big-red-angry-text/)
This is to determine if deprecated elements are used. If so, they should be replaced:
1a. and
1b. �: Shouldn�t be used.
CSS should dictate font attributes.
2. : Shouldn�t be used. CSS should dictate horizontal alignment.
3a. �
3b. �
3c. : Shouldn�t be used. CSS should dictate horizontal alignment.
��������������������������������������������������������������������������������������������������������������������������������������������� */
/* CSS Begin */
font, center, div[align], p[align], table[align], font[color] {
color : #cd0000;
font-weight : bold;
background : #eecc11 url(images/warning.gif) repeat 0 0;
margin : 10px;
padding : 10px;
border : 2px dashed #cd0000;
font-size : 2em;
}
#msgRef{display:none;}