html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;}
body {padding:0;margin:0;font-family:'Roboto';}


/* Cabecera y menu
================================================== */

.cabecera {font-family:'Roboto';position:absolute;z-index:300;width:100%;background-color:#fff;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;}

a#cerrar_menu {display:none;}
#barra_superior {padding:23px 2% 0 2%;min-height:83px;background-color:#fff;background:rgba(255,255,255,0.8);transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;}
#barra_superior #idiomas {float:right;margin:7px 10px 0 0;-webkit-transition: all 1s;transition: all 1s;  }
#barra_superior #idiomas ul li {display:inline-block;margin-right:5px;padding-right:8px;border-right:1px solid #9c9c9c;}
#barra_superior #idiomas ul li:last-child {border-right:0;}
#barra_superior #idiomas ul li a {font-family:'Roboto';font-size:14px;font-weight:bold;text-decoration:none;color:#000;}
#barra_superior #idiomas ul li a:hover {color:#ca6144}
#barra_superior #social {float:right;-webkit-transition: all 1s;transition: all 1s;}
#barra_superior #social ul li {display:inline-block;width:30px;height:30px;margin-right:5px;}
#barra_superior #social ul li a {display:inline-block;width:30px;height:30px;background:url(../img/redes_sociales.png) 0px 0px no-repeat;}
#barra_superior #social ul li a.facebook {}
#barra_superior #social ul li a.twitter {background-position:-40px 0;}
#barra_superior #social ul li a.linkedin {background-position:-79px 0;}
#barra_superior #social ul li a.google {background-position:-119px 0;}
#barra_superior #social ul li a:hover {opacity: 0.8}
#barra_superior #cerrar_menu {float:right;width:32px;height:31px;overflow:hidden;text-indent:-10000em;background:url(../img/cruz.png) 0px 0px no-repeat;margin-left:20px;}

#barra_principal {top:-50px;-webkit-transition:top 0.8s;transition:top 0.8s;min-height:52px;display:block;clear:both;overflow:hidden;width:100%;background-color:#fff;background:rgba(255,255,255,0.8);padding-top:15px;margin-top:-15px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;}
#barra_principal a#logo {display:inline-block;margin:6px 0 0 2%;background:url(../img/haasbel.png) 0px 0px no-repeat;background-size:100%;width:326px;height:32px;overflow:hidden;text-indent:-10000em;}
#barra_principal #menu_principal {float:right;margin:10px 2% 0 0;padding-bottom:19px;text-align:right;}
#barra_principal #menu_principal ul li {display:inline-block;margin-left:24px;}
#barra_principal #menu_principal ul  {margin:-8px 0 8px 0}
#barra_principal #menu_principal ul li a {font-size:13px;font-family:'Roboto';color:#000000;text-decoration:none;text-transform:uppercase;cursor:pointer}
#barra_principal #menu_principal ul li a:hover {color:#ca6144 !important;}
#barra_principal #menu_principal ul li a.activo {color:#e5a86d !important;}
#barra_principal #menu_principal ul li a.esferas {color:#ff6273}
#barra_principal #menu_principal ul li.herramienta a {display:inline-block;width:26px;height:27px;overflow:hidden;text-indent:-1000em;background:url(../img/herramientas.png) 0px 0px no-repeat;margin-bottom:-2px;}
#barra_principal #menu_principal ul li.buscador {.padding-top:10px;}
#barra_principal #menu_principal ul li.buscador a {background-position:0 3px;margin-left:30px;}
#barra_principal #menu_principal ul li.buscador .buscador_on {cursor:pointer;background:url(../img/herramientas.png) 0px 0px no-repeat;background-position:8px -22px;position:absolute;width:40px;height:58px;background-color:#222;margin-top:-30px;margin-left:22px;display:none}
#barra_principal #menu_principal ul li.usuario a {background-position:-55px 3px;}
#barra_principal #menu_principal ul li.carrito a {background-position:-111px 3px;}

#barra_principal.flotante {position:fixed;top:12px;}

#barra_principal #search {display:none;width:100%;height:90px;padding:30px;background-color:#222;margin-top:5px}
#barra_principal #search #buscar {width:100%;border-radius:none;background-color:#f0f0f0;height:30px}
#barra_principal #search .lupa {float:right;margin-top:-49px;margin-right:1px;cursor:pointer;background:url(../img/herramientas.png) 0px 0px no-repeat;background-position:4px 2px;width:28px;height:28px;background-color:#fff}

.cabecera.submenu_activado {
    background:#222222;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}
.cabecera.submenu_activado #barra_superior {
    background:#222222;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}
.cabecera.submenu_activado #barra_superior #idiomas ul li a {color:#FFF;}
.cabecera.submenu_activado #barra_superior #social ul li a.facebook {background-position:0 -31px;}
.cabecera.submenu_activado #barra_superior #social ul li a.twitter {background-position:-40px -31px;}
.cabecera.submenu_activado #barra_superior #social ul li a.linkedin {background-position:-79px -31px;}
.cabecera.submenu_activado #barra_superior #social ul li a.google {background-position:-119px -31px;}
.cabecera.submenu_activado #barra_superior #cerrar_menu {display:block;}
.cabecera.submenu_activado #barra_principal {
    background:#222222;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}
.cabecera.submenu_activado #barra_principal a#logo {background:url(../img/haasbel_on.png) 0px 0px no-repeat;background-size:100%;width:326px;height:32px;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li a {color:white;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li a.esferas {color:#ff6273;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li.buscador a {background-position:0 -24px;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li.usuario a {background-position:-55px -24px;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li.carrito a {background-position:-111px -24px;}


#barra_submenus .sub_menu {display:none;}
#barra_submenus .sub_menu.activo {display:block;}
#barra_submenus .sub_menu {border-top:1px solid #727272;padding-bottom:20px;clear:both;overflow:hidden;margin:0}
#barra_submenus .sub_menu > ul {float:right;margin-right:170px}
#barra_submenus .sub_menu > ul.cosmetica {margin-right:0}
#barra_submenus .sub_menu > ul > li {float:left;vertical-align:top;max-width:230px;padding-right:25px}
#barra_submenus .sub_menu > ul > li > strong {display:block;float:left;padding:21px 0 2px 0;font-family:'Roboto';text-decoration:none;font-weight:400;text-transform:uppercase;font-size:13px;color:#e5a86d;}
#barra_submenus .sub_menu > ul > li > ul li {display:block;clear:both;overflow:hidden;margin-bottom:0px;}
#barra_submenus .sub_menu > ul > li a {font-family:'Roboto';text-decoration:none;font-weight:400;text-transform:uppercase;font-size:13px;color:#fff;}
#barra_submenus .sub_menu > ul > li a:hover {color:#ca6144}
#barra_submenus .sub_menu > ul > li.extras a,
#barra_submenus .sub_menu > ul > li.extras > strong {color:#7e7e7e;}
#barra_submenus .sub_menu > ul > li.extras a:hover {color:#ca6144}
#barra_submenus .sub_menu > ul > li.linea {margin-top:20px;border-left:1px solid #777;padding-left:30px;border-bottom:none;}
#barra_submenus .sub_menu > ul > li.linea strong {margin-top:-20px}
#barra_submenus .sub_menu > ul > li.jump {float: left}
#barra_submenus .sub_menu > ul > li.nov {min-width:200px}
#barra_submenus .sub_menu > ul.notipo {margin-right:300px}

#barra_submenus .sub_menu .prod_dest {
    float: left;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    margin-top: 20px;
    margin-bottom: -20px;
}
#barra_submenus .sub_menu .prod_dest ul.menuprod {
    width: 650px;
    margin: 0 auto;
}
#barra_submenus .sub_menu .prod_dest ul.menuprod li {
    width: 300px;
    float: left;    
}
#barra_submenus .sub_menu .prod_dest ul.menuprod .element {
     float: left;
     margin: 10px;
     margin-left: 30px;
 }
