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

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

a{ text-decoration:none; outline:none; border:none}

img{ border:none}
.slide{ /*height:100%;*/overflow:hidden;display:block;width:100%; margin:0px;margin-left:auto;margin-right:auto; padding:0px; position:absolute;}
h1, h2 { margin:0px; padding:0px}
h2{margin-top:35px;position:absolute;text-indent:-9999em}

#HOME h3 {
font-family: 'pompiere-regular', Arial, Helvetica, sans-serif;
font-size: 20px;
text-transform: uppercase;
color: #FFF;
text-align: center;
background-image: url(../img2014/txtHome.png);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 65px;
padding-top: 20px;
}
	
.
.menuHome{ list-style-type:none; display:inline-block; text-align:center; width:220px; font-size:0px; margin:0 0 0 14px; padding:0px}
	
.menuHome li{ cursor:pointer;display:block;zoom: 1;/* *display: inline;*/text-align:left;font-size:11px; padding-left: 46px;padding-right:10px;padding-top:6px;padding-bottom:6px;font-family:'gotham-medium', Arial, Helvetica, sans-serif; text-transform:uppercase;background-repeat:no-repeat;background-position:center top;color:#606060;background-position: 16px 7px;letter-spacing: -0.5px;border-bottom: 1px solid #f9dee3;}
	
.menuHome li:hover{color:#99cc33;}
.slidecont{width:250px;height:100%;position:fixed;z-index:99999;margin-left:-0px;top:90px;background:#fef8f9;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
-moz-box-shadow: 0px 0px 15px #dedede;
-webkit-box-shadow: 0px 0px 15px #dedede;
box-shadow: 0px 0px 15px #dedede;}

#sidebar{
	display:none;overflow:hidden;width:250px;height:40px;position:fixed;list-style-type:none;font-family:Arial, Helvetica, sans-serif;
	left:0px;top:85px;z-index:20;padding:0px;font-size:0;text-align:center;background:url(../img2014/CM-smal-logo.png);background-repeat:no-repeat;}
	
#sidebar li{
	overflow:hidden;cursor:pointer;font-size:0;zoom:1;display: inline-block;text-align:center;text-indent:-9999em;width:32px;height:32px;
	list-style-type:none;color:#FFF;text-decoration:none;background-repeat:no-repeat;background-position:center;padding:0px;margin:0px}	
	
	
	
	/*-----------------------MENU BUSCADOR PRECIOS---------------*/
	
.vitrinas-CM2014{width:430px;height:210px; margin-top: 20px;}
.vitrinaCategorias{width:250px; height: 193px; position:relative; margin:0px 0px 0px 0px; background-repeat:no-repeat; background:url(../images/CM-nav-precio.png);}	
.contFormCategorias{font-family: Arial, Helvetica, sans-serif;width: 275px;height: auto;position: absolute;top: 40px;left: 0px;}
#listaCategorias {width:211px; height:auto; position:absolute; top:-16px; left:17px; z-index:111}
#listaPrecios {width:211px; height:auto; position:absolute; top:36px; left:17px; z-index:1}
.txtInicialCategorias {font-size:14px; padding:39px 0 6px 17px; color:#999; z-index:0}
.txtInicialPrecios {font-size:14px; padding:28px 0 6px 17px; color:#999; z-index:0}

#btnCategorias{width:200px; height:40px; position:absolute; top:10px; left:26px; z-index:999;}
#btnCategorias a{width:100%; height:100%; text-indent:-9999px; display:block}

#btnPrecios {width:200px; height:40px; position:absolute; top:55px; left:26px; z-index:110;}
#btnPrecios a{width:100%; height:100%; text-indent:-9999px; display:block}

#listaCategorias ul{list-style:none; padding:0 21px 0 12px; border-left:2px #e6e6e6 solid; border-right:2px #e6e6e6 solid; border-bottom:2px #e6e6e6 solid; background-color:#FFF; -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2); border-radius-bottom-left: 3px; border-radius-bottom-right: 3px; -ms-border-radius-bottom-left: 3px; -ms-border-radius-bottom-right: 3px; -moz-border-radius-bottom-left: 3px; -moz-border-radius-bottom-right: 3px; -webkit-border-radius-bottom-right: 3px; -webkit-border-radius-bottom-left: 3px; -khtml-border-radius-bottom-left: 3px; -khtml-border-radius-bottom-right: 3px}
#listaCategorias li{padding: 5px 0px 5px 5px; cursor:pointer}
#listaCategorias a:link{font-size:13px; color:#666}
#listaCategorias a:visited{font-size:13px; color:#666}
#listaCategorias a:hover{font-size:13px; color:#333}

#listaPrecios ul{list-style:none; padding:0 21px 0 12px; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; background-color:#FFF; -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2); border-radius-bottom-left: 3px; border-radius-bottom-right: 3px; -ms-border-radius-bottom-left: 3px; -ms-border-radius-bottom-right: 3px; -moz-border-radius-bottom-left: 3px; -moz-border-radius-bottom-right: 3px; -webkit-border-radius-bottom-right: 3px; -webkit-border-radius-bottom-left: 3px; -khtml-border-radius-bottom-left: 3px; -khtml-border-radius-bottom-right: 3px}
#listaPrecios li{padding: 5px 0px 5px 5px; cursor:pointer}
#listaPrecios a:link{font-size:13px; color:#666}
#listaPrecios a:visited{font-size:13px; color:#666}
#listaPrecios a:hover{font-size:13px; color:#333}

#buscarCategoria {width:200px; height:30px; position:absolute; top:97px; left:26px; background-image:url('../images/CM-nav-precio-ver.png'); background-repeat:no-repeat}
#buscarCategoria a{width:100%; height:100%; text-indent:-9999px; display:block}
#buscarCategoria:hover{transform: scale(1.05); -ms-transform: scale(1.05);  -webkit-transform: scale(1.05)}

	/*---------------------FIN MENU BUSCADOR PRECIOS-----------------*/
	
	
.productos-CAT-CM{width:auto;height:auto;margin-top:90px;margin-left:26%;margin-right:1%;float:left;padding-bottom: 40px;}
.CM-titulo-CAT{height:45px;width:auto; font-family: 'gotham-medium',Arial,Helvetica,sans-serif;font-size:27px;color:#656363;border-bottom:1px solid #e0e0e0;}
.CM-texto-CAT{float:left;}  
.CM-boton-CAT{float:left;}
.CM-boton-CAT img {margin-top: 2px; }
.CM-logo-CAT{float:right;}
.list {font-family: sans-serif;margin: 0;padding: 0 0 0 0;float:left;}
.list > li {display: block;padding: 10px;/*box-shadow: inset 0 1px 0 #fff;*/}
.list li {margin:0px !important; padding:0px !important; float:left !important;}
.producto-caja {float:left;border:#f7f7f7 solid 1px;margin:18px 9px 0px 0px;padding:18px 7px 0px 7px;width:153px;height:310px; /*354*/text-align:center;background-color: #FFF;}
.producto-caja-porcentaje {float:left;border:#f7f7f7 solid 1px;margin:18px 9px 0px 0px;padding:18px 7px 0px 7px;width:153px;height:310px; /*354*/text-align:center;background-color: #FFF; background-image:url(../images/CM-BG-PROD.png); background-repeat:no-repeat; background-position: 17px;}
.producto-foto img {width:140px;}
.producto-titulo {margin-top:5px;height: 53px;font: normal 12px 'proxima-nova', Fallback, sans-serif;line-height: 15px;color: #666;	}
.marca-CM{color:#333;text-transform:uppercase;}
.detalle {font-size: 10px;color: #FFF;font-weight:100;}
.detalle2 {font-size: 12px;color: #666;	}
.dcto{height: 125px;color: #717171;font-size: 13px;text-transform: uppercase;font-weight:bold;}
.producto-precio {color:#99cc33; font-family: 'gotham-medium',Arial,Helvetica,sans-serif;font-weight:bold;font-size:27px;margin-top: 5px;	}
.CM-soles {font-size:15px;}
.producto-precio-normal {font: normal 12px/100% 'proxima-nova', Fallback, sans-serif;color: #8c8c8c;margin: 3px 0 0 0;height: 12px;}
.producto-precio-ahorra {font-size:13px;font-family:roboto;color: #8c8c8c;margin: 3px 0 0 0;height: 12px;font-weight:bold;letter-spacing: -0.5px;}
.producto-btn-comprar { height: 43px; padding: 0; margin: 5px 0 0 0;	}
.producto-btn-comprar a:link, .producto-btn-comprar a:visited {padding:5px 10px 5px 10px;background-color:#99cc33;color:#FFF;text-transform:uppercase;text-decoration:none;font: 12px/50px Verdana;}
.producto-btn-comprar a:hover, .producto-btn-comprar a:active {line-height:50px;padding:5px 10px 5px 10px;background-color:#81ad29;color:#FFF;font-size:12px;text-transform:uppercase;text-decoration:none;}
.producto-stock {color:#878787;font: normal 10px/100% 'proxima-nova', Fallback, sans-serif;margin: 2px 0 0 0;}
.producto-stock-descuento {color:#999;text-transform:uppercase;font: normal 10px/100% 'proxima-nova', Fallback, sans-serif;margin: 2px 0 0 0;}
.producto-agotado {color:#009EDF;font-size:13px;}


.PRODUCTO-HOVER{float: left; height: 300px; position: absolute; width: 163px;}
.PRODUCTO-HOVER:hover{background: rgba(255, 255, 255, 0.8);background-image:url(../images/CM-nav-precio-verPROD.png);background-repeat: no-repeat;background-position:center 120px;}
	
	
	/* -------- SPRITE  PORCENTAJE DESCUENTOS -------------*/

.img-dcto-10{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position:  0px 0px}
.img-dcto-15{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -140px 0px}
.img-dcto-20{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -280px 0px}
.img-dcto-25{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -420px 0px}
.img-dcto-30{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -560px 0px}
.img-dcto-35{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -700px 0px}
.img-dcto-40{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -840px 0px}
.img-dcto-45{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: 0px 140px}
.img-dcto-50{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -140px 140px}
.img-dcto-55{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -280px 140px}
.img-dcto-60{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -420px 140px}
.img-dcto-5{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -560px 140px}

.img-dcto-T1{width:140px;height:140px;background:url(../images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -700px 140px}
.img-dcto-T2{width:140px;height:140px;background:url(images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -700px 140px}
.img-dcto-T3{width:140px;height:140px;background:url(images/CM-sprite-dcto-CM2014.jpg); margin-left: 7px;background-position: -840px 140px}