@CHARSET "ISO-8859-1";

body
{
	margin: 0;
	padding: 0;
	font: normal 12px Arial,Helvetica,sans-serif;
}

a{
	text-decoration:none;
	color:#7B68EE;
}

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

/**************
 FLASH MESSAGES
 **************/
#messageContainer{
	padding:5px;
	background:#D7D7D7;
	position:absolute;
	margin:20px auto;
	width:600px;
	z-index:5687;
}

#message {
	color:black;
	font-size:13px;
	padding:0;
}

#message.info{
    background:#A4A6DB;
}
#message.warning{
	background:#FAF67C;
}
#message.error{
	color: #00FFDD;
    background:#CD2B39;
}

#message .icon{
	float:left;
	width:26px;
	padding: 5px 17px 5px 5px;
}

#message .icon img{
	width:100%;
}

#message .content{
	float:left;
	width:420px;
	padding: 10px 0px 10px 0px;
}
#message .buttonClose{
	float:right;
    cursor:pointer;
	width:0px; 
    height:0px;	    
    padding: 0px;
    margin:0;
}
#message .buttonClose img{		
	width:30px; 
    height:30px;
    padding:0;
    margin:-18px 0 0 -14px;
}	

.portlet{

}

.portlet-decoration
{
	background:transparent url(../images/portletdecorationback.png) no-repeat center center;
	padding: 12px 0px 8px 15px;
	width:186px;height:20px;
}

.portlet-title
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0;
	color:#FFFFFF;
}

.portlet-content
{
	margin: 1px 0 15px 0;
	padding: 0px;
	background:transparent;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 1px;
	background:none;
}

.operations li a
{
	background:#FFF;
	color:#3E3E3E;
	display:block;
	margin:0;
	padding:10px 0 10px 15px;
	border-bottom:1px solid #00E5EE;
	text-decoration:none;
}

.operations li a:visited
{
	color: #3E3E3E;
}

.operations li a:hover
{
	background: #FAFAF6;
}


.list-view .empty{
	font-size:14px;
	padding:20px;
	margin:10px 10px;
	display:block;
}


 div.sliderContainer{
	margin:0 auto;
	border:2px solid #000;
	background:#FFF;
	padding:3px;
 }

 div.formularioDeContacto{
	float:left;
	margin-top:0px;
 }
 div.otrosMediosDeContacto{
	float:right;
	margin:40px 20px 0 0;
	width:360px;
 }

 #categoriasAdminGrid{
 	width:500px;
 }
 #categoriasAdminGrid table.items td{
 	font-size: 14px;
 	padding: 6px 6px 6px 15px;
 }
 #categoriasAdminGrid table.items td img{
 	padding: 0px 4px;
 }
 #categoriasAdminGrid table.items th{
 	font-size: 16px;
 	font-weight: bold;
 	padding: 6px 13px;
 }
 
 #categoriasAdminGrid div.pager{
 	text-align: left;
 	margin: 15px 0px 0 0;
 	padding: 15px 0 0;
 }
 #categoriasAdminGrid div.pager ul{
	margin:10px 0 0 0;
	display:block;
 }
 #categoriasAdminGrid div.pager a{
	float:left;
	margin:0px 2px 8px;
	padding:6px 8px;
	font-size:14px;
 }
 

/*
 * PAGINAS DE INFORMACION 
 * Estilos para las paginas de informacion: inicio, acerca nuestro y contactenos
 */
 
 div.informationPage p{
 	font-size: 14px;
 	color:#FFF;
 	line-height:18px;
 }
 div.informationPage a{
 	color:#E52F36;
 	text-decoration: underline;
 }
 div.informationPage ul{
 	margin: 5px 0;
 	padding: 0 0 0 30px;
 }
 div.informationPage ul li{
 	padding: 0 0 4px 0;
 	color:#000;
 }
 div.informationPage ul li span{
 	font-style:italic;
 	font-size:15px;color:#fff; /*Pongo un span para que el circulito no tome el color :)*/
 }
 
/*
 * INMUEBLES 
 */
 
 div.alquilado, div.inmuebleViewUltimosInmuebles.alquilado, div.inmuebleView.alquilado{
 	background: url("../images/alquiladoback.png") repeat;
 }
 div.vendido, div.inmuebleViewUltimosInmuebles.vendido, div.inmuebleView.vendido{
 	background: url("../images/vendidoback.png") repeat;
 }
 
 div.inmueblesList{
 	margin: 0 0 15px 0;
 }
 
 div.inmueblesList div.summary{
 	text-align: right;
 	margin: 0px 32px 0;
 	padding: 15px 0 15px;
 	font-size:12px;
 }
 
 div.inmueblesList div.pager{
 	text-align: left;
 	width:580px;
 	margin: 0 auto;
 }
 div.inmueblesList div.pager ul{
	margin:10px 0 0 0;
	display:block;
 }
 div.inmueblesList div.pager ul li.selected a{
	background: #EE3B3B;
	color:#FFF;
	border-color: #000;
 }
 div.inmueblesList div.pager a{
	float:left;
	margin:0px 2px 8px;
	padding:6px 8px;
	font-size:14px;
	border: 1px solid #999;
	color:#555;
 }
 div.inmueblesList div.pager a:hover{
	border-color: #000;
 }
 
 div.caja{width: 580px;margin:0;}
 div.caja div.cajaHeader{
	background: url('../images/caja_header.png');
	height: 11px;
 }
 div.caja div.cajaBody{
	background: url('../images/caja_body.png') repeat-y;
	padding: 0px 15px;
 }
 div.caja div.cajaFooter{
	background: url('../images/caja_footer.png');
	height: 14px;
 }

