@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	padding:5px;
	text-align:center;
	background-color:#FFFFFF;
	font-family:Helvetica,Arial, sans-serif;
	color:#4D4D4D;
}
#page { 
width:100%;
}

.txt_precio{
	font-size:9px;
}

#nombre_cat h3{
	margin-left:30px;
	font-size:30px;
}

#nombre_cat > div{
	text-align:left;
}

.contenido {
	width:950px;
	margin:auto;
}
#header{
	background-image:url(img/bg_header.jpg);
	background-repeat:repeat-x;
	height:285px;
}

#logo_header{
	padding-top:15px;
}
#box_botonera {
	/*position:relative; */
	}

#botonera{
	background-image:url(img/bg_botonera.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:69px;
	position:absolute;
	width:100%;
	z-index:2;
	text-align:center;

}

#botonera_mobile{
	background-color:#C2272D;
	border-bottom:2px solid #FFF;
	/*position:absolute;*/
	width:100%;
	z-index:2;
	text-align:left;
}

#categorias_mobile{
	background-color:#FFFFFF;
	/*position:absolute;*/
	width:100%;
	z-index:2;
	text-align:left;
}

#categorias_mobile img, #botonera_mobile img{
	margin-top:5px;
	margin-left:10px;
	margin-bottom: 5px;
}
#categorias_mobile ul, #botonera_mobile ul{
	list-style:none;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	display:none;
}

#botonera_mobile ul a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	margin-left:15px;
}

#categorias_mobile ul a{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	margin-left:15px;
}

#categorias_mobile li.seleccionado a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	margin-left:15px;
}

#marquee{
	background-repeat:repeat-x;
	width:100%;
	height:543px;
	position:relative;
	margin-top: 40px;
	padding-top: 5px;
}
#marquee_productos{
	background-repeat:repeat-x;
	width:100%;
	height:407px;
	position:relative;
	margin-top: 40px;
	padding-top: 5px;
}
#botones {
	margin:auto;
	position:relative;
	width:800px;
}
#botonera ul{
	margin:0px auto;
	padding:0px;
	list-style:none;
}

#botonera li{
	float:left;
	display:inline;
}

#botonera li a{
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

#botonera li.seleccionado {
	/*background-image:url(img/bg_botonera_select.png);
	background-position:center;
	background-repeat:no-repeat;*/
	height:69px;
}

#logo_header img { 
max-width: 100%; 
min-width:320px;
}
#login_form {
	float:right;
	position:absolute;
	right:20px;
	margin-top:17px;
	text-align:right;
}
#login_form input {
	background-color:#FFF;
	border:#C1272D solid 1px;
	margin:10px;
	padding:5px;
}
#login_form form{
	display: inline;
margin-right: 10px;
}
#carrito_resumen {
	float:right;
	width:60px;
	background-color:#C1272D;
	color:#FFF;
	font-weight:bold;
	padding:3px;
	text-align:left;
	background-image:url(img/icon_carrito.jpg);
	background-repeat:no-repeat;
	background-position:5px 3px;
	padding-left:30px;
	border:#FFF 2px solid;
	height:15px;
	font-size:11px;
	margin-top:10px;
}

.marquee_titulo h1{
	font-weight:normal;
	font-size:80px;
	line-height:90%;
	color:#FFF;
}


.marquee_titulo p{
	font-weight:normal;
	font-size:13px;
	line-height:120%;
	color:#FFF;
}

.marquee_titulo a{
	color:#FFF;
	text-decoration:underline;
}
.marquee_titulo p.negro{
	font-weight:bold;
	font-size:15px;
	line-height:120%;
	color:#000;
}

.marquee_titulo {
	margin-top:20px;
	text-align:left;
	width:360px;
}

.elemento_marquee {
	width:850px;
	margin:auto;
	text-align:left;
	position:relative;
}


.bt_buscar {
	border: 1px #ffffff solid;
	margin-left: -4px;
	cursor:pointer;
	float:right;
}
.button_rojo {
	background-color:#C1272D;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	text-decoration:none;
	z-index:100;
	cursor:pointer;
	position:absolute;
	margin-top:-30px;
}
#buscador {
	background-color:#B3B3B3;
	padding:5px;
	/*margin-top:593px;*/
	text-align:center;
}
#inputs_buscador {
	width:900px;
	margin:auto;
}
#buscador_in {
	padding:3px;
	margin:auto;
}

#buscador_in span{
	color:#C1272D;
	font-weight:bold;
	font-size:14px;
	float: left;
	margin-top: 6px;
}
.buscador_label{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	margin-left:40px;
	float:left;
}

