/* CSS Document */

article { width: 100%; padding: 0px; } 


div#fondopaisaje {
	width: 100%;
	background: url(/images/fondos_header/default.jpg) no-repeat center; background-size: cover; -moz-background-size: cover;
	padding: 0px;
}
div#intro { width: 100%; max-width: 1100px; padding: 10px 5px; margin: 0px auto; }
div#mapa { width: 200px; height: 200px; float: right; cursor: pointer; margin-left: 10px; }
section#buscador { width: 70%; margin-top: 0px; }
@media screen and (max-width: 460px){
div#mapa { float: none; margin: 0px auto; }
section#buscador { width: 100%; }
}

 
div#mesizq, div#mesdch { width: 50%; float: left; padding: 5px 10px; }

label { margin-top: 10px; font-size: 14px; color: white; }

input.formulario { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; width: 100%; border-radius: 3px; }

input.buscar { background-color: #3C4ACC; color: #9CDAEC; padding: 10px; font-size: 14px; font-weight: bolder; border: none; margin: 5px auto; display: block; border-radius: 3px; }
	input.buscar:hover {  background-color: #9CDAEC; color: #232323;cursor: pointer; }
	input.buscar:disabled { background-color: #575759; color: #313131; cursor: not-allowed; }


div#buscar_referencia { float: right; }
	div#buscar_referencia input { float: left; display: inline-block; padding: 5px; margin: 0px 5px; }
		div#buscar_referencia input[type=text] { width: 100px; }

div#viajeros { float: left; margin-right: 10px; }
div#boton_buscar { float: left; width: auto; }
@media screen and (max-width: 460px)
{
	div#buscar_referencia { float: right; width: 100%; }

	div#mesizq, div#mesdch { width: 100%; }
	div#boton_buscar { float: right; margin-top: 10px; }
}

div.tipo { background-color: gray; color: #232323; padding: 5px; cursor: pointer; float: left; margin: 5px; border-radius: 3px; width: 156px; text-align: center; }
	div.tipo:hover { background-color: #3C4ACC; color: #9CDAEC; } 

section#recomendados { color: gray; max-width: 1100px; padding: 10px 5px; margin: 0px auto; }
div.resultado { width: 25%; float: left; padding: 10px; border-radius: 5px; }
	div.resultado:hover { background-color: #666; }
div.contenido_resultado { cursor: pointer; width: 100%; }
div.imagen_anuncio { background: center no-repeat; background-size: cover; -moz-background-size: cover; border-top-right-radius: 5px; border-top-left-radius: 5px; }

@media screen and (max-width: 460px)
{
	div.resultado { width: 50%; }
}

p.titulo { height: 24px; overflow: hidden; font-size: 13px; font-weight: bold; text-align: justify; text-transform: capitalize; }
a.titulo { color: gray; }

a.disimulado { text-decoration: none; }

p.subtitulo { height: 44px; text-overflow: ellipsis; overflow: hidden; text-align: justify; font-size: 13px; } 
p.direccion { font-size: 12px; height: 14px; text-overflow: ellipsis; overflow: hidden; }

section#anuncio_registrate { color: gray; max-width: 1100px; padding: 10px 5px; margin: 0px auto; }

div.columna_informacion { float: left; width: 50%; padding: 0px 12px; }

@media screen and (max-width: 460px)
{
	div.columna_informacion { float: none; width: 100%; padding: 0px 12px; }
}


div#interiorfondopaisaje { width: 100%; max-width: 1100px; margin: 0px auto; }
div#visitas { font-size: 12px; color: #3C4ACC; float:right; margin-right: 20px; margin-top: 4px; font-style: italic; }
@media screen and (max-width: 460px)
{
	div#visitas { margin-right: 1px; margin-top: 1px; width: 1px; height: 1px; overflow: hidden; }
}