@charset "UTF-8";

@font-face {
    font-family: "Museo300";
    src: url("Museo300-Regular.otf");
}
@font-face {
    font-family: "Museo500";
    src: url("Museo500-Regular.otf");
}
@font-face {
    font-family: "Museo700";
    src: url("Museo700-Regular.ttf");
}
@font-face {
    font-family: "Museo900";
    src: url("Museo900-Regular.otf");
}
.w-100.centro {
	text-align:center;
}

#barraaceptacion {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	color:#000000;
	z-index:99999;
}
		.inner  {
	display:none;
		    margin: auto;
		    position: relative;
		    top: 0px;
		    height: auto;
			overflow:hidden;
		    width: 100%;
		    text-align:center;
		    background-color: #003B56;
			padding-left:20px;
			padding-right:20px;
			padding-bottom:15px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
		}
		.inner  p {
		    line-height:24px;
		    font-size:17px;
		    text-align:center;
			padding-top:15px;
			color:#FFFFFF;
		}
.inner a.ok {padding:4px 30px;color:#E68402; background-color:#FFFFFF; text-decoration:none;
font-size:16px; clear:both; text-align:center;}
.inner a.info {padding-left:5px;text-decoration:none;color:#E68402; font-size:19px;}



* {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Museo300";
	background-color:#FFFFFF;
	color: #3E3E3F;
}

rosa{
	color: #D22051;
}

negrita{
	font-family: "Museo900";
}

azul{
	color:#009EE0;
}

rojo{
	color: #D1232A;
}

hr {
    display: block;
	width: 150px;
    height: 1px;
    border: 0;
    border-top: 2px solid #D22051;
    margin: 5px 0 10px 0;
    padding: 0;
}

header{
	width:100%;
}

/* ------------ CABECERA --------- */
#cabecera{
	width:960px;
	margin: 0 auto;
	height:100px;
}
#cabizda{
	width: 210px;
	height: 100px;
	float: left;
}
#cabizda img{
	width: 210px;
	height: auto;
}
#cabdcha{
	width: 650px;
	height: 100px;
	float: left;
	margin-left: 100px;
}
#cabtop{
	width: 300px;
	height: 20px;
	line-height: 20px;
	margin: 15px 0px;
	text-align: right;
	float: right;
	clear: both;
	font-family: "Museo900";
	font-size: 20px;
}
#cabtop .bloq{
	float: left;
	border-right: 1px solid #3E3E3F;
	padding: 0px 7px;
}
#cabtop a{
	color: #836B84;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#cabtop a:hover{
	color: #D22051;
}
#menusuperior{
	display: none;
}
#menu{
	clear: both;
	width: 650px;
	height: 20px;
	line-height: 20px;
	padding-top: 20px;
	position: relative;
	z-index: 99999;
}
/** ------------MENU---------------------- **/

.toggleMenu {
    display: none;
	color: #003B56;
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.nav .opcion{
	color: #836B84;
	float: left;
	text-decoration: none;
	line-height: 20px;
	font-size:15px;
	padding: 0px 7px;
	text-align:center;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
.nav .opcion a{
	text-decoration: none;
	color: #836B84;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
.nav .opcion a:hover{
	color:#D22051;
}
.nav .opcionsub{
	text-decoration: none;
	padding-left:10px;
	padding-right:0px;
	padding-top:8px;
	height:30px;
	line-height: 17px;
	font-size:15px;
	color: #836B84;
	background-color:#FFFFFF;
	text-align:left;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
.subul{
	margin-top: 45px;
}
.nav span{
	visibility:hidden;
}
.nav {
     *zoom: 1;
	list-style:none;
}
.nav a{
}
.nav a:hover{
}
.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
	width: 280px;
	z-index:2;
}
.nav li {
    position: relative;
	z-index:2;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 200px;
    top: 0;
}
.nav li li a {
}
.nav li li a:hover {
}
.nav li li li a {
	color:#FFFFFF;
    z-index:200;
}
.nav li li li a:hover {
    background: #FFFFFF;
	color:#ff8300;
}

/* ***************** SLIDER *************** */


/* ***************** BLOQUE TRUST *************** */
#trust{
	width: 960px;
	margin: 30px auto 0px auto;
	overflow: hidden;
	text-align: center;
	height: auto;
}
#trust img{

}
#trust h3{
	color: #D22051;
	font-family: "Museo500";
	font-size: 28px;
	line-height: 150%;
	padding: 8px 0px 15px 0px;
}
#trust p{
	font-size: 24px;
	font-family: "Museo300";
	padding: 3px 0px;
	color: #836B84;
}
#trust span{
	font-family: "Museo500";
}
#trust #botones{
	width: 725px;
	overflow: hidden;
	margin: 0px auto;
	padding: 20px 0px;
}
#trust #botones img{
	display: block;
	float: left;
	width: 50px;
	height: auto;
	margin: 0 10px 0 15px;
	padding-top: 8px; 
}
#trust #botones .btnrojo{
	display: block;
	float: left;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-left: 50px;
	margin-right: 5px;
	padding: 5px 50px;
}
#trust #botones .btnrojo2{
	display: block;
	float: left;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #FFFFFF;
	background-color:#D22051;
	font-size: 16px;
	margin-right: 60px;
	padding: 5px 50px;
}

