/* overflow */
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	margin-top:0;
	/*background: url(../images/fondo.gif);*/
	line-height:160%;

}

h1 {
	font-size:12px;
	font-weight:bolder;
	color: #EA530B;

}
h2 {
	font-size:14px;
	font-weight:bold; 
}

h3 {
	font-size:18px;
	font-weight: normal; 
}
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

table {
	font-family:verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:11px;
	color:#666666;
	border-collapse:collapse;
}

form {
	margin:0;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid;
	border-color:#bfbfbf #f6f6f6 #f6f6f6 #bfbfbf;
}

/*-----------------GENERALS-------------------------*/


#contenedor{
text-align: left; 
width: 700px;
background:#FFFFFF

} 

#cabecera{ 
background: transparent url(../images/top.jpg) no-repeat;
background-position:center;
background-color:#000;
height : 300px; 
width: 700px;
color:#000;
font-weight:bold;
float:right; 
}
#logo{ 
/*background: transparent url(../images/logo.jpg) no-repeat; */
height : 106px; 
width: 185px;
color:#FFFFFF;
font-weight:bold;
float:left; 
background-color:#F2F2F2;

}

#cabecera2 h1 { 
    margin: 0px 0px 0px 0px; 
} 
#cabecera2 h1 span { 
    display:none; 
} 

#navegador{
height:15px;
padding : 3px 10px 5px 10px; 
border-top : 1px solid #000; 
border-bottom : 1px solid #000;

} 

#cuerpo{ 
width:450px; 
margin-left: 8px; 
margin-right: 8px;
padding: 12px 0px 10px 0px; 
background-color: #FFFFFF; 
float:right; 
}

#lateral{
width: 180px;
height:320px;
background-color: #F4F4F4; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #cccccc; 
float:left;
text-align:center;
}

#navabajo{ 
font-weight : bold;
} 

#pie{ 
clear : both; 
color : #cccccc; 
text-align :center; 
margin : 10px 20px 10px 10px; 
padding-bottom:10px; 
padding-top:10px;
border-top:#CCCCCC thin dotted;
} 
/*Con "clear:both" indicamos que la capa debe mostrarse sin elementos flotando a izquierda y derecha, de modo que la posición de la capa será inmediatamente por debajo de la capa cuerpo y lateral. */
#borde{ 
border: 4px solid   #999; 
text-align: left; 
width: 700px; 
margin: auto;
background:#FFFFFF;
}
/*____MENÚ __________________________________________________________________*/

#navi{
	list-style:none;
	margin:0;
	padding:0;

}
#navi li {
	margin:2px;
	padding:2px;
	border:1px solid#CCCCCC;
	float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	/*background :  url(../images/fondonav.jpg);*/

}
#navi li a {

	display:block; /*Convertimos el vínculo en un bloque.*/
	width:170px;
	padding:5px 0 0 10px;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color: #F7B122;
	border-left:10px solid   #000; /*Agrego un borde ancho a la izquierda*/
	/*background :  url(../images/fondonav.jpg);
	background-position:bottom;*/
	background-color:#F5F5F5;

}

/*Ahora vamos con el hover:*/
#navi li a:hover {
	color:#000;
	/*background :  url(../images/fondonav.jpg);
	background-position:top;*/
	background-color:#F5F5F5;
	border-left-color: #FFCC00; /*Luego le cambio el color al borde en el evento hover.*/

}

#home{
	list-style:none;
	margin:0;
	padding:0;

}
#home li {
	margin:2px;
	padding:2px;
	border:1px solid#CCCCCC;
	float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
	/*background :  url(../images/fondonav.jpg);*/

}
#home li a {

	display:block; /*Convertimos el vínculo en un bloque.*/
	width:40px;
	padding:5px 0 0 10px;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color: #F7B122;
	border-left:10px solid   #000; /*Agrego un borde ancho a la izquierda*/
	/*background :  url(../images/fondonav.jpg);
	background-position:bottom;*/
	background-color:#F5F5F5;


}

/*Ahora vamos con el hover:*/
#home li a:hover {
	color:#000;
	/*background :  url(../images/fondonav.jpg);
	background-position:top;*/
	background-color:#F5F5F5;
	border-left-color: #FFCC00; /*Luego le cambio el color al borde en el evento hover.*/

}


