@charset "utf-8";
/* CSS Document */
html, body {/**************************************************************************************************************************/
  font-family: 'Roboto', sans-serif;
  line-height: 1.3;
  background-color:#eeeeee;
}

#menu_top{
	right: 0;
   	top: 0;
  	width: 80%;
	height: 85px;
	background-color:#009036;
	padding: 0 10%;
	z-index:99;
}
#menu_top_home{
	right: 0;
   	top: 0;
  	width: 80%;
	height: 85px;
	background-color:#009036;
	padding: 0 10%;
	z-index:99;
	position: fixed;
}
#top_producto{
	background:#bebebe; 
	width: 80%; 
	padding: 0 10%;
}
#top_categoria{
	background: no-repeat fixed center;
	background-repeat: repeat-x;
	width: 80%; 
	padding: 0 10%;
	height: 280px;
	position:relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.tit_producto{
	float:left; 
	font-weight: 100; 
	font-size: 51px; 
	color: #FFF; 
	padding: 2% 0% ;
}
.tit_categoria {
	float:left; 
  	font-weight: 100; 
  	font-size: 51px;
	color: #FFF; 
	padding: 1px 10px;
  	background: rgba(0, 0, 0, 0.4);
	bottom: 0;
	position: absolute;
}
.mostrar_gde{
	display:block;
}
.mostrar_ch{
	display:none;
}
.logo_top{
	position:relative;
	float: left;
	padding-top:15px;
}
.buscarr{
	float:right;
	position:relative;
	padding: 3% 0%;
}
#contenido{
		margin:0 auto;
        width:80%;
		padding: 10px 0px 60px 0px;

}
.prod_relacionados{
	width:99%; 
	height:28px; 
	padding-top:2px; 
	padding-left: 1%; 
	margin-top:30px; 
	background-color:#009036;
}
.desc_gal{
	width:99%; 
	height:40px; 
	padding-top:10px; 
	padding-left: 1%; 
	margin-top:20px; 
	background-color:#bebebe;
}
.desc_contenido{
	width:99%;  
	padding-top:10px; 
	padding-bottom: 40px; 
	padding-left: 1%;	
	width:99%; 
}
.botones_adjuntos{
	width:99%;  
	padding-left: 1%; 
	padding-bottom: 20px;
	border-top: solid 1px #d6d6d6; 
}


#pie {
	margin:auto; 
	width:80%;
}
.pie_data {
	width:365px; 
	float:left; 
	padding: 20px 0px 0px 0px;
}
.pie_direccion {
	float:left;
}
.pie_horario {
	float:right;
	width:245px;
	padding: 20px 0px 0px 0px;
}



.campo_menu{
	position:relative; 
	float: right; 
	padding-top:6px;
}
#fotter_botton{
	position:fixed;
	right: 0;
	bottom: 0;
  	width: 100%;
	height: 25px;
	background-color:#0F0;
	z-index:99;
}
.container {
  position: relative;
  width: 50%;
  max-width: 500px;
  left: 90px;
  top: 13%;
  padding: 10px 20px;
}
.description_home {
  font-weight: 400; 
  position:relative;
  left: 10%;
  font-size: 20px;
  color: white;  
  background: rgba(0, 0, 0, 0.4);
  width: 50%;
  padding: 1px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-decoration:none;
}
.slides-navigation {
  top: 60%;
}
.slides-navigation a {
  display: block;
  height: 80px;
  width: 80px;
  top: -80px;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);	
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
}
.slides-navigation a:hover {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);	
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
  
}
.rollover {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.rollover:hover { 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);	
	filter:alpha(opacity=30);
	opacity: 0.30;
	-moz-opacity: 0.30;
}



h1 {
  font-size: 3.64058em;
}

h2 {
  font-size: 2.94529em;
}

h3 {
  font-size: 2.25em;
}

h4 {
  font-size: 1.82029em;
}

h5 {
  font-size: 1.39058em;
}

h6 {
  font-size: 1.125em;
}

h1 {
  font-weight: 400;
  color: white;
  text-shadow: 0 1px 2px #000;
  margin: 30px 0;
}