/* ***************** BLOQUE GRIS *************** */
#bloqueGris1{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(../img/fondogris.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EEECEC;
	padding-bottom: 30px;
}
#bloqueGris1 #bG1{
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}
#bloqueGris1 #bG1 #image{
	float: left;
	width: 360px;
	margin-right: 60px;
}
#bloqueGris1 #bG1 #image img{
	width: 360px;
	height: auto;
}
#bloqueGris1 #bG1 #txt2{
	float: left;
	width: 540px;
	padding-top: 80px;
}
#bloqueGris1 #bG1 h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#bloqueGris1 #bG1 p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}
#bloqueGris1 .btnrojo{
	display: block;
	clear: both;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 10px;
}

/* ***************** BLOQUE BLANCO *************** */
#bloqueBlanco1{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-bottom: 30px;
}
#bloqueBlanco1 #bB1{
	width: 960px;
	margin: 0 auto;
	padding-top: 40px;
}
#bloqueBlanco1 #bB1 #image{
	float: left;
	width: 360px;
	margin-left: 60px;
}
#bloqueBlanco1 #bB1 #image img{
	width: 360px;
	height: auto;
}
#bloqueBlanco1 #bB1 #txt2{
	float: left;
	width: 540px;
}
#bloqueBlanco1 #bB1 h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#bloqueBlanco1 #bB1 p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}
#bloqueBlanco1 .btnrojo{
	display: block;
	clear: both;
	width: 130px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 10px;
}

/* ***************** BLOQUE GRIS2 *************** */
#bloqueGris2{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #EEECEC;
	padding-bottom: 30px;
}
#bloqueGris2 #bG2{
	width: 960px;
	margin: 0 auto;
	padding-top: 40px;
}
#bloqueGris2 #bG2 #image2{
	float: left;
	width: 400px;
	margin-right: 20px;
}
#bloqueGris2 #bG2 #image2 img{
	width: 400px;
	height: auto;
}
#bloqueGris2 #bG2 #txt2{
	float: left;
	width: 540px;
}
#bloqueGris2 #bG2 h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
	border-left-width: 50px;
}
#bloqueGris2 #bG2 h3{
	font-size: 32px;
	padding: 10px 0px 20px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#bloqueGris2 #bG2 p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}
#bloqueGris2 .btnrojo{
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 5px 10px;
}
#bloqueGris2 .btnrojo2{
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #FFFFFF;
	background-color:#D22051;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 5px 10px;
}

/* ***************** BLOQUE IMAGEN *************** */
#bloqueImg{
	clear: both;
	/*width: 1500px;
	height: 309px;*/
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/imagen-i+d+i.jpg);
}
#bloqueImg #bI1{
	width: 960px;
	margin: 0px auto;
	color: white;
	text-align: center;
}
#bloqueImg #bI1 h2{
	font-size: 64px;
	padding: 150px 0px 0px 0px;
	font-family: "Museo900";
}
#bloqueImg #bI1 p{
	font-size: 26px;
	padding: 3px 0px 3px 0px;
	font-family: "Museo500";
}
#bloqueImg #bI1 .btnrojo2{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #FFFFFF;
	background-color:#D22051;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 10px;
}
#bloqueImg #bI1 img{
	margin-top: 50px;
}

/* ***************** BLOQUE MARCAS *************** */
#marcas{
	width: 960px;
	margin: 0px auto;
}
#marcas h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#marcas p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}

#marcasgr{
	margin: 20px 0px 80px 0px;
	overflow: hidden;
}
#marcasgr img{
	width: 170px;
	height: auto;
	float: left;
	display: block;
	padding: 0px 10px;
	border-right:1px solid #836B84;
}


