/*Media Querys*/
@media screen and (max-height:450px){
	header{
		position: static;
	}   
}


@media screen and (min-width:431px){
	#contenedor {
		max-width: none;
	}
	#logo ~ p { color: #b8860b;
	}
	header {
		max-height: 118px;
	}
	.portada_img{vertical-align: middle;
		width: 46%;
	}
	.portada_div {display: inline;
	}
	.oculto { position: absolute;
	}
	.movil{
		display:none;
	}
	.caja_gral img {width:50%;
	}
	
	.leerMas{
		display: inherit;
	}
	#leerMas{
		display: none;
	}
	.boton_a{
		width: 35%;
	}
	.info_m{
		display: none;
	}
	.portada_datos{
		    bottom: 5px;
	}
	.redes {
		right: initial;
		top: 40px;
    	left: 185px;
	}
	.redes i {
		color: #b8860b;
	}
}
@media screen and (min-width:515px){
	.lista > li {float: left;
	}
	#ppal img {
	display: block;
	}
	.tienda {
	font-size: 16px;
	}
	.cerrar {
		display: inherit;
	}	
}
@media screen and (min-width:500px){
	#contact{
	flex-direction: row;
    -webkit-flex-direction: row;
	}
	.a{
	order: 3;
    -webkit-order: 3;
	}
	.b{
	order: 2;
    -webkit-order: 2;
	}
	.c, .d {
	flex-basis: 100%;
	}
}
@media screen and (min-width:660px){     
	.caja_gral {width:70%; 
	}
	.caja_lat{
		width:22%;
		float: right;
	}
	.boton_a{
		width: 98%;
	}
	.redes {
		left: initial;
    	right: 2%;
		top: 60px;
	}
}
@media screen and (min-width:887px){
	.menu {display: none;
	}
	nav {top: 65px;
		left: 4px;
		position: absolute;
	}
	.portada_img { width: 21% 
	}
	.lista > li { background-color: transparent ;
	}
	.lista {
		overflow: visible; 
		display: inline;
	}
	.enlace_nav {color: white;
		font-family: 'dosismedium', 'capsuularegular', "Trebuchet MS", "Tahoma";
		font-size: 21px;
	}
	.enlace_nav:hover { border-bottom: 1px solid white;
    } 
	.enlace_marcado {border-bottom: 1px solid white;
    }
	#buscar {right: 0%;
		left: initial;
	}
	#buscan { 
		top: 60%;
		left: 93%;
		width: 30px;
	}
	#buscan {
	color: #b8860b;
	}
	.abbr3 { right: 0;
		left: 90px;
	}
	.contacto{
		vertical-align: middle;
	}
	.contacto_mas {
		display: inline;
		vertical-align: middle;
	}
	.contacto_mas p {
		padding-top: 5px;
	}

	#portada {margin-top: 100px;
	}
	.redes {
		top: 68px;
    	right: 8%;
	}
}
@media screen and (min-width:1400px){
	.portada_img { width: 16% 
	}
}