#buscador_in input{
	border:1px solid #fff;
	padding:3px;
	/*padding-right:25px;*/
	width:55px;
	margin-left:10px;
	/*background-image:url(img/bg_input_buscar.jpg);
	background-repeat:no-repeat;
	background-position:95px 0px;*/
	height:19px;
}

#footer_01 {
	background-color:#E6E6E6;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:5px solid #ffffff;
	clear:left;
}

#botonera_mobile {
	display:none;
}

#footer_01_cont {
	width:900px;
	margin:auto;
}
#footer_01 h1{
	color:#C1272D;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
}
#footer_01 h2{
	font-size:24px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:20px;
}

#bt_newsletter {
	float:left;
	margin-left:10px;
	margin-top:20px;
}

#texto_footer {
	width:600px;
	margin-left:200px;
}

#texto_footer span a{
	font-size:16px;
	color:#333;
	text-decoration:none;
}

#footer_02{
	background-color:#4D4D4D;
	padding:15px;
	}
	
#footer_02_cont{
	border-bottom:1px solid #FFF;
	text-align:left;
	width:950px;
	margin:auto;
	padding:10px;
	font-size:12px;
	line-height:120%;
	color:#FFF;
	}
	
#footer_02_cont a{
	color:#FFF;
	text-decoration:none;
	}
	
#footer_02_cont p{
	width:550px;
	margin:0px;
	}	
	
#imagen_footer {
	float:right;
	margin:0px;
	margin-top:-120px;
}

.imagen_home {
	position:absolute;
	top:40px;
	right:0px;
	display:block;
	}
.producto_home {
	width:25%;
	float:left;
}

.producto_home_2 {
	width:33%;
	float:left;
}

.producto_home_cont{
	padding:20px;
	text-align:left;
	border:2px solid #999;
	margin:10px;
	height: 400px;
	position:relative;
}


.producto_home_cont img{
	width:100%;
}

.producto_home_cont p{
	font-size:11px;
	margin:0px;
	margin-top:5px;
}
.producto_home_cont p.codigo,p.codigo{
	color:#C00;
	font-weight:bold;
	font-size:16px;
	
}

.producto_home_cont h3{
	font-size:14px;
}

.producto_home_cont h3 span{
	font-size:14px;
	font-weight:normal;
}


.bt_carrito{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding:5px 8px;
	margin-top: 5px;
	display: block;
	position:absolute;
	bottom:10px;
}

.bt_5 {
	background-color:#C1272D;
}

.bt_naranja{
	background-color:#F7931E;
}

.bt_rojo {
	background-color:#C1272D;
}

.bt_4{
	background-color:#F7931E;
}



#mapa{
	margin-bottom:20px;
	border:1px solid #333;
	clear:left;
}
#texto_la_empresa {
	line-height:150%;
	font-size:13px;
	margin-bottom:40px;
	clear:both;
}
#texto_col_2, #texto_col_1 {
	float:left;
	width:50%;
	
}
#texto_sin_col p, #texto_col_2 p, #texto_col_1 p{
	text-align:left;
	padding:20px;

}

#box_vision, #box_mision { 
width:50%;
float:left;
}

#box_vision_texto, #box_mision_texto{
	border:2px solid #666666;
	padding:40px 10px;
	margin:10px;
	margin-top:-40px;
	line-height:150%;
	min-height:160px;
}

#mision_vision {
	margin-bottom:30px;
}

.mobile {
	display:none;
}

.no-mobile {
	display:block;
}

#la_empresa, #distribuidores, #newsletter{
	padding-top:80px;
	background-color:#F2F2F2;
}

.box_distribuidores {
	width:160px;
	height:1px;
	border-bottom:1px solid #333;
	display:block;
	margin:auto;
	}
#texto_distribuidores{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	width:700px;
	line-height: 170%;	
}
#form_distribuidores {
	width:400px;
	margin-bottom:60px;
	margin-top:20px;
	line-height:170%;
	}
#form_distribuidores input, #form_distribuidores textarea {
	border:1px solid #C1272D;
	width:100%;
	padding:5px;
	margin:10px;
}

.bt_form{
	background-color:#C1272D;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	width:170px;
	float:right;
	display:block;
	clear:right;
	text-decoration:none;
	padding:10px;
	text-align:center;
	}
	
.box_calidad_2, .box_calidad{
	width:33%;
	float:left;
	text-align:left;
	min-height:200px;
}

.box_calidad p{
	margin-left:80px;
	line-height:150%;
	font-size:14px;
	color:#4D4D4D;
}

.box_calidad_2 img, .box_calidad_2 h3, .box_calidad h3{
	margin-left:80px;
}

