@charset "UTF-8";

body{background-color:#badce6;}

*{margin:0px; padding:0px;} /* Reseteo generico de márgenes */
img{border:none;} /* Reseteo generico borde imágenes para IE */


/* ~~ Reseteo genérico para otros elementos de la página ~~ */
ul, ol, dl {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p {margin-top:0; padding-right:15px; padding-left:15px;}
a{text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}




/**********************/
/**** Star - Fonts ****/
/**********************/

/*CINZEL - Sustituta de TRAJAN PRO*/
@font-face {
   font-family: cinzelregular;
   src: url("../fonts/cinzel-regular-webfont.eot") /* EOT file for IE */
}
@font-face {
   font-family: cinzelregular;
   src: url("../fonts/cinzel-regular-webfont.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
   font-family: cinzelbold;
   src: url("../fonts/cinzel-bold-webfont.eot") /* EOT file for IE */
}
@font-face {
   font-family: cinzelbold;
   src: url("../fonts/cinzel-bold-webfont.ttf") /* TTF file for CSS3 browsers */
}

/*HELVETICA NEUE*/
@font-face {
   font-family: helvetica_neueultralight;
   src: url("../fonts/helveticaneue-ultralight-webfont.eot") /* EOT file for IE */
}
@font-face {
   font-family: helvetica_neueultralight;
   src: url("../fonts/helveticaneue-ultralight-webfont.ttf") /* TTF file for CSS3 browsers */
}

/*DIN-MEDIUM*/
@font-face {
   font-family: din-mediumregular;
   src: url("../fonts/din-medium-webfont.eot") /* EOT file for IE */
}
@font-face {
   font-family: din-mediumregular;
   src: url("../fonts/din-medium-webfont.ttf") /* TTF file for CSS3 browsers */
}
/**** End - Fonts ****/
/*********************/




/*-----------------------------------------------------------------------*/




/*** Aviso de cookies ***/
#aviso_cookies {
	font-family: Helvetica, Arial, sans-serif;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: none;
}
#mensaje_cookies {
	padding: 15px;
	text-align: center;
    background-color: #00a1e0;
}
#mensaje_cookies p {
	margin: 0px 0px 5px 0px;
	display: inline-block;
    font-size: 16px;
    text-align: center;
	color: #FFFFFF;
}
#mensaje_cookies a {
	display: inline-block;
    margin: 3px;
	padding: 4px 6px;
	text-align: center;
    text-decoration: none;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	border-radius: 4px;
	cursor: pointer;
}
#mensaje_cookies a:hover {
	color: #FFFFFF;
	background-color: #888888;
}
/********************/




/*******************************************/
/**  CONTAINER GENERAL DE TODA LA PÁGINA  **/
/*******************************************/

/** Contenedor Background **/
.contenedor_background, .contenedor_background:after{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
	
	background-size: cover;
    background-position: center center;
    background-repeat: none;
}

/** Fondos cabeceras **/
.bg_index{
	background-image: url(../images/bg-aguas_san_joaquin-saludable.jpg);
}

.bg_nuestra_agua{
	background-image: url(../images/bg-aguas_san_joaquin-nuestra_agua.jpg);
	background-position: left center;
}

.bg_el_manantial{
	background-image: url(../images/bg-aguas_san_joaquin-el_manantial.jpg);
	background-position: left center;
}

.bg_tu_bebe{
	background-image: url(../images/bg-aguas_san_joaquin-tu_bebe.jpg);
}

.bg_formatos{
	background-image: url(../images/bg-aguas_san_joaquin-formatos-3.jpg);
	background-position: left center;
}

.bg_situacion{
	background-image: url(../images/bg-aguas_san_joaquin-situacion.jpg);
}

.bg_contactar{
	background-image: url(../images/bg-aguas_san_joaquin-contactar.jpg);
}



/** CABECERA **/
.header {
	position:relative;
	margin: 0 auto;
	padding: 19px 0px;
	font-family:cinzelregular;
	font-size: 16px;
	color: #192053;
	background-color:rgba(255,255,255,0.9);
	text-align: center;
	z-index:100;
}


	/*Header Responsive*/
	.header_responsive{display:none;}
	.button_nav{display:none;}



#logotipo{
	display: inline-block;
	vertical-align: middle;
}



.menu_left, .menu_right{
	display: inline-block;
	vertical-align: middle;
	padding: 0px 30px;
	margin-top: 10px;
}

.menu_left ul, .menu_right ul{
	list-style: none;
}

.menu_left ul li, .menu_right ul li{
	float: left;
}

.menu_left ul li a, .menu_right ul li a{
	color: #192053;
}

.menu_left ul li a:hover, .menu_right ul li a:hover{
	color: #729400;
	text-decoration: underline;
}

.menu_left ul li span, .menu_right ul li span{
	padding: 0px 5px;
}

.link_active strong{
	font-weight: normal;
	color: #729400;
	text-decoration: underline;
}
/*----------------------------------------------*/




/** CONTENIDO **/
.content{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	background-color: transparent;
}



/*Index*/
.cab_content_index{
	display: inline-block;
	padding-top: 40px;
}

.bullets_cab_content_index{
	float: left;
}

