﻿/* Grises */

/* #2b2b2b */
.col-gris1b,
#topBar .cuenta a:hover,#topBar .cuenta a:focus,
#topBar .bienvenida a,#topBar .bienvenida a:hover,#labelTelefono,#topBar .redes .fa:hover{color:#1b1b1b;}
.bg-gris1b{background-color:#1b1b1b}
.bd-gris1b{border-color:#1b1b1b;}

/* #333 */
.col-gris3,
.color-head,.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus,
h1,h2,h3,h4,h5,h6,
.capaMovimiento h2,
.panel-title a,
.panel-default>.panel-heading h3,
div.toggle > label,
.seccionCortinilla .blog-showcase-title,
.shop .productDescription h3,
.valoracionTitulo,
.divVariantes,
.thTitulo,
#pageHeaderNormal .breadcrumb ul li a,
#divPpalCestaCompra .fila-carrito .descripcion .description, #divPpalCestaCompra .fila-carrito .precios .price,
#divFooterCarrito,#divFooterCarrito .price.vat .price,#divFooterCarrito .discount strong,#divFooterCarrito .shipment strong
{color:#333;}
.bg-gris3{background-color:#333}
.bd-gris3{border-color:#333;}

/* #444 */
.col-gris4,
body,
.btn-default,
#headr ul.nav li a,#headr ul.nav>li:hover > a,
.valoracionComentario,
.promocionada h3,
.caracteristicas li .valor ,
#topBar .dropdown-menu li a,
#topCart p,
#topBar .cuenta a, #topBar .cuenta button,
#panelCondicionesEntrega,
a.list-group-item,#divMenuInferiorCorporativo,#divMenuInferiorCorporativo,#divMenuInferiorCorporativo a, .politicas-pie a, #footer,#footer .list-group a,
#pageHeaderFull h1,
#pageHeaderFull .breadcrumb .current, #pageHeaderFull .breadcrumb ul li,#pageHeaderFull .breadcrumb ul li:before,
#pageHeaderFull p.lead
{color:#444;}
.bg-gris4,
.btn-default:hover,.btn-default:active,.btn-default:focus
{background-color:#444;}
.bd-gris4,
.politicas-pie,
.btn-default,.btn-default:hover,.btn-default:active,.btn-default:focus
{border-color:#444;}

/* #555 */
.col-gris5 {color:#555;}
.bg-gris5 {color:#555;}
.bd-gris5 {color:#555;}

/* #666 */
.col-gris6,
.menuLateral3 > a,.menuLateral3 > a:hover, .menuLateral3 > div,
#content .lead,
pre,
.subtituloSecciones,
.seccionSencilla .contenidoSencilla,.seccionSencilla .contenidoSencilla h3,
.divCarritoVacio p,.divCarritoVacio h3,#divMenuInferiorHTML strong,
.item-box-desc h3,small.item-vat span
{color:#666;}
.bg-gris6 {background-color:#666;}
.bd-gris6,.politicas-pie {border-color:#666;}

/* #999 */
.col-gris9,
.color-terc,
#topOptions li a span.items,#topOptions li div.button span.items,#topOptions li button span.items,
.btn.disabled, .btn[disabled],
aside ul.nav-list li.active>a i,aside ul.nav-list li.active>div i,
.seccionCortinilla .blog-showcase-extra-info span a,
.shop .productDescription .code,
.pasosPedido span,
.valoracionNombre,
#lblInfoVariantes,
#divPpalCestaCompra .panel-title,
.well.well-resume,
.descripcionFormaPago,
.fechaNoticia span,
#divPpalCestaCompra .fila-carrito .descripcion small,#divPpalCestaCompra .fila-carrito .precios small,
#topCart a.item span.line-through,#topCart a.item span,
body.checkout .resumen,
#divPpalCestaCompra .fila-carrito .cantidad small,
#divPpalCestaCompra .fila-carrito .cantidad .input-group-btn button:hover,
.menuLateral1 > div,.menuLateral2 > div,.menuLateral1 > a,.menuLateral2 > a
{color:#999;}

.bg-gris9,
.back-terc
{background-color:#999;}

.bd-gris9,
.btn.disabled, .btn[disabled]
 {border-color:#999;}

/* #ababab */
.col-grisAB,
.volanta,#topBar .dropdown-menu li a:hover,#topBar .dropdown-menu li a:focus
{color:#ababab;}
.bg-grisAB,
aside ul.nav-list li.active>a,aside ul.nav-list li a:hover,aside ul.nav-list li.active>div,aside ul.nav-list li div:hover{background-color:#ababab;}

/* #bdbdbd */
.col-grisBD {color:#bdbdbd;}
.bg-grisBD,
.buscadorSiempreVisible .RadSearchBox button.rsbButton.rsbButtonSearch {background-color:#bdbdbd;}
.bd-grisBD {border-color:#bdbdbd;}

/* #ccc */
.col-grisC {color:#ccc;}
.bg-grisC {background-color:#ccc;}
.bd-grisC {border-color:#ccc;}

/* #c6c6c6 */
.col-grisC6
{color:#c6c6c6;}
.bg-grisC6 {background-color:#c6c6c6;}
.bd-grisC6,
.form-control, select,.form-control:focus {border-color:#c6c6c6;}

/* #dddddd */
.colorD,
.owl-theme .owl-controls .owl-nav [class*=owl-]
{color:#dddddd;}
.bd-grisD,
#panelFormasPago2,
.buscadorSiempreVisible .RadSearchBox .rsbInner,.buscadorSiempreVisible .RadSearchBox .rsbInner .rsbHovered,
#divFooterCarrito .shipment
{border-color:#dddddd !important;}
.bg-grisD {background-color:#dddddd}

/* #d2d2d2 */
.colorD2 {color:#d2d2d2;}
.bd-grisD2 {border-color:#d2d2d2;}
.bg-grisD2 {background-color:#d2d2d2}

/* #d7d7d7 */
.colorD7,aside ul.nav-list li a:hover .count {color:#d7d7d7;}
.bd-grisD7 {border-color:#d7d7d7;}
.bg-grisD7,
aside ul.nav-list li a .count {background-color:#d7d7d7}

/* #eee */
.col-grisE {color:#eee;}
.bg-grisE {background-color:#eee;}
.bd-grisE,.item-box  {border-color:#eee;}

/* #e3e3e3 */
.col-grisE3 {color:#e3e3e3;}
.bg-grisE3 {background-color:#e3e3e3;}
.bd-grisE3 {border-color:#e3e3e3;}

/* #e5e5e5 */
.col-grisE5 {color:#e5e5e5;}
.bg-grisE5 {background-color:#e5e5e5;}
.bd-grisE5 {border-color:#e5e5e5;}

/* #e6e6e6 */
.col-grisE6 {color:#e6e6e6;}
.bg-grisE6 {background-color:#e6e6e6;}
.bd-grisE6 {border-color:#e6e6e6;}

/* #efefef */
.col-grisEF {color:#efefef;}
.bg-grisEF,
.btn.disabled, .btn[disabled]{background-color:#efefef;}
.bd-grisEF {border-color:#efefef;}

/* #f0f0f0 */
.col-grisF0{color:#f0f0f0;}
.bg-grisF0,
.buscadorSiempreVisible .RadSearchBox .rsbInner,.buscadorSiempreVisible .RadSearchBox .rsbInner .rsbHovered,
body.producto .owl-theme .owl-dots .owl-dot span,
#divPpalCestaCompra .fila-carrito .cantidad .input-group-btn button:hover
{background-color:#f0f0f0;}
.bd-grisF0,#topBar .dropdown-menu li a,#topCart .bottom,.page-header,
body.producto .productDescription,body.producto .productDescription .priceSinIVA,#panelCompra,
#topCart h2,#topCart a.item,#topCart a.item:hover,#topCart p.vacio,
#divPpalCestaCompra .panel-heading,#divPpalCestaCompra .panel-body > .row,
.btn-trash,.btn-trash:hover,
#divPpalCestaCompra .fila-carrito .cantidad .input-group-btn button,.menuLateral1,
body.producto .productDescription > .valoration,
.grid-item .border
{border-color:#f0f0f0;}

/* #f2f2f2 */
.col-grisF2{color:#f2f2f2;}
.bg-grisF2,
#divIzda .panel,
#footer,
.promocionada,
#divMenuInferiorCorporativo{background-color:#f2f2f2;}
.bd-grisF2{border-color:#f2f2f2;}

/* #f5f5f5 */
.col-grisF5,
aside ul.nav-list li a i,aside ul.nav-list li div i,
.secciontitulo .spanSuperiorTitulo i, .spanSuperiorTitulo img,
.secciontitulo .spanInferiorTitulo i, .spanInferiorTitulo img,
.valoracionFecha
{color:#f5f5f5;}
.bg-grisF5,
.back-quint,
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus,
div.tabs div.tab-content,
div.toggle > label:hover, 
.divVariantes,.well,.panel-footer, body.checkout .contenedorFormaPago
{background-color:#f5f5f5;}

.bd-grisF5,
.seccioncajas, .seccioncajas .caja,.seccioncajas .contenidoCaja,
.callout,
#divIzda .contenedor .caracteristica
{border-color:#f5f5f5;}

.bg-grisF6
{background-color:#f6f6f6;}


.bd-grisF6,
.item-box
{border-color:#f6f6f6;}


/* 7) Color corporativo 1: links, botones prim */

/* 7A) Color */
.color-corp1,
.btn-link,
.labelLoading,
.lineaDescuento, .textoValoracionProducto a,
.pasosPedido span.current,
.tituloFormaPago,
ul.caracteristicas li,s
.buscadorSiempreVisible .rsbButtonSearch:hover .rsbIcon:after,
body.checkout .resumen .price.vat, body.checkout .resumen .price.shipping, body.checkout .resumen .price.discount,
body.checkout .resumen .price.total .text, body.checkout .direccion .tipo, body.checkout .comentarios .titulo,
.item-box .listaDeseos .fa:hover, body.producto .productImage .social .sshIcon:before,
.social .sshIcon{
    color: #ff5f00 !important;
} 

.color-corp1-osc,
.btn-link:hover,.btn-link:active,.btn-link:focus,
.item-shipping span,
#mCart .mCart-product .icono,
body.bigmenu:not(.microsite) #headr ul.nav > li > a:last-child
{color:#d95101 !important;}

/* 7B) Background-color */
.back-corp1,
.btn-primary,
.panel-primary>.panel-heading,
#divIzda .panel-primary > .panel-footer,
.sidebar-nav,.sidebar-nav .preview input,
#topBar,.content-ayudas,
body.producto .productImage .social a.w3_whatsapp_btn,
#bloqueResumenCesta .added,
.volanta,
#panelTopSearch .RadSearchBox button.rsbButton.rsbButtonSearch,
.rsbIcon.rsbIconSearch,
.social .sshIcon:hover
{background-color:#ff5f00}

.back-corp1-osc,
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,
body.producto .productImage .social a.w3_whatsapp_btn:hover,
#panelTopSearch .RadSearchBox button.rsbButton.rsbButtonSearch:hover
{background-color:#d95101 !important;}

/* 7C) Border-color */
.borde-corp1,
.btn-primary,
.panel-primary,.panel-primary>.panel-heading,
#divIzda .panel > .panel-primary,#divIzda .panel-primary > .panel-footer,.promocionada
{border-color:#ff5f00;}

.borde-corp1-osc,
.btn-primary:hover,.btn-primary:active,.btn-primary:focus
{border-color:#d95101 !important;}

/* 8) Color corporativo 2: links, botones sec */

/* 8A) Color */
.color-corp2,
.shop .productDescription .oldprice,
.importeMinimo,
#topBar .redes .fa,
#mCart .mCart-product .icono,div.e404,
.pagination>li>a, .pagination>li>span,
#divIzda .contenedor a.viewMore i,
#divIzda .contenedor .radio input[type="radio"]:checked::after,
#divIzda .acciones .btn-warning, #divIzda .acciones .btn-clear, #divIzda .acciones label,
#bodykukkia .RadToolTip_Metro .rtCallout,
#content .page-header h1,
.secciontitulo h2.textoTitulo
{color:#444;} 

/* 8B) Background-Color */
.back-corp2,
.btn-secundary,
.item-box .new,
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
#divIzda .contenedor .RadSlider_Metro a.rslDraghandle:hover,
#divIzda .contenedor .RadSlider_Metro a.rslDraghandle:active,
#divIzda .contenedor .RadSlider_Metro a.rslDraghandle:focus,
#divIzda .contenedor .RadSlider_Metro .rslHorizontal .rslSelectedregion,
#divIzda .contenedor .checkbox input[type="checkbox"]:checked::before,
#bodykukkia div.RadToolTip,
#bodykukkia .RadToolTip_Metro .rtRelativeWrapper .rtContent
{background-color:#444;} 

.back-corp2-osc,
.btn-secundary:hover,.btn-secundary:active,.btn-secundary:focus
{background-color:#262626;}

/* 8C) Border-color */
.borde-corp2,
.btn-secundary,
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus ,
#divIzda .contenedor .checkbox input[type="checkbox"]:checked::before,
#divIzda .contenedor .radio input[type="radio"]:checked::before,
#content .page-header
{border-color:#444;}

.borde-corp2-osc,
.btn-secundary:hover,.btn-secundary:active,.btn-secundary:focus
{border-color:#262626;}

/* 9) Color Resaltado */

/* 9A) Color */
.color-res,
a, a:hover, a:active,
#headr ul.nav>li:hover > a,
.btn-inverse,
#topOptions .topSearchBtn:before,
.variantesCarrito small span:nth-child(2),
#topCart a.item:hover > p,
.configuration .btn,
aside > ul.nav-list li.menuLateral1 > a:before, aside > ul.nav-list li.menuLateral1 > div:before,
#panelTopBar .redesSociales a:hover,
.item-box-desc .old,#headr ul.nav ul ul li a:hover,
.btn-trash i,
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover,.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before,
.popover-info,.sidebar-nav .preview input,.sidebar-nav .preview,
.contentPage li:before,.contentPage .fa,small.item-unidadMedida span,
.politicas-pie a:hover,
.etiquetaFormularioCamposObligatorios, #lblTextoCaptcha,
 body.checkout .resumen .price.total .amount,#lblNIFInfo,
#vPrecio_value1,#vPrecio_value2,
#pageHeaderFull .breadcrumb li a
{color:#ff5f00;}

.color-res-osc,
.btn-trash i:hover
{color:#d95101;}

/* 9B) Background-Color */
.back-res,
.btn-inverse:hover,.btn-inverse:active,.btn-inverse:focus,
.btn-action,
.item-box .offer,
#topOptions .topSearchBtn:hover,
a.scrollup:hover,
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,.owl-theme .owl-controls .owl-nav [class*=owl-]:hover,
body.producto .owl-theme .owl-dots .owl-dot.active span,body.producto .owl-theme .owl-dots .owl-dot:hover span,
#topOptions #menuX label span, #topOptions #menuX label span:before, #topOptions #menuX label span:after
{background-color:#ff5f00;}

.back-res-osc,
.btn-action:hover,.btn-action:active,.btn-action:focus
{background-color:#d95101;}

/* 9C) Border-Color */
.border-res,
.btn-action,
.btn-inverse,.btn-inverse:hover,.btn-inverse:active,.btn-inverse:focus,
.invalida,
body.simplemenu #headr ul.nav li:hover
{border-color:#ff5f00 !important;}

.border-res-osc,
.btn-action:hover,.btn-action:active,.btn-action:focus
{border-color:#d95101 !important;}

/* 10) Blanco */

/* 10A) Color*/
.white,
.btn-action,.btn-action:hover,.btn-action:active,.btn-action:focus,
.btn-primary, .btn-primary:hover,.btn-primary:active,.btn-primary:focus,
.btn-secundary, .btn-secundary:hover,.btn-secundary:active,.btn-secundary:focus,
.btn-default:hover,.btn-default:active,.btn-default:focus,
.btn-inverse:hover,.btn-inverse:active,.btn-inverse:focus,
#topOptions li button:before,
#topOptions .topSearchBtn:hover:before,
#content .page-header.image .absolute,#content .page-header.image .absolute h1,#content .page-header.image .absolute p,
.item-box .item-hover,.item-box .item-hover,.item-box .item-hover button,.item-box .item-hover a,
.scrollup,a.scrollup:hover i,a.scrollup:focus i,
#bloquePie,.redesSociales .fa:hover, 
.seccioncajas .contenedorIcono i,
.fullscreen,.fullscreen i,
.seccionCarrusel a.prev, a.next,
.capaMovimiento .mediaHover:hover span,.capaMovimiento i,.capaMovimiento i:hover,
.seccionSencilla .contenidoSencilla,.seccionSencilla .contenidoSencilla h3,.parallaxTexto,
.item-box .offer,.item-box .new,.item-box .stockout,.item-box .discount p,
#btnCalcularPrecio_ctrlProducto,
.pieModuloX a,
.sidebar-nav,
.buscadorSiempreVisible .rsbButtonSearch .rsbIcon:after,
.rsbIcon.rsbIconSearch,
.item-box .listaDeseos .fa:hover,
aside ul.nav-list li.active>a,aside ul.nav-list li a:hover,aside ul.nav-list li.active>div,aside ul.nav-list li div:hover,
aside ul.nav-list li a .count,
.discount.campana,.discount:not(.campana),
.content-ayudas-close .fa,.content-ayudas-close .fa,
a.w3_whatsapp_btn,a.w3_whatsapp_btn:hover,
#bloqueResumenCesta .added,
.volanta,
.pieFotoNoticia,
.social .sshIcon:hover:before
{color:#fff;} 

/* 10B) Background-Color */
.back-white,
body.microsite #wrapperEncabezado,
#content .contentWrapper,
.divCajaImagenLoading,
#ctrlProducto_ajaxPanel1 div.tab-content,
.well.well-resume,
.callout code,
.callout .highlight,
body.checkout .resumen,
#topBar ul.dropdown-menu,
#topCart .bottom, #topCart h2,
#headr ul.nav ul, #panelCompra,
aside ul.nav-list li a:hover .count,
#topSearch{
    background-color: #fff;
} 

/* 10C) Border-color */
.borde-white,
#topOptions li,#topOptions li a,#topOptions li div.button,#topOptions li button,#topOptions li div.button:hover,#topOptions li a:hover,#topOptions li.active,
#topOptions li a span.items.active,#topOptions li div.button span.items.active,#topOptions li button span.items.active,#topOptions li button:hover,#bloqueResumenCesta:hover:before
{border-color:#fff;}

/* 11) Negro */

/* 11A) Color*/
.black
{color:#000;}

/* 11B) Background-Color */
.back-black,
.mask
{background-color:#000;}

/* 11C) Border-color */
.border-black
{border-color:#000;}

/* 12) Transparente */

/* 12A) Color*/
.transparent,
.capaMovimiento .iconLinks a span
{color:transparent;}

/* 12B) Background-Color*/
.back-transparent,
.btn-inverse,
.btn-default,
.item-box,
#divMenuInferiorNavegacion .list-group-item, #divMenuInferiorNavegacion a.list-group-item,
#topBar .dropdown-menu input[type=submit],
.capaMovimiento i,
.owl-theme .owl-controls .owl-nav [class*=owl-],.owl-theme .owl-controls .owl-nav [class*=owl-]:hover,.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before,
#headr ul.nav li a:hover,#headr ul.nav li a:focus,
body.familia #content .contentWrapper,body.buscador #content .contentWrapper,
body.buscador .nav-tabs>li.active>a, body.buscador .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
body.outlet #content .contentWrapper,
body.categoria .listado .item-box-desc,
#panelTopSearch .RadSearchBox button.rsbButton.rsbButtonSearch .rsbIcon.rsbIconSearch
{background-color:transparent;}

.border-transparent
{border:transparent;}

/* 13) Especiales */
.item-box .item-hover .overlay {background-color:rgba(0,0,0,0.3);}

.callout.callout-danger {background-color: #fcf2f2;border-color: #dFb5b4;}
.callout.callout-warning {background-color: #fefbed;border-color: #f1e7bc;}
.callout.callout-info {background-color: #f0f7fd;border-color: #d0e3f0;}
.callout.callout-danger h4 {color: #B94A48;}
.callout.callout-warning h4 {color: #C09853;}
.callout.callout-info h4 {color: #3A87AD;}

#topBar ul.dropdown-menu, #topCart,body.bigmenu ul.dropdown-menu,#divIzda .contenedor,#divIzda .menuLateral > .nav.nav-list,.pagoEnUnClic {border-color:#a9b2b1;}

/* las lineas de seperación del menu superior */
#headr ul.nav ul li a{border-top-color:#027ed4;border-bottom-color:#00528b;}

#divMenuInferiorHTML{background-color:#fbfbf9;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border-bottom-color:white;}
#tabsBuscador .nav-tabs>li.active>a,
#tabsBuscador .nav-tabs>li.active>a:hover, 
#tabsBuscador .nav-tabs>li.active>a:focus{border-bottom-color:#f0f0f0}

#btnEnviarPresupuesto:hover,#btnEnviarPresupuesto:active,#btnEnviarPresupuesto:focus{background-color:transparent;border-color:#666;color:#666;}