/*
 * IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!!
 * IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!!
 * Ojo que algunos de los siguientes estilos tambien se usan en album/manageImages cuando se muestran datos del inmueble
 * IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!!
 * IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!! IMPORTANTE!!!
 */
 
div.inmuebleView{
	margin:0 auto 30px;
	border: 5px solid #99CCFF;
	padding:5px 15px 10px 15px;
	width:550px;
	background: white;
}

div.inmuebleView span.noPublicado{
	margin: 0px 15px;
	display:block;
	clear:both;
	text-align: center;
}

div.inmuebleView span.codigo,
div.inmuebleView span.fechaPublicacion,
div.inmuebleView span.visitas{
	display:block;
	float:left;
	color: #858585;
	font-size: 12px;
	margin:3px 0px 10px 0;
}

div.inmuebleView span.titulo1{
	display:block;
	font-size: 18px;
	font-weight: bold;
	color: #473C8B;
	margin:0px 0 15px;
}
div.inmuebleView span.titulo2{
	display:block;
	font-size: 13px;
	color: #111111;
	text-transform: uppercase;
	margin:10px 0;
}

div.inmuebleView div.detalles{
	float:left;
}
div.inmuebleView span.detalle{
	display:block;
	font-size: 12px;
	color: #E92921;
	margin: 0 0 5px 0;
}

div.inmuebleView div.precio{
	float:right;
}
div.inmuebleView span.precio{
	display:block;
	text-align:right;
	padding:0px;/*5px 8px;*/
	font-size: 18px;
	font-family: Tahoma,Geneva,sans-serif;
	font-weight: normal;
	color: #111;
	margin:30px 0px 0px 0;
	background: none;
}

div.datosDeVenta{
	margin: 15px 10px 0;
	text-align:center;
	font-size: 14px;
	font-style: italic;
	color: #003366;
}

div.inmuebleView div.imagenContainer{
	float:right;
	padding:0;margin:0px;
}
div.inmuebleView div.imagenContainer img{
	border:1px solid #EEE;
	padding:4px;
	background: #F7F7F7;
	width:150px;
	margin:0;
}
div.inmuebleView div.imagenContainer img:hover{
	border:1px solid #000;
}
div.inmuebleView div.imagenContainer span.shadow{
	background: url("../images/images-shadow.png") no-repeat scroll right bottom transparent;
	height:10px;
	display:block;
}

div.inmuebleView div.imagenContainer span.texto{
	display:block;
	text-align:center;
	margin:3px 0 0 0;padding:0;border:none;
	color:#999;
	font-size: 10px;
	position:relative;top:-8px;
}

div.masInfoContainer{
	margin: 0 0 20px 0;
}

div.inmuebleView div.botonesContainer{}
div.inmuebleView div.botonesContainer a{
	color:#333;
	background:url(../images/buttonvermasback.png) repeat-x #F3F3F3 ;
	width:230px;height:35px;
	display:block;
	padding:0;margin:0;
	line-height:35px;
	border: 1px solid #AAA;
	font-weight: bold;
	text-align:center;
}
div.inmuebleView div.botonesContainer a:hover{
	border-color:#333;
}

div.avisoSobreAcciones{
	color:red;
	width:560px;
	margin: 0 auto 10px;
}




/*
 * 
 * VISTA PARA IMPRIMIR
 *
 */

div.inmueblePrintView{
	margin:0 auto;padding:0;
	width:800px;
}

div.inmueblePrintView span.noPublicado{
	margin: 0px 15px;
	display:block;
	clear:both;
	text-align: center;
}

div.inmueblePrintView span.codigo{
	display:block;
	float:left;
	color: #858585;
	font-size: 12px;
	margin:0px 0px 10px 0;
}

div.inmueblePrintView span.fechaPublicacion{
	float:left;
	display:block;
	color: #858585;
	/*text-align:right;*/
	font-size: 12px;
	margin:0px 0 0px;
}
div.inmueblePrintView span.titulo1{
	display:block;
	font-size: 30px;
	text-align:center;
	font-weight: bold;
	color: #473C8B;
	margin:0px 0 15px;
}
div.inmueblePrintView span.titulo2{
	display:block;
	text-align:center;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	margin:10px 0;
}

div.inmueblePrintView div.detalles{
}
div.inmueblePrintView span.detalle{
	display:block;
	font-size: 16px;
	color: #111;
	margin: 0 0 8px 0;
}
div.inmueblePrintView p.detalle{
	display:block;
	font-size: 16px;
	color: #111;
	margin: 0 0 15px 0;
}

div.inmueblePrintView span.precio{
	display:block;
	text-align:center;
	padding:0px;/*5px 8px;*/
	font-size: 24px;
	font-family: Tahoma,Geneva,sans-serif;
	font-weight: normal;
	color: #111;
	margin:10px 0;
	background: none;
}

div.inmueblePrintView div.imagenContainer{
	padding:0;margin:0px;
}
div.inmueblePrintView div.imagenContainer img{
	border:5px solid #ccc;
	padding:0px;
	background: #F7F7F7;
	width:370px;
	margin:0;
}

/* 
 * ACCIONES EN EL LISTADO
 */
div.inmuebleListadoActions{
	padding:0 0 0 300px;
}

div.inmuebleListadoActions table{
	margin:0;padding:0;
	border: 1px solid #CCC;
	border-bottom:none;
}

div.inmuebleListadoActions span{
	margin:0 0 0px 4px;
}
div.inmuebleListadoActions a{
	margin:0;padding:0;border:none;
}
div.inmuebleListadoActions img{
	margin:0;padding:0;border:none;
	cursor:pointer;
}