.shadow_title_cab_content_index{
	float: left;
	
	background:url(../images/shadow_cab_content_index.png);
	padding:16px 0px 44px 0px;
}

.title_cab_content_index{
	font-family:cinzelregular;
	font-size: 32px;
	color: #fff;
	padding: 23px 10px 21px 10px;
	
	/*Star - Gradiente*/
	background: #cad109; /* Old browsers */
	background: -moz-linear-gradient(left,  #cad109 0%, #96b214 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cad109), color-stop(50%,#96b214)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #cad109 0%,#96b214 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #cad109 0%,#96b214 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #cad109 0%,#96b214 50%); /* IE10+ */
	background: linear-gradient(to right,  #cad109 0%,#96b214 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad109', endColorstr='#96b214',GradientType=1 ); /* IE6-9 */
	/*End - Gradiente*/
}



/*Resto de páginas*/
.redes_sociales{
	position: fixed;
	bottom: 15px;
	z-index: 1;
}

.redes_sociales ul{
	font-family: din-mediumregular;
	font-size: 12px;
	list-style: none;
}

.redes_sociales li{
	padding: 8px 34px 6px 15px;
	margin-bottom: 15px;
	box-shadow: 0 8px 1em -0.5em rgba(0,0,0,0.7);
	
	/*Star - Gradiente*/
	background: rgba(214,217,18,1);/* Old Browsers */
	background: -moz-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(214,217,18,1)), color-stop(50%, rgba(149,180,33,1)), color-stop(100%, rgba(149,180,33,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* IE 10+ */
	background: linear-gradient(115deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d912', endColorstr='#95b421', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	/*End - Gradiente*/
}

.redes_sociales ul li a{
	color: #fff;
}

.redes_sociales ul li a:hover{
	text-decoration: underline;
}



.title_content{
	position: fixed;
	bottom: 15px;
	right: 0px;
	width: 180px;
}

.title_content h1{
	float: left;
	width: 450px;
 	font-family: helvetica_neueultralight;
	color: #fff;
	font-size: 60px;
	font-weight: 100;
	text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.5);
	padding: 0px 8px;
	
	/*Star - Rotar texto*/
    -webkit-transform: rotate(-90deg); /* Chrome y Safari */
    -moz-transform: rotate(-90deg); /* Firefox */
    -o-transform: rotate(-90deg); /* Opera */
    -ms-transform: rotate(-90deg); /* IE 9 */
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE 8 */
	/*End - Rotar texto*/
	
	/*Star - Colocar texto*/
	-ms-transform-origin: 42% 299% 0;
	-moz-transform-origin: 42% 299% 0;
	-webkit-transform-origin: 42% 299% 0;
	transform-origin: 42% 299% 0;
	/*End - Colocar texto*/
}



.btn_club{
	float: right;
	width: 100%;
	padding-top: 340px;
}

.btn_club ul{
	font-family: din-mediumregular;
	font-size: 12px;
	list-style: none;
}

.btn_club li{
	padding: 8px 30px 6px 15px;
	margin-bottom: 15px;
	
	box-shadow: 0 8px 1em -0.5em rgba(0,0,0,0.7);
	
	/*Star - Gradiente*/
	background: rgba(214,217,18,1);/* Old Browsers */
	background: -moz-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(214,217,18,1)), color-stop(50%, rgba(149,180,33,1)), color-stop(100%, rgba(149,180,33,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* IE 10+ */
	background: linear-gradient(115deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d912', endColorstr='#95b421', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	/*End - Gradiente*/
}

.btn_club ul li .bullet_flecha{
	background: url(../images/bullet_triangle.png) no-repeat left -1px;
	padding-right: 15px;
}

.btn_club ul li a{
	color: #fff;
}

.btn_club ul li a:hover{
	text-decoration: underline;
}



.bloque_descrip{
	float: left;
	position: relative;
	left: 170px;
	top: 40px;
}

.fondo_bloque_descrip{
	clear: both;
	float: left;
	width: 610px;
	margin-top: 80px;
	margin-left: 16px;
	padding: 50px 10px 20px 10px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
	color: #192053;
	
	/*Star - Degradado: http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.65) 65%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(65%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	/*End - Degradado*/
}

.fondo_bloque_descrip h3{margin-top:30px; margin-bottom:10px;}

.fondo_bloque_descrip p{text-align:justify;}

.fondo_bloque_descrip strong{font-weight:bold;}

/*Añadir clase '.lista' para dar formato a 'ul'*/
.fondo_bloque_descrip .lista{text-align:justify; padding:6px 15px 6px 50px;}
.fondo_bloque_descrip .lista li{margin-bottom:6px;}

.fondo_bloque_descrip table{
	width:70%;
	margin:10px auto 30px;
	background-color:#fff;
	box-shadow: 0 8px 1em -0.5em rgba(0,0,0,0.7);
}

.fondo_bloque_descrip table caption{
	font-weight:bold;
	margin-bottom:6px;
}

.fondo_bloque_descrip table th{
	background-color:rgba(149,180,33,1);
	font-family:din-mediumregular;
	font-size:16px;
    text-transform:uppercase;
	font-weight:300;
	text-align:center;
	color:#fff;
}

.fondo_bloque_descrip table th, .fondo_bloque_descrip table td{padding:4px;}

.fondo_bloque_descrip table .verde_claro{background-color:rgba(149,180,33,0.12);}

.scroll{ /*Añadir esta clase si se quiere añadir scroll vertical al contenido*/
	overflow-y:scroll;
    height:430px;
}

.no_fondo{ /*Añadir esta clase si se quiere eliminar color degradado de fondo*/
	width:650px;
	background: none;
	padding:50px 0px 10px 0px;
}

.cab_bloque_descrip{
	position: absolute;
	float: left;
	width: 800px;
	z-index: 4;
}

.bullets_cab_bloque_descrip{
	float: left;
}

.shadow_title_cab_bloque_descrip{
	float: left;
	
	background:url(../images/shadow_cab_content.png);
	padding:16px 0px 45px 0px;
}

.title_cab_bloque_descrip{
	font-family:cinzelregular;
	font-size: 26px;
	color: #fff;
	padding: 27px 12px 23px 12px;
	
	/*Star - Gradiente*/
	background: #cad109; /* Old browsers */
	background: -moz-linear-gradient(left,  #cad109 0%, #96b214 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cad109), color-stop(50%,#96b214)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #cad109 0%,#96b214 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #cad109 0%,#96b214 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #cad109 0%,#96b214 50%); /* IE10+ */
	background: linear-gradient(to right,  #cad109 0%,#96b214 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad109', endColorstr='#96b214',GradientType=1 ); /* IE6-9 */
	/*End - Gradiente*/
}


.link{ /* Añadir esta clase si se quiere dar formato a los enlaces */
	font-weight: normal;
	color: #729400;
	text-decoration: underline;
}


/*----------------------------------------------*/





/** FORMATOS DE BOTELLA **/
.container_botella{
	display:inline-block;
	position:relative;
	float:left;
	width:25%;
	margin:10px;
	padding:10px;
	text-align:left;
	
	border-radius:15px;
	border:5px solid rgba(0,0,0,0.03);
	background-color:rgba(0,0,0,0.03);
}

.container_botella:hover{background-color:rgba(174,203,64,0.4); cursor:pointer;}

.container_botella img{
	position:relative;
	z-index:1;
}

.container_botella ul{
	position:absolute;
	width:72%;
	left:22%;
	bottom:15%;
	color:#192053;
	list-style:none;
	background-color:#fff;
	
	box-shadow: 0 8px 1em -0.5em rgba(0,0,0,0.7);
}

.container_botella ul li{
	padding:5px 10px 4px 35px;
	text-align:center;
}

.fondo_verde{
	font-family:din-mediumregular;
	text-transform:uppercase;
	font-size:16px;
	line-height:1.3em;
	color:#fff;
	background-color:rgba(149,180,33,1);
}




.container_botella_2{
	display:inline-block;
	position:relative;
	float:left;
	width:25%;
	margin:10px;
	padding:10px;
	text-align:center;
	
	border-radius:15px;
	border:5px solid rgba(0,0,0,0.03);
	background-color:rgba(0,0,0,0.03);
}

.container_botella_2:hover{background-color:rgba(174,203,64,0.4); cursor:pointer;}

.container_botella_2 ul{
	color:#192053;
	list-style:none;
	background-color:#fff;
	
	box-shadow: 0 8px 1em -0.5em rgba(0,0,0,0.7);
}

.container_botella_2 ul li{
	padding:5px 10px 4px 10px;
	text-align:center;
}

/*----------------------------------------------*/





/** DESCARGA PDF **/
.container_pdf{
	display:inline-block;
	float:left;
	width:25%;
	margin:10px;
	padding:10px;
	
	border-radius:15px;
	border:5px solid #95b421;
	background-color:#aecb40;
}

.container_pdf p{
	font-family: din-mediumregular;
	text-align:left;
	color:#fff;
	padding:0px;
	margin-bottom:10px;
	font-size:20px;
	
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.container_pdf img{
	width:100%;
	max-width:273px;
	height:auto;
}

.container_pdf img:hover{
	border-radius:8px;
	background-color:#7d9a13;
}
/*----------------------------------------------*/





/** FORMULARIO DE CONTACTO Y DIRECCIÓN **/
form{
	float: left;
	text-align:left;
	margin: 5px 30px 0px 30px;
}

#contact_form .control_group{
	clear: both;
	float: left;
	margin-bottom: 14px;
}

#contact_form .control_group .control_label{
	float: left;
	width: 100px;
	font-family: cinzelbold;
	font-size: 14px;
	color: #192053;
	padding: 2px 0px 0px 0px;
}

#contact_form .control_group .control_input, #contact_form .control_group .control_textarea, #contact_form .control_group .control_check{
	float: left;
}

#contact_form .control_group .control_input input, #contact_form .control_group .control_textarea textarea{
	width: 435px;
	background-color: rgba(25,32,83,0.25);
	margin: 0px;
	padding: 4px;
	border: none;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #192053;
}

#contact_form .control_group .control_textarea textarea{
	max-width: 435px;
	max-height: 80px;
}

#contact_form .control_group .control_input #campoCaptcha{width:95px; vertical-align:middle;}

#contact_form .control_group .control_input img{vertical-align:middle;}

#contact_form .control_group .control_check{
	padding-left: 100px;
}

#contact_form .control_group .control_label_legal{
	float: left;
	width: 190px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #192053;
	padding: 1px 0px 0px 3px;
}

#contact_form .control_group .control_label_legal a{
	color: #729400;
}

