@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, html { font-size: 100%; 	padding: 0; margin: 0;}
body {
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #fff;

}

.imagenvolando img{
width:180px; 
	
}


.facebook {
display:block;	
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
}
a img { 
	border: none;
}
.peq{
font-size:10px;	
}

a:link {
	color: #666;
	text-decoration: none; 
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}
.cerrar{
font-size:10px;
color:#57bf4c;	
}
.cerrar:link{
font-size:10px;
color:#57bf4c;	
}
.cerrar:active{
}
.cerrar:hover{
text-decoration: underline;	
}
.cerrar:visited{

}
/* ~~ este contenedor de anchura fija rodea a las demás divs ~~ */
.paginacion{
float:right; width:320px; text-align:center;
font-size:12px;
}	

.supercontainer {
	width:100%;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
	border-top:#57bf4b solid 8px;
	}
.supercontainerinf {
	width:100%;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;

	}
.container {
	width: 990px;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
	
	}
.notatransf{margin-top:10px; width:90%; padding:5%; background-color:#ededec;}
.header {
	
	margin-top:0px;
	height:80px;
}
.imglogo {
width:378px;
}
.alignright{
float:right;
margin-left:10px;
margin-bottom:10px;	
}
.alignrightempresa{
float:right;
max-width:300px;
margin-left:10px;
margin-bottom:10px;		
}
.alignleft{
float:left;
margin-right:10px;
margin-bottom:10px;	
}
.textopeqeno{
	font-size:11px;

}
.logo{
float:left;	
}
.cesta{
	float:right;
	margin-top:5px;
	font-size:11px;
	line-height:22px;
	
}
.cesta img{
	float:left;
	margin-right:5px;
	
	
}
.cesta1{
float:left;	
}
.cesta2{
float:left;	
width:150px;
text-align:right;

}
.cesta2 img{
	float:right;
	margin-left:5px;
	
	
}
.sidebar1 {
	float: left;
	width: 200px;

}
.content {
margin-left:70px;
	padding: 0;
	width: 720px;
	float: left;
}

/* ~~ Este selector agrupado da espacio a las listas del área de .content ~~ */
.content ul, .content ol { 
	padding: 0;
}
ul {
	list-style: none; 
}
.menuhorizontal{width:100%; padding:0;margin:0;padding-top:4px; padding-bottom:4px; height:40px; margin-bottom:20px; border-top:#57bf4b solid 1px; border-bottom:#57bf4b solid 1px;}
.formulario{float:right; width:300px;margin: 0;
	padding: 0;
	text-align:right;
	    font-family: Helvetica, Arial, sans-serif;
	font-size:12px;


font-weight:lighter;
padding-top:22px;

line-height:0px;


}
	
	
	
.inpbus{

float:left;

}
	.inputbuscar{
width:160px; 
float:left;
margin-top:-18px;


}

.buscar{
	height:24px;
	width:24px;		
    cursor:pointer;    
    border: none;
	float:right;
	margin:0;	
	background-image:url(../images/search.png);
	background-repeat:no-repeat
}
.buscar input{
border:none;	
}
.buscar:focus{
border:none;
background-color:#fff;	
}


.avanzado{
	margin-top:2px;float:left;
}
input, textarea {
	border:1px solid #cccccc;
	padding:7px 10px 7px 10px;
	font-size:11px;
	color:#000000;
	cursor:pointer;
}
.textar{
width:650px;	
}
input:focus, textarea {
	border:1px solid #cccccc;
	padding:7px 10px 7px 10px;
	font-size:11px;
	color:#000000;
	cursor:pointer;
	background-color:#eeeeee;
}
input.light{border:1px solid #cccccc;
	padding:7px 4px 7px 4px;
	text-align:right;
	font-size:11px;
	color:#000000;
	cursor:pointer;
	
}
input.light:focus{border:1px solid #cccccc;
	padding:7px 4px 7px 4px;
	text-align:right;
	font-size:11px;
	color:#000000;
	cursor:pointer;background-color:#eeeeee;
	
}
.hornav{
	width: 100%;	
	margin: 0 auto; 
	padding:0;
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
	border-left:#d4d4d4 solid 1px;
}
.hornav ul {
	float:left; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight:normal; 
	font-size:14px;
	line-height:16px;
width:60%;}
.hornav > ul > li {
	display: inline-block;
	margin:0 auto; 	
text-align:left; 

    font-family: 'bebas_neueregular';
	font-size:18px;
border-right:#d4d4d4 solid 1px;
padding-top:20px;
font-weight:lighter;
margin-left:20px; 
padding-right:20px; 
line-height:4px;
height:20px;

}
.hornav > ul > li a{
	color:#3a3a3c;
	text-decoration:none;

}
.hornav > ul > li a:hover{
	text-decoration:none;
color:#b9b9b9;
}
.menu	{
	
	height:auto;	
	padding:0;
	margin:0;
	}

/* Menu styles */
.menu ul
	{
	margin:0px;
	padding:0px;
	text-decoration:none;
	}
.menu li
	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	}
.sin span.symbol-item{
	background-image:none;
			
	}

/* Submenu styles */
.menu ul ul 
	{
	
	}
.menu li li
	{
	
	margin:0px 0px 0px 10px;
	}

/* Symbol styles */
.menu .symbol-item,
.menu .symbol-open,
.menu .symbol-close
	{
	float:left;
	width:16px;
	margin-top:13px;
	height:1em;
	background-position:left center;
	background-repeat:no-repeat;
	}
.menu .symbol-item  { background-image:url(icons/page.png); }
.menu .symbol-close { background-image:url(icons/plus.png);}
.menu .symbol-open  { background-image:url(icons/minus.png); }
.menu .symbol-item.last  { }
.menu .symbol-close.last { }
.menu .symbol-open.last  { }

/* Menu line styles */
.menu li.item  { font-weight:normal; }
.menu li.close { font-weight:normal; }
.menu li.open  { font-weight:normal; }
.menu li.item.last  { }
.menu li.close.last { }
.menu li.open.last  { }
.topnav .menu-boton{
	line-height: 12px;
	font-size: 12px;
	padding: 12px 5px;
	color: #fff;
	display: none;
	text-decoration: none;
	background-color:#54be46;
	}
	.topnav a.menu-boton:hover { text-decoration: none;
color:#fff;
}
.topnav {
	width: 213px;
	padding: 40px 28px 25px 0;
	font-family: Arial, Helvetica, sans-serif;
}

ul.topnav {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none;
}

ul.topnav li {
	border-bottom:#e2e3e4 solid 1px;}
	
	
	
ul.topnav li:last-child {
	border-bottom:none;}

ul.topnav li a {
	line-height: 12px;
	font-size: 16px;
	padding: 12px 5px;

	color: #555555;
	display: block;
	text-decoration: none;
	/*font-weight: bolder;*/
	 font-family: 'bebas_neueregular';
}
ul.topnav li img {
	float:left;
	margin-left:-20px;
	margin-top:-5px;
	margin-right:5px;
	width:24px;
	height:24px;
}
ul.topnav li a:hover {
	background-color:#9ad993;
	color:white;
	
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul  {
	margin: 0;
	padding: 0;
	clear: both;
	
}

ul.topnav ul li a {
	/*padding-left: 10px;*/
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	outline:0;
	
}

ul.topnav ul li a:hover {
	background-color:#ddd;
	color:#675C7C;
}

ul.topnav ul ul li a {
	color:#666;
	/*padding-left: 20px;*/
}
/*nuevos*/

ul.topnav ul li {	padding-left: 5px;}
ul.topnav ul ul li  {	padding-left: 5px;}

ul.topnav ul ul li a:hover {
	background-color:#ddd;
	color:#000;
}

ul.topnav span{
	float:right;
}

/* ~~ El pie de página ~~ */
.footer {
	padding: 0;
	position: relative;/* esto da a IE6 hasLayout para borrar correctamente */
	clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */

border-top:#57bf4b solid 1px;
padding-top:20px;
width:100%;
background-image:url(../images/fondo-pie.png);

}

/* ~~ 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 #footer se elimina o se saca fuera de #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.padding5 {
	padding-top:5px;
	font-size:0;
	line-height:0;
}
.padding10 {
	padding-top:10px;
	font-size:0;
	line-height:0;
}
.padding12 {
	padding-top:12px;
	font-size:0;
	line-height:0;
}
.padding15 {
	padding-top:15px;
	font-size:0;
	line-height:0;
}
.padding17 {
	padding-top:17px;
	font-size:0;
	line-height:0;
}
.padding20 {
	padding-top:20px;
	font-size:0;
	line-height:0;
}
.padding25 {
	padding-top:25px;
	font-size:0;
	line-height:0;
}
.padding30 {
	padding-top:30px;
	font-size:0;
	line-height:0;
}
.padding40 {
	padding-top:40px;
	font-size:0;
	line-height:0;
}
.padding50 {
	padding-top:50px;
	font-size:0;
	line-height:0;
}
.padding60 {
	padding-top:60px;
	font-size:0;
	line-height:0;
}
.padding80 {
	padding-top:80px;
	font-size:0;
	line-height:0;
}
.padding120 {
	padding-top:120px;
	font-size:0;
	line-height:0;
}
.slides img{
width:100%;
height:auto;	
}
.colfaen{width:96%; float:left;margin-right:4%;}

.colfamit{width:46%; float:left; border-bottom:#e2e3e4 solid 1px; margin-bottom:10px; margin-right:4%;}

 .contmarcas{
	
	width:58px;
	height:58px;
	float:left;
	margin-right:4px; 
	margin-bottom:4px; 
	text-align:center;
	float:left;
 }
  .marcas{
	position:relative;
	max-width:58px;
	max-height:58px;
	float:left;
 }

 .texto_carrito_g{
		
	font-family: 'bebas_neueregular';
	margin: 0;
	font-size: 18px;
	line-height:normal;
	font-weight: 300;
	margin-left:0px; 
 }
 .texto_carrito{
	font-size:10px; 
 }
.tituloscondi{
	color: #57bf4c;
	font-family: 'bebas_neueregular';
	margin: 0;
	font-size: 20px;
	line-height:normal;
	font-weight: 300;
	margin-left:0px;
	
}
/* General grid styles */
.cbp-ig-grid {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	
	}
.cbp-ig-grid-packs{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	
	}
/* Clear floats */
.cbp-ig-grid:before, 
.cbp-ig-grid:after { 
	content: " "; 
	display: table; 
}

.cbp-ig-grid:after { 
	clear: both; 
}
.cbp-ig-grid-packs:before, 
.cbp-ig-grid-packs:after { 
	content: " "; 
	display: table; 
}

.cbp-ig-grid-packs:after { 
	clear: both; 
}

/* grid item */
.cbp-ig-grid li {
	width: 190px;
	border: #dddddd solid 1px;
	padding:10px;
	margin:10px;
	float: left;	
	text-align: left;
	min-height:320px;
}

.cbp-ig-grid li img{
	
	max-height:170px;
	max-width:170px;

	
}
.cbp-ig-grid li .altoimg{
	height:180px;
	width:180px;
	
	text-align:center;
	
}


.iconoentitulo {
	width: 14px;
	height:14px;
	margin-right:2px;
	
	
	
}
.icono {
	width: 24px;
	height:24px;
	
	margin-right:5px;
	margin-bottom:5px;
	
}
.cbp-ig-grid li .iconod {
	width: 16px;
	height:16px;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	
}

	
.cbp-ig-grid h1{
	color: #6f7072;
	font-family: 'bebas_neueregular';
	margin: 0;
	font-size: 28px;
	line-height:normal;
	font-weight: 300;
	margin-left:0px;
	
}.cbp-ig-grid li h1{
	color: #666;
	font-family: 'bebas_neueregular';
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	line-height:18px;
	margin-bottom:5px;
	
}



.cbp-ig-grid-packs li {
	width: 320px;
	border-bottom:#eee dashed 2px;
	padding:10px;
	margin:10px;
	float: left;	
	text-align: left;
	min-height:200px;
}

.cbp-ig-grid-packs li img{
	
	max-height:170px;
	max-width:170px;

	
}
.cbp-ig-grid-packs li .altoimg{
	height:180px;
	width:180px;	
	text-align:center;
	float:left;
	
}

.cbp-ig-grid-packs li .icono {
	width: 24px;
	height:24px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	
}

	
.cbp-ig-grid-packs h1{
	color: #6f7072;
	font-family: 'bebas_neueregular';
	margin: 0;
	font-size: 28px;
	line-height:normal;
	font-weight: 300;
	margin-left:0px;
	
}.cbp-ig-grid-packs li h1{
	color: #666;
	font-family: 'bebas_neueregular';
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	line-height:18px;
	margin-bottom:5px;
	
}
h2{
	color: #6f7072;
	font-family: 'bebas_neueregular';
	margin: 0;
	font-size: 22px;
	line-height:normal;
	font-weight: 300;
	/*margin-left:10px;*/}
	

.separador{
	width:675px;
	height:1px;
	border-bottom:#e2e3e4 solid 1px;
	margin-left:10px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.footer p{
	border-bottom:#e2e3e4 solid 1px;
	padding-bottom:4px;
	width:150px;

	

}

.footer .col{
width:24%;
float:left;
margin-left:1%;
}
.footer .restocols{
width:75%;
float:left;

}
.colfa{
width:24%;
float:left;
margin-left:1%;
}
.restocolfa{
width:75%;
float:left;

}
.footer h1{
font-family: 'bebas_neueregular';
font-size:14px;	
}
.anadir{
width:90px;
height:24px;
margin-top:4px;	
}
.textosgrid{
height:100px;	
}
.divcomp{
width:100%; float:left; text-align:center; margin:0 auto;	
}

.divcomp p{
max-width:100%; text-align:center;
}
.divcompleft{
width:100%; float:left; text-align:center; margin:0 auto;	
}
.divcompleft p{
max-width:100%; text-align:left;
}

.dentrodivcomp{float:left; width:50%; text-align:center;}
.dentrodivcomp3{float:left; width:33%; text-align:center;}
.dentrodivcomproducto{float:left; width:50%; text-align:left;}
.divcompright{width:100%;float:right; text-align:right;}
.recalc {
	height:16px;
	width:16px;		
    cursor:pointer;    
    border: none;
	float:right;
	margin-right:0px;
	margin-top:6px;
	padding:0;


}
.recalc:link,.recalc:active,.recalc:hover,.recalc:visited{
	height:16px;
	width:16px;		
    cursor:pointer;    
    border: none;
	float:right;
	margin-right:0px;
	margin-top:6px;
	padding:0;


}
.referencia{
	font-size:10px;
}
.preciorebajado{
	font-size:12px;
	color:#d16823;
}
.precionovedad{
	font-size:12px;
		color:#5057ca;
	
}
.preciooutlet{
	font-size:12px;
color:#ca5388;
}
.logopeq{
width:220px;	
}
.texto{
	font-size:16px;

}

.precioactualproducto{
	font-size:24px;
	color:#54be46;
	 font-family: 'bebas_neueregular', Helvetica, sans-serif;
}

.borproducto {
border:#e2e3e4 solid 1px;
float:right;
text-align: right;	
width:96%;
margin-left:10px;
}
hr {border: 1px solid #e2e3e4; height: 1px; width: 70%;}
.precioactual{
	font-size:18px;
	color:#54be46;
	padding-top:5px;
	float:left;
	 font-family: 'bebas_neueregular', Helvetica, sans-serif;
}
.preciorebajadonew{
font-size:11px;
	color:#2f6a2a;
}
.iconorebaja {
	width: 24px;
	height:24px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	
}
.precioactualnuevo{
	float:left;
	font-size:18px;
	color:#54be46;
	padding-top:50px;
	 font-family: 'bebas_neueregular', Helvetica, sans-serif;
}
.tachado{
text-decoration:line-through;	
}
.inputverde {
	color:#fff;
	font-size:18px;
	background-color:#54be46;
	 font-family: 'bebas_neueregular', Helvetica, sans-serif;
}
.inputverde:link, .inputverde:active, .inputverde:visited{
	color:#fff;
	height:26px;
	padding:4px;
	font-size:16px;
	background-color:#54be46;
	 font-family: 'bebas_neueregular', Helvetica, sans-serif;
}
.inputverde:hover{
	color:#fff;
	height:26px;
	padding:4px;
	font-size:16px;
	background-color:#98d890;
	 font-family: 'bebas_neueregular', Helvetica, sans-serif;
}
.textope{
font-size:10px;	
}
.zona2{
display:block;	
position:absolute; 
margin-right: 50%;
top: 10px;
width: 200px;
padding: 2%; 
-webkit-border-radius:4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.6); 
	-o-box-shadow: 0 1px 10px rgba(0,0,0,.6);
	box-shadow: 0 1px 10px rgba(0,0,0,.6);
	background-color:#fff;
	border:#57bf4c solid 1px;
z-index:10000000; 
overflow: auto;}
.footer2 {
	padding: 0;
	position: relative;/* esto da a IE6 hasLayout para borrar correctamente */
	clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */

border-top:#57bf4b solid 1px;
margin-top:20px;
width:100%;
background-image:url(../images/fondo-pie.png);

}
.footer2 .dir{
	padding-top:30px;
	margin-bottom:10px;
	margin:0;
	padding-left:0;	
	padding-right:0;
	width:50%;
	float:left;
	
	
}
.footer2 .dirder{
	padding-top:30px;
	padding-bottom:10px;
	margin:0;
	padding-left:0;	
	padding-right:0;
	width:300px;
	float:right;	
}

@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: auto; }
	.supercontainer {
	width:100%;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
	border-top:#57bf4b solid 8px;
	}
	.textar{
width:400px;	
}
.supercontainerinf {
	width:100%;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;

	}
.container {
	width: 768px;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
}



.sidebar1 {
	float: left;
	width: 200px;

}
.content {
margin-left:70px;
	padding: 0;
	width: 460px;
	float: left;
}




.alignrightempresa{
float:right;
max-width:200px;
margin-left:10px;
margin-bottom:10px;		
}



.hornav{
	width: 100%;	
	margin: 0 auto; 
	padding:0;
	font-size:0.8em;
	line-height:1.2em;
	color:#666;
	border-left:#d4d4d4 solid 1px;
}
.hornav ul {
	float:left; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight:normal; 
	font-size:14px;
	line-height:16px;
width:60%;}
.hornav > ul > li {
	display: inline-block;
	margin:0 auto; 	
text-align:left; 

    font-family: 'bebas_neueregular';
	font-size:18px;
border-right:#d4d4d4 solid 1px;
padding-top:20px;
font-weight:lighter;
margin-left:10px; 
padding-right:10px; 
line-height:4px;
height:20px;

}



.cbp-ig-grid li {
	width: 130px;
	border: #dddddd solid 1px;
	padding:5px;
	margin:5px;
	float: left;	
	text-align: left;
	min-height:290px;
}

.cbp-ig-grid li img{
	
	max-height:110px;
	max-width:110px;

	
}
.cbp-ig-grid li .altoimg{
	height:120px;
	width:120px;
	
	text-align:center;
	
}


.separador{
	width:450px;
	height:1px;
	border-bottom:#e2e3e4 solid 1px;
	margin-left:5px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}




}

@media only screen and ( max-width: 767px) {
	.borproducto {
border:#e2e3e4 solid 1px;
float:right;
text-align: right;	
width:100%;
margin-left:0px;
}
body { width: auto; }
.anadir{
margin-bottom:10px;	
}
.textar{
width:265px;	
}
.facebook {
display:none;	
}

.alignright{
float:right;
width:320px;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;	
}

.alignrightempresa{
float:right;
max-width:150px;
margin-left:0px;
margin-bottom:10px;		
}
iframe{
max-width:320px;	
}

.alignleft{
float:left;
width:320px;
margin-right:0px;
margin-bottom:10px;	
}	
	.supercontainer {
	width:100%;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
	border-top:#57bf4b solid 8px;
	}
.supercontainerinf {
	width:100%;	
	margin: 0 auto; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;

	}
.container {
	width: 320px;	
	margin: 0 auto;
	padding:0; 
	font-size:0.9em;
	line-height:1.2em;
	color:#666;
}

.header {
	margin-top:0px;
	height:80px;
}
.imglogo {
width:320px;
}

.cesta{
	float:right;
	margin-top:5px;
	font-size:11px;
	line-height:22px;
	
	
}
.cesta img{
	float:left;
	margin-right:5px;	
	
}
.cesta1{
float:left;	
}

.sidebar1 {
	float: left;
	width: 320px;
	margin: 0 auto;
	padding:0; 
}
.sidebar1 p{
display:none;	
}
.content {
margin:0 auto;
	padding: 0;
	width: 320px;
	float: left;
	
	
	
}


.footer2 .dir{
	padding-top:30px;
	margin-bottom:10px;
	margin:0;
	padding-left:0;	
	padding-right:0;
	width:50%;
	float:left;
	
	width:300px;
}
.footer2 .dir img{
width:300px;	
}
.footer2 .dirder{
	padding-top:30px;
	padding-bottom:10px;
	margin:0;
	padding-left:0;	
	padding-right:0;
	width:300px;
	float:left;	
}
.dentrodivcomproducto{float:left; width:100%; text-align:left; margin:0;
	padding: 0;}

.formulario{float:right; width:300px;margin: 0;
	padding: 0;
	text-align:right;
	 font-family: Helvetica, Arial, sans-serif;
	font-size:12px;


font-weight:lighter;
padding-top:30px;

line-height:0px;


}
	
	

.inpbus{
max-width:130px;	
}
	.inputbuscar{
width:180px; 
float:left;
margin-top:-18px;


}
.buscar{
	height:24px;
	width:24px;		
    cursor:pointer;    
    border: none;
	float:right;
	margin-left:0;	
	background-image:url(../images/search.png);
}
.buscar input{
border:none;	
}


.menuhorizontal{width:100%; padding-right:0px; padding-left:0px; margin-left:0px; margin-right:0px;padding-top:4px; padding-bottom:4px; height:40px; margin-bottom:20px; margin-top:40px; border-top:#57bf4b solid 1px; border-bottom:#57bf4b solid 1px;}



.hornav{
	width: 319px;	
	margin: 0 auto; 
	padding:0;
	font-size:0.8em;
	line-height:1.2em;
	color:#666;
	border-left:#d4d4d4 solid 1px;
}
.hornav ul {
	float:left; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight:normal; 
	font-size:13px;
	line-height:16px;
	width:100%;
	}
.hornav > ul > li {
display: inline-block;
margin:0 auto; 	
text-align:left;
font-family: 'bebas_neueregular';
font-size:14px;
border-right:#d4d4d4 solid 1px;
padding-top:20px;
font-weight:lighter;
margin-left:3px; 
padding-right:3px; 
line-height:4px;
height:20px;
}
.hornav > ul > li:last-child {

border-right:none;

}
.topnav .menu-boton{
	line-height: 12px;
	font-size: 12px;
	padding: 12px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	background-color:#54be46;
	}
	.topnav a.menu-boton:hover { text-decoration: none;
color:#fff;
}

.topnav {
	width: 320px;
	padding: 40px 28px 25px 0;
	font-family: Arial, Helvetica, sans-serif;
}
.topnav li {
	display:none;
}
/* grid item */
.cbp-ig-grid li {
	width: 130px;
	border: #dddddd solid 1px;
	padding:5px;
	margin:5px;
	float: left;	
	text-align: left;
	min-height:270px;
}
.cbp-ig-grid li img{
	
	max-height:100px;
	max-width:100px;

	
}
.cbp-ig-grid li .altoimg{
	height:110px;
	width:110px;
	
	text-align:center;
	
}




.cbp-ig-grid-packs li {
	width: 300px;
	border-bottom:#eee dashed 2px;
	padding:10px;
	margin:10px;
	float: left;	
	text-align: left;
	min-height:200px;
}



.separador{
	width:300px;
	height:1px;
	border-bottom:#e2e3e4 solid 1px;
	margin-left:5px;

	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.footer{
font-size:10px;	
}
.footer p{
	border-bottom:#e2e3e4 solid 1px;
	padding-bottom:4px;
	margin:0;
	padding-left:0;	padding-right:0;
	width:130px;
	
}

.footer .col{
width:150px;
float:left;
margin:0;
padding:0;
}
.footer .restocols{
width:100%;
float:left;
margin:0;
padding:0;
}
.colfa{
width:100%;
float:left;
margin:0;
padding:0;
}
.restocolfa{
width:100%;
float:left;
margin:0;
padding:0;
}
.colfaen{
width:320px;

float:left;
margin:0;
padding:0;
}
.colfamit{
width:150px;
margin-right:10px;
float:left;
margin:0;
padding:0;
}

	
}