body, input, textarea, button, select { color: #666666; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 23px; }

/* Compatibilidad del contenido legacy de C-G con el storefront actual. */
body:not(#body-home) > .page.clearfix {
	width: 100%;
	max-width: 953px;
	margin-right: auto;
	margin-left: auto;
}

/* La cabecera legacy con banner no debe superponer el logotipo al carrusel. */
#encabezado_banner .logo_cabecera {
	display: none;
}

/* C-G no muestra redes sociales en la cabecera. */
#header .col-top-bar .col-social-contact .social-icons {
	display: none;
}

/* Los datos legacy guardan una altura fija; el storefront actual calcula el cuadrado en wrapper2. */
#body-home .page .gallerytable .gallerycell,
#body-home .page .gallerytable .gallerycell .wrapper {
	height: auto !important;
}
#header .top,
#header .top .submenu ul { background: #484848; }
#header .top .submenu ul li a:hover { background: #3b3b3b; }
#header .top,
#header .top a { color: #fdfdfd; }
#header .top .links { line-height: 29px; font-size: 15px; font-weight: 300; }
#header .top .links > li > a,
#header .top .links > li.submenu { letter-spacing: 1px; }
#header .top .links .site-icon { margin-right: 10px; }
#header .products.menu .expander .handle,
#header .products.menu .container > ul li > a:before { content: ""; display: inline-block; background-image: url('products_menu.png'); background-repeat: no-repeat; height: 29px; width: 34px; vertical-align: middle; margin: -5px 10px 0 0; }
#header .products.menu .container > ul li > a[rel="45"]:before { background-position: 0 0; }
#header .products.menu .container > ul li > a[rel="2"]:before { background-position: -33px 0; }
#header .products.menu .container > ul li > a[rel="1"]:before { background-position: -68px 0; }
#header .products.menu .container > ul li > a[rel="5"]:before { background-position: -102px 0; }
#header .products.menu .expander .handle { background-position: -170px 0; }
#header .products.menu .expander.expanded .handle { background-position: -136px 0; }

#header .col-top-bar { text-align: left; font-size: 14px; margin-bottom: 15px; }
#header .col-top-bar .social-icons { margin: 0 30px 0 0; }
#header .col-top-bar .social-icons,
#header .col-top-bar .social-icons .top-links i,
#header .col-top-bar .social-icons .top-links a,
#header .col-top-bar .telephone { display: inline-block; vertical-align: middle; }
#header .col-top-bar .social-icons li { float: left; }
#header .col-top-bar .social-icons li a { color: #888; }
#header .col-top-bar .intranet { display: inline-block; margin-right: 30px; }
#header .col-top-bar .intranet i { margin-right: 10px; vertical-align: middle; }
#header .col-top-bar .intranet a { color: #666; }
#header .col-top-bar { font-weight: 600; }