.box_calidad img{
	float:left;
	margin-top:30px;
	margin-left:10px;
}



.box_calidad_2 {
	text-align:left;
}
#tabla_carrito {
	width:700px;
	text-align:left;
	margin:auto;
}

#tabla_carrito table{
	width:100%;
	text-align:left;
	border-collapse:collapse;
}

#tabla_carrito th{
	border-bottom:1px solid #666;
	border-top:1px solid #333;
	padding:10px;
	text-transform:uppercase;
	text-align:center;
}
#tabla_carrito td{
	padding:5px;
	border-bottom:1px solid #666;
}

#tabla_carrito td.codigo{
	font-size:20px;
	font-weight:bold;
	color:#EC1C24;
}

#tabla_carrito td.cantidad a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#666;
}


#tabla_carrito td.cantidad input{
	width:50px;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #C1272D;
}

#tabla_carrito td.borrar a{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666;
}

#tabla_carrito td.precio{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
}


#tabla_carrito td img{
	width:150px;
	margin-top:10px;
	margin-bottom:10px;
}

#bt_total {
	border:1px solid #666;
	font-size:9px;
	width:190px;
	margin-bottom:20px;
	margin-top:15px;
	float:right;
}
#bt_total p{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}

#login_form input.bt_enviar{
	background-color:#E6E6E6;
	border:1px solid #F2F2F2;
	color:#000;	
}

.bt_registro{
	color:#FFF;
	text-decoration:none;
	margin-top: 14px;
	display: inline-block;
}

input.error {
	background-color:#FC7583;
	color:#FFF;
}

#nombre_login{
	width: 300px;
height: 46px;
color: #FFFFFF;
}
.bt_blanco {
	text-decoration:none;
	font-size:10px;
	color:#FFF;
	margin-top:20px;
}

.bt_blanco:hover {
	text-decoration:underline;
	color:#FFF;
}


#politicas, #terminos {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
	left:15%;
    top: 30px; /* positions the div half way vertically */
    padding: 25px; 
    background-color: #ffffff;
    width: 70%;
    z-index: 100; /* makes the div the top layer, so it’ll lay on top of the other content */
	border:10px solid #C1272D;
	text-align:left;
	font-size:12px;
	line-height:120%;
}
#fade {
    display: none;  /* ensures it’s invisible until it’s called */
    position: absolute;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0; /* makes the div span all the way across the viewing area */
    top: 0; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 90; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}
#logo_terminos{
	float:right;
}

.bt_cerrar_terminos {
	float:right;
	background-color:#C1272D;
	font-size:20px;
	color:#FFF;
	text-align:center;
	width:30px;
	height:30px;
	position:absolute;
	top: 0;
	right: 0;
	padding-top: 15px;
	display:none;
	cursor:pointer;
}
.elemento_marquee {
	max-width:900px;
}


#categorias li.seleccionado {
	background-image:url(img/bg_botonera_categorias_seleccionado.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:57px;
	color:#000;
}
#categorias li.seleccionado a{
	color:#000;
}

#categorias{
	background-image:url(img/bg_botonera_categorias.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:57px;
	/*position:absolute;*/
	width:100%;
	z-index:2;
	text-align:center;
}

#botones_categorias {
	margin:auto;
	position:relative;
	width:900px;
}
#categorias ul{
	margin:0px auto;
	padding:0px;
	list-style:none;
}

#categorias li{
	float:left;
	display:inline;
}

#categorias li a{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	color:#CCC;
	text-decoration:none;
	font-size: 14px;
}

.producto_grande{
	position:relative;
	}
.producto_grande_cont{
	min-height:400px;
}

.producto_grande_cont img{
	float:left;
	max-width:400px;
}

.producto_grande_texto {
	text-align:left;
	margin-left:450px;
}

#mensaje {
	width:100%;
	position:fixed;
	text-align:center;
	top:-30px;
	height:20px;
	padding-top:10px;
	background-color:#FC0;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	z-index:100;
}

#titulo_home {
	font-size:24px;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	border-bottom:1px solid #999;
}

#barra_categorias{
	text-align:left;
	width: 200px;
	height: 400px;
	float: left;
	}
#productos_home_listado{	
	margin-left: 220px;
}