#barra_submenus .sub_menu .prod_dest ul.menuprod .element img {
     max-width: 75px;
     float: left;
     margin-right: 15px;
 }
#barra_submenus .sub_menu .prod_dest ul.menuprod .elem_title {
    font-size: 12px;
    color: #3a2924;
    font-weight: 700;
    margin-top: 30px;
    float: left;
    width: 175px;
    .margin-left: -15px;
    text-transform: uppercase;
}
#barra_submenus .sub_menu .prod_dest ul.menuprod .elem_code {
    font-size: 10px;
    color: #1d1d1d;
    margin-top: 3px;
    font-weight: 400;
}

.jcarousel-container {
    .float: left;
    width: 650px;
    margin: 0 auto;
}
.jcarousel-clip {
    overflow: hidden;
}
.jcarousel-clip-horizontal {
    width: 625px;
}

ul.menuprod .element:hover {
    opacity: 0.8;
    cursor: pointer;
}





#barra_submenus.flotante {position:fixed;width:100%;background-color:#222;margin-top:-15px;}


/* Contenido
================================================== */

section.contenido {
	position: relative;
	width:100%;
	background-color:#fff;
        float: left;
        margin: 0;
        padding: 0;
        margin-top: 139px;
}

section.contenido .banner_home {
        width: 100%;
        margin: 0;
        margin-bottom: -3px;
        text-align: center;
}
.contenido .banner_home img {
        width: 100%;
        max-width: 1280px;       
}
.contenido .banner_home video {
        width: 100%;
        margin-bottom: -2px;
}
.contenido .banner_home.video img {
        max-width: 3000px;
}
.contenido .banner_home iframe.video {
        width: 100%;        
        margin-bottom: -2px;
}
.embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.contenido #banner-seccion{
	float: left;	
	width: 100%;
	/*height: 430px;*/
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.contenido #banner-seccion-ficha{	
        width: 100%;
        height: 130px;
        background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;        
}