#contact_form .control_group .control_label_legal a:hover{
	text-decoration: underline;
}

#contact_form .boton_enviar{
	clear: both;
	float: left;
	padding-left: 100px;
	margin-top: 10px;
}

#btnSubmit{
	margin: 0px;
	padding: 8px 8px 6px 8px;
	border: none;
	font-family: din-mediumregular;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	
	/*Star - Gradiente*/
	background: rgba(214,217,18,1);/* Old Browsers */
	background: -moz-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(214,217,18,1)), color-stop(50%, rgba(149,180,33,1)), color-stop(100%, rgba(149,180,33,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* IE 10+ */
	background: linear-gradient(115deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d912', endColorstr='#95b421', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	/*End - Gradiente*/
}

#btnSubmit:hover{
	text-decoration: underline;
}

.bloque_direccion{
	float:right;
	width: 100%;
	text-align:left;
	padding: 30px 0px 0px 0px;
}

.bloque_direccion ul{
	float: left;
	list-style: none;
	font-size: 12px;
	margin: 0px 40px 0px 130px;
}

.bloque_direccion ul li a{
	color: #192053;
}

.bloque_direccion ul li a:hover{
	color: #729400;
	text-decoration: underline;
}

.bloque_direccion img{
	float: left;
}


.bloque_privacidad{
	width: 100%;
	padding: 30px 0px 0px 0px;
}
.bloque_privacidad p{
	background-color:rgba(230,230,230,0.5);
	font-size: 12px;
	text-align:center;
	margin: 0px 40px 0px 130px;
}
.bloque_privacidad p a{
	color:#729400;
}
.bloque_privacidad p a:hover{
	text-decoration:underline;
}

/*----------------------------------------------*/





/** Download box **/
.respuesta_envio{
	margin: 20px 60px 213px 60px;
	text-align: center;
}

.download-box-ok{padding:10px 10px 10px 10px; font-size:14px; color:#697a58; background:#eeffdd; border:1px solid #a3c159;}
.download-box-error{padding:10px 10px 10px 10px; font-size:14px; color:#7e6c6c; background:#feebeb; border:1px solid #ff9999}
.download-box-warning{padding:10px 10px 10px 10px; font-size:14px; color:#7e5900; background:#f8e6a6; border:1px solid #f4aa00}

.btnBack{
	margin: 0px;
	padding: 8px 8px 6px 8px;
	border: none;
	font-family: din-mediumregular;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	
	/*Star - Gradiente*/
	background: rgba(214,217,18,1);/* Old Browsers */
	background: -moz-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(214,217,18,1)), color-stop(50%, rgba(149,180,33,1)), color-stop(100%, rgba(149,180,33,1)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(-25deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* IE 10+ */
	background: linear-gradient(115deg, rgba(214,217,18,1) 0%, rgba(149,180,33,1) 50%, rgba(149,180,33,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d912', endColorstr='#95b421', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	/*End - Gradiente*/
}

.btnBack:hover{
	text-decoration: underline;
}
/*----------------------------------------------*/






/*** clases float/clear varias ***/
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si se elimina overflow:hidden en .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}





/************************/ 
/* Desde 960px a 1199px */
/************************/  
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	/*Header*/
	.header{font-size:13px;}
	
	.menu_left, .menu_right{padding:0px 15px;}
	
	#logotipo{width:340px;}
	
	#logotipo img{width:100%; height:auto;}
	
	
	/*Header Responsive*/
	.header_responsive{display:none;}
	
	.button_nav{display:none;}
	/*---------------------------------------------------------*/
	
	
	/** Fondos cabeceras **/
	.bg_index{background-position: left top;}
	/*---------------------------------------------------------*/
	
	
	/*Content*/
	.title_content h1{
		font-size: 56px;
		padding: 0px 8px;
		
		/*Star - Colocar texto*/
		-ms-transform-origin: 42% 319% 0;
		-moz-transform-origin: 42% 319% 0;
		-webkit-transform-origin: 42% 319% 0;
		transform-origin: 42% 319% 0;
		/*End - Colocar texto*/
	}

	.cab_bloque_descrip{width:700px;}
	
	.title_cab_bloque_descrip{font-size:34px; padding:21px 14px 20px 14px;}
	
	.shadow_title_cab_bloque_descrip{background:url(../images/shadow_cab_content.png); padding:16px 0px 45px 0px;}
	
	.title_cab_bloque_descrip .extra_text{display:none;}
	
	.bloque_descrip{left:120px;}
	
	.fondo_bloque_descrip{width:520px; margin-top:80px;}
	
	.fondo_bloque_descrip #img_situacion{width:90%; height:auto;}
	
	.fondo_bloque_descrip table{width:80%;}
	
	.no_fondo{width:560px;}
	/*---------------------------------------------------------*/
	
	
	/** FORMATOS DE BOTELLA **/
	.container_botella{width:24%;}
	
	.container_botella img{width:45%; height:auto;}
	
	.container_botella ul{width:68%; left:25%;}
	
	.container_botella ul li{font-size:12px; line-height:1.3em;}
	
	.container_botella ul .fondo_verde{font-size:12px; line-height:1.3em;}
	
	
	.container_botella_2{width:24%;}
	
	.container_botella_2 img{width:81%; height:auto;}
	
	.container_botella_2 ul li{font-size:12px; line-height:1.3em;}
	
	.container_botella_2 ul .fondo_verde{font-size:12px; line-height:1.3em;}
	/*----------------------------------------------*/
	
	
	/** DESCARGA PDF **/
	.container_pdf{width:24%;}
	
	.container_pdf img:hover{border-radius:6px;}
	/*----------------------------------------------*/
	
	
	/*Formulario*/
	#contact_form .control_group .control_label{font-size:12px; width:85px;}
	
	#contact_form .control_group .control_input input, #contact_form .control_group .control_textarea textarea{width:365px; font-size:12px;}
	
	#contact_form .control_group .control_check{padding-left:85px;}
	
	#contact_form .boton_enviar{padding-left:85px;}
	
	#btnSubmit{font-size:12px;}
	
	.bloque_direccion{padding: 20px 0px 0px 0px;}
	
	.bloque_direccion ul{margin: 0px 40px 0px 30px;}
	
	.bloque_privacidad{padding: 20px 0px 0px 0px;}
	
	.bloque_privacidad p{margin: 0px 40px 0px 30px;}
	/*---------------------------------------------------------*/
	
	
	/*Redes Sociales y Contenido título*/
	.redes_sociales ul, .btn_club ul{font-size: 10px;}
	
	.btn_club ul li{padding: 8px 15px 6px 15px;}
	
	.title_content{width:140px;}
	
	.btn_club ul li .bullet_flecha{background: url(../images/bullet_triangle_peq.png) no-repeat left 0px; padding-right: 10px;}
	/*---------------------------------------------------------*/
}




/************************/ 
/* Desde 720px a 959px */
/************************/  
@media only screen and (min-width: 720px) and (max-width: 959px) {
	
	/*Header*/
	.header{display:none;}
	
	/*Header Responsive*/
	.header_responsive{
		position:relative;
		display:block;
		margin: 0 auto;
		padding: 19px 0px;
		font-family:cinzelregular;
		font-size: 14px;
		color: #192053;
		background-color:rgba(255,255,255,0.9);
		text-align: center;
		z-index:100;
	}
	
	.button_nav, #show-menu, .linea_menu{display:none;}
	
	.menu{
		vertical-align: middle;
		padding: 0px 20px;
		margin-top: 20px;
	}
	
	.menu ul{
		list-style: none;
	}
	
	.menu li{
		display:inline-block;
	}
	
	.menu ul li a{
		color: #192053;
	}
	
	.menu ul li a:hover{
		color: #729400;
		text-decoration: underline;
	}
	
	.menu ul li span{
		padding: 0px 5px;
	}
	/*---------------------------------------------------------*/
	
	

	/** Fondos cabeceras **/
	.bg_index{background-position: left top;}
	/*---------------------------------------------------------*/
	
	
	/*Content*/
	.bloque_descrip{left:10px;}
	
	.cab_bloque_descrip{width:620px;}
	
	.bullets_cab_bloque_descrip{width:auto; height:121px;}
	
	.shadow_title_cab_bloque_descrip{background:url(../images/shadow_cab_content-responsive.png); padding:14px 0px 40px 0px;}
	
	.fondo_bloque_descrip {width:465px; margin-top:55px;}
	
	.no_fondo{width:510px;}
	
	.fondo_bloque_descrip #img_situacion{width:90%; height:auto;}
	
	.fondo_bloque_descrip table{width:90%;}
	
	.title_cab_bloque_descrip{font-size:29px; padding:18px 14px 17px 14px;}
	
	.title_cab_bloque_descrip .extra_text{display:none;}
	/*---------------------------------------------------------*/
	
	
	/** FORMATOS DE BOTELLA **/
	.container_botella{position:inherit; width:23%; margin:10px; text-align:center;}
	
	.container_botella img{width:40%; height:auto;}
	
	.container_botella ul{position:inherit; width:100%;}
	
	.container_botella ul li{font-size:12px; line-height:1.3em; padding: 5px 10px 4px 10px;}
	
	.container_botella ul .fondo_verde{font-size:12px; line-height:1.3em;}
	
	
	.container_botella_2{width:23%;}
	
	.container_botella_2 img{width:72%; height:auto;}
	
	.container_botella_2 ul li{font-size:12px; line-height:1.3em;}
	
	.container_botella_2 ul .fondo_verde{font-size:12px; line-height:1.3em;}
	/*----------------------------------------------*/
	
	
	/** DESCARGA PDF **/
	.container_pdf{width:22%;}
	
	.container_pdf img:hover{border-radius:5px;}
	/*----------------------------------------------*/
	
	
	/*Formulario*/
	#contact_form .control_group .control_label{font-size:12px; width:85px;}
	
	#contact_form .control_group .control_input input, #contact_form .control_group .control_textarea textarea{width:307px; font-size:12px;}
	
	#contact_form .control_group .control_check{padding-left:85px;}
	
	#contact_form .boton_enviar{padding-left:85px;}
	
	#btnSubmit{font-size:12px;}
	
	.bloque_direccion{padding:20px 0px 0px 0px;}
	
	.bloque_direccion ul{margin:0px 25px 0px 30px;}
	
	.bloque_privacidad{padding:20px 0px 0px 0px;}
	
	.bloque_privacidad p{margin:0px 25px 0px 30px;}
	/*---------------------------------------------------------*/
	
	
	/*Redes Sociales y Contenido título*/
	.redes_sociales{right:0px; text-align:right;}
	
	.redes_sociales ul, .btn_club ul{font-size:10px;}
	
	.redes_sociales ul li{padding:8px 16px 6px 15px;}
	
	.btn_club ul li{padding:8px 10px 6px 14px;}
	
	.title_content{width:130px; bottom:93px;}
	
	.title_content h1{font-size:46px; transform-origin:41% 372% 0;}
	
	.btn_club ul li .bullet_flecha{background:url(../images/bullet_triangle_peq.png) no-repeat left 0px; padding-right: 10px;}
	/*---------------------------------------------------------*/	
}




/************************/ 
/* Desde 500px a 719px */
/************************/
@media only screen and (min-width: 500px) and (max-width: 719px) {
	
	/*Index*/
	.bullets_cab_content_index{width:auto; height:93px;}
	.shadow_title_cab_content_index{background:url(../images/shadow_cab_content_index-responsive.png); padding:10px 0px 22px 0px;}
	.title_cab_content_index{width:184px; font-size:18px; padding:4px 10px 5px 10px; line-height:1.27em;}
	
	
	/*Header*/
	.header{display:none;}
	
	/*Header Responsive*/
	.header_responsive{
		display:block;
		float:left;
		width: 100%;
		margin: 0 auto;
		padding: 19px 0px 19px 0px;
		font-family:cinzelregular;
		font-size: 14px;
		color: #192053;
		background-color:rgba(255,255,255,0.9);
		
		border-bottom:2px solid #95b421;
	}
	
	#logotipo{width:68%; max-width:250px; margin-left:20px;}
	
	#logotipo img{width:100%; height:auto;}
	
	
			/*Botón menú desplegable*/
			.button_nav{
				display:inline-block;
				float:right;
				margin:20px 25px 0px 0px;
				padding:4px 4px;
				border:1px solid #ddd;
				border-radius:4px;
				cursor:pointer;
			}
			
			.button_nav:hover{
				background-color:#E0E0E0;
				cursor:pointer;
			}
			
			.icon-bar {
				display: block;
				width: 22px;
				height: 2px;
				margin: 4px;
				border-radius: 1px;
				background-color: #888;
			}
			
			.header_responsive input[type=checkbox]{
				display: none;
			}
			
			.header_responsive input[type=checkbox]:checked + .menu{
				display: block;
			}
			/*--------------*/
	
	
	.menu{
		clear:both;
		display: none;
		padding:0px 60px;
		margin-top:19px;
		text-align:center;
	}
	
	.menu ul{
		list-style: none;
	}
	
	.menu li{
		display:block;
		padding:5px 0px;
		margin:-1px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	
	.menu li:hover{background-color:#EAEAEA;}
	
	.menu li span{
		display:none;
	}
	
	.menu ul li a{
		display:block;
		color: #192053;
	}
	
	.menu ul li a:hover{
		color: #729400;
		text-decoration: underline;
	}
	
	.menu ul li span{
		padding: 0px 5px;
	}
	/*---------------------------------------------------------*/
	
	
	/** Fondos cabeceras **/
	.bg_index{background-position: left top;}
	/*---------------------------------------------------------*/
	
	
	/*Content*/
	.content{float:left; width:100%;}
	
	.bloque_descrip{width:100%; top:0px; left:0px; padding:20px; box-sizing:border-box;}
	
	.cab_bloque_descrip{display:none;}
	
	.fondo_bloque_descrip{width:100%; margin:0px; padding:20px; box-sizing:border-box;}
	
	.fondo_bloque_descrip p{padding:0px;}
	
	.fondo_bloque_descrip #img_situacion{width:90%; height:auto; max-width: 500px;}
	
	.fondo_bloque_descrip table{width:90%;}
	
	.title_cab_bloque_descrip{font-size:15px; padding:18px 12px 18px 0px;}
	
	.extra_text{display:none;}
	
	.no_fondo{padding:0px;}
	
	.scroll{overflow-y:none; height:100%;}
	/*---------------------------------------------------------*/
	
	
	/** FORMATOS DE BOTELLA **/
	.container_botella{position:inherit; float:none; width:32%; margin:10px; padding:20px; text-align:center;}
	
	.container_botella img{width:28%; height:auto; min-width:60px; max-width:60px;}
	
	.container_botella ul{position:inherit; width:100%;}
	
	.container_botella ul li{font-size:16px; line-height:1.3em; padding: 5px 10px 4px 10px;}
	
	.container_botella ul .fondo_verde{font-size:16px; line-height:1.3em;}
	
	
	.container_botella_2{position:inherit; float:none; width:32%; margin:10px; padding:20px; text-align:center;}
	
	.container_botella_2 img{width:73.3%; height:auto; min-width:108px; max-width:108px;}
	
	.container_botella_2 ul{width:100%;}
	
	.container_botella_2 ul li{font-size:16px; line-height:1.3em;}
	
	.container_botella_2 ul .fondo_verde{font-size:16px; line-height:1.3em;}
	/*----------------------------------------------*/
	
	
	/** DESCARGA PDF **/
	.container_pdf{float:none; width:32%; padding:20px; vertical-align:top;}
	/*----------------------------------------------*/
	
	
	/*Formulario*/
	#contact_form{width:100%; margin:0px 0px;}
	
	#contact_form .control_group{width:100%;}
	
	#contact_form .control_group .control_label{display:block; font-size:12px; width:100%;}
	
	#contact_form .control_group .control_input, #contact_form .control_group .control_textarea{width:100%;}
	
	#contact_form .control_group .control_input input, #contact_form .control_group .control_textarea textarea{width:100%; max-width:none; font-size:12px; box-sizing:border-box;}
	
	#contact_form .control_group .control_check{padding-left:0px;}
	
	#contact_form .boton_enviar{width:100%; padding-left:0px; text-align:center;}
	
	#btnSubmit{font-size:12px;}
	
	.bloque_direccion{float:none; padding:30px 0px 0px 0px; text-align:center;}
	
	.bloque_direccion ul{float:none; margin:0px; font-size:11px;}
	
	.bloque_direccion img{display:none;}
	
	.bloque_privacidad{padding:30px 0px 0px 0px;}
	
	.bloque_privacidad p{margin:0px; font-size:11px;}
	
	
	/*Download box*/
	.respuesta_envio{margin:0px 0px 30px 0px;}
	/*---------------------------------------------------------*/
	
	
	/*Redes Sociales y Contenido título*/
	.redes_sociales{right:0px; text-align:right;}
	
	.redes_sociales .icon_facebook, .redes_sociales .icon_twitter{padding:10px 0px;}
	
	.icon_facebook a{background:url(../images/icon-facebook.png) no-repeat center center; padding:10px 16px;}
	
	.icon_twitter a{background:url(../images/icon-twitter.png) no-repeat center center; padding:10px 16px;}
	
	.btn_club{position:fixed; width:auto; padding:0px; right:0px; bottom:111px; z-index:1;}
	
	.btn_club li{padding:10px 0px;}
	
	.btn_club ul li a{background:url(../images/icon-club-sanjoaquin.png) no-repeat center center; padding:10px 16px;}
	
	.btn_club ul li .bullet_flecha{display:none;}
	
	.title_content{float:left; position:inherit; width:100%; text-align:center;}
	
	.title_content h1{
		width:100%;
		box-sizing:border-box;
		font-size:40px;
		font-weight:bold;
		padding:20px 20px 0px 20px;
		
		/*Star - Rotar texto*/
		-webkit-transform: none; /* Chrome y Safari */
		-moz-transform: none; /* Firefox */
		-o-transform: none; /* Opera */
		-ms-transform: none; /* IE 9 */
		filter:progid:DXImageTransform.Microsoft.BasicImage(enabled = false); /* IE 8 */
		/*End - Rotar texto*/
	}
	/*---------------------------------------------------------*/
}




/************************/ 
/* Desde 0px a 499px */
/************************/
@media only screen and (max-width: 499px) {
	
	/*Index*/
	.bullets_cab_content_index{width:auto; height:93px;}
	.shadow_title_cab_content_index{background:url(../images/shadow_cab_content_index-responsive.png); padding:10px 0px 22px 0px;}
	.title_cab_content_index{width:184px; font-size:18px; padding:4px 10px 5px 10px; line-height:1.27em;}
	
	
	/*Header*/
	.header{display:none;}
	
	/*Header Responsive*/
	.header_responsive{
		display:block;
		float:left;
		width: 100%;
		margin: 0 auto;
		padding: 19px 0px 19px 0px;
		font-family:cinzelregular;
		font-size: 14px;
		color: #192053;
		background-color:rgba(255,255,255,0.9);
		
		border-bottom:2px solid #95b421;
	}
	
	#logotipo{width:68%; max-width:250px; margin-left:20px;}
	
	#logotipo img{width:100%; height:auto;}
	
	
			/*Botón menú desplegable*/
			.button_nav{
				display:inline-block;
				float:right;
				margin:20px 25px 0px 0px;
				padding:4px 4px;
				border:1px solid #ddd;
				border-radius:4px;
				cursor:pointer;
			}
			
			.button_nav:hover{
				background-color:#E0E0E0;
				cursor:pointer;
			}
			
			.icon-bar {
				display: block;
				width: 22px;
				height: 2px;
				margin: 4px;
				border-radius: 1px;
				background-color: #888;
			}
			
			.header_responsive input[type=checkbox]{
				display: none;
			}
			
			.header_responsive input[type=checkbox]:checked + .menu{
				display: block;
			}
			/*--------------*/
	
	
	.menu{
		clear:both;
		display: none;
		padding:0px 60px;
		margin-top:19px;
		text-align:center;
	}
	
	.menu ul{
		list-style: none;
	}
	
	.menu li{
		display:block;
		padding:5px 0px;
		margin:-1px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	
	.menu li:hover{background-color:#EAEAEA;}
	
	.menu li span{
		display:none;
	}
	
	.menu ul li a{
		display:block;
		color: #192053;
	}
	
	.menu ul li a:hover{
		color: #729400;
		text-decoration: underline;
	}
	
	.menu ul li span{
		padding: 0px 5px;
	}
	/*---------------------------------------------------------*/
	
	
	/** Fondos cabeceras **/
	.bg_index{background-position: 10% top;}
	/*---------------------------------------------------------*/
	
	
	/*Content*/
	.content{float:left; width:100%;}
	
	.bloque_descrip{width:100%; top:0px; left:0px; padding:20px; box-sizing:border-box;}
	
	.cab_bloque_descrip{display:none;}
	
	.fondo_bloque_descrip{width:100%; margin:0px; padding:20px; box-sizing:border-box;}
	
	.fondo_bloque_descrip p{padding:0px;}
	
	.fondo_bloque_descrip #img_situacion{width:90%; height:auto;}
	
	.fondo_bloque_descrip table{width:90%;}
	
	.title_cab_bloque_descrip{font-size:15px; padding:18px 12px 18px 0px;}
	
	.extra_text{display:none;}
	
	.no_fondo{padding:0px;}
	
	.scroll{overflow-y:none; height:100%;}
	/*---------------------------------------------------------*/
	
	
	/** FORMATOS DE BOTELLA **/
	.container_botella{position:inherit; float:none; width:65%; margin:10px; padding:20px; text-align:center;}
	
	.container_botella img{width:28%; height:auto; min-width:60px; max-width:60px;}
	
	.container_botella ul{position:inherit; width:100%;}
	
	.container_botella ul li{padding: 5px 10px 4px 10px; font-size:16px; line-height:1.3em;}
	
	.container_botella ul .fondo_verde{font-size:16px; line-height:1.3em;}
	
	
	.container_botella_2{position:inherit; float:none; width:65%; margin:10px; padding:20px; text-align:center;}
	
	.container_botella_2 img{width:73.3%; height:auto; min-width:108px; max-width:108px;}
	
	.container_botella_2 ul{width:100%;}
	
	.container_botella_2 ul li{font-size:16px; line-height:1.3em;}
	
	.container_botella_2 ul .fondo_verde{font-size:16px; line-height:1.3em;}
	/*----------------------------------------------*/
	
	
	/** DESCARGA PDF **/
	.container_pdf{float:none; width:65%; padding:20px;}
	/*----------------------------------------------*/
	
	
	/*Formulario*/
	#contact_form{width:100%; margin:0px 0px;}
	
	#contact_form .control_group{width:100%;}
	
	#contact_form .control_group .control_label{display:block; font-size:12px; width:100%;}
	
	#contact_form .control_group .control_input, #contact_form .control_group .control_textarea{width:100%;}
	
	#contact_form .control_group .control_input input, #contact_form .control_group .control_textarea textarea{width:100%; max-width:none; font-size:12px; box-sizing:border-box;}
	
	#contact_form .control_group .control_check{padding-left:0px;}
	
	#contact_form .boton_enviar{width:100%; padding-left:0px; text-align:center;}
	
	#btnSubmit{font-size:12px;}
	
	.bloque_direccion{float:none; padding:30px 0px 0px 0px; text-align:center;}
	
	.bloque_direccion ul{float:none; margin:0px; font-size:11px;}
	
	.bloque_direccion img{display:none;}
	
	.bloque_privacidad{padding:30px 0px 0px 0px;}
	
	.bloque_privacidad p{margin:0px; font-size:11px;}
	
	
	/*Download box*/
	.respuesta_envio{margin:0px 0px 30px 0px;}
	/*---------------------------------------------------------*/
	
	
	/*Redes Sociales y Contenido título*/
	.redes_sociales{right:0px; text-align:right;}
	
	.redes_sociales .icon_facebook, .redes_sociales .icon_twitter{padding:10px 0px;}
	
	.icon_facebook a{background:url(../images/icon-facebook.png) no-repeat center center; padding:10px 16px;}
	
	.icon_twitter a{background:url(../images/icon-twitter.png) no-repeat center center; padding:10px 16px;}
	
	.btn_club{position:fixed; width:auto; padding:0px; right:0px; bottom:111px; z-index:1;}
	
	.btn_club li{padding:10px 0px;}
	
	.btn_club ul li a{background:url(../images/icon-club-sanjoaquin.png) no-repeat center center; padding:10px 16px;}
	
	.btn_club ul li .bullet_flecha{display:none;}
	
	.title_content{float:left; position:inherit; width:100%; text-align:center;}
	
	.title_content h1{
		width:100%;
		box-sizing:border-box;
		font-size:36px;
		font-weight:bold;
		padding:20px 20px 0px 20px;
		
		/*Star - Rotar texto*/
		-webkit-transform: none; /* Chrome y Safari */
		-moz-transform: none; /* Firefox */
		-o-transform: none; /* Opera */
		-ms-transform: none; /* IE 9 */
		filter:progid:DXImageTransform.Microsoft.BasicImage(enabled = false); /* IE 8 */
		/*End - Rotar texto*/
	}
	/*---------------------------------------------------------*/
}