/* ************* MEMORIA************ */
#franja{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/memoria.jpg);
	background-position: center;
}
#franja2{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/situacion.jpg);
	background-position: center;
}
#franja3{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/cultivo.jpg);
	background-position: center;
}
#franja4{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/silvestre.jpg);
	background-position: center;
}
#franja5{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../imagenes/valdelagusta.jpg);
	background-position: center;
}
#franja6{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/cinta.jpg);
	background-position: center;
}
#franja7{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/oficina.jpg);
	background-position: center;
}
#franja8{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/champi.jpg);
	background-position: center;
}

#memoria{
	width: 860px;
	margin: 20px auto;
}
#memoria h2{
	font-size: 40px;
	padding: 10px 0px 5px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#memoria h3{
	clear: both;
	font-size: 32px;
	padding: 10px 0px 5px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#memoria p{
	margin: 10px 0px;
	line-height: 150%;
}
#memoria #imgs{
	width: 640px;
	margin: 20px auto 0px auto;
	overflow: hidden;
}
#memoria #imgs .foto{
	float: left;
	width: 300px;
	height: 260px;
	margin: 10px;
}
#memoria #imgs .foto img{
	width: 300px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 0.8;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#memoria #imgs .foto img:hover{
	opacity: 1;
}
#memoria #imgs .foto p{
	font-size: 90%;
	text-align: center;
}

#memoria .marca, #memoria .marca2{
	width: 100%;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
}
#memoria .marca img, #memoria .marca2 img{
	float: left;
	width: 300px;
	height: auto;
}
#memoria .marca p{
	float: left;
	width: 500px;
	margin-left: 60px;
	padding-top: 20px;
}
#memoria .marca2 p{
	float: left;
	width: 500px;
	margin-right: 60px;
	padding-top: 20px;
}
#memoria .marca3{
	width: 100%;
	margin: 50px 0px 30px 0px;
	overflow: hidden;
}
#memoria .marca3 img{
	float: left;
	width: 300px;
	height: auto;
	margin: 0px 65px;
}

#memoria #imgsola{
	width: 478px;
	margin: 30px auto 50px auto;
	box-shadow: 0px 0px 20px #967F86;
}
#memoria h5{
	font-size: 18px;
	line-height:140%;
	font-family: "Museo900";
	color:#D22051;
}
#memoria a{
	color:#967F86;
	font-family: "Museo500";
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#memoria a:hover{
	color:#D22051;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}

#memoria .noticia{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #967F86;
}
.noticia img{
	float: left;
	width: 320px;
	height: 260px;
	box-shadow: 0px 0px 10px #967F86;
	margin: 5px;
}
.noticia .nottxt{
	float: left;
	margin-left: 60px;
	width: 470px;
	height: 260px;
	padding-top: 20px;
}
.noticia .nottxt p{
	margin: 10px 0px;
	line-height: 150%;
}
.noticia .nottxt titulo{
	font-size: 17px;
	line-height:140%;
	font-family: "Museo900";
	color:#D22051;
}
.noticia .nottxt em{
	font-size: 90%;
	font-style: italic;
}

#memoria #envases{
	width: 810px;
	margin: 20px auto 0px auto;
	overflow: hidden;
}
#memoria #envases #envaseimg{
	clear: both;
	width: 100%;
	overflow: hidden;
	height: auto;
}
#memoria #envases #envaseimg a{
	float: left;
	font-size: 32px;
	padding-bottom: 10px;
	padding-top: 4px;
	color: #D22051;
	font-family: "Museo900";
}
#memoria #envases #envaseimg img{width: 180px; height: auto; padding-left: 20px; float: left;}
#memoria #envases .envase{
	float: left;
	width: 250px;
	height: 230px;
	margin: 10px;
}
#memoria #envases .envase img{
	width: 250px;
	height: 170px;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 1;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#memoria #envases .envase img:hover{
	opacity: 1;
}
#memoria #envases .envase p{
	font-size: 90%;
	text-align: center;
}

#memoria #marcasenvases{
	margin: 20px 0px;
	overflow: hidden;
}
#memoria #marcasenvases img{
	float: left;
	display: block;
	width: 21%;
	margin: 0px 2%;
	height: auto;
}

#memoria #tabla{
	margin: 30px 0px;
}
#memoria #tabla table {
	clear: both;
	display: block;
	margin-bottom: 10px;
	background-color: #D22051;
	width: 100%;
}
#memoria #tabla table tr #tipo {
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	width: 22%;
	background-color: #D9D7CF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#memoria #tabla table tr #tipo em {
	text-transform: none;
	font-size: 11px;
	font-weight: 300;
}
#memoria #tabla table tr #cantidad {
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 10%;
	background-color: #D9D7CF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#memoria #tabla table tr #cantidad em {
	text-transform: none;
	font-size: 10px;
	font-weight: 300;
	display: block;
	margin-top: -5px;
}