.container {
    width: 100%;
    padding: 0;
}

.container #listado .producto .info_estrellas {
    margin: 0 auto;
    margin-top: 25px;
    width: 105px;
}

#productos {
    margin-bottom: 100px;
}
#productos.container {
    width: 80%;
}
#productos.container #listado .producto {
    margin-bottom: 30px;
}
#productos.container h2 {
    line-height: 14px;
    margin-bottom: -2px;
}
#productos.container .producto img {
    max-width: 235px;
    margin-bottom: 15px;
    width: 100%;
}
#productos.container #listado .producto .info_estrellas {
    margin-top: 22px;
    margin-bottom: 15px;
}
#productos.container .col-md-12 {
    max-width: 1280px;
}

/*.slide-listado{
	background-image: url("../img/listado-top.jpg");
}*/
.slide-expositores{
	background-image: url("../img/expositores-top.jpg");
}

.contenido #banner-seccion #slide-titulo{
	float: right;
	margin-right: 0%;
	margin-top: 8%;
	width: 270px;
	line-height: 35px;
	text-align: right;
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
.contenido #banner-seccion #slide-titulo-left{
	float: left;
	margin-left: 5%;
	margin-top: 40px;
	width: 270px;
	line-height: 35px;
	text-align: left;
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
.contenido #banner-seccion #slide-descripcion-left{
	float: left;
	clear: left;
	margin-left: 5%;
	margin-top: 10px;
	width: 300px;
	line-height: 18px;
	text-align: left;
	font-size: 18px;
        font-family: 'Roboto', sans-serif;
}
.contenido #banner-seccion #slide-descripcion{
	float: right;
	margin-right: -270px;
	margin-top: 17%;
	width: 300px;
	line-height: 18px;
	text-align: right;
	font-size: 18px;
        font-family: 'Roboto', sans-serif;
}
.contenido #banner-seccion #elemento{
	float: right;
	margin-top: 10%;
	margin-right: 150px;
	width: 22%;
}
.contenido #banner-seccion #elemento img{
	float: right;
	width: 80%;
}
.contenido #banner-seccion #elemento-expositores{
	float: right;
	margin-top: -50px;
	margin-right: 70px;
	width: 38%;
}
.contenido #banner-seccion #elemento-expositores img{
	float: right;
	width: 80%;
}

#detalle-contenedor{
	.float: left;
	width: 100%;
        max-width: 1280px;
	text-align: center;
        margin: 0 auto;
	margin-top: 40px;
}
#detalle-contenedor.col-md-12 {
        float: none;
}
#detalle-contenedor #linea-menu {
	float: left;
	list-style: none;
	margin-bottom: 20px;
        margin-top: 20px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
#detalle-contenedor #detalle-menu{
	margin: auto;
	width: 95%;	
        font-family: 'Roboto';
	font-weight: 400;
}
#detalle-contenedor #detalle-menu ul{
	float: left;
	list-style: none;
	margin-bottom: 20px;
	width: 55%;
        margin-top: -46px;
}
#detalle-contenedor #detalle-menu ul li a{
	float: left;
	margin-right: 30px;
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #484848;
	text-decoration: none;
	font-weight: 400;
        cursor: pointer;
}
#detalle-contenedor #detalle-menu ul li a:hover{
	border-bottom: 3px solid #000;
}
#detalle-contenedor #detalle-menu ul li a.selec{
	border-bottom: 3px solid #e04a33;
        cursor: default;
}