#mobile-nav { padding-top: 50px; }
#mobile-nav .close { font-size: 40px; color: #b7b7b7; position: absolute; top: 5px; right: 10px; }
#mobile-nav .language-picker { background: #c6c6c6 url('menu-arrowdown-black.png') no-repeat right 15px center; margin-bottom: 15px; }
#mobile-nav .menu-mobile ul li.has-submenu { background: url('menu-arrowdown.png') no-repeat right 5px; }
#mobile-nav .menu-mobile ul li.has-submenu.expanded { background-image: url('menu-arrowup.png'); }
#mobile-nav .menu-sep { border-top: 1px solid #555; }
#mobile-nav .user-area { padding: 2px 0 2px 35px; margin: 0 0 10px; background: url('../../../img/iconopixel/menu-user-white.png') no-repeat left top; }
#mobile-nav .soporte-tecnico { padding: 2px 0 2px 35px; margin: 0 0 10px; background: url('../../../img/iconopixel/menu-soporte-tecnico-white.png') no-repeat left top; }
#mobile-nav .menu-sep { height: 1px; margin-top: 20px; }
#header .col-buscador .buscador .search-results .col.filters #price-range .ui-slider-handle:nth-of-type(2):before { background: url('price_range_start.png') no-repeat center center; }
#header .col-buscador .buscador .search-results .col.filters #price-range .ui-slider-handle:nth-of-type(1):before { background: url('price_range_end.png') no-repeat center center; }
#header .col-buscador .zoom { border: 1px solid #e3e3e3; border-left: none; background: #5a5859 url('menu-buscar.png') no-repeat center center; }
#header .col-buscador .buscador .title { font-weight: 600; font-size: 19px; color: #FE860C; margin-bottom: 5px; letter-spacing: 0.3px; }
#header .helpdesk .telephone { vertical-align: top; font-weight: 600; font-size: 24px; color: #FE860C; line-height: 28px; }
#header .helpdesk .title { font-weight: 600; font-size: 19px; color: #6e6e6e; margin-bottom: 5px; letter-spacing: 0.3px; }
#header .helpdesk .telephone:before { background: url('telephone.png'); }
#header .products.menu { background: #FE860C; border-bottom: 0px solid #c6c6c6; }
#header .main.menu { font-weight: 400; font-size: 0; margin-top: 23px; }
#header.fixed { background: white; box-shadow: 0 0 35px 0px rgba(0,0,0,.45); height: 74px; }
#header.fixed .col-top-bar { display: none; }
#header.fixed .main.menu { margin-top: 6px;  }
#header.fixed .col-logo img { float: left; height: 53px; margin: 10px 0; }
#header .menu .container > ul > li { margin: 0 12px; }
#header .menu .container > ul > li:first-child { margin-left: 0; }
#header .menu .container > ul > li:last-child { margin-right: 0; }
#header .idiomas { text-align: left; margin-left: 30px; width: 120px; position: relative; display: inline-block; border: 2px solid #d3d3d3; background: url('menu-arrowdown-black.png') no-repeat 90px 11px; }
#header .main.menu .container { text-align: left; }
#header .main.menu .container > ul { text-align: right; }
#header .main.menu .container > ul a { display: block; }
#header .main.menu .container > ul > li > a { line-height: 30px; display: block; color: #887e75; cursor: pointer; font-size: 15px; padding-bottom: 20px; }
#header.fixed .main.menu .container > ul > li > a { padding-top: 17px; padding-bottom: 17px; }
#header .idiomas > a { padding: 0 35px 0 15px; line-height: 30px; color: #887e75; }
#header .top-links { display: inline-block; }
#header .top-links a { color: #887e75; }
#header .top-links a:hover { color: #FE860C; }
#header .main.menu .container > ul > li > a.active { color: #FE860C; box-shadow: inset 0 -4px 0 #FE860C; }
#header .main.menu .container > ul > li > a.open,
#header .main.menu .container > ul > li > a:hover { box-shadow: inset 0 -4px 0 #FE860C; }
#header .main.menu .container > ul > li.current-item > a:hover,
#header .main.menu .container > ul > li.current-item > a.open { box-shadow: inset 0 -4px 0 #FE860C; }
#header .idiomas > a.open { border-bottom: none; }
#header .idiomas > a.open + .child { display: block; min-width: 120px; background-color: #ececec; right: 0; position: absolute; z-index: 2; }
#header .idiomas ul { list-style-type: none; margin: 0; padding: 0; }
#header .idiomas ul a { display: block; line-height: 45px; padding: 0 15px; }


