@font-face {
    font-family: 'open_sansitalic';
    src: url('../tipos/opensans-italic-webfont.woff2') format('woff2'),
         url('../tipos/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('../tipos/opensans-light-webfont.woff2') format('woff2'),
         url('../tipos/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../tipos/opensans-regular-webfont.woff2') format('woff2'),
         url('../tipos/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../tipos/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../tipos/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.tar{
	text-align: right;
}
.contactForm{
    margin: 30px auto 30px auto;
    width: 70%;
}
#cuerpo{
	display:table;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#logo img{
	    width: 90%;
}
#logo{
	width: 100%;
	text-align: center;
	margin-top: 8%;
}

#hoja{
	position: absolute;
	left: 0px;
}
#alcachofa{
	position: absolute;
    left: 0px;
}
#tomate{
	position: absolute;
	right: 0px;
    margin-top: 15%;
}
.quienesSomos{
	width: 80%;
	margin-top: 8%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.quienesSomos p strong{
	font-family: "open_sanssemibold_italic";
}
.quienesSomos p{
	font-family: "open_sanslight";
    font-size: 10pt;
    line-height: 16pt;
}
.video{
	font-family: "open_sansregular";
	width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background: url("../images/flechas_Sptite.svg") bottom center no-repeat;
}
.donde{
    width: 100%;
}
.conseguirProductos{
    background-color: #F8F6F3;
}
.video a{
	color: #40A8E2;
	text-decoration: none;
}
h2,h3{
	text-align: center;
	text-transform: uppercase;
}
.nuestrasMarcas h3{
	background-color: #F8F6F3;
	text-align: center;
	margin-bottom: 2%;
}
.footer img,
.nuestrasMarcas h3 img{
	width: 100%;
}
.frascos{
	background: url("../images/frascos.png") no-repeat;
}
div.footer{
}
div.footer ul{
    width: 100%;
    text-align: center;
    display: table;
    margin: 1% 0px;
}
div.footer ul li{
    display: inline-block;
    padding: 2%;
}
div.nuestrasMarcas ul li.bgc{
	background-color: #F2EDE8;
}
div.nuestrasMarcas ul{
    display: table;
    width: 100%;
}
div.nuestrasMarcas ul li img{
    width: 100%;
}
div.nuestrasMarcas ul li{
    display: inline-block;
    width: 50%;
    background-color: #F8F6F3;
}
input,select, textarea{
    font-family: "open_sansitalic";
    font-size: 22pt;
    line-height: 37pt;
    border: none;
    border-bottom: 1px solid;
    color: #40A8E2;
    margin-bottom: 20px;
}
input{
    width: 50%;
}
.inputError{
    border-bottom: 1px solid #ff0000;
}
button{
	background-color: #689DCF;
    color: #fff;
    border: none;
    line-height: 20px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "open_sansregular";
    font-weight: bold;
    padding: 5px 15px;
    border: none;
}
ul#locationSelect{
    overflow: auto;
    height: 428px;
}
ul#locationSelect,
ul#vendedoresOnline{
    font-family: "open_sansitalic";
    font-size: 12pt;
    line-height: 18pt;
    color: #000;
    clear: both;
    display: block;
    margin-left: 6%;
}
ul#locationSelect li:first-child,
ul#vendedoresOnline li:first-child{
	font-size: 22pt;
    line-height: 37pt;
	margin-bottom: 0%;
}
ul#locationSelect li{
	margin-bottom: 3%;
}
ul#locationSelect li a,
ul#vendedoresOnline li a{
    color: #40A8E2;
    text-decoration: none;
    letter-spacing: 0.7px;
    display: block;
}
ul#locationSelect li a small{
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 17px;
}
.m30{
	width:30%; 
	float:left;
    display: inline-block;
}
.m70{
	width:70%;
    display: inline-block;
}
.alider{
	text-align: right;
}
/* para 1000px o menos */
@media (min-width:900px) {
	.dondebloque{
		background-color: #F8F6F3;
	    margin: 3% 0;
	}
	.donde{
	    width: 50%;
	}
	div.nuestrasMarcas ul li img{
	    width: 68%;
	}
	.footer img{
		width: 50%;
	}
	.nuestrasMarcas h3 img{
		width: 60%;
	}
	.video{
    	background-position: center -213px;
		font-weight: bold;
	    font-size: 22pt;
	    line-height: 37pt;
	}
	.video a{
	    font-size: 22pt;
	    line-height: 37pt;
	    letter-spacing: 0.7px;
	    display: block;
	    margin-top: 6%;
	}
	.video p{
	    font-size: 22pt;
	    line-height: 37pt;
	    padding: 9px 0px;
	}
	.quienesSomos p{
		font-size: 22pt;
	    line-height: 37pt;
	}
	.frascos{
		background-position: center -368px;
	    width: 840px;
	    height: 200px;
	    margin: 3% 0px;
	}
	div.footer ul li img{
	    width: 161px;
	    height: 36px;
	}
	label{
		font-family: "open_sansitalic";
		font-size: 22pt;
	    line-height: 37pt;
	    color: #000;
	    clear: both;
	    display: block;
	}
}
/* para 800px o menos */
@media screen and (max-width:899px) {
	.footer img,
	.nuestrasMarcas h3 img{
		width: 100%;
	}
	.video{
		background-position: 0px 0px;
	}
	.quienesSomos p{
	    font-size: 16pt;
	    line-height: 28pt;
	    padding-top: 5%;
	}
	.frascos{
		background-position: center -107px;
	    width: 100%;
	    height: 200px;
	    margin: 3% 0px;
	}
}
/* para 980px o menos */
@media screen and (max-width:799px) {
	.m30{
		width: 100%;
		float: none;
		display: block;
	}
	.m70{
		width: 100%;
	    display: block;
	}

	label{
	    font-family: "open_sansitalic";
	    font-size: 13pt;
	    line-height: 16pt;
	    color: #000;
	    clear: both;
	    display: block;
	    margin: 5%;
	}

	input,select{
	    font-family: "open_sansitalic";
	    font-size: 22pt;
	    line-height: 37pt;
	    border: none;
	    border-bottom: 1px solid;
	    color: #40A8E2;
	    margin-bottom: 20px;
	    display: block !important;
	    margin: 5%;
	    width: 90%;
	}
	button{
	    background-color: #689DCF;
	    color: #fff;
	    border: none;
	    line-height: 20px;
	    font-size: 13px;
	    text-transform: uppercase;
	    font-family: "open_sansregular";
	    font-weight: bold;
	    padding: 12px 50px;
	    margin: auto auto;
	    display: block;
	    margin-bottom: 5%;
	}
	ul#locationSelect {
		display: none;
	}
	.video{
		background-position: center 30px;
		font-weight: bold;
	    font-size: 10pt;
	    line-height: 16pt;
	}
	.video a{
	    font-size: 10pt;
        line-height: 23pt;
	    letter-spacing: 0.7px;
	    display: block;
	    margin-top: 6%;
	}
	.video p{
	    font-size: 11px;
	    line-height: 17px;
	    padding: 9px 0px;
	}
	.nuestrasMarcas h3{
		font-size: 21pt;
	    padding: 0% 0px;
	}
	div.footer{
		min-height: 155px;
	}
	div.footer h2{
		font-size: 21pt;
	    padding: 5% 0px;
	}
	div.footer p{
		font-size: 16pt;
		text-align: center;
	}
	div.footer ul li img{
	    width: 161px;
	    height: 36px;
	}
	.frascos{
		background-position: center top;
	    width: 300px;
	    height: 78px;
	    margin: 3% 0px;
	}
	.quienesSomos p{
		font-size: 9pt;
	    line-height: 17pt;
	}
}