#detalle-contenedor #detalle{
	margin: auto;
	width: 95%;
	text-align: center;
	/*font-family: 'Open Sans', sans-serif;*/
        font-family: 'Roboto';   
	font-weight: 400;
}
#detalle-contenedor #detalle #detalle-imagen{
	float: left;
	width: 45%;
}
#detalle-contenedor #detalle .detalle-info{
	float: left;
	width: 50%;
	text-align: left;
	margin-top: 30px;
        display: none;
        padding-bottom: 25px;
}
#detalle-contenedor #detalle .detalle-info.default{
	display: block;
}
#detalle-contenedor #detalle .detalle-info p {
        font-size: 15px;
        font-weight: 300;
}
#detalle-contenedor #detalle .detalle-info .nombre{
	float: left;
	clear: left;
	width: 100%;
	font-size: 23px;
	font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-weight: 300;
}
#detalle-contenedor #detalle .detalle-info .codigo{
	float: left;
	clear: left;
	width: 100%;
	font-size: 15px;
	color: #e5a86d;
	font-family: 'Roboto', sans-serif;
        margin: 0;
        padding-top: 8px;
}
#detalle-contenedor #detalle .detalle-info .title{
	font-size: 15px;
}
#detalle-contenedor #detalle .detalle-info .desc p{
	font-size: 15px;
}
#detalle-contenedor #detalle .detalle-info .stars_group {
    margin-left: -2px;
}
#detalle-contenedor #detalle .detalle-info .star_prod {
    width: 19px;
    height: 17px;    
}

#detalle-contenedor #detalle .detalle-info #caja-estrellas{
	float: left;
	clear: left;
	width: 280px;
	margin-top: 15px;
}
#detalle-contenedor #detalle .detalle-info #caja-estrellas img{
	float: left;
}
#detalle-contenedor #detalle .detalle-info #caja-estrellas #estrellas-links{
	float: left;
	margin-top: 3px;
	margin-left: 3px;
}
#detalle-contenedor #detalle .detalle-info #caja-estrellas a.lin {
	color: #3a2924;
	text-decoration: none;
        font-size: 14px;
}
#detalle-contenedor #detalle .detalle-info #caja-estrellas a.lin:hover {
	color: #000;
        text-decoration: underline;
}

#detalle-contenedor #detalle .detalle-info #caja-pdf{
	float: left;
	width: 220px;
	margin-top: 15px;
}
#detalle-contenedor #detalle .detalle-info #caja-pdf img{
	float: left;
}





#detalle-contenedor #detalle .detalle-info .descripcion{
	float: left;
	clear: left;
	width: 100%;
	margin-top: 20px;
	color: #3a2924;
        font-size: 15px;
        line-height: 18px;
}
#detalle-contenedor #detalle .detalle-info .precio{
	float: left;
	clear: left;
	width: 100%;
	margin-top: 40px;
	color: #3a2924;
	font-size: 25px;
}
#detalle-contenedor #detalle .detalle-info .literal{
	float: left;
	clear: left;
	width: 100%;
	margin-top: 20px;
	color: #3a2924;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
#detalle-contenedor #detalle .detalle-info #cantidad{
	float: left;
	clear: left;
	width: 200px;
	height: 30px;
	margin-top: 7px;
	margin-bottom: 15px;
	border: 1px solid #d2d2d2;
	padding-top: 12px;
}
#detalle-contenedor #detalle .detalle-info #cantidad .left{
	float: left;
	margin-left: 7px;
	width: 20px;
	height: 20px;
	margin-top: -9px;
	text-align: center;
}
#detalle-contenedor #detalle .detalle-info #cantidad .num{
	float: left;
	margin-left: 7px;
	width: 130px;
	height: 20px;
	margin-top: -9px;
	color: #3a2924;
	text-align: center;
}
#detalle-contenedor #detalle .detalle-info #cantidad .right{
	float: right;
	margin-right: 7px;
	width: 20px;
	height: 20px;
	margin-top: -9px;
	text-align: center;
}
#detalle-contenedor #detalle .detalle-info #cantidad a{
	font-size: 14px;
	font-weight: bold;
	color: #3a2924;
	text-decoration: none;
}
#detalle-contenedor #detalle .detalle-info .cantidad-addtocart{
	float: left;
	width: 200px;
	height: 90px;
	margin-top: 11px;
	margin-left: 10px;
	margin-bottom: -40px;
}
#detalle-contenedor #detalle .detalle-info .cantidad-addtocart a{
	margin: auto;
	border: 1px solid #000;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
