body{
	background-color: #CFE7FE;
	font-family: sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #5A5A5A;
}

/* estilos para los enlaces */

a img{
	border: 0px;
}

a{
	text-decoration: none;
	font-weight: bold;
	color: #0C6BD5;
}

a:hover{
	text-decoration: none;
	font-weight: bold;
	background-color: #0C6BD5;
	color: #fff;
}
/* fin estilos para los enlaces */


/* estilos de la capa contenedor */
#contenedor {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background-color: #0C6BD5;
	background-image: url(../imagenes/fondo-izq.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
/* fin estilos de la capa contenedor */

#cabecera{
	background-color: #fff;
	background-image: url(../imagenes/cabecera.jpg);
	background-repeat: no-repeat;
	background-position:right;
	height: 50px;
}

#cabecera h1{
	font-size: 1.5em;
	margin: 5px;
	margin-bottom: 0px;
}

#buscar{
	margin-left: auto;
	z-index: 5;
	margin-right: auto;
	 background-image: url(../imagenes/fondoMaroma.jpg);	
	width: 300px;
	border: 1px solid #0C6BD5;
	padding-left: 10px;
	font-size: small;
}

#tablaBusqueda td{
background : transparent;
}

#tabla_buscar td{
background : transparent;
}

/*
buscar td{
	background-color: #fff;
	font-size: small;
*/
}

#idiomas{
	text-align: right;
	padding: 2px;
	padding-right:10px;
}

#idiomas a{
	color: #fff;
	font-weight: normal;
	font-size: 11px;
}

#izquierda{
	float: left;
	height: 100%;
	padding-top: 10px;
	width: 120px;
	background-color: #0C6BD5;	
}

#contenido{
	margin-left: 121px;
	background-color: #fff;
	padding: 10px;
	padding-bottom: 30px;
	padding-left: 15px;
}

#contenido h2{
	margin: 10px 5px 5px 5px;
	color: #0C6BD5;
	padding-left: 10px;
	border-left: 5px solid #0C6BD5;
	font-size: 21px;
}

#contenido p{
	margin: 5px; 
}

#contenido2{
	margin-left: 121px;
	background-color: #fff;
	padding: 50px;
}

#contenido2 h2{
	margin: 10px 5px 5px 5px;
	color: #0C6BD5;
	padding: 5px;
	font-size: 21px;
}

#contenido2 p{
	margin: 5px; 
}

#contacto{
	padding-top: 15px;
}

#caja{
	float: right;
	border: 1px dotted #0C6BD5;
	margin: 45px 10px 10px 10px;
	background-color: #CFE7FE;
	padding: 5px;
}

/* estilos del menu */
#menu {
	padding: 0 0 10px 0;
	float: left;
	margin-bottom: 58px;
	margin-right: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #F4F4F4;
	border-top: 1px solid #E8F5DF;	
	width: 80px;
  	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 90px;
}

html>body #menu{
	width: 90px;
}

#menu li a {
	display: block;
	padding: 3px 5px 3px 0.5em;
	border-left: 10px solid #000099;
	border-right: 10px solid #A5D1FE;
	background-color: #0C6BD5;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
}
html>body #menu li a {
	width: auto;
}
/*la explicacion original de este hack:
There is one workaround in this part of the style sheet. To make the 
links active for the full width of the DIV, I made them display: block;. 
This works for everything but IE/Windows. If you give the block an 
explicit width of 100%, then IE/Windows plays along. But doing this 
creates problems with IE5/Mac and Netscape/Mozilla. So I used the child 
selector“>” to redefine the width to auto. Since IE/Windows doesn’t 
understand child selectors, it ignores the rule. IE5/Mac, Opera and 
Netscape/Mozilla follow the rule, and everyone is happy. 
(cuando habla de IE/win se refiere a IE5)
*/

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#menu li {
	border-bottom: 1px solid #E8F5DF;
	margin: 0;
}

#menu li a:hover {
	border-left: 10px solid #000099;
	border-right: 10px solid #83C0FE;
	background-color: #0099CC;
	color: #fff;
}
/* fin estilos del menu */