/*--------------------------LINKS----------------------------*/

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ 
color: #666; font-size:11px; text-decoration:none; text-align:left; font-weight:bold;
} 

A.enlacenav:HOVER{ 
color: #F7B122; 
} 

a.enlacepie, a.enlacepie:VISITED, a.enlacepie:ACTIVE, a.enlacepie:FOCUS, a.enlacepie:LINK{ 
color: #666; font-size:11px; text-decoration:none;
} 

a.enlacepie:HOVER{ 
color: #EA530B; 
} 

.enlaceboton, .enlaceboton:link{     
   font-size: 10px; 
   font-weight: bold; 
   padding: 4px; 
   background-color: #F3F3F3; 
   color: #666; 
   text-decoration: none;

} 
 


/*----------------------imatges---------------------------------*/
.alquilado{
background:#CC0000;
border:#CC0000 dotted  medium;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:2px;

}

.titlat{ 
background-color: #CCC; 
color:#ffffff; 
font-size:8pt; 
text-transform : uppercase; 
padding: 7px 3px 7px 8px; 
font-weight : normal; 
letter-spacing : 2px; 
margin: 0px 0px 8px 0px; 
} 

.cuerpolateral{ 
padding: 5px 4px 13px 10px; 
} 

/*Caja de buscar
Los elementos que hemos definido en la hoja de estilos para este pequeño formulario son los siguientes*/ 
INPUT { 
font-size : 8pt; 
} 
/*Con ello definimos que los campos de texto tienen un tamaño de letra de 8 puntos.*/
#fbuscar form{ 
margin-bottom : 0px; 
margin-top : 0px; 
} 
/*El formulario, que está situado dentro de la capa fbuscar, no debe tener márgenes, ni arriba ni abajo. */
#campotexto{ 
float: left; 
}
/*La capa "campotexto", donde está el campo de texto, hemos definido que debe "flotar" a la izquerda. */
#campotexto input{ 
width:100px; 
} 
/*El input que hay dentro de la capa campotexto debe tener 100 pixels de ancho. */
#botonbuscar { 
padding-top : 3px; 
padding-left: 106px; 

} 
#botonbuscar input{ 
border : 0px none;
background : url(../images/go1.gif);
background-repeat:no-repeat;
}

#botonbuscar input a {
background :  url(../images/go1.gif);
background-position:bottom;
}

#botonbuscar input a:hover {
background :  url(../images/go1.gif);
background-position:top;
}

.radio{ 
clear:both; 
} 

#otras ul{ 
margin : 5px 10px 0px 0px; 
padding: 0px 0px 0px 4px; 
list-style: none; 
} 

#otras li{ 
padding-left: 14px; 
background: transparent url('../images/bullet1.gif') 0 2px no-repeat; 
margin-bottom: 10px; 
} 
#foto1{ 
	width:298px; 
	padding:0px 20px 20px 0px;
	float:left;
}
#fotos-piso-alquiler{
	width:220px; 
	padding:0px 20px 20px 0px;
	float:left;
}#fotos-piso-alquilerbajos{
	width:220px; 
	padding:20px 20px 20px 0px;
	float:left;
}
.elseparador{
	width:100%;
	clear:left;
	height:35px;
}
.apartamentos{
	margin-bottom:15px;
	height:261px;
	padding-top:15px;
}
.bajos{
	height:20px;
	margin-top:20px;
	width:440px;
	float:right;
}
.contenedor-apartamentos{
	margin-left:20px;
}
.padding_fotos {
	padding:5px 5px 5px 5px;
	border:#CCCCCC 1px solid;
}

.fondo_degrad {
filter:Alpha(Opacity=100, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100%, FinishY=0)
}

/*--degradado------------
Filter:Alpha([Opacity], [FinishOpacity], [Style], [StartX], [StartY], [FinishX], [FinishY])

Opacity: Determina cuan opaco es el color predominante en el comienzo del degradado.
FinishOpacity: Determina cuan opaco es el color predominante en el final del degradado.
Style: Determina que efecto degradé vamos a utilizar.
StartX, StartY, FinishX, FinishY: Determinan si el degradé es horizontal o vertical.*/