#detalle-contenedor #detalle .detalle-info .cantidad-addtocart a:hover{
	color: #fff;
	background-color: #000;
	text-decoration: none;
}


.titulo-seccion{
	float: left;
	width: 100%;
	text-align: center;        
}
.titulo-seccion h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 35px;
	color: #2d1e1b;
        text-transform: uppercase;
}
.titulo-seccion h3{
	margin: auto;
	margin-top: 80px;
	margin-bottom: 130px;
	width: 80%;
	text-align: center;
	font-size: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #2d1e1b;
}
#listado{
	margin: auto;
	width: 80%;
	text-align: center;
	margin-top: 70px;
        padding-bottom: 50px;
}

#listado .producto{
	float: left;
	text-align: center;
	font-family: 'Roboto', sans-serif;        
}
#listado .producto:nth-child(3n+1) {
	clear: both;
}
.producto img.producto-img{
	float: center;
}
.producto img.producto-img:hover{
	opacity: 0.8;
}
.producto h2{
	margin: auto;
	text-align: center;
	font-size: 13px;
	color: #000;
	width:70%;
	margin-top: 5px;
	font-weight: bold;
}
.producto h2 a{
	color: #000;
	text-decoration: none;
        text-transform: uppercase;
}
.producto h2 a:hover{
	color: #777;
}
.producto span{
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 3px;
	font-size: 11px;
        text-transform: uppercase;
}
.producto .producto-estrellas{
	float: left;
	width: 100%;
	margin-top: 2px;
	text-align: center;
}
.producto .addtocart{
	float: left;
	width: 100%;
	height: 90px;
	margin-top: 25px;
}
.producto .addtocart a{
	margin: auto;
	border: 1px solid #000;
	padding: 10px;
	color: #000;
	text-decoration: none;
}
.producto .addtocart a:hover{
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

.salto {
    clear: both;
    display: none;
}


/* Packaging
================================================== */

#productos .packaging {
    width: 100%;
    float: left;
}

#productos .packaging #packaging {
    width: 924px;
    margin: 0 auto;
    padding: 20px 50px;
}
#productos .packaging #packaging .pack {
    float: left;
    width: 250px;
    text-align: center;
    margin: 0 10px;
}
#productos .packaging #packaging .pack_img {
    width: 150px;
    text-align: center;
    margin: 0 auto;
}
#productos .packaging #packaging .pack_img img {
    width: 100%;
}
#productos .packaging #packaging .pack_title {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
}

#productos .packaging .pagination {
    float: left;
    width: 100%;
    padding-top: 15px;
}
#productos .packaging .pagination a {
    font-size: 13px;
    text-decoration: none;
}
#productos .packaging .pagination #link_next {
    float: right;
    .margin-right: 65px;
    background-image: url("../img/arrows02.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: -18%;
    left: 90%;
}
#productos .packaging .pagination #link_prev {
    float: left;
    .margin-left: 65px;
    background-image: url("../img/arrows02.png");
    background-repeat: no-repeat;
    background-position: 0% 0%;
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: -18%;
    right: 90%;
}



/* Comentarios
================================================== */

.reviews {
	position: relative;
	float: left;
	clear: both;
	font-size: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	width: 100%;
	background-color: #f6f6f6;
	padding-top: 90px;
	padding-bottom: 90px;
}
.reviews #reviews-detalle{
	margin: auto;
	width: 65%;
	text-align: center;
	font-size: 12px;
}

.reviews #reviews-detalle #captions{
	float: left;
	font-weight: bold;
	font-size: 14px;
}
.reviews #reviews-detalle #write{
	float: right;
}
.reviews #reviews-detalle #write a{
	margin: auto;
	border: 1px solid #000;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 7px;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.reviews #reviews-detalle #write a:hover{
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.reviews #reviews-detalle #filter{
	float: left;
	clear: both;
	width: 100%;
	padding-top: 20px;
	text-align: center;        
}
.reviews #reviews-detalle #filter #filter-center {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	text-align: center;
}

