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

@font-face {
    font-family: 'DenseRegular';
    src: url('../fonts/DenseRegular.eot');
    src: url('../fonts/DenseRegular.eot') format('embedded-opentype'),
         url('../fonts/DenseRegular.woff2') format('woff2'),
         url('../fonts/DenseRegular.woff') format('woff'),
         url('../fonts/DenseRegular.ttf') format('truetype'),
         url('../fonts/DenseRegular.svg#DenseRegular') format('svg');
}


html, body{
	margin:0;
	padding:0;
	height:100%;
  	width:100%;
	font-family: 'DenseRegular';
	background:rgba(255,255,255,1);
}

header{
	background:rgba(112,111,106,1);
	height:60px;
	width:100%;
	padding-top:0.7em;
	position:fixed;
	z-index:1000;
	
}

img{
	border:none;
	width:100%;
}

article#logotipo{
	width:61px;
	height:41px;
	z-index:1;
	position:absolute;
	margin: 0 45% 0 45%;
}

section#principal{
	width:100%;
	height:100%;
	
}

section#home{
	background:url(../images/home_mobile.jpg) no-repeat center center;
		-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	height:576px;
	width:100%;
}

article#home-texto{
	margin:0 auto;
	max-width:90%;
	text-align:center;
	padding-top:9em;

}

aside#logo-home{
	width:200px;
	height:179px;
	margin:0 auto;
	padding-top:50px;
}

section#origen{
	background: url(../images/origen-movil.jpg) no-repeat center center #cccccc;
	height:786px;
	max-width:100%;
}

article#origen-texto{
	display:inline-block;
	vertical-align:top;
	max-width:90%;
	text-align:center;

}



section#artesiana{
	background:url(../images/artesiana-movil2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	height:576px;
	max-width:100%;
	}
	
article#artesiana-texto{
	margin:0 auto;
	width:90%;
	text-align:center;

}

section#ventajas{
	background:url(../images/ventajas-movil.jpg)no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	height:650px;
	max-width:100%;
	
}
article#ventajas-texto{
	margin:0 auto;
	width:90%;
	text-align:center;

}

section#productos{
	padding:1em 0;
	height:auto;
}

#products{
	width:90%;
	margin:0 auto;

}

article#productos-texto{
	display:inline-block;
	vertical-align:top;
	max-width:50%;
	margin-right:0.5em;
	text-align:center;
	margin-top:6em;
}


aside#productos-botella{
	max-width:50%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}


section#still{
	padding:1em 0;
	height:auto;
}
#stills{
	width:90%;
	margin:0 auto;
}


article#still-texto{
	display:inline-block;
	vertical-align:top;
	max-width:50%;
	text-align:center;
	color:#484B4C;
	margin-right:0.5em;
	margin-top:6em;
}

aside#still-botella{
	display:inline-block;
	vertical-align:top;
	max-width:50%;
	text-align:center;
	
}


section#ecologica{
	height:840px;
	padding-top:30px;
}

article#ecologica-texto{
	display:inline-block;
	vertical-align:top;
	max-width:70%;
	text-align:center;

}

aside#ecologica-foto{
	display:inline-block;
	vertical-align:top;
	max-width:40%;
}

section#contacto{
	background:url(../images/contacto_mobile.jpg)no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	height:500px;
	padding-top:150px;
}

article#contacto-texto{
	margin:0 auto;
	width:90%;
	text-align:center;

}


footer{
	background:rgba(112,111,106,1);
	height:60px;
	width:100%;
	padding-top:0.7em;
	text-align:right;
}

#redes_mobile{
	margin-right:20px;
	float:right;
	width:150px;
}

h1{
	font-family: 'DenseRegular';
	font-size:1.9em;
	color:#FFFFFF;
}
h2{
	font-family: 'DenseRegular';
	font-size:1.5em;
	color:#FFFFFF;
	font-weight:normal;
}
h3{
	font-family: 'DenseRegular';
	font-size:1.7em;
	color:#FFFFFF;
	font-weight:normal;
}

h4{
	font-family: 'DenseRegular';
	font-size:1.9em;
	color:#FFFFFF;
	font-weight:normal;
}
p{
	font-family: 'DenseRegular';
	font-size:1.1em;
	color:rgba(255,255,255,1);

}

.linea{
	width:12em;
	border-bottom: solid #FFFFFF 1px;
	height:30px;
	margin:0 auto;
}
.linea2{
	width:6em;
	border-bottom: solid #FFFFFF 2px;
	height:30px;
	margin:0 auto;
}
.linea3{
	width:250px;
	border-bottom: solid #FFFFFF 1px;
	height:20px;
	margin:0 auto;
}

.bebida{
	width:13em;
	padding:0.5em 1em;
	background:rgba(171,255,255,0.2);
	margin:0 auto;
	font-size:1.4em;
	color:rgba(255,255,255,1);
}

.linea4{
	width:9em;
	border-bottom: solid #F93015 2px;
	height:10px;
	margin:0 auto;
}

.linea5{
	width:9em;
	border-bottom: solid #3CA3CB 2px;
	height:10px;
	margin:0 auto;
}

.orange{
	font-family: 'DenseRegular';
	font-size:1.9em;
	color:#F93015;
	font-weight:normal;
}

.blue{
	font-family: 'DenseRegular';
	font-size:1.9em;
	color:#3CA3CB;
	font-weight:normal;
}

.gray{
	color:#333333
}

a.mail{
	font-family: 'DenseRegular';
	color:white;
	text-decoration:none;
	font-size:24px;
}

a.mail:hover{
	color:#3CA3CB;
}

.contactar{
	font-family: 'DenseRegular';
	font-size:26px;
	color:#FFFFFF;
	font-weight:bold;
}