/* AGMarketing */


/************************ ETIQUETAS ************************/
body{
	background:#f5efdc center top no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:gray;
}
a{
	color:inherit;
	text-decoration:none;
}
hr{
	height:0px;
	width:100%;
	border:none;
	border-bottom:7px solid #c5b48b;
	margin:5px 0px;
	padding:0;
}
label{
	cursor:pointer;
}

#logo{
	background: url(../img/logo.png) no-repeat center center;
}

#sitio{
	background: url(../img/logo-banner-superior-2.png) no-repeat top right;
}

#sidebar .precio{
	background: #e5d2a2;
	padding:5px;
	margin:10px;
	margin-top:5px;
	font-size:24px;
	color:#C00;
	font-weight:bold;
	text-align:center;
}
#sidebar .table{
	font-size: 14px;
	border-bottom: 1px solid #C00;
	margin: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #C00;
	display: table;
	width: 240px;
}
#sidebar .table div{
	display: table-cell;
}
#sidebar .table div:last-child{
	font-weight:bold;
	text-align: right;
}


/************************ CLASES ************************/
.bloque{
	background: #e5d2a2;
	padding:5px;
}
.bloque p{
	color:gray;
}
.bloque p strong{
	text-transform:uppercase;
}
.bloque th{
	color:red;
	font-weight:bold;
}
.titulo{
	background: red;
	margin: 5px 0;
	padding: 5px;
	font-size: 16px;
	color: white;
	padding-left: 10px;
	width: 875px;
	font-weight: bold;
}
.titulo:after{
	content: '';
	float: right;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 10px solid red;
	margin-top: -5px;
	margin-right: -15px;
}
.titulo.amarillo{
	background: #f6c73a;
	color:black;
}
.titulo.amarillo:after{
	border-left: 10px solid #f6c73a;
}
.bag{
	padding:5px;
	background:#7EA4C9;
	border-radius:5px;
	color:white;
}


/************************ CABECERA ************************/
#logo{
	width:260px;
	height:200px;
	display:block;
}
#buscador-ref{
	position:absolute;
}


/************************ CABECERA ************************/
#menu{
	background:red;
	text-transform:uppercase;
	text-align:center;
}
#menu a{
	color:white;
	display:block;
	padding:10px 5px;
	text-decoration:none;
}
#menu a:hover,
#menu a.activo{
	color:red;
	background:white;
}
#menu a:active{
	color:black;
	background:#C00;
}

#banner img {
    max-width: 625px;
    max-height: 300px;
    height: 300px;
    width: 625px;
}
#banner {
    text-align: center;
	margin: 5px;
	background: white;
	border: 1px solid gray;
	padding: 4px 5px;
	display: table-cell;
	height: 308px;
	width: 630px;
	vertical-align: middle;
}



/************************ SITIO ************************/
#sitio{
	width:900px;
	margin:auto;
}



/************************ BLOQUES PROPIEDADES ************************/
.bloque-propiedad{
	background: #e5d2a2;
	padding:0;
	margin-bottom:5px;
}
.bloque-propiedad .imagen{
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	padding:5px;
	border:0;
	height:150px;
	display:block;
}
.bloque-propiedad .sub-titulo{
	text-align: center;
	background: red;
	padding: 5px;
	color: white;
	font-size:10px;
	height:23px;
	text-transform:uppercase;
}
	.bloque-propiedad .dorms {
		text-align: center;
		color: black;
		font-size: 12px;
		padding: 3px;
	}
	.bloque-propiedad .texto {
		padding: 5px;
		height: 120px;
		text-align: justify;
		font-size: 10px;
		color: #7a5c11;
	}
.bloque-propiedad .sub-titulo:after{
	/*content: '';
	float: right;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 10px solid red;
	margin-top: -14px;
	margin-right: -15px;	*/
}
.bloque-propiedad p{
	margin: 5px 0;
}
.bloque-propiedad small{
	font-size:9px;
	margin-top:10px;
}
.bloque-propiedad .precio{
	background:#f6c73a;
	font-weight:bold;
	color:#C00;
	margin: 2px -2px;
	padding: 5px;
	font-size:12px;
	height:26px;
	text-align:center;
}
	.bloque-propiedad .ref {
		font-weight: bold;
		color: black;
		padding: 5px;
		text-align: center;
		height:50px;
	}



/************************ PIE DE PAGINA ************************/
#footer{
	background: white;
	text-align:center;
	color:black;
	text-transform:uppercase;
	font-size:10px;
	padding:10px;
	padding-bottom:0;
}
#footer div{
	padding-bottom:10px;
}
#footer a{
	color:gray;
}.titulo-tabla {
	background-color: #F00;
	margin: 5px;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}


.contacto input, .contacto textarea {
	width: 100%;
	border: 1px solid black;
	border-top: none;
	margin: 5px 0;
	padding: 2px 0px;
	background: rgba(255, 255, 255, 0.5);
}