.reviews #reviews-detalle #filter #filter-center ul{
	margin: auto;
	width: 470px;
	list-style: none;
}
.reviews #reviews-detalle #filter #filter-center ul li{
	float: left;
	padding: 18px;
}
.reviews #reviews-detalle #filter #filter-center ul li a{
	float: left;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.reviews #reviews-detalle #filter #filter-center span{
	float: right;
	background-image: url("../img/flecha-down.png");
	width: 7px;
	height: 6px;
	margin-top: 5px;
	margin-left: 7px;
}

.reviews #reviews-detalle .review{
	float: left;
	color: #000;
	width: 100%;
	text-align: left;
	font-size: 13px;
	line-height: 25px;
	margin-top: 60px;
}
.reviews #reviews-detalle .review .review-left{
	float: left;
	width: 40%;
}

.reviews #reviews-detalle .review .rev-nombre{
	float: left;
	width: 100%;
	font-weight: 400;
	font-weight: bold;
	text-decoration: underline;
        text-transform: uppercase;
}
.reviews #reviews-detalle .review .rev-literal{
	float: left;
	width: auto;
	clear: left;
	font-weight: 300;
	color: #000;
        text-transform: uppercase;
}
.reviews #reviews-detalle .review .rev-literal-tit{
	float: left;
	width: auto;
	clear: left;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	margin-top: 10px;
}
.reviews #reviews-detalle .review .rev-valor{
	float: left;
	width: auto;
	color: #000;
	font-weight: 400;
	margin-left: 10px;
}
.reviews #reviews-detalle .review .rev-descripcion{
	float: left;
	width: auto;
	color: #000;
	font-weight: 400;
	margin-top: 15px;
	line-height: 20px;
        clear: both;
}
.reviews #reviews-detalle .review .review-right{
	float: left;
	width: 60%;
}
.reviews #reviews-detalle .review .estrellas-rev{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.reviews #reviews-detalle .review .estrellas-rev .stars_group {
        margin-left: -5px;
}
.reviews #reviews-detalle .review img{
	float: left;
}
.reviews #reviews-detalle .review .rev-opciones{
	float: left;
	width: 100%;
	margin-top: 25px;
	border-top: 1px solid #ccc;
	padding-top: 25px;
}
.reviews #reviews-detalle .review #rev-opcion{
	float: left;
}
.reviews #reviews-detalle .review #rev-opcion a{
	margin: auto;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 10px;
	color: #000;
	background-color: #fff;
	font-size: 12px;
	font-weight: 400;
	font-weight: bold;
	text-decoration: none;
	margin-right: 10px;
}
.reviews #reviews-detalle .review #rev-opcion a:hover{
	color: #fff;
	background-color: #000;
	text-decoration: none;
}
.reviews #reviews-detalle .review .rev-opciones ul{
	float: right;
}
.reviews #reviews-detalle .review .rev-opciones ul li{
	float: right;
	margin-right: 15px;
}
.reviews #reviews-detalle .review .rev-opciones ul li a{
	color: #000;
	text-decoration: underline;
	font-weight: 400;
	font-weight: bold;
}
.reviews #reviews-detalle .review .rev-opciones ul li a:hover{
	text-decoration: none;
}
.reviews #add_comment {
        cursor: pointer;
}

.reviews #write-review {
        display: none;
}
.reviews #write-review form {
        padding: 20px;
        padding-left: 65px;
}
.reviews #write-review input {
        float: left;
        height: 45px;
        border-radius: 3px;
        margin-right: 2%;
        padding-left: 10px;
}
.reviews #write-review textarea {
        height: 100px;
        border-radius: 3px;
        padding-left: 10px;
}
.reviews #write-review a.enviar {
    float: right;
    background-color: #b69270;
    font-size: 15px;
    color: #fff;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    cursor: pointer;
    width: 100px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-right: 6%;
    width: 150px;
}
.reviews #write-review a.enviar:hover {
    opacity: 0.8;
}
.reviews #write-review .estrellas {
    float: right;
    margin-left: 15px;
    margin-top: 8px;
    width: 120px;
}
.reviews #write-review .title {
        width: 100%;
        text-align: left;
        font-size: 30px;
        border-bottom: 1px solid #ccc;
        font-weight: 100;
        padding-bottom: 15px;
}
.reviews #write-review .close {
        width: 30px;
        height: 30px;
        background-image: url("../img/cerrar_coment.png");
        opacity: 1;
}

/* Footer
================================================== */

