/* Hoja de estilos creada por Miguel Santillan */

/* Generales */
body{
	width:100%;
	margin:0 auto;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	background: #61A742;
}

body, header, nav, section, article, aside, footer, figure{
	display:block;
}

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0; padding:0
}

ol, ul, li {
	list-style:none
}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.limpiar{
	clear:both;
}

a{
	text-decoration:none;
	cursor:pointer;
}

/*texto*/

.titulo-producto{
	font-weight:400;
	font-size: 80px;
	line-height: 92px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.titulo-central{
	font-weight:400;
	font-size: 42px;
	line-height: 50px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	text-align: center;
}

.subtitulo-interior{
	font-weight:400;
	font-size: 28px;
	text-transform: uppercase;
	line-height: 32px;
	color: #ACDA28;
	letter-spacing: 10px;
	margin-bottom: 18px;
}

.parrafo-18-40{
	font-weight:300;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 24px;
	color: #fff;
	margin-bottom: 12px;
}

.lista-item a{
	font-weight:300;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
.lista-item a:hover{
	color: #ACDA28;
}

.parrafo-20-40{
	font-weight:300;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}

.parrafo-24-40{
	font-weight:300;
	font-size: 24px;
	line-height: 40px;
	color: #fff;
}

.parrafo-20-32{
	font-weight:300;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
}

.parrafo-grande{
	font-weight:400;
	font-size: 32px;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
}

.texto-boton{
	font-weight:500;
	font-size: 24px;
	color: #fff;
	text-align: center;
}

/*cabecera*/

#cabecera-fondo{
	width: 100%;
	min-height: 160px;
	background: url(../img/fondo-cabecera.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
}
.efecto-lineal{
	width: 100%;
	height: 100%;
	background: url(../img/fondo-linea.png);
}

.cabecera{
	width: 1200px;
	margin: 0 auto;
	height: 160px;
	position: relative;
}
.logotipo{
	position: absolute;
	top: 40px;
	left: 20px;
}
.logo{
	width: 260px;
	height: 80px;
	background: url(../img/ecovasos-logo.png) no-repeat top center;
	float: left;
}
.slogan{
	font-weight:300;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 24px;
	color: #fff;
	width: 230px;
	height: 80px;
	float: left;
	padding-left:30px;
	padding-top:4px;
}
.whatsapp{
	width: 230px;
	height: 72px;
	background: url(../img/whatsapp.png) no-repeat top center;
	position: absolute;
	top: 40px;
	right: 20px;
}

/*menu*/

#menu-cont-master{
	background:#0C6600;
	width:100%;
	margin:0 auto;
}

/*slider*/

.contenedor-slider{
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.imagen-slider1{
	width: 600px;
	height: 400px;
	position: absolute;
	right: 0;
	top: 50px;
	background: url(../img/vasos-plasticos-pavonados.png) no-repeat top center;
	background-size: cover;
}

.imagen-slider2{
	width: 600px;
	height: 400px;
	position: absolute;
	right: 0;
	top: 50px;
	background: url(../img/vasos-publicitarios-de-vidrio.png) no-repeat top center;
	background-size: cover;
}

.imagen-slider3{
	width: 600px;
	height: 400px;
	position: absolute;
	right: 0;
	top: 50px;
	background: url(../img/vasos-y-envases-publicitarios.png) no-repeat top center;
	background-size: cover;
}

.titulo-slider{
	width: 500px;
	font-weight:500;
	font-size: 90px;
	text-transform: uppercase;
	line-height: 110px;
	letter-spacing: -3px;
	color: #fff;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.5);
	position: absolute;
	top: 80px;
	left: 60px;
}

.parrafo-slider{
	width: 500px;
	font-weight:300;
	font-size: 28px;
	line-height: 36px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	position: absolute;
	top: 330px;
	left: 60px;
}

/*--contenido--*/

.zona{
	padding: 0 0 40px 0;
	width: 1160px;
	margin: 0 auto;
}
.zona-cont{
	width: 100%;
	min-height: 600px;
	position: relative;
	padding: 50px 0 0 0;
	margin-top: 30px;
}

.zona-cont2{
	width: 100%;
	min-height: 300px;
	position: relative;
	padding: 50px 0 0 0;
	margin-top: 30px;
}

.titulo-interior{
	width: 100%;
	font-weight:400;
	font-size: 40px;
	line-height: 50px;
	min-height: 80px;
	background: #5C0050;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	padding: 12px 30px;
}
.titulo-interior-2{
	width: 100%;
	font-weight:400;
	font-size: 40px;
	line-height: 50px;
	min-height: 80px;
	background: #5C0050;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	padding: 12px 30px 12px 650px;
}

.parrafo-interior{
	width: 580px;
	min-height: 340px;
	padding: 30px;
	background: #0C6600;
	border-radius: 0 40px;
	margin-top: 50px;
	box-shadow: 10px 10px 0 rgba(12,102,0,0.25);
}
.parrafo-interior-2{
	width: 580px;
	min-height: 340px;
	padding: 30px;
	background: #0C6600;
	border-radius: 40px 0;
	margin-top: 50px;
	margin-left: 580px;
	box-shadow: -10px 10px 0 rgba(12,102,0,0.25);
}

.imagen-vasos-contenedor{
	position: absolute;
	top: 0;
	right: 0;
	width: 560px;
	height: 590px;
}
.imagen-vasos-contenedor-2{
	position: absolute;
	top: 0;
	left: 0;
	width: 560px;
	height: 590px;
}

.imagen-vasos-contenedor img{
	width: 100%;
	max-width: 560px;
}
.imagen-vasos-contenedor-2 img{
	width: 100%;
	max-width: 560px;
}

.imagen-vasos-contenedor-3{
	position: absolute;
	top: 0;
	left: 0;
	width: 560px;
	height: 590px;
	overflow: hidden;
	border-radius: 0 40px;
}

.imagen-cont{
	width: 100%;
	height: 100%;
	position: relative;
}
.imax{
	width: 1100px;
	height: 590px;
	position: absolute;
	left: 50%;
	margin-left: -550px;
}

.imax img{
	width: 100%;
}

.franja1{
	width: 100%;
	min-height: 500px;
	background: url(../img/fondo-verde-gotas.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.franja2{
	width: 100%;
	min-height: 500px;
	background: url(../img/fondo-negro-fotos.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.franja-contenido{
	width: 900px;
	margin: 0 auto;
}
.franja-titulo-1{
	width: 280px;
	height: 60px;
	background: url(../img/icono-eco.png) no-repeat top left;
	font-size: 42px;
	padding: 6px 0 0 64px;
	margin: 0 auto;
	letter-spacing: -1px;
	color: #fff;
}
.franja-titulo-2{
	width: 280px;
	height: 60px;
	background: url(../img/icono-foto.png) no-repeat top left;
	font-size: 42px;
	padding: 6px 0 0 64px;
	margin: 0 auto;
	letter-spacing: -1px;
	color: #fff;
}

.franja-imagen-contenedor{
	width: 280px;
	height: 250px;
	position: relative;
	float: left;
}

.franja-imagen{
	width: 280px;
	height: 250px;
	background: url(../img/peque-vasos.png) no-repeat top center;
	background-size: cover;
}
.franja-imagen-2{
	width: 280px;
	height: 250px;
	background: url(../img/peque-fotos.png) no-repeat top center;
	background-size: cover;
}

.franja-texto{
	width: 620px;
	min-height: 250px;
	float: left;
	padding: 40px 40px 40px 0;
}
.franja-boton{
	width: 260px;
	height: 50px;
	margin: 0 auto;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.franja-boton a{
	color: #0C6600;
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 4px 12px 6px 12px;
	border-radius: 10px;
}
.franja-boton a:hover{
	color: #fff;
	background: #5C0050;
}

.franja-boton-2{
	width: 220px;
	height: 50px;
	font-size: 24px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.franja-boton-2 a{
	color: #0C6600;
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 4px 12px 6px 12px;
	border-radius: 10px;
}
.franja-boton-2 a:hover{
	color: #fff;
	background: #5C0050;
}

.efecto-lineal-2{
	width: 100%;
	height: 100%;
	background: url(../img/fondo-linea.png);
	padding: 60px 0;
	min-height: 500px;
}

#pedido{
	width: 1160px;
	margin: 0 auto;
	margin-top: 50px;
}
.titulo-flecha{
	width: 100%;
	font-weight: 400;
	font-size: 40px;
	line-height: 50px;
	min-height: 80px;
	background: #5C0050;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	padding: 12px 30px;
	text-align: center;
}
.flecha{
	width: 100%;
	height: 42px;
	background: url(../img/flecha.png) no-repeat top center;
	overflow: hidden;
	margin-bottom: 20px;
}
.pedido-zona{
	width: 23%;
	margin: 20px 1%;
	float: left;
}
.pedido-contenedor-imagen{
	width: 100%;
	min-height: 100px;
	padding: 24px 0;
	background: #4A8E30;
	border-radius: 20px 20px 0 0;
}

.pedido-imagen-1{
	width: 180px;
	height: 180px;
	background: url(../img/pedido-icono-tel.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}
.pedido-imagen-2{
	width: 180px;
	height: 180px;
	background: url(../img/pedido-icono-logo.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}
.pedido-imagen-3{
	width: 180px;
	height: 180px;
	background: url(../img/pedido-icono-arte.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}
.pedido-imagen-4{
	width: 180px;
	height: 180px;
	background: url(../img/pedido-icono-delivery.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}

.pedido-contenedor-titulo{
	width: 100%;
	height: 90px;
	background: #5C0050;
}
.pedido-titulo{
	width: 280px;
	height: 90px;
	margin: 0 auto;
}
.pedido-numero{
	width: 70px;
	height: 90px;
	text-align: center;
	font-size: 80px;
	color: #ACDA28;
	float: left;
}
.pedido-letra{
	width: 210px;
	height: 90px;
	font-size: 28px;
	color: #fff;
	float: left;
	padding: 10px 10px 10px 4px;
	line-height: 34px;
}

.pedido-contenedor-texto{
	width: 100%;
	height: 220px;
	background: #4A8E30;
	border-radius: 0 0 20px 20px;
	padding-top: 40px;
}
.pedido-texto{
	width: 240px;
	margin: 0 auto;
	text-align: center;
}

#contacto-zona{
	width: 1160px;
	margin: 0 auto;
	padding-bottom: 40px;
	margin-top: 50px;
}
.parrafo-libre{
	font-weight:400;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	text-align: center;
}
.zona-libre{
	width: 1160px;
	margin: 0 auto;
	padding: 40px 0;
}

.calidad{
	width: 600px;
	margin: 0 auto;
}

.calidad-item1{
	width: 140px;
	height: 140px;
	background: url(../img/garantia1.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}
.calidad-item2{
	width: 140px;
	height: 140px;
	background: url(../img/garantia2.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}
.calidad-item3{
	width: 140px;
	height: 140px;
	background: url(../img/garantia3.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}
.calidad-item4{
	width: 140px;
	height: 140px;
	background: url(../img/garantia4.png) no-repeat top center;
	background-size: cover;
	margin: 0 auto;
}
.calidad-items{
	width: 25%;
	float: left;
}

/*---producto---*/

.producto-fondo{
	width: 100%;
	background: #5C0050;
	position: relative;
}
.producto-contenido{
	width: 1160px;
	min-height: 500px;
	position: relative;
	margin: 0 auto;
}
.producto-titulo{
	width: 400px;
	min-height: 300px;
	font-size: 72px;
	text-transform: uppercase; 
	letter-spacing: -2px;
	line-height: 90px;
	color: #fff;
	font-weight: 400;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	position: absolute;
	top: 50px;
	left: 20px;
}
.producto-titulo-2{
	width: 260px;
	min-height: 300px;
	font-size: 72px;
	text-transform: uppercase; 
	letter-spacing: -2px;
	line-height: 90px;
	color: #fff;
	font-weight: 400;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	position: absolute;
	top: 120px;
	left: 20px;
}

.producto-subtitulo{
	width: 400px;
	min-height: 90px;
	font-size: 20px;
	font-weight: 300;
	border: 1px #fff solid;
	border-radius: 10px;
	color: #fff;
	line-height: 28px;
	padding: 10px;
	position: absolute;
	left: 20px;
	bottom: 60px;
}

.producto-foto-contenedor{
	width: 600px;
	min-height: 100px;
	height: auto;
	position: absolute;
	right: 20px;
	top: 25px;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
}

.producto-foto-contenedor img{
	width: 100%
}

.parrafo-producto{
	font-weight:300;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.prod-icono-1{
	width: 80px;
	height: 80px;
	background: url(../img/icono-dinero.png) no-repeat top center;
	float: left;
	margin: 10px 0;
}
.prod-icono-2{
	width: 80px;
	height: 80px;
	background: url(../img/icono-ecologia.png) no-repeat top center;
	float: left;
	margin: 10px 0;
}
.prod-icono-3{
	width: 80px;
	height: 80px;
	background: url(../img/icono-vasito.png) no-repeat top center;
	float: left;
	margin: 10px 0;
}

.prod-letras{
	width: 320px;
	height: 80px;
	float: left;
	padding: 0 0 0 14px;
	margin: 10px 0;
	text-align: left;
}
.prod-ventaja{
	font-size: 32px;
	font-weight: 400;
	line-height: 50px;
	color: #fff;
}
.prod-parrafo{
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	color: #fff;
}
.prod-contenedor{
	width: 400px;
}

.producto-fondo-extra-1{
	width: 100%;
	min-height: 500px;
	background: url(../img/hoja-verde.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.producto-fondo-extra-2{
	width: 100%;
	min-height: 500px;
	background: url(../img/cerveza-vaso.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.lista-menu{
	position: absolute;
	left: 20px;
	top: 320px;
	width: 240px;
	height: 30px;
}

.mar1{
	font-size: 20px;
	font-weight: 300;
	float: left;
	padding-right: 10px;
	height: 30px;
	padding-top: 4px;
	border-right: 1px #ACDA28 solid;
}
.mar1 a{
	color: #ACDA28;
}

.mar2{
	font-size: 20px;
	font-weight: 300;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	padding-top: 4px;
}
.mar2 a{
	color: #ACDA28;
}

.mar3{
	font-size: 20px;
	font-weight: 300;
	float: left;
	padding-left: 10px;
	height: 30px;
	padding-top: 4px;
	border-left: 1px #ACDA28 solid;
}
.mar3 a{
	color: #ACDA28;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.letras-verdes{
	font-size: 20px;
	font-weight: 300;
	height: 30px;
	padding-top: 4px;
	color: #ACDA28;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.caja-descripcion{
	width: 500px;
	min-height: 420px;
	padding: 50px;
	background: rgba(0,0,0,0.4);
	position: absolute;
	right: 20px;
	top: 40px;
	border-radius: 20px;
}

.slogan-sub{
	text-align: center;
	font-size: 28px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 36px;
}

.parrafo-sub{
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	font-weight: 300;
}

.contenido-pq{
	width: 100%;
	min-height: 340px;
	background: #0C6600;
	padding: 40px;
	position: relative;
}

.texto-pq{
	width: 500px;
}

.imagen-pq-contenedor{
	width: 500px;
	height: 320px;
	position: absolute;
	overflow: hidden;
	right: 40px;
	top: -40px;
	border-radius: 20px 0;
}

.imagen-pq-caja{
	width: 100%;
	height: 100%;
	position: relative;
}
.imagen-pq{
	width: 600px;
	min-height: 320px;
	position: absolute;
	left: 50%;
	margin-left: -300px;
}

.imagen-pq img{
	width: 100%;
}


/*-- pie de pagina --*/

.pie-fondo{
	width: 100%;
	background: #000;
}
.pie-contenido{
	width: 1160px;
	margin: 0 auto;
	padding: 30px;
	position: relative;
}
.pie-marca{
	font-size: 32px;
	line-height: 42px;
	color: #fff;
}
.pie-texto{
	font-weight:300;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
}
.pie-texto a{
	color: #fff;
}

.pie-face{
	width: 40px;
	height: 40px;
	background: url(../img/facebook.png) no-repeat top center;
	position: absolute;
	top: 30px;
	right: 30px;
}


/*-- mapa responsive --*/

#mapa{
	width: 1160px;
	margin: 0 auto;
	border-radius: 20px;
	padding: 0;
	overflow: hidden;
}

/*formulario de contacto*/

#contacto{
	background:#0C6600 url(../img/isotipo-ecovasos.png) no-repeat bottom right;
	width:1160px;
	margin:0 auto;
	border-radius: 20px;
}
.contacto1{
	width:46%;
	margin:0 2% 0 2%;
	padding:20px;
	margin-bottom:30px;
	float:left;
}
.contacto2{
	width:46%;
	margin:0 2% 0 2%;
	float:left;
	line-height:46px;
	padding:20px;
}

.cnt-c{
	color:#fff;
	font-size: 20px;
	line-height: 30px;
}

.cnt-p{
	font-size: 18px;
	font-weight: 300;
	color:#fff;
	line-height:30px;
	margin-bottom:10px;
}

.cnt-st{
	font-size:20px;
	font-weight: 400;
	color:#ACDA28;
}


label {
    display:block;
    margin-top:14px;
	margin-bottom:6px;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	color:#ACDA28; 
}

form {
    margin:0 auto;
    width:100%;
	margin-top:20px;
}
 
input{
    width:100%;
	max-width:700px;
    height:35px;
    background:#fff;
    padding-left:5px;
    margin-top:2px;
	font-family: 'Oswald', sans-serif;
	line-height:21px;
	font-weight:300;
	font-size:18px;
	border:none;
	color:#9A9A9A;
}
 
textarea{
    width:100%;
	max-width:700px;
    padding-left:5px;
    margin-top:2px;
	font-family: 'Oswald', sans-serif;
	line-height:21px;
	font-weight:300;
	font-size:18px;
	border:none;
	height:100px;
	background:#fff;
	padding:8px 8px 8px 6px;
	color:#9A9A9A;
	resize: none;
}
textarea#mensaje {
    height: 180px;
} 
#submit {
	background:#5C0050;
	color:#FFF;
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	padding:0 0 3px 0;
}

/*comentarios facebook*/
.zona-comentarios{
	width: 1160px;
	margin: 0 auto;
	padding: 40px;
	border-radius: 20px;
	background: #fff;
}
.fb-comments{
	width: 100%;
}

.fb_iframe_widget_fluid span, iframe.fb_ltr {
	width: 100% !important;
}

.fb_iframe_widget_fluid_desktop iframe {
    width: 100% !important;
}


/*media query*/

@media (max-width: 1200px){
	
#cabecera-fondo{
	width: 100%;
	height: 250px;
}	
.cabecera{
	width: 100%;
	height: 250px;
}
.logotipo{
	top: 20px;
	width: 260px;
	left: 50%;
	margin-left: -130px;
}
.logo{
	width: 260px;
	height: 80px;
	background: url(../img/ecovasos-logo.png) no-repeat top center;
	float: none;
}
.slogan{
	font-size: 16px;
	line-height: 22px;
	width: 260px;
	height: 80px;
	float: none;
	padding-left:0;
	text-align: center;
}
.whatsapp{
	top: 160px;
	right: 0;
	left: 50%;
	margin-left: -115px;
}	
	
.titulo-slider{
	font-size: 42px;
	line-height: 60px;
	letter-spacing: -2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	top: 6px;
	left: 50%;
	margin-left: -250px;
	text-align: center;
}

.parrafo-slider{
	font-size: 24px;
	line-height: 30px;
	top: 400px;
	left: 50%;
	margin-left: -250px;
	text-align: center;
}
	
.contenedor-slider{
	width: 100%;
}
	
.imagen-slider1{
	width: 480px;
	height: 320px;
	right: 50%;
	margin-right: -240px;
	top: 80px;
}
	
.imagen-slider2{
	width: 480px;
	height: 320px;
	right: 50%;
	margin-right: -240px;
	top: 80px;
}
	
.imagen-slider3{
	width: 480px;
	height: 320px;
	right: 50%;
	margin-right: -240px;
	top: 80px;
}

.zona{
	padding: 0 0 40px 0;
	width: 90%;
	margin: 0 5%;
}
.titulo-interior{
	margin-top: 0;
	border-radius: 20px 20px 0 0;
	text-align: center;
}
.titulo-interior-2{
	margin-top: 0;
	border-radius: 20px 20px 0 0;
	text-align: center;
	padding: 12px 30px 12px 30px;
}	
	
.parrafo-interior{
	width: 100%;
	border-radius: 0 0 20px 20px;
	margin-top: 0;
	box-shadow: none;
	text-align: center;
	margin-bottom: 0;
	min-height: 100px;
}
.parrafo-interior-2{
	width: 100%;
	border-radius: 0 0 20px 20px;
	margin-top: 0;
	box-shadow: none;
	text-align: center;
	margin-bottom: 0;
	margin-left: 0;
	min-height: 100px;
}	
	
.imagen-vasos-publicitarios1{
	position: absolute;
	top: 0;
	width: 490px;
	height: 520px;
	left: 50%;
	margin-left: -245px;
}
.imagen-vasos-publicitarios2{
	position: absolute;
	top: 0;
	width: 490px;
	height: 520px;
	left: 50%;
	margin-left: -245px;
}
.imagen-vasos-publicitarios3{
	position: absolute;
	top: 0;
	width: 490px;
	height: 520px;
	left: 50%;
	margin-left: -245px;
}
.imagen-vasos-publicitarios4{
	position: absolute;
	top: 0;
	width: 490px;
	height: 520px;
	left: 50%;
	margin-left: -245px;
}
	
.imagen-vasos-contenedor{
	width: 500px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.imagen-vasos-contenedor-2{
	width: 500px;
	height: auto;
	margin: 0 auto;
	position: relative;
}	
	
.contenedor-imagen{
	position: relative;
	width: 100%;
	height: auto;
	background: #71B055;
}		
	
#pedido{
	width: 90%;
	margin: 50px 5% 0 5%;
}	
	
.pedido-zona{
	width: 46%;
	margin: 20px 2%;
}	
	
#contacto{
	width:90%;
	margin:0 5%;
}
#mapa{
	width: 90%;
	margin: 0 5%;
}
	
#contacto-zona{
	width: 90%;
	margin: 50px 5% 0 5%;
}

.zona-libre{
	width: 90%;
	margin: 0 5%;
}

.pie-contenido{
	width: 90%;
	margin: 0 5%;
	padding: 30px 0;
}
.pie-face{
	right: 0;
}
	
.zona-cont{
	margin-top: 0;
	padding: 40px 0 0 0;
}
.zona-cont2{
	margin-top: 0;
	padding: 40px 0 0 0;
}
	
.producto-contenido{
	width: 90%;
	margin: 0 5%;
}

.producto-contenido{
	width: 90%;
	margin: 0 5%;
	padding: 20px;
}
.producto-titulo{
	width: 100%;
	padding: 0 20px;
	min-height: 50px;
	font-size: 60px;
	letter-spacing: -2px;
	line-height: 64px;
	position: relative;
	top: 0;
	left: 0;
	text-align: center;
	margin-bottom: 20px;
}
.producto-titulo-2{
	width: 100%;
	padding: 0 20px;
	min-height: 50px;
	font-size: 60px;
	letter-spacing: -2px;
	line-height: 64px;
	position: relative;
	top: 0;
	left: 0;
	text-align: center;
	margin-bottom: 20px;
}	
	
.producto-subtitulo{
	width: 100%;
	padding: 20px;
	min-height: 30px;
	border: 0;
	line-height: 24px;
	position: relative;
	left: 0;
	bottom: 0;
	text-align: center;
}

.producto-foto-contenedor{
	width: 600px;
	height: 450px;
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
}

.imagen-vasos-contenedor-3{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 590px;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 0;
}

.imax{
	width: 1100px;
	height: 590px;
	position: absolute;
	left: 50%;
	margin-left: -550px;
}
	
.franja-boton-2{
	margin: 0 auto;
	text-align: center;
}
	
.prod-contenedor{
	margin: 0 auto;
}
	
.lista-menu{
	position: relative;
	left: 0;
	top: 0;
	margin: 0 auto;
}

.caja-descripcion{
	min-height: 100px;
	position: relative;
	right: 0;
	top: 0;
	border-radius: 20px;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.texto-pq{
	width: auto;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

.imagen-pq-contenedor{
	width: auto;
	max-width: 600px;
	height: 320px;
	margin: 0 auto;
	position: relative;
	right: 0;
	top: 0;
	border-radius: 20px;
	margin-bottom: 20px;
}
.zona-comentarios{
	width: 90%;
	margin: 0 5%;
	padding: 20px;
}
	
}

@media (max-width: 900px){

.contacto1{
	width:80%;
	margin: 0 10%; 
}
.contacto2{
	width:80%;
	margin: 0 10%;
	padding-bottom: 40px;
}

.franja-contenido{
	width: 100%;
}

.franja-imagen-contenedor{
	float: none;
	margin: 0 auto;
}

.franja-texto{
	width: 100%;
	float: none;
	padding: 0 40px 40px 40px;
	margin: 0 auto;
	text-align: center;
	min-height: 100px;
}
	
.pedido-zona{
	width: 100%;
	margin: 20px 0;
}	

#contacto-zona{
	margin: 30px 5% 0 5%;
}
	
.producto-foto-contenedor{
	width: 90%;
	max-width: 600px;
	height: auto;
}
	
.imagen-vasos-contenedor-3{
	height: 480px;
	overflow: hidden;
	margin: 0 auto;
}

.imax{
	width: 900px;
	height: 480px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
}
	
}

@media (max-width: 600px){
	
.contacto1{
	width: 90%;
	margin: 0 5%; 
}
.contacto2{
	width: 90%;
	margin: 0 5%;
}		

.titulo-slider{
	width: 100%;
	padding: 0 16px;
	font-size: 32px;
	line-height: 32px;
	letter-spacing: -1px;
	top: 20px;
	left: 0;
	margin-left: 0;
}

.parrafo-slider{
	width: 100%;
	padding: 0 24px;
	font-size: 20px;
	line-height: 24px;
	left: 0;
	margin-left: 0;
}

.titulo-interior{
	font-size: 32px;
	border-radius: 10px 10px 0 0;
	line-height: 36px;
	min-height: 60px;
	padding: 8px 20px;
}
.titulo-interior-2{
	font-size: 32px;
	border-radius: 10px 10px 0 0;
	line-height: 36px;
	min-height: 60px;
	padding: 8px 20px;
}
	
.parrafo-interior{
	border-radius: 0 0 10px 10px;
}	
.parrafo-interior-2{
	border-radius: 0 0 10px 10px;
}
	
.imagen-vasos-publicitarios1{
	width: 340px;
	height: 360px;
	left: 50%;
	margin-left: -170px;
}
.imagen-vasos-publicitarios2{
	width: 340px;
	height: 360px;
	left: 50%;
	margin-left: -170px;
}
.imagen-vasos-publicitarios3{
	width: 340px;
	height: 360px;
	left: 50%;
	margin-left: -170px;
}
.imagen-vasos-publicitarios4{
	width: 340px;
	height: 360px;
	left: 50%;
	margin-left: -170px;
}
	
.parrafo-18-40{
	font-size: 18px;
}

.lista-item a{
	font-size: 18px;
}
	
.parrafo-24-40{
	font-size: 20px;
	line-height: 28px;
}
.titulo-flecha{
	font-size: 32px;
	line-height: 36px;
	min-height: 50px;
	padding: 8px 20px 0 20px;
}
	
.pedido-contenedor-imagen{
	padding: 14px 0;
}

.pedido-imagen-1{
	width: 120px;
	height: 120px;
}
.pedido-imagen-2{
	width: 120px;
	height: 120px;
}
.pedido-imagen-3{
	width: 120px;
	height: 120px;
}
.pedido-imagen-4{
	width: 120px;
	height: 120px;
}

.pedido-contenedor-texto{
	height: 140px;
	padding-top: 20px;
}
.pedido-texto{
	width: 240px;
}
	
.parrafo-20-40{
	font-size: 18px;
	line-height: 24px;
}	
	
.pedido-contenedor-titulo{
	height: 72px;
}
.pedido-titulo{
	height: 72px;
}
.pedido-numero{
	height: 72px;
	font-size: 60px;
	padding-top: 3px;
}
.pedido-letra{
	width: 210px;
	height: 72px;
	font-size: 24px;
	padding: 6px 8px 8px 4px;
	line-height: 28px;
}
	
.parrafo-libre{
	font-size: 20px;
	line-height: 28px;
	padding: 0 20px;
}
	
.calidad{
	width: 90%;
	margin: 0 5%;
}
.calidad-item1{
	width: 80px;
	height: 80px;
}
.calidad-item2{
	width: 80px;
	height: 80px;
}
.calidad-item3{
	width: 80px;
	height: 80px;
}
.calidad-item4{
	width: 80px;
	height: 80px;
}

.zona-libre{
	padding: 30px 0;
}

.contenedor-general-productos{
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
}	
	
.producto-foto-contenedor{
	width: 600px;
	min-width: 600px;
	border-radius: 0;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	overflow: hidden;
}
.producto-contenido{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.producto-titulo{
	font-size: 42px;
	letter-spacing: -1px;
	line-height: 46px;
}	
.producto-titulo-2{
	font-size: 42px;
	letter-spacing: -1px;
	line-height: 46px;
}	

.imagen-vasos-contenedor{
	width: 90%;
}
	
.imagen-vasos-contenedor-2{
	width: 90%;
}
	
.imagen-vasos-contenedor-3{
	height: 320px;
	overflow: hidden;
	margin: 0 auto;
}

.imax{
	width: 600px;
	height: 320px;
	position: absolute;
	left: 50%;
	margin-left: -300px;
}
	
.prod-icono-1{
	float: none;
	margin: 10px 0;
	margin: 0 auto;
}
.prod-icono-2{
	float: none;
	margin: 10px 0;
	margin: 0 auto;
}
.prod-icono-3{
	float: none;
	margin: 10px 0;
	margin: 0 auto;
}

.prod-letras{
	width: 100%;
	height: auto;
	float: none;
	padding: 0;
	margin: 10px 0 30px 0;
	text-align: center;
}
.prod-ventaja{
	font-size: 28px;
}
.prod-parrafo{
	font-size: 18px;
}
.prod-contenedor{
	width: 100%;
}
	
.caja-descripcion{
	width: 90%;
	margin: 20px 5%;
}
.parrafo-sub{
	text-align: center;
	font-size: 18px;
	line-height: 32px;
}

.contenido-pq{
	padding: 20px;
}
	
}


@media (max-width: 360px){

.titulo-slider{
	padding: 0 10px;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: -1px;
}

.parrafo-slider{
	width: 100%;
	padding: 0 16px;
	font-size: 18px;
	line-height: 20px;
}
	
.imagen-vasos-publicitarios1{
	width: 280px;
	height: 300px;
	left: 50%;
	margin-left: -140px;
}
.imagen-vasos-publicitarios2{
	width: 280px;
	height: 300px;
	left: 50%;
	margin-left: -140px;
}
.imagen-vasos-publicitarios3{
	width: 280px;
	height: 300px;
	left: 50%;
	margin-left: -140px;
}
.imagen-vasos-publicitarios4{
	width: 280px;
	height: 300px;
	left: 50%;
	margin-left: -140px;
}
	
.titulo-interior{
	font-size: 28px;
}
.titulo-interior-2{
	font-size: 28px;
}
	
.calidad-item1{
	width: 70px;
	height: 80px;
}
.calidad-item2{
	width: 70px;
	height: 80px;
}
.calidad-item3{
	width: 70px;
	height: 80px;
}
.calidad-item4{
	width: 70px;
	height: 80px;
}
	
.zona-libre{
	padding: 20px 0;
}
.producto-titulo{
	font-size: 36px;
	letter-spacing: 0;
	line-height: 42px;
}
.producto-titulo-2{
	font-size: 36px;
	letter-spacing: 0;
	line-height: 42px;
}
	
.imagen-vasos-contenedor{
	width: 100%;
}
.imagen-vasos-contenedor-2{
	width: 100%;
}

.parrafo-producto{
	font-size: 18px;
	line-height: 32px;
}
	
.prod-ventaja{
	font-size: 24px;
}
	
.caja-descripcion{
	padding: 20px;
}
	
	
}