/* Minification failed. Returning unminified contents. (1545,1): run-time error CSS1019: Unexpected token, found '}' (2348,58): run-time error CSS1038: Expected hex color, found '#005bb310px' (2349,60): run-time error CSS1038: Expected hex color, found '#005bb310px' (2350,63): run-time error CSS1038: Expected hex color, found '#005bb310px' (2351,59): run-time error CSS1038: Expected hex color, found '#005bb310px' (2352,58): run-time error CSS1038: Expected hex color, found '#005bb310px' (2513,12): run-time error CSS1038: Expected hex color, found '#fffc' (3232,17): run-time error CSS1038: Expected hex color, found '#1364b0none' (10614,46): run-time error CSS1031: Expected selector, found '/' (10614,46): run-time error CSS1025: Expected comma or open brace, found '/' */ @media (max-width: 1599px) { } @media (max-width: 1439px) { } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 479px) { } /*#body > .row > * { transition-duration: 0.5s; transition-property: transform; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transform: translate(-40px, 0px); }*/ /* normal */ @font-face { font-family: 'e3font'; src: url('/Content/fonts/e3font.eot'); src: url('/Content/fonts/e3font.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/e3font.woff') format('woff'), url('/Content/fonts/e3font.ttf') format('truetype'); font-weight: 300; font-style: normal; } /*////////////////////////////////////////////////////////////////////*/ /* GENERALES //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ body { font-family: 'Open Sans' , sans-serif !important; font-weight: normal; } header, header .upper, .header .main, section, .LOGO, .MENU_TOP, .MENU_MAIN, .SEARCH_BOX, .CART_BOX, .LOGIN_BOX, footer, footer .upper, footer .main, footer .credits {position: relative} header, #wrap section, footer {float: left; width: 100%;} * {text-shadow: none} *:after, *:before {text-transform: none !important} .align_center {text-align: center} .align_right {text-align: right} .align_left {text-align: left} .banner-item2{margin-bottom:15px} /* mostrar/ocultar elementos */ .muestro { display:block;} .mostrame { display:none;} .muestro:hover ~ .mostrame, .mostrame:hover { display:block; } @media (max-width:991px){ .container{ width: 100%; } } a {transition: all 0.3s ease-in 0s;} /* banners */ .banner-item {width: 100% !important; margin-bottom: 20px;} .banner-item img {width: 100%;} .banner-item.Html img {width:auto;} @media (max-width: 767px) { } @media (max-width: 479px) { .banner-item {margin-bottom: 20px;} } /* forms */ .required { color: #dd1919; float: right; font-size: 1.2em; margin-left: 4px; margin-top: 1px; } fieldset p { color: #777; float: left; font-size: 0.9em; margin-top: 10px; } .message { border: 1px solid; background-clip: padding-box; border-radius: 2px; display: block; font-size: 2em; line-height: 1em; padding: 15px; } textarea {border: 1px solid #CCCCCC;} /* RECUPERAR CONTRASEÑA ***********************/ .Recover .user_wrapper { border: 1px solid #ccc; box-shadow: none; margin: 30px auto; padding: 30px; } .Recover section form { margin-left: 47px; width: 50%; } .Recover section .btn {margin-top:10px} .Recover section p { color: #777777; font-size: 1em; margin-bottom: 100px; } .Recover .user_wrapper > h3::after { left: 48px; } @media (max-width: 479px) { .Recover section form { margin-left: 0; width: 100%; } } /* MENU_MAIN *******************************/ .MENU_MAIN { background-color: #005bb3; float: left; width: 100%; border-bottom:1px solid #cdcdcd; } .MENU_MAIN > ul { float: left; padding-left: 10px; display: inline-flex; min-height: unset; max-height: unset; height: auto; width: 100%; } .MENU_MAIN .nav > li > a { color: #fff; display: inline-flex; height: 48px; letter-spacing: 0; line-height: 1em; margin: 0; padding: 14px 15px 12px; text-align: center; text-shadow: none; vertical-align: middle; white-space: nowrap; font-family: 'Open Sans' , sans-serif; font-weight: 400; font-size: 1.1em; position: relative; justify-content: space-evenly; align-items: center; text-transform:capitalize; } .MENU_MAIN .nav > li > a > img { max-height: 34px; margin-right: 5px; width: auto; float: left; } /* item "piezas" */ .MENU_MAIN .nav > li.piezas { border-left: 1px solid #8fa2b0; border-right: 1px solid #8fa2b0 } .MENU_MAIN .caret { margin-left: 5px; opacity: 1; display:none; } .MENU_MAIN .nav > li.link > a { color: white !important; text-transform: uppercase; background-color: #033260 !important; } /* :hover */ .MENU_MAIN .nav > li > a:focus, .MENU_MAIN .nav > li > a:hover, .MENU_MAIN .nav > li:hover > a { text-decoration: none; background-color: transparent!important; color: #fff !important; } /* ul ul */ .MENU_MAIN ul li ul { background-color: #fff; border-color: #ccc #ccc #ccc; border-radius: 0 !important; border-style: solid; border-width: 0 1px 1px; left: -1px; min-height: 265px; padding: 15px 0; width: 102%; box-shadow: 0px 4px 4px rgba(57, 57, 57, 0.13); } .menuBckImg { background-position: center right; background-repeat: no-repeat; background-size: auto 100%; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; width: 66%; } .MENU_MAIN ul li ul li { clear: left; float: left; width: 100%; } .MENU_MAIN ul li ul a { color: #222; line-height: 1.2em; padding: 7px 23px; white-space: normal; background: transparent !important; font-size: 1.1em; text-transform: none; line-height: 2em; text-transform:capitalize; } .MENU_MAIN ul li ul a:hover { color: #fff; background-color: #005bb3 !important; text-decoration: none; } .MENU_MAIN .dropdown-submenu ul li ul a { line-height: 1.3em; } .MENU_MAIN .dropdown-submenu ul li ul a:hover { color: #005bb3; background-color: transparent !important; text-decoration: underline; } .MENU_MAIN .dropdown-header { display: block; padding: 0px 5px; font-size: 1.1em; line-height: 1em; color: #777; white-space: nowrap; } .MENU_MAIN .dropdown-header::before { content: "Y"; font-family: "e3font"; font-size: 23px; position: relative; padding: 10px; top: 4px; font-weight: 500; } .MENU_MAIN .dropdown-header::after { width: 220px; height: 1px; background-color: #ddd; content: ""; display: block; margin-top: 20px; left: -4px; position: relative; } /* abrir login_box en :hover */ .MENU_MAIN ul li:hover > .dropdown-menu {display: block;} .cat-item-Cats { background-color: #003366; text-transform: uppercase; font-size:1.09em; padding: 0 40px; border-right: 1px solid #0077d8; border-left: 1px solid #0077d8; margin: 0 10px 0 15px; } .cat-item-Cats::after { content:"\f3d0"; font-family: "Ionicons"; position:relative; color: #fff; font-style: bold; top: 4px; left: -10px; } @media (max-width: 1440px) { .MENU_MAIN .nav > li.piezas .dropdown-menu { left: -470px !important; } } @media (max-width: 1199px) { .MENU_MAIN .nav > li > a { font-size: 1em; padding: 9px; height: 43px; } .cat-item-Cats { background-color: #003366; text-transform: uppercase; font-size: 0.95em; padding: 0 17px; border-right: 1px solid #0077d8; border-left: 1px solid #0077d8; margin: 0 10px 0 0; } .MENU_MAIN .nav > li > a > img { max-width: 20px; margin-right: 5px; display: block; } .MENU_MAIN .nav > li.piezas .dropdown-menu { left: -495px !important; } .cat-item-Cats::after { left: 0px; } .MENU_MAIN .dropdown-header::before { font-size: 20px; padding: 5px; } .MENU_MAIN .dropdown-header { font-size: 0.9em; } .MENU_MAIN .dropdown-header::after { width: 157px; } .MENU_MAIN ul li ul a { padding: 7px 20px; font-size: 0.9em; } } #menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu { position: absolute; width: 550px; left: 100%; top: -2px; border: 0; flex-direction: column; flex-wrap: wrap; height: 100%; /*box-shadow: none;*/ border-left: 1px solid #bbb; } #menu-width .dropdown-submenu .dropdown-submenu:hover .dropdown-menu { background: rgba(250,250,250,1); background: -moz-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,250,250,1)), color-stop(0%, rgba(247,247,247,1)), color-stop(16%, rgba(255,255,255,1)), color-stop(31%, rgba(255,255,255,1)), color-stop(55%, rgba(255,255,255,1)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 31%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=1 ); } #menu-width .dropdown-submenu .dropdown-submenu:hover .dropdown-menu { display: flex; } #menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu li{ width: 50%; } #menu-width > .dropdown-submenu > .dropdown-menu > .dropdown-submenu { display: inline-block; width: 100%; float: left; position: static; } .MENU_MAIN ul li ul a::after{ content: "\f125"; font-family: "Ionicons"; position: absolute; top: 7px; right: 0; color: white; font-size: 0.6em; padding-right: 8px; } .MENU_MAIN ul li ul.noImage { width: 220px; } .MENU_MAIN ul li ul.noImage > li { width: 100% !important; } #menu-width .dropdown-submenu .dropdown-menu.noImage .dropdown-submenu .dropdown-menu { width: 400px; left: 100%; } #menu-width .dropdown-menu .caret { position: absolute; right: 15px; top: 12px; } .MENU_MAIN .dropdown-menu a{ position: relative; } @media (max-width: 1439px) { #menu-width .dropdown-submenu .dropdown-menu.noImage .dropdown-submenu .dropdown-menu { width: 230px; left: 100%; } #menu-width .dropdown-submenu .dropdown-menu .dropdown-submenu:hover .dropdown-menu li { width: 100% !important; } #menu-width .dropdown-submenu .dropdown-menu.noImage .dropdown-submenu .dropdown-menu { max-height: unset; } } /* BREADCRUMB **************************/ /* BREADCRUMB **************************/ .breadcrumb{ background-color: #fff!important; margin-bottom: 5px !important; } .breadcrumb, .back { letter-spacing: 0.03em; padding: 0!important; width: auto; background: none; position: relative; top: 20px; background-color: transparent !important; } .breadcrumb li { height: 25px; line-height: 22px; padding: 0 5px 0 8px; position: relative; display: inline-block; vertical-align: top; } .breadcrumb li:first-child { padding-left: 0px; } .breadcrumb li:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumb li:not(:last-child)::after { content: "\f125"; font-family: "Ionicons"; display: inline-block; height: 17px; position: absolute; top: 0px; width: 7px; font-size: 0.6em; right: -9px; } .breadcrumb > li + li::before {display: none} .breadcrumb a { display: block; text-decoration: none; color: #595959 !important; font-weight: 500; font-size: 0.9em; font-weight: 500; } .breadcrumb li:last-child a {color: #000 !important; cursor: default; text-decoration: none !important; pointer-events: none;} .breadcrumb li:hover, .breadcrumb li:hover::after {border-color: #ddd;} .breadcrumb li:last-child, .breadcrumb li:last-child:after {border-color: #ddd !important;} @media (max-width: 991px) { /* .breadcrumb { display: table; float: none; margin: 0 auto 20px; padding: 0; text-align: center; width: 100%; } .breadcrumb li::after {display: none} .breadcrumb li { border: 0 none; height: auto; line-height: 1.1em; padding: 0; } .breadcrumb li:first-child { border: 0 none; padding-left: 0; } .breadcrumb li a::before { color: #ccc; content: "/"; float: left; padding: 0 6px; } .breadcrumb li:first-child a::before { display: none; } .totalprods {font-size: 0.83em}*/ #menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu { width: 500px; } } @media (max-width: 767px) { .Category h1 { font-size: 1.6em; margin: 35px 0 8px; text-align: center; } .breadcrumb { font-size: 0.85em; margin-bottom: 0px !important; text-align: left; position: relative; top: 0px; color: #fff; order:1; } .breadcrumb li a{ color: #fff!important; } .breadcrumb li span { color: #fff!important; } .totalprods { left: 15px; letter-spacing: 0.05em; line-height: 1.1em; right: unset; top: -19px; } } @media (max-width: 767px) { .totalprods span {display: block} } /*////////////////////////////////////////////////////////////////////*/ /* HEADER //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ section, header, header .upper, header .main, footer, footer .upper, footer .main, footer .credits { float: left; width: 100%; position: relative; } header { z-index: 3; top: 0px; background:#FFF; } /* UPPER BANNER **********************************************/ .b-up { font-size: 1.05em; letter-spacing: 0.02em; padding: 6px; text-align: center; line-height: 1.3em; color: #000000; background: #ffffff; } .b-up .bold { color: #000000; display: inline-block; font-size: 1.05em; font-weight: 500; margin: 0; vertical-align: middle; position: relative; } .b-up a.action { margin: 0 4px; text-decoration: underline; text-transform: none; color: #fff; display: inline-block; } .b-up a:hover { text-decoration: underline; } .b-up .right { float: right; height: 100%; } .b-up .right a{ color: #000000; font-size: 0.97em; padding: 0px 13px; display: inline-block; position: relative; letter-spacing: -0.1px; } .b-up .right a:not(:last-child)::after { content: ""; height: 12px; width: 1px; position: absolute; background-color: #dedede; top: calc(50% - 6px); right: 0px; } .b-up .right a:first-child::before { content: "\f11f"; font-family: "Ionicons"; height: 12px; width: 1px; color: #000000; top: calc(50% - 6px); right: 0px; padding-right: 8px; } .b-up a.phone{ padding-left: 30px; padding-right: 30px; font-size: 1em; float: left; letter-spacing: -0.01em; } .b-up a.phone span{ font-size: 1.1em; } .b-up a.phone:before { content: "\41"; font-family: "e3font"; font-size:14px; float: left; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 0; font-weight: 500; color: #000000; margin-left: 5px; } @media (max-width: 991px) { } @media (max-width: 767px) { .b-up { font-size: 0.98em; margin: auto; } .b-up a.phone {float: none} } @media (max-width: 479px) { .b-up {font-size: 0.75em; padding: 8px 11px 7px; display: none} .Home .b-up {display: none} .b-up .bold {display: block;} .b-up .icono::before { display: inline-flex; position: absolute; margin-left: -27px; opacity: 0.5; } } /* MAIN **********************************************/ header .main { /*border-bottom: 2px solid #fff;*/ min-height: unset; height: auto; max-height: unset; } header .main { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+35,e3e3e3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 35%, #e3e3e3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 35%, #e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 35%, #e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0); /* IE6-9 */ } header .main .navbar-default { background: #000000; border: 0 none; box-shadow: none; height: auto; margin: 0; display: inline-flex; padding: 7px 0; width: 100%; align-items: center; justify-content: flex-start; border-radius: 0; border-bottom: 1px solid #000000; } .navbar-header {} .LOGO { float: left; padding: 0px 0 0 35px; position: relative; text-align: center; width: 245px; margin: 0; height: auto; margin-right: 40px; } .LOGO img { width: 100%; } .CART_BOX .cart-button, .LOGIN_BOX .login-button, .MENU-ICONS a { height: 70px; line-height: 10px; margin-top: 0; } /* MENU_TOP *******************************/ .MENU_TOP { float: left; margin: 0; margin-left: auto; display: inline-flex; width: 1%; max-width: 1px; justify-content: space-between; } .MENU_TOP > span:last-child {display: none} .MENU_TOP > li > a { background: transparent none repeat scroll 0 0; color: #005bb3 !important; font-size: 1em; letter-spacing: 0.04em; padding: 5px; font-weight: 500; text-shadow: none; } .MENU_TOP > li:hover > a span {text-decoration: underline} .MENU_TOP > li:hover ul {display: block !important} .caret { border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid; opacity: 0.6; margin-left: 0; } /* submenu marcas */ .MENU_TOP ul { border-color: #ccc #bbb #176a9e; border-style: solid; border-width: 1px 1px 3px; left: -50%; min-width: unset; width: 150px; } .MENU_TOP ul a { background: transparent none repeat scroll 0 0 !important; padding: 7px 25px; } .MENU_TOP ul a img { width: 100%; } .MENU_TOP ul a img { filter: url('data:image/svg+xml;utf8,#grayscale'); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: Gray(Opacity=40); opacity: 0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .MENU_TOP ul a:hover img { filter: none; opacity: 1; } @media (max-width: 1420px) { } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 479px) { } /* MENU_ICONS *******************************/ .MENU-ICONS { float: right; position: relative; margin-left: 0; margin-right: 0; } .MENU-ICONS li { float: left; } .MENU-ICONS a { color: #ffffff !important; display: block; font-size: 1.7em; height: 50px; line-height: 50px; text-align: center; width: 39px; } .MENU-ICONS a::before {font-family:"Ionicons";} .MENU-ICONS a.help:before { content: ""; background-image: url('../../images/arrows.svg'); background-size: contain; background-repeat: no-repeat; height: 25px; background-position: center center; text-align: center; display: block; position: relative; top: 10px; } .MENU-ICONS a.contact:before {content: "\f384"} .MENU-ICONS a.fav:before {font-family:"E3font"; content: "Z"} .MENU-ICONS a:hover {color: #79bdff !important} .MENU-ICONS .tooltip {top: 1px !important;} .MENU-ICONS .tooltip-inner {background-color: #005bb3} .MENU-ICONS .tooltip-inner {background-color: #005bb3} /* LOGIN_BOX *******************************/ .LOGIN_BOX, .CART_BOX { float: right; margin-left: 0; margin-right: 0; } .LOGIN_BOX::before { content: ""; display: block; height: 43px; position: absolute; left: 0; top: 15px; width: 1px; background-color: #dadada; } .LOGIN_BOX::after { content: ""; display: block; height: 43px; position: absolute; right: 0; top: 15px; width: 1px; background-color: #dadada; } .LOGIN_BOX .dropdown-menu { border: 1px solid #003366; border-radius: 0; box-shadow: none; margin-top: 1px; } .LOGIN_BOX > li > a { float: left; padding: 8px 6px; margin-left: auto; } .LOGIN_BOX ul li a { float: left; line-height: 1.1em; width: auto; } .LOGIN_BOX .login-button, .CART_BOX .cart-button { display: flex; padding: 0 11px; justify-content: center; align-items: center; } .LOGIN_BOX .login-button { padding: 0 25px 0 12px; } .LOGIN_BOX .login-button .i-login { color: #fff; content: ""; float: left; font-size: 1.7em; padding-right: 5px; position:unset; top:20px; } .LOGIN_BOX .logi { display: flex; flex-direction: column; padding-top: 5px; } .LOGIN_BOX .login-button span { color: #fff; font-size: 0.9em; font-weight: normal; float: left; white-space: nowrap; } .LOGIN_BOX .login-button strong{ color: #1b8eed; display: block; float: right; font-size: 0.8em; font-weight: normal; line-height: 1em; margin: 2px 0 3px; padding-right: 7px; } .LOGIN_BOX .login-button .i-login::before { content: ""; background-image: url('../../images/login.svg'); background-size: contain; background-repeat: no-repeat; height: 50px; line-height: 50px; text-align: center; height: 25px; width: 25px; display: block; } .LOGIN_BOX .login-button:after, .CART_BOX .cart-button:after {content: "\f3d0"} .LOGIN_BOX .login-button::after, .CART_BOX .cart-button::after { color: #000 !important; float: right; font-family: "Ionicons"; font-size: 0.8em; margin: 1px 0 0 5px; font-weight: bold; bottom: 5px; position: relative; } .CART_BOX .cart-button::after {display: none} .LOGIN_BOX .login_window, .CART_BOX .cart-window { background: #fff none repeat scroll 0 0; border: 1px solid #1a3a66; border-radius: 0; box-shadow: none; color: inherit; margin-top: 1px; overflow: hidden; position: absolute; right: 0; text-align: left; text-transform: none; top: 100%; } .LOGIN_BOX .login_window { left: auto; padding: 15px; width: 270px; } .CART_BOX .cart-window { margin-top: 2px; max-height: 565px; min-height: 72px; padding: 0; width: 350px; } .LOGIN_BOX .login_window fieldset {} .LOGIN_BOX .login_window legend {display: none;} .LOGIN_BOX .login_window .form-group {margin-bottom: 8px;} .LOGIN_BOX .login_window input[type="email"], .LOGIN_BOX .login_window input[type="password"] { background-clip: padding-box; box-shadow: none; } .LOGIN_BOX .login_window input[type="submit"] { float: right; font-size: 1em; } .forget { color: rgba(0, 0, 0, 0.54); float: left !important; font-size: 0.9em !important; margin-top: 5px; width: auto !important; } .register { border-top: 1px solid rgba(0, 0, 0, 0.15); clear: both; letter-spacing: 0.03em; margin-top: 27px; padding-top: 7px; text-align: center; width: 100% !important; } .LOGIN_BOX .dropdown-menu > li > a, .LOGIN_BOX .dropdown-menu > li form > a { color: #000; font-size: 0.85em !important; letter-spacing: 0.04em; margin: 0; padding: 10px 15px 10px 10px; text-align: right; text-transform: uppercase; width: 100%; } .LOGIN_BOX .dropdown-menu > li a::before { float: left; font-family: "e3font"; font-size: 1.3em; opacity: 0.4; text-align: center; width: 25px; } .LOGIN_BOX .dropdown-menu li a:hover { background: transparent none repeat scroll 0 0 !important; opacity: 1; text-decoration: underline; } /* abrir login_box en :hover */ /* .LOGIN_BOX > div:hover > .dropdown-menu {display: block;} */ /* CART_BOX *************************************/ .CART_BOX { margin-left: 0; } .CART_BOX:hover, .LOGIN_BOX:hover { } .CART_BOX .cart-button { padding: 0 20px; position: relative; margin-right: 10px; } .CART_BOX .cart-button .i-cart { color: #4f4d58; display: block; float: left; font-family: "Ionicons"; font-size: 30px; font-weight: bold; padding: 0; text-align: center; position:unset; top:20px; } .CART_BOX .cart-button .i-cart:before { content: ""; background-image: url('../../images/cart.svg'); background-size: 28px 28px; height: 50px; line-height: 50px; text-align: center; height: 28px; width: 28px; display: block; } .CART_BOX .cart-button .pr { color: #fff; display: block; float: left; font-family: 'Open Sans' , sans-serif; font-size: 0.76em; font-weight: 300; text-align: center; width: 100%; } .CART_BOX .cart-button .pr strong { font-size: 1.2em; font-weight: 500; letter-spacing: -0.03em; } .CART_BOX .cart-button .items { color: #fff; font-size: 0.95em; font-weight: normal; background-color: #005bb3; height: 22px; width: 22px; border-radius: 100%; line-height: 21px; text-align: center; position: relative; border: 1px solid #fff; bottom: 20px; right: 22px; } .CART_BOX .cart-window ol { background: #fff none repeat scroll 0 0; float: left; margin: 0; max-height: 230px; overflow-x: hidden; overflow-y: auto; padding: 15px; width: 100%; } .CART_BOX .cart-window ol li { border-bottom: 1px solid #ddd; display: block; float: left; height: auto; min-height: 60px; padding: 7px 0; position: relative; width: 100%; } .CART_BOX .cart-window .img { float: left; margin-right: 5%; text-align: center; width: 17%; } .CART_BOX .cart-window .img img { margin: 0 auto; max-height: 75px; max-width: 100%; } .CART_BOX .cart-window .datos { float: left; height: auto; text-align: left; width: 49%; } .CART_BOX .cart-window .name { float: left; font-size: 0.95em; line-height: 1.2em; margin-bottom: 3px; width: 100%; } .CART_BOX .cart-window .cantidad { color: #848273; font-size: 0.8em; font-weight: lighter; } .CART_BOX .cart-window .cantidad strong { font-weight:normal; font-size:1.1em; } .CART_BOX .cart-window .price { float: right; font-size: 0.8em; text-align: right; width: 29%; } .CART_BOX .cart-window .price span { font-size: 1.2em; font-weight: normal; } .CART_BOX .cart-window .remove { background: none repeat scroll 0 0 #ccc; background-clip: padding-box; border-radius: 20px; color: #fff; float: right; font-size: 0.6em; height: 18px; line-height: 17px; text-align: center; width: 18px; } .CART_BOX .cart-window .remove:hover {background: #888} .CART_BOX .cart-window .subtotal { float: left; font-size: 1em; letter-spacing: 0.03em; padding: 13px 15px 12px 0; text-align: right; text-transform: uppercase; width: 100%; } .CART_BOX .cart-window .subtotal span { display: inline-block; float: right; font-size: 1.2em; font-weight: bold; padding-left: 4px; } .botones { padding: 0 15px 15px ; float: left; width: 100%; } .CART_BOX .cart-window .btn { float: left; font-size: 0.8em; margin: 10px 0 0; padding: 6px; text-align: center; width: 48%; } .CART_BOX .cart-window .mje-nohay { margin: 15px; text-align: center; } /* SEARCH_BOX *******************************/ .SEARCH_BOX { float: none !important; margin-top: 0; width: 100%; z-index: 1000; margin: 0; } .navbar-header, .LOGO, .mmenu_button, .MENU_TOP, .MENU-ICONS { z-index: 1001 !important; height: 100%; min-height: unset; max-height: unset; ; } .MENU-ICONS { padding-left: 22px; padding-right: 20px; display:flex; } .LOGIN_BOX, .CART_BOX {z-index: 1002 !important;} .CART_BOX::before { content: ""; display: block; height: 33px; position: absolute; left: 0; top: 22px; width: 1px; background-color: #005bb3; display:none; } .SEARCH_BOX fieldset { float: right; height: 40px; max-width: unset; padding: 0; position: relative; width: 100%; display: flex; } .SEARCH_BOX .form-group { background: #fff none repeat scroll 0 0; border: 1px solid #c8c8c8; border-radius: 0; height: 100%; margin: 0 !important; padding: 0; width: 100%; display: flex; } .SEARCH_BOX .input-group-btn { background: #e3edf6; display: inline-block; font-size: 0.9em; height: 100%; line-height: 1.2em; margin: 0; padding: 0; z-index: 3; /*border-right: 1px solid #ccc;*/ max-width: 95px; width: 100%; order: 1; margin-right: 50px; } .SEARCH_BOX .input-group-btn button { background-color: #fff !important; box-shadow: none !important; color: #000 !important; float: left; font-size: 1.05em; font-weight: 500; height: 100%; letter-spacing: 0; line-height: 1.2em; text-align: center; text-transform: none; white-space: normal; width: 100%; z-index: 1; font-family: 'Open Sans' , sans-serif; padding: 0 7px; } .SEARCH_BOX .input-group-btn button br{ display: none; } .SEARCH_BOX .input-group-btn button .caret { border-width: 3px 3px 0; margin: 0 0 0 4px; } .SEARCH_BOX .btn-default:active, .SEARCH_BOX .open > .btn-default { background-color: transparent; opacity: 1; } .SEARCH_BOX .input-group-btn .dropdown-menu { border: 1px solid #a2a2a2; border-radius: 4px !important; font-size: 1.05em; left: -12px; margin-top: 0; top: 95%; } .SEARCH_BOX .input-group-btn .dropdown-menu a { color: #222; padding: 3px 15px; } .SEARCH_BOX .input-group-btn .dropdown-menu a:hover, .SEARCH_BOX .input-group-btn .dropdown-menu a:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: inherit; text-decoration: underline; } .SEARCH_BOX .form-control { background: #fff none repeat scroll 0 0; border: 0 !important; border-radius: 0; box-shadow: none; color: #000; display: inline-block; float: right; font-weight: normal; height: 100%; line-height: 100%; margin: 0; overflow: hidden; padding: 0 60px 0 15px; width: 100%; z-index: 2; font-size: 1.1em; } .SEARCH_BOX .search_submit { background: #e3edf6; box-shadow: none; color: #000; font-size: 16px; height: calc(100% - 2px); line-height: 100%; padding: 0; position: absolute; right: 1px; text-align: center; top: 1px; width: 45px; border: 0; border-left: 1px solid #d9d9d9; z-index: 3; border-radius: 0; background-color: #005bb3 !important; color: #fff; } .SEARCH_BOX .search_submit:hover { background-color: #df1c0e; color: #fff; } .SEARCH_BOX .search_submit span:before {font-family: "E3Interface"} .SEARCH_BOX .search_submit span:before {content: "\e07f";} .SEARCH_BOX ::-webkit-input-placeholder {color:#999 !important;} .SEARCH_BOX :-moz-placeholder {color:#999 !important;} .SEARCH_BOX ::-moz-placeholder {color:#999 !important;} .SEARCH_BOX :-ms-input-placeholder {color:#999 !important;} .SEARCH_BOX .navbar-form { margin: 8px 0; padding: 0; } .SEARCH_BOX article { /*background-color:#fff !important;*/ } .SEARCH_BOX .totalprods { position: unset !important; border-left: none !important; } /* autocomplete */ .ui-autocomplete { background: #ffffff none repeat scroll 0 0 padding-box; border-radius: 0; color: #343434; font-size: 0.9em; margin-top: 5px; border: 1px solid #005bb3; border-bottom: 2px solid #b7cbda; max-height: 400px; max-width: 320px; overflow-x: auto; padding: 7px 15px; z-index: 9999; box-shadow: -1px 4px 1px rgba(0, 0, 0, 0.22); } .ui-autocomplete .totalprods { position: static; color: #005bb3 !important; float: right!important; width: 100%!important; margin-bottom: 5px!important; } .ui-autocomplete article { padding: 2px 0; } .ui-autocomplete article:hover {color: #c8c8c8} } @media (max-width: 767px) { .ui-autocomplete { max-width: 245px; float: right; } } /* MENU RESPONSIVE y MMENU ************************************/ @media (max-width: 1439px) { .SEARCH_BOX fieldset { float: unset; max-width: unset; width: unset; } .SEARCH_BOX { float: none !important; margin-top: 0; z-index: 1000; margin: 0; } .LOGO { max-width: 240px; } .MENU_TOP { width: 24%; } } @media (max-width: 1215px) { .LOGIN_BOX .login-button span {display: none} .LOGIN_BOX .login-button strong {display: none} .LOGIN_BOX .login-button {padding: 0 12px;} .CART_BOX .cart-button { padding: 0 5px 0 15px; } .MENU_TOP { /* font-size: 0.95em; */ /* margin: 0 0 0 423px; */ /* position: absolute; */ } .MENU_TOP > li > a { padding: 2px 0; letter-spacing: 0; } } @media (max-width: 991px) { header .main { box-shadow: none; background: #005bb3; } .navbar-header {float: none} .LOGO { width: 192px; padding-left: 17px; margin-right: 24px; } .LOGO img { margin: 0; } .CART_BOX .cart-button .items {width: 100px;} .CART_BOX .cart-button, .LOGIN_BOX .login-button, .MENU-ICONS a { line-height: 51px; } .SEARCH_BOX { position: relative; top: 0; right: 0; max-width: 100%; margin: 0 67px 0 0px; } .SEARCH_BOX .search_submit {right: 1px; width: 42px;} .CART_BOX { position: absolute; right: 5px; } .CART_BOX::before {display: none} .LOGIN_BOX { right: 60px; width: auto; padding-left: 20px; border-right:none; } .LOGIN_BOX::before, .LOGIN_BOX .login-button::after, .LOGIN_BOX::after{ display:none; } .LOGIN_BOX .login-button { width: 40px!important; } .LOGIN_BOX .login-button, .CART_BOX .cart-button { border: 0 none; padding: 0; text-align: center; width: 50px; margin: 0; height: 54px; } .LOGIN_BOX .login-button .i-login, .CART_BOX .cart-button .i-cart { font-size: 24px; padding: 0; width: 100%; color: #f4a60e; } .LOGIN_BOX .login_window, .CART_BOX .cart-window {display: none !important} } @media (max-width: 767px) { .LOGO { width: 157px; margin: 0 18px 0 58px; padding-left: 0; } .SEARCH_BOX .input-group-btn {display: none} .CART_BOX {right: 0} header .main .navbar-default { padding: 17px 0; } } @media (max-width: 479px) { .LOGO { width: 174px; float: none; margin: 2px auto 6px; } .hamburguer {margin-top: 7px} header .main .navbar-default { display: block; padding: 17px 0 0; } .SEARCH_BOX { width: calc(100% - 20px); margin: 10px 10px 10px; } .SEARCH_BOX fieldset {height: 35px} .SEARCH_BOX .form-control {padding-left: 10px} .SEARCH_BOX .search_submit { background-color: transparent !important; border-left: none; width: 54px; } .SEARCH_BOX .search_submit span { color:#000; font-size: 1.2em; } .CART_BOX { top: 4px; } } /* hamburguer ******************/ .hamburguer { cursor: pointer; height: 50px; left: 0; margin: 12px 0 0 1px; padding: 0; position: absolute; text-decoration: none; top: 0; width: 46px; z-index: 1002; } .hamburguer { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .hamburguer span { background: gray; border-radius: 0; display: block; height: 2px; left: 0; margin: 0 25%; opacity: 1; position: absolute; width: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .hamburguer span:nth-child(1) { top: 17px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .hamburguer span:nth-child(2) { top: 24px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .hamburguer span:nth-child(3) { top: 31px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .hamburguer:hover span {background: #005bb3} /*@media (max-width: 991px) { html.mm-opening .hamburguer span {background: red} html.mm-opening .hamburguer span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 18px; left: 8px; } html.mm-opening .hamburguer span:nth-child(2) { width: 0%; opacity: 0; } html.mm-opening .hamburguer span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 34px; left: 8px; } }*/ /* MMENU *********************/ #mmenu { background: #fff none repeat scroll 0 0; color: #000; z-index: 1001; } #mmenu > ul { padding: 0; } #mmenu .registro { padding-top:10px; } #mm-blocker { /*background: rgba(3, 2, 1, 0) none repeat scroll 0 0;*/ display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; background: black; opacity: .6; } #mmenu:not( .mm-menu ) { display: none; } html.mm-opening .mm-menu.mm-opened[class*="mm-pagedim"] ~ #mm-blocker { opacity: .6; } .mm-back > a { color: #fff !important; font-size: 2em; opacity: 1; padding: 16px 20px 0 !important; text-align: right; text-decoration: none !important; } .mm-back > a::before {content: "\f2d7"} .mm-back > a::before {font-family: "Ionicons";} #mmenu .mm-list > li.mm-label { background: transparent none repeat scroll 0 0; border-top: 1px solid #666; color: #005bb3; font-size: 0.8em; letter-spacing: 0.05em; margin: 25px 0 0; padding: 7px 0 4px; font-weight: 500; } .mm-label.labelfirst { border: 0 none !important; margin: 0 !important; } #mmenu .mm-list li a:hover { /*text-decoration: underline; opacity: 1;*/ } #mmenu li.name { width: 100%; color: #fff; font-weight: 500; font-size: 1.1em; background: #005bb3; text-align: center; padding-top: 10px; } #mmenu .dropdown-header { display: block; padding: 0; font-size: 1.6em; line-height: 1em; color: #000; white-space: nowrap; margin: 20px 0; letter-spacing: 0; } #mmenu .dropdown-header::before { content: "Y"; font-family: "e3font"; font-size: 23px; position: relative; padding: 5px 6px 5px 0; top: 4px; font-weight: 500; } #mmenu .mainmenu a { color: #000; display: block; font-size: 1.1em; font-weight: bold; line-height: 1.4em; margin: 0; overflow: hidden; padding: 16px 21px 16px 66px; text-overflow: ellipsis; text-transform: uppercase; white-space: normal; font-family: 'Open Sans' , sans-serif; letter-spacing: 0.02em; /*border-top: 2px solid #0003;*/ position: relative; letter-spacing: 0.02em; } #mmenu .mainmenu span img,#mmenu .mainmenu a img { height: 35px; position: static; left: 18px; margin-right: 5px; top: 9px; } #mmenu .mainmenu .caret { margin-left: 6px; border-width: 5px 5px 0 5px; } .mainmenu .dropdown-submenu.open .dropdown-menu { background: transparent none repeat scroll 0 0; border: 0 none; box-shadow: none; float: left; padding: 0 0 10px; position: relative; width: 100%; } .mainmenu .dropdown-submenu.open .dropdown-menu a { font-weight: lighter !important; padding: 10px 8px 10px 65px !important; text-transform: none !important; border: 0 !important; } .mainmenu .dropdown-submenu.open .dropdown-menu a:hover { background: transparent none repeat scroll 0 0 !important; text-decoration: underline; } .mm-panel > .mm-list { margin-left: 0px; margin-right: 0px; } .mm-list > li > a, .mm-list > li > form a, .mm-list > li > span { color: #808080; display: block; font-size: 1.1em; font-weight: normal; line-height: 1.3em; margin: 0; opacity: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after {border: 0} .mm-back > a { font-size: 1.8em !important; opacity: 1 !important; text-decoration: underline; } #mmenu .mmenu-button { border: 1px solid #fff; background-clip: padding-box; border-radius: 3px; color: #000 !important; float: right; font-size: 26px; height: 32px; line-height: 30px; margin: 21px 15px 15px 0; opacity: 0.6; overflow: hidden; padding: 0; text-align: center; width: 33px; } #mmenu .mmenu-button:hover {opacity: 1} #mmenu .back a { /*background: none repeat scroll 0 0 rgba(4, 4, 4, 0.07);*/ border-bottom: 2px solid rgb(255, 252, 252); } #mmenu .dropdown-menu { display: none; } #mmenu .dropdown-submenu.open .dropdown-menu { display: block; } .mm-menu .uno > .mm-vertical > .mm-panel > ul > li > a:not(.mm-next) { font-size: 1.2em; } #mmenu .mainmenu .mm-panel .mm-panel { padding: 0 } #mmenu ul.uno, #mmenu ul.extras { margin: 0; padding: 0; overflow-y: auto; height: auto; float: left !important; width: 100% !important; display: block; margin-bottom: 12px; position: relative; } #mmenu ul.uno>li { border-bottom: 1px solid #e6e6e6!important; float: left; width: 100%; z-index: 2; } #mmenu ul.extras>li { float: left; width: 100%; z-index: 2; } #mmenu ul.uno > li > a, ul.uno > li > span { font-size: 1.3em; font-weight: normal; height: auto !important; min-height: 63px; line-height: 2em; padding: 13px 15px; font-family: 'Open Sans', sans-serif; z-index: 2; letter-spacing: -0.01em; text-transform: none; color: #000; } #mmenu ul.uno>li>.mm-next::after,ul.uno>li>.mm-prev::before { border-color: #ddd!important; height: 10px; width: 10px; right: 22px!important } .mm-menu.mm-offcanvas { overflow: auto!important; width: 87%; } ul.mm-nolistview.mm-list { background: #005bb3; display: flex; justify-content: space-evenly; align-items: center; width: auto; position: relative; top: -2px; text-align: center; } li.mm-back { background-color: #005bb3; color:white; } ul.mm-nolistview.mm-list li a{ color:white; } ul.mm-nolistview.mm-list li a:hover{ color:white !important; } #mmenu .u-data:before, #mmenu .u-favs:before, #mmenu .u-orders:before, #mmenu .u-logout:before { font-family: "e3font" !important; font-weight: normal; display: block; font-size: 2.3em; height: 35px; margin: 0 !important; } #mmenu .u-data:before { content: "J"; } #mmenu .u-favs:before { content: "Z"; } #mmenu .u-orders:before { content: "0"; } #mmenu .u-logout:before { content: "2"; } #mmenu .u-pass:before { content: "y"; } #mmenu ul.uno>li.link { font-family: "ClanOT"; border-bottom: 0 !important; } #mmenu ul.uno>li.link>a, ul.uno>li.link>span {font-family: "ClanOT-Book";font-weight: 400;} #mmenu ul.uno>li.whiteBackground { background-color: white; color: #430404; border: 0 !important; font-family: "ClanOT"; } #mmenu ul.uno>li.whiteBackground>a, ul.uno>li.whiteBackground>span { font-family: "ClanOT-Book"; font-weight: 400; text-transform: none; font-size: 1.1em; padding: 20px 15px 10px; line-height: 1em; } ul.uno>li>.mm-panel { padding-top: 0 } #mmenu .dropdown-menu.dos { margin: -20px 0 20px } #mmenu .dropdown-menu.dos>li>a,.dropdown-menu.dos>li>span { font-size: 1.15em; font-weight: 700; color: #a20505!important; height: 50px!important; line-height: 50px; padding-top: 0; padding-bottom: 0 } #mmenu .dropdown-menu.dos>li>.mm-next::after,.dropdown-menu.dos>li>.mm-prev::before { border-width: 1px; border-color: #a20505!important; height: 6px; width: 6px; right: 24px!important } #mmenu .dropdown-menu.dos ul.tres { margin: -5px 0 15px } #mmenu .mainmenu a.mm-subopen { width: 100% !important; padding: 0; position: absolute !important; top: 0; bottom: 0; height: 50px !important; z-index: 2 !important; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: calc(50% - 5px); bottom: auto; border-color: black; opacity: 1; } #mmenu ul.dos>li>a, ul.dos>li>span { font-size: 1em; font-weight: 500; height: auto !important; min-height: 45px; line-height: 0.9em; padding: 18px 15px; font-family: 'Open Sans', sans-serif; z-index: 2; text-transform: none; } #mmenu ul.dos>li>a:hover, ul.dos>li>span:hover { text-decoration: underline; color:#a20505; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 0; padding-left: 20px; } /* header responsive ***/ @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media(min-width: 440px){ .mm-list > li > a, .mm-list > li > form a, .mm-list > li > span { padding: 10px 20px; } } /*////////////////////////////////////////////////////////////////////*/ /* FOOTER //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ footer { margin-top: 5px; } /* LASTSEEN *******************************/ .lastseen { float: left; height: 190px; overflow: hidden; padding-bottom: 20px; width: 100%; } .lastseen h2 {font-size: 1.1em !important;} .lastseen ul { text-align: center; } .lastseen li { display: inline-block; float: none; } .lastseen article { height: 90px; margin: 0 11px 50px; position: relative; width: 90px; } .lastseen .box_image { height: 100%; z-index: 0; } .lastseen .box_image img { width: 100%; } .lastseen h3 { color: #4f4d58; display: none; font-size: 10px; font-weight: normal; left: -50%; letter-spacing: 0.03em; line-height: 12px; margin: 0; padding: 5px; position: absolute; text-align: center; text-transform: uppercase; top: 95px; width: 200%; z-index: 1; } .lastseen article:hover h3 {display: block} .lastseen h3:before {content: "\f365";} .lastseen h3::before { color: #1285b2; float: left; font-family: "Ionicons"; font-size: 24px; line-height: 0; margin-top: -6px; width: 100%; } .lastseen p {text-align: left} @media (max-width: 767px) { .lastseen {height: 150px} .lastseen li {float: left} .lastseen article { height: 50px; margin: 0 5px 50px; width: 50px; } .lastseen h3 { font-size: 9px; line-height: 1.2em; top: 59px; } } @media (max-width: 479px) { } /* UPPER *******************************/ footer .upper {} footer .upper { background: #005bb3; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #003366), color-stop(10px, #005bb3) ); background-image: -o-linear-gradient(bottom, #003366 0%, #005bb310px); background-image: -moz-linear-gradient(bottom, #003366 0%, #005bb310px); background-image: -webkit-linear-gradient(bottom, #003366 0%, #005bb310px); background-image: -ms-linear-gradient(bottom, #003366 0%, #005bb310px); background-image: linear-gradient(to bottom, #003366 0%, #005bb310px); } footer .sector { padding: 21px 0; padding-left: 20px; } footer .sector > div { color: #000; display: table; margin: 0 auto; padding-left: 65px; } footer .sector > div h3 { font-size: 1.6em; font-weight: lighter; letter-spacing: 0.01em; margin: 0 0 4px; position: relative; color: #fff; font-family: 'Open Sans' , sans-serif; } footer .sector > div h3::before { left: -70px; line-height: 41px; position: absolute; text-align: center; top: 2px; background-size: cover; display: block; background-repeat: no-repeat; background-position: center; height: 47px; width: 47px; } footer .sector > .newsletter h3 { margin-bottom: 12px; } footer .sector > .newsletter h3::before { content: ""; background-image: url('/Pubs/Sites/Default/Custom/campana.png'); } footer .sector > .contacto h3::before { content: ""; background-image: url('../../images/telefono.svg'); } footer .sector > .direccion h3::before { content: ""; background-image: url('../../images/ubicacion.svg'); } footer .sector > .horarios h3::before { content: ""; background-image: url('../../images/reloj.svg'); } /* footer direccion y horarios*/ .upper .direccion, .upper .horarios { color: #fff; } .upper .direccion strong, .upper .horarios strong { font-weight: 500; font-size: 1em; } .upper .direccion h3, .upper .horarios h3{ font-size: 1.1em; font-weight: 700; } .upper .direccion a, .upper .horarios a { color: #fff; font-size: 1em; font-weight: 500; text-decoration: underline; padding-top:10px; } /* footer newsletter */ footer .sector .newsletter { min-width: 400px; } .form-newsletter { float: left; width: 100%; margin-bottom: 18px; } .form-newsletter .form-group { float: none !important; margin: 0 101px 0 0; position: unset; width: auto; } .form-newsletter input.form-control { background: #fff none repeat scroll 0 0; border: 0; box-shadow: none; color: #000; font-weight: normal; height: 40px; letter-spacing: 0; padding: 7px 11px 7px 18px; border-radius: 0; font-size: 1.1em; border: 1px solid #525252; } .form-newsletter button { background-color: #525252; border: 0; color: #fff; display: block; float: right; font-family: 'Open Sans' , sans-serif; height: 40px; line-height: 33px; text-align: center; width: 97px; border-radius: 0; } .form-newsletter button:hover { background: #000 none repeat scroll 0 0; color: #fff; } .form-newsletter button::before { content: "Enviar"; font-size: 1.1em; font-weight: normal; letter-spacing: 0.05em; } .form-newsletter button:hover { background-color: #525252; color: #fff !important; } @media (max-width: 1199px) { footer .sector .newsletter {min-width: unset} .form-newsletter button:before {content: "\f3d6"} .form-newsletter button:before { font-family: "Ionicons"; } .form-newsletter button {width: 40px; font-size: 2.2em;} .form-newsletter .form-group {margin: 0 41px 0 0;} } /* footer contacto *****/ footer .sector .contacto strong { color: #fff; display: block; font-size: 1.8em; font-weight: 600; margin: 0 0 7px; letter-spacing: 0.02em; line-height: 1.15em; } footer .sector .contacto > span { color: #fffc; display: block; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2em; } footer .sector .contacto strong span { display: inline-block !important; } /* socials ******/ footer .sector .socials { /*padding-left: 0;*/ } footer .socials h3::before { display: none; } footer .socials ul { z-index: 1; } footer .socials li { display: inline-block; float: left; padding:5px; } footer .socials p{ font-size: 1em; letter-spacing: 3px; text-transform: uppercase; position: relative; display: inline; margin: 0; top: 10px; font-size: 1em; } footer .socials li a:before { background-color: #005bb3; border-radius: 100%; color: #fff !important; float: left !important; font-size: 21px; height: 37px; line-height: 37px !important; margin-right: 7px !important; padding: 0 !important; text-align: center; width: 37px !important; opacity: 1 !important; } footer .socials li a:hover { opacity: 0.9 !important; } .socials a:before {font-family: 'Ionicons'} .s-facebook:before {content: "\f231"} .s-twitter:before {content: "\f243"} .s-youtube:before {content: "\f24d"} .s-googleplus:before {content: "\f234"} .s-pinterest:before {content: "\f2b1"} .s-instagram:before {content: "\f350"} .s-email:before {content: "\f2eb"} .s-whatsapp:before {content: "\f4f0"} .socials:hover { text-decoration: none; background-color: lightgrey; } .socials a.email { color: #999; font-size: 1.3em; font-weight: lighter; } .socials a.email:hover {color: #000; text-decoration: underline} /* MAIN *******************************/ footer .main { background-color: #f2f2f2; border-top: 1px solid #fff; padding: 30px 0 0 0; } footer .menu_footer h3 { font-size: 1.1em; font-weight: bold; margin: 0 0 12px; position: relative; text-transform: uppercase; color: #343434; font-family: 'Open Sans' , sans-serif; letter-spacing: 0; } footer .menu_footer ul { float: left; width: 100%; } footer .main ul li a { color: #737373; float: left; letter-spacing: 0; line-height: 1.2em; margin: 0; font-weight: normal; padding: 5px 0; width: 100%; font-size: 1.051em; } footer .menu_footer ul li a:hover:not(.s-facebook) {background: transparent; opacity: 1; color: #000} @media (max-width:479px){ footer .main ul li a { font-size: 1em; } } /* CREDITS *******************************/ footer .credits { padding: 0px 0 25px; background-color: #f2f2f2; } footer .credits p { color: #444; float: left; font-size: 0.95em; font-weight: normal; padding: 0; clear: left; font-weight: bold; margin: 0 0 3px; } footer .credits p span {opacity: 0.5; font-weight: normal;} footer .credits p a {color: #444; text-decoration: underline} footer .credits .border { border-top: 1px solid #c9c9c9; padding-top: 20px; } footer .credits .texto-dc { font-size: 0.95em; } footer .credits .texto-dc a{ color: #003366; text-decoration: underline; } footer .credits .texto-dc a:hover{ text-decoration:none; } footer .credits .texto-cop { font-size: 0.85em; opacity: 0.5; line-height: 1.4em; } footer .credits .creditflex { display:flex; } footer .credits .info { float:left; } footer .credits .img-dataf { float:left; margin: 0 40px 0 0; } .e3 { background: rgba(0, 0, 0, 0) url("/content/images/e3ecommerce.png") no-repeat scroll 0 0 / 100% ; cursor: pointer; height: 30px; opacity: 0.3; width: 85px; float: left; clear: left; margin: 10px 0; } .e3:hover {opacity: 1} @media (max-width:991px){ footer .credits .info { padding: 0 50px 0 0; } .sellos { padding-right: 10px; padding-left: 10px; display: flex !important; flex-wrap: wrap; justify-content: center; } } @media (max-width:768px){ footer .credits .creditflex { flex-direction: column; } footer .credits .img-dataf { display:flex; } footer .credits .info { padding: 0 50px 20px 0; margin: -32px 0 0 75px; width: calc(100% - 75px); } footer .credits .info2 { padding: 0 50px 0 0; } footer .newsletter .form-newsletter button { width: 150px !important; } footer .credits .texto-dc { font-size: 0.86em; line-height: 1.3em; margin: 0 0 8px; } footer .form-newsletter button:before { content: "Enviar"; font-family: "Open Sans" !important; font-size: 0.5em; bottom: 4px; position: relative; } } @media (max-width:480px){ footer .credits .info2 { padding: 10px 39px 0 9px; } footer .credits .info { padding: 13px 50px 20px 13px; margin: 0; width: 100%; font-size: 0.9em; } .sellos { margin-top: 55px !important; } } /*ver mas*/ .v-todo { font-size: 0.85em; color: #565656; } .v-todo::after { content: "\f123"; font-family:"Ionicons"; position:relative; font-size:0.7em; color: #565656; left: 4px; text-decoration: none; } /* SELLOS *******************************/ .sellos { text-align: center; margin: 15px auto; float: none; position: relative; display: table; background-color: #f2f2f2; padding-top: 30px; } .sellos > * { display: inline-block; margin: 0 3px; padding: 0 5px; text-align: center; float: left; } .sellos a:hover {opacity: 0.7} .sellos .sps img {margin-top: 1px; width: 38px;} .sellos .mpago img {margin-top: 12px; width: 115px;} .sellos .tpago img {margin-top: 12px; width: 83px;} .sellos .cace img {margin-top: 18px; width: 96px;} .sellos .verisign img {width: 129px} .sellos .datafiscal img {width: 37px} .sellos .sep { background: #ddd none repeat scroll 0 0; display: block; height: 63px; margin: -3px 10px 0; padding: 0; width: 1px; } .datafiscal { filter: none; opacity: 1; background: rgba(0, 0, 0, 0) url("/content/images/i-datafiscal.png") no-repeat scroll 0 0 / 100% auto padding-box; height: 63px; width: 45px; display:flex; } .datafiscal:hover { filter: url('data:image/svg+xml;utf8,#grayscale'); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: Gray(Opacity=40); } @media (max-width: 991px) { .sellos { /*display: table;*/ float: none; margin: 0 auto; padding-bottom: 20px; } .sellos .sep {display: none} .sellos .tpago img { margin-top: 9px; width: 69px; } .sellos .mpago img { margin-top: 9px; width: 103px; } .sellos .sps img { margin-top: 1px; width: 30px; } .sellos .cace img { margin-top: 14px; width: 84px; } .datafiscal {width: 33px; margin: 0 40px 0 0;} footer .credits .img-dataf {margin: 0 13px 0 0} } @media (max-width: 767px) { } @media (max-width: 479px) { .sellos > * { margin: 0 0 5px; } .sellos .sps img { margin-top: 3px; width: 22px; } .sellos .cace img { margin-top: 13px; width: 64px; } .sellos .verisign img { width: 101px; margin-top: 2px; } .datafiscal { margin-top: 2px; width: 27px; } } /* WhatsApp mobile*/ .socials.flotante { position: fixed; bottom: 75px; right: 5px; font-size: 35px; background-image: url(/Content/Images/whatsapp2.png); color: white; height: 43px; width: 42px; font-weight: 300; line-height: 0; z-index: 4; padding: 0; margin: 0 -2px 0 0; background-size: contain; background-repeat: no-repeat; transition: all 0.7s ease-in-out 0.3s; } /* backtotop ****************/ .backtotop { background: #005bb3 repeat scroll 0 0; bottom: 3px; cursor: pointer; height: 40px; letter-spacing: 0.05em; position: fixed; right: 3px; transition: all 0.7s ease-in-out 0.3s; width: 40px; z-index: 4; border-radius: 50px; } .backtotop span { color: #fff; display: block; font-size: 0.8em; line-height: 2.8em; padding-top: 4px; text-align: center; text-transform: uppercase; width: 100%; z-index: 5; } .backtotop span:before {content: "\f365"} .backtotop span::before { display: none; font-family: "Ionicons"; font-size: 16px; margin: 0 0 -1px 2px; text-align: center; } .backtotop:hover {background-clip: #1285b2} /* FOOTER RESPONSIVE *****************************************/ @media (max-width: 1199px) { } @media (max-width: 991px) { footer .upper {font-size: 0.83em} footer .main {font-size: 0.9em} footer .credits p { width: 100%; } footer .credits p span::before { background-position: center center; background-size: 95px auto; display: inline-block; float: unset; height: 19px; margin: 0 auto; padding: 0; position: relative; top: unset; width: 100%; } } @media (min-width: 768px) { #chor {display: block !important; height: auto !important;} } @media (max-width: 767px) { .mf3 { clear: both; } footer .upper {margin: 0} .btfooter { background: #f2f2f2; border: 0 none; font-size: 1.3em; font-weight: 500; letter-spacing: -0.06em; padding: 18px 15px 40px; width: 100%; text-align: left; color: #005bb3; } .btfooter:after {content: "\f3d0"} .btfooter:after { color: #005bb3!important; font-family: "Ionicons"; font-size: 0.65em; margin: 1px 0 0 5px; font-weight: 600; } footer .main { border-top: 0; padding-top: 0; font-size: 1em; margin-top: -22px; } footer .sector { padding: 17px 0; padding-bottom: 10px !important; } footer .sector > div {padding-left: 60px} footer .sector > div h3::before { top: -4px; } footer .newsletter { float: left; margin: 0 0 -20px; width: 100%; } .row-border { border-bottom: 1px solid #c6c6c6;; } footer .newsletter > h3 { font-size: 1.1em; font-weight: normal; margin: 17px 0 8px; position: relative; color: #000; font-family: 'Open Sans' , sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; } footer .newsletter p { text-align: center; font-size: 0.9em; } footer .newsletter .form-newsletter input.form-control { background-color: #f6f6f6; border-color: #ddd; } footer .newsletter .form-newsletter .form-group { float: left; margin: 0; position: relative; width: 100%; } footer .newsletter .form-newsletter button { position: absolute; right: 15px; width: 10%; z-index: 1; } footer .menu_footer ul {margin-bottom: 30px} footer .sector > div h3 { font-size: 1.3em; } footer .sector { padding-bottom: 0; } footer .sector:last-child { padding-bottom: 17px; } footer .sector > div h3::before { left: -50px; top: -4px; height: 37px; width: 37px; } } @media (max-width: 480px) { footer .sector > div h3::before { left: -48px; top: -4px; } footer .sector > div { width: 250px; margin: 0 auto; padding-left: 50px; } footer {margin-top: 0} footer .sector .contacto strong span { display: none !important; } .backtotop { width: 45px; height: 45px; line-height: 3.2em; } footer .menu_footer h3 { margin: 20px 0 0; } footer .menu_footer ul li { padding: 20px 0; } footer .newsletter .form-newsletter button { position: absolute; margin-top: 50px; left: 44%; margin-left: -50px; } .backtotop span { line-height: 3.4em; } } /*////////////////////////////////////////////////////////////////////*/ /* HOME //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ section {margin-top: 36px;} .Home section {margin-top: 0 !important;} @media (max-width: 991px) { } /* OWL SLIDER ******/ .owl-item.loading { /*background: url(/Content/Images/AjaxLoader.gif) no-repeat center center;*/ } .owl-carousel {width:100%} .owl-carousel .owl-item img {transform-style: inherit;} .owl-carousel .owl-item article img {transform-style: unset !important;} .owl-carousel .owl-item .owl-lazy {opacity: 0.1;} .owl-carousel { margin: 0; z-index: 0; } .owl-nav > div { color: #000; cursor: pointer; font-family: "dhs"; font-size: 20px; height: 40px; line-height: 40px; margin-top: 0; overflow: hidden; padding: 0; position: absolute; text-align: center; text-indent: 0; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35); top: calc(44% - 35px); z-index: 3; border-radius:50px; padding: 0 10px; } .owl-prev {left: 3px;} .owl-next {right: 3px;} .owl-prev:before {content: "j"} .owl-next:before {content: "k"} .owl-prev:before {float: left} .owl-next:before {float: right} .owl-nav > div:hover { background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0; } .owl-dots { margin-top: -25px !important; position: relative!important; } .owl-dots div { background: #ccc none repeat scroll 0 0; /*border: 1px solid #fff;*/ border-radius: 100%; display: inline-block; height: 10px; margin: 0 3px; text-align: center; width: 10px; } .owl-dots div:hover {opacity: 0.7} .owl-dots .active { background: #1364b0none repeat scroll 0 0; } .owl-theme .owl-controls {margin-top: 0} /* OWL SLIDER MAIN-SLIDER ******/ #main-slider {margin-bottom: 20px; } #main-slider .item img { display: block; width: 100%; height: auto; } #main-slider .owl-nav > div {color: #fff; opacity: 0;} #main-slider:hover .owl-nav > div { opacity: 1;} #main-slider .owl-nav > div:hover { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; } #main-slider .owl-prev {left: 0} #main-slider .owl-next {right: 0} #main-slider .owl-dots {margin: 5px auto 0;} @media (max-width: 991px) { #main-slider .owl-nav > div { font-size: 28px; } } @media (max-width: 767px) { #main-slider2 .owl-nav > div { font-size: 18px; color: #fff; padding: 0; top: 44%; } #main-slider .owl-prev {left: 0} #main-slider .owl-next {right: 0} .main-slider .owl-dots {display: none} } @media (max-width: 479px) { #main-slider2 {margin-bottom: 10px} } /* OWL-SLIDER BRAND-SLIDER ********/ .related.brand-slider { margin-bottom: 0 !important; } .brand-slider ul {} .brand-slider .owl-stage-outer { height: 90px; } .brand-slider ul .owl-nav > * {top: 62px !important} .brand-slider ul .owl-nav > .owl-prev {} .brand-slider ul .owl-nav > .owl-next {} .brand-slider ul li a { cursor: pointer; display: table; height: 65px; position: relative; width: 100%; } .brand-slider ul li a img { bottom: 0; height: auto !important; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; width: auto !important; } /* desaturar imagenes */ .brand-slider ul li a img { opacity: 0.55; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+, IE10 */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .brand-slider ul li a img:hover { filter: none; -webkit-filter: grayscale(0%); opacity: 1; } @media (max-width: 991px) { .brand-slider ul li a {height: 60px} } @media (max-width: 767px) { .brand-slider ul li a {height: 45px} } @media (max-width: 479px) { .brand-slider ul li a {height: 40px} } /* OWL SLIDER RELATED-SLIDER */ .related > h2, .title > h2, .lastseen h2 { color: #000; display: block; float: left; font-size: 2.1em; font-weight: 500; letter-spacing: 0; margin: 0 0 15px; padding: 0; position: relative; transition: none 0s ease 0s; width: 100%; text-align: left; background: #fff; height: auto; margin-left: -10px; z-index: 1; } .related > h2 span, .title > h2 span, .lastseen h2 span { background: #fff; padding: 0 10px; } .related > h2 span a { font-size: 0.5em; color: #005bb3; text-decoration: underline; letter-spacing: -0.1px; margin: 0 6px; } .vermas-destacados { font-size: 0.7em; color: #e3edf6; font-weight: 500; /* text-decoration: underline; */ } .vermas-destacados a { color: #005bb3; z-index: 2; position: relative; } .vermas-destacados a:hover{ color: #86130a; } .Home .related {margin-bottom: 0px} .related .owl-carousel {padding: 0 5px; display: block;} /*.related .owl-carousel > li:nth-child(2n+2) {padding: 0 0 0 5px;} .related .owl-carousel > li:nth-child(2n+1) {padding: 0 5px 0 0;}*/ .related .owl-carousel > li {padding: 0 0px 0 0;} .Home .related .owl-carousel {padding: 0 5px 0 0;} .related .owl-carousel .owl-stage-outer { margin: -10px; padding: 10px; clear: both; } .related .owl-nav > div { background: transparent none repeat scroll 0 0; font-size: 22px; height: 40px; line-height: 40px; padding: 0 !important; text-align: center !important; text-indent: -5px; top: calc(32% - 3px); width: 20px; text-shadow: none !important; } .related .owl-prev {left: -15px} .related .owl-next {right: -15px} .related .owl-next::before { float: unset; } @media (min-width: 1440px) { .Home .related > ul > li {width: 20%} .Home .related > ul > li:nth-child(6) {display: none} } @media (min-width: 1600px) { .Home .related > ul > li {width: 16.66%} .Home .related > ul > li:nth-child(6) {display: block} } @media (max-width: 1439px) { .Home .related > ul > li:nth-child(5) {display: none} .Home .related > ul > li:nth-child(6) {display: none} } @media (max-width: 1199px) { .Home .related { margin-bottom: 20px; } } @media (max-width: 991px) { .related > h2, .title > h2, .lastseen h2 { font-size: 1.8em !important; } } @media (max-width: 767px) { .Home .related > ul > li:nth-child(5) {display: block} .Home .related > ul > li:nth-child(6) {display: block} .Home .related .owl-carousel > li {height: 420px} .Home .related .owl-carousel > li article {margin-bottom: 0} .Home .related > ul > li:nth-child(3)::before { background: #d1d1d1; height: 1px; position: absolute; right: 10px; bottom: 30px; width: calc(300% - 15px); content: ""; display: block; z-index: 1; } .related > h2, .title > h2, .lastseen h2 { padding: 0 21px 6px; height: auto; font-size: 1.5em; } .related > h2 span, .title > h2 span, .lastseen h2 span { background: transparent; padding: 0; } .related .owl-nav > div { font-size: 21px; top: calc(38% - 45px); width: 15px; } .related .owl-prev {left: -12px} .related .owl-next {right: -12px} } @media (max-width: 479px) { .Home .related > ul > li:nth-child(3)::before {display: none} .Home .related > ul > li:nth-child(2n+2)::before { background: #d1d1d1; height: 1px; position: absolute; right: 10px; bottom: 30px; width: calc(200% - 15px); content: ""; display: block; z-index: 1; } .Home .related > ul > li:nth-last-of-type(-n+2)::before { display:none; } .Home .related .owl-carousel > li { height: 360px; } .Home .related { margin-bottom: -17px; } .related > h2, .title > h2, .lastseen h2 { padding: 5px 21px 6px; font-size: 1.7em; letter-spacing: 0.1px; text-align: center; margin: 0 0 10px; } .related h2 span, .related h2 strong {display: block} } @media (max-width: 360px) { .Home .related .owl-carousel > li { height: 310px; } } .owl-carousel .PRODUCT_BOX .box_image {height: 255px} @media (max-width: 1439px) { .owl-carousel .PRODUCT_BOX .box_image {height: 210px} } @media (max-width: 1199px) { .owl-carousel .PRODUCT_BOX .box_image {height: 214px;} } @media (max-width: 991px) { .owl-carousel .PRODUCT_BOX .box_image {height: 230px} } @media (max-width: 767px) { .owl-carousel .PRODUCT_BOX .box_image {height: 205px} } @media (max-width: 479px) { .owl-carousel .PRODUCT_BOX .box_image {height: 165px} } @media (max-width: 360px) { .owl-carousel .PRODUCT_BOX .box_image {height: 135px} } /* BANNER HOME bx3 */ .bx3 { margin-bottom: 60px; } .bx3 .item { display: table; float: left; padding: 5px 10px; text-align: center; width: 33%; } .bx3 .item2 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .bx3 .item a { display: inherit; float: none; margin: 0 auto; padding-left: 44px; position: relative; text-align: left; } .bx3 .item a::before { background-repeat: no-repeat; width: 50px; left: -18px; position: absolute; top: -6px; height: 50px; content: "" !important; background-size: 100% auto; } .bx3 .item1 a::before {background-image: url(/Pubs/Sites/Default/Custom/B-servicios1.png)} .bx3 .item2 a::before {background-image: url(/Pubs/Sites/Default/Custom/B-servicios2.png)} .bx3 .item3 a::before {background-image: url(/Pubs/Sites/Default/Custom/B-servicios3.png)} .bx3 .item span {} .bx3 .item strong { display: block; font-size: 0.95em; letter-spacing: 0.02em; text-transform: uppercase; } .bx3 .item a:hover strong {text-decoration: underline} @media (max-width: 991px) { .bx3 .item {font-size: 0.9em} } @media (min-width: 480px) and (max-width: 767px) { .bx3 .item a { font-size: 0.85em; line-height: 1.3em; padding: 0; text-align: center; } .bx3 .item a::before { display: block; float: left; font-size: 2.4em; left: unset; margin: 0 calc(50% - 25px) 9px; position: relative; top: unset; } } @media (max-width: 479px) { .bx3 {margin: 0 0 40px;} .bx3 .item { width: 100%; } .bx3 .item a::before { font-size: 2.3em; left: 10px; top: 21px; } .bx3 .item2 { border-width: 0; } .bx3 .item a { float: left; font-size: 0.95em; line-height: 1.4em; padding: 13px 10px 13px 76px; width: 100%; } } /* BANNERS group */ .bannergroup { float: left; margin-bottom: 25px; width: 100%; } .bannergroup .banner-item { margin-bottom: 40px; } @media (max-width: 1599px) { } @media (max-width: 1439px) { } @media (max-width: 1199px) { .bannergroup .banner-item { margin-bottom: 20px; } } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 479px) { } /* CATEGORY_BOX ******/ .category_box .MARCA { color: #999; font-size: 0.9em; font-weight: 500; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; width: 100%; } .category_box .box_data h3 { font-size: 1.5em; margin: 10px 0 0; text-align: center; } /*////////////////////////////////////////////////////////////////////*/ /* CATEGORY //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ .Category section { margin-top: 10px; } .Category .BUTTONBUY { /*display:none;*/ margin-top: 2px; } .Category .PRODUCT_BOX .buttons_wrapper { padding-top: 100px; } .Category .listview .BUTTONBUY { display:none; } .Category section { margin-top: 10px; } .Category .title hr { display:none; } .Category .banner-item { margin-bottom: 30px; } .title hr { border-bottom: 1px solid #d1d1d1; border-top: 0 none; float: left; margin: 0; width: 100%; } .Category h1 { color: #000; float: right; font-size: 2.2em; font-weight: 700; margin: 0 0 25px; } .Category h1 a:before {display: none} .Category .totalprods { color: #000; font-size: 1em; left: 100px; text-transform: uppercase; top: 15px; border-left: 1px solid gray; padding-left: 20px; position: absolute; } /* imagen categoria */ .Category .bigimage { width: 100%; } .Category .bigimage img{ display: block; width: 100%; height: auto; } @media (max-width:991px){ } @media (max-width: 767px) { .Category section { margin-top: 0px; } .Category .BUTTONBUY { margin-top: 0px; } .Category .title { /*background: #000 repeat scroll 0 0;*/ float: none !important; margin: 0; width: 100%; display: flex; flex-direction: column; height: auto; padding: 10px; } .Category h1 { float: left; font-size: 1.75em; margin: 0 0 10px; text-align: left; width: 100%; color: #fff; order:2; } .Category .totalprods { left: 0px; border-left: none; text-transform: none; position: initial; padding: 10px 0; } .Category .totalprods span { display: inline; font-weight: bold; } .Category .totalprods { font-size: 0.9em; } } @media (max-width: 479px) { .Category .BUTTONBUY { display: none; } } @media (min-width: 1440px) { .Category aside {width: 16%; padding-left: 0!important;} .Category .derecha {width: 84%; padding-right: 0!important;} .Category .product_list.gridview > ul > li {width: 25%} .Category .title {padding:0} } /* CATEGORY_TREE (menu categorias) / MENU_TREE (menu usuario y content) **************************/ .category_tree, .menu_tree { margin-bottom: 20px; float: left; width: 100%; } .category_tree ul, .menu_tree ul, .filter_tree ul { float: left; height: auto; width: 100%; } /* .category_tree ul a:before, .menu_tree ul a:before {content: "\e00e"}*/ .category_tree ul a:before, .menu_tree ul a:before { color: #b7b7b7; display: block; float: left; font-size: 11px; margin: 2px 3px 0 -5px; } .category_tree ul li, .menu_tree ul li { background: none; } .category_tree ul li a:before{ font-family: "cdafont"; color: #828282; margin: -5px 15px 0 -5px; width: 20px; height: 20px; float: left; font-size: 1.8em; } .Category .category_tree ul li a:before{ display: none; } .category_tree ul > li > a, .menu_tree ul > li > a { display: block; font-weight: normal; letter-spacing: 0.03em; padding: 3px 5px 3px 16px; width: 100%; } .category_tree ul > li > a:hover, .menu_tree ul > li > a:hover, .activee { color: #005bb3; text-decoration: underline; } .category_tree ul li::before { content: "\f125"; font-family: "Ionicons"; position: absolute; font-size: 0.6em; color: gray; margin-top: 4px; } .category_tree > ul > li.subcategory > a::after {content: "\f35f"} .category_tree > ul > li > a.activee:after {content: "\f365"} .category_tree > ul > li > a::after { background-clip: padding-box; color: #c8c8c8; display: block; float: right; font-family: "Ionicons"; font-size: 18px; height: 17px; line-height: 16px; margin: 3px 2px; text-align: center !important; width: 10px; } .category_tree > ul > li.collapsed:after {content: "\f123"} .category_tree > ul > a.collapsed {background: #ccc} /* H5 */ .category_tree h5, .filter_tree h5 { color: #222; font-size: 1.1em; font-weight: 600; height: 46px; letter-spacing: 0; line-height: 46px; margin: 0 0 14px; padding: 0 10px 0 16px; text-transform: none; width: 100%; font-family: 'Open Sans' , sans-serif; } .category_tree h5,.filter_tree h5 { background-color: #efefef; margin: 5px 0; color: #000; border-bottom: 0; line-height: 1.3em; padding: 12px 20px; } .filter_tree h5::after { Content:"\f39d"; font-family:"Ionicons"; padding-left: 10px; font-size: 1.3em; font-weight: 500; position: relative; top: 4px; } .category_tree ul.cats { /*border-top: 1px solid #d1d1d1;*/ padding-top: 15px; } .menu_tree h5 { color: #333; font-weight: 300; line-height: 1.5em; margin: 0; } .Content .menu_tree h5 { color: #000; font-size: 1.6em; text-transform: uppercase; } .menu_tree a::after {content: "\f363"} .menu_tree a::after { color: #888; float: right; font-family: "Ionicons"; font-size: 15px; opacity: 0.4; padding: 0; } /* FILTER_TREE - MENU FILTROS **************************/ .filter_tree { float: left; margin-bottom: 25px; position: relative; width: 100%; } .filter_tree > div { float: left; width: 100%; } .filter_tree .accordion { float: left; padding: 7px 0; width: 100%; } /*asd2*/ .filter_area p { margin: 4px 0 0 22px; } /*asd2*/ .filter_elem input{ position: relative; z-index: 3; opacity: 0; } /*asd2*/ .filter_elem input+span::before{ width: 18px; height: 18px; border-radius: 18px; background: #d0d0d0; border: 3px solid white; content: ""; position: absolute; margin: 1px 0 0 -15px; } /*asd2*/ .filter_elem input+span::after{ width: 10px; height: 10px; border-radius: 10px; background: #f1f1f1; content: ""; position: absolute; margin: 5px 0 0 -11px; } .filter_elem input:checked+span::after{ width: 10px; height: 10px; border-radius: 10px; background: #eb1f11; content: ""; position: absolute; margin: 5px 0 0 -11px; display: inline-block; } /* .filter_tree .accordion input[type=radio]:checked::after{ width: 10px; height: 10px; border-radius: 10px; background: #1285b2; content: ""; position: absolute; margin: 3px 0 0 2px; display: inline-block; }*/ .filter_tree .accordion input[type=radio]:checked + label{ color: #eb1f11; } /* .filter_tree .accordion input[type=radio]::before{ width: 18px; height: 18px; border-radius: 18px; background: #d0d0d0; border: 3px solid white; content: ""; position: absolute; margin: -1px 0 0 -2px; } .filter_tree .accordion input[type=radio]::after{ width: 10px; height: 10px; border-radius: 10px; background: #f1f1f1; content: ""; position: absolute; margin: 3px 0 0 2px; }*/ .expandcollapse { color: #b7b7b7; float: right; font-size: 0.8em; position: absolute; right: 0; top: -21px; } .expandcollapse i { float: left; font-size: 0.85em; margin: 1px 5px 0 0; } .filter_title:not(:first-child) { border-top: 1px solid #d0d0d0; } .filter_title { background-color: #fff; color: #000; cursor: pointer; float: left; font-size: 1em; font-weight: 700; letter-spacing: 0; line-height: 1em; padding: 14px 1px; position: relative; text-decoration: none; text-transform: none; width: 100%; font-family: 'Open Sans' , sans-serif; } .filter_title:before, .category_tree h5:before {content: "\f462"} .filter_title::before, .category_tree h5:before { color: #000; float: right; font-family: "Ionicons"; font-size: 18px; line-height: 1.3em; padding: 12px 11px; position: absolute; right: 0; text-align: center; top: 0; } .filter_title.collapsed:before, .category_tree h5.collapsed:before {content: "\f489"} .category_tree h5::before { right: 14px; top: 2px; } .filter_area { float: left; padding: 0 0 10px 0; width: 100%; } .filter_area a img {display: none !important} .filter_area a { clear: left; color: #000; cursor: pointer; float: left; font-weight: normal; padding: 2px 0 2px 1px; position: relative; text-decoration: none; width: 100%; } .filter_area a::before { background: #dfdee1 none repeat scroll 0 0; border: 1px solid #dfdee1; border-radius: 1px; content: ""; display: block; float: left; height: 12px; margin: 4px 10px 0 0; position: relative; width: 12px; border-radius: 50px; } .filter_area a:hover, .filter_area a.checked {color: #003366; text-decoration: underline;} @media (min-width: 768px) { .filter_area a:hover::before { background-color: #003366; border: 1px solid #fff; } } .filter_area a.checked { margin-top: -7px; padding: 5px 7px 11px 0px; } .filter_area a.checked:after {display: none;} .filter_area a.checked::before {content: "\f120"} .filter_area a.checked::before { float: left; font-family: "Ionicons"; font-size: 1.2em; margin: 1px 10px 0 0; background: none; border: none; } /* ver mas */ .filter_area .mas p { color: #000; cursor: pointer; font-size: 0.9em; } .filter_area .mas p:hover {color: #eb1f11} .filter_area .mas p::before { background: transparent; border: 0 none; border-radius: 0; content: "ver más"; margin: 0; width: auto; position: relative; top: 5px; } .filter_area .mas p::after { font-family: "Ionicons"; font-size: 1.1em; margin: 0 0 0 4px; position: relative; top: 5px; } .filter_area .mas p:after {content: "\f35f"} .filter_area .mas.opened p:before {content: "ver menos"} .filter_area .mas.opened p:after {content: "\f365"} /*asd2*/ .filter_area label { padding-left: 15px; } .category_tree .subcategory .filtro-contain { background: #fff none repeat scroll 0 0; padding: 2px 0 9px; } .category_tree .subcategory .filtro-contain ul li{ background: none; padding-left: 25px; } .category_tree .subcategory .filtro-contain ul li a { color: #777; padding: 0; } .category_tree .subcategory .filtro-contain ul li a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #eb1f11 !important; text-decoration: underline; } @media (max-width: 991px) { aside {font-size: 0.95em} .category_tree ul > li > a, .menu_tree ul > li > a { /*padding-left: 0; padding-right: 0;*/ } .category_tree h5, .filter_tree h5 {/*padding: 0*/} .filter_tree h5 {line-height: 1.2em; padding-top: 11px;} .filter_tree h5, .Result .browse_area { /* height: 55px;*/ } .filter_area a { padding: 2px 0; } .menu_tree a::after {display: none} .User .menu_tree a {font-size: 0.8em} } /* FILTROS MOBILE ***************************************/ @media (max-width: 767px) { #FILTERS { display: none; opacity: 0; top: 200px; transition: all 0.5s ease 1s; } .btfilter-open { background: #eee none repeat scroll 0 0; float: right; height: 35px; line-height: 34px; margin: 10px 0 0; padding: 0 18px; } .derecha.mobile, footer.mobile, .backtotop.mobile {display: none} #FILTERS.mobile { background: #fff none repeat scroll 0 0; display: block; position: absolute; top: -110px; left: 0; width: 100%; z-index: 100000; transition: transform 1s ease 0s; opacity: 1; padding: 0 15px; } .filter_tree, .category_tree { border: 0; margin: 0; padding: 0; } .filter_title { border: 1px solid #ddd; background-color: #f4f4f4; margin: 0 0 6px; padding: 13px 15px; font-size: 1em; } .filter_title::before, .categ_title::before {content: "\f365";} .filter_title.collapsed::before, .categ_title.collapsed::before {content: "\f35f";} .filter_tree .accordion {padding: 0} .filter_title::before, .category_tree h5:before { top: 8px; right: 17px; color: gray; } .filter_title, .categ_title { border: 1px solid #ddd; background-color: #f4f4f4; margin: 0 0 6px; padding: 13px 15px; font-size: 1em; } .filter_title::before { color: gray; float: right; font-family: "Ionicons"; line-height: 1.5em; font-size: 16px; padding: 0; position: absolute; right: 18px; text-align: center; } .categ_title::before { color: gray; float: right; font-family: "Ionicons"; line-height: 1em; font-size: 18px; padding: 0; position: absolute; right: 33px; text-align: center; } .category_tree ul, .menu_tree ul, .filter_tree ul { padding-bottom: 0px; padding: 5px 0 15px 10px; } .categ_title { text-transform: uppercase; font-weight: 700; } /* MENU MOBILE HEADER ******/ .xheader { background: #1d1d1d none repeat scroll 0 0; float: left; height: 60px; left: 0; margin: 0; padding: 0 15px; position: fixed; top: 0; width: 100%; z-index: 1; } .xheader span { color: #fff; float: left; font-size: 1.1em; font-weight: 600; letter-spacing: 0.1em; margin: 19px 0 0 4px; text-transform: uppercase; } .xclose:before {content: "\f12a"} .xclose { color: #fff; display: block; float: right; font-family: "Ionicons"; font-size: 1.3em; margin: 11px -6px 0 0; } .xclose:hover {color: #eb1f11 !important} .xspace { float: left; height: 100px; width: 100%; } .category_tree ul.cats { padding: 10px; } .Category .PRODUCT_BOX .badge-dto { font-size: 1em; padding: 0px; } } @media (max-width: 479px) { #FILTERS.mobile {top: -140px} .Category .PRODUCT_BOX .price { flex-basis: 100%; } .Category .tachado span { margin-top: 0px; position: relative; top: 0; } .Category .PRODUCT_BOX .badge-dto { position: unset; order: 3; line-height: 1.25em; } .Category .PRODUCT_BOX .tachado { flex-basis: unset; text-align: left; position: unset; padding: 0; font-size: 1em; order: 2; line-height: 2.2em; } .Category .PRODUCT_BOX .cuotas { font-size: 1.1em; padding: 5px 0; position: unset; top: 0; bottom: 0; margin: 0; } .Category .bloque { height: 0; } .Category .PRODUCT_BOX .buttons_wrapper { padding-top: 0; } .Category .PRODUCT_BOX .box_data { padding: 8px 8px 0px; } .Category .badge-enviogratis{ top: auto; bottom: 0; font-size: 1em; } .Category .product_list .badge-dto { /* top: 17px; right: -6px !important; width: auto;*/ } } @media (max-width: 400px) { .Category .PRODUCT_BOX .badge-dto { left: 0 !important; } } /* BANNERS-LEFT **************************/ .b-left .banner-item {margin-bottom: 20px;} /* BROWSE_AREA **************************/ .browse_area, .filter_applied {float: left; width: 100%;} @media (min-width: 768px) { .browse_area1 { background-color: #fff; color: #eb1f11; height: 45px; line-height: 45px; margin-bottom: 10px; border-bottom: 1px solid #b5b5b5; border-top: 1px solid #b5b5b5; } aside#FILTERS { margin-top: -6px; } .filter_tree ul { border-bottom: 1px solid lightgray; padding-bottom: 20px; } } @media (max-width: 767px) { .browse_area1 { margin: 0; position: absolute; width: calc(100% + 15px) !important; margin: -34px -30px; background-color: #555; } } .browse_area a:hover {text-decoration: none !important} .browse_area1 h5 { display: inline-block; font-size: 0.8em; margin: 6px 6px 0; text-transform: uppercase; width: auto !important; position: relative; top: -5px; } .view { text-align: left; float: left; } .view, .pagination, .order {margin: 0; padding: 0;} .view_wrapper, .pagination_wrapper, .order_wrapper {} .order_wrapper .customselect::after { bottom: -4px; font-weight: 700; } .order_wrapper .customselect { width: 150px; } .order_wrapper .form-control, select { background-color: #efefef; line-height: 1em; border-width: 0px; padding: 0px 12px; margin-top: 4px; } .order_wrapper .customselect option { text-transform: none; } /* View */ .view_grid, .view_list {} .view_wrapper a { color: #ccc; display: inline-block; font-family: "e3font"; font-size: 18px; text-align: center; width: 20px; margin-right: 10px; } .view_wrapper a:before {} .view_grid:before {content: "\4c"} .view_list:before {content: "\4e"} .view_wrapper a.active { color: #005bb3;} .view_wrapper a:hover {color: #aaa !important} .view_wrapper a.active:hover {color: #005bb3 !important; cursor: default !important} /* Pagination */ .pagination { display: table; float: none; margin: 8px auto 0; padding: 0; text-align: center; width: auto; font-size: 1.3em; font-weight: 600; position: relative; top: -10px; } .pagination_wrapper { float: none; margin: 0 auto; width: auto; } .pagination a { color: #333; content: ""; cursor: pointer; display: inline-block; float: left; font-size: 0.9em; height: 38px; letter-spacing: 0.05em; line-height: 38px; margin: 0 6px 10px; padding: 0; text-align: center; width: 38px; } .pagination a:hover {color: #005bb3;} .pagination .current { border-color: #005bb3; color: #fff; pointer-events: none; background-color: #005bb3; border-radius: 100%; pointer-events: none; } .pagination .p-first, .pagination .p-last, .pagination .p-prev, .pagination .p-next { font-family: "Ionicons"; font-size: 15px; margin: 0; width: 35px; } @media (min-width:768px) and (max-width:991px){ .pagination .p-first, .pagination .p-last, .pagination .p-prev, .pagination .p-next{ width:25px; } } .pagination .p-first, .pagination .p-last {opacity: 0.7; display: none;} .pagination .p-prev, .pagination .p-next {border-color: #fff !important;} .pagination .p-first:before {content: "\e02e";} .pagination .p-last:before {content: "\e02f";} .pagination .p-prev:before {content: "j"; font-family: "dhs";} .pagination .p-next:before {content: "k"; font-family: "dhs";} @media (max-width: 767px) { .pagination a { height: 34px; line-height: 34px; margin: 0 2px 10px; width: 34px; } .pagination{ margin-top: 0px; } } @media (max-width: 479px) { .pagination{ margin-top: 20px; } } /* Order */ @media (min-width: 768px) { .order { float: right; /*margin-right: 4px;*/ } .order_wrapper .option { color: #777; float: left; font-size: 0.95em; padding: 8px; height: auto; line-height: 1em; margin: 5px 2px; } .order_wrapper .option:hover {background-color: #fff;} .order_wrapper .option.active { background-color: #fff; text-decoration: none !important; } } /* filter_applied */ .filter_applied { float: left; margin: 0 0 5px; position: relative; width: 100%; display: flex; justify-content: center; } .filter_applied li { display: inline-block; } .filter_applied a { background-color: #fff; color: #005bb3; cursor: pointer; float: left; font-size: 1.1em; line-height: 1em; margin: 0 15px 0 0; padding: 7px 0; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; } .filter_applied a:before {content: "\f120"} .filter_applied a::before { float: left; font-family: "Ionicons"; font-size: 15px; margin: 0 8px 0 0; } .filter_applied a:hover { } @media (max-width: 767px) { .derecha { padding-top: 42px; position: unset; } .browse_area1 { float: right; margin: 0; position: absolute; right: 0px; top: 3px; width: 100% !important; background-color: #555; margin-top: 70px; } .browse_area1 > div { float: none; width: auto; display: flex; align-items: center; justify-content: center; } .view_wrapper, .order_wrapper {margin: 0} .view_wrapper { display:none !important; } .view_wrapper a, .btfilter-open, .order select { background: #555; border-radius: 0; color: #fff !important; float: left; height: 45px; line-height: 45px; margin: 0 0 0 8px; padding: 0; text-align: center; width: 49%; border-right: 2px solid white; } .btfilter-open:before { content: "Filtrar"; margin-right: 10px; position: relative; bottom: 4px; } .filter_applied { justify-content: flex-start; } .view_wrapper a:hover, .btfilter-open:hover, .order select:hover { /*background-color: #fff !important; color: #000 !important;*/ } .view_wrapper a::before {} .order { margin-left: 0; } .order .dropdown .dropdown-toggle { background: #555 !important; color: #fff !important; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 1.04em; height: 45px; line-height: 45px; padding: 0 12px; margin: 0; text-transform: none; letter-spacing: 0; text-align: center; float:right; width: 100%; } .order .dropdown-menu { border: 1px solid #000; box-shadow: 2px 4px 6px rgba(57, 57, 57, 0.16); margin-top: 45px; width: 100%; } .order .dropdown .dropdown-menu-right { left: initial; right: -10px; } .order .dropdown-menu > li > a { padding: 10px 20px; text-align: center; } /*.order select { margin: 0 !important; padding: 0 !important; width: auto !important; } .order .customselect option {padding: 5px 12px; font-size: 11px;} .order select { min-width: unset; padding: 0; } */ .btfilter-open:after {content: "\f4a6"} .btfilter-open::after { font-family: "Ionicons"; font-size: 25px; } .browse_area1 .view_wrapper a {display: block} .browse_area1 .view_wrapper a.active {display: none} } .btbottom {padding: 0; float: left; width: 100%;} .btbottom .btn { border: 1px solid #ddd; font-size: 1.1em; height: 50px; letter-spacing: 0.12em; line-height: 50px; margin: 20px 0 40px; padding: 0; width: 100%; background: #005bb3 none repeat scroll 0 0; color: #fff; } @media (max-width:767px){ .order .dropdown .dropdown-toggle::after{ content: "\f123"; font-family: "Ionicons"; font-size: 0.5em; padding: 0 0 0 5px; } } /* RESULT **************************/ .Result .title { height: 0; width: calc(100% + 35px); position: relative; left: -20px; margin: 0 0 45px; } .Result h1 { font-size: 1.3em; font-weight: 300; padding: 20px; text-align: center; } .Result .derecha { padding-top: 0px; } @media (max-width:767px){ .Result .title { height: 80px!important; } } /*/////////////////////////////////////////////////////.btnselect///////////////*/ /* BOXES //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ /* PRODUCT_BOX */ .PRODUCT_BOX { background: transparent none repeat scroll 0 0; float: left; margin-bottom: 35px; padding: 0; width: 100% !important; position: relative; border: 1px solid #ddd; /*min-height: 430px;*/ height: auto; } .Home .PRODUCT_BOX { min-height: 455px; } @media(max-width:1439px){ .Home .PRODUCT_BOX { min-height: 430px; } } @media(max-width:767px){ .Home .PRODUCT_BOX { min-height: 400px; } } @media(max-width:479px){ .Home .PRODUCT_BOX { min-height: unset; } } /* box_image */ .PRODUCT_BOX .box_image { background: #fff none repeat scroll 0 0; float: left; height: 350px; position: relative; width: 100%; margin: 0 0 7px; border: 1px solid #fff; } .PRODUCT_BOX .box_image > a > img { bottom: 0; height: auto; left: 0; margin: auto; max-height: calc(100% - 6px); max-width: calc(100% - 6px); position: absolute; right: 0; top: 0; width: auto; font-size: 10px; color: #999; transform-style: unset !important; } /* box_data */ .PRODUCT_BOX .box_data { float: left; position: relative; width: 100%; line-height: 20px; padding: 5px 8px 10px; color:#717171; } .PRODUCT_BOX .box_data h3 { color: #000; font-size: 1.05em; font-weight: normal; height: 54px; line-height: 1.2em; margin: 0; text-decoration: none; text-transform: capitalize; } /* generales BOX y DETAIL */ .price_wrapper { float: left; line-height: 1.3em; position: relative; width: 100%; height: 61px; } .price_wrapper > span { color: #4c4c4c; float: left; font-size: 0.9em; width: 100%; margin: 0 0 2px; } .price { float: left; font-size: 1em; margin-right: 6px; color: #005bb3; min-width: 65px; font-weight: 700; letter-spacing: -0.02em; } .price span, .tachado span { font-weight: 700; font-size: 1.3em; } .tachado { color: #8d8d8d; float: left; font-size: 0.67em; margin: -11px 0 0 1px; position: relative; text-align: right; letter-spacing: -0.02em; clear: left; } .tachado > span { font-weight: normal; position: relative; } .tachado span::before { background: #b3b3b3 none repeat scroll 0 0; content: ""; height: 1px; left: -14%; position: absolute; top: 52%; width: 120%; } .price_wrapper.nonavailable { font-weight: bold; opacity: 0.4; padding-top: 3px; } .nonavailable .tachado {display: none;} .nonavailable .price {opacity: 0.3; color: #000;} .nonavailable { letter-spacing: -0.2px; } .nonavailable .texto { width:100%; } .nonavailable .nodisponible { top:-11px; position:relative; } .cuotas { /*background: #fff none repeat scroll 0 0;*/ color: #888; float: left; font-size: 0.9em; letter-spacing: 0.02em; line-height: 16px; margin: 7px 0 4px; /* padding: 10px; */ /* position: absolute; */ text-align: left; width: 100%; letter-spacing: 0; order: 5; } .bloque { display: block; float: left; width: 20px; height: 20px; position: relative; } /*.cuotas::before { border-color: transparent transparent transparent #f4f4f4; border-style: solid; border-width: 14px 0 0 19px; content: ""; height: 0; left: 0; position: absolute; top: -10px; width: 0; } .cuotas span { display: inline-block; } .cuotas small { font-size: 10px; } .cuotas strong { color: #000; font-weight: 500; } .cuotas > img { display: inline-block; margin: 5px auto 2px; padding: 0 7px; width: 84px !important; } .cuotas > img { filter: url('data:image/svg+xml;utf8,#grayscale'); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: Gray(Opacity=70); opacity: 0.7; }*/ @media (max-width: 991px) { .Home .PRODUCT_BOX .badge-dto { font-size: 0.9em; } } @media (max-width: 767px) { .cuotas > img {width: 70px} .PRODUCT_BOX .badge-dto { font-size: 1em; margin: 0; position: absolute; right: 4px; top: 15px; margin-left: 5px; } } @media (max-width: 767px){ .Home .PRODUCT_BOX .price_wrapper { /*display: unset;*/ } .Home .price span, .tachado span { font-size: 1.1em; } } .allthumbs {padding-bottom: 10px;} .Home .gridview > ul.row { float: left; width: 100%; } .PRODUCT_BOX .tachado { order: 3; margin: 2px 0 0; } .PRODUCT_BOX .badge-dto { order: 4; } .PRODUCT_BOX .price_wrapper { display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap; align-items: center; } .PRODUCT_BOX .price {order: 2;min-width: unset;} .PRODUCT_BOX .price .pesos { font-size: 0.6em; } .PRODUCT_BOX .price_wrapper > span { order: 1; color:#005bb3; font-size: 0.93em; font-weight: normal; letter-spacing: -0.02em; margin-bottom: -15px; } @media (max-width: 479px) { .PRODUCT_BOX .tachado { order: 3; margin: 0; flex-basis: 100%; text-align: left; margin-top: -5px; position: absolute; top: 22px; font-size: 0.75em; } .PRODUCT_BOX .price { font-size: 1.1em; } .PRODUCT_BOX .badge-dto { order: 2; font-size: 1.1em !important; position: relative; top: 17px; left: -10px; } .PRODUCT_BOX .box_image { margin: 0 0 0; } .PRODUCT_BOX { border:none; } .PRODUCT_BOX .price_wrapper > span { display:none; } .price_wrapper { line-height: 2em; } } /* recuadro del producto */ .Product .contenido { border: 1px solid #dadada; display: flex; justify-content: stretch; } .Product .c-envio::before { content: ""; display: block; height: 1px; position: relative; left: -35px; top: 0; width: calc(100% + 70px); background-color: #dadada; margin-bottom: 20px; } @media(max-width:1439px){ .Product .c-envio::before { left: -32px; width: calc(100% + 64px); } } /*Comparar*/ .compare { float: left; } .compare:hover .comp-button { text-decoration: underline; color: #000; } .comp-button span { font-family: 'Open Sans'; font-size: 0.95em; color: #707070; } .comp-button::before { float: left; font-family: "Ionicons"; font-size: 1.1em; margin: 5px 4px 0px 4px; height: 12px; width: 12px; border: 1px solid #a1a2a2; content: ""; border-radius: 2px; } @media (max-width:479px){ .compare, .BUTTONFAV{ display:none; } } /* buttons */ .PRODUCT_BOX .buttons_wrapper { /*padding-top: 105px;*/ } .BUTTONFAV { bottom: 0; color: rgba(0, 0, 0, 0.15); font-family: "E3font"; font-size: 1.4em; font-weight: lighter; padding: 10px; position: absolute; right: 0; text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff; z-index: 1; } .BUTTONFAV span {display: none} .BUTTONFAV:before {content: "Z";} .BUTTONFAV:hover {color: #005bb3 !important} .Home .BUTTONBUY.nonavailable, .Category .BUTTONBUY.nonavailable { display: none; } .Home .BUTTONBUY { margin: 0px 100% 5px 0; width: auto; display: block; } .BUTTONBUY { background: #005bb3 none repeat scroll 0 0; color: #fff; display: block; float: left; font-weight: normal; letter-spacing: 0.03em; padding: 8px; text-align: center; text-decoration: none; text-transform:none; min-width: 126px; font-family: 'Open Sans' , sans-serif; border-radius: 0; font-size: 1.1em; } /*.BUTTONBUY > span { padding-left: 25px; position: relative; } .BUTTONBUY span::before { content: "a"; font-family: "dhs"; font-size: 1.2em; font-weight: lighter; left: 0; position: absolute; top: -2px; } */ ul#related-product-slider .BUTTONBUY.nonavailable{ display: none; } ul#related-product-slider .BUTTONBUY{ margin-top: 0px; display: none; } .BUTTONBUY:hover {background: #424242; color: #fff;} .BUTTONBUY.nonavailable span { padding: 0 9px 0 0; } .BUTTONBUY.nonavailable span:before {content: "\f21f"} .BUTTONBUY.nonavailable span::before { float: right; font-family: "Ionicons"; font-size: 1.4em; top: -1px; } .BUTTONBUY.nonavailable:hover {background: #bbb} .BUTTONBUY.nonavailable { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #888 !important; font-size: 0.9em; padding: 10px 0; text-decoration: underline; width: auto; min-width: 0; } .PRODUCT_BOX:hover .BUTTONBUY.nonavailable, .BUTTONBUY.nonavailable:hover { color: #000 !important; text-decoration: underline !important; background: none !important; } /* valoracion ****/ .valoracion { line-height: 20px; position: absolute; right: 0; bottom: 0; width: auto; background: #ffffffe6; width: 100%; z-index: 0; display: none; opacity: 0; transition: ease-in-out 0.5 all; display:none; } @media (min-width: 768px) { .PRODUCT_BOX:hover .valoracion {display: none; opacity: 1; transition: ease-in-out 0.5 all;} } .stars_off { float: right; font-family: "E3Interface"; font-size: 10px; height: 19px; letter-spacing: 0.2em; position: relative; width: 73px !important; margin: 5px 27px 11px 0; } .stars_on { display: block; height: 100%; overflow: hidden; position: relative; width: 0%; } .stars_on:before, .stars_off:before {content: "\e08f \e08f \e08f \e08f \e08f "} .stars_on:before, .stars_off:before { height: 100%; position: absolute; width: 100%; } .stars_off:before {color: #c2c2c2;} .stars_on:before {color:#f7cb00;} .puntaje { width: 1px; height: 1px; overflow: hidden; text-indent: 1000px; } @media(max-width:767px){ ul#related-product-slider .BUTTONBUY{ margin-top: 0px; } } @media(max-width:479px){ ul#related-product-slider .BUTTONBUY{ display:none; } } /* PRODUCT_BOX:HOVER ****************************/ @media (min-width: 768px) { .PRODUCT_BOX:hover { border: 1px solid #e3e3e3; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.12); } .PRODUCT_BOX:hover .box_data h3 {text-decoration: underline} .PRODUCT_BOX:hover .BUTTONFAV {display: block} /*.PRODUCT_BOX:hover .hover_image { display: table !important; height: 100%; opacity: 1; top: 0; } .PRODUCT_BOX .hover_image, .PRODUCT_BOX:hover .hover_image { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }*/ } /* PASTILLAS **********************************/ .badges { z-index: 999; } .badges ul { text-align: center; float: left; padding: 0; margin: 3px 0 0 3px; } .badges ul li { display: inline-block; } .badges ul li > div { background: #efefef none repeat scroll 0 0; color: #666; font-size: 0.85em; height: 23px; line-height: 20px; margin: 0 2px 2px 0; padding: 0 5px; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 1; font-family: 'Open Sans' , sans-serif; border-radius: 0; border: 1px solid #ccc; letter-spacing: -0.02em; } .badges-generales .badge-enviogratis { display:none } /* descuento "-20%" */ .badge-dto { background: transparent; border-radius: 2px; color: #249401; float: left; font-size:1em; height: 22px; line-height: 20px; margin: 0 0 0 3px; padding: 0 4px; position: relative; text-align: center; text-transform: uppercase; width: auto; font-weight: 600; letter-spacing: -1px; } .badge-dto.percent span::after { content:"% OFF"; font-size: 0.9em; margin-left: 1px; } /*.badge-dto::before { border-color: transparent #005bb3 transparent transparent; border-style: solid; border-width: 6px 11px 6px 0; content: ""; height: 0; left: -7px; position: absolute; top: calc(50% - 6px); width: 0; }*/ .badge-dto strong { font-weight: bold; font-family: 'Open Sans' , sans-serif; } .badge-oferta { background-color: #005bb3 !important; color:white!important; border: 1px solid #005bb3 !important; } .badge-nuevo { background-color: #363636 !important; color:white!important; border: 1px solid #363636 !important; } .badge-preventa { background-color: #f17304 !important; color:white!important; border: 1px solid #f17304 !important; } /* envio gratis */ .badge-enviogratis { background-color: #fdac39; border-radius: 0; bottom: 0; color: #000; font-size: 0.95em; font-weight: normal; left: 0; padding: 1px 7px; position: absolute; font-family: 'Open Sans' , sans-serif; z-index: 1; letter-spacing: -0.02em; } .badge-enviogratis span::before { content: ""; background-image: url('../../images/camion.svg'); background-size: contain; background-repeat: no-repeat; display: block; width: 19px; height: 17px; float: left; opacity: 0.4; margin: 2px 4px 0 0; } .badge-enviogratis::before { border-style: solid; content: ""; height: 0; position: absolute; right: -4px; width: 0; border-color: #fdac39 transparent transparent; border-width: 11px 4px 0 0; top: 0; } .badge-enviogratis::after { border-style: solid; content: ""; height: 0; position: absolute; right: -4px; width: 0; border-color: transparent transparent transparent #fdac39; border-width: 11px 0 0 4px; bottom: 0; } /* descuento */ .badge-dto.money .txt { color: rgba(255, 255, 255, 0.83); float: left; font-size: 9px; height: 4px; letter-spacing: 0.01em; line-height: 22px !important; text-transform: none; width: 100%; display: none; } .badge-dto.money strong { font-size: 1.3em; line-height: 1px !important; } .badge-dto.money strong::before { content: "$"; font-size: 0.8em; margin: 4px 2px 0 0; } /* descuento "-20%" */ .badge-dto.percent .txt {display: none} /* Pastillas en Product Detail ************/ .GALLERY #g_image .badges { float: initial; left: -8px; position: absolute; top: 7px; z-index: 1; } .GALLERY #g_image .badges ul { margin: 0; } .GALLERY .badges ul li > div { font-size: 1em; } .GALLERY #g_image .badge-nostock, .GALLERY #g_image .badge-ultimos {display: none;} /* PRODUCT_BOX responsive ******/ @media (max-width: 1439px) { .BUY .envios .bloque1, .BUY .envios .bloque2 { width: 60%!important;} .PRODUCT-TABS { margin-top: 60px !important; } } @media (max-width: 1199px) { .cuotas span { display: inline; } .PRODUCTAREA .buttons_wrapper .compare::after { display:none!important; } .PRODUCTAREA .buttons_wrapper .compare { margin-left: 0px!important; } .PRODUCT_BOX .badge-dto { top: auto; position: relative; margin-left: 5px; right: auto; } .BUY .envios {margin: 3px 0 !important} } @media (max-width: 991px) { .PRODUCT_BOX {font-size: 1em} .price span, .tachado span { font-size: 1.2em; } .BUY .envios {margin: 0 !important} } @media (max-width: 767px) { /*.PRODUCT_BOX { border: 1px solid #eee; padding: 0 5px 5px 0; }*/ .BUY .envios .bloque1, .BUY .envios .bloque2 { width: 250px!important; margin-left: 30px; } .PRODUCT_BOX .price_wrapper { align-items: flex-start; } .hover_image { background: transparent none repeat scroll 0 0; border: 0 none; bottom: -14px; display: block !important; } .badges ul { margin: 0; } .PRODUCT_BOX .badge-dto::before { border-width: 5px 7px 5px 0; left: -5px; top: calc(50% - 5px); } .PRODUCT_BOX .price_wrapper {height: 53px} .PRODUCT_BOX .price { margin-right: 0; } .PRODUCT_BOX .tachado { /* margin-top: -12px; */ padding: 0 0 0 5px; } .PRODUCT_BOX .cuotas { line-height: 15px; padding: 0px; } .Home .BUTTONBUY { margin: 0px 100% 5px 0; width: auto; } .PRODUCTAREA { padding-top: 15px !important; }.PRODUCTAREA .buttons_wrapper .compare {display:none} .PRODUCTAREA .buttons_wrapper {font-size: 1.3em !important;} .PRODUCTAREA .buttons_wrapper { padding: 20px 0 !important; } .badges ul li > div { padding: 0 4px; font-size: 0.85em; height: 22px; line-height: 20px; } .BUY .envios .bloque1, .BUY .envios .bloque2 { padding-bottom: 20px; } .BUY .c-envio h2 { font-size: 1.3em; font-weight: bold; text-align: left; margin: 0; padding: 20px 0; } .Product section { margin-top: 6px; } } @media (max-width: 479px) { .PRODUCT-TABS { margin-top: 20px !important; } .PRODUCT_BOX {font-size: 0.85em} .PRODUCT_BOX .box_data h3 {height: 46px} .Home .PRODUCT_BOX .cuotas{top: 32px;font-size: 1em;} .Home .PRODUCT_BOX .price{ flex-basis: 100%; } .Home .PRODUCT_BOX .price_wrapper{ line-height: 1em; } .Home .PRODUCT_BOX .tachado { order: 2; position: relative; top: 0; left: 0 !important; align-self: flex-start; float: left; flex-basis: unset; margin-top: 0; } .Home .BUTTONBUY { display: none; } .Home .PRODUCT_BOX .badge-dto { order: 3; top: 25px; position: unset; right: auto; border: 0; padding: 0; align-self: center; line-height: 0.1em; font-size: 1em !important; } .PRODUCT_BOX .box_data h3 { margin-bottom: 10px; } .PRODUCT_BOX .cuotas { font-size: 1.2em; padding: 0; position: absolute; top: 40px; } .PRODUCT_BOX .cuotas strong:first-child { font-weight: normal !important; } .PRODUCT_BOX .box_data {padding: 5px 1px 0} .PRODUCT_BOX .badges ul li { display: block; } .PRODUCT_BOX .badges ul li > div { height: auto; line-height: 1em; padding: 2px 3px; min-width: auto; margin-bottom: 2px; } .badge-enviogratis{ padding: 0 3px 0; } .badge-enviogratis::after { right: -5px; border-width: 11px 0 0 5px; } .badge-enviogratis::before { right: -5px; border-width: 11px 5px 0 0; } .badge-enviogratis span::before{display:none;} .Home .price span, .tachado span { font-size: 1.3em; } } @media (max-width:520px) and (min-width:481px){ .PRODUCT_BOX .badge-dto { top: 23px; position: absolute; margin-left: 5px; right: -10px; } } @media (max-width: 400px) { .PRODUCT_BOX .badge-dto { } .PRODUCT_BOX .box_data h3 { font-size: 0.94em; } } @media (max-width: 360px) { } /* NOHAYPRODS **************************/ .nohayprods > li { float: left; margin-bottom: 30px; } .nohayprods > li > a::before { display: block; font-family: "cdafont"; font-size: 4em; text-decoration: none !important; } .nohayprods > li > a { text-transform: uppercase; } .nohayprods > li > a:hover {color: #005bb3 !important} .nohayprods .caret { display: none; } .nohayprods > li > ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: #ffdd07 transparent transparent; border-style: solid none none; border-width: 1px 0 0; box-shadow: none; display: block; float: left; font-size: 0.9em; left: unset; margin: 8px 0 0; padding: 0; position: relative; top: unset; width: 100%; padding-top: 4px; z-index: 0; } .nohayprods > li > ul a { opacity: 0.6; padding: 2px 0; } .nohayprods a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: inherit !important; opacity: 1 !important; } .nohayprods > li > ul a:hover { text-decoration: underline !important; } /* PRODUCT_LIST - VISTA GRILLA DEFAULT **************************/ .gridview .PRODUCT_BOX {margin-bottom: 35px} .gridview .PRODUCT_BOX .box_image {height: 285px} @media (max-width: 1199px) { .gridview .PRODUCT_BOX .box_image {height: 213px} } @media (max-width: 991px) { .gridview .PRODUCT_BOX .box_image {height: 247px} } @media (max-width: 767px) { .gridview .PRODUCT_BOX {margin-bottom: 35px} .gridview .PRODUCT_BOX .box_image {height: 225px} } @media (max-width: 479px) { .gridview .PRODUCT_BOX {width: 106%; margin-bottom: 30px;} .gridview .item:nth-child(2n+1) .PRODUCT_BOX {} .gridview .item:nth-child(2n+2) .PRODUCT_BOX {margin-left: -6%;} .gridview .PRODUCT_BOX .box_image {height: 155px} .gridview .PRODUCT_BOX{ display: flex; align-items: flex-start; justify-content: center; } } /* PRODUCT_LIST - VISTA LISTADO **************************/ .listview .item:last-child { margin-bottom: 30px; } .listview .PRODUCT_BOX { border-radius: 0; height: auto; margin: 0; padding: 17px 10px 14px; position: relative; border-bottom: 1px solid #dcdcdc; width: 100%; display:flex; align-items: center; } .listview br { display: none; } @media (min-width: 480px) { /*.listview .PRODUCT_BOX:hover { border: 1px solid #c5c5c5 !important; z-index: 1; margin-top: -1px; }*/ .listview .PRODUCT_BOX .BUTTONFAV { display:none; } } .listview .PRODUCT_BOX .box_image { display: inline-block; float: left; height: 120px; width: 140px; clear: right; margin: 0; } .listview .PRODUCT_BOX .box_data { float: left; margin: 0; width: calc(100% - 140px); position: relative; height: auto; padding: 0 0 0 15px; min-height: 100px; } .listview .PRODUCT_BOX .price_wrapper > span { margin-bottom: 0px; } .listview .PRODUCT_BOX .name_wrapper { float: none; width: calc(100% - 190px); } .listview .PRODUCT_BOX .box_data h3 { float: left; font-size: 1.2em; height: auto; margin: 0 0 20px 0; clear: both; width: 100%; color: #000; font-weight: 400; } .listview .PRODUCT_BOX .box_data .short_desc { color: #888; float: left; font-size: 1em; line-height: 1.2em; margin: -14px 0 20px; width: 100%; font-weight: lighter; } .listview .PRODUCT_BOX .box_data .short_desc p { margin: 0 !important; } .listview .PRODUCT_BOX .box_data .codeid { position: relative; } .listview .PRODUCT_BOX .price_wrapper { position: absolute; top: 0px; right: 10px; height: auto; text-align: left; width: 172px; padding-left: 3px; } .listview .buttons_wrapper { display: none !important; } .listview .badge-dto { margin: 0; font-size: 0.85em; position: relative; } .listview .badge-dto strong {padding-top: 3px; font-size: 1.75em;} .listview .badge-dto strong::before {bottom: 6px;} .listview .badge-dto.percent .txt { font-size: 1em; } .listview .PRODUCT_BOX .BUTTONFAV { padding: 0 10px; right: 0; bottom: 6px; opacity: 0.35; display: block; background: transparent; } .listview .PRODUCT_BOX:hover .BUTTONFAV {opacity: 1} .listview .price { margin: 0; float: right; width: auto; font-size: 0.9em; } .listview .tachado { padding-left: 10px; text-align: right; float: right; width: auto; } .listview .badges { margin-left: -15px; margin-top: 0; display: block; float: left; left: unset; top: -13px; } .listview .badge-enviogratis span::before {display: none} .listview .badge-enviogratis { font-size: 0.8em; padding: 0px 4px; letter-spacing: -0.02em; margin-left: -6px; } .listview .badges { margin: -6px 0 7px -2px; display: block; float: left; left: unset; top: -13px; } .listview .badges ul li > div { height: 18px; line-height: 16px; font-size: 0.8em; letter-spacing: -0.02em; } @media (max-width: 991px) { .listview .PRODUCT_BOX .box_data .QUANTITY .BUTTONBUY { width: 99px; } .listview .PRODUCT_BOX .box_image {width: 100px; height: 120px} .listview .PRODUCT_BOX .box_data {width: calc(100% - 100px)} .listview .PRODUCT_BOX .box_data .codeid {margin-bottom: 5px} .listview .PRODUCT_BOX .name_wrapper {width: 100%} .listview .PRODUCT_BOX .box_data h3 {margin-bottom: 15px} .listview .PRODUCT_BOX .box_data .short_desc {margin: -12px 0 15px} .listview .PRODUCT_BOX .price_wrapper { position: relative; top: 0; right: 0; text-align: left; width: 100%; height: auto; padding-left: 0; } .listview .PRODUCT_BOX .price_wrapper.nonavailable { text-align: left; } .listview .tachado { margin: 0 0 8px; float: left; clear: none; padding-left: 0; } } /*mobile listado*/ @media (max-width: 480px) { .listado .QUANTITY { left: 20px!important; } .listado .QUANTITY .BUTTONBUY { padding: 0px!important; left: 70px!important; font-size: 1.1em!important; } .listview .PRODUCT_BOX .box_data h3 { padding-right: 0px; } .listview .PRODUCT_BOX .box_data .short_desc { padding-right: 0px; } .listview .badge-dto strong {font-size: 1.5em;} .listview .badge-dto.percent .txt {font-size: 0.8em;} } /*mobile product list*/ @media (max-width: 479px) { .product_list > ul > li { padding: 0 !important; } .product_list > ul > li:last-child { border-bottom: 1px solid #ddd !important; } .product_list .PRODUCT_BOX { border-top: 1px solid #ddd !important; margin: 0 !important; padding: 5px 0; } .product_list .PRODUCT_BOX .box_image { width: 140px; height: 140px; float: left; max-height: 120px; } .product_list .PRODUCT_BOX .box_data { width: calc(100% - 153px) !important; float: right!important; } .product_list .PRODUCT_BOX .codeid {margin-bottom: 5px} .product_list .PRODUCT_BOX .box_data h3 { width: 95%; height: auto; margin-bottom: 0px; color: #000; font-size: 1.1em; padding-bottom: 10px; } .product_list .PRODUCT_BOX .price_wrapper { height: auto; margin: 0 0 11px; } .product_list .PRODUCT_BOX .QUANTITY { float: left; width: 100%; margin: 10px 0 0; left: -160px; position: relative; } .product_list .QUANTITY .spinner { display: block; width: auto; } .product_list article .QUANTITY .spinner .sp-buttons { display: block !important; float: left; margin: 0 10px 0 0; } .product_list article .QUANTITY .spinner input { height: 40px; float: left; width: 57px; padding: 0 5px; } .product_list .QUANTITY .BUTTONBUY { height: 40px!important; line-height: 40px; font-weight: 500; width: calc(100% - 152px) !important; float: left; max-width: 145px; } .product_list .badges { margin-top: -3px; } .product_list .badge-dto { top: 21px; right: -6px !important; width: auto; } .product_list .box_image > a > img { max-width: 100%; max-height: 100%; } .badge-dto.percent strong {padding-top: 5px; line-height: 1em;} .product_list .badge-dto.percent strong::before {bottom: 3px} } .product_list {float: left; width: 100%;} @media (min-width: 768px) { .product_list { /*border-top: 1px solid #d1d1d1;*/ margin-top: 10px; } } /*////////////////////////////////////////////////////////////////////*/ /* PRODUCTO //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ .Product .breadcrumb { margin-bottom: 29px; top:0; } .Product .breadcrumb > li:last-child {display: none} /* GALLERY *************************************************/ .GALLERY { /*margin: -14px 0 40px;*/ position: relative; border-right: 1px solid #dadada; } /* zoom */ .zoomContainer { display: none !important; } .zoomWindowContainer .zoomWindow { border: 3px solid #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15); } /* big image */ .allthumbs, #g_image { float: left; width: 100%; position: relative; } .allthumbs { display: flex; justify-content: center; } #g_image { text-align: center; padding: 12px; } #g_image img { height: auto !important; max-height: 550px; max-width: 80%; width: auto !important; } #zoom_01 {cursor: zoom-in !important;} /* thumbs */ #g_thumbs { padding-right: 4px; float: left; } #g_thumbs img { bottom: 0; color: #bbbbbb; font-size: 8px; height: auto; left: 0; line-height: 10px !important; margin: auto; max-height: 85%; max-width: 85%; padding: 3px; position: absolute; right: 0; top: 0; width: auto; } #g_thumbs a { border: 1px solid #ffffff; display: block; float: left; height: 70px; margin: 0 8px 8px 0; position: relative; text-align: center; width: 70px; } #g_thumbs a:hover { border-color: #ccc;} #g_thumbs .active { border-color: #005bb3;} /* boton zoom */ #g_button { color: #444; display: none; float: left; line-height: 3em; /*margin-top: 5px; padding: 10px 0 10px 30px;*/ position: relative; text-align: left !important; text-decoration: none; width: auto !important; height: auto !important; border-color: #fff !important; margin-bottom: 10px; } #g_button:before {content: "i"} #g_button::before { display: block; float: left; font-family: "dhs"; font-size: 1.35em; left: 4px; position: relative; top: 15px; } #g_button:hover {color: #005bb3 !important;} #g_button span { font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; } /* FLECHAS galeria + fancybox */ #g_arrows {} #g_arrows > * { color: #B3B3B3; cursor: pointer; display: block; font-size: 30px; height: 60px; line-height: 58px; padding: 0; position: absolute; text-align: center; top: calc(50% - 30px); width: 40px; display:none; } #g_arrows > *:hover {color: #005bb3} #g_arrows .l_arrow {left:-20px} #g_arrows .r_arrow {right:-20px} #g_arrows > *:before {font-family: "dhs";} #g_arrows .l_arrow:before {content: "j"} #g_arrows .r_arrow:before {content: "k"} /* FANCYBOX ******/ .fancybox-nav span { color: #fff; cursor: pointer; display: block; font-size: 28px; height: 60px; line-height: 58px; padding: 0; text-align: center; width: 20px; background: none !important; visibility: visible; opacity: 0.5 } .fancybox-nav:hover span {color: #fff; opacity: 1;} .fancybox-next {right: -60px} .fancybox-prev {left: -60px} .fancybox-nav span:before {font-family: "Ionicons"} .fancybox-prev span:before {content: "\f124"} .fancybox-next span:before {content: "\f125"} .fancybox-close { background: #5c5c5c none repeat scroll 0 0; border: 3px solid rgba(255, 255, 255, 0.46); border-radius: 100%; box-shadow: 2px 2px 10px #000; color: #fff; font-size: 19px; height: 40px; line-height: 34px; overflow: hidden; text-align: center; width: 40px; } .fancybox-close:hover { background: #000 none repeat scroll 0 0; color: #fff; } .fancybox-close:before {font-family: "Ionicons"} .fancybox-close:before {content: "\f12a"} #fancybox-loading { background-image: url("/Content/images/fancybox-2.1.5/fancybox_sprite@2x.png"); } @media (max-width: 1199px) { #g_thumbs a { height: 60px; width: 60px; margin: 0 2px 2px 0; } } @media (max-width: 767px) { .zoomContainer {display: none !important} #sticker { position:relative !important; } #g_image img { max-height: 400px; } } @media (max-width: 479px) { #g_image {} #g_image img {pointer-events: none; max-height: 300px} #g_button { display: block !important; left: 0; margin: 0; padding: 0; position: absolute !important; top: -23px; width: 40px !important; height: 40px !important; font-size: 1.1em; background: #fff; opacity: 0.6; display:none!important; } #g_button span {display: none} #g_button::before { font-size: 1.2em; left: 10px; top: 16px; } #g_arrows > * { font-size: 17px; color: #666; } #g_arrows .l_arrow {left:-15px} #g_arrows .r_arrow {right:-15px} } /* GALLERY SLIDER MOBILE *********************************/ #prod-slider { height: 280px; } #prod-slider .owl-nav > div { font-size: 18px; text-shadow: none; opacity: 0.3; top: 44%; padding: 0; } #prod-slider .owl-prev {left: -12px} #prod-slider .owl-next {right: -12px} #prod-slider li { display: flex; justify-content: center; align-items: center; width: 100%; height: 280px; } #prod-slider img.lazyOwl { max-height: 90%; max-width: 90%; width: auto; height: auto; margin: auto; padding: 0; text-align: center; } .imobile { float: left; width: 100%; position: relative; } .imobile .badges { position: absolute; top: 6px; left: 0; } @media (max-width: 480px){ .list-items .price { flex-basis: 100%; } .list-items .price span, .tachado span { font-size: 1.1em; } .list-items .PRODUCT_BOX .tachado { order: 2; position: relative; top: 0; left: 0 !important; align-self: flex-start; float: left; flex-basis: unset; margin: 0; line-height: 1.2em; padding: 0; } .list-items .PRODUCT_BOX .badge-dto { order: 3; position: unset; border: 0; padding: 0; align-self: center; line-height: 0.5em; font-size: 0.9em !important; margin: 0 0 0 5px; } .list-items .PRODUCT_BOX .price_wrapper { margin-top: -15px; } .list-items .PRODUCT_BOX .cuotas { font-size: 0.9em; top: 35px; } } /* PRODUCTAREA *********************************/ .PRODUCTAREA { padding-top: 35px; } .Product h1 { float: left; font-size: 2.05em; font-weight: 500; letter-spacing: 0; line-height: 1.2em; margin: 0 0 7px; padding: 0; position: relative; width: 100%; text-transform: uppercase; font-family: 'Open Sans' , sans-serif; padding: 0 15px; } .codeid { float: left; font-size: 1em; font-weight: normal; text-transform: uppercase; width: auto; margin: 0 14px 5px 0; color: gray; font-family: 'Open Sans' , sans-serif; padding: 0 15px; } .PRODUCTAREA .buttons_wrapper { /*float: left;*/ width: 100%; padding: 15px 0; font-size: 1.2em; } .PRODUCTAREA .buttons_wrapper .compare { font-size: 0.5em; margin: -1px 0 0 16px; } .PRODUCTAREA .buttons_wrapper .compare::after { content: ""; display: block; height: 43px; position: relative; left: -5px; top: 0px; width: 1px; background-color: #dadada; } .PRODUCTAREA .buttons_wrapper a { color: #ccc; display: block; float: left; font-size: 1.7em; line-height: 20px; padding: 8px; position: relative; text-align: center; text-decoration: none; } .PRODUCTAREA .comp-button {color: #999 !important; letter-spacing: 0;} .PRODUCTAREA .buttons_wrapper a:hover {color: #555 !important} .PRODUCTAREA .BUTTONFAV {} .BUTTONASK {} .BUTTONASK::before {content: "z"} .BUTTONASK::before {font-family: "e3font" !important;} .BUTTONSHARE::before {font-family: "Ionicons" !important;} .BUTTONSHARE::before{content: "\f3ac"} .BUTTONWHATSAPP::before {font-family: "Ionicons" !important;} .BUTTONWHATSAPP::before{content: "\f4ef"} @media (max-width:767px){ .codeid { margin: 5px 0!important; font-size: 1.05em; width: 100% !important; padding: 0; } } @media (max-width:479px){ .PRODUCTAREA { padding-top: 0; } #g_arrows > * { display:block!important; } .Product h1 { padding: 0; font-size: 1.5em !important; padding-top:10px; } } /* BUY ****************************************/ .BUY .caja { float: left; margin: 0 0 5px; padding: 10px 20px; width: 100%; background: #fff; } .BUY .caja > * { float: left; width: 100%; } .BUY .stock { color: #66b351; font-size: 1.2em; font-weight: 600; letter-spacing: 0; margin: 0 0 5px; font-family: 'Open Sans' , sans-serif; text-transform: uppercase; display:none; } .BUY .price_wrapper { float: left; font-size: 1.15em; height: auto !important; margin: 0; width: 100%; } .BUY .price { margin: 0 10px 15px 0; font-size: 1.1em; letter-spacing: -0.03em; } .BUY .tachado { margin: 2px 0 6px 0; clear: none; letter-spacing: -0.03em; } .BUY .BUTTONBUY { margin: 0 0 18px; padding: 23px 3px; margin: 0 15px 35px 0; letter-spacing: 0px; font-size: 1.4em; text-transform: none; font-weight: normal; border-radius: 0; width: 50%; background-color: #005bb3 !important; } .BUY .BUTTONBUY span::before { font-size: 1.1em; left: -2px; top: -1px; } .BUY .BUTTONBUY.nonavailable { background: #777 none repeat scroll 0 0; line-height: 1.4em; color: #fff !important; text-decoration: none !important; padding: 23px 3px!important; margin: 0 15px 35px 0!important; letter-spacing: 0px; font-size: 1.2em; text-transform: none; font-weight: normal; border-radius: 0; width: 50%!important; } .BUY .BUTTONBUY.nonavailable:hover {background-color: #444 !important} .BUY .nonavailable .price { color: #333; font-size: 1em; margin: 0 0 15px; opacity: 1; } .BUY .price_wrapper > span { font-size: 0.85em; margin-bottom: 10px; color: #005bb3; font-size: 1em; } .BUY .badge-dto { margin: 0 10px; top: 0px; font-size: 1.2em; } .BUY .cuotas { font-size: 0.86em; margin: 5px 0 23px; color: #000; line-height: 2em; } .BUY .cuotas span { display: unset; } .BUY .cuotas::before { content:""; background: url("/Content/Images/tarjetas.svg"); background-size: contain; background-repeat: no-repeat; display: block; width: 50px; height: 30px; float: left; margin-right: 5px; } .BUY .envios { display: flex; padding: 0; margin: 10px 0; float: left; width: 100%; } .BUY .envios .bloque1, .BUY .envios .bloque2 { width: 40%; float: left; font-size:1em; line-height: 1.3em; } .BUY .envios .bloque1 {margin-right: 15px} .BUY .envios .bloque1::before { background: url("/Content/Images/casa.svg"); content:""; background-size: contain; background-repeat: no-repeat; display: block; width: 50px; height: 40px; float: left; margin-right: 5px; } .BUY .envios .bloque2::before { background: url("/Content/Images/camion-2.svg"); content:""; background-size: contain; background-repeat: no-repeat; display: block; width: 50px; height: 40px; float: left; margin-right: 5px; } .btn-calc { color: #1288ed; display: inline; text-decoration: underline; font-size: 14px; line-height: 1em; margin: 0; min-width: 131px; text-align: center; font-style: normal; clear: left; } .cuotas .btn-calc { padding: 5px 6px; } .price_wrapper .btn-calc { clear: both; margin: 0 0 20px; } .btn-calc, .btn-calc:visited {background-color: #fff} /*.btn-calc, .btn-calc:visited { background: #efefef; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #ffffff) ); background-image: -o-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important; background-image: -moz-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important; background-image: -webkit-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important; background-image: -ms-linear-gradient(bottom, #efefef 0%, #ffffff 100%) !important; background-image: linear-gradient(to bottom, #efefef 0%, #ffffff 100%) !important; }*/ .btn-calc:hover { border-color: #515151; color: #000000; } .GALLERY .badge-enviogratis { display: none; } .BUY .badge-enviogratis { background-color: #fdac39; border-radius: 0; bottom: unset; color: #000; float: left; left: unset; line-height: 1.2em; padding: 4px 6px 3px 8px; position: relative; margin: 0 15px 15px 0; font-weight: 500; } .BUY .badge-enviogratis::before, .BUY .badge-enviogratis::after { border-style: solid; content: ""; height: 0; position: absolute; right: -8px; width: 0; } .BUY .badge-enviogratis::before { border-color: #fdac39 transparent transparent; border-width: 11px 8px 0 0; top: 0; } .BUY .badge-enviogratis::after { border-color: transparent transparent transparent #fdac39; border-width: 11px 0 0 8px; bottom: 0; } .BUY .badge-enviogratis span::before { display:none; } .BUY .ship { color: #FF0000; float: left; font-size: 0.92em; line-height: 1.1em; margin: 5px 0 12px; } .BUY .ship strong {} @media(max-width:1199px){ .PRODUCTAREA {padding-left: 0} .Product .c-envio::before { left: -17px; width: calc(100% + 50px); } } @media(max-width:991px){ .BUY .BUTTONBUY { width: 70%; } .BUY .envios {flex-direction: column} .BUY .envios .bloque1 {margin-bottom: 15px} } @media(min-width:768px) and (max-width:991px){ .BUY .envios .bloque1, .BUY .envios .bloque2 {width: 100% !important} } @media (max-width:767px){ .BUY .BUTTONBUY { width: 100% !important; padding: 19px 3px; } .BUY .tachado { font-size: 0.8em; } .Product .c-envio::before {display:none} .share { align-items: center; margin: 0 auto; justify-content: center; margin-top: -30px; margin-bottom: 6px; } .BUY .envios { display: flex; align-items: center; min-width: 400px; margin-top: 10px; } .BUY .envios .bloque1 {margin-bottom: 0} .BUY .c-envio { border: 1px solid lightgray; display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 10px; } .BUY .c-envio h2 { font-size: 1.3em; font-weight: bold; text-align: center; margin: 0; padding: 10px; position: relative; top: -20px; width: auto; } .BUY .c-envio h2 span { background: #fff; padding: 0 10px; } .COMPRA { display: flex; flex-direction: column; } .BUY .envios { margin-left: 20px; flex-direction: row; } .BUY .envios .bloque1::before { margin-right: 15px; } .BUY .envios .bloque2::before{ right: 5px; position: relative; margin-right: 15px; } .BUY .badge-enviogratis span { display:none; } .BUY .badg-env{ margin: 0 0 15px; text-align: center; margin-right: 25px; } .BUY .badge-enviogratis { font-size: 1em; float: none; display: inline; } .tog .short_desc {font-size: 1.15em} .tog .long_desc {font-size: 1em} } @media (max-width:767px){ .BUY .badge-dto { top: 1px; font-size: 1.2em; } } @media (max-width:479px){ .BUY .caja {padding: 0 0 !important;} .BUY .price {font-size: 1em; margin-right: 4px;} .BUY .badge-dto { margin: 0 5px; top: 5px; } .BUY .price_wrapper > span {margin-bottom: 0px;} .BUY .cuotas {margin: 0px 0 23px;} .BUY .cuotas::before { width: 29px; height: 20px; position: relative; margin: 4px 10px 0 0; } .BUY .cuotas {padding: 0;} .BUY .cuotas span {display: block;} .BUY .cuotas .btn-calc {padding: 0 0;} .cobertura {padding: 0 5px 0 0;} .BUY .envios { flex-direction: column; } .BUY .envios .bloque1, .BUY .envios .bloque2 { margin: 0; padding-left: 58px; padding-bottom: 20px; position: relative; } .BUY .envios .bloque1::before, .BUY .envios .bloque2::before { position: absolute; left: 0; } .BUY .envios .bloque1::before { width: 35px; height: 35px; margin-left: 6px; } .BUY .envios .bloque2::before { width: 43px; height: 27px; margin-top: 3px; } } .txt-envio { color: #333; float: left; font-size: 0.85em; letter-spacing: 0.02em; line-height: 1.2em; margin: 0 0 9px; padding-left: 36px; position: relative; width: 100%; } .txt-envio::before { left: -2px; position: absolute; top: -1px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; content: ""; display: block; height: 28px; width: 28px; } .txt-envio a {text-decoration: underline; color: #999;} .txt-envio1::before {background-image: url("/Pubs/Sites/Default/Custom/i-cesto.png")} .txt-envio2::before {background-image: url("/Pubs/Sites/Default/Custom/i-camion.png")} /* DATA ***************************************************/ .DATA > * { float: left; width: 100%; } .DATA h2 { font-size: 1.34em; font-weight: 600; letter-spacing: 0.02em; margin: 0 0 20px; font-family: 'Open Sans' , sans-serif; } .DATA .short_desc, .DATA .long_desc { font-size: 1em; font-weight: 300; line-height: 1.3em; margin-bottom: 12px; } .DATA .long_desc ul { clear: both; float: left; margin: 0 0 20px; } .DATA .long_desc ul > li { clear: left; float: left; margin-bottom: 6px; padding-left: 16px; position: relative; } .DATA .long_desc ul > li::before {content: "\f363"} .DATA .long_desc ul > li::before { font-family: "Ionicons"; font-size: 1.1em; left: 1px; opacity: 0.3; position: absolute; top: 0; } /* BANNER producto **************************/ .b-data { margin: 20px 0 50px; } .b-data .item { float: left; font-size: 0.9em; font-weight: 300; padding: 7px 24px 7px 50px; position: relative; width: 50%; line-height: 1.2em; } .b-data .item strong { display: block; margin-top: 3px; } .b-data .item::before { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; font-size: 2.6em; left: 0; position: absolute; top: 5px; height: 43px; width: 42px; content: ""; } .b-data .item1::before {background-image: url('/Pubs/Sites/Default/Custom/i-cards.png')} .b-data .item2::before {background-image: url('/Pubs/Sites/Default/Custom/i-devol.png')} .b-data .item1::after { border-right: 1px solid #ddd; content: ""; display: block; height: 100%; position: absolute; right: 12px; top: 0; width: 1px; } .b-data .item:hover strong { text-decoration: underline; color: #005bb3; } @media (min-width: 1440px) { .b-data {width: 33.3333%} .BUY .BUTTONBUY { margin-right: 9px; } } @media (min-width: 1200px) and (max-width: 1439px) { .b-data .item { font-size: 0.85em; width: 50%; border-top: 0; padding: 10px 10px 10px 40px; } .b-data .item::before { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; font-size: 2.6em; left: 0; position: absolute; top: 5px; height: 40px; width: 36px; content: ""; } /* .b-data .item1::after {display: none} */ } @media (max-width: 1199px) { .b-data .item1::after { border-bottom: 1px solid #ddd; content: ""; display: block; height: 100%; position: absolute; right: 12px; top: 0; border-right: 0; width: 100%; } .b-data .item { float: left; font-size: 0.9em; font-weight: 300; padding: 7px 24px 7px 50px; position: relative; width: 100%; line-height: 1.2em; } } @media (max-width: 991px) { .b-data {float: right; clear: right; font-size: 0.9em;} .b-data .item1::after {right: 2px} .b-data .item { line-height: 1.2em; padding: 7px 12px 17px 49px; } } @media (max-width: 767px) { .b-data { margin: 10px 0 25px; opacity: 0.6; } } @media (max-width: 479px) { .b-data .item { width: 100%; border-top: 1px solid #ddd; padding: 10px 24px 10px 53px; } .b-data .item1::after {display: none} } /* share */ .socialshare { float: right; } .socialshare > * { line-height: 30px; opacity: 0.4; } .socialshare p { float: left; font-family: 'Open Sans' , sans-serif; font-size: 1.4em; margin: 4px 4px 0 0; } .socialshare a { display: block; float: left; font-family: "Ionicons"; font-size: 1.4em; padding: 3px 5px; text-align: center; width: 29px; } .socialshare a:hover {opacity: 1; color: #000;} .socialshare .s-email { font-weight: lighter; } /* NONAVAILABLE */ .PRODUCTAREA .nonavailable .price {opacity: 1; font-weight: normal;} .PRODUCTAREA .nonavailable .BUTTONBUY:before {display: block} .PRODUCTAREA .BUTTONBUY.nonavailable { background: #9d9d9d none repeat scroll 0 0 !important; border: 1px solid #fff; clear: both; font-size: 1.1em !important; height: auto !important; line-height: 1.2em !important; padding: 23px 18px !important; width: 50% !important; } /* PRODUCT RESPONSIVE *********************************/ @media (max-width: 1599px) { .BUY .BUTTONBUY {width: 44%;} } @media (min-width: 1200px) and (max-width: 1439px) { .BUY .caja { padding: 20px 16px; } } @media (max-width: 1439px) { .PRODUCTAREA { padding-top: 15px; } .BUY .BUTTONBUY {margin-bottom: 22px;} } @media (max-width: 1199px) { .BUY .envios .bloque1, .BUY .envios .bloque2 { font-size: 0.9em; } } @media (max-width: 991px) { .PRODUCTAREA .BUTTONBUY.nonavailable { width: 70% !important; } } @media (max-width: 767px) { .PRODUCTAREA .BUTTONBUY.nonavailable { width: 100% !important; } } @media (max-width: 479px) { } @media (max-width: 1199px) { .BUY .caja { font-size: 0.96em; padding: 17px; } } @media (max-width: 991px) { .Product .breadcrumb {margin: -20px 0 0 10px} .GALLERY {margin: 0 0 0px;} .PRODUCTAREA {margin-bottom: 0;} .codeid { margin: 0 10px 15px 0; width: auto; font-size: 1.05em; } .PRODUCTAREA .buttons_wrapper { margin: 0; display: flex; padding-top: 0; } .DATA { clear: right; float: right; } .DATA .short_desc, .DATA .long_desc {line-height: 1.4em; margin-bottom: 15px;} .nav-tabs > li > a { padding: 13px !important; } } @media (max-width: 767px) { .Product .contenido{ flex-direction: column; border:none; } .Product .breadcrumb {text-align: left; display: none} .Product h1 { font-size: 1.7em; line-height: 1.2em; margin: 10px 0 0; padding: 0; } #g_image{ padding: 0; } .GALLERY { margin: 0; position: relative !important; top: unset !important; border-right: none; } .GALLERY .badges ul li > div { font-size: 0.88em; } .PRODUCTAREA { border-top: 1px solid lightgray; padding-top: 0 !important; padding-left: 15px; } .BUY .cuotas {text-align: left} .BUY .caja { padding: 17px 0; } .Product .related { margin-top: 0 !important; } .Product .related h2 { margin-bottom: 0; } .PRODUCT-TABS {margin-bottom: 60px !important; margin-top: 0 !important;} .tab-content > .active.collapse { height: 0 !important; padding: 0; } .tab-content > .active.collapse.in { height: auto !important; padding: 15px 0; } } @media (max-width: 479px) { .Product .related { margin-bottom: 20px; } .Product .related .PRODUCT_BOX .buttons_wrapper {display: none} .Product section { margin-top: 20px; } .GALLERY {margin: -17px 0 0} .GALLERY .badges ul li > div { font-size: 0.8em; } } /* PRODUCT-TABS ***********************************************/ .PRODUCT-TABS { float: left; width: 100%; margin-bottom: 75px; margin-top: 30px; } .PRODUCT-TABS .caja {padding: 0} .PRODUCT-TABS > ul > li { font-weight: 500; } .PRODUCT-TABS > ul > li a, .PRODUCT-TABS > ul > li a:hover, .PRODUCT-TABS > ul > li a:focus { border: 0 !important; color: #000 !important; transition:none; } .PRODUCT-TABS > ul > li a { border-bottom: 4px solid #fff !important; transition:none; color:#8d8d8d !important; font-weight: 500!important; } .PRODUCT-TABS > ul > li.active a { color:black !important; font-weight: 700!important; } .PRODUCT-TABS > ul > li.active a, .PRODUCT-TABS > ul > li.active a:hover, .PRODUCT-TABS > ul > li.active a:focus { border-bottom: 4px solid #005bb3 !important; transition: none; color:black; font-weight: 700; } /* solapas */ .nav-tabs { border-bottom: 1px solid #fff !important; width: 100%; display: flex; justify-content: center; } .nav-tabs > li > a { border-color: #fff #fff #ededed; border-style: solid; border-width: 1px; color: #8f8f8f; float: left; font-size: 1.63em; font-weight: 700; letter-spacing: 0; padding: 13px 15px; margin-left:20px; position: relative; text-transform: none; } /* contenidos */ .tab-content {} .tab-content > div { float: left; position: relative; width: 100%; overflow: hidden; background: none; } .tab-pane {padding: 20px} .opentoggle { background: #f8f8f8 none repeat scroll 0 0; color: #000; font-size: 1.2em; font-weight: 600; padding: 15px 20px 14px; text-transform: uppercase; float: left; width: 100%; border: 1px solid lightgrey; margin-top: 10px; } .opentoggle:before {content: "\f462"} .opentoggle.collapsed:before {content: "\f489"} .opentoggle::before { float: right; font-family: "Ionicons"; font-size: 1.3em; } .tog { padding: 15px 0; } .tog .table {border: 1px solid lightgray;} .tog .short_desc { margin: 0 0 23px; font-size: 1.23em; line-height: 1.4em; } .tog .long_desc { font-size: 1.1em; line-height: 1.5em; color:gray; } .tog .long_desc strong { font-weight: bold; color:black; } .tog ul li { float: left; clear: left; margin: 0 0 4px; } .tog ul li::before { content: "»"; color: #005bb3; float: left; margin: 0 10px 0 0; font-size: 13px; } .table-responsive {border: 0 !important} /* TAB VIDEO: embed responsive video **************/ .embed { float: left; margin: 0 2% 30px; width: 46%; border: 5px solid #ddd; } .embed > div { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed > div iframe, .embed> div object, .embed> div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .embed {width: 96%} .opentoggle { text-transform: none; font-weight: 700; } } /*cobertura*/ .cobertura { /*max-width: 280px;*/ background-color: #f6f6f6; margin: 0 0 20px 0; height: 80px; } .cobertura label { color:#000; font-size: 1.1em; font-weight: 700; letter-spacing: 0; padding-bottom: 8px; } .cobertura label span { background-color: #4b9bef; height: 18px; width: 18px; border-radius: 10px; color: #fff; font-size: 0.8em; display: inline-block; padding: 0 6px; margin-left: 4px; line-height: 1.6em; } .cobertura .form-group { max-width: 280px; } .cobertura .form-group::after { content: "\f122"; color: #66b351; font-size: 1.6em; font-weight: 500; letter-spacing: 0; margin: 0 0 15px; font-family: 'Ionicons'; position: absolute; bottom: -5px; left: 290px; } @media(min-width:768px){ .cobertura { padding: 5px 0 5px 30px; width: calc(100% + 66px)!important; position: relative; right: 33px; } } @media(max-width:767px){ .cobertura { padding: 15px 0 15px 30px; width: calc(100% + 39px)!important; position: relative; right: 24px; height: 100px; } } /*Contenedor*/ .contenedor-b { border: 1px solid white; margin: 0; } /* TAB OPINIONES: valoracion y comentarios **************/ #tab-opi .valoracion, .PRODUCTAREA .valoracion { display: block; position: relative; right: initial; bottom: initial; opacity: 1; float: left; width: auto; height: auto; } #tab-opi .stars_off, .PRODUCTAREA .stars_off { margin: 0; float: left; } #tab-opi h5 { color: #005bb3; font-size: 1.6em; letter-spacing: -0.02em; font-family: 'Open Sans' , sans-serif; font-weight: bold; padding-left: 44px; position: relative; text-transform: uppercase; } #tab-opi h5 i { position: absolute; left: 3px; font-size: 1.5em; } .PRODUCTAREA .valoracion { margin: 0 0 10px; } .PRODUCTAREA .stars_off { } .comments { color: #4f4d58; font-size: 0.95em; width: auto; } .comments span {} /* COMENTARIOS ****************/ .comm_gral { border: 3px double #D1D1D1; -webkit-border-radius: 5px; /* Safari, Chrome */ -moz-border-radius: 5px; /* Firefox */ border-radius: 5px; behavior:url(../Scripts/border-radius.htc); color: #868686; font-size: 1.2em; line-height: 1.3em; margin-bottom: 2em; padding: 1.2em 3%; } .comm_gral .title, .comm fieldset legend { color: #000; font-weight:700; font-size: 1.1em; letter-spacing: 0.02em; margin-bottom: 0.5em; text-transform: uppercase; } .comm fieldset legend { font-size:1.3em; margin-top:0.7em; } .comm_gral p strong { color:#005bb3; } .comm_gral .sep, .comm_item .sep { color: #BBBBBB; font-size: 1.1em; padding: 0 0.7em; } .puntaje {color:#FFF} .comm_item { border-bottom: 1px dashed #BBBBBB; color: #636363; font-size: 1.2em; line-height: 1.3em; margin-bottom: 1.5em; padding-bottom: 2em; } .comm_item .datos { color: #005bb3; display: block; font-size: 0.8em; margin-bottom: 0.3em; } .comm_item .titulo { color: #000; margin: 10px 0; font-size: 1.25em; } .comm_item .util { color: #BBBBBB; font-size: 0.88em; font-style: italic; margin-top: 1.2em; } .comm fieldset .button { color: #005bb3; font-weight:700; font-size: 1.3em; padding: 0.4em 1em; } .comm_gral { background: #f4f3f7 none repeat scroll 0 0; font-size: 1em; margin-bottom: 20px; padding: 15px 20px; } .comm_gral .title { float: left; font-size: 1.3em; margin-right: 10px; } .comm_gral .ranking { margin-top: -1px; width: auto; float: left; } .comm_gral .stars_off {float: left; font-size: 15px;} .comm_gral .stars_off:before {color: #C1C1C1;} .comm_gral p {clear: left; font-size: 1em;} .comm_gral p strong {color: #005bb3;} .comm_gral .sep {margin: 0 7px; opacity: 0.5;} /**/ .comm_item { font-size: 1.1em !important; margin-bottom: 25px; } /**/ .comment-create { margin-left: 35px; } .comment-create::before { font-family: 'e3font'; content: "e"; text-transform: none; color: #005bb3; float: left; margin: -1px 5px 0 -37px; text-align: center; font-size: 1.8em; } .comment-create legend { margin: 0 0 10px; position: relative; color: #005bb3; font-weight: bold; letter-spacing: 0; text-transform: uppercase; } .comment-create .form-group {margin-bottom: 7px} .comment-create .form-group.auto { width: 160px; } .comment-create a { color: #005bb3; text-decoration: underline; font-size: 1.2em; } .comment-create a:hover { color: #000; text-decoration: underline; } .comment-create .rta { font-size: 1.3em; font-weight: normal; color: #005bb3; } @media (max-width: 767px) { #tab-opi h5 { font-size: 1.4em; margin-bottom: 27px; padding-left: 37px; } .comm_gral {padding: 15px 20px 4px} .comm_gral .title {font-size: 1.1em;} .comm_gral p span { display: block; } .comm_gral p span.sep { display: none; } .comm_item { font-size: 1em !important; padding-bottom: 17px; } .comment-create::before { margin-left: -30px; font-size: 1.5em; } .comment-create { margin-left: 30px; } .cobertura .form-group { max-width:90%; } .cobertura .form-group::after { right: -25px; left: unset; } } /* RELATED (categoria) **********************************/ .Product .related {margin-bottom: 30px;} .Product .related h2 {font-size: 2em} .Product .related .PRODUCT_BOX { margin-bottom: 0; } /***************************************************************************/ /**************************CALCULADORA CUOTAS*******************************/ .productheader { background-color: #f1f1f1; border: 1px solid #ddd; display: table; float: left; margin: -10px 0 40px; padding: 10px 15px; position: relative; vertical-align: middle; width: 100%; display: none !important; } .productheader .image { display: table-cell; float: left; height: auto; position: relative; vertical-align: middle; width: 57px; } .productheader .image img { width: 100%; } .productheader .title { border-right: 1px solid #ccc; color: #000; display: table-cell; font-weight: 500; padding: 0 20px; text-align: left; vertical-align: top; } .productheader .precio { display: table-cell; padding-left: 20px; vertical-align: middle; } .productheader .precio .price_wrapper { height: auto; } .productheader .precio .price_wrapper > span { line-height: 1.1em; margin-bottom: 4px; } @media (max-width: 767px) { .productheader { display: block; } .productheader .title { border: 0 none; line-height: 1.2em; padding-right: 0; } .productheader .precio { border-top: 1px solid #ddd; display: block; float: left; font-size: 0.9em; margin-top: 10px; padding-top: 13px; width: 100%; } p.subtit { font-size: 0.9em; font-weight: normal; line-height: 1.2em; } .Product .related h2 {font-size: 1.6em !important; padding-left: 13px;} } @media (max-width: 479px) { .Product .related h2 span, .related h2 strong { display: inline; } .Product .related { border-top: 1px solid lightgray; padding-top: 10px; } .Product .related h2 {font-size: 1.4em !important; padding: 0;} } #paytabs { border: 0 none; margin-bottom: 20px; } #paytabs > li { margin-right: 2%; width: 41%; } p.subtit { font-size: 1.1em; line-height: 1.4em; } p.subtit:before {content: "\f363"} p.subtit:before { float: left; font-family: "Ionicons"; font-weight: normal; margin: 1px 7px 0 0; opacity: 0.6; } .mdl_calculate .paymethod .item { background: #f5f5f5 none repeat scroll 0 0; border: 2px solid #eee !important; border-radius: 0; color: #888 !important; cursor: pointer !important; display: block; font-size: 0.9em !important; font-weight: normal; height: 65px !important; letter-spacing: 0.02em; line-height: 1.3em !important; margin-right: 15px; padding: 3px 10px !important; position: relative; text-align: center !important; width: 100%; transform: none!important; } .mdl_calculate .paymethod .active .item { background-image: linear-gradient(to bottom, #f9f9f9 40%, #dedede 100%); border-color: #005bb3 !important; color: inherit; } .mdl_calculate .paymethod .active .item:before { border-color: #005bb3 transparent transparent; border-style: solid; border-width: 10px 10px 0; bottom: -25px; content: ""; height: 20px; left: 50%; margin-left: -10px; position: absolute; } .mdl_calculate .paymethod .item span::after { background-size: 100% auto !important; content: ""; display: block; height: 48px; margin: 4px auto 0; max-width: 116px; position: unset; z-index: 1; } .mdl_calculate .paymethod #mercadopago span::after { background: rgba(0, 0, 0, 0) url("/Content/PayMethods/mercadopago.png") no-repeat scroll center center; } .mdl_calculate .paymethod #todopago span::after { background: rgba(0, 0, 0, 0) url("/Content/PayMethods/todopago.png") no-repeat scroll center center; max-width: 95px !important; } .mdl_calculate .paymethod #sps span::after { background: rgba(0, 0, 0, 0) url("/Content/PayMethods/SPS-DECIDIR.png") no-repeat scroll center center; max-width: 114px !important; } .mdl_calculate #select-payment .result { color: #000; font-weight: 300; line-height: 1.5em; } .mdl_calculate #select-payment .result li span {color: #0076c1} .mdl_calculate .tab-pane { padding: 10px 0 0; } .tp-header { margin-bottom: 2px; text-align: left; width: 100%; text-transform: uppercase; } .tp-header:before { font-weight: normal; font-family: "Ionicons"; content: "\f363"; opacity: 0.6; float: left; margin: 1px 7px 0 0; } .tp-header:before{ display: none; } .tp-tarjetas img{ float: left; width: 70px; } .tp-tarjetas small{ width: 100%; float: left; } .tp-tarjetas small a{ font-size: 1.2em } /* tabla todopago */ .table-cuotas { float: left; width: 100%; margin-bottom: 15px; font-size: 1em !important; } .table-cuotas li { border-bottom: 1px solid #ddd; float: left; padding: 6px 0; width: 100%; } .table-cuotas li > div{ float: left; width:18%; padding-left: 1%; text-align: left; } .table-cuotas li > div:nth-child(1), .table-cuotas li > div:nth-child(2), .table-cuotas li > div:nth-child(3){ padding-right: 2%; } .table-cuotas li .cant-cuotas{ font-weight: normal; font-size: 1.0em; color: #e6007c; } .table-cuotas li:first-child > div { background: #f4f4f4 none repeat scroll 0 0; color: #000; font-family: arial; font-size: 12px; font-weight: 400; line-height: 1.2em; padding: 10px 0 10px 4px; } .table-cuotas li .cuotas-cft,.table-cuotas li .cuotas-tea{ width: 12% } .table-cuotas li .precio-total{ width: 22% } /* tabla mercadopago */ .griss { width: 100%; float: left; background: #f5f5f5; padding: 17px; margin: 5px 0 15px; display: flex; } .griss select { background: #fff; } #paymentsMp { margin-right: 15px; } .mpresult { margin: 25px 0 30px; max-width: 400px; } .result2 .mlatname { border-bottom: 1px solid #ddd; font-weight: bold; list-style: none; margin-bottom: 12px; padding: 9px 6px 9px 0; text-align: left; text-transform: uppercase; } .result2 .mlatname img { float: left; padding: 0 3px 0 8px; } .result2 .mlapannt { float: left; clear: left; padding: 8px; display: flex; justify-content: flex-start; align-items: baseline; width: 100%; border-bottom: 1px solid #e6e6e6; } .mlapannt .info-cuota { float: left; clear: left; font-size: 1.1em; margin: 0 10px 3px 0; } .mlapannt .info-cuota strong { color: #0076c1; font-size: 1.1em; } .mlapannt .info-tasas { color: #797979 !important; font-size: 0.88em; line-height: 1.3em; float: left; } /* select */ .mdl_calculate .customselect, .mdl_calculate input { margin-bottom: 10px; max-width: 400px; } .mdl_calculate select, .mdl_calculate input { border: 1px solid #ccc !important; } .tp-ver, .mp-ver { float: left; clear: left; font-size: 1.05em; line-height: 1.2em; margin: 17px 0 5px; white-space: normal; text-decoration: underline; color: #0074A8 !important; background: transparent !important; border: none; padding: 5px 9px; box-shadow: none !important; } .tp-ver:hover, .mp-ver:hover { background: transparent !important; color: #000 !important; text-decoration: underline; } .cft-variable { color: #777; font-size: 12px; padding-left: 8px; float: left; width: 100%; line-height: 1.3em; } /* Modal Calculador de envio *************************************/ .formulario-envio { background: #f7f7f7; float: left; width: 100%; padding: 20px; margin: 5px 0; display: flex; flex-direction: column; } .formulario-envio p.subtit { text-align: center; } .formulario-envio p.subtit::before { float: unset; } .formulario-envio .form-group { max-width: 380px; margin: 0 auto 13px; width: 100%; } .formulario-envio select, .formulario-envio input { height: 40px; background: #fff; } .formulario-envio .btn.btn-primary { background: #000; max-width: 200px; width: 100%; margin: auto; font-size: 1.1em; } .result-envio > ul { font-size: 1.5em; margin: 5px 0 20px; text-align: left; border-top: 0; padding: 0; } .result-envio ul li label::before { font-family: 'Ionicons'; content: "\f363"; float: left; margin: 2px 7px 0 4px; color: #848484; font-size: 17px; } .result-envio ul, .result-envio ul li, .result-envio label { float: left; width: 100%; } .result-envio label > div:first-child { float: left; margin-right: 10px; } .result-envio label .gratis { font-weight: 700; font-size: 1.1em; color: #005bb3; letter-spacing: 0; } .result-envio label { color: #000; font-size: 0.7em; line-height: 1.4em; margin: 0; position: relative; } .result-envio li.default label > div:first-child::after { content: ":"; } .result-envio label .sh_price { font-weight: 600; color: #005bb3; } .result-envio ul li.default { border-bottom: 1px solid #eee; padding: 13px 0; float: left; width: 100%; } .result-envio ul li.default:last-child {border: 0} .result-envio ul li.zippin { padding: 7px 0; border-bottom: 3px solid #f4f4f4; } .zippin.z1 { margin-top: 6px; } .result-envio .zippin label { display: inline-flex; justify-content: space-between; align-items: flex-start; text-align: left; line-height: 1.4em; } .result-envio ul li.zippin label::before { margin-right: 0; position: absolute; } .zippin .zipp-name { padding-left: 16px; } .zippin .zipp-name > span { float: left; } .zippin .nombr { margin-right: 5px; } .zippin .time { color: #0079BE; font-size: 0.9em; } .result-envio li.zippin label .sh_price { font-weight: 600; display: flex; flex-wrap: nowrap; width: 170px; justify-content: flex-end; margin-left: auto; } li.zippin span.iva { opacity: 0.5; margin: 0 5px; font-weight: 500 !important; font-size: 0.8em; } /* pago y envio calculadores responsive ****/ @media (max-width:600px){ .tp-tarjetas .img-container{ float: left; width:25%; } .table-cuotas li { padding: 0; position: relative; margin-top: -1px; border: 1px solid #ddd; font-size: 0.9em; } .table-cuotas li:last-child:after{ display: none; } .table-cuotas li:first-child{ display: none; } .table-cuotas li>div{ padding-left: 150px; position:relative; width: 100%!important; text-align: left; line-height: 24px; } .table-cuotas li > div::after { background: #eee none repeat scroll 0 0; color: #000; display: block; float: left; font-size: 12px; font-weight: normal; left: 0; padding: 2px 7px 6px; position: absolute; text-align: left; width: 137px; margin-bottom: 1px; top: 0; } .table-cuotas li .cant-cuotas:after{ content:"Cantidad de cuotas"; font-weight: 300; font-size: 12px; } .table-cuotas li .valor-cuotas:after{ content:"Valor de la cuota"; } .table-cuotas li .precio-total:after{ content:"Precio total financiado"; } .table-cuotas li .intereses:after{ content:"Interes"; } .table-cuotas li .cuotas-cft:after{ content:"CFT*1"; } .table-cuotas li .cuotas-tea:after{ content:"TEA*2"; } .griss { flex-direction: column; } #paymentsMp { margin-right: 0; } .result2 .mlatname img, .cft-variable {padding-left: 0} .tp-ver, .mp-ver {margin-bottom: 15px; padding-left: 0} .result2 .mlapannt { flex-direction: column; padding: 8px 0; } .mlapannt .info-cuota {font-size: 1em} .mlapannt .info-tasas {font-size: 0.78em} /* envio */ .formulario-envio p.subtit {text-align: left} p.subtit::before {display: none} .result-envio label { color: #000; font-size: 0.7em; line-height: 1.4em; margin: 0; padding-left: 14px; } .result-envio ul li label::before { position: absolute; margin: 0; left: 0; top: 0; } .formulario-envio .btn.btn-primary {max-width: 100%; margin-top: -14px;} } /* PRODUCT_LIST - VISTA LISTADO **************************/ .listview .item:last-child { margin-bottom: 30px; } .listview .PRODUCT_BOX { border-radius: 0; height: auto; margin: 0 0 7px; padding: 5px; position: relative; border-bottom: 1px solid #dcdcdc; width: 100%; } .listview .QUANTITY .spinner {display:none} .listview .tachado { margin-left: 3px; text-align: left; } @media (min-width: 480px) { /*.listview .PRODUCT_BOX:hover { border: 1px solid #c5c5c5 !important; z-index: 1; margin-top: -1px; }*/ .listview .PRODUCT_BOX .BUTTONFAV { display:none; } } .listview .PRODUCT_BOX .tachado { order: 3; margin: 1px 0 0 5px; text-align: left; position: unset; padding: 0; height: 18px; } .listview .PRODUCT_BOX .box_image { display: inline-block; float: left; height: 120px; width: 140px; clear: right; margin: 0; } .listview .PRODUCT_BOX .box_data { float: left; margin: 0; width: calc(100% - 140px); position: relative; height: auto; padding: 0 0 0 15px; min-height: 100px; } .listview .PRODUCT_BOX .name_wrapper { float: none; width: calc(100% - 190px); } .listview .PRODUCT_BOX .box_data h3 { float: left; font-size: 1.1em; height: auto; margin: 0 0 20px 0; clear: both; width: 100%; color: #000; font-weight: 400; padding-right: 200px; } .listview .PRODUCT_BOX .box_data .short_desc { color: #888; float: left; font-size: 1em; line-height: 1.2em; margin: -14px 0 5px; width: 100%; font-weight: lighter; padding-right: 240px; } .listview .PRODUCT_BOX .box_data .short_desc p { margin: 0 !important; } .listview .PRODUCT_BOX .box_data .codeid { position: relative; } .listview .PRODUCT_BOX .price_wrapper { position: absolute; top: 0px; right: 10px; height: auto; text-align: left; width: 200px; padding-left: 3px; } .listview .buttons_wrapper { display: none !important; } .listview .PRODUCT_BOX .cuotas { margin: 1px 0 4px; } .listview .badge-dto strong {padding-top: 3px; font-size: 1.75em;} .listview .badge-dto strong::before {bottom: 6px;} .listview .badge-dto.percent .txt { font-size: 1em; } .listview .PRODUCT_BOX .BUTTONFAV { padding: 0 10px; right: 0; bottom: 6px; opacity: 0.35; display: block; background: transparent; } .listview .PRODUCT_BOX:hover .BUTTONFAV {opacity: 1} .listview .price { margin: 0; float: right; width: auto; } .listview .tachado { margin-right: 10px; text-align: right; float: right; width: auto; } .listview .badge-dto { margin: 0; } .listview .codeid {display:none} @media (max-width: 991px) { .listview .badge-enviogratis span::before{display:none} .listview .badge-enviogratis {font-size: 0.75em;} .listview .PRODUCT_BOX .box_data .QUANTITY .BUTTONBUY { width: 99px; } .listview .PRODUCT_BOX .box_image {width: 100px; height: 120px} .listview .PRODUCT_BOX .box_data {width: calc(100% - 100px)} .listview .PRODUCT_BOX .box_data .codeid {margin-bottom: 5px} .listview .PRODUCT_BOX .name_wrapper {width: 100%} .listview .PRODUCT_BOX .box_data h3 {margin-bottom: 15px;padding-right: 20px;} .listview .PRODUCT_BOX .box_data .short_desc {margin: -12px 0 5px} .listview .PRODUCT_BOX .price_wrapper { position: relative; top: 0; right: 0; text-align: left; width: 100%; height: auto; padding-left: 0; } .listview .PRODUCT_BOX .price_wrapper.nonavailable { text-align: left; } .listview .PRODUCT_BOX .price_wrapper .price { float: left; margin: 0 3px 0 0; } .listview .tachado { margin: 0 0 8px; float: left; clear: none; } .listview .BUTTONBUY { margin-top: 0px; margin-bottom: 5px; } } @media (max-width: 767px) { .listview .badge-dto { padding: 0 0 0 8px !important; } } /*mobile listado*/ @media (max-width: 480px) { .listado .QUANTITY { left: 20px!important; } .listado .QUANTITY .BUTTONBUY { padding: 0px!important; left: 70px!important; font-size: 1.1em!important; } .listview .PRODUCT_BOX .box_data h3 { padding-right: 0px; } .listview .PRODUCT_BOX .box_data .short_desc { padding-right: 0px; } .listview .badge-dto strong {font-size: 1.5em;} .listview .badge-dto.percent .txt {font-size: 0.8em;} .listview .PRODUCT_BOX .price_wrapper .price { font-size: 1.5em; } .listview .badge-dto { line-height: 2.1em !important; margin-left: 6px !important; position: unset; } .listview .badges ul { display: flex; } .listview .badges ul li { padding-right: 5px; } .listview .PRODUCT_BOX .box_data { width: 100% !important; } .listview .PRODUCT_BOX .box_data h3 { margin-bottom: 5px !important; } } @media (max-width: 520px) and (min-width: 481px){ .listview .badge-dto { top: 0 !important; } } /*Garantia extendida*/ /*titulo*/ .c-garantia .title { font-weight: bold; float: left; margin-bottom: 5px; } /*boton info*/ .btinfo { color: #4b9bef; float: left !important; font-family: "Ionicons"; font-size: 18px; padding: 0 5px; margin-left: 0; } .btinfo::before { content: "\f142"; } /*dropdown*/ .btnselect .dropdown-menu { border: 1px solid #ddd !important; border-radius: 3px !important; width: 100%; top: 34px; } .social .dropdown-menu { border: 1px solid #ddd !important; width: auto; } .btnselect { width: 100%; clear: left; float: left; margin-bottom: 15px; max-width: 280px; font-family: "Open Sans", sans-serif; font-size: 0.95em; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 2px solid #ccc; border-radius: 0 0 3px 3px !important; border-top: 1px solid #eee; box-shadow: 2px 4px 6px rgba(57, 57, 57, 0.32); display: none; float: left; font-size: 14px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } .c-garantia .btnselect button, .c-garantia .btnselect button:hover { background: #fff none repeat scroll 0 0!important; border: 1px solid #efe08d; box-shadow: none !important; } span.selection { font-weight: normal; } .btnselect button { border: 1px solid #ddd !important; border-radius: 3px !important; color: #888; letter-spacing: 0; padding: 7px 13px !important; text-align: left; text-transform: none; width: 100% !important; font-size: 1.1em; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .btnselect button .caret { border-width: 5px 5px 0; color: #999; position: absolute; right: 11px; top: 46%; } @media(max-width:479px){ .btnselect { max-width: 240px !important; } } /*Mensaje no*/ .mje { float: left; margin: 8px 0 0 2px; font-size: 1.5em; } .mje.mje-no { color: #bf001f; } .mje i { font-family: "Ionicons"; font-size: 1.2em; font-style: normal; padding-left: 6px; } .mje.mje-no i::before { content: ""; } /*Mensaje si*/ .mje.mje-si { color: #51ca6b; } .mje.mje-si i::before { content: "\f122"; } /*Redes Sociales custom product detail*/ .popover-content{ display:flex; font-size: 0.8em; background-color: #f1f1f1; } .popover-content li{list-style: none} .popover-content a:before {font-family: 'Ionicons'} .popover-content li .s-facebook {background-color: #4250ab;} .popover-content li .s-facebook:before {content: "\f231"} .popover-content li .s-twitter:before {content: "\f243"} .popover-content li .s-twitter {background-color: #0995d9;} .popover-content li .s-youtube:before {content: "\f24d"} .popover-content li .s-youtube {background-color: red;} .popover-content li .s-whatsapp:before {content: "\f4f0"} .popover-content li .s-whatsapp {background-color: #00b427;} .popover-content.s-pinterest:before {content: "\f2b1"} .popover-content li .s-instagram:before {content: "\f350"} .popover-content li .s-instagram {background-color: #e83a76;} .popover-content li .s-email:before {content: "\f2eb"} .popover-content li .s-email {background-color: #363636;} .popover-content li a { width: 36px; height: 35px; color: #fff !important; border-radius: 5px; margin: 2px; font-size: 0.6em; } .popover-content li a:hover { background-color: #dddddd; } .popover.bottom > .arrow:after { border-bottom-color: #dbdbdb!important; } /*////////////////////////////////////////////////////////////////////*/ /* USER //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ .user_wrapper { border-left: 1px solid #ddd; box-shadow: -4px 0 3px -3px rgba(0, 0, 0, 0.1); float: left; margin-bottom: 30px; padding-left: 3%; width: 100%; min-height: 380px; } .user_wrapper > h3 { color: #000; float: left; font-size: 1.6em; font-weight: 600; letter-spacing: 0.02em; line-height: 30px; margin: 10px 0 20px; position: relative; width: 100%; font-family: 'Open Sans' , sans-serif; padding-bottom: 11px; text-transform: uppercase; } .user_wrapper > h3::before { float: left; font-family: "E3interface"; font-size: 21px; line-height: 32px; margin: -2px 13px 0 0; } .user_wrapper > h3::after { background: #005bb3 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 1px; left: 32px; position: absolute; width: 25px; } .user_wrapper form {float: left; width: 100%;} @media (max-width: 767px) { .user_wrapper > h3 { font-size: 1.3em; } } /* MENU_TREE (menu usuario y content) **************************/ .menu_tree {float: left; width: 100%;} .menu_tree > ul { border-bottom: 1px solid #000; border-top: 1px solid #000; float: left; margin-bottom: 30px; margin-top: 46px; padding: 10px 0; width: 100%; } .menu_tree > ul li { float: left; width: 100%; } .menu_tree a { color: #000; float: left; letter-spacing: 0.04em; padding: 6px 0; width: 100%; } .menu_tree a:hover {text-decoration: underline} @media (max-width: 991px) { .menu_tree {width: 100% !important} } /* menu_tree parte II ******************************/ .User .menu_tree { margin-bottom: 25px; width: 90%; } .User .menu_tree > ul { background: #f7f7f7 none repeat scroll 0 0; border: 0 none; margin: 10px 0 0; padding: 10px; } .User .menu_tree h5 span { display: block; font-weight: bold; text-transform: uppercase; } .User .menu_tree a { font-size: 0.9em; font-weight: normal; line-height: 1.2em; padding: 10px 10px 10px 40px; position: relative; text-transform: uppercase; } .User .menu_tree a::before { font-family: "e3font"; font-size: 1.5em; left: 5px; margin: 0; position: absolute; text-align: center; text-decoration: none !important; width: 20px; } .User section h3:before { font-family: "e3font"; } .u-data:before {content: "J"} .u-favs:before {content: "Z"} .u-orders:before {content: "0";} .u-logout:before {content: "2";padding-left: 3px;} .u-pass:before {content: "\f200"; font-family:"Ionicons"!important} @media (max-width: 767px) { .user_wrapper { -webkit-box-shadow: none; box-shadow: none; padding-left: 0; border: 0; } .User .menu_tree { float: left; width: 100%; } .User .menu_tree h5 { border: 0 none; color: #1285b2; font-size: 1em; left: 0; margin: 0; padding: 0; position: absolute; text-align: center; top: -118px; width: 100%; } .User .menu_tree h5 span {display: inline} .User .menu_tree > ul { background: #fff none repeat scroll 0 0; border: 0 none; margin-bottom: -15px; margin-top: -40px; padding: 5px 0; } .User .menu_tree li { float: left; width: 25%; } .User .menu_tree a:after {display: none !important} .User .menu_tree a { background: #f3f3f3 none repeat scroll 0 0; border: 2px solid #fff; border-radius: 0; color: #000; font-size: 0.78em; height: 71px; line-height: 1.1em; margin: 0; overflow: hidden; padding: 45px 0 0; text-align: center; text-decoration: none !important; } .User .menu_tree a::before { display: block; font-size: 2.6em; left: 0; opacity: 1; top: 18px; width: 100%; } .User .menu_tree a:hover {background: #005bb3; color: #fff} .User .menu_tree a:hover:before {color: #fff} .User h1 { margin-top: -27px !important; margin-bottom: 40px !important; } } /**************************************************************************/ /* FAVORITOS ******************************/ .itemFav { border-bottom: 1px solid #ddd; float: right; height: auto; margin-bottom: 15px; padding-bottom: 15px; padding-left: 38px; position: relative; width: 100%; } .quit_bar a { background-clip: padding-box; color: #000; cursor: pointer; display: block; font-size: 23px; left: -4px; line-height: 19px; padding: 5px; position: absolute; text-align: center; text-decoration: none !important; top: 14px; } .quit_bar a:before {content:"\f405"} .quit_bar a:before { font-family: "Ionicons"; text-align: center; } .quit_bar a:hover {color: #d50000; border-color: #d50000;} .Favs #product_list .PRODUCT_BOX { float: right; height: auto; margin: 0 !important; padding: 0 !important; width: 100%; border: 0 !important; } .Favs #product_list .box_image { float: right; height: auto; margin: 0; width: 20%; } .Favs #product_list .box_image img { float: left; max-height: unset; position: relative; width: 100%; } .Favs #product_list .box_data { float: left; margin-top: 20px; width: 77%; } .Favs #product_list h3 { border: 0 none; font-size: 1.1em; margin: 0 0 7px; text-align: left; height: auto; } .Favs #product_list h3::after {display: none} .Favs #product_list .price_wrapper { margin-bottom: 15px; text-align: left; height: auto !important; margin-top: 0; } .Favs #product_list .tachado { font-size: 0.85em; left: unset; margin: -1px 0 0 6px; position: relative; top: unset; } .Favs #product_list .buttons_wrapper { display: block; height: auto; margin: -7px 0 7px; } .Favs #product_list .buttons_wrapper a { border: 1px solid #ccc; border-radius: 1px; color: #000; float: left; font-family: 'Open Sans' , sans-serif; font-size: 1em; font-weight: 600; height: 32px; letter-spacing: 0.02em; line-height: 32px; margin-bottom: 6px; margin-right: 6px; padding: 0 18px; text-decoration: none; text-transform: uppercase; width: auto; } .Favs #product_list .BUTTONBUY {color: #fff !important} .Favs #product_list .BUTTONBUY:before {display: none;} .Favs #product_list .PRODUCT_BOX:hover .box_image { border: 0 none !important; box-shadow: none !important; } #wishlistModal .jumbotron::before { content: "\f388"; font-family: "ionicons"; height: 200px; } @media (max-width: 767px) { .Favs #product_list .BUTTONBUY {display: block !important} } @media (max-width: 479px) { .Favs #product_list .PRODUCT_BOX {font-size: 0.9em;} .Favs #product_list .box_image { float: left; height: auto; margin-bottom: 0; width: 150px; } .Favs #product_list .box_data {width: 100%; margin: 0;} } /* REGISTER ******************************/ .Register section .container {margin-top: 30px;} .login_wrapper { background: #f4f4f4; border: 1px solid #E4E4E4; background-clip: padding-box; border-radius: 2px; margin-top: 10px; min-height: 143px; padding: 13px 20px 26px; position: relative; text-align: center; color: #444; } .login_wrapper:before { background: #ccc; border: 2px solid #fff; background-clip: padding-box; border-radius: 44px; color: #fff; display: block; font-family: "E3interface" !important; font-size: 23px !important; height: 44px; left: 50%; line-height: 38px; margin-left: -22px; padding: 0 !important; position: absolute !important; text-align: center; top: -22px; width: 44px; } .login_wrapper > h3 { color: #000; font-size: 1.7em; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans' , sans-serif; } .login_wrapper .form-control { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; padding-left: 12px; } .Register .login_wrapper:before {content: "\e055"} #checkout-step-login .login_wrapper:before {content: "\e086"} .Register .login_wrapper {margin-bottom: 50px} .Register .forget {font-size: 1em !important; float: left !important;} #form_datos .form-group { margin-bottom: 11px; } #form_datos label { margin: 0 0 1px; } .row_line { border-top: 1px solid #005bb3; margin: 21px 0 6px; width: 80px; } .Register section .btn { padding: 13px; min-width: 166px; font-size: 1.05em; } .login_wrapper .form-group {text-align: left !important} .row.end { margin-top: 23px; } .login_wrapper .form-group {text-align: left !important} /* UPDATE ******************************/ .usuario .form-control[disabled] { float: none; padding: 6px; } .User.Datos fieldset .usuario .customselect::after {display: none} /**************************************************************************/ /* ORDERS ******************************/ .Orders .user_wrapper > h3.pedido:after {display: none} .Orders table { border-bottom: 1px solid #dedede; float: left; font-size: 0.95em; } .Orders table td { line-height: 1.2em; padding: 13px 8px; vertical-align: middle; } .Orders table .date { font-size: 0.9em; } .Orders table .btn-default { background: #005bb3 none repeat scroll 0 0; color: #fff !important; font-weight: bold; font-size: 0.85em; letter-spacing: 0.03em; padding: 4px 10px; width: 100%; max-width: 130px; } .Orders table .btn-default:hover {background: #444; } .Orders table tr { border-left: 1px solid #dedede; border-right: 1px solid #dedede; } .Orders table thead tr { border: 0 none; } .Orders table th { color: #005bb3; font-weight: 600; letter-spacing: 0.1em; padding: 0 8px 4px; text-transform: uppercase; } .Orders td strong { color: #000; font-size: 1.1em; font-weight: 500; } .list-pedido { float: left; width: 100%; } .list-pedido header { border: 0 none; box-shadow: none; float: right; font-size: 1.8em; width: auto; } .Orders .datos { background: #f2f2f2 none repeat scroll 0 0; clear: both; float: left; margin-bottom: 20px; padding: 20px; width: 100%; } .Orders .datos p { border-bottom: 1px solid #fff; margin-bottom: 10px; padding-bottom: 10px; } .Orders .datos p:last-child { border: 0 none; margin-bottom: 0; padding-bottom: 0; } .Orders .datos strong { color: #000; float: left; margin: 0 0 1px; min-width: 135px; width: 28%; } .Orders #total-section { background: #eee none repeat scroll 0 0; border: 1px solid #ddd; color: #f12819; float: right; font-size: 1.2em; font-weight: 300; letter-spacing: 0.03em; padding: 11px 25px; text-align: right; min-height: auto; } .Orders #total-section strong { float: unset; font-size: 1.2em; width: unset; } .Orders .buttonBack { color: #005bb3; float: left; text-decoration: underline; } .orderlist h3 { border: 0 none; font-size: 1.5em; margin: 0; padding: 9px 0 3px; color: #005bb3; } /* tabla responsive ****/ @media only screen and (max-width: 600px) { /* Force table to not be like tables anymore */ .table-r, .table-r thead, .table-r tbody, .table-r th, .table-r td, .table-r tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .table-r thead tr { position: absolute; top: -9999px; left: -9999px; } .table-r { clear: both; margin:0; border: 0 !important; } .table-r tr { border-bottom: 1px solid #ccc !important; border-left: 0 none !important; border-right: 0 none !important; margin: 6px 0; padding-bottom: 6px; } .table-r td { background: #fff none repeat scroll 0 0 !important; border: 0 none !important; color: #000; padding: 1px 5px 1px 100px !important; position: relative !important; } .table-r td:before { color: #777; font-size: 0.95em; height: 100%; left: 0; padding: 1px 0 1px 10px; position: absolute; top: 0; white-space: nowrap; width: 85px; } .nom {font-weight: bold;} /* Label the data - Listado */ .Orders .table-r td:nth-of-type(1):before { content: "Nro.";} .Orders .table-r td:nth-of-type(2):before { content: "Fecha"; } .Orders .table-r td:nth-of-type(3):before { content: "Estado"; } .Orders .table-r td:nth-of-type(4):before { content: "Monto"; } .Orders .table-r td:nth-of-type(5):before { content: ""; } /* Label the data - Detalle */ .orderlist .table-r td:nth-of-type(1):before { content: "Cod.";} .orderlist .table-r td:nth-of-type(2):before { content: "Detalle"; } .orderlist .table-r td:nth-of-type(3):before { content: "Cant."; } .orderlist .table-r td:nth-of-type(4):before { content: "$ Unit."; } .orderlist .table-r td:nth-of-type(5):before { content: "$ Subtot."; } } /*////////////////////////////////////////////////////////////////////*/ /* CONTENT //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ .User h1, .Content h1 { float: left; font-size: 2em; font-weight: bold; letter-spacing: 0.02em; margin: 0 0 25px; padding: 0; position: relative; text-transform: uppercase; width: 100%; font-family: 'Open Sans' , sans-serif; } .User h1 span, .Content h1 span { position: relative; } .User h1 span::after, .Content h1 span::after { background: #005bb3 none repeat scroll 0 0; bottom: -9px; content: ""; height: 2px; left: 0; position: absolute; width: 100%; display: none; } .Content .short_desc, .Content .short_desc p { color: #005bb3 !important; font-size: 20px !important; line-height: 25px !important; margin: 0 0 15px !important; width: 100%; float: left; font-weight: lighter; } .Content .long_desc, .Content .long_desc p { color: #4d4d4d; font-size: 14px; letter-spacing: 0.02em; line-height: 20px; width: 100%; float: left; } .Content .long_desc {margin-bottom: 30px} .Content .short_desc p, .Content .long_desc p {margin:0 0 10px} .long_desc img {max-width: 100%; height: auto; margin-bottom: 20px;} .Content .images img {max-width: 100%; height: auto; margin-bottom: 10px;} .long_desc h2 { float: left; font-size: 1.2em; font-weight: bold; letter-spacing: 0.05em; margin: 40px 0 15px; position: relative; text-transform: uppercase; width: 100%; } .long_desc h2::before { background: #777 none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 30px; width: 30px; } .long_desc > h2:first-child { margin-top: 0; } .Content section .container { min-height: 400px; } .long_desc > h3 { border-top: 1px solid #dedede; float: left; font-size: 1.1em; font-weight: bold; letter-spacing: 0.07em; padding-top: 20px; width: 100%; } .Content .images img { margin-bottom: 30px; } .contentform { float: left; width: 100%; border-top: 1px solid #d4d4d4; padding-top: 14px; margin-top: 20px; } .contentform select { appearance: menulist !important; -moz-appearance: menulist !important; -webkit-appearance: menulist !important; } .User .b-left {margin-bottom: 30px} .User .b-left .banner-item {width: 90% !important;} @media (max-width: 991px) { .User .b-left .banner-item {width: 100% !important;} } @media (max-width: 767px) { .Content .menu_tree { margin: -10px 0 0; } .Content .menu_tree > ul { border: 0 none; margin: 0; } .Content .menu_tree > ul a { background: #f3f3f3 none repeat scroll 0 0; float: left; line-height: 1.2em; margin: 0 0 2px; padding: 12px 20px; } } /* CONTACTO ******************************/ .Contact h1 {} .Contact .long_desc ul li { clear: left; float: left; line-height: 1.4em; margin-bottom: 20px; padding-left: 38px; position: relative; } .Contact .long_desc ul li::before { font-family: "Ionicons"; font-size: 1.8em; left: 0; position: absolute; text-align: center; top: 3px; width: 28px; } .Contact .long_desc ul li.mail:before {content: "\f422"} .Contact .long_desc ul li.phone:before {content: "\f4b8"} .Contact .long_desc ul li.rrhh:before {content: "\f47b"} .Contact .long_desc ul li.address:before {content: "\f455"} .Contact .long_desc ul li span { font-size: 1.1em; font-weight: 600; } .Contact .long_desc ul li a {text-decoration: underline;} .Contact .long_desc ul li a:hover {opacity: 0.7;} .Contact .long_desc h4, .Contact .long_desc h5 { margin: 0 0 3px; } .Contact .long_desc h4 { font-size: 1.2em; } .Contact .long_desc .horario { color: #777; float: left; font-size: 0.9em; font-weight: normal; letter-spacing: 0.03em; margin: 4px 0; text-transform: uppercase; } .Contact iframe#mapa { border-bottom: 5px solid #ededed !important; height: 400px; width: 100%; } iframe#mapa { width: 100%; display: block; pointer-events: none; position: relative; /* IE needs a position other than static */ } iframe#mapa.clicked{ pointer-events: auto; } /*////////////////////////////////////////////////////////////////////*/ /* MODALS //////////////////////////////////////// */ /*//////////////////////////////////////////////////////////////////*/ .modal {z-index: 1070} /* MODAL carrito ********************************************/ .mdl_detail {max-width:900px; overflow-x:hidden} .mdl_detail header { line-height: 1em; margin: -13px 0 10px; padding: 12px 0 10px; } .mdl_detail .modal-body { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 0; max-height: 200px; overflow-x: hidden; overflow-y: scroll; } .mdl_detail .modal-footer { padding-top: 12px; } .mdl_detail ul {margin:0; padding:0} .mdl_detail ul li:last-child article {border: 0 !important} .mdl_detail article { border-bottom: 1px solid #dcdcdc; display: block; float: left; padding: 9px 0; width: 100%; } .mdl_detail article img { float: left; margin: 0 2%; } .mdl_detail article h2 { color: inherit; float: left; font-size: 0.95em; font-weight: lighter; line-height: 1.15em; margin: 5px 0 0; text-align: left; width: 67%; } .mdl_detail article .price, .mdl_detail article .count { float: left; font-size: 0.8em; margin-top: 5px; width: 67%; } .mdl_detail .price span, .mdl_detail .tachado span { font-size: 1.2em; font-weight: bold; } .mdl_detail p {color:#777; margin-bottom:7px;} @media (max-width: 479px) { .mdl_detail .btn-default, .mdl_detail .btn-primary { margin-bottom: 4px; padding: 12px; width: 100%; } .mdl_detail .nomobile {display:none} } /* MODAL opciones de Compra ********************************************/ .modal-title { font-size: 1.6em!important; font-weight: 500!important; text-transform: unset!important; font-family: "Open Sans", sans-serif!important; } .BOXCARTOPTIONS .mdl_detail .modal-body { border: 0 none; max-height: unset; overflow: visible; } .BOXCARTOPTIONS .mdl_options { height: auto; overflow: visible; } .BOXCARTOPTIONS .modal-title {display: none} .BOXCARTOPTIONS .IMAGEN img { float: left; margin-bottom: 20px; width: 100%; } .BOXCARTOPTIONS .BUTTONINFO { display: block; float: left; font-size: 1.1em; margin: 17px auto 0; padding: 0; text-align: center; text-decoration: underline; width: 100%; } .BOXCARTOPTIONS .BUTTONINFO:hover {opacity: 0.7} .BOXCARTOPTIONS .PRODUCTAREA h3 { font-size: 1.4em; font-weight: lighter; margin: 0; text-transform: uppercase; } .BOXCARTOPTIONS .PRODUCTAREA .price_wrapper { font-size: 1.1em; margin: 9px 0 17px; width: 100%; } .BOXCARTOPTIONS .bttalle {display: none} .BOXCARTOPTIONS .BUTTONBUY { font-size: 1.8em; height: auto; line-height: 1.3em; margin-bottom: 0; padding: 6px; } @media(max-width: 767px){ .BOXCARTOPTIONS .IMAGEN img { float: left; margin: -37px 0 5px; width: 99px; } } div.send-detail{ float: left; width:100%; display:block; min-height: 170px; margin-bottom: 30px; } div.option-detail { color: #fce2c9; font-size: 1.6em; left: 0; max-height: 200px; position: absolute; width: 100%; } /* MODAL HOME SUSCRIBIR A NEWSLETTER ********************************/ .w-newsletter { display: table; float: left; } .image-newsletter {float: left;} .image-newsletter img { max-width: 100%; width: auto; } .newsletter-info { float: right; text-align: center; } .newsletter-info h4 { font-size: 1.2em; font-weight: 300; letter-spacing: 0.03em; margin: 10px 0; } .newsletter-info h3 { border-bottom: 1px solid #ddd; font-size: 1.9em; font-weight: 600; margin: 0 0 17px; padding-bottom: 20px; text-transform: uppercase; } .newsletter-info h3 strong { display: block; font-size: 1.6em; font-weight: 900; } .newsletter-info .short-description { font-size: 1em; line-height: 1.3em; padding: 0 0 20px; } .form-newsletter-popup { display: table; margin: 0 auto 36px; max-width: 360px; } .form-newsletter-popup .input-box { display: table-cell; vertical-align: top; width: 100%; } .form-newsletter-popup .input-box .input-text { border: 1px solid #ccc; border-radius: 0; padding: 0 10px; } .form-newsletter-popup .action-newsletter { display: table-cell; vertical-align: top; } .form-newsletter-popup .action-newsletter .btn { background-color: #005bb3; border: 0 none; color: #fff; font-size: 0.9em; height: 34px; padding: 0 16px; } .form-newsletter-popup .action-newsletter .btn:hover {background-color: #f06703} .form-newsletter p{ color: black; font-size: 1.1em; } .subscribe-bottom { display: none; margin-bottom: 15px; } .subscribe-bottom .checker { display: inline-block; float: none; position: relative; top: 1px; } .subscribe-bottom label { float: none; font-size: 0.8em; font-weight: normal; padding-left: 10px; } .newsletter-info .socials { float: left; width: 100%; } .newsletter-info .socials ul { display: table; margin: 0 auto 10px; text-align: center; } .newsletter-info .socials li { display: inline-block; } .newsletter-info .socials li a { color: #ccc; font-size: 1.4em; padding: 10px; } .newsletter-info .socials li a:hover {color: #333} @media (max-width: 991px) { .newsletter-info {font-size: 0.9em} } @media (max-width: 767px) { #ModalPopUp .modal-dialog {margin: 30px 55px} } @media (max-width: 479px) { .newsletter-info {font-size: 0.8em} #ModalPopUp .modal-dialog {margin: 30px} } /*Modal novedades Home*/ #ModalPopUp{ background: none; top:inherit; left: inherit } #ModalPopUp .modal-body { margin: 10px 0 0; padding: 20px 30px; position: relative; float: left; width: 100%; } #ModalPopUp>.modal-dialog{ width: 400px; } #ModalPopUp ._contact_holder p{ color: #fff; text-transform: uppercase; } #ModalPopUp .modal-header{ background:none; margin:0; padding:0; border: none; } #ModalPopUp .modal-body{ margin-top: 0; border: 1px solid #003366; border-top: 5px solid #003366; background: #003366; } #ModalPopUp legend{ color: #fff; font-size: 1.5em; font-weight: 600; } #ModalPopUp .modal-body label{ color: #fff; } #ModalPopUp .modal-body label span{ color: #fff; } #ModalPopUp .modal-content{ border: none; box-shadow: none; padding:0px!important; } #ModalPopUp .close{ /*color: #003f91;*/ color: #003366; font-size: 30px; opacity: 1; position: absolute; right: 15px; text-shadow: none !important; top: 13px; background-color: #fff; border-radius: 50px; height: 30px; width: 30px; border: 1px solid #003366; margin-top: -30px; line-height: 0.4em; font-weight: 500; } #ModalPopUp .btn-primary { background-color:#003366 !important; padding: 10px 20px; font-weight: 500 !important; } #ModalPopUp .btn-default, .btn-danger { background-color:#333333 !important; padding: 10px 20px; font-weight: 500 !important; } .mdl_compare h3 { margin: -7px 0 12px; font-size: 1.1em; letter-spacing: 0; color: #003366; font-weight: 600; } @media (max-width:767px){ #ModalPopUp{ display: none !important; } } .modal-footer .btn-primary, .CART_BOX .btn-primary { background-color: #003366!important; } /* tab comparar producto ********************************/ #tab-comparar { border: 1px solid #eee; float: left; padding: 0; width: 100%; } .Compare h1 { padding: 20px 0 0 30px; } /**************************************************************************/ /* COMPARAR - COMPARE ******************************/ /* Zebra striping! */ .zebra tr:nth-of-type(odd) { background: #f9f9f9; } .Compare table { background: #fff none repeat scroll 0 0; border: 0 none; float: left; font-size: 0.87em; margin-bottom: 0; min-width: 480px; } .Compare tr td, .Compare tr th { border: 1px solid #ddd !important; } .Compare th, .Compare td {width: 21%;} #tab-comparar table tbody > tr td, #tab-comparar table tbody > tr th {background: transparent} #tab-comparar table tbody > tr:nth-child(2) {background-color: #f9f9f9;} #tab-comparar table tbody > tr:nth-child(4n+4) {background-color: #f9f9f9;} .Compare thead.affix .corner, .Compare tbody tr th:first-child, .Compare thead .corner { width: 9%; } .Compare thead { box-shadow: 0 0 5px rgba(0, 0, 0, 0.28); z-index: 2; } .Compare thead th { background: #000 none repeat scroll 0 0 !important; border-color: #f5f5f5 !important; border-style: solid !important; border-width: 0 0 6px !important; padding-bottom: 14px !important; padding-top: 35px !important; position: relative; vertical-align: middle !important; } .Compare tbody th, .Compare tbody td { padding: 8px !important; } .Compare tbody tr th:first-child, .Content thead tr th:first-child { padding-left: 10px !important; } .Compare tbody tr th:last-child, .Content thead tr td:last-child { padding-right: 10px !important; } .Compare .corner { background: #000 none repeat scroll 0 0 !important; color: #fff; font-size: 1.7em; font-weight: 300; line-height: 1em; } .Compare table h3 { color: #fff; font-size: 1.1em; line-height: 1.1em; margin: 5px 0 10px; padding: 0 5px; text-align: center; } .Compare table h3:hover {text-decoration: underline} .th_image img:hover {border: 1px solid #000;} .Compare .remove { background: #888 none repeat scroll 0 0; border: 3px solid #fff; border-radius: 24px; bottom: -17px; color: #fff; cursor: pointer; display: block; font-size: 13px; height: 25px; line-height: 19px; margin-right: -10px; position: absolute; right: 50%; text-align: center; text-decoration: none !important; width: 25px; } .Compare .remove:before {content:"\e02b"} .Compare .remove:before { font-family: "E3Interface"; text-align: center; } .Compare .remove:hover {color: #fff; background: #000;} .Compare .th_image { background: #fff none repeat scroll 0 0 !important; } .Compare .th_img {opacity: 1 !important; text-align: left !important;} .Compare .th_img:before {content: "\f2d3"} .Compare .th_img::before {font-family: "Ionicons"; opacity: 0.2;} .Compare .th_image { padding: 1px !important; text-align: center; } .Compare .th_image img { height: auto; max-width: 140px; max-height: 120px; padding-top: 7px; width: auto; } .Compare tbody th { color: #777; font-weight: 500; letter-spacing: 0.02em; min-width: 133px; } .Compare table .valoracion { float: left; margin: 0; } .Compare table .price_wrapper { font-size: 0.95em; height: auto; margin-bottom: 10px; } .Compare table .BUTTONBUY { margin-top: 7px; padding: 5px; } .tr_buy .BUTTONBUY { font-size: 1.05em !important; margin: 0 auto; padding: 6px 14px !important; } .Compare table .stars_off {z-index: 0;} .Compare table .puntaje {display: none} /* affix table */ .affix { width: inherit; } .Compare thead.affix { top: 0; } .Compare thead.affix tr { display: table; width: 100%; } .Compare thead.affix th { display: table-cell; padding: 5px 5px 13px !important; } .Compare thead.affix h3 { font-size: 0.78em; letter-spacing: 0; line-height: 1.1em; } .Compare thead.affix .remove { bottom: -20px; } #tab-comparar tr:hover td {background-color: #eee !important} #tab-comparar tr:hover th {background-color: #E9E8EA} #tab-comparar tr:nth-child(1):hover > * {background-color: #fff !important} /* @media only screen and (max-width: 767px) { .Compare th:first-child, .Compare thead.affix .corner { display: none; } .titmobile td { background: #e8e8e8 none repeat scroll 0 0 !important; border: 0 none !important; color: #000; line-height: 0.8em !important; padding-top: 20px !important; text-align: center; text-transform: uppercase; } .Compare tbody tr td { background: #fff none repeat scroll 0 0; font-size:0.9em; } .Compare th, .Compare td {width: 25%} .th_image img {max-width: 90px; max-height: 90px;} .Compare table h3 {font-size: 0.8em;} } @media only screen and (max-width: 479px) { .Compare table {font-size: 0.7em} .Compare th, .Compare td {width: 50%} .Compare thead.affix {position: relative} .Compare section { overflow-y: hidden; width: 100%; } .Compare table {overflow-x: auto} } */ * compare ***********************************/ .compare { float: left; position: relative; clear: left; width: 100%; } .comp-button { color: #777; font-size: 0.8em; letter-spacing: 0.03em; text-transform: uppercase; text-align: left; line-height: 1.2em; } .comp-button:before { content: "" } .comp-button::before { float: left; font-family: "Ionicons"; font-size: 1.5em; margin: 5px 6px 0 1px; opacity: 0.8; text-decoration: none !important; text-transform: none; } .comp-button::after { content: "Comparar" } .compare:hover .comp-button { text-decoration: underline !important; opacity: 1; color: #444 !important; } /* Productos ya agregados a comparación */ .act_compare {} .act_compare .comp-button { color: #005bb3!important; } .act_compare .comp-button:before { content: "\f122"; font-size: 1.36em } .Product .act_compare .comp-button:before { line-height: 0.2em; } .act_compare .comp-button::after { content: "Comparar"; letter-spacing: 0; } .act_compare:hover .comp-button { color: #005bb3 !important; } .PRODUCTAREA .compare { line-height: 1.2em; font-size: 1.4em; }