.footer{background-color: #222222;width:100%;}
#barra_footer {padding-top:70px;min-height:300px;display:block;clear:both;overflow:hidden;padding-left:3%;}
#barra_footer a#logo {display:inline-block;margin:0 0 0 2%;background:url(../img/haasbel_on.png) 0px 0px no-repeat;background-size:100%;width:297px;height:38px;overflow:hidden;text-indent:-10000em;}
#barra_footer #menu_footer {float:right;margin:10px 1% 0 0;padding-bottom:19px;text-align:right;margin-top:-105px;}
#barra_footer #menu_footer .menu_footer_cabecera {float:left;margin-right:60px;}
#barra_footer #menu_footer .menu_footer_cabecera span{float:left;font-family:'Roboto';color:#e5a86d; font-size:13px; margin-bottom: 10px;}
#barra_footer #menu_footer .menu_footer_cabecera a{float:left;clear:left;font-family:'Roboto';color:#fff; font-size: 13px;text-decoration:none;margin-bottom:5px;line-height:15px}
#barra_footer #menu_footer .menu_footer_cabecera a:hover{color:#ca6144;}
#barra_footer #menu_footer .menu_footer_cabecera.item1 {margin-right:30px;}
#barra_footer #menu_footer .menu_footer_cabecera.item2 {margin-right:55px;}
#barra_footer #menu_footer .menu_footer_cabecera.item3 {margin-right:50px;}


#barra_footer #direccion{margin-top:5px;font-family:'Roboto';clear:left;text-align:center; color:#fff;font-size:12px; width:340px;line-height:16px}

#barra_footer2 {padding-top:40px;min-height:200px;display:block;clear:both;overflow:hidden;background-color: #fff; text-align: center;}
#barra_footer2 #barra_content {margin: auto; /*width:850px;*/width:500px; text-align: center; }
#barra_footer2 #barra_content #signup input{float:left;background-color:#fff;border:1px solid #8f8f8f;padding:22px;width:340px;font-size: 13px;font-family:'Roboto';}
#barra_footer2 #barra_content #signup button{float:left;margin-left:-5px;background-color:#000;border:1px solid #8f8f8f;padding:23px;color:#fff;font-size: 13px;cursor: pointer;margin-right:-1px;font-family:'Roboto';}
#barra_footer2 #barra_content #signup button:hover{background-color:#222;}
#barra_footer2 #barra_content #signup .social_ico_footer {float:left;margin-left:0px;background-color:#fff;/*border-right:1px solid #8f8f8f;*/padding:5px;width:60px;color:#000;font-size: 13px;cursor: pointer;}
#barra_footer2 #barra_content #signup .social_ico_footer:hover {opacity: 0.8}
#barra_footer2 #barra_content #signup #check_out {float:left;padding:22px;}
#barra_footer2 #barra_content #signup #check_out a {.margin-left:0px;background-color:#fff;color:#8f8f8f;font-size: 15px;cursor: pointer;font-family:'Roboto';}
#barra_footer2 #barra_content #signup #check_out a:hover {text-decoration: none;}
#barra_footer2 #barra_content #signup .confirm_news {clear:both;font-size:13px;text-align:left;display:none}



@media only screen and (min-width: 1600px) {

    #productos.container {
        width: 75%;
    }
}
@media only screen and (min-width: 1775px) {

    #productos.container {
        width: 48%;
    }
}




@media only screen and (max-width: 1500px) {

    #barra_submenus .sub_menu > ul > li.jump {clear:both}

}

@media only screen and (max-width: 1400px) {

    #barra_principal a#logo {margin-top:12px;width:250px}
    .cabecera.submenu_activado #barra_principal a#logo {width:250px;}

}

@media only screen and (max-width: 1366px) {

    #barra_principal #menu_principal ul li {margin-left:20px;}
    #barra_principal #menu_principal ul li.buscador a {margin-left:0px;}
    #barra_principal #menu_principal ul li.buscador .buscador_on {margin-left:-8px;}

}

@media only screen and (max-width: 1280px) {
    
    .contenido #banner-seccion #slide-titulo{
            font-size: 24px;
            line-height: 26px;
    }
    .contenido #banner-seccion #slide-descripcion{
            font-size: 14px;            
    }
    .contenido #banner-seccion #slide-titulo-left{
            font-size: 24px;
            line-height: 26px;
    }
    .contenido #banner-seccion #slide-descripcion-left{
            font-size: 14px;           
    }
    
    #barra_submenus .sub_menu > ul > li.jump {clear:both}

    #barra_principal #menu_principal ul li {margin-left:20px;}
    #barra_principal #menu_principal ul li.buscador a {margin-left:0px;}
    #barra_principal #menu_principal ul li.buscador .buscador_on {margin-left:-8px;}
    
}