#seta{
	margin: 20px 0px;
	overflow: hidden;
}
#seta img{
	display: block;
	margin: 10px auto;
	width: 100%;
	height: auto;
}
#seta p{
	margin: 10px 0px;
	line-height: 150%;
}
#seta ul{
	padding-left: 20px;
	list-style: none;
}
#seta h4{
	padding-top: 20px;
	font-size: 18px;
	line-height:140%;
	font-family: "Museo900";
	color:#D22051;
}

#setass{
	margin: 20px 0px;
	overflow: hidden;
}
#setass .setaind{
	float: left;
	width: 195px;
	height: 170px;
	margin: 10px;
}
#setass .setaind img{
	width: 195px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 1;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#setass .setaind img:hover{
	opacity: 1;
}
#setass .setaind p{
	font-size: 90%;
	text-align: center;
}

#setass2{
	margin: 20px 0px;
	overflow: hidden;
}
#setass2 .setaind{
	float: left;
	width: 250px;
	height: 180px;
	margin: 10px;
}
#setass2 .setaind img{
	width: 250px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 1;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#setass2 .setaind img:hover{
	opacity: 1;
}
#setass2 .setaind p{
	font-size: 90%;
	text-align: center;
}

/* ************* FOOTER ************ */
footer{
	width:100%;
	background-color:#967F86;
}
#pie{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	overflow:hidden;
	color:#FFFFFF;
	font-family: "Museo500";
}
#pie a{
	color:#FFFFFF;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#pie a:hover{
	color:#D22051;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#piemenu{
	float:left;
	width:25%;
	height:210px;
	border-right: 1px solid #FFFFFF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#piemenu .menuopcion{
	font-size:15px;
	line-height:150%;
}
#piemenu .peq{
	font-size: 75%;
	font-family: "Museo300";
}

#pietwitter{
	float:left;
	width:18%;
	margin-left: 2%;
	height:210px;
	font-size: 24px;
	border-right: 1px solid #FFFFFF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#pietwitter h4{
	font-family: "Museo300";
}

#pieface{
	float:left;
	width:18%;
	margin-left: 2%;
	height:210px;
	font-size: 24px;
	border-right: 1px solid #FFFFFF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#pieface h4{
	font-family: "Museo300";
}

#piedireccion{
	float:left;
	width:35%;
	height:210px;
	text-align:right;
}
#piedireccion p{
	line-height:140%;
	font-size: 14px;
}
#piedireccion h5{
	font-size: 15px;
	line-height:140%;
	font-family: "Museo900";
}


@media screen and (max-width: 960px) {
/* ------------ CABECERA --------- */
#cabecera{
	width:100%;
	margin: 0 auto;
	height:100px;
}
#cabizda{
	width: 210px;
	height: 100px;
	float: left;
}
#cabizda img{
	width: 210px;
	height: auto;
}
#cabdcha{
	width: 275px;
	height: 100px;
	float: right;
	margin-left: 0px;
}
#cabtop{
	width: 275px;
	height: 20px;
	line-height: 20px;
	margin: 15px 0px;
	text-align: right;
	float: right;
	clear: both;
	font-family: "Museo900";
	font-size: 20px;
}
#cabtop .bloq{
	float: left;
	border-right: 1px solid #3E3E3F;
	padding: 0px 7px;
}

#menu{
	display:none;
}

#menusuperior{
	width: 100%;
	display:block;
}
/** ------------MENU---------------------- **/

.toggleMenu {
    display:  none;
	color: #836B84;
	background: #FFFFFF;
	border-top:solid 1px #836B84;
	border-bottom:solid 1px #836B84;
	width:100%;
	height:40px;
	line-height:40px;
}
.nav #empresa, .nav #briquetas, .nav #utilidades, .nav #cama, .nav #contacto{
	width: 100%;
	margin-right: 0px;
	border-top:solid 1px #836B84;
	border-bottom:solid 1px #836B84;
	border-right:none;
	text-transform: uppercase;
	line-height: 200%;
}
.nav #empresa a, .nav #briquetas a, .nav #utilidades a, .nav #cama a, .nav #contacto a{
	background-image: none;
	background: #FFFFFF;
	border-right:none;
	color:#836B84;
	width:100%;
	text-align:left;
	padding-left:20px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
