@charset "UTF-8";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/*INCIO*/
@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myriadpro-regular-webfont.eot');
    src: url('fonts/myriadpro-regular-webfont.eot?iefix') format('eot'),
         url('fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-regular-webfont.svg#webfontWL0pRJbZ') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MyriadProSemiBold';
    src: url('fonts/myriadpro-semibold-webfont.eot');
    src: url('fonts/myriadpro-semibold-webfont.eot?iefix') format('eot'),
         url('fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-semibold-webfont.svg#webfontWL0pRJbZ') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body{
	margin: 0px;
	/*font-family:*/
}

.head{
	width: 100%;
	margin-bottom: 20px;
}

body *{
	font-family: MyriadProRegular;
	color: #222222;
	text-shadow: #FFFFFF 0px 1px 0px;
}

/*HOME*/
.h_barra_arriba{
	background: url(../img/h_barra_arriba.jpg) repeat-x center center;
}

.h_logo{
	padding-left: 0px;
}

.h_sm{
	float: right;
}

.h_barra_sombra{
	background: url(../img/h_pleca_sombra.png) repeat-x center top;
}

.h_barra_logo .sh{
	background: url(../img/h_pleca_sombra.png) repeat-x center bottom;
}

.wrapper{
	width: 960px !important;
	margin: 0px auto;
}

.sm{
	cursor: pointer;
	margin-top: 8px;
}

#cat_busca{
	border: solid 1px #999999;
	height: 24px;
	line-height: 24px;
	color: #999999;
	font-size: 14px;
	padding-left: 6px;
}

.dd{
	cursor: pointer;
	display: inline-block;
	position: relative;
}

#acceso a{
	color: rgba(255,255,255,0.80);
	text-shadow: #3b291e 0px -1px 0px;
	font-size: 12px;
	text-decoration: none;
}

#acceso a:hover{
	color: #FFFFFF;
}

.menu{
	text-align: justify;
}

.menu a{
	font-size: 14px;
	text-decoration: none;
	color: #999999;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	white-space: nowrap;
	position: relative;
}

.menu a:hover{
	color: #666666;
}

.menu .last{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 100%;
}

.footer{
	margin-top: 20px;
	margin-bottom: 20px;
}

.f_links{
	font-size: 12px;
	color: #999999;	
}

.footer_ul{
	list-style-image: url(../img/f_bullet.png);
	color: #999999;
	margin-top: 8px;
	list-style-position: inside;

}

.footer_ul li a{
	color: #999999;
	text-decoration: none;
}

.footer_ul li a:hover{
	color: #f36e1f;
}

.fb_container{
	border: solid 1px #999999;
	width: 100%;
	position: relative;
	margin-top: 7px;
	border-bottom-left-radius: 8px;
}

.fb_title{
	position: absolute;
	top: -12px;
	left: 8px;
	line-height: 14px;
	padding: 4px;
	color: #999999;
	font-size: 12px;
	display:inline-block;
	zoom:1;
	*display:inline;
	background: #FFFFFF;
}

.fb_feed{
	width: 94%;
	margin: 3%;
	height: 150px;
	overflow: auto;
}

.fb_feed ul{
	list-style-image: url(../img/f_bullet.png);
	color: #999999; 
}

.fb_feed ul li{
	margin-left: 20px;
	color: #999999;
	font-size: 12px;
	margin-bottom: 10px;
}

.fb_feed ul li a{
	color: #999999;
}

.fb_feed ul li a:hover{
	color: #f36e1f;
}

.f_copyright{
	font-size: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #999999;
}

.f_copyright a{
	color: #999999;
	text-decoration: none;
}

.f_copyright a:hover{
	color: #f36e1f;	
}

/*HOME SLIDE SHOW*/
.h_ss{
	height: 80%;
	border: solid 1px #222222;
	display: block;
	overflow: hidden;
	background: #CCCCCC;
	position: relative;
	border-bottom-left-radius: 8px;
}

.h_ss_slide{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: center bottom;
	background-size: cover;
	cursor: pointer;
	
}

.h_ss_slide img{
	border-bottom-left-radius: 8px;
}

.h_ss_slide_text{
	position: absolute;
	left: 0px;
	bottom: -200px;
	display: block;
	width: 100%;
	background: url(../img/ss_info_bg.png);
	padding: 16px;
	border-bottom-left-radius: 8px;
	
}

