@charset "utf-8";
/* CSS Document */
* {margin:0px ; padding:0px ; border: 0px}

body {font:10px Verdana, Arial, Helvetica, sans-serif;}

a {color: #FFFFFF;   text-decoration: none; }
a:link {}
a:visited {}
a:hover {color: #0066CC; text-decoration:none;}
a:active {}

h4 {color: #0099FF;}

#global {
		width: 920px;
		height: 100%;
		margin: 4px auto;
}

#cabecera {
		width: 920px;
		height: auto;
		margin: 4px auto;
}

#izquierda {
		width: 730px;
		padding: 0 10px 0 0;
		height: auto;
		float:left;
}

#izq-cabecera {
		width: 730px;
		height: auto;
		float:left;
		padding: 0 0 10px 0;
}

#izq-izq {
		width: 130px;
		height: auto;
		float:left;
}

#izq-der {
		width: 590px;
		padding: 0 0 0 10px;
		height: auto;
		float:left;
}

#izq-izq-index {
		width: 180px;
		height: auto;
		float:left;
}

#izq-der-index {
		width: 530px;
		padding: 0 0 0 20px;
		height: auto;
		float:left;
		font:12px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
}

#propiedades {
		width: 590px;
		height: auto;
		float:left;
		padding:10px 0 10px 0;
		border-bottom:  #999999 1px solid;
}
.propiedades {
		width: 590px;
		height: auto;
		float:left;
		padding:10px 0 10px 0;
		border-bottom:  #999999 1px solid;
}

#derecha {
		width: 180px;
		height: auto;
		float:left;
		

}

#destacado {
		width: 180px;
		height: auto;
		font:9px Verdana, Arial, Helvetica, sans-serif;
		/*float:left;*/
		padding: 5px 0 5px 0;
		border-bottom: #999999 1px solid;
		text-align:center;
		margin:0 auto;
}

#fin {
		width: 920px;
		height: auto;
		margin: 4px auto;
		float:left;
}

#menu {
    float:left;
    width:180px;
    height:auto;
	padding:0 0 10px 0;
}

ul {
    list-style-type:none; /*con esto quitamos las viñetas*/
    margin:0; /*le quitamos el margen a la lista*/ 
    padding:0; /*y el relleno*/
}
li {
    margin:0; /*le quito el margen al elemento de la lista*/ 
    float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
li a {
    display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	border-bottom:  #FFFFFF 2px solid;
    background-color: #0099FF; /*algo de color*/ 
    color: #FFFFFF; /*mas*/ 
    width:180px; /*defino el ancho del rectangulo del vinculo*/
    padding:4px 0 5px 20px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
    text-decoration:none; /*elimino el subrayado del vínculo*/ 
    font-weight:bold; /*decoración*/ 
    text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}
li a:hover {
    background-color: #0066CC; /*decoración para el evento hover (mouse encima)*/ 
	color: #FFFFFF; /*mas*/
}

#caracteristicas {
		width: 700px;
		height: auto;
		float:left;
		padding:10px 0 10px 0;
		border-bottom:  #999999 1px solid;
}

#vistas {
		width: 200px;
		height: auto;
		float:left;
		padding:10px 0 0 20px;
}