.nav #empresa a:hover, .nav #briquetas a:hover, .nav #utilidades a:hover, .nav #cama a:hover, .nav #contacto a:hover{
	background-image: none;
	width:100%;
	color:#D22051;
}
#submenu {
	width: 100%;
	height:30px;
	line-height: 30px;
    z-index:200;
	background-color: #FFFFFF;
	color:#836B84;
	border-top:solid 1px #836B84;
	border-bottom:solid 1px #836B84;
	font-size:80%;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#submenu a {
	width: 100%;
    z-index:200;
	font-size:100%;
	border-bottom:none;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	text-align: left;
	padding-left:10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#submenu a:hover {
	color:#D22051;
}
.nav {
}
.nav a{
}
.nav a:hover{
}
.nav span{
	visibility: visible;
}
.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
	width: 100%;
	z-index:2000;
}
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.nav li {
    position: relative;
	z-index:2000;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 164%;
    top: 0;
}
.nav li li a {
}
.nav li li a:hover {
}
.nav li li li a {
    background: #ff8300;
	color:#FFFFFF;
    z-index:200;
	width: 500px;
}
.nav li li li a:hover {
    background: #FFFFFF;
	color:#ff8300;
	}


/* ***************** BLOQUE TRUST *************** */
#trust{
	width: 100%;
	margin: 30px auto;
	overflow: hidden;
	text-align: center;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#trust img{
	width: 100%;
	height: auto;
}
#trust h3{
	color: #D22051;
	font-family: "Museo500";
	font-size: 28px;
	line-height: 150%;
	padding: 8px 0px 15px 0px;
}
#trust p{
	font-size: 24px;
	font-family: "Museo300";
	padding: 3px 0px;
	color: #836B84;
}
#trust span{
	font-family: "Museo500";
}

/* ***************** BLOQUE GRIS *************** */
#bloqueGris1{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(../img/fondogris.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EEECEC;
	padding-bottom: 30px;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#bloqueGris1 #bG1{
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}
#bloqueGris1 #bG1 #image{
	float: left;
	width: 35%;
	margin-right: 5%;
}
#bloqueGris1 #bG1 #image img{
	width: 100%;
	height: auto;
}
#bloqueGris1 #bG1 #txt2{
	float: left;
	width: 60%;
	padding-top: 80px;
}
#bloqueGris1 #bG1 h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#bloqueGris1 #bG1 p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}
#bloqueGris1 .btnrojo{
	display: block;
	clear: both;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 10px;
}

/* ***************** BLOQUE BLANCO *************** */
#bloqueBlanco1{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-bottom: 30px;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#bloqueBlanco1 #bB1{
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
}
#bloqueBlanco1 #bB1 #image{
	float: left;
	width: 35%;
	margin-left: 5%;
}
#bloqueBlanco1 #bB1 #image img{
	width: 100%;
	height: auto;
}
#bloqueBlanco1 #bB1 #txt2{
	float: left;
	width: 60%;
}
#bloqueBlanco1 #bB1 h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#bloqueBlanco1 #bB1 p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}
#bloqueBlanco1 .btnrojo{
	display: block;
	clear: both;
	width: 110px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 10px;
}

/* ***************** BLOQUE GRIS2 *************** */
#bloqueGris2{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #EEECEC;
	padding-bottom: 30px;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#bloqueGris2 #bG2{
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
}
#bloqueGris2 #bG2 #image2{
	float: left;
	width: 38%;
	margin-right: 2%;
}
#bloqueGris2 #bG2 #image2 img{
	width: 100%;
	height: auto;
}
#bloqueGris2 #bG2 #txt2{
	float: left;
	width: 60%;
}
#bloqueGris2 #bG2 h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
	border-left-width: 50px;
}
#bloqueGris2 #bG2 h3{
	font-size: 32px;
	padding: 10px 0px 20px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#bloqueGris2 #bG2 p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}
#bloqueGris2 .btnrojo{
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 5px 10px;
}
#bloqueGris2 .btnrojo2{
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #FFFFFF;
	background-color:#D22051;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 5px 10px;
}