.h_ss_slide_text .info{
	font-size: 12px;
	color: #cccccc;
	display: block;
	margin-bottom: 16px;
	text-shadow: #000000 0px -1px 0px;
	max-width: 500px;
	margin-left: 40px;
}
.h_ss_slide_text .tit{
	font-size: 32px;
	color: #cccccc;
	display: block;
	text-shadow: #000000 0px -1px 0px;
}

#ss_cap{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #E1E1E1 url(../img/ajax-loader.gif) no-repeat center center;
	pointer-events: none !important;
}

/*SUBMENU*/

ul.submenu{
	position: absolute;
	list-style-type: none;
	z-index: 10001;
	top:100%;
}

ul.submenu.level1{
	position: absolute;
	list-style-type: none;
	z-index: 10001;
	top: 30px;
}

ul.submenu.level2{
	position: absolute;
	left: 100%;
	top: 0px;
}

ul.submenu.level2a{
	position: absolute;
	left: 100%;
	top: 0px;
}

ul.submenu li{
	position: relative;
	display: block;
	width: 150px;
	height: 30px;
	background: #f36f20;
	color: #FFFFFF;
	cursor: pointer;
	text-shadow: none !important;
	font-size: 14px;
	line-height: 30px;
	padding-left: 12px;
	padding-right: 12px;
}

ul.submenu li a{
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: none !important;
}

ul.submenu li:hover{
	background: #ac4e16;
}

ul.submenu.level1{
	bottom: -100%;
}

/*BANNER*/
.int_banner{
	position: relative;
	width: 100%;
	height: 150px;
	border: solid 1px #999999;
	background: url(../img/banner_descuento.jpg) center center no-repeat;
	border-bottom-left-radius: 8px;
}

.int_big_banner{
	position: relative;
	width: 100%;
	height: 150px;
	border: solid 1px #999999;
	background: #CCCCCC;
	margin-top: 16px;
	border-bottom-left-radius: 8px;
}

/*TANLA 9INTERIOR*/
.int_tbl{
	margin-top: 16px;
}

.int_txt .last.column *{
	
	padding-left: 20px;
	
}
.int_txt h1{
	font-size: 24px;
	line-height: 20px;
	color: #f36f20 !important;
	text-align: left;
}

.int_txt p{
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	text-align: justify;
	margin-bottom: 16px;
	max-width: 100%;
}

/*MINI CAT*/

.mini_cat{
	margin-bottom: 16px;
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}

.mini_cat td{
	height: 214px;

}

.mini_cat_controller{
	
}

.mini_cat_controller img{
	cursor: pointer;
	position: relative;
}

.mini_cat_container{
	position: relative;
}

.mini_cat_box{
	position: relative;
	left: 0px;
	top: 0px;
	height: 198px;
	width: 100%;
	display: inline-block;
	overflow: hidden;

}

.mini_cat_slider{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 182px;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 16px;
}



.mini_cat_section{
	text-align: center;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position: relative;
	height: 182px;
}

.mini_cat_slide{
	width: 180px;
	height: 180px;
	border: solid 1px #999999;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	white-space: nowrap;
	position: relative;
	border-bottom-left-radius: 8px;
	overflow: hidden;
	background: url(../img/prod_bg.png) center center no-repeat;
}

.mini_cat_slide .spacer{
	width: 180px;
	height: 180px;
}

.mini_cat_slide img{
	position: absolute;
	left: 0px;
	top: 0px;
}

.mini_cat_section .closer{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 100%;
}

.mini_cat_c2a{
	display: block;
	position: absolute;
	right: 8px;
	bottom: 8px;
	color: #FFFFFF;
	background: #CCCCCC;
	cursor: pointer;
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: none !important;
}

.mini_cat_c2a:hover{
	background: #f36f20;
}

/*ICON CLOSE*/
.ic_close{
	position: absolute;
	right: -16px;
	top: -16px;
	cursor: pointer;
}


/*LIGHTBOX*/

.lightbox{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../img/lb_bg.png);
	z-index: 10002;
	display: none;
}

.anchor{
	background: url(../img/prod_bg.png) no-repeat center center;
	position: relative;
	height: 432px;
	width: 600px;
	overflow: hidden;
}

.lightbox_big_pic{
	padding: 0px !important;
}

/*PRODUCT DETAIL*/
.lightbox_product_detail{
	width: 100%;
	background: #E1E1E1;
	border-bottom-left-radius: 8px;
}

.lightbox_product_detail td{
	padding:0 8px;
}

.lightbox_big_pic{
	background: url(../img/prod_bg.png) no-repeat center center;
}

.lightbox_prod_name{
	position: relative;
	background: url(../img/textura80x2000.jpg) no-repeat center bottom;
	height: 48px !important;
}