#header .main.menu .container > ul > li.current-item > a { color: #FE860C; }
#header .idiomas > a:hover,
#header .idiomas > a.active { color: #887e75; border-bottom: none; }
#header .menu .container > ul ul li > a { font-size: 16px; line-height: 45px; }
#header .menu .container li.has-submenu > div.child { background-color: #4e4d53; font-weight: 300; }
#header .idiomas.has-submenu > div.child { background-color: #ececec; }
#header .menu .container > ul li > .child a { font-size: 14px; color: #ddd; text-transform: none; }
#header .idiomas .child { display: none; right: 0; margin-top: 5px; }
#header .idiomas.has-submenu > div.child { min-width: 120px; }
#header .idiomas > .child a { color: #887e75; }
#header .idiomas.has-submenu > div.child > ul > li > a { text-align: left; padding-left: 15px; padding-right: 15px; font-weight: 600; }
#header .menu .container li.has-submenu > div.child > ul > li > a:hover,
#header .menu .container li.has-submenu > div.child > ul > li > a.active { background-color: #2b2b2a; color: white; }
#header .idiomas.has-submenu > div.child > ul > li > a:hover,
#header .idiomas.has-submenu > div.child > ul > li > a.active { background-color: #dadada; color: #887e75; }
#banners-carousel .item { max-height: none; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control.left .arrow,
.carousel-control.right .arrow { background: url('scrollable_arrow.png') no-repeat; }
.carousel-control .icon-prev,
.carousel-control.left .arrow { background-position: 0 -60px; }
.carousel-control .icon-next,
.carousel-control.right .arrow { background-position: 0 0; }
#body-list .results .new.product .new { background: url('../../../img/iconopixel/new_2_ok.png') no-repeat; }
#body-list .results .offer.product .offer { background: url('../../../img/iconopixel/offer_2_ok.png') no-repeat; }
#body-product .carousel-control .icon-prev,
#body-product .carousel-control .icon-next,
#body-product .carousel-control.left .arrow,
#body-product .carousel-control.right .arrow,
#body-home .news-carousel .carousel-control .icon-prev,
#body-home .news-carousel .carousel-control .icon-next,
#body-home .news-carousel .carousel-control.left .arrow,
#body-home .news-carousel .carousel-control.right .arrow { background-image: url('scrollable_arrow2.png'); }
#body-product .carousel-control.left,
#body-product .carousel-control.right,
#body-home .news-carousel .carousel-control.left,
#body-home .news-carousel .carousel-control.right { background: none; }
#body-product .carousel-control,
#body-home .news-carousel .carousel-control { width: 5%; }
#body-product .carousel-indicators { margin-top: 20px; }
#body-product .carousel-indicators li { background: #d1d1d1; border: none; width: 14px; height: 14px; margin: 0; }
#body-product .carousel-indicators li.active { background: #575556; }
#body-product .product-container { border-top: 1px solid #e2e2e2; }
#body-product .col-right .picker .btn.action { background-image: url('carrito_blanco.png'); background-repeat: no-repeat; background-position: 15px center; }
#body-product .col-right .request_info .title a:before { background: url('/img/iconopixel/info.png') no-repeat; }
#body-product .col-right .request_info .whatsapp .title:before { width: 25px; height: 27px; background: url('/img/iconopixel/whatsapp.png') no-repeat; }
#body-product .col-right .offer_countdown .countdown:before { width: 25px; height: 26px; background: url('/img/iconopixel/countdown.png'); }
#body-customize form button[type=submit] { background-image: url('carrito_blanco.png'); background-repeat: no-repeat; background-position: 15px center; padding-left: 60px; }
#body-product .budget a:before { width: 82px; height: 89px; background: url(calculadora_presupuesto.png) no-repeat 0 0; }
#body-product .budget a:hover { background: #fc0017; }
#body-product .budget a:hover:before { background: url(calculadora_presupuesto.png) no-repeat 0 -89px; }
#body-puntosventa #title .sep { width: 5px; height: 9px; background: url('r_arrow1.png') no-repeat; }
#body-puntosventa #results .tienda-online.title:before { width: 27px; height: 25px; background: url('../../close.png'); }
#notfound-404 #main_page_container div.error { background: #1d1d1d url('warning1.png') no-repeat 85px center; border-top: 2px solid #0d0d0d; border-bottom: 1px solid #4c4c4c; }
#body-cart .actions .btn, #body-order .actions .btn { letter-spacing: 1px; }
#btn-mobile-menu { position: absolute; top: 0; right: 0; z-index: 2; font-size: 48px; font-size: 48px; }

@media all and (max-width: 767px) {
	#header .col-top-bar { margin-bottom: 0; }
	#header .col-top-bar .social-icons { display: none; }
	#header .col-top-bar .telephone { display: block; margin-left: 5px; }
}

@media all and (min-width: 768px) {
	#btn-mobile-menu { display: none; }
	#header .menu .container > ul > li.has-submenu a.active + .subitem { top: 60px; }
	#header .menu .container li.has-submenu > div.subitem { padding: 20px; background: white; position: absolute; z-index: 16; left: 0; top: 0; box-shadow: 0 10px 40px -10px #444; }
	#header .products.menu .container > ul li > a[rel="2"]:before { margin-right: 2px; }
	#header #menu-cart-popup .btn-finish { letter-spacing: 1px; }
	#body-cart .actions .btn, #body-order .actions .btn { font-weight: 500; }
	#header .main-content {
		margin-top: 15px;
	}
}
@media all and (min-width: 992px) {
	#header .products.menu .container > ul li > a { font-size: 28px; letter-spacing: 1px; font-weight: 600; line-height: 60px; padding-left: 20px; margin-left: -20px; padding-right: 20px; margin-right: 10px; }
	#body-product .product_amount_control .widget > * { font-size: 20px; }
	#body-product .col-right .puntos_venta,
	#body-product .col-right .add_to_cart,
	#body-product .col-right .add_to_cart_and_customize { font-size: 16px; padding-right: 24px; padding-left: 60px; background-image: url('carrito_blanco.png'); }
	#header .menu .container > ul > li { margin: 0 15px; }
	#header .main.menu .container > ul > li > a { font-size: 20px; letter-spacing: 1px; padding-bottom: 20px; }
}