/* ***************** BLOQUE IMAGEN *************** */
#bloqueImg{
	clear: both;
	/*width: 1500px;
	height: 309px;*/
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/imagen-i+d+i.jpg);
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#bloqueImg #bI1{
	width: 100%;
	margin: 0px auto;
	color: white;
	text-align: center;
}
#bloqueImg #bI1 h2{
	font-size: 64px;
	padding: 150px 0px 0px 0px;
	font-family: "Museo900";
}
#bloqueImg #bI1 p{
	font-size: 26px;
	padding: 3px 0px 3px 0px;
	font-family: "Museo500";
}
#bloqueImg #bI1 .btnrojo2{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #FFFFFF;
	background-color:#D22051;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 10px;
}
#bloqueImg #bI1 img{
	margin-top: 50px;
}

/* ***************** BLOQUE MARCAS *************** */
#marcas{
	width: 100%;
	margin: 0px auto;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#marcas h2{
	font-size: 32px;
	padding: 0px 0px 0px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#marcas p{
	font-size: 16px;
	padding: 15px 0px 5px 0px;
}

#marcasgr{
	margin: 20px 0px 80px 0px;
	overflow: hidden;
}
#marcasgr img{
	width: 170px;
	height: auto;
	float: left;
	display: block;
	padding: 0px 10px;
	border-right:1px solid #836B84;
	margin: 5px 0px;
}
	
	


/* ************* MEMORIA************ */
#franja{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/memoria2.jpg);
	background-position: left;
}
#franja6{
	clear: both;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(../img/cinta.jpg);
	background-position: center;
}
	
#memoria{
	width: 100%;
	margin: 20px auto;
	padding: 0px 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#memoria h2{
	font-size: 40px;
	padding: 10px 0px 5px 0px;
	color: #D22051;
	font-family: "Museo900";
}
#memoria h3{
	font-size: 32px;
	padding: 10px 0px 5px 0px;
	color: #D22051;
	font-family: "Museo900";
	clear: both;
}
#memoria #imgs{
	width: 640px;
	margin: 20px auto 0px auto;
	overflow: hidden;
}
#memoria #imgs .foto{
	float: left;
	width: 300px;
	height: 260px;
	margin: 10px;
}
#memoria #imgs .foto img{
	width: 300px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 0.8;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}

#memoria .marca, #memoria .marca2{
	width: 100%;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
}
#memoria .marca img, #memoria .marca2 img{
	float: left;
	width: 40%;
	height: auto;
}
#memoria .marca p{
	float: left;
	width: 55%;
	margin-left: 5%;
	padding-top: 0px;
}
#memoria .marca2 p{
	float: left;
	width: 55%;
	margin-right: 5%;
	padding-top: 0px;
}
#memoria .marca3{
	width: 100%;
	margin: 50px 0px 30px 0px;
	overflow: hidden;
}
#memoria .marca3 img{
	float: left;
	width: 40%;
	height: auto;
	margin: 0px 5%;
}

#memoria #imgsola{
	width: 478px;
	margin: 30px auto 50px auto;
	box-shadow: 0px 0px 20px #967F86;
}

#memoria .noticia{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #967F86;
}
.noticia img{
	float: left;
	width: 38%;
	height: 260px;
	box-shadow: 0px 0px 10px #967F86;
	margin: 5px;
}
.noticia .nottxt{
	float: left;
	margin-left: 5%;
	width: 55%;
	height: 260px;
	padding-top: 20px;
}

#memoria #envases{
	width: 100%;
	margin: 20px auto 0px auto;
	overflow: hidden;
}
#memoria #envases .envase{
	float: left;
	width: 250px;
	height: 230px;
	margin: 10px;
}
#memoria #envases .envase img{
	width: 250px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 0.8;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}

#memoria #marcasenvases{
	margin: 20px 0px;
	overflow: hidden;
}
#memoria #marcasenvases img{
	float: left;
	display: block;
	width: 21%;
	margin: 0px 2%;
	height: auto;
}

#memoria #tabla{
	margin: 30px 0px;
}
#memoria #tabla table {
	clear: both;
	display: block;
	margin-bottom: 10px;
	background-color: #D22051;
	width: 100%;
}
#memoria #tabla table tr #tipo {
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	width: 34%;
	background-color: #D9D7CF;
}
#memoria #tabla table tr #tipo em {
	text-transform: none;
	font-size: 11px;
	font-weight: 300;
}
#memoria #tabla table tr #cantidad {
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 11%;
	background-color: #D9D7CF;
}
#memoria #tabla table tr #cantidad em {
	text-transform: none;
	font-size: 10px;
	font-weight: 300;
	display: block;
	margin-top: -5px;
}

