@charset "utf-8";

.outer{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.menucelda{
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 10px;
}	
#menu {
	font-family:  "Arial Black", Gadget, sans-serif;
    font-style: italic;
	font-size:14px;
	width: 200px;
	text-indent: 8px;
	}

#menu ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#menu li a {
	height: 32px;
	text-decoration: none;
	padding: 0px 0 0px 10px;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background: url(http://www.inmobiliariaberasueta.com/Imagenes/menum.gif);
	background-repeat:no-repeat;
	}
	
#menu li a:hover {
	color: #FFF;
	background: url(http://www.inmobiliariaberasueta.com/Imagenes/menum.gif) 0 -32px;
	background-repeat:no-repeat;
	}
	
#menu li a:active {
	color: #FFF;
	background: url(http://www.inmobiliariaberasueta.com/Imagenes/menum.gif) 0 -64px;
	background-repeat:no-repeat;
	}

.bdy {
	font-family:Arial, Helvetica, sans-serif
}
.texto {
	font-weight: bold;
	text-align: center
}
.titulo {
	background: url(titu_izda.gif) no-repeat top left;
	font-weight: bold;
	background-color: #000098;
	text-align: center;
	color: #FFF
}
.encabezado {
	font-weight: bold;
	text-align: center;
	color: #000098;
	font-size: 28px;

}
.titulo2 {
	font-weight: bold;
	background-color: #000098;
	font-size: 24px;
	color: #FFF
}
H1 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 2px;
	margin-top: 2px;
}
H2 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.titulofin2 {
	background-color: #000098;
}
.titulofin {
	background: url(titu_dcha.gif) no-repeat top right; 
	background-color: #000098
	}
.numeracion {
	font-size: 16px;
	font-weight: bold;
	color: #FFF}
.numeracion A:link {COLOR: #FFF; TEXT-DECORATION: none}
.numeracion A:visited {COLOR: #FFF; TEXT-DECORATION: none}
.numeracion A:hover {COLOR: #06F; TEXT-DECORATION: underline}


.direccion {
	font-weight: bold;
	font-size: 22px;
	color: #FFF;
	padding-top:0px
	
}
.direccion A:link {COLOR: #FFF; TEXT-DECORATION: none}
.direccion A:visited {COLOR: #FFF; TEXT-DECORATION: none}
.direccion A:hover {COLOR: #06F; TEXT-DECORATION: underline}

.titulo3 {
	color: #CCC;
	text-align:center;
	font-size:20px;
	font-weight:700;
	font-style:italic;
	background: url(titu2_izda.gif) no-repeat bottom left;
	background-color:#06F
}
.titulo3fin {
	background: url(titu2_dcha.gif) no-repeat bottom right;
	background-color:#06F;
}
.precio {
	font-weight: bold;
	font-size: 22px;
	color: #FFF;
    padding: 10px 0px 0px 0px
	
}
.precio A:link {COLOR: #FFF; TEXT-DECORATION: none}
.precio A:visited {COLOR: #FFF; TEXT-DECORATION: none}
.precio A:hover {COLOR: #06F; TEXT-DECORATION: underline}

.preciochico {
	font-size: 14px
	
}.titulo {
	font-weight: bold;
	color: #06F;
	font-size: 18px
}

div.top {
	height:20px; 
	background-image:url(top_line.gif); 
	background-repeat: repeat-x; 
	margin:0 0 0 0;
	border:0;
	padding:0;
	width:100%;
	}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right;}


div.content { 
	background-image:url(left_line.gif); 
	background-repeat:repeat-y; 
	background-color: #000098; }
	
div.boxcontrol { padding:0 0 0 0; 
	background-image:url(right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:20px; 
	background-image:url(btm_line.gif); 
	background-repeat:repeat-x; 
	margin:0 0 0 0;
	border:0;
	padding:0;
	width:100%

}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }


/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { margin-left:-3px;  }
* html img.esquina_inf_der, * html img.esquina_sup_der { margin-right:-3px; }