#mostrar{
display:block;
width:99%;
padding-left: 1%;
padding-top:5px;
padding-bottom:5px;
background-color:#009036;
text-decoration:none;
color:#FFF;
margin-top: 0;
}
#caja {
width:100%;
margin-top: 0;
display: none;
padding: 0px 0px 5px 20px;
background-color:#267142;
}
.separador_menu{
	width:100%;
	margin-left: -20px;
	padding-left: 20px;
	border-top: 1px solid #3d8157;
}
.tit_home {
  font-weight: 400;
  font-size: 60px;
  color: white;
  text-shadow: 0 1px 2px #666;
  margin: 150px 0px 30px 0px;
  position:relative;
  left: 10%;
  width: 50%;
}
.txt_verde_22 {
  font-family: 'Roboto', sans-serif;
  color:#009036;
  font-weight:700;
  font-size:22px;
}
.txt_bco_20 {
  font-family: 'Roboto', sans-serif;
  color:#FFF;
  font-weight:400;
  font-size:20px;
}
.txt_gris_18 {
  font-family: 'Roboto', sans-serif;
  color:#444444;
  font-weight:400;
  font-size:18px;
  line-height: 1.4em;
}
.txt_gris_15 {
  font-family: 'Roboto', sans-serif;
  color:#444444;
  font-weight:300;
  font-size:15px;
}
.txt_bco_17 {
  font-family: 'Roboto', sans-serif;
  font-size:17px;
  color:#FFF;
}
.txt_bco_16 {
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  color:#FFF;
  font-weight:300;  
}
.txt_bco_13 {
  font-family: 'Roboto', sans-serif;
  font-size:13px;
  color:#FFF;
  font-weight:300;
}
.txt_menu_mini{
	text-decoration:none;
	color:#FFF;
  	font-family: 'Roboto', sans-serif;
	font-size: 18px;
  	line-height: 3.3;
}
.txt_bco_30 {
  font-family: 'Roboto', sans-serif;
  font-size:30px;
  color:#FFF;
}
/* --------------------------------------------------------------------------------------------------TEXT LINK */
.txt_menu_link { 
	font-size: 20px;
	font-weight: 300;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	padding: 0px 0px 0px 20px;
}
.txt_menu_link:hover {
	color: #e2eb4e;
	text-decoration:none;
}
.txt_miga_link { 
	font-size: 15px;
	font-weight: 300;
	text-decoration:none;
	color:#666666;
	cursor:pointer;
}
.txt_miga_link:hover {
	color: #009036;
	text-decoration:none;
}
.none_bco {
	text-decoration:none;
	color: white;
}
/* --------------------------------------------------------------------------------------------------BOTONES */
.boton, .boton:visited {
	font-family:'Roboto', sans-serif;
	background: #222; 
	display: inline-block; 
	padding: 7px 12px 7px; 
	color: #fff; 
	text-decoration: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-top:10px;
}

	.boton:hover							{ background-color: #111; color: #fff; }
	.boton:active							{ top: 1px; }
	.small.boton, .small.boton:visited 			{ font-size: 11px; padding: ; }
	.boton, .boton:visited,
	.medium.boton, .medium.boton:visited 		{ font-size: 15px; font-weight: 400; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.boton, .large.boton:visited 			{ font-size: 20px; padding: 12px 18px 13px; }
	
	.green.boton, .green.boton:visited		{ background-color: #009036; }
	.green.boton:hover						{ background-color: #7cc243; }
	.blue.boton, .blue.boton:visited		{ background-color: #2daebf; }
	.blue.boton:hover							{ background-color: #007d9a; }
	.red.boton, .red.boton:visited			{ background-color: #e33100; }
	.red.boton:hover							{ background-color: #872300; }
	.magenta.boton, .magenta.boton:visited		{ background-color: #a9014b; }
	.magenta.boton:hover							{ background-color: #630030; }
	.orange.boton, .orange.boton:visited		{ background-color: #ff5c00; }
	.orange.boton:hover							{ background-color: #d45500; }
	.yellow.boton, .yellow.boton:visited		{ background-color: #ffb515; }
	.yellow.boton:hover							{ background-color: #fc9200; }
.rollover:link {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.rollover:visited {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.rollover:hover { 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);	
	filter:alpha(opacity=30);
	opacity: 0.30;
	-moz-opacity: 0.30;
}
.rollover:active { 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.redondea{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}




/* --------------------------------------------------------------------------------------------------formulario */
.div_formulario {
	float:left;
	width:55%; 
	padding: 45px 0px 0px 0px;
}
.div_data {
	float:right; 
	width:45%; 
	padding: 45px 0px 0px 0px;
}
#nombre {
	position:absolute;
	left:0px;
	top:3px;
	width:90%;
	height:50px;
	z-index:1;
}
#telefono {
	position:absolute;
	left:0px;
	top:3px;
	width:90%;
	height:50px;
	z-index:1;
}
#mail {
	position:absolute;
	left:0px;
	top:3px;
	width:90%;
	height:50px;
	z-index:1;
}
#comentario {
	position:absolute;
	left:0px;
	top:3px;
	width:90%;
	height:260px;
	z-index:1;
}
.campo_form {
font-family:'Roboto', sans-serif;
font-size:35px;
font-weight:300;
border: 0px; 
color: #666666;
background-color:#d6d6d6;
background-image: none;
}
.campo_form_contacto {
font-family:'Roboto', sans-serif;
font-size:35px;
font-weight:300;
border: 0px; 
color: #666666;
background-color:#d6d6d6;
}


::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#666666;
font-size:35px;
font-weight:300;
}
:-moz-placeholder {      /*Para Firefox 18-*/
color:#666666;
font-size:35px;
font-weight:300;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#666666;
font-size:35px;
font-weight:300;
}
:-ms-input-placeholder {        /*Para IE10+*/
color: #666666; 
font-size:35px;
font-weight:300;
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#666666;
font-size:35px;
font-weight:300;
}
/* --------------------------------------------------------------------------------------------------IE */
.ie {   
	position:relative; 
	float:left; 
	width:270px; 
	height:212px; 
	padding: 6px 6px;
}
.ie:hover {   
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */ 
}
.ie_img {   
	position:absolute; 
	font-weight:500; 
	color:#FFF; 
	font-size:20px; 
	left: 6px; 
	bottom: 6px; 
	width: 250px; 
	padding: 13px 10px;  
}



/* --------------------------------------------------------------------------------------------------media 1148 */
@media only screen and (max-width:1148px){
.logo_top{
	position: absolute;
	float: left;
	width:120px;
	padding-top:8px;
}	
.campo_menu{
	width:100%;
	position:relative;
}
.txt_menu_link { 
	padding: 0px 20px 0px 0px;
}


/* --------------------------------------------------------------------------------------------------media 768 */
@media only screen and (max-width:768px){
.tit_home {
  margin: 120px 0px 30px 0px;
  font-size: 38px;
  left: 2%;
  width: 100%;
}
#top_producto{ 
	width: 94%; 
	padding: 0 3%;
}
#top_categoria{ 
	width: 94%; 
	padding: 0 3%;
}
.tit_producto{
	font-size: 25px; 
}

.mostrar_gde{
	display:none;
}
.mostrar_ch{
	display:block;
}
.description_home {
  left: 2%;
  width: 92%;
  font-size: 16px;
}	

.slides-navigation {
  display: none;
}
#menu_top{
	display:none;
}
#menu_top_home{
	display:none;
}
    .logo_top{
	position:relative;
	float: none;
	padding-top:10px;
}
#contenido{
		margin:0 auto;
        width:95%;
		padding: 10px 0px 30px 0px;
}

#pie {
	width:95%;
}
.pie_data {
	width:100%; 
	float:left; 
}
.pie_horario {
	width:100%; 
		float:left; 
}

}	
	


/* --------------------------------------------------------------------------------------------------media 450 */
@media only screen and (	max-width:450px){
.slides-navigation {
    display: none;
  }
 #contenido article {
        display:inline-block;
        width:100%;
		padding: 5% 0%;
		vertical-align:top;
}
.tit_categoria{
	font-size: 35px; 
}
#top_categoria{
	height: 200px;
}
.pie_direccion {
	width:250px;
}

.div_formulario {
	width:100%; 
	padding: 45px 0px 0px 0px;
}
.div_data {
	float:left;
	width:100%; 
	padding: 5px 0px 30px 0px;
}
.campo_form {
font-size:20px;
}
.campo_form_contacto {
font-size:20px;
}
::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
font-size:20px;
}
:-moz-placeholder {      /*Para Firefox 18-*/
font-size:20px;
}
::-moz-placeholder {      /*Para Firefox 18+*/
font-size:20px;
}
:-ms-input-placeholder {        /*Para IE10+*/
font-size:20px;
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
font-size:20px;
}
.txt_gris_18 {
  font-family: 'Roboto', sans-serif;
  color:#444444;
  font-weight:400;
  font-size:16px;
  line-height: 1.4em;
}
}