#seta{
	margin: 20px 0px;
	overflow: hidden;
}
#seta img{
	display: block;
	margin: 10px auto;
	width: 100%;
	height: auto;
}
#seta p{
	margin: 10px 0px;
	line-height: 150%;
}
#seta ul{
	padding-left: 20px;
	list-style: none;
}
#seta h4{
	padding-top: 20px;
	font-size: 18px;
	line-height:140%;
	font-family: "Museo900";
	color:#D22051;
}

#setass{
	margin: 20px 0px;
	overflow: hidden;
}
#setass .setaind{
	float: left;
	width: 195px;
	height: 170px;
	margin: 10px;
}
#setass .setaind img{
	width: 195px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 0.8;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#setass .setaind img:hover{
	opacity: 1;
}
#setass .setaind p{
	font-size: 90%;
	text-align: center;
}

#setass2{
	margin: 20px 0px;
	overflow: hidden;
}
#setass2 .setaind{
	float: left;
	width: 250px;
	height: 180px;
	margin: 10px;
}
#setass2 .setaind img{
	width: 250px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 0.8;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
#setass2 .setaind img:hover{
	opacity: 1;
}
#setass2 .setaind p{
	font-size: 90%;
	text-align: center;
}
	
#memoria iframe{
	width: 100%;
	height: 400px;
}
}


@media screen and (max-width: 520px) {
/* ------------ CABECERA --------- */
#cabecera{
	width:100%;
	margin: 0 auto;
	height:100px;
}
#cabizda{
	width: 210px;
	height: auto;
	float: none;
	margin: 0px auto;
}
#cabizda img{
	width: 210px;
	height: auto;
}
#cabdcha{
	width: 275px;
	height: auto;
	float: none;
	margin: 0px auto;
}
#cabtop{
	width: 275px;
	height: 20px;
	line-height: 20px;
	margin: 15px 0px;
	text-align: right;
	float: right;
	clear: both;
	font-family: "Museo900";
	font-size: 20px;
}
#cabtop .bloq{
	float: left;
	border-right: 1px solid #3E3E3F;
	padding: 0px 7px;
}
}

@media screen and (max-width: 700px) {

/* ***************** BLOQUE GRIS *************** */
#bloqueGris1{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EEECEC;
	padding-bottom: 30px;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#bloqueGris1 #bG1{
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}
#bloqueGris1 #bG1 #image{
	float: none;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}
#bloqueGris1 #bG1 #image img{
	width: 100%;
	height: auto;
}
#bloqueGris1 #bG1 #txt2{
	float: left;
	width: 100%;
	padding-top: 10px;
}

/* ***************** BLOQUE BLANCO *************** */
#bloqueBlanco1{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-bottom: 30px;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#bloqueBlanco1 #bB1{
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
}
#bloqueBlanco1 #bB1 #image{
	float: none;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}
#bloqueBlanco1 #bB1 #image img{
	width: 100%;
	height: auto;
}
#bloqueBlanco1 #bB1 #txt2{
	float: left;
	width: 100%;
}

/* ***************** BLOQUE GRIS2 *************** */
#bloqueGris2{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #EEECEC;
	padding-bottom: 30px;
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#bloqueGris2 #bG2{
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
}
#bloqueGris2 #bG2 #image2{
	float: none;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}
#bloqueGris2 #bG2 #image2 img{
	width: 100%;
	height: auto;
}
#bloqueGris2 #bG2 #txt2{
	float: left;
	width: 100%;
}
}

@media screen and (max-width: 550px) {

#bloqueGris2 .btnrojo2{display: block;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #FFFFFF;
	background-color:#D22051;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 5px 10px;
}
}

@media screen and (max-width: 410px) {
/* ------------ CABECERA ---------
#cabecera{
	width:100%;
	margin: 0 auto;
	height:130px;
}
#cab{
	width: 100%;
	height: 110px;
	float: left;
	background-color: #E9E8E9;
	padding-left: 0;
	text-align: center;
}
#cab img{
	width: 200px;
	height: auto;
	margin: 5px auto;
}
#idiomas{
	width: 100%;
	height: 50px;
	padding-top: 15px;
	padding-left: 0;
	text-align: center;
	float: left;
	background-color: #E9E8E9;
}*/
}



@media screen and (max-width: 960px) {


/* ************* FOOTER ************ */
footer{
	width:100%;
}
#pie{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	overflow:hidden;
	color:#FFFFFF;
	font-family: "Museo500";
	padding-left:10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#piemenu{
	float:left;
	width:25%;
	height:210px;
	border-right: 1px solid #FFFFFF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#piemenu .menuopcion{
	font-size:15px;
	line-height:150%;
}
#piemenu .peq{
	font-size: 75%;
	font-family: "Museo300";
}