#barra_categorias h2{
	background-color:#C1272D;
	font-size:14px;
	padding:5px;
	text-align:left;
	color:#FFF;
}
.padre_categoria h1{
	background-image:url(img/flecha_cat.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:14px;
	color:#000;
	padding-left:15px;
	cursor:pointer;
	
}

.padre_categoria.comprimido {
	background-image:url(img/mas_cat.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

.padre_categoria {
	background-image:url(img/menos_cat.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
.borde_cat {
	border-bottom:1px solid #CCC;
	}

.padre_categoria ul{
	list-style:none;
	margin:0px;
	padding:0px 20px;
}

.padre_categoria a{
	text-decoration:none;
	color:#000;
	line-height:150%;
	font-size:12px;
}

.padre_categoria.comprimido > ul{
	display:none;
}

#items > div {
	cursor:pointer;
	}
	
#bt_catalogo {
	margin-top:30px;
	text-align:center;
}

@media all and (max-width: 1000px) and (min-width: 700px) {
  .imagen_home img{
	  width:80%;
	  }  
	  .imagen_home {
		  right: -300px;
	  }

	.elemento_marquee {
		margin-left:10px;
		width:100%;
	}
	.contenido {
	width:100%;
}
.producto_home {
width: 33%;
}

.marquee_titulo {
	margin-left:40px;
}
	  
  }


@media all and  (max-width : 800px) {

#tabla_carrito td.codigo {
	font-size:14px;
}
	
#tabla_carrito th {
	font-size:14px;
}
.button_rojo {
	margin-left: 40px;
}


#politicas, #terminos {
	width:auto;
	left:0;
	top:0;
}

.marquee_titulo {
	margin-left:40px;
	width:70%;
}

.producto_grande_cont img{
	width:100%;
	float:none;
}
.producto_grande_cont  .bt_carrito{
	position:relative;
}

.producto_grande_texto {
clear:both;	
margin-left:0px;
padding:10px;
}

.bt_cerrar_terminos {
	display:block;
}
#carrito_resumen {
	width:30px;
}
  .imagen_home img{
	  width:50%;
	  display:none;
	 
}
  .imagen_home {
		  right:10px;
	  }
	  .elemento_marquee {
		margin-left:10px;
		width:100%;
	}
	#botonera {
		display:none;
	}
	#botonera_mobile {
		display:block;
	}
	#login_form input {
	margin-left: 0px;
	width: 80px;
	margin-right: 0px;
}
	#login_form {
	}
	#logo_header {
padding-top: 40px;
}
#footer_01_cont {
	width:100%;
}
#bt_newsletter {
 float:none;
 margin:0px;
width: 100%;
}
#texto_footer {
	width:100%;
	margin:0px;
}
#footer_01 h1{
	font-size:16px;
	margin-top:10px;
}
#footer_01 h2 {
	font-size:14px;
}
#footer_02_cont {
	width:100%;
}

#footer_02_cont p{
	width:100%;
	margin:0px;
	}

#imagen_footer {
	margin:auto;
	float:none;
	text-align:center;
	border-top:1px solid #FFF;
	margin-top: 15px;

}

#footer_02_cont{
	border-bottom:none;
}

.buscador_label{
	display: block;
	text-align: left;
	width: 255px;
	height: 30px;
	margin-top: 5px;
	clear:both;
}

#buscador_in input{
	float:right;
}
#buscador_in {
	text-align:left;
	margin:5px;
}
#buscador_in span{
margin-left: 39px;
margin-bottom: 20px;
}
#buscador {
	padding:5px 0px;
}

.contenido {
	width:100%;
}
.producto_home {
width: 50%;
}

.mobile {
	display:block;
}

.no-mobile {
	display:none;
}

#tabla_carrito {
	width:90%;
}
#box_vision, #box_mision { 
width:100%;
float:left;
}
#form_distribuidores input, #form_distribuidores textarea{
	width:90%;
}
#form_distribuidores, #texto_distribuidores{
	width:100%;
}

.box_calidad {
width: 100%;
float: left;
text-align: left;
min-height:inherit;
}

.box_calidad_2{
width: 100%;
}

.bt_form{
	width:100%;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}

#bt_total{
	width:100%;
}


#tabla_carrito td img{
	width:100%;
	max-width:150px;
	margin-top:10px;
	margin-bottom:10px;
}


.marquee_titulo h1 {
font-size: 50px;
}

#marquee {
	margin: 0px;
}

#login_form input.bt_enviar{
	width:60px;
}

#barra_categorias {
text-align: left;
 width: auto; 
 height: auto; 
 float:none ; 
 
}

#productos_home_listado{
	margin-left:0px;
	
}

.producto_home_2 {
width: 50%;
}




@media all and  (max-width : 480px) {


#items > div {
	background-position-y:-140px;
}

.imagen_home {
	  display:none;
	 
}
  .imagen_home {
		  right:10px;
	  }
	  .elemento_marquee {
		margin-left:10px;
		width:100%;
	}
	
	.marquee_titulo h1 {
font-size: 40px;
}
}