@media only screen and (max-width: 1250px) {

    #barra_principal a#logo {
        margin-top: -50px;
        position: absolute;
    }

}

@media only screen and (max-width: 1024px) {
    
    #barra_principal a#logo {
        margin-top: -50px;
        position: absolute;
    }

    #barra_principal #menu_principal ul li {margin-left:24px;}

    #barra_submenus .sub_menu > ul {margin-right:80px}

    #barra_footer a#logo {width:250px;height:32px;;background-size:100%}
    #barra_footer #direccion {width:280px;}
    
}


@media only screen and (max-width: 950px) {

    .cabecera #barra_principal #menu_principal .herramienta {display:none}    
    #barra_principal #menu_principal ul li {margin-left:18px;}
    #barra_principal #menu_principal ul li a {font-size:12px;}

    #barra_principal #menu_principal ul  {margin:0;padding-bottom:12px}
        
    #barra_submenus .sub_menu > ul {margin-right:0px}
    #barra_submenus .sub_menu > ul.cosmetica > li {max-width:185px;}
    #barra_submenus .sub_menu > ul > li a {font-size:12px}
    #barra_submenus .sub_menu > ul.cosmetica {width: 510px;}
    
        
    #barra_footer #menu_footer .menu_footer_cabecera {margin-right:25px;margin-top:22px}
    #barra_footer2 #barra_content {/*width:700px;*/width:500px;}
    #barra_footer2 #barra_content #signup #check_out {clear:both;width:700px;tex-align:center;}

    #barra_footer a#logo {width:200px;height:26px;}
    #barra_footer #direccion{font-size:11px; width:230px;}

    #barra_footer #menu_footer .menu_footer_cabecera.item1 {margin-right:10px;}
    #barra_footer #menu_footer .menu_footer_cabecera.item2 {margin-right:25px;}
    #barra_footer #menu_footer .menu_footer_cabecera.item3 {margin-right:20px;}

    

    .reviews #reviews-detalle .review #rev-opcion{float: left;margin-top: 10px;}
    .reviews #reviews-detalle .review .rev-opciones ul{float: left;clear: both;margin-top: 20px;}
    .reviews #reviews-detalle{width: 90%;}

    #listado .producto{width: 50%;}

    #listado .producto:nth-child(3n+1) {
	clear: none;
    }
    #listado .producto:nth-child(2n+1) {
	clear: both;
    }
    #detalle-contenedor #detalle-menu ul{
        margin-top: -44px;
    }
    #detalle #detalle-menu ul li a {
        font-size: 11px;
        margin-right: 8px;
    }
}

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

   #barra_principal #menu_principal {margin:0 auto;text-align:center;padding:0 10% 10px 10%;}

   #barra_principal #menu_principal ul li {margin: 5px 10px}
}


@media only screen and (max-width: 600px) {
    
    #barra_submenus .sub_menu > ul {margin-right:0;}
    #barra_submenus .sub_menu > ul > li {max-width:170px;}
    #barra_submenus .sub_menu > ul > li a {font-size:9px}
    #barra_submenus .sub_menu > ul > li > strong {font-size:10px}
    #barra_submenus .sub_menu > ul > li.nov {min-width:100px}
    #barra_submenus .sub_menu > ul.cosmetica > li {max-width:140px;}
    #barra_submenus .sub_menu > ul.cosmetica {width:400px;}
    

    .salto {
        display: block;
    }
    #barra_footer2 #barra_content {/*width:600px*/width:500px}
    #barra_footer2 #barra_content #signup {margin:0 auto;width:500px;}
    #barra_footer2 #barra_content #signup #check_out {clear:both;width:450px;tex-align:center;}
    #barra_footer2 #barra_content #signup .social_ico_footer.first {margin-left:105px}    

    #slide-descripcion {display: none}

    #detalle-contenedor #detalle #detalle-imagen{
	float: none;
	width: 75%;
        clear: both;
        margin: 0 auto;
    }
    #detalle-contenedor #detalle .detalle-info {
	width: 100%;
    }

    #detalle-contenedor #detalle-menu ul{
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-top: 20px;
    }
    #detalle-contenedor #detalle-menu ul li a{
	margin-right: 30px;
    }
    #detalle-contenedor #linea-menu {
	display: none;
    }

}