/* CSS Document */

/*@import url("backgrounds.css");*/
@import url("fonts.css");
@import url("forms.css");

*{margin:0px;padding:0px;}/*elimina margenes y rellenos para la compatibilidad del pixel entre navegadores*/

body {background:url(../imgs/bckgrd_encabezado.jpg) repeat-x #FFF;}

/*CAPA MADRE CONTENEDORA DE TODO EL SITE*/
#sidebar{margin:auto; width:900px; padding-bottom:20px;}

	/* CAPA CONTENEDORA ENCABEZADO (IDIOMAS, BANNER, LOGO, MENUTABS*/
	#encabezado{position:relative; height:174px;}

		/*LOGOTIPO*/
		#logo{position:relative; z-index:2; width:119px; float:left;} /*EL Z-INDEX SOLO FUNCIONA CUANDO SE DECLARA POSITION*/	

		/*MENU SUPERIOR IDIOMAS*/
		#idiomas{position:relative; margin-top:-2px; z-index:1; width:750px; float:right; text-align:right;}		
		#idiomas ul{padding:7px 0 0 0;}
		#idiomas li{list-style:none; display:inline; margin-right:5px;}

		/*BANNER*/
		#banner{position:relative; z-index:0; float:right; margin-top:-115px;}

		/*MENU TABS*/
		#menutabs{float:left;}
		#menutabs ul{padding:5px 10px 0px 0px;}
		#menutabs li{list-style:none; display:inline;}		
		#menutabs a,
		#menutabs a.blog {float:left; width:65px; background:url("../imgs/tabs.jpg") no-repeat; padding:5px 5px 4px 0; text-align:center; color:#fff;}		
		#menutabs a.blog { color:#000; background:url("../imgs/tabs_blog.jpg") no-repeat;}
		#menutabs a:hover {float:left;  width:65px; background:url("../imgs/tabs_hover.jpg") no-repeat; text-decoration:none; color:#000;}		
		#menutabs a#current {background:url("../imgs/tabs_hover.jpg") no-repeat;}
		
		
		/*SESSION*/
		#sesion_usuario {padding:3px 0 3px 0; margin:4px 0 0 0;}
		.lbl_usuario { font-weight:bold; color:#fff; text-transform:uppercase;}
		.btn_session {margin: 0 0 0 5px; padding:5px; background-color: #10477a; color:#ccc;}
		.usuariosesion {color:#fff;}
		.usuariosesion a:hover {text-decoration: underline; color:#fff;}

    /*CAPA CONTENEDORA CONTENIDO*/
    #content{margin-bottom:40px; margin-top:10px; overflow:hidden;}

	/*CAPA DESTACADOS*/
	#destacados{/*margin-top:15px;*/ width:100%; margin: 15px 0 20px 0; display:block; width:100%; overflow:hidden;}
	#destacados h1.titulo_destacados, #left_home h1.titulo_destacados, #ListadoInmueblesDiv h1.titulo_destacados { font-size:12px; font-weight:bold; color:#0486fc; margin: 0 0 10px 0;}	
	#destacados ul li {list-style:none; float:left; padding: 0 7px 0 0; margin:0 5px 0 0;}	
	#destacados table img {border: 1px solid #FFF; width:115px; height:115px;}	
	
	/*Tabla unidad destacado*/
	.destacado { width:168px; height:190px; background: url(../imgs/bckgd_destacado.gif) no-repeat; text-align:center;}
	.titulo_destacado { font-size:10px; font-weight:bold; color:#012e57;}
	.txt_destacado {color:#012e57;}
	.precio_destacado { font-size:11px; color:#5aa702; font-weight:bold;}
	
	/*Listado Resultados*/
	.titulo_resultado { font-size:12px; font-weight:bold; color:#0486fc;}
	
	/*Home Interna*/	
	.texto_rojo { font-size:11px; color:#ff3401; font-weight:bold;}
	.lnkbtn { background-color:#012e57; padding:5px; color:#fff;}
	.txt_azul { color:#0486fc;}
	
	 div.top {height:20px; width:100%;}    
  	 img.borde_sup_izq { float:left; }
  	 img.borde_sup_der { float:right; }
	 
	 div.bottom {height:13px; width:100%;}    
  	 img.borde_inf_izq { float: left; }
 	 img.borde_inf_der { float:right; }	
 	 
 	 /*Calendario HomeInterna*/
 	 #calendario {margin-left:15px;} 	 
 	 ul li.mes_calendario {list-style:none; float:left; display:inline;}
 	 .tbl_mes_calendario {border:1px solid #0486fc; background-color:#e3f1fc; height:200px; width:280px; margin-bottom:15px;}
 	 .titulomes { background-color:#012e57; color:#fff; font-size:12px; font-weight:bold;}	 
 	 .titulodies { background-color:#0486fc; color:#fff; font-size:12px; font-weight:bold;}	 
 	 .titulodiapasado {background-color:#c5d8e7; /*padding:1px;*/}
 	 .diareservado {color:#000; background-color:#e2bbbb;}
 	 
 	 /*Calendario InfoApartamento*/ 
 	 #dvcalendario {width:100%;}	 
 	 .tbl_mes_calendario_info {border:1px solid #0486fc; background-color:#e3f1fc; height:200px; width:200px; margin-bottom:15px;}
 	 .calendario_info {}
 	 .calendario_info li {list-style:none; float:left; display:inline; margin: 0 0 0 13px;}  	 
	 
	/*PAGINA INTERIOR APARTAMENTOS*/
	
	/*CAPA CAJA AZUL*/
	.info_apartamento {margin:0 0 40px 0; width:380px;}
	.fotos_apartamento {width:500px; margin-top:6px;}
	.box_azul, 
	.box_azul_short_left, 
	.box_azul_short_right {position:relative; z-index:0; background-color:#ebf3fb; border: 1px solid #a6c3dd; padding: 10px; /*top:10px;*/}
	.contacto {background-color:#ebf3fb; border: 1px solid #a6c3dd; padding: 10px; /*top:10px;*/}
	.medium_left, .medium_left_mapa {float:left;/*width:265px;*/ margin-bottom:25px; width:250px;}
	.medium_left_mapa {width:100%;}
 	.short_right {float:right;/*width:205px;*/ margin-bottom:25px; width:225px;}
	.box_azul{width:358px;}	
	.head_box_azul {position:absolute; z-index:1; background: url(../imgs/head_info_principal.jpg) no-repeat; margin-left:5px; height:45px; width:257px;}
	.head_box_contacto, .head_box_reserva, .head_box_localizacion {position:absolute; z-index:1;  margin-left:5px; height:45px; width:210px;}
	.head_box_contacto {background: url(../imgs/head_contacto.jpg) no-repeat;}
	.head_box_reserva {background: url(../imgs/head_reserva.jpg) no-repeat;}
	.head_box_localizacion {background: url(../imgs/head_localizacion.jpg) no-repeat;}
	/*TABLA INFORMACION PRINCIPAL APARTAMENTO INFO_APARTAMENTO.ASPX*/
	#tb_info_principal {width:348px; text-align:left;}	
	#tb_info_principal th {/*font-size:11px; font-weight:bold; color:#404243;*/height:25px; vertical-align:top;}
	#tb_info_principal td {height:17px;}
	/*TABLA RESTO INFORMACION APARTAMENTO INFO_APARTAMENTO.ASPX*/
	#tb_resto_info {width:380px;}	
	#tb_resto_info tr {height:20px;}
	#tb_resto_info tr.azul {background-color:#ebf3fb; height:20px;}
	.margenizq {padding: 0 0 0 5px;}
	ul.listado_horizontal li {list-style: none; padding-left:20px; font-size:10px; color:#404243; background:url(../imgs/list_correcto.jpg) no-repeat left;}
	/*TABLA CONTACTO*/
	#tb_contacto td {}
	/*TABLA RESERVA*/
	#tblreserva {width:190px;}
	
	/*Acceso Propietarios*/
	.acceso_propietarios {width:205px;}
	.contenido_acceso_propietarios {background:url(../imgs/bckgrd_acceso_propietarios.jpg) repeat-y left; padding: 5px 10px 5px 10px;}
	.destacamos { text-align:center;}
	.registrate { background-color:#ebf3fb; color:#fff; font-weight:bold;}
	
	/*bannerpubli*/
	#bannerpubli {margin:15px 0 0 0;}
	
	/*busqueda referencia*/
	.busquedareferencia { background:#c4d7e7; padding: 3px 2px 3px 0px;}
	#numref {margin: 0 0 0 4px; font-weight:bold;}
	
	/*FOTOGRAFIAS APARTAMENTO*/
	.marco_foto_grande{position:absolute; z-index:1; background:url(../imgs/marco_foto_500.gif) no-repeat;width:500px; height:347px;}
	.foto_grande {position:relative; z-index:0; width:500px; height:347px; margin-bottom:5px;}
	/*.thumbnails {background-color:#ebf3fb; width:498px; padding: 5px 0 5px 0;border: 1px solid #a6c3dd; text-align:center;}*/	
	/*.thumbnails table {margin: 0 auto; text-align: left; width:488px;}
	.thumbnails ul li {display:inline;}
	.thumbnails ul li img {width:70px; height:70px;}*/
			
	
	 /*CLASES PARA DINAMIZAR COLUMNAS*/
	.twocols_left, .twocols_right, .threecols, .twocols  {
	 margin:auto;
	 width:900px;
	 padding-top:10px;
	 overflow:auto;	
	}
	/*DISEŅO A TRES COLUMNAS*/
	.threecols div#left{float:left;width:150px;margin-right:25px;}	
	.threecols div#central{float:left;width:500px;}	
	.threecols div#right{width:200px;float:right;}
	
	.threecols div#left_home{float:left;width:450px; margin-right:15px;}
	.threecols div#central_home{float:left; width:205px; margin-right:15px;}
	.threecols div#right_home{width:205px; float:left;}
	
	/*DISEŅO A DOS COLUMNAS SIN MENUS*/
	.twocols div#left{float:left;width:380px; margin-right:20px;}	
	.twocols div#right{float:right;width:500px;overflow:hidden; top:4px;}
	
	/*DISEŅO A DOS COLUMNAS SIN MENUS HOMEINTERNA*/
	#content div#left_homeinterna{float:left; width:225px; padding: 10px 0 10px 5px; min-height:550px;}
	#content div#gest_propietario {background-color:#e3f1fc; padding:5px; margin: 0 0 15px 0;}
	#content div#publicidad {overflow:hidden;}
	#content div#right_homeinterna{float:right;width:650px; margin-top:10px; overflow:hidden; /*background-color:Green;*/ padding:0px 0 0 0;}
	
	/*DISEŅO A DOS COLUMNAS CON MENU A LA DERECHA
	.twocols_left div#left{float:left;width:120px;padding-top:10px;}
	.twocols_left div#central{float:right;width:717px;padding-top:10px;}
	.twocols_left div#right{visibility:hidden;}/*
	/*DISEŅO A DOS COLUMNAS CON MENU A LA DERECHA
	.twocols_right div#central{float:left;width:600px;padding-left:10px;padding-top:10px;}
	.twocols_right div#right{width:210px;float:right;padding-top:10px;}
	.twocols_right div#left{visibility:hidden;}*/
	
	/*DISEŅO BOX COLUMNAS*/
	.box {width:100%; margin-bottom:10px;}
	
	/*DISEŅO MENUS VERTICALES*/
	ul.nav_vertical li {list-style: none; padding: 2px 0 5px 0; background:url(../imgs/underline_menuvertical.jpg) repeat-x; background-position:bottom;}
	ul.nav_vertical li a{padding-left:10px;}
	ul.nav_vertical li a:hover{color:#3d93e2;background: url(../imgs/flecha_menuvertical.jpg) no-repeat left; padding-left:10px;}
	
	/*DISEŅO BOX AZUL (LOGIN)*/
	.box_gris {background-color:#ededed; margin-bottom:20px;}
	.contenido_box_gris {padding: 0 10px 0 10px;}
	
	/*BUSQUEDA AVANZADA*/
	#busquedaavanzada { background-color:#e3f1fc; overflow:hidden; margin: 6px 0 10px 0; padding: 5px;}	
	
	/*GRIDVIEW INMUEBLES*/
	#gdvInmuebles {border:0 none; }
	.tbl_inmuebles {/*background-color:#33FF66;*/ width:650px; background-color:#f5f9fd; border:1px solid #a6c3dd;}
	.tbl_inmuebles td.foto { width:90px; vertical-align:top;}
	.tbl_inmuebles td.info { width:560px; text-align:center;}
	.tbl_inmuebles img.foto_apartamento { width:90px; height:90px; border:double 3px #a6c3dd; margin: 0 0 5px 0;}
	.conborde { border:1px solid #a6c3dd; background-color:#ebf3fb;}
	ul.acciones li {list-style:none; float:left; padding: 0 5px 0 12px;}
	
	/*estilo lista provincias*/
	#ListadoInmueblesDiv {/*margin: 10px 0 10px 0;*/ display:block; width:100%; overflow:hidden; padding:10px 0 10px 0;}
	#ListadoInmueblesDiv h1 { font-weight:bold; margin: 0 0 5px 0;}
	#ListadoInmuebles li {list-style:none; display:inline; float:left; margin: 0 10px 0 0;}

/*DISEŅO PIE DE PAGINA*/
#footer{text-align:center; background:url(../imgs/bckgrd_pie.jpg) repeat-x; height:230px; bottom:0;}

	#footer ul{padding:7px 0 0 0;}
	#footer li{list-style:none; display:inline; margin-right:15px;}
	#footer p {color:#fff;}
	

/*VALIDACION TEST*/
#valida_test {width:200px; padding: 20px; margin:auto;}

/*PUBLICIDAD*/
#publicidad { border-bottom:1px solid #e1e1dd; border-top: 1px solid #e1e1dd; padding: 10px 0 10px 0; display:block; overflow:hidden;}
#publicidad ul li { list-style:none; display:inline;}
#publicidad ul li.lileft {float:left;}
#publicidad ul li.liright {float:right;}



/*GALERIA DE FOTOS*/
.photo {width:500px; text-align:left; position:relative; margin:0 auto;}

/*.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}*/

/*.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}*/

/*.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}*/

.photo ul li.active a {color:#000; background:#bbb;}
/*.photo ul.topic li.active a
{color:#000; background:#bbb;}*/

.photo ul li a:hover,
.photo ul li:hover a
{color:#fff; background:#aaa;}

.photo ul li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul li
{display:inline; width:162px; height:127px; float:left; border:1px solid #fff; margin:1px;}

.photo ul li a
{display:block; width:160px; height:125px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul li a img
{display:block; width:150px; height:115px; border:5px solid #eee;}

.photo ul li a:hover, 
.photo ul li:hover  
{white-space:normal; position:relative;}

.photo ul li a:hover img, 
.photo ul li:hover img 
{position:absolute; left:-80px; top:-60px; width:350px; height:275px; border-color:#fff;}