@charset "utf-8";
/* CSS Document */

/* NOTA: DE 1169px en adelante se ve perfecta sin media queries. */
#main-menu > li.parent > a{
    color: darkgrey;
}

@media  (min-width: 992px) and (max-width: 1196px) {

	section#products div div p {
	    margin-left: 2% !important;
	}

	section#products div div {
	    padding-right: 1%;
	}
	
	section#products div div {
	    padding-right: 4%;
	}

	section#products div div img {
	    width: 12%;
	    margin-top: 187px;
	}
}




@media (min-width: 749px) and  (max-width: 991px) {
	section#story div > .body {
	    padding: 0px !important;
	}

	section#contacto div:last-child {
	    padding-top: 0px !important;
	}
	section#contacto div:last-child form {
	    margin: 30px auto 0px !important;
	}
	section#contacto div:last-child {
	    padding-bottom: 18px !important;
	}
	section#contacto div:last-child form, section#contacto div:last-child p {
	    width: 95% !important;
	}
	section#video div div:first-child button {
	    margin-top: 140.5px !important;
	}
	.edad{ padding:1px; width:100% !important; height:90px; font-size:48px; background-color:black; border:3px solid white; text-align:center; margin-top:20px; font-family:"desdemon"; }
}




@media  (min-width:0px) and (max-width: 748px) {
    .logomovil{
        display: block;
    }
    .logohidden{
        display: none;
    }
	

	.logo_sm img{ width:100% !important; padding-top:20px; }
	.texto_disclaimer{font-size:12px !important}
	section#products div div p {
	    font-size: 35pt !important;
	}
	section#products div div img {
	    width: 12%;
	    margin-top: 228px;
	}
	
	.display{display:none}
	
	
header#header div div > nav ul li {
	font-size: 7pt !important;
	padding:5px !important;
	margin-left:20px;
	
	
}

header#header .titulos {
	padding-left: 10%;
	padding-top: 40px !important

}
.borroso{display:none}

section#story div > .body {
	padding-left: 20px !important;
	padding-right: 20px !important;
	font-family: "Garamond-Regular";
	font-size: 16px;
	font-color: #808080;
}

.item3 div:first-child {
   width:100% !important;
    border-right: none !important;
   
}
    

.porque2{text-align:center !important}

section#lista-imagenes div {
	width:100% !important;
}

#jlocator .autocomplete {
  
    width: 270px !important;
	margin: 5px 5px 35px 0px !important
   
}
section#contacto div form input:nth-child(2) {
    width: 100% !important;
}

section#contacto div form input:nth-child(3) {
    width: 100% !important;
}
}



/*
*			FOOTER
*/
@media (min-width: 511px) and (max-width: 991px) {
		.importer{width:100% !important; }
	.importer img{margin-bottom:20px; margin-left:40px}
	
.contenedortoggle{width:90% !important; position:relative; margin:auto; margin-bottom:70px; min-height:50px; text-transform:uppercase}

	.alaska2{display:block !important; text-align:left !important}
	
	
.alaska p{color:#898989;font-family: "Garamond-Regular"; font-size:12px !important; margin:0px !important}
.back{padding:5px 0px 2px 5px; height:35px;  font-weight:bolder}
.alaska{height:50px}
	footer#footer div div:first-child img {
	    margin-left: 0px !important;
	}
	footer#footer div div:first-child {
	    text-align: center !important;
	}
	footer#footer div div:last-child div {
		text-align: center !important;
		padding-top: 0px !important;
	    padding-left: 0px !important;
	}
	footer#footer div div:first-child a {
	    margin-right: 25px !important;
	    margin-left: 25px !important;
	}
	
}

@media (min-width: 0px) and (max-width: 510px) {
	
	
	
	footer#footer div div:first-child img {
	    margin-left: 0px !important;
	    margin-top: 40px;
	}
	footer#footer div div:first-child {
	    text-align: center !important;
	}
	footer#footer div div:last-child {
	    padding-top: 50px !important;
	    padding-left: 0px !important;
	    text-align: center;
	}
	footer#footer div div:last-child div {
		/*text-align: center !important;*/
		padding-top: 0px !important;
	    padding-left: 0px !important;
	}
	footer#footer div div:first-child a {
	    margin-right: 3px !important;
	    margin-left: 3px !important;
	}
	footer#footer div div:last-child form input:first-child {
	    width: 80% !important;
	}
	

	
	
	.alaska2{display:block !important; text-align:left !important}
.alaska:hover  .alaska2{display:block; text-align:left}


.alaska p{color:#898989;font-family: "Garamond-Regular"; font-size:12px; margin:0px !important}
.back{padding:5px 0px 2px 5px; height:35px;  font-weight:bolder}
.alaska{height:130px}

.contenedortoggle{width:90% !important; position:relative; margin:auto; margin-bottom:70px; min-height:50px; text-transform:uppercase}

.h2{background-image:url(../images/find_us/flechaup.png); background-repeat:no-repeat; background-position:80%; cursor:pointer}
.contenedortoggle h2{display:none !important}

.importer{width:100% !important; }
	.importer img{margin-bottom:20px; margin-left:40px}
	
	.titulo_findus{
	font-family: "Garamond-Bold";
	color: #d4ab26;
	text-align: center;
	font-size: 23px !important;
}
	

	
}