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


#header { background: #ececec; }
#header .top { background: #484848; }
#header .top,
#header .top a { color: #fdfdfd; }
#header .top .links a { line-height: 29px; font-size: 15px; letter-spacing: 1px; font-weight: 300; }

#header .products.menu .expander .handle,
#header .products.menu .container > ul li > a:before { 	background-position: -139px 0; 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: -5px 0; }
#header .products.menu .container > ul li > a[rel="2"]:before { background-position: -36px 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: -106px 0; }
#header .products.menu .expander .handle { background-position: -170px 0; }
#header .products.menu .expander.expanded .handle { background-position: -136px 0; }
.social_icon { text-indent: -99999px; width: 30px; height: 30px; vertical-align: middle; display: inline-block; font-size: 0; background-image: url('iconos_sociales.png'); background-position-y: -168px; background-repeat: no-repeat; }
#mobile-nav .social_icon { background-position-y: -134px; }
#mobile-nav .social_icon:hover { background-position-y: -168px; }
.social_icon:hover { background-position-y: -134px; }
.social_icon.facebook { background-position-x: -1px; }
.social_icon.twitter { background-position-x: -33px; }
.social_icon.youtube { background-position-x: -65px; }
.social_icon.pinterest { background-position-x: -97px; }
.social_icon.linkedin { background-position-x: -129px; }
.social_icon.googleplus { background-position-x: -161px; }
.social_icon.vimeo { background-position-x: -194px; }
.social_icon.blogger { background-position-x: -225px; }
.social_icon.flickr { background-position-x: -322px; }
#mobile-nav .language-picker { background: #c6c6c6 url('menu-arrowdown-black.png') no-repeat right 15px center; margin-bottom: 30px; }
#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: #028fd7; margin-bottom: 5px; letter-spacing: 0.3px; }
#header .helpdesk .telephone { vertical-align: top; font-weight: 600; font-size: 24px; color: #028fd7; 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: #01a7e3; border-bottom: 0px solid #c6c6c6; }
#header .main.menu { background: #dadada; color: white; font-weight: 600; font-size: 0; }
#header .products.menu,
#header .products.menu .expander { background: #01a7e3; }
#header .products.menu .expander { background-color: #007cb9; }
#header .products.menu .container > ul > li > a:hover,
#header .products.menu .container > ul > li > a.active { background-color: #008dcf; }
#header .menu .container > ul > li > a { padding-right: 20px; font-size: 18px; }
#header .menu .container > ul li > a { display: block; font-weight: 600; color: #666; cursor: pointer; padding-left: 5px; padding-right: 22px; font-size: 16px; }
#header .menu .container > ul li > .child a { color: white; font-weight: 400; text-transform: none; }
#header .alt.menu .container > ul li > a,
#header .products.menu .expander,
#header .products.menu .container > ul li > a { color: white; }
#header .products.menu .expander { padding-left: 5px; cursor: pointer; }
#header .products.menu .expander,
#header .products.menu .container > ul li > a { font-size: 20px; letter-spacing: 1px; font-weight: 600; text-transform: initial; line-height: 50px; }
#header .alt.menu .container > ul > li:nth-child(1) > a { background-color: #ff6d00; }
#header .alt.menu .container > ul > li:nth-child(2) > a { background-color: #a42149; }
#header .alt.menu .container > ul > li:nth-child(3) > a { background-color: #04be04; }
#header .alt.menu .container > ul > li:nth-child(1) > a:hover,
#header .alt.menu .container > ul > li:nth-child(1) > a.active { background-color: #dd5f00; }
#header .alt.menu .container > ul > li:nth-child(2) > a:hover,
#header .alt.menu .container > ul > li:nth-child(2) > a.active { background-color: #791735; }
#header .alt.menu .container > ul > li:nth-child(3) > a:hover,
#header .alt.menu .container > ul > li:nth-child(3) > a.active { background-color: #029302; }

.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 -62px; }
.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; }
#mobile-search form button[type=submit] { border: none; width: 21px; height: 21px; background: white url('menu-buscar2.png') no-repeat right center; }

@media all and (min-width: 768px) {
	#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; }
}

@media all and (min-width: 992px) {

	#header .products.menu .container > ul li > a { font-size: 22.5px; 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');
	}
}