﻿@media screen
{
/* G E N E R A L E S   */

body {background-color: #ffffff; margin:0px; }
img { border: 0; }

#content {width: 1000px; margin-right: auto; margin-left: auto; background-color:#FFFFFF;  margin-top:0px;	display: block;  }

.content-page {background-color: #FFFFFF; clear: both;  padding: 0px 6px 20px 6px; overflow:hidden;}

.footer-content {background-position: left top; background-image: url(images/bg_pie.jpg);	width: 940px;	margin-right: auto;	margin-left: auto;	height: 178px;	padding:30px;}

.footer {width: 100%;	min-height: 238px;	float: left;z-index: inherit;}

.footer-column2 {color: #006699; width: 225px;	float: left; font-family: arial, verdana;	font-size: 12px;	line-height: 18px;}

.footer-column4 {color: #707174 !important; text-align:right; width: 400px;  float: right; font-family: arial, verdana;	font-size: 12px;	line-height: 18px; margin: 30px 0px 0px 0px}

.footer-column3 {width: 261px;	float: left;}

.footer-column2 li {font-family: arial, verdana; font-size:12px; color: #707174; list-style-type: none;	line-height:17px;}

.footer-content ul {padding:0px;	margin:0px;	margin-top:10px;}

.footer-text {color: #707174 !important}

.select { width: 180px; margin-left:10px}

.celeste { color:#006699;}

.font15 {font-family: arial, verdana; font-size:15px;	color: #006699; font-weight:bold}

a.naranja:link,a.naranja:visited,a.naranja:active {font-family: arial, verdana;text-align:center;font-size: 12px;float:left;display:block;text-decoration:none;color:#ff6600; font-weight:bold; padding: 0px 20px 0px 0px}
	
a.naranja:hover {font-family: arial, verdana;text-decoration: underline;color: #ff6600;} 

a:link {color: #FF6600; text-decoration:none;}
a:visited {color: #FF6600; text-decoration:none}
a:hover {color: #FF6600; text-decoration:underline}
a:active {color: #FF6600; text-decoration:none}



/** HEADER GENERAL **/ 
.head-bg {background-position: center top;	width: 100%;	background-repeat: repeat-x;	height: 154px;}

.head {	background-position: right bottom;	width: 1000px;	height: 154px;	margin-right: auto;	margin-left: auto; background-image:url(images/bg_header.jpg)}

.telefono {float:right;	width:261px;margin-top:24px;} 	

.logo {float:left;	width:520px;}

.head-menu {float: left; width: 520px; margin-top:8px;}

.head-menu-horiz {float: left; font-family: arial, verdana;	text-align:center; font-size: 12px; display:block; padding: 0px 5px 0px 5px; color:#006699; font-weight:bold}

a.head-menu-horiz:link,a.head-menu-horiz:visited,a.head-menu-horiz:active {font-family: arial, verdana;text-align:center;font-size: 12px;float:left;display:block;text-decoration:none;color:#006699;}
	
a.head-menu-horiz:hover {font-family: arial, verdana;text-decoration: underline;color: #006699;} 

.navegador_botones {width: 100%;height: 22px; background-color: #A9ABAC; float: left;}
	

/** B O T O N E R A**/ 

#botonera {width: 210px; margin-top: 10px;	float: left;}

#botonera .title {width: 210px; height: 22px; float: left;}

#botonera .menu {width:200px; float:left; padding: 5px 0px 40px 10px;}

#botonera .menu ul {margin: 0px; padding: 0px }

#botonera .menu li {display:block; list-style:none; background-image:url(images/bullet.jpg); background-repeat:no-repeat; padding-left: 20px; float:left; width: 180px;	height: 27px; vertical-align:middle;	border: 0px solid #000000; }

a.menu {font-family: Arial;	font-size: 12px; color: #999999; text-decoration:none;	}
	
a.menu:hover {font-family: Arial;	font-size: 12px; color: #999999; text-decoration:underline;	}


	
/* P A G I N A   I N D E X   */
/** columna derecha**/
#index-column-right {margin-top: 10px;	width: 750px; 	margin-left: 28px;	float: left;	background-color:#FFFFFF;}

#index-column-right .title {width: 750px; float: left; height: 22px}

#index-column-right .destacados_contenedor {width: 740px; float: left; padding: 5px; margin: 15px 0px 5px 0px;}

#index-column-right .destacado_img {float: left; border: 0px; height: 150px;width: 210px;}

#index-column-right .destacados_contenedor img {width: 200px; height: 150px; float: left;}
	
#index-column-right .destacados_contenedor_textos {width: 530px; float: left;}

#index-column-right .caracteristicas {width: 526px; float: left; background-color:#ffffff; padding: 2px}

#index-column-right .caracteristicas-fila { width: 300px; float: left; display: block; font-family: arial, verdana; font-size: 14px; color:#333333;}

#index-column-right .destacados_title {width: 100%;	float: left;  display: block; font-family: Arial;font-size: 16px;color: #333333; text-align: left;font-weight:bold; padding: 5px 0px 5px 0px}

#index-column-right .precio { width: 100%; float: left; font-family: Arial; font-size: 19px; color: #333333; text-align: left; padding: 5px 0px 5px 0px}

#index-column-right .direccion { width: 100%; float: left; font-family: Arial; font-size: 14px; color: #333333; text-align: left; padding: 5px 0px 5px 0px}

#index-column-right .caracteristicas-fila2 { width: 226px; float: left; display: block; font-family: arial, verdana; font-size: 14px; color:#333333;}

#destacados {width: 750px; float: left; margin-top: 25px} 

#destacados .fila { width: 375px; float: left; display: block;}

#destacados .contenedor {width: 370px; float: left; margin: 10px 0px 10px 0px;}

#destacados .img {float: left; border: 0px; width: 159px;	 height: 120px;} 

#destacados .contenedor img {width: 159px; height: 120px; float: left;}
	
#destacados .contenedor_textos {width: 201px; padding-left: 10px; float: left;	vertical-align:middle;}

#destacados .titulo {width: 100%;	float: left; font-family: Arial;font-size: 12px;color: #333333;	text-align: left;font-weight:bold;}

#destacados .direccion { width: 100%; float: left; font-family: Arial; font-size: 11px; color: #333333; text-align: left; padding: 1px 0px 1px 0px}

#destacados .verdetalles { width: 100%; float: left; font-family: Arial; font-size: 11px; color: #333333; text-align: left; padding: 1px 0px 1px 0px; position: relative; bottom: 0px}

#destacados .precio { width: 100%; float: left; font-family: Arial; font-size: 14px; color: #333333; text-align: left; padding: 1px 0px 1px 0px}
	
#destacados .destacados_contenidos { width: 145px; float: left; font-family: tahoma, Arial,;	font-size: 10px; color: #6F7073; text-align: left;}


/* P A G I N A   E M P R E S A   */
/** columna derecha**/
#empresa-column-right {margin-top: 10px;	width: 750px; 	margin-left: 28px;	float: left; background-color:#FFFFFF;}

#empresa-column-right .title {width: 750px; float: left; height: 22px}

#empresa-column-right .contenedor {width: 750px; float: left; margin: 15px 0px 0px 0px;}

#empresa-column-right .fila01 { width: 375px; float: left; display: block; padding: 5px 0px 5px 25px}

#empresa-column-right .texto {width: 100%;	float: left;  display: block; font-family: Arial;font-size: 11px;color: #999999; text-align: justify;}

#empresa-column-right .azules { width: 100%; float: left; font-family: Arial; font-size: 11px; color: #006699; text-align: left; padding: 5px 0px 5px 0px}

#empresa-column-right .fila02 { width: 325px; float: left; display: block; padding: 5px 0px 5px 25px}

#empresa-column-right .foto { width: 100%; float: left; display: block;}


/* P A G I N A   R E S U L T A D O S   */
/** columna derecha**/
#buscador-column-right {margin-top: 10px;	width: 750px; 	margin-left: 28px;	float: left; }

#buscador-column-right .title {width: 750px; float: left; height: 22px}

#buscador-column-right .contenedor {width: 750px; float: left; margin: 15px 0px 0px 0px;}  

#buscador-column-right fieldset {width: 100%; font-family: Arial ; font-size:13px; color:#333333; border: 0px}

#buscador-column-right .field-column { float: left; }
#buscador-column-right .field-column span { float: left; padding-top: 4px; font-weight: bold; }
#buscador-column-right .field-column div { margin: 5px; }
#buscador-column-right .field-column h5 { margin-bottom: 0px; }

#buscador-column-right .field-column.wide { padding-left: 90px; }
#buscador-column-right .field-column.wide span,
#buscador-column-right .field-column.wide h4,
#buscador-column-right .field-column.wide .no-label { margin-left: -85px; }
#buscador-column-right .field-column.wide select { width: 120px; }
#buscador-column-right .field-column.wide input { width: 80px; }

#buscador-column-right .field-column.narrow { padding-left: 120px; }
#buscador-column-right .field-column.narrow span,
#buscador-column-right .field-column.narrow h4,
#buscador-column-right .field-column.narrow .no-label { margin-left: -115px; }
#buscador-column-right .field-column.narrow select { width: 100px; }
#buscador-column-right .field-column.narrow input { width: 50px; }

#buscador-column-right select { margin-left:10px; border: 1px solid #333333; }
#buscador-column-right input { margin-left:10px; border: 1px solid #333333; }

#buscador-column-right .option-list { list-style-type: none; clear: both; margin-top: 4px; padding: 0; }
#buscador-column-right .option-list li { float: left; }
#buscador-column-right .option-list.narrow li { width: 190px; }

#buscador-column-right .show-map { float: right; }

#buscador-column-right .button-set { text-align: center; }
#buscador-column-right .button { color:#006699; font-family:Arial; font-size: 13px; font-weight:bold ; margin: 0 10px; cursor: pointer; }
#buscador-column-right .button:hover { text-decoration: underline; }

#buscador-column-right .texto {font-family: Arial;font-size: 14px;color: #333; text-align: justify; margin: 25px;}

/** columna resultados**/

#resultados-column-right {margin-top: 10px;	width: 750px; 	margin-left: 28px;	float: left; }

#buscador-column-right .barra {width: 750px; float: left; margin: 5px 0px 0px 0px; border-top: 6px solid #CCCCCC;}  

#buscador-column-right .paginador {width: 395px; float: left; font-family:Arial; font-size:12px; color: #333333; font-weight:bold; margin: 15px 0px 0px 0px; }  

#buscador-column-right .paginador a {font-family: Arial;	font-size: 12px; color: #999999; text-decoration:none;	}
#buscador-column-right .paginador a:hover { text-decoration:underline; }
#buscador-column-right .paginador a.disabled {font-family: Arial;	font-size: 12px; color: #333; text-decoration: none;	}
#buscador-column-right .paginador a.disable:hover { text-decoration: none; }

#buscador-column-right .resultados {width: 355px; float: left; font-family:Arial; font-size:15px; color: #333333; font-weight:bold; margin: 15px 0px 0px 0px; text-align:right }  
#buscador-column-right .inmueble {width: 750px; float: left; margin: 15px 0px 0px 0px; border-bottom: 1px solid #CCCCCC;}  

#buscador-column-right .titulo {width: 385px;	height: 18px; background-color:#C1C1C1;	float: left; font-family: Arial;	font-size: 16px;	color: #333333;	text-align: left; padding: 3px 0px 3px 3px; font-weight:bold}

#buscador-column-right .precio {width: 359px;	height: 18px; background-color:#C1C1C1;	float: right; font-family: Arial;	font-size: 18px;	color: #006699;	text-align: right; padding: 3px 3px 3px 0px; font-weight:bold}

#buscador-column-right .contenedor_izq {width: 385px;	padding: 5px;	float: left;	vertical-align:middle;	}

#buscador-column-right .contenedor_der {width: 345px;	padding: 5px;	float: left;	vertical-align:middle;	}

#buscador-column-right .contenedor_img {width: 159px;	height: 120px;	float: left; margin-right: 10px; } 

#buscador-column-right .contenedor_img img {width: 159px;	height: 120px;	float: left;}

#buscador-column-right .direccion { width: 210px;	float: left;	font-family: Arial; font-size: 11px; color: #333333;	text-align: left; padding: 2px;	}

#buscador-column-right .descripcion {width: 210px;	float: left;	font-family: Arial; font-size: 11px; color: #333333;	text-align: left; padding: 2px;}

#buscador-column-right .textos {width: 341px;	float: left;	font-family: Arial; font-size: 10px; color: #333333;	text-align: left; padding: 2px;}



/* columna derecha -  F O R M U L A R I O  D E  C O N T A C T O     */

#contacto  {width: 750px; float: left;}

#contacto .contenedor  {width: 750px; float: left;}

#contacto .logo { width: 274px; float: left; font: Arial; font-size: 12px; color: #333333;	text-align: left; }

#contacto .textito { width: 234px; float: left; font-family: Arial; font-size: 12px; color: #333333;	text-align: left; padding: 20px;	}

#contacto .texto { width: 436px; float: left; font-family: Arial; font-size: 12px; color: #333333;	text-align: left; padding: 20px;	}

#contacto .titulo { width: 436px; float: left; font-family: Arial; font-size: 15px; color: #006699;	text-align: left; font-weight:bold; padding: 0px 20px 0px 20px;	}

#contacto fieldset {border: 0px; width: 436px; display: inline; font-family: Arial; font-size:12px; color:#999999;}

#contacto .fila { width: 215px; float: left; display: block; }

#contacto .campo {float: left; width: 200px; padding: 4px}

#contacto .etiqueta {padding: 0px; width: 60px; vertical-align: middle; float: left; margin-top: 7px }

#contacto input { width: 120px; margin-left:10px}

#contacto .formulario-lista { float: left; margin-left: 10px; width: 530px; padding: 0px; }

#contacto .area { width: 436px; float: left; display: block; }

#contacto .campo-area {float: left; width: 100%; padding: 4px}

#contacto textarea {float: left; width: 335px; margin: 6px 0px 0px 10px}

.boton_contacto { float: left; font-family:Arial; color:#ffffff !important; font-size:13px; font-weight:bold; background-color:#ff6600; text-align:center; border: 0px; height:20px; padding-left:20px; padding-right:20px; padding-top:5px }


/* columna derecha -  S T A F F    */

#staff  {width: 750px; float: left;}

#staff .contenedor  {width: 710px; float: left; padding: 20px}

#staff .logo { width: 244px; float: left; font: Arial; font-size: 12px; color: #333333;  }

#staff .textito { width: 100%; float: left; font-family: Arial; font-size: 12px; color: #333333;	text-align: left; }

#staff .texto { width: 406px; float: left; font-family: Arial; font-size: 12px; color: #333333;	text-align: left; padding: 20px; border-bottom: 1px solid #999999	}


/* P A G I N A   F I C H A    */
/** columna derecha**/
.ficha {margin-top: 10px;	width: 750px; 	margin-left: 28px;	float: left; background-color:#FFFFFF;}

.ficha .title {width: 750px; float: left; background-color:#C1C1C1; font-family:Arial; font-size: 16px; color:#333333; font-weight:bold}

.ficha .amb {width: 65%; float: left; background-color:#C1C1C1; font-family:Arial; font-size: 16px; color:#333333; font-weight:bold; text-align:left; padding-top:3px; padding-bottom:3px; padding-left:3px}

.ficha .codigo {width: 30%; float: right; background-color:#C1C1C1; font-family:Arial; font-size: 14px; color:#333333; font-weight:bold; text-align:right; padding: 5px 3px 3px 0px; text-transform: uppercase}

.ficha .contenedor {width: 750px; float: left; margin: 15px 0px 0px 0px;}

.ficha .fila01 { width: 280px; float: left; display: block;}

.ficha .foto { width: 100%; float: left; display: block;}

.ficha .link { width: 100%; float: left; display: block; font-family:Arial; font-size:12px; text-align:center; font-weight:bold}

.ficha .fila02 { width: 450px; float: left; display: block; padding: 0px 0px 0px 20px}

.ficha .titulo {width: 70%;	float: left;  display: block; font-family:Arial; font-size: 16px; color:#333333; font-weight:bold; padding: 5px 0px 5px 0px;}

.ficha .imprimir {width: 30%; float: right;  display: block; font-family:Arial; font-size: 12px; color:#006699; font-weight:bold; padding: 5px 0px 0px 0px;}

.ficha .direccion {width: 100%;	float: left;  display: block; font-family:Arial; font-size: 11px; color:#333333; font-weight:bold; padding: 5px 0px 5px 0px;}

.ficha .texto {width: 100%; height: 84px; float: left;  display: block; font-family: Arial;font-size: 11px;color: #333333; text-align: justify; padding: 5px 0px 5px 0px;}

.ficha .azules { width: 215px; height: 32px; float: left; font-family: Arial; font-size: 12px; color: #ffffff; text-align: center; padding-top: 10px; background-color:#006699; font-weight:bold; margin: 0px 10px 0px 0px; }

.ficha .precio { width: 225px; height: 32px; float: right; font-family: Arial; font-size: 18px; color: #ffffff; text-align: center; padding-top: 10px; background-color:#006699; text-transform:uppercase; }

.ficha .fila01b { width: 382px; float: left; display: block;}

.ficha .caracteristicas {width: 382px; float: left; margin-top: 15px}

.ficha .caracteristicas-fila { width: 181px; float: left; display: block; padding: 5px;}

.ficha .caracteristicas-titulo { width: 100%; float: left; font-family: arial; font-size: 12px; color:#006699; font-weight:bold}

.ficha .caracteristicas-contenido { width: 100%; float: left; font-family: arial; font-size: 12px; color:#333333;}

.ficha .similares {width: 764px; float: left; background-color:#C1C1C1; font-family:Arial; font-size: 16px; color:#333333; font-weight:bold; text-align:left; margin-top: 15px; padding: 1px 0px 1px 3px}

.ficha table a {color: #000;}

.ficha .texto_sim {width: 764px; float: left;  display: block; font-family: Arial;font-size: 11px;color: #333333; text-align: justify; padding: 5px 0px 5px 0px;}

.ficha .fila02b { width: 349px; float: left; display: block;}

.ficha .titulo_mapa { width: 349px; float: left; margin-left: 19px; font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#006699; padding: 2px 0px 2px 0px}

.ficha .mapa { width: 349px; float: left; margin-left: 19px}

.ficha .banner { width: 349px; float: left; margin: 90px 0px 0px 0px}

.ficha table { width: 100%; border: 0; font-family: Arial; font-size: 11px; }
.ficha table th { color: #ff6600; text-align: left; font-weight:bold; text-transform: uppercase; }
.ficha table td, .ficha table th { border: 0; }

#photo-frame { height: 375px; }
#photo-slides { clear: both; }
.photo-slider { background: #fff; color: #000; }
.photo-slider ul { list-style: none; margin: 0; padding: 0; display: none; }
.photo-slider li { float: left; margin: 3px; }

}   /* media screen */