#nueva{
	margin-top: 20px;
	background-color: #CFE7FE;
	border: 1px solid #0099CC;
	padding: 10px;
	background-image: url(../imagenes/fondo-dcha.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#nueva li{
	list-style-position: inside;  
	margin: 0;
   padding: 0;
}

#nueva ul{
	margin-left: 0;
   padding-left: 3em;
}


#pie{
	background-color: #000099;
	background-image: url(../imagenes/florecilla.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
}

#pie p{
	margin: 0px;	
	padding: 5px;
}

#pie a{
	color: #fff;
}

#pie a:hover{
	text-decoration: underline;
	background-color: transparent;
}

/* clear after hack */
#clear{
	clear:both;
	height: 1px;
}
/* fin clear after hack */

/* Estilos necesarios para los listados de propiedades */

#ficha{
	width: 560px;
	float: left;
	border: 1px solid #A5D1FE;
	background-color: #FAFAFA;
	margin-bottom: 10px;
	padding:5px;
	text-align: left;
	font-size: x-small;
	voice-family: "\"}\""; 
 	voice-family:inherit;
	font-size: small;
}
html>body #ficha {
	font-size: small;
}

#ficha h2{
	background-color: #A5D1FE;
	padding: 2px;
	font-size: 14px;
	font-weight: normal;
	color: #5A5A5A;
	margin: 0;
	margin-bottom: 5px;
	border: 0;
	float: left;
	width: 375px;
}
.fotoficha{
	border: 1px solid #A5D1FE;
	float: right;
	width: 156px;
	height: 119px;
	padding: 2px;
	text-align: center;
}

#ficha a img{
	border: 0;
	margin-bottom: 2px;
}

#ficha ul{
	margin: 5px 0 0 0;
	float: left;
	width: 180px;
	padding: 0;
}

#ficha li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#ficha p{	
	margin: 0;
	margin-top: 7px;
	float: left;
	width: 375px;
}

.paginacion a,.paginacion a:hover{
	background-color: #A5D1FE;
	border: 1px solid #D4D4D4;
	padding: 0px 2px 0px 2px;
	color: #3E3E3E;
	text-decoration: none;
}
.paginacion2 a,.paginacion2 a:hover{
	background-color: #fff;
	border: 2px solid #D4D4D4;
	border-top: 2px solid #D4D4D4;
	padding: 0px 2px 0px 2px;
	color: #3E3E3E;
	text-decoration: none;
}	

#pagi{
	float: left;
	margin-top:20px;
	margin-bottom: 20px;
	width: 560px;
	border: 1px solid #A5D1FE;
	background-color: #FAFAFA;
	height:28px;
	padding: 5px 5px 0px 5px;
}

/* Fin estilos necesarios para los listados de propiedades */
/* estilos para popup de detalle */
#tabla_mdetalle{
	margin-left: 0px;	
	margin-top: 5px;
	margin-right: 6px;
	font-family: sans-serif;
	width: 20%;
	float: left;
}

#tabla_mdetalle td,tr{
	background-color: #fff;
	color:#3E3E3E;
}

#tabla_mdetalle h3{
	color: #fff;
	margin: 3px;
	padding: 2px;
	font-size: 90%;
}

#tabla_mdetalle th{
	border: 1px solid  #DAE0EA;
	background-color: #ccc;
}

#tabla_mdetalle td{
	border: 1px solid  #DAE0EA;
	font-size: 70%;
}

#img_detalle{
	float: right;
}

.fotog{
	border: 1px solid #ccc;
}

.fotito{
	margin: 3px;
	margin-bottom: 10px;
	border: 1px solid #339966;
}

.fotito:hover{
	border: 1px solid #fff;
}
/* fin estilos para popup de detalle */

/* estilos para pagina de detalle */

.volver{
	margin: 15px 0;
	border-bottom: 1px solid #0C6BD5;
	font-size: 115%;	
}

#tabladatos{
	margin: 15px 0;
	width: 80%;
	border: 1px solid #0C6BD5;
}

#tabladatos td,th{
	padding:3px;
	border: 1px solid #0C6BD5;
	text-align: left;
}

#tabladatos td strong{
	font-weight: bold;
}

#solicitar{
	margin: 25px 0;
}

#solicitar a{
	margin: 15px 0;
	border: 1px solid;
	padding: 5px 20px;
}

/* fin estilos para pagina de detalle */