#pietwitter{
	float:left;
	width:18%;
	margin-left: 2%;
	height:210px;
	font-size: 24px;
	border-right: 1px solid #FFFFFF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}

#pieface{
	float:left;
	width:18%;
	margin-left: 2%;
	height:210px;
	font-size: 24px;
	border-right: 1px solid #FFFFFF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}

#piedireccion{
	float:left;
	width:35%;
	height:210px;
	text-align:right;
}
#piedireccion p{
	line-height:140%;
	font-size: 14px;
}
#piedireccion h5{
	font-size: 15px;
	line-height:140%;
	font-family: "Museo900";
}
}


@media screen and (max-width: 700px) {
/* ************* FOOTER ************ */
footer{
	width:100%;
}
#pie{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	height:auto;
	overflow:hidden;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#piemenu{
	float:left;
	width:40%;
	height:210px;
	border-right: 1px solid #FFFFFF;
	margin-bottom: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
#piemenu .menuopcion{
	font-size:15px;
	line-height:150%;
}
#piemenu .peq{
	font-size: 75%;
	font-family: "Museo300";
}

#pietwitter{
	float:left;
	width:28%;
	margin-left: 2%;
	height:210px;
	font-size: 24px;
	border-right: 1px solid #FFFFFF;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}

#pieface{
	float:left;
	width:28%;
	margin-left: 2%;
	height:210px;
	font-size: 24px;
	border-right: none;
	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}

#piedireccion{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	border-top: 1px solid #FFFFFF;
	padding-top: 10px;
}
#piedireccion p{
	line-height:140%;
	font-size: 14px;
}
#piedireccion h5{
	font-size: 15px;
	line-height:140%;
	font-family: "Museo900";
}
}


@media screen and (max-width: 680px) {
#memoria #imgs{
	width: 300px;
	margin: 20px auto 0px auto;
	overflow: hidden;
}
#memoria #imgs .foto{
	float: left;
	width: 300px;
	height: 260px;
	margin: 10px;
}
#memoria #imgs .foto img{
	width: 300px;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 0.8;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
}


@media screen and (max-width: 510px) {

#memoria #imgsola{
	width: 100%;
	margin: 30px auto 50px auto;
	box-shadow: 0px 0px 20px #967F86;
}
#memoria #imgsola img{
	width: 100%;
	height: auto;
}
}


@media screen and (max-width: 330px) {
#memoria #imgs{
	width: 100%;
	margin: 20px auto 0px auto;
	overflow: hidden;
}
#memoria #imgs .foto{
	float: left;
	width: 100%;
	height: 220px;
	margin: 10px;
}
#memoria #imgs .foto img{
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 20px #967F86;
	opacity: 0.8;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	-ms-transition:  all 0.5s ease-in-out;
}
}


@media screen and (max-width: 400px) {
#memoria .marca, #memoria .marca2{
	width: 100%;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
	border-bottom: 1px solid #967F86;
	padding: 10px 0px;
}
#memoria .marca img, #memoria .marca2 img{
	float: left;
	width: 100%;
	height: auto;
}
#memoria .marca p{
	float: left;
	width: 100%;
	margin-left: 0%;
	padding-top: 0px;
}
#memoria .marca2 p{
	float: left;
	width: 100%;
	margin-right: 0%;
	padding-top: 0px;
}
#memoria .marca3{
	width: 100%;
	margin: 50px 0px 30px 0px;
	overflow: hidden;
}
#memoria .marca3 img{
	float: left;
	width: 100%;
	height: auto;
	margin: 10px 0%;
}
	
	
#memoria #marcasenvases img{
	float: left;
	display: block;
	width: 40%;
	margin: 0px 5%;
	height: auto;
}
}


@media screen and (max-width: 600px) {
.noticia img{
	float: left;
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 10px #967F86;
	margin: 5px;
}
.noticia .nottxt{
	float: left;
	margin-left: 0%;
	width: 100%;
	height: auto;
	padding-top: 20px;
}
}


@media screen and (max-width: 730px) {
#trust #botones{
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 20px 0px;
}
#trust #botones .btnrojo{
	display: block;
	float: none;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #D22051;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 50px;
}
#trust #botones img{
	display: block;
	float: none;
	margin: 5px auto;
	}
#trust #botones .btnrojo2{
	display: block;
	float: none;
	width: 160px;
	border:1px solid #D22051;
	border-radius: 10px;
	color: #FFFFFF;
	background-color:#D22051;
	font-size: 16px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 50px;
}
}