.bigPicImg{
	position: absolute;
	left: 0px;
	top: 0px;
}

.lightbox_prod_name strong{
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: #222222 0px -1px 0px;
	font-weight: bold;
}

.lightbox_options{
	/*position: absolute;
	right: 32px;
	bottom: 32px;
	padding: 20px;
	background: rgba(0,0,0,0.9);*/
	z-index: 10008;
	/*border-radius: 0px 0px 0px 12px;
	border: solid 1px #000000;*/
	height:70px !important;
	overflow-y:auto;
	overflow-x:hidden;	
}

.lightbox_options div{
	width:550px;
	font-size: 10px;
	line-height: 22px;
	text-align: left;
	display: block;
	height: 20px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: dashed 1px #999999;
	
}
.lightbox_options div .inner{
	color: #000000;
	/*text-shadow: #000000 0px -1px 0px;*/
	display: inline-block;
	font-size: 11px;
	
	
}
.lightbox_options div .price{
	color: #000000;
	text-shadow: #FFFFFF 0px -1px 0px;
	font-size: 11px;
	line-height: 22px;
	text-align: right;
	display: inline-block;
	height: 22px;
	float: right;
	width: 100px;
}

.lightbox_options div .tocart{
	color: #FFFFFF;
	text-shadow: none !important;
	font-size: 11px;
	line-height: 22px;
	text-align: right;
	float: right;
	display: inline-block;
	margin-left: 20px;
	cursor: pointer;
	background: #999999;
	border-radius: 0px 0px  0px  4px;
	padding-left: 4px;
	padding-right: 4px;
}

.lightbox_options div .tocart a{
	
}

.lightbox_options div .tocart:hover{
	background: #f36f20;
	color: #FFFFFF;
}

.lightbox_nav{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}

.lightbox_nav.left{
	left: -40px;
}

.lightbox_nav.right{
	right: -40px;
}

.lightbox_desc{
	font-size: 11px;
	line-height: 14px;
	border-bottom-left-radius: 8px;
	width: 300px;
}

.lightbox_buy{
	background: #f36f20;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 28px;
	border-bottom-left-radius: 8px;
	padding-left: 8px;
	padding-right: 8px;
	/*position: absolute;
	right: 16px;
	bottom: 16px;*/
	cursor: pointer;
	text-shadow: none !important;
	z-index: 10002;
	display: none !important;
}

.lightbox_buy:hover{
	background: #FFFFFF;
	color: #000000;
	display: none;
}

.libhtbox_thumb{
	width: 80px;
	height: 80px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	display:inline;
	background: #FFFFFF;
	border: solid 1px #666666;
	margin-left: 8px;
}

/*CATALOG*/
.cat_slide{
	width: 220px;
	height: 220px;
	border: solid 1px #999999;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	white-space: nowrap;
	position: relative;
	border-bottom-left-radius: 8px;
	overflow: hidden;
	margin: 16px;
	margin-left: 0px;
	background: url(../img/prod_bg.png) no-repeat center center;
}

.cat_main_img{
	width: 220px;
	height: 220px;
	display: block;
	float: left;
	margin: 16px;
	margin-left: 0px;
	border: none;
	border-bottom-left-radius: 8px;
	overflow: hidden;
	position: relative;
	border: dotted 1px #999999;
}

.cat_main_img .veil{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.cat_main_img span{
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #999999;
	text-shadow: none !important;
	font-size: 32px;
	display: block;
	
}

.cat_c2a{
	display: block;
	position: absolute;
	right: 8px;
	bottom: 8px;
	color: #FFFFFF;
	background: #CCCCCC;
	cursor: pointer;
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: none !important;
}

.cat_c2a:hover{
	background: #f36f20;
}
.cat_c2a_hover{
	background: #f36f20;
}
.cat_c2a_offhover{
	background: #CCCCCC;
}
.contacto{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(19,19,19,0.91);
	display: none;
}

.contacto_fondo{
	border-collapse: collapse;
	background: #3d3d3d;
	border: #CCCCCC solid 1px;
}

.contacto_fondo td{
	color: #CCCCCC;
	text-shadow: #000000 0px -1px 0px;
	font-size: 12px;
	padding-bottom: 8px;
}

.contacto_fondo td.col1{
	padding-left: 20px;
	padding-right: 8px;
	line-height: 22px;
}

.contacto_fondo td.col2{
	padding-right: 20px;
}

.contacto_fondo input{
	color: #CCCCCC;
	padding: 8px;
	border: solid 1px #FFFFFF;
	background: none !important;
	text-shadow: #000000 0px -1px 0px;
	outline: none !important;
}


.contacto_fondo textarea{
	color: #CCCCCC;
	padding: 8px;
	border: solid 1px #CCCCCC;
	background: none !important;
	text-shadow: #000000 0px 1px 0px;
	height: 150px;
}

.contacto_fondo .echalo{
	background: #f36f1f !important;
	padding: 10px;
	color: #ffffff;
	border: solid 1px #CCCCCC;
	font-size: 14px;
	text-align: center;
	text-shadow: none !important;
	cursor: pointer;
}

.contacto_fondo .echalo:hover{
	background: #222222 !important;
	color: #f36f1f;
	border: solid 1px #f36f1f;
}

.contacto_fondo .inputme{
	border: solid 2px #FFFFFF;
	border-radius: 30px;
	font-size: 14px !important;
	color: #FFFFFF;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 24px;
	background: #f36f1f;
	cursor: pointer;
	box-shadow: 0px 0px 4px black;
	display: block;
	position: absolute;
	top: -15px;
	right: -20px;
	text-align: center;
	text-shadow: none !important;
}

.contacto_fondo .inputme:hover{
	background: #222222 !important;
	color: #f36f1f;
	border: solid 2px #f36f1f;
}

.mapa{
	width: 300px;
	height: auto;
	display: inline-block;
	margin-top: 16px;
	border: solid 2px #f36f1f;
	background: #f36f1f;
}

.mapa small {
	text-align: right !important;
}


.mapa small a{
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF !important;
	text-decoration: none !important;
	text-shadow: none;
	padding: 10px !important;
	display: block;
}

.sucursal{
	padding-top: 16px;
	font-size: 14px;
	display: block;
}

.lefter{
	float: right;
}

.sucursal .info{
	display: inline-block;
	margin-left: 20px;
	color: #999999;
}

.sucursal strong{
	font-size: 16px;
	display: block;
	font-weight: bold;
	color: #f36f1f;
	margin-bottom: 8px;
}

#PUPUPUP{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(19,19,19,0.91);
	display: none;
}

.popopopopoup{
}

.popopopopoup td{
	padding: 16px;
	background: #3d3d3d;
	
}

.popopopopobody{
	display: block;
	width: 480px;
	height: 500px;
	overflow: auto;
	padding-right: 16px;
}

.popopopopobody h1{
	font-size: 18px;
	color: #f36f1f;
	display: block;
	margin-bottom: 8px;
}

.popopopopoup *{
	
	color: #CCCCCC;
	font-size: 12px;
	line-height: 14px;
	text-shadow: none !important;
}

.popopopopoup .inputme{
	border: solid 2px #FFFFFF;
	border-radius: 30px;
	font-size: 14px !important;
	color: #FFFFFF;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 24px;
	background: #f36f1f;
	cursor: pointer;
	box-shadow: 0px 0px 4px black;
	display: block;
	position: absolute;
	top: -35px;
	right: -35px;
	text-align: center;
	text-shadow: none !important;
	z-index: 10002;
}

.popopopopoup .inputme:hover{
	background: #222222 !important;
	color: #f37120;
	border: solid 2px #f36f1f;
}

#cartItemCount{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
	border-radius: 3px;
	background: #522a14;
	text-shadow: #24170f 0px -1px 0px;
}

.co{
	color: #999999;
	margin-bottom: 48px;
}

.co div{
	color: #999999;
	font-size: 12px;
	line-height: 14px;
}

.copic img{
	width: 100px;
	height: 100px;
	border: solid 1px #E1E1E1;
}

.coRemove{
	color: #f36f20 !important;
	font-size: 12px !important;
	line-height: 14px !important;
	cursor: pointer !important;
	margin-bottom: 8px;
}

.coRemove:hover{
	font-size: 12px !important;
	line-height: 14px !important;
	color: #333333 !important;
}

.coTH{
	color: #f36f20;
	font-size: 12px !important;
	padding-top: 16px;
}

.coprodname{
	font-size: 16px !important;
	margin-bottom: 12px;
	
}

.coTH.coGT{
	color: #999999 !important;
	font-weight: bold;
}

.co .pleca{
	border-bottom: solid 1px #999999;
	padding-bottom: 20px;
}

.co .button{
	margin-top: 24px;
	font-size: 12px;
	color: #FFFFFF;
	cursor: pointer;
	background: #f36f20;
	border: solid 1px silver;
	padding: 8px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-shadow:  none !important;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-left: 24px;
}

.co .button:hover{
	background: #999999;
	
}