/* ------------------------------------------ */ /* STYLE SPRITES */ /* ------------------------------------------ */ [class^="ico-"], [class*=" ico-"], [class^="send-"], [class*=" send-"], [class^="buy-"], [class*=" buy-"], [class^="star-"], [class*=" star-"], .lat-nav ul.lst-links li:before, .panel-F1 .panel-title a:before, .lat-filters-selected-arrow, ul.lst-panel li:before, #header #header-brand a { display: inline-block; zoom:1; *display: block; width: 15px; height: 15px; margin-top: 0px; *margin-right: .3em; line-height: 15px; vertical-align: text-top; background: transparent url("https://static1.funidelia.com/img/global/sprite.png") 0px 0px no-repeat; } [class^="ico2-"], [class*=" ico2-"], [class^="buy2-"], [class*=" buy2-"] { display: inline-block; zoom:1; *display: block; width: 15px; height: 15px; margin-top: 0px; *margin-right: .3em; line-height: 15px; vertical-align: text-top; background: transparent url("https://static1.funidelia.com/img/global/sprite2.png") 0px 0px no-repeat; } [class^="size-"], [class*=" size-"] { display: inline-block; zoom:1; *display: block; width: 159px; height: 35px; margin-top: 0px; *margin-right: .3em; line-height: 33px; text-indent: -10000px; vertical-align: text-top; background: transparent url("https://static1.funidelia.com/img/int/es/comments-size2.png") 0px 0px no-repeat; } #header #header-nav .header-nav-menu li h3, #header #header-menu li.opt-normal .dropdown ul.lst-tags, .line-f1, .tooltip-box .secundary, .tooltip-box .dropdown-menu h3 { background: transparent url("https://static1.funidelia.com/img/global/fdo_sep_small.gif") 0px 0px no-repeat; } .tit, .line-f2, #product-accessories, #product-media-users, #product-comments, #product-relations, .lst-categories, .box-seo, .landing, .home-scc, .ctt-scc { background: transparent url("https://static1.funidelia.com/img/global/fdo_sep_big.gif") 0px 0px no-repeat; } .tit-deco, .product-security { background: transparent url("https://static1.funidelia.com/img/global/fdo_title.gif") 0px 0px no-repeat; } #product-detail .product-price .txt-price-previous { background: transparent url("https://static1.funidelia.com/img/global/fdo_sep_1x1_color.gif") 0px 0px no-repeat; } .tit-emp, .costume-sep { background: transparent url("https://static1.funidelia.com/img/global/fdo_sep_1x1.gif") 0px 0px no-repeat; } .box-login { background: url("https://static1.funidelia.com/img/global/fdo_box_white.gif") 0px 0px no-repeat; } .box-fdo-resume { background: url("https://static1.funidelia.com/img/global/fdo_summary.gif") 0px 0px no-repeat; } /* ------------------------------------------ */ /* STYLES GLOBAL */ /* ------------------------------------------ */ /* ------------------------------------------------------ */ /* STYLE GENERAL */ /* ------------------------------------------------------ */ /* .row {margin: 1.5em -7.5px} [class*="col-"] {padding: 0 7.5px;} */ body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.5; color: #727272; background: #FFFFFF; /*overflow : -moz-scrollbars-vertical*/ } a { color: #0070a0; cursor: pointer; } a:hover { color: #0098db; text-decoration: none; } a:active { color: #0098db; text-decoration: none; } a:focus { color: #0070a0; text-decoration: none; } .form-control:focus { border: 1px solid #e3af26; box-shadow: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline : 0; } .inline { display: inline-block; zoom: 1; *display: block; } /* ------------------------------------------------------ */ /* STYLE HEADER */ /* ------------------------------------------------------ */ /* General */ #header { clear:both; width: 100%; color: #FFFFFF; background: #565656; } #header #header-ctt { position: relative; } /* Banner top: Message for Publicity */ #header #header-msg { clear: both; padding: 10px; font-size: 14px; color: #595959; text-align: center; background: #ffff99; } #header #header-msg h3 { margin: 0px; padding: 0px; font-size: 14px; font-weight: 700; } #header #header-msg h3 .txt-hl { color: #ff6600; font-size: 16px; text-decoration: underline; text-transform: uppercase; } #header #header-msg h3 a { font-size: 11px; font-weight: normal; color: #0070a0; text-decoration: none; } #header #header-msg h3 a:hover { color: #00578e; } /* Header clock */ #header #header-msg.wclock { padding: 15px 10px; color: #FFFFFF; background: #cc0000; } #header #header-msg.wclock h3 .txt-hl { color: #ffcc00; font-size: 15px; text-decoration: none; } #header #header-msg.wclock #clock { padding: 4px 8px; font-size: 16px; font-weight: 700; display: inline-block; zoom: 1; *display: block; } #header #header-msg.wclock #clock span { font-size: 18px; } #header #header-msg.wclock #clock i { padding: 3px 4px; color: #FFFFFF; font-style: normal; margin: 0px 2px; display: inline-block; zoom: 1; *display: block; background: #333333; } #header #header-msg.wclock .des { color: #ffcc00; font-size: 18px; text-transform: uppercase; font-weight: 900; text-decoration: underline; } #header #header-msg.wclock .tooltip { z-index: 9999; } #header #header-msg.wclock .tooltip.in { filter: alpha(opacity=100); opacity: 1; } #header #header-msg.wclock .ico-help { background-position: -259px -598px !important; } /* Header Logo section */ #header #header-brand { position: relative; float: left; margin: 21px 10px 10px 0px; padding: 0px; font-size: 13px; background: url('https://static1.funidelia.com/img/global/fdo_head_brand.gif') top right repeat-y; } #header #header-brand a { margin: 12px 15px 15px 4px; text-indent: -10000px; width: 158px; height: 52px; line-height: 52px; background-position: 0px 0px; } /* Header Section nav secundary: att client, login, cart */ #header #header-nav { position: relative; float: right; margin: 0px; } #header #header-nav ul.header-nav-menu { margin: 0px; padding: 0px; list-style-type: none; } #header #header-nav .header-nav-menu li { display: inline-block; zoom: 1; *display: block; margin: 4px 0px 3px 0px; } #header #header-nav .header-nav-menu li h3 { margin: 0px 0px 13px 0px; padding: 0px 0px 13px 0px; font-family: 'Roboto Slab', serif; color: #535353; font-weight: 700; font-size: 14px; text-align: center; background-position: bottom left; background-repeat: repeat-x; } #header #header-nav .header-nav-menu li p { } #header #header-nav .header-nav-menu li a.opt { position: relative; z-index: 1001; display:block; padding: 10px; font-size: 13px; color: #e3af26; text-decoration: none; font-weight: normal; } #header #header-nav .header-nav-menu li a.opt:hover { text-decoration: none; color: #FFFFFF; } #header #header-nav .header-nav-menu li a.opt .txt { display: inline-block; zoom:1; *display: block; padding-right: 4px; } #header #header-nav .header-nav-menu li.open a.opt { color: #2e2e2e; text-decoration: none; background: #FFFFFF; } #header #header-nav .header-nav-menu li.open .ico-hn-bll { background-position: -39px -73px; } #header #header-nav .header-nav-menu.postop { position: absolute; right: 0px; white-space: nowrap; } /* Header Section nav secundary: user */ #header #header-nav .header-nav-menu li.head-user { border-left: 0px; } #header #header-nav .header-nav-menu li.head-user h3 { display: none; } #header #header-nav .header-nav-menu li.head-user form { margin: 0px; padding: 0px; } #header #header-nav .header-nav-menu li.head-user form label { font-size: 13px; font-weight: normal; } #header #header-nav .header-nav-menu li.head-user form a { display: block; margin: 15px 0px 8px 0px; font-size: 12px; text-decoration: none; } #header #header-nav .header-nav-menu li.head-user form a:hover { color: #00578e; } #header #header-nav .header-nav-menu li.head-user form .form-control { font-size: 13px; margin: 3px 0px 9px 0px; } #header #header-nav .header-nav-menu li.head-user form .btn { display: block; width: 100%; margin: 15px 0px 0px 0px; } #header #header-nav .header-nav-menu li.head-user form .has-error label { color: #cc0000; } #header #header-nav .header-nav-menu li.head-user form .has-error .form-control { background: #ffe1e2; border: 1px solid #ffcccc; } #header #header-nav .header-nav-menu li.head-user form .msg-error { font-size: 13px; color: #cc0000; } #header #header-nav .header-nav-menu li.head-user .ico-hn-user { display: none; } #header #header-nav .header-nav-menu li.head-user ul { margin: 0px; padding: 0px; list-style-type: none; } #header #header-nav .header-nav-menu li.head-user li { float: none; margin: 0px; display: block; } #header #header-nav .header-nav-menu li.head-user li a { display: block; padding: 2px 0px 2px 0px; color: #727272; } #header #header-nav .header-nav-menu li.head-user li a:hover { text-decoration: none; color: #2e2e2e; } #header #header-nav .header-nav-menu li.head-user li.sep { margin-top: 4px; padding-top: 2px; border-top: 1px solid #e9e9e9; } #header #header-nav .header-nav-menu li.head-user a.opt { z-index: 1201; } #header #header-nav .header-nav-menu li.head-user .dropdown-menu { z-index: 1200; } /* Header Section nav secundary: client */ #header #header-nav .header-nav-menu li.head-client { } #header #header-nav .header-nav-menu li.head-client ul { margin: 0px; padding: 0px; list-style-type: none; } #header #header-nav .header-nav-menu li.head-client li { display: block; width: 100%; margin: 0px; padding: 0px 0px 10px 0px; border: 0px; font-size: 14px; color: #727272; text-align: left; } #header #header-nav .header-nav-menu li.head-client li .ntxt { display: none; } #header #header-nav .header-nav-menu li.head-client li a { color: #727272; } #header #header-nav .header-nav-menu li.head-client li a:hover { text-decoration: none; color: #2e2e2e; } #header #header-nav .header-nav-menu li.head-client li a.opt { padding: 0px; } #header #header-nav .header-nav-menu li.head-client .ico-hn-client { display: none; } #header #header-nav .header-nav-menu li.head-client a.opt { z-index: 1201; } #header #header-nav .header-nav-menu li.head-client .dropdown-menu { z-index: 1200; } /* Header Section nav secundary: Language */ #header #header-nav .header-nav-menu li.head-language { } #header #header-nav .header-nav-menu li.head-language .txt { text-transform: uppercase; } #header #header-nav .header-nav-menu li.head-language ul { margin: 0px; padding: 0px; list-style-type: none; } #header #header-nav .header-nav-menu li.head-language li { display: block; width: 100%; margin: 0px; padding: 0px 0px 10px 0px; border: 0px; font-size: 14px; color: #727272; text-align: left; } #header #header-nav .header-nav-menu li.head-language li a { color: #727272; } #header #header-nav .header-nav-menu li.head-language li a:hover { text-decoration: none; color: #2e2e2e; } #header #header-nav .header-nav-menu li.head-language li a.opt { padding: 0px; } #header #header-nav .header-nav-menu li.head-language li a.act { color: #d0a126; } #header #header-nav .header-nav-menu li.head-language li img { margin-right: 5px; } #header #header-nav .header-nav-menu li.head-language .ico-hn-client { display: none; } #header #header-nav .header-nav-menu li.head-language a.opt { z-index: 1201; } #header #header-nav .header-nav-menu li.head-language a.opt img { margin-right: 5px; } #header #header-nav .header-nav-menu li.head-language .dropdown-menu { z-index: 1200; min-width: 120px; } /* Header Section nav secundary: cart */ #header #header-nav .header-nav-menu li.head-cart { clear: both; display: block; margin: 0px; padding: 45px 0px 0px 0px; border-left: 0px; } #header #header-nav .header-nav-menu li.head-cart a.opt { z-index: 1100; float: right; padding: 12px 6px; width: 145px; height: 46px; color: #FFFFFF; border: 1px solid #626366; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header #header-nav .header-nav-menu li.head-cart a.opt .ico-hn-bll { margin-top: 8px; float: right; } #header #header-nav .header-nav-menu li.head-cart a.opt .txt { display: none; } #header #header-nav .header-nav-menu li.head-cart a.opt .num { position: absolute; right: 5px; top: 8px; font-size: 16px; padding-right: 15px; font-weight: 700; color: #e3af26; } #header #header-nav .header-nav-menu li.head-cart a.opt .num i { font-style: normal; } #header #header-nav .header-nav-menu li.head-cart a.opt:hover { color: #727272; background: #FFFFFF; border: 1px solid #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header #header-nav .header-nav-menu li.head-cart a.opt:hover .ico-hn-bll { background-position: -39px -73px; } #header #header-nav .header-nav-menu li.head-cart a.opt:hover .ico-hn-cart { background-position: -215px -7px; } #header #header-nav .header-nav-menu li.head-cart.open a.opt{ color: #727272; background: #FFFFFF; border: 1px solid #FFFFFF; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } #header #header-nav .header-nav-menu li.head-cart.open a.opt .ico-hn-cart { background-position: -215px -7px; } #header #header-nav .header-nav-menu li.head-cart .msg-empty { color: #e3af26; text-align: center; font-size: 13px; } #header #header-nav .header-nav-menu li.head-cart .msg-ley { color: #e3af26; text-align: center; font-size: 13px; } #header #header-nav .header-nav-menu li.head-cart .msg-urgency { position: relative; padding: 10px; font-family: 'Roboto Slab', serif; font-size: 12px; color: #535353; color: #cc0000; font-weight: 700; line-height: 1.3; background: #fef9f8; border: 1px solid #f1c6b8; border-left: 4px solid #f1c6b8; } #header #header-nav .header-nav-menu li.head-cart .msg-urgency .ico-urgency-happy { position: absolute; right: -10px; bottom: -10px; } #header #header-nav .header-nav-menu li.head-cart .dropdown-menu { z-index: 1000; top: 90px; right: 0px; } #header #header-nav .header-nav-menu li.head-cart ul { margin: 0px; padding: 0px; } #header #header-nav .header-nav-menu li.head-cart li { display: block; padding: 0px; width: 100%; border: 0px; border-bottom: 1px solid #ededed; } #header #header-nav .header-nav-menu li.head-cart form { margin: 0px; padding: 0px; } #header #header-nav .header-nav-menu li.head-cart form label { display: none; } #header #header-nav .header-nav-menu li.head-cart form .btn { display: block; width: 100%; margin: 15px 0px 0px 0px; } #header #header-nav .header-nav-menu li.head-cart .hc-pro { margin: 10px 0px 7px 0px; } #header #header-nav .header-nav-menu li.head-cart .hc-pro .hc-pro-img { float: left; width: 80px; } #header #header-nav .header-nav-menu li.head-cart .hc-pro .hc-pro-img img { border: 1px solid #e0e0e0; } #header #header-nav .header-nav-menu li.head-cart .hc-pro a.hc-pro-txt { line-height: 1.3; color: #727272; } #header #header-nav .header-nav-menu li.head-cart .hc-pro a.hc-pro-txt:hover { text-decoration: none; color: #2e2e2e; } #header #header-nav .header-nav-menu li.head-cart .hc-ctd { margin: 10px 0px 12px 0px; } #header #header-nav .header-nav-menu li.head-cart .hc-ctd-sel { float: left; display: block; padding: 3px 8px; width: 66px; height: 28px; font-size: 12px; background: #fffff5; } #header #header-nav .header-nav-menu li.head-cart .hc-ctd-price { float: left; display: block; margin: 0px 10px; padding: 0px; font-family: 'Roboto Slab', serif; font-size: 14px; color: #535353; } #header #header-nav .header-nav-menu li.head-cart .hc-ctd-price .txt { display: none; } #header #header-nav .header-nav-menu li.head-cart .hc-ctd-del { float: right; display: block; } #header #header-nav .header-nav-menu li.head-cart .price-total { font-family: 'Roboto Slab', serif; color: #856000; font-size: 14px; font-weight: 700; text-align: center; } #header #header-nav .header-nav-menu li.head-cart .price-total strong { font-size: 13px; color: #deae00; font-weight: 700; } /* Header Section nav secundary: dropdown */ #header #header-nav .header-nav-menu .dropdown-menu { margin: -1px 0px 0px 0px; padding: 18px 14px 18px 14px; min-width: 240px; font-size: 13px; color: #727272; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #EDEDED; } #header #header-nav .header-nav-menu .dropdown-menu .arrow { display: none; position: absolute; bottom: 0px; left: 0px; width: 135px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_head_menu_act.gif') top center no-repeat; } /* Header Section nav secundary: cart */ #header #header-nav .header-nav-menu li.head-cart { padding-top: 45px; } #header #header-nav .header-nav-menu li.head-cart a.opt { width: 145px; height: 46px; padding: 12px 6px; } #header #header-nav .header-nav-menu li.head-cart a.opt .txt { display: none; } #header #header-nav .header-nav-menu li.head-cart a.opt .num { position: absolute; right: 5px; top: 8px; font-size: 16px; padding-right: 15px; } #header #header-nav .header-nav-menu li.head-cart .dropdown-menu { top: 90px; } /* Header search duplicate */ #header #header-search { padding-top: 45px; width: auto; white-space: nowrap; } #header #header-search .search-form { display: block; margin: 0; overflow: hidden; position: relative; white-space: nowrap; width: auto; } #header #header-search .search-form h2 { display: none; font-size: 14px; } #header #header-search .search-form form { float: left; margin: 0px; padding: 0px; width: 95%; } #header #header-search .search-form form fieldset { margin: 0px; padding: 0px; border: 0px; } #header #header-search .search-form form legend { display: none; } #header #header-search .search-form form label { display: none; } #header #header-search .search-form form .search-group { position: relative; display: table; border-collapse: separate; } #header #header-search .search-form form .search-group .form-control { display: table-cell; font-size: 14px !important; padding: 8px 12px; height: 46px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -moz-border-top-right-radius: 0px; } #header #header-search .search-form form .search-group .form-control:focus { border: 3px solid #e3af26; border-right: none; } #header #header-search .search-form form .search-group .search-group-btn { position: relative; display: table-cell; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; border: none; } #header #header-search .search-form form .search-group .search-group-btn .btn { height: 46px; font-size: 13px; border: 0px; text-shadow: 0px 1px 1px rgba(183, 148, 56, 1); border-bottom-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -moz-border-top-left-radius: 0px; } #header #header-search .search-form form .search-group .search-group-btn .btn .ico-search { margin-right: 4px; } #header #header-search .search-form form .search-group .search-group-btn .btn .txt { font-size: 15px; } #header #header-search .btn-search { background: #e3af26; } /* Header Section nav Primary */ #header #header-menu .header-menu-movil { display: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #999999 } #header #header-menu .open .header-menu-movil li { float: none; padding-bottom: 3px; } #header #header-menu .open .header-menu-movil li h2 { display: block; font-family: 'Roboto Slab', serif; margin: 0px; padding: 0px; font-size: 13px; font-weight: 700; color: #535353; } #header #header-menu .open .header-menu-movil li h2 a { min-height: 25px; font-size: 13px; color: #535353; background: none; border-bottom: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #CDCDCD; } #header #header-menu .open .header-menu-movil li h2 a:hover { color: #e3af26; background: #636363; } #header #header-menu .open .header-menu-movil li h2 a .arrow { display: none; } #header #header-menu .open .header-menu-movil li h2 a .ico-hmen-bll { width: 4px; height: 7px; background-position: -56px -119px; } #header #header-menu .open .header-menu-movil li h2 a:hover .ico-hmen-bll { background-position: -41px -119px; } #header #header-menu .open .header-menu-movil li .ico-hn-user { margin-left: 5px; background-position: -830px -9px; } #header #header-menu .open .header-menu-movil li .ico-hn-client { margin-left: 5px; background-position: -796px -9px; } #header #header-menu .open .header-menu-movil li h2 a:hover .ico-hn-user { background-position: -681px -44px; } #header #header-menu .open .header-menu-movil li h2 a:hover .ico-hn-client { background-position: -648px -44px; } #header #header-menu { position: relative; clear: both; display: block; } #header #header-menu ul { margin: 0px; padding: 0px; list-style-type: none; } #header #header-menu li { float: left; } #header #header-menu li h2 { display: inline-block; zoom: 1; *display: block; font-family: 'Roboto Slab', serif; margin: 0px; padding: 0px; font-size: 13px; font-weight: 700; color: #FFFFFF; } #header #header-menu li h2 a { position: relative; display: block; padding: 15px 8px; width: 134px; min-height: 78px; color: #FFFFFF; background: #222222; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #header #header-menu li h2 a:hover { color: #2e2e2e; text-decoration: none; background: #FFFFFF url('https://static1.funidelia.com/img/global/fdo_head_menu_hover.gif') bottom left repeat-x; } #header #header-menu li h2 a .ico-hmen-bll { margin-left: 3px; } #header #header-menu li:hover h2 a .arrow { position: absolute; bottom: 0px; left: 0px; display:block; width: 135px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_head_menu_act.gif') top center no-repeat; } #header #header-menu li .dropdown .fdo { background: url('https://static1.funidelia.com/img/global/fdo_sep_1x1.gif') top center repeat-y; } /* Header Section nav Primary: responsive view */ #header #header-menu .header-menu-nav { } #header #header-menu .header-menu-responsive { display: block; } #header #header-menu .header-menu-responsive.dropdown-menu { position: static; float: none; margin: 0px; padding: 0px; background: transparent; border: 0px; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header #header-menu .header-menu-responsive .arrow-menu { display: none; position: absolute; top: -8px; right: 25px; width: 13px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_head_mobile.gif') top center no-repeat; } #header #header-menu a.opt-menu { display: none; position: absolute; top: -90px; right: 0px; } #header #header-menu a.opt-menu .txt { display: none; } /* Header Section nav Primary: menu normal */ #header #header-menu li.opt-normal:first-child { margin: 0px; } #header #header-menu li.opt-normal { margin: 0px 0px 0px 4px; } #header #header-menu li.opt-normal .dropdown { display: none; z-index: 700; position: absolute; top: 100%; left: 0; width: 100%; padding: 20px 15px; color: #727272; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } #header #header-menu li.opt-normal .dropdown .header-menu-cat { float: right; padding-bottom: 45px; position: relative; width: 48%; } #header #header-menu li.opt-normal .dropdown .header-menu-cat h3 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; color: #535353; font-weight: 700; font-size: 14px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat ul.lst-tags { margin: 0px 0px 20px 0px; padding: 0px 0px 5px 0px; list-style-type: none; background-position: bottom left; background-repeat: repeat-x; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-tags li { float: Left; width: 50%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-tags li:nth-child(2n+1) { clear:both; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-tags a { display: block; padding: 15px 5px; font-family: 'Roboto Slab', serif; font-size: 14px; color: #727272; text-align: center; background: #FFFFFF; border: 1px solid #e8e8e8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-tags a:hover { color: #2e2e2e; text-decoration: none; background: #EDEDED; } #header #header-menu li.opt-normal .dropdown .header-menu-cat ul.lst-cats { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-cats li { float: Left; width: 50%; padding-left: 5px; padding-right: 5px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-cats li a { display: block; padding-bottom: 3px; font-size: 13px; color: #727272; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #FFFFFF; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-cats li a:hover { color: #2e2e2e; text-decoration: none; } #header #header-menu li.opt-normal .dropdown .header-menu-spe { float: left; width: 48%; } #header #header-menu li.opt-normal .dropdown .header-menu-spe h3 { margin: 0px; padding: 0px 0px 20px 0px; font-family: 'Roboto Slab', serif; color: #535353; font-weight: 700; font-size: 14px; } #header #header-menu li.opt-normal .dropdown .header-menu-spe ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } #header #header-menu li.opt-normal .dropdown .header-menu-spe li { float: left; width: 33.3333%; padding-left: 5px; padding-right: 5px; text-align: center; } #header #header-menu li.opt-normal .dropdown .header-menu-spe li:nth-child(3n+1) { clear: both; } #header #header-menu li.opt-normal .dropdown .header-menu-spe li img { width:100%; max-width: 118px; } #header #header-menu li.opt-normal .dropdown .header-menu-spe a.link { display: block; padding: 8px 0px; font-family: 'Roboto Slab', serif; font-size: 12px; color: #727272; font-weight: normal; text-align: center; background: none; } #header #header-menu li.opt-normal .dropdown .header-menu-spe a.link:hover { color: #2e2e2e; text-decoration: none; } #header #header-menu li.opt-normal .dropdown .header-menu-spe li:hover a.link { color: #2e2e2e; text-decoration: none; } #header #header-menu li.opt-normal:hover .dropdown { display: block; } #header #header-menu li.opt-normal:hover a { color: #2e2e2e; text-decoration: none; background: #FFFFFF url('https://static1.funidelia.com/img/global/fdo_head_menu_hover.gif') bottom left repeat-x; } #header #header-menu li.opt-normal .dropdown ul.all { position: absolute; bottom: 20px; right: 15px; margin: 0px; padding: 0px; } #header #header-menu li.opt-normal .dropdown ul.all li { list-style-type: none; } #header #header-menu li.opt-normal .dropdown ul.all li a { display: block; padding: 5px 15px; font-size: 13px; color: #cc9900; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #FFFFFF; border: 1px solid #f1d792; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #header #header-menu li.opt-normal .dropdown ul.all li a:hover { color: #e3af26; text-decoration: none; } /* Header Section nav Primary: menu links */ #header #header-menu li.opt-links { margin: 0px 0px 0px 4px; } #header #header-menu li.opt-links h2 { display: none; } #header #header-menu li.opt-links .dropdown { float: left; display: block; } #header #header-menu li.opt-links .dropdown ul { float: left; margin: 8px 0px 0px 10px; } #header #header-menu li.opt-links .dropdown li { display: block; float: none; font-size: 12px; color: #FFFFFF; } #header #header-menu li.opt-links .dropdown li a { display: block; padding: 0px 0px 3px 0px; color: #FFFFFF; background: url('https://static1.funidelia.com/img/global/fdo_head_menu_links.gif') bottom left repeat-x; } #header #header-menu li.opt-links .dropdown li a:hover { color: #e3af26; text-decoration: none; } /*#header #header-menu li.opt-links .dropdown li.spe a { color: #e3af26; font-weight: 700; }*/ #header #header-menu li.opt-links .dropdown li.spe a:hover { color: #efbd21; } /*#header #header-menu li.opt-links .dropdown li.spe .ico-hmen-links { width: 8px; height: 9px; line-height: 13px; vertical-align: middle; background-position: -53px -100px; }*/ #header #header-menu li.opt-links .dropdown li.alpha { display: none; } /* Header Section nav Primary: menu outlet */ #header #header-menu li.opt-outlet:hover h2 a .arrow { right: 0px; left: auto; } #header #header-menu li.opt-outlet { float: right; } #header #header-menu li.opt-outlet h2 a { padding: 25px 8px; width: 145px; font-size: 20px; background: #e3af26; text-align: center; } #header #header-menu li.opt-outlet h2 a:hover { color: #2e2e2e; } #header #header-menu li.opt-outlet .dropdown { display: none; z-index: 700; position: absolute; top: 100%; left: 0; width: 100%; padding: 20px 15px; color: #727272; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } #header #header-menu li.opt-outlet .dropdown .header-menu-cat { float: right; width: 48%; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat h3 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; color: #535353; font-weight: 700; font-size: 14px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat ul.lst-tags { margin: 0px 0px 5px 0px; padding: 0px 0px 20px 0px; list-style-type: none; background-position: bottom left; background-repeat: repeat-x; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-tags li { float: Left; width: 50%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-tags a { display: block; padding: 15px; font-family: 'Roboto Slab', serif; font-size: 14px; color: #727272; text-align: center; background: #FFFFFF; border: 1px solid #e8e8e8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-tags a:hover { color: #2e2e2e; text-decoration: none; background: #EDEDED; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat ul.lst-cats { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-cats li { float: Left; width: 50%; padding-left: 5px; padding-right: 5px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-cats li a { display: block; padding-bottom: 3px; font-size: 13px; color: #727272; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #FFFFFF; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-cats li a:hover { color: #2e2e2e; text-decoration: none; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe { float: left; width: 48%; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe h3 { margin: 0px; padding: 0px 0px 20px 0px; font-family: 'Roboto Slab', serif; color: #535353; font-weight: 700; font-size: 14px; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe li { float: left; width: 33.3333%; padding-left: 5px; padding-right: 5px; text-align: center; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe li img { width:100%; max-width: 118px; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe a.link { display: block; padding: 8px 0px; font-family: 'Roboto Slab', serif; font-size: 12px; color: #727272; font-weight: normal; text-align: center; background: none; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe a.link:hover { color: #2e2e2e; text-decoration: none; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe li:hover a.link { color: #2e2e2e; text-decoration: none; } #header #header-menu li.opt-outlet:hover .dropdown { display: block; } #header #header-menu li.opt-outlet:hover a { color: #2e2e2e; text-decoration: none; background: #FFFFFF url('https://static1.funidelia.com/img/global/fdo_head_menu_hover.gif') bottom left repeat-x; } /* ------------------------------------------------------ */ /* STYLE SECTION SEARCH */ /* ------------------------------------------------------ */ #search { clear: both; border-bottom: 1px solid #efefef; } #search .search-form { float: right; } #search .search-form h2 { display: none; font-size: 14px; } #search .search-form form { float: left; margin: 0px; padding: 0px; width: 81%; } #search .search-form form fieldset { margin: 0px; padding: 0px; border: 0px; } #search .search-form form legend { display: none; } #search .search-form form label { display: none; } #search .search-form form .search-group { position: relative; display: table; border-collapse: separate; } #search .search-form form .search-group .form-control { display: table-cell; padding: 8px 12px; height: 38px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -moz-border-top-right-radius: 0px; } #search .search-form form .search-group .search-group-btn { position: relative; display: table-cell; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; } #search .search-form form .search-group .search-group-btn .btn { height: 38px; font-size: 13px; border-left: 0px; text-shadow: 0px 1px 1px rgba(183, 148, 56, 1); border-bottom-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -moz-border-top-left-radius: 0px; } #search .search-form form .search-group .search-group-btn .btn .ico-search { margin-right: 4px; } #search a.search-webmap { float: right; padding: 7px 0px 7px 10px; font-size: 12px; border-left: 1px solid #e9eaea; } #search a.search-webmap { color: #0070a0 !important; cursor: pointer; } #search a.search-webmap:hover { color: #0098db !important; text-decoration: none; } #search .search-form .responsive { display: none; } #search .search-alpha { clear: none; float: none; margin: 12px 0px 8px 0px; } #search .search-alpha h2 { margin: 4px 5px 0px 0px; padding: 0px; display: inline-block; zoom: 1; *display: block; font-size: 11px; font-weight: normal; color: #3c3d41; text-transform: uppercase; } #search .search-alpha ul { margin: 6px 0px 0px 0px; padding: 0px; list-style-type: none; display: inline-block; zoom: 1; *display: block; } #search .search-alpha li { display: inline-block; zoom: 1; *display: block; font-size: 12px; } #search .search-alpha a { color: #727272; } #search .search-alpha a:hover { color: #d2a10a; } #search .search-alpha li a:before { content: "\00a0\2022\00a0"; float: left; font-size: 11px; } #search .search-alpha li a:hover:before { color: #727272; } #search .search-alpha li:first-child a:before { display: none; content: ""; } /* ------------------------------------------------------ */ /* STYLE SECTION BREADCRUMB */ /* ------------------------------------------------------ */ #brd { clear: both; padding: 12px 0px; background: #f6f6f7; } #brd .btit { float: left; margin: 5px 0px 0px 0px; padding: 0px; font-family: 'Roboto Slab', serif; color: #46474b; font-size: 20px; font-weight: normal; } #brd .btit a { color: #46474b; } #brd .btit a:hover { color: #46474b; } #brd .breadcrumb { margin: 0px; padding: 0px; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #brd .breadcrumb a { font-size: 12px; } #brd .breadcrumb > .active { display: none; color: #004470; font-size: 12px; font-weight: bold; } #brd .breadcrumb > li + li:before { content: ">"; color: #666769; font-size: 11px; } #brd .breadcrumb li { display: inline; } #brd .brd-help { float: right; margin-top: 5px; } #brd .tooltip-box .dropdown-menu { left: auto; margin-left: 0px; right: 0; } #brd .tooltip-box .dropdown-menu .arrow { left: auto; right: 20px; } /* ------------------------------------------------------ */ /* STYLE SECTION PRE FOOTER SEO CONTENT */ /* ------------------------------------------------------ */ #pfooter { clear: both; padding: 25px 0px; background: #eeeeef; } #pfooter h2 { margin: 0px; padding: 0px 0px 18px 0px; font-size: 14px; font-weight: bold; color: #535353; } #pfooter h3 { display: none; } #pfooter ul.pfooter-links { margin: 0px; padding: 0px; list-style-type: none; float: left; width: 24%; } #pfooter ul { margin: 0px; padding: 0px; } #pfooter .pfooter-links li { margin: 0px; padding: 0px; list-style-type: none; } #pfooter .pfooter-links li a { font-size: 13px; color: #727272; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #pfooter .pfooter-links li a:hover { color: #d2a10a; } #pfooter ul.pfooter-webmap { clear:both; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; list-style-type: none; text-align: center; border-top: 1px solid #d1d1d3; } #pfooter .pfooter-webmap li { display: inline-block; zoom: 1; *display: block; color: #535353; font-size: 13px; } #pfooter .pfooter-webmap li a { color: #535353; } #pfooter .pfooter-webmap li a:hover { color: #d2a10a; } #pfooter .pfooter-webmap li a:before { content: "\00a0\2022\00a0"; float: left; font-size: 13px; } #pfooter .pfooter-webmap li a:hover:before { color: #535353; } #pfooter .pfooter-webmap li:first-child a:before { display: none; content: ""; } /* ------------------------------------------------------ */ /* STYLE SECTION FOOTER */ /* ------------------------------------------------------ */ /* Footer general */ #footer { clear: both; padding: 25px 0px; color: #FFFFFF; background: #2e2e30; } #footer h3 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 14px; font-weight: 700; } #footer a { color: #FFFFFF; } #footer a:hover { color: #e3af26; } /* Groups Footer: g1 > ctc > Contact email and phone > social > Facebook, Twitter,... links > blog > Funiquete Blog > cert > Online security certification companies in ecommerce g2 > send > Transport companies > buy > Payment methods g3 > country > Funidelia in the world g4 > markets > Marketplaces or ohters webs > legal > Copyright and legal links */ #footer .g1 { padding-bottom: 5px; border-bottom: 1px solid #3e3e40; } #footer .g2 { padding-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #3e3e40; } #footer .g3 { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #3e3e40; } #footer .g4 { padding-top: 15px; padding-bottom: 5px; } /* Footer: Contact email and phone */ #footer #footer-ctc { float: left; width: 40.736%; } #footer #footer-ctc { padding-right:12px; } #footer #footer-ctc ul { position: relative; margin: 0px; padding: 0px; list-style-type: none; } #footer #footer-ctc li .emp { } #footer #footer-ctc li .emp a { font-weight: 700; } #footer #footer-ctc li .txt { padding: 4px 0px; font-size: 12px; } #footer #footer-ctc li.footer-phone { z-index: 1; position: absolute; top: 0px; left: 0px; } #footer #footer-ctc li.footer-phone br { display: none; } #footer #footer-ctc li.footer-mail { z-index: 2; top: 0px; right: 0px; width: 48%; } /* ** */ #footer #footer-ctc li.footer-mail .txt { text-indent: 30px; font-size: 13px; } #footer #footer-ctc li p { margin: 0px; padding: 0px; } #footer.case2 #footer-ctc { float: left; width: 25%; min-height: auto; } #footer.case2 #footer-ctc li.footer-mail { left: 0px; width: 100%; } /* Footer: Facebook, Twitter,... links */ #footer #footer-social { float: left; width: 24.421%; border-left: 1px solid #3e3e40; border-right: 1px solid #4b4c4d; text-align: center; } #footer #footer-social h3 { padding-left:12px; padding-right:12px; } #footer #footer-social ul { margin: 0px; padding: 0px 12px; list-style-type: none; } #footer #footer-social li { display: inline-block; zoom: 1; *display: block; margin-right: 4px; margin-bottom: 4px; } #footer #footer-social a { text-indent: -10000px; } #footer.case2 #footer-social { width: 25%; min-height: auto; } /* Footer: Funiquete Blog */ #footer #footer-blog { float: left; width: 20.631%; border-right: 1px solid #4b4c4d; text-align: center; } #footer #footer-blog h3 { padding-left:12px; padding-right:12px; } #footer #footer-blog p { margin: 0px; padding: 0px 12px; } #footer #footer-blog a { white-space: nowrap; } #footer.case2 #footer-blog { width: 25%; min-height: auto; } /* Footer: Online security certification companies in ecommerce */ #footer #footer-cert { float: right; width: 14.210%; text-align: center; } #footer #footer-cert h3 { padding-left:12px; padding-right:12px; } #footer #footer-cert ul { margin: 0px; padding: 0px 12px; list-style-type: none; } #footer #footer-cert li { display: inline-block; zoom: 1; *display: block; margin-right: 6px; } #footer.case2 #footer-cert { width: 25%; min-height: auto; } /* Footer: Transport companies */ #footer #footer-send { float: left; } #footer #footer-send h3 { display: inline-block; zoom: 1; *display: block; } #footer #footer-send ul { display: inline-block; zoom: 1; *display: block; margin: 0px; padding: 0px; list-style-type: none; } #footer #footer-send li { display: inline-block; zoom: 1; *display: block; margin-left: 6px; } /* Footer: Payment methods */ #footer #footer-buy { float: right; } #footer #footer-buy h3 { display: inline-block; zoom: 1; *display: block; } #footer #footer-buy ul { display: inline-block; zoom: 1; *display: block; margin: 0px; padding: 0px; list-style-type: none; } #footer #footer-buy li { display: inline-block; zoom: 1; *display: block; margin-left: 2px; } /* Footer: Funidelia in the world */ #footer #footer-country { } #footer #footer-country h3 { float: left; width: 20%; margin-top: 2px; vertical-align: top; } #footer #footer-country ul { float: right; width: 78%; margin: 0px; padding: 0px; list-style-type: none; vertical-align: top; } #footer #footer-country li { float: left; width: 25%; } /* Footer: Marketplaces or ohters webs */ #footer #footer-markets { float: right; } #footer #footer-markets h3 { display: none; } #footer #footer-markets ul { margin: 0px; padding: 0px; list-style-type: none; } #footer #footer-markets li { display: inline-block; zoom: 1; *display: block; margin-left: 2px; } /* Footer: Copyright and legal links */ #footer #footer-legal { float: left; margin-top: 10px; } #footer #footer-legal a:before { content: "\00a0\2022\00a0"; font-size: 13px; } #footer #footer-legal a:hover:before { color: #FFFFFF; } /* ------------------------------------------------------ */ /* STYLE SECTION CENTRAL */ /* ------------------------------------------------------ */ #ctt { clear: both; margin: 25px 0px 35px 0px; } /* ------------------------------------------------------ * /* STYLE TOOLTIP */ /* ------------------------------------------------------ */ .tooltip-box .dropdown-menu { left: 50%; top: 30px; margin: 0px 0px 0px -120px; padding: 18px 14px 18px 14px; min-width: 240px; font-size: 13px; color: #727272; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #EDEDED; } .tooltip-box .dropdown-menu .arrow { position: absolute; top: -9px; left: 40%; width: 50px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_head_menu_act.gif') top center no-repeat; } .tooltip-box.open a { color: #002e57; text-decoration: none; } .tooltip-box-left .dropdown-menu { left: 0px; margin: 0px; } .tooltip-box-left .dropdown-menu .arrow { left: 20px; } .tooltip-box .dropdown-menu .form-actions { margin: 15px 0px 0px 0px; text-align:right; } .checkbox .tooltip-box .dropdown-menu { top: 10px; } /* Tooltip Help */ .tooltip-box .primary { padding: 12px; text-align: center; background: #fbf7eb; } .tooltip-box .secundary { padding: 12px 0px; background-repeat: repeat-x; } .tooltip-box .help-phone { margin: 0px; font-size: 16px; font-weight: 700; color: #cc9900; } .tooltip-box .help-phone a { color: #cc9900; } .tooltip-box .help-txt { text-align: center; } .tooltip-box .help-lst { margin: 0px; padding: 0px; list-style-type: none; } .tooltip-box .help-lst li { margin: 0px auto; padding: 0px; width: 75%; } .tooltip-box .help-lst li a { color: #0070a0; } .tooltip-box .help-lst li a:hover { color: #0098db; text-decoration: none; } .tooltip-box .help-lst li a:active { color: #0098db; text-decoration: none; } .tooltip-box .help-lst li a:focus { color: #0070a0; text-decoration: none; } .tooltip-box .dropdown-menu h3 { margin: 0px 0px 13px 0px; padding: 0px 0px 13px 0px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #535353; font-weight: 700; background-position: bottom left; background-repeat: repeat-x; } .tooltip-box.open .dropdown-menu a.link { color: #0070a0; } .tooltip-box.open .dropdown-menu a.link:hover { color: #0098db; text-decoration: none; } .tooltip-box.open .dropdown-menu a.link:active { color: #0098db; text-decoration: none; } .tooltip-box.open .dropdown-menu a.link:focus { color: #0070a0; text-decoration: none; } .tooltip-box.open .dropdown-menu label, .checkbox .tooltip-box.open .dropdown-menu label, .checkbox .tooltip-box .dropdown-menu label { padding-left: 0px; margin-top: 5px; margin-bottom: 5px; font-weight: normal; } .tooltip-box.open .dropdown-menu .label, .checkbox .tooltip-box.open .dropdown-menu .label, .checkbox .tooltip-box .dropdown-menu .label { display: inline-block; zoom: 1; *display: block; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #535353; font-weight: 700; } /* Tooltip select */ .tooltip-select .dropdown-menu { left: 0px; margin: 0px; min-width: 280px; background: #f6f6f7; } .tooltip-select .dropdown-menu .arrow { left: 20px; background: transparent url('https://static1.funidelia.com/img/global/fdo_dd_primary.gif') top center no-repeat; } /* ------------------------------------------------------ */ /* STYLE TEXTS,... */ /* ------------------------------------------------------ */ .tit-big { margin: 0px; padding: 0px; font-weight: normal; font-size: 16px; color: #46474b; } .tit { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; font-weight: normal; font-size: 16px; line-height: 1.2; color: #46474b; background-position: bottom left; background-repeat: repeat-x; } .tit a { } .tit a.link { } .stit { margin: 0px 0px 20px 0px; padding: 0px; font-family: 'Roboto Slab', serif; color: #535353; font-size: 16px; font-weight: 700; border: 0px; } .stit a { } .stit a:link { } .stit .num { display: inline-block; zoom: 1; *display: block; margin: 0px 5px 0px 0px; padding: 6px 10px; color: #FFFFFF; background: #7d7d7d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .stit-m { margin: 0px 0px 8px 0px; padding: 0px; font-family: 'Roboto Slab', serif; color: #535353; font-size: 16px; font-weight: 700; border: 0px; } .stit-m a { } .stit-m a:link { } .stit-s { margin: 0px 0px 8px 0px; padding: 0px; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: 700; border: 0px; } .stit-s a { color: #535353; } .stit-s a:link { color: #333333; } .stit-sw { font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: normal; border: 0px; } .stit-sw a { } .stit-sw a:link { } .tit-deco { margin: 0px 0px 20px 0px; padding: 0px; text-align: center; background-position: 0px 10px; background-repeat: repeat-x; } .tit-deco .txt { display: inline-block; zoom: 1; *display: block; padding: 3px 10px; font-family: 'Roboto Slab', serif;color: #626262; font-size: 20px; font-weight: 700; background: #FFFFFF; } .tit-deco a { } .tit-deco a:hover { } .tit-mini { margin: 0px 0px 12px 0px; padding: 0px; font-family: 'Roboto Slab', serif; color: #535353; font-size: 13px; font-weight: normal; border: 0px; } .tit-mini a { color: #535353; } .tit-mini a:link { } .tit-emp { margin: 0px 0px 20px 0px; padding: 0px; font-family: 'Roboto Slab', serif; font-size: 20px; color: #595959; font-weight: 700; text-align: center; background-position: 0px 14px; background-repeat: repeat-x; } .tit-emp .txt { padding: 0px 8px; display: inline-block; zoom: 1; *display: block; background: #FFFFFF; } .tit-group { margin: 0px 0px 20px 0px; padding: 0px; font-family: 'Roboto Slab', serif; color: #434343; font-size: 14px; } .available { font-size: 10px; color: #669900; text-transform: uppercase; white-space: nowrap; } .available-time { font-size: 10px; color: #669900; text-transform: uppercase; white-space: nowrap; } .available-out { font-size: 10px; color: #cc0000; text-transform: uppercase; white-space: nowrap; } .available-out-time { font-size: 10px; color: #cc0000; text-transform: uppercase; white-space: nowrap; } .time { font-size: 10px; color: #434343; text-transform: uppercase; white-space: nowrap; } .state-normal { font-size: 12px; } .state-inprocess { color: #cc9900; font-size: 12px; text-transform: uppercase; font-weight: 700; } .state-accept { color: #688700; font-size: 12px; text-transform: uppercase; font-weight: 700; } .state-cancel { color: #990000; font-size: 12px; text-transform: uppercase; font-weight: 700; } .txt-yes { color: #688700; font-size: 12px; text-transform: uppercase; font-weight: 700; } .txt-no { color: #990000; font-size: 12px; text-transform: uppercase; font-weight: 700; } .txt-yes .exp, .txt-no .exp { color: #727272; font-style: normal; font-weight: normal; text-transform: none; } .note { display: inline-block; zoom: 1; *display: block; vertical-align: middle; } .note-txt { display: block; font-size: 11px; color: #666666; font-style: normal; } .note-form { font-size: 11px; color: #9a9a9a; font-style: normal; } .note-error { display: inline-block; zoom: 1; *display: block; margin-top: 7px; color: #cc0000; font-size: 11px; } .note-exp { display: block; padding: 10px 0px 0px 0px; font-size: 12px; font-style: normal; text-align: center; } .disabled .note-exp { color: #990000; } .num { white-space: nowrap; } .cite { display: block; padding: 10px 0px; font-size: 12px; font-style: normal; } .txt-tit { font-size: 13px; color: #535353; font-weight: 700; } .txt-stit { color: #cc9900; font-weight: 700; } .txt-inline { display: inline-block; zoom: 1; *display: block; } .txt-big { font-size: 18px; } .txt-small { font-size: 12px; } .txt-emp { font-size: 13px; color: #535353; font-weight: 700; } .txt-des { color: #d0a126; } .txt-sel { color: #535353; font-weight: 700; } .txt-urgency { display: block; margin-top: 10px; color: #cc0000; font-weight: 700; text-transform: uppercase; font-size: 14px; } .des { font-weight: 700; color: #cc9900; } .txt-price { font-family: 'Roboto Slab', serif; font-size: 18px; font-weight: 700; color: #535353; line-height: 1; } .txt-price-previous { display: inline-block; zoom: 1; *display: block; margin-left: 10px; font-family: 'Roboto Slab', serif; color: #cc9900; font-size: 12px; background-repeat: repeat-x; background-position: 0px 10px; } .txt-price-previous .txt { display: inline-block; zoom: 1; *display: block; margin-left: 25px; padding-left: 5px; font-style: normal; background: #FFFFFF; } .txt-price-taxes { font-size: 10px; text-transform: uppercase; color: #535353; } .txt-price-percent { display: inline-block; zoom: 1; *display: block; padding: 2px 4px; font-size: 11px; color: #FFFFFF; font-weight: 700; background: #cc9900; } .modal-tit { position: relative; margin: 0px 0px 10px 0px; padding: 0px 0px 8px 0px; color: #cc9900; font-family: 'Roboto Slab', serif; font-weight: 700; border-bottom: 1px solid #EDEDED; } .modal-tit img { position: absolute; top: 0px; right: 0px; } .modal-stit { margin: 0px 0px 10px 0px; padding: 0px; font-family: 'Roboto Slab', serif; font-size: 20px; color: #595959; font-weight: 700; } /* ------------------------------------------------------ */ /* LIST */ /* ------------------------------------------------------ */ ul.lst-itemsF1 { margin: 0px; padding: 0px; list-style-type: none; } .lst-itemsF1 li { margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #d8d8d8; } .lst-itemsF1 li:first-child { margin-top: 0px; } .lst-itemsF1 li:last-child { border-bottom: none; } ul.lst-itemsF2 { margin: 0px; padding: 0px; list-style-type: none; border-bottom: none; } .lst-itemsF2 li { float: none; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; border: none; border-bottom: 1px dotted #d8d8d8; } .lst-itemsF2 li:first-child { margin-top: 0px; } .lst-itemsF2 li:last-child { border-bottom: none; } .lst-itemsF2 li a { margin: 0px; padding: 0px !important; color: #727272; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 700; background: none !important; border: none; } .lst-itemsF2 li a:hover, .lst-itemsF2 li a:focus { color: #343434; background: none; border: none; } .lst-itemsF2 li.active a { color: #cc9900; background: none; border: none; } .lst-itemsF2 li.active a:hover, .lst-itemsF2 li.active a:focus { color: #cc9900; background: none; border: none; } ul.lst-txt { margin: 0px; padding: 0px; list-style-type: none; } .lst-txt li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul.lst-stxt { margin: 0px; padding: 0px; list-style-position: inside; } .lst-stxt li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul.lst-links { margin: 0px; padding: 0px; list-style-type: none; } .lst-links li { position: relative; padding-left: 10px; } .lst-links li:before { position:absolute; display:block; top:7px; left:0px; width: 7px; height: 7px; content: " "; background-position: -41px -119px; } .lst-links li a { color: #666666; } .lst-links li a:hover { color: #343434; } .lst-links li.wout { padding-left: 0px; } .lst-links li.wout:before { content: ""; background: none; } ul.lst-map { margin: 0px 0px 15px 0px; padding: 0; list-style-type: none; } .lst-map li:before { content: ">"; color: #666769; font-size: 11px; } .lst-map .num { color: #a7a7a7; font-size: 10px; } ul.lst-cols2 { margin: 0px; padding: 0px; list-style-type: none; } .lst-cols2 li { position: relative; float: left; width: 50%; min-height: 1px; } .lst-cols2 li .padd { padding: 15px; } .lst-cols2 li:nth-child(2n+1) { clear:both; } ul.lst-cols3 { margin: 0px; padding: 0px; list-style-type: none; } .lst-cols3 li { float: left; width: 33.33333%; } .lst-cols3 li .padd { padding: 15px; } ul.lst-exp-small { margin: 0px; padding: 0px; list-style-type: none; } .lst-exp-small li { display: none; } .lst-exp-small li.active { display: block; } ul.lst-social { display: table; margin: 0px; padding: 0px; list-style-type: none; } .lst-social li { float: left; display: table-cell; width: 33%; text-align: center; vertical-align: middle; } .lst-social li a { display: block; margin: 10px 5px 0px 5px; padding: 20px 10px; background: #ffffff; border: 1px solid #e8e8e8; } .lst-social li a:hover { border: 1px solid #e3af26; } .lst-social li a .img-responsive { display: inline-block; zoom: 1; *display: block; } ul.lst-opinion-shop { margin: 0px; padding: 0px; list-style-type: none; } .lst-opinion-shop li { padding: 15px 0px; border-bottom: 1px solid #e8e8e8; } .lst-opinion-shop li:first-child { padding: 0px 0px 15px 0px; } ul.lst-opinion-prd { margin: 0px; padding: 0px; list-style-type: none; } .lst-opinion-prd li { padding: 15px 0px; border-bottom: 1px solid #e8e8e8; } .lst-opinion-prd li:first-child { padding: 0px 0px 15px 0px; } ul.lst-brands { margin: 0px 0px 15px 0px; padding: 0px; list-style-type: none; } .lst-brands li { float: left; padding: 0px 5px 15px 0px; width: 25%; } .lst-brands li:nth-child(4n+1) { clear: both; } .lst-brands li { padding: 0 10px 15px 0; } .lst-brands li { padding: 0 0 15px 10px; } .lst-brands li .tit { margin: 0px; padding: 0px; font-family: "Roboto Slab",serif; color: #535353; font-size: 13px; line-height: 1.3; background: none; } .lst-brands li .tit a { display: block; padding: 5px 0px; text-align: center; color: #535353; } .lst-brands li .tit a:hover { color: #343434; } .lst-brands li .tit a .num { color: #a7a7a7; font-size: 10px; } ul.lst-letters { width: 100%; margin: 0px 0px 15px 0px; padding: 0px; list-style-type: none; } .lst-letters li { display: inline-block; margin: 0px 1px 3px 0px; font-size: 14px; border: 1px solid #e8e8e8; } .lst-letters li a { display: block; padding: 4px 7px; min-width: 25px; color: #535353; text-align: center; background: #fefbf4; } .lst-letters li a:hover { color: #343434; color: #535353; background: #f4e0ad; } .lst-letters li.active a { background: #f4e0ad; } ul.lst-panel { margin: 0px 5px 20px 0px !important; padding: 0px; list-style-type: none; } ul.lst-panel li { border-bottom: 1px solid #e8e8e8; } ul.lst-panel li { position: relative; padding-left: 10px; } ul.lst-panel li:before { position:absolute; display:block; top:13px; left:0px; width: 7px; height: 7px; content: " "; background-position: -41px -119px; } ul.lst-panel a { display: block; padding: 6px 0px 6px 0px; color: #0070a0; font-weight: 400; line-height: 1.5; text-decoration: none !important; } ul.lst-panel a:hover { color: #0098db; } ul.lst-tags-found { margin: 0px 0px 15px 0px; padding: 0px; list-style-type: none; } ul.lst-tags-found li { float: left; min-width: 45%; margin-right: 6px; margin-bottom: 5px; } ul.lst-tags-found li a { display:block; padding: 3px 6px; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } ul.lst-tags-found li a:hover { } ul.lst-tags-related { width: 50%; margin: 0px 0px 15px 0px; padding: 0px; list-style-type: none; } ul.lst-tags-related li { float: left; width: 48%; margin-right: 6px; margin-bottom: 5px; } ul.lst-tags-related li a { } ul.lst-tags-related li a:hover { } /* ------------------------------------------------------ */ /* DECORATION & SEPARATORS */ /* ------------------------------------------------------ */ .line-f1 { height: 3px; border: 0px; background-repeat: repeat-x; } .line-f2 { height: 6px; border: 0px; background-repeat: repeat-x; } .sep1 { padding-top: 5px; padding-bottom: 10px; border-bottom: 2px dotted #c7c7c7; } .sep2 { padding-top: 5px; padding-bottom: 10px; border-bottom: 1px dotted #DEDEDE; } .brd-2c-tl { border-bottom: 1px solid #e4e1db; border-right: 1px solid #e4e1db; } .brd-2c-tr { border-bottom: 1px solid #e4e1db; } .brd-2c-bl { border-right: 1px solid #e4e1db; } .brd-2c-br { } .brd-3c-md { border-right: 1px solid #e4e1db; border-left: 1px solid #e4e1db; } /* ------------------------------------------------------ */ /* FORM */ /* ------------------------------------------------------ */ form .stit { margin: 0px 0px 10px 0px; line-height: 1.3; } form .has-error label { color: #cc0000; font-weight: bold; } form .has-error .form-control { background: #ffe1e2; border: 1px solid #ffcccc; } form .has-error .form-control:focus { background: #ffe1e2; border: 1px solid #ffcccc; box-shadow: none; } form .has-success label { } form .has-success .form-control { background: transparent url("https://static1.funidelia.com/img/global/fdo_ok.png") top right 10px no-repeat; border: 1px solid #ccc; } form .has-success .form-control:focus { background: transparent url("https://static1.funidelia.com/img/global/fdo_ok.png") top right 10px no-repeat; border: 1px solid #ccc; box-shadow: none; } .label { display: inline-block; zoom: 1; *display: block; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #535353; font-weight: 700; } .form-control { font-family: 'Open Sans', sans-serif; color: #535353; font-size: 13px; } .form-center { margin: 20px auto; text-align: center; } .form label { color: #737373; font-weight: normal; } .form .label-center { display: block; text-align: center; } .form .form-group { margin-bottom: 10px; } .form .form-actions { margin: 30px 0px 15px 0px; text-align: center; } .form .form-actions .link { float: left; display: inline-block; zoom: 1; *display: block; margin: 15px 20px 15px 20px; font-size: 12px; } .form .form-actions .btn { } .form .form-actions .group { display: inline-block; zoom: 1; *display: block; } .form .form-login { text-align: right; margin: 15px 0px 0px 0px; } .form .form-check .radio + .radio, .form .form-check .checkbox + .checkbox { margin: 3px 0px; } .form .form-check .radio, .form .form-check .checkbox { margin: 3px 0px; } .form .form-inline { margin-bottom: 15px; } .form .form-inline .form-group { margin-bottom: 0px; } /* ------------------------------------------------------ */ /* STYLES BOX */ /* ------------------------------------------------------ */ .box-basic { position: relative; } .box-f1 { margin-bottom: 15px; padding: 15px; background: #FFFFFF; border: 1px solid #e8e8e8; } .box-f2 { margin-bottom: 15px; padding: 15px; background: #fcfcfc; border: 1px solid #e8e8e8; } .box-f3 { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px dotted #e8e8e8; } .box-f4 { margin-bottom: 15px; padding: 15px; background: #fcfcfc; border: 1px solid #e8e8e8; } .box-f5 { margin-bottom: 15px; padding: 15px; background: #fefbf4; border: 1px solid #e8e8e8; } .box-f6 { margin-bottom: 15px; padding-bottom: 10px; } .box-f7 { padding: 15px; border: 1px solid #e8e8e8; border-bottom: 0px; } .box-alert-info { margin-bottom: 20px; padding: 15px; color: #8a6d3b; background: #fcf8e3; border: 1px solid #faebcc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-alert-info ul { margin: 10px 30px; padding: 0px; list-style-type: none; font-size: 12px; } .box-alert-info li { position: relative; margin-bottom: 10px; } .box-alert-info li p { padding-left: 30px; } .box-alert-info li .txt { position: absolute; margin-right: 5px; padding: 1px 6px; color: #FFFFFF; font-weight: 700; background-color: #cc9900; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .box-alert-info li .txt-nexpress { position: absolute; margin-right: 5px; padding: 1px 6px; color: #FFFFFF; font-weight: 700; background-color: #ffd633; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .box-alert-info ul.lst { list-style-type: circle; } .box-urgent { margin-bottom: 20px; padding: 15px; color: #ee0000; background: #fef0f0; border: 1px solid #ee0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-urgent ul { margin: 10px 30px; padding: 0px; list-style-type: none; font-size: 12px; } .box-urgent li { position: relative; margin-bottom: 10px; } .box-urgent li p { padding-left: 30px; } .box-urgent li .txt { position: absolute; margin-right: 5px; padding: 1px 6px; color: #FFFFFF; font-weight: 700; background-color: #cc9900; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .box-urgent ul.lst { list-style-type: circle; } .box-alert-error { margin-bottom: 20px; padding: 15px; color: #b05b42; background: #f2dede; border: 1px solid #ebccd1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-alert-error ul { margin: 10px 30px; padding: 0px; list-style-type: disc; font-size: 12px; } .box-alert-error li { position: relative; margin-bottom: 10px; } .box-alert-correct { margin-bottom: 20px; padding: 15px; color: #3c763d; background: #edf7e9; border: 1px solid #e7e7e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-alert-correct ul { margin: 10px 30px; padding: 0px; list-style-type: disc; font-size: 12px; } .box-alert-correct li { position: relative; margin-bottom: 10px; } .box-process-info { padding: 30px 10px; color: #8a6d3b; text-align: center; background: #fcf8e3; border: 1px solid #e9e9e9; } .box-process-info h2 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 700; } .box-process-info h3 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: normal; } .box-process-correct { padding: 30px 10px; color: #3c763d; text-align: center; background: #edf7e9; border: 1px solid #e9e9e9; } .box-process-correct h2 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 700; } .box-process-correct h3 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: normal; } .box-process-correct .txt { margin-top: 10px; display: block; } .box-process-error { padding: 30px 10px; color: #b05b42; text-align: center; background: #fae8e8; border: 1px solid #e9e9e9; } .box-process-error h2 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 700; } .box-process-error h3 { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: normal; } .box-process-error .txt { margin-top: 10px; display: block; } .box-process-moreinfo { display: inline-block; zoom: 1; *display: block; text-align: left; min-width: 75%; margin: 10px 10px 20px 10px; padding: 20px; background: #fffff7; border-bottom: 1px solid #ecece4; } .box-process-moreinfo ul { margin: 0px 0px 8px 0px; padding: 0px; list-style-position: inside; } .box-process-moreinfo [class^="col-md-"], .box-process-moreinfo [class*=" col-md"] { padding-left: 0px; padding-right: 0px; } .box-fdo-primary { padding: 30px; background: #FFFFFF; border: 1px solid #e9e9e9; } .box-fdo-secundary { padding: 30px; background: #f8f8f8; border: 1px solid #e9e9e9; } .box-fdo-secundary .box-moreinfo { margin: 0px 0px 20px 0px; } .box-anx { margin-top: 15px; } .box-m1 { width: 80%; } .box-fdo-resume { padding: 30px; background-color: #fcfaf2; background-repeat: repeat-x; background-position: 0px 0px; border: 1px solid #e9e9e9; } .box-fdo-resume .stit { font-size: 18px; color: #cc9900; } .box-forms-shopping { width: 70%; } .box-forms-resume { width: 350px; } .box-login { position: absolute; top: 30px; right: 30px; width: 185px; margin-bottom: 20px; padding: 5px 5px 0px 5px; text-align: center; background-color: #e3edf1; background-position: bottom left; background-repeat: repeat-x; } .box-login-ctt { padding: 15px 15px; background: transparent; border: 1px solid #FFFFFF; border-bottom: 0px; } .box-login-ctt h3 { margin: 0px; padding: 0px; font-size: 16px; font-weight: normal; color: #005b7f; font-family: 'Roboto Slab', serif; text-align: center; } .box-login-ctt h3 .txt { display: block; margin: 8px 0px 10px 0px; } .box-login-ctt .tooltip-box .dropdown-menu { top: 45px; } .box-moreinfo { margin: 0px 10px 20px 10px; padding: 20px; background: #fffff7; border-bottom: 1px solid #ecece4; } .box-moreinfo .moreinfo-actions { float: right; } .box-moreinfo .radio:first-child { margin-top: 0px; } .box-destiny { } .box-destiny .radio { position: relative; float: left; width: 50%; min-height: 1px; margin: 0px; padding: 15px; } .box-buy { } .box-buy .radio { position: relative; float: left; margin: 0px; padding: 15px 15px 0px 15px; width: 50%; min-height: 1px; } .box-buy .radio:nth-child(odd) { clear: both; } .box-buy .radio label { padding: 25px; width: 100%; text-align: center; font-size: 14px; color: #3d3d3d; font-weight: 700; background: #f7f7f7; border: 1px solid #e8e8e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .box-buy .radio label:hover { border: 1px solid #0098db; box-shadow: 0 0 5px #9ecaed; } .box-buy .radio label.active { background: #e8f0d9; } .box-buy .radio label.active:hover { border: 1px solid #0098db; box-shadow: 0px; } .box-buy .radio input[type="radio"] { position: relative; float: left; margin-top: 20px; margin-left: 0px; } .box-buy .radio .txt { display: block; margin-top: 7px; } .box-buy .radio.disabled label { color: #cec4c4; background: #fbeded; } .box-buy .radio i { margin-top: 4px; margin-right: 5px; } .box-buy .radio .box-buy-more { z-index:100; position: relative; float: left; margin-bottom: 15px; padding: 15px 15px 0px 15px; width: 100%; background: #ffffd3; border: 1px solid #e8e8e8; border-top: none; } .box-buy .radio .box-buy-more .arrow { position: absolute; top: -9px; left: 40%; width: 50px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_dd_primary_more.gif') top center no-repeat; } .box-buy .radio .box-buy-more label { padding: 0px; width: 100%; text-align: left; font-size: 13px; color: #737373; font-weight: normal; background: transparent; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .box-buy .radio .box-buy-more label:hover { border: none; box-shadow: none; } .box-buy .radio .box-buy-more input[type="radio"] { position: relative; float: none; margin-top: 0px; margin-left: 5px; } .box-buy .radio .box-buy-more .radio-inline { width: auto; } .box-gmaps { display: block; width: 100%; height: 340px; margin: 0px auto; } .box-social { text-align: center; margin: 30px 0px; } .box-social .col-md-4, .box-social .col-md-6 { padding: 0px; margin-bottom: 8px; } .box-trusted { text-align: center; margin: 70px 0px 0px 0px; padding: 20px 50px 0px 50px; border-top: 1px solid #e9e9e9; } .box-trusted img { float: left; padding-left: 10px; } .box-comments-resume { padding: 5px 20px; background: #e8e8e8; border: 1px solid #e8e8e8; } .box-comments-resume ul { display: table; margin: 0px; padding: 0px; width: 100%; list-style-type: none; } .box-comments-resume li { display: table-cell; width: 33.3333%; min-height: 45px; padding: 5px 10px 0px 10px; font-family: 'Roboto Slab', serif; font-size: 13px; color: #3d3d3d; text-align: center; white-space: nowrap; border-left: 1px solid #b4b4b4; } .box-comments-resume li:first-child { border-left: none; } .box-comments-resume li.comments-number { } .box-comments-resume li.comments-valoration { } .box-comments-resume li.comments-size { } .box-comments-resume li.comments-actions { text-align: right; } .box-comments { padding: 10px 20px; border: 1px solid #e8e8e8; } .box-comments .filters { margin-top: 8px; margin-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .box-comments .filters label { font-size: 13px; color: #46474b; font-weight: 700; margin-right: 10px; } .box-comments .filters .form-control { display: inline-block; zoom: 1; *display: block; width: auto; } .box-comments ul.lst-comments { margin: 0px; padding: 0px; list-style-type: none; } .box-comments .lst-comments li { position: relative; clear: both; padding: 15px 0px; border-bottom: 1px solid #e8e8e8; } .box-comments .comment-stars { } .box-comments .comment-tit { display: inline-block; zoom: 1; *display: block; margin-left: 10px; vertical-align: middle; font-size: 14px; color: #434343; font-family: 'Roboto Slab', serif; font-weight: 700; } .box-comments .comment-detail { margin-top: 15px; } .box-comments .comment-user { font-size: 15px; color: #434343; } .box-comments .comment-info { margin: 5px 0px; font-size: 12px; color: #a7a7a7; } .box-comments .comment-description { font-size: 13px;} .box-comments .comment-sizes { position: absolute; top: 0px; right: 0px; padding: 15px 0px; text-align: center; } .box-comments .comment-sizes .txt { display: inline-block; zoom: 1; *display: block; vertical-align: middle; color: #434343; font-size: 13px; font-weight: 700; margin-right: 10px; } .box-comments .comment-like { display: block; margin-top: 8px; text-align: right; font-size: 12px; vertical-align: middle; } .box-opinionDts { margin: 15px 0px; border-bottom: 1px solid #e8e8e8; } .box-opinionDts .stit { font-size: 14px; margin: 0px 0px 5px 0px; text-align: left !important; } .box-opinionDts .padd { padding: 0px 10px; } .box-opinionDts .box-opinionDts-percent { float: left; width: 20%; margin-bottom: 20px; } .box-opinionDts .box-opinionDts-percent ul { margin: 0px; padding: 0px; list-style-type: none; } .box-opinionDts .box-opinionDts-percent li { margin-left: 10px; } .box-opinionDts .box-opinionDts-percent .number { clear: both; float: left; color: #343434; font-size: 14px; font-weight: bold; margin: 7px 0 0; text-align: right; width: 30px; } .box-opinionDts .box-opinionDts-percent .star-0, .box-opinionDts .box-opinionDts-percent .star-1, .box-opinionDts .box-opinionDts-percent .star-2, .box-opinionDts .box-opinionDts-percent .star-3, .box-opinionDts .box-opinionDts-percent .star-4, .box-opinionDts .box-opinionDts-percent .star-5 { float: left; margin: 5px 0 0 10px; } .box-opinionDts .box-opinionDts-info { float: left; width: 20%; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .box-opinionDts .box-opinionDts-info .stats-number .number { color: #343434; font-size: 28px; font-weight: bold; margin-top: 10px; line-height: 1; text-align: center; } .box-opinionDts .box-opinionDts-info .stats-number .text { text-align: center; } .box-opinionDts .box-opinionDts-info .stats-number { padding: 0px 0px 10px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #e8e8e8; } .box-opinionDts .box-opinionDts-info .stats-stars { text-align: center; } .box-opinionDts .box-opinionDts-info .stats-stars .number { font-size: 18px; font-weight: bold; color: #343434; text-align: center; } .box-opinionDts .box-opinionDts-txt { float: right; width: 60%; padding-bottom: 10px; } .box-seo { clear: both; background-repeat: repeat-x; } .box-seo h2 { margin: 0px; padding: 0px 0px 15px 0px; color: #deae00; font-size: 13px; font-weight: 700; } .box-seo.top { margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; background-position: bottom left; } .box-seo.bottom { margin: 20px 0px 0px 0px; padding: 25px 0px 20px 0px; background-position: top left; } .box-seo-header { clear:both; padding: 10px 0px; background: none; } .box-cookie { } .box-cookie .container { padding: 15px 10px; } .box-cookie p { margin: 0px; padding: 0px; } .box-ctt-anx { } .box-ctt-anx i { position: absolute; } .box-ctt-anx .txt { margin:0px 0px 0px 38px; padding: 0px; min-height: 25px; } .box-ctt-anx.big .txt { margin:0px 0px 0px 78px; min-height: 69px; } .box-ctt-anx.normal .txt { margin:0px 0px 0px 55px; min-height: 47px; } .box-message { padding: 10px; color: #a47600; font-family: 'Roboto Slab', serif; font-size: 18px; text-align: center; background: #faf5e5; } .box-opinion { padding: 5px 10px; background: #FFFFFF; border: 1px solid #e8e8e8; } .box-opinion .note-form { display: inline-block; zoom: 1; *display: none; margin-bottom: 10px; } .box-exp { padding: 5px 0px; min-height: 28px; } .box-nonews { margin: 30px 0px; text-align: center; font-size: 14px; } .box-nonews img { margin: 30px 0px; } .box-multicol { -moz-column-width: 11.5em; -webkit-column-width: 11.5em; column-width: 11.5em; } .box-multicol ul { margin: 0; padding: 0; list-style-type: none; } .box-multicol ul li:first-child { margin-top:0px; } .box-multicol ul li:before { content: ">"; color: #666769; font-size: 11px; } .box-multicol .num { color: #a7a7a7; font-size: 10px; } .box-content strong { font-weight: 700; color: #434343; } .box404 { margin: 0px 0px 20px 0px; background: #333333; } .box404-ctt { float: right; padding: 40px 100px 0px 0px; width: 50%; color: #FFFFFF; } .box404-ctt .text1 { display: block; font-family: "Roboto Slab",serif; font-weight: 700; font-size: 20px; line-height: 1; } .box404-ctt .text2 { display: block; font-family: "Roboto Slab",serif; font-weight: 700; font-size: 140px; line-height: 1; } .box404-ctt .text3 { display: block; margin: 10px 0px; font-family: "Roboto Slab",serif; font-weight: 700; font-size: 16px; line-height: 1.3; } .box404-ctt strong { color: #cc9900; } .box404-ctt ul { margin: 10px 0px; padding: 0px; list-style-type: none; } .box404-ctt li { } .box404-ctt li:before { content: "> "; font-weight: 700; } .box404-ctt a { color: #00ccff } .box404-ctt a:hover { } .box404-img { float: left; width: 50%; } .box-conf-cat { margin-bottom: 15px; padding: 15px; background: #FFFFFF; border: 1px solid #e8e8e8; } .box-conf-prod { float: left; width: 65%; margin-bottom: 15px; } .box-conf-prod .lst-products-detail { min-height: 100px; } .box-conf-costumes { margin-bottom: 15px; padding: 15px; background: #f8f8f8; border: 1px solid #e8e8e8; } .box-conf-costumes .costume-sep { background-position: center top; background-repeat: repeat-y; } .box-conf-costumes .costume-par { text-align: center; } .box-conf-costumes .costume-par1 { float: left; width: 45%; text-align: left; } .box-conf-costumes .costume-par2 { float: right; width: 45%; text-align: left; } .box-conf-acc { position: relative; padding: 20px 15px; border: 1px solid #e8e8e8; } .box-conf-acc .box-conf-acc-arrow { position: absolute; top: -9px; left: 10px; width: 50px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_dd_secundary.gif') top center no-repeat; } .box-conf-acc .accesorie-checkbox-box { font-size: 10px; font-weight: normal; text-transform: uppercase; } .box-conf-acc .accesorie-checkbox-box label { font-weight: normal; vertical-align: middle; } .box-conf-acc .accesorie-checkbox-box input { margin-right: 5px; } .box-conf-acc .prd { margin-bottom: 10px; } .box-conf-acc .prd:nth-child(3n+1) { border-left: none; } .box-conf-acc .available-time { white-space: normal; } .box-conf-cart { float: right; width: 33%; margin-bottom: 15px; background: #FFFFFF; border: 1px solid #e8e8e8; } .box-conf-cart .tit { margin: 0px; padding: 15px 15px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; text-align: center; background: #535353; } .box-conf-cart .stit { margin: 0px; padding: 15px 25px; font-family: 'Roboto Slab', serif; color: #535353; font-size: 14px; font-weight: 700; text-align: center; background: #f8f8f8; border-bottom: 1px solid #ededed; } .box-conf-cart ul { margin: 0px; padding: 0px; } .box-conf-cart li { display: block; padding: 10px 15px; width: 100%; border: 0px; border-bottom: 1px solid #ededed; } .box-conf-cart form { margin: 0px; padding: 0px; } .box-conf-cart form label { display: none; } .box-conf-cart form .btn { display: block; width: 100%; margin: 15px 0px 0px 0px; } .box-conf-cart .hc-pro { margin: 10px 0px 7px 0px; } .box-conf-cart .hc-pro .hc-pro-img { float: left; width: 80px; } .box-conf-cart .hc-pro .hc-pro-img img { border: 1px solid #e0e0e0; } .box-conf-cart .hc-pro a.hc-pro-txt { line-height: 1.3; color: #727272; } .box-conf-cart .hc-pro a.hc-pro-txt:hover { text-decoration: none; color: #2e2e2e; } .box-conf-cart .hc-ctd { margin: 10px 0px 0px 0px; } .box-conf-cart .hc-ctd-sel { float: left; display: block; margin-right: 8px; padding: 3px 8px; width: auto; height: 28px; font-size: 12px; background: #fffff5; } .box-conf-cart .hc-ctd-ctd { float: left; display: block; padding: 3px 8px; width: 60px; height: 28px; font-size: 12px; background: #fffff5; } .box-conf-cart .hc-ctd-price { float: right; display: block; margin: 0px 10px; padding: 0px; font-family: 'Roboto Slab', serif; font-size: 14px; color: #535353; } .box-conf-cart .hc-ctd-price .txt { display: none; } .box-conf-cart .hc-ctd-del { float: right; display: block; } .box-conf-cart .price-total { font-family: 'Roboto Slab', serif; color: #535353; font-size: 18px; font-weight: 700; text-align: right; } .box-conf-cart .price-total strong { display: block; float: left; padding-top: 5px; font-size: 14px; color: #535353; font-weight: 700; text-transform: uppercase; } .box-conf-cart .box-conf-cart-total { padding: 15px 15px 25px 15px; background: #fcfaf2; } .box-tematic { text-align: center; } .box-tematic { padding: 0px 5px; } .box-tematic .img { position: relative; display: block; background: #fcf7e9; } .box-tematic .img img { z-index: 1; position: relative; top: 0px; left: 0px; } .box-tematic .img .brd { z-index: 2; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .box-tematic .tit { margin: 0px; padding: 0px; min-height: 45px; font-size: 13px; text-align: center; background: none; } .box-tematic .tit h3 { margin: 0px; padding: 0px; font-weight: normal; font-size: 13px; } .box-tematic .tit a { display: block; padding: 8px 2px 2px 2px; color: #b28400; line-height: 1.3; } .box-tematic .tit a:hover { color: #e3af26; } .box-tematic:hover { cursor: pointer; } .box-tematic:hover a { color: #e3af26; } .box-tematic.esp .img .brd { border: 6px solid #e9cb78; border-bottom: none; } .box-tematic.esp .tit { background: transparent url("https://static1.funidelia.com/img/global/fdo_categories.gif") 0px 0px repeat-x; } .box-modal-product { padding-bottom: 8px; margin: 0 auto 10px auto; text-align: center; border-bottom: 1px solid #e8e8e8; } .box-modal-product .box-modal-product-ctt { width: 60%; margin: 0 auto; } .box-modal-product .box-modal-product-txt { padding-left: 90px; font-family: "Roboto Slab",serif; font-size: 14px; font-weight: 400; text-align: left; } .box-modal-product img { float: left; } .box-modal-product .modal-title { } .box-send { padding: 6px 10px; color: #cc9900; background: #ffffe5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e6e6e0; border-left: 4px solid #cc9900; } .pre-scrollable.medium { height: 420px; max-height: 420px; } .pre-scrollable.big { max-height: 640px; } .pre-scrollable { -webkit-overflow-scrolling: touch; } .box-actions { padding: 15px; text-align: center; } .box-return { } .box-return label { padding-left: 0px; } .box-return .radio { position: relative; float: left; width: 33%; min-height: 1px; margin: 0px; padding: 15px; text-align: center; border-left: 1px solid #e8e8e8; } .box-return .radio:first-child { border-left: 0px; } .box-return .radio input[type="radio"] { position: relative; margin: 0px auto 10px auto; display: block; } .box-return .radio .price-cost { display: block; font-size: 16px;color: #cc9900; font-weight: 700; } .box-moreform { border-top: 1px solid #e8e8e8; margin-top: 15px; padding-top: 10px; } /* ------------------------------------------------------ */ /* OPINIONS&COMMENTS */ /* ------------------------------------------------------ */ .comment-stars { float: left; width: 25%; text-align: center; } .comment-stars .txt { color: #434343; display: inline-block; font-size: 13px; font-weight: 700; margin-right: 10px; vertical-align: middle; } .comment-detail { float: right; width: 70%; } .comment-detail .comment-tit { display: inline-block; margin-bottom:5px; color: #434343; font-family: "Roboto Slab",serif; font-size: 14px; font-weight: 700; vertical-align: middle; } .comment-detail .comment-user { color: #434343; font-size: 15px; } .comment-detail .comment-info { color: #a7a7a7; font-size: 12px; margin: 5px 0; } .comment-detail .comment-description { font-size: 13px; } .comment-detail .comment-like { float: left; margin: 8px 5px 0px 0px; } .comment-detail .comment-like .txt { display: none; } .comment-detail .comment-prds { margin: 10px 5px 0px 0px; padding-left: 20px; font-size: 12px; } .comment-detail .comment-prds strong { color: #666666; } .comment-detail .tit { margin: 0px 0px 8px 0px; padding: 0; color: #535353; font-family: "Roboto Slab",serif; font-size: 14px; line-height: 1.3; background: none; } .comment-detail .tit a { color: #535353; } .comment-detail .tit a:hover { color: #343434; } .lst-opinion-prd .comment-stars { width: 15%; } .lst-opinion-prd .comment-detail { width: 85%; } .lst-opinion-prd .comment-tit { margin: 2px 0px 0px 5px; font-size: 14px; color: #666666; } .lst-opinion-prd .comment-prds { display: block; margin: 8px 5px 5px 0px; padding: 0px; } .lst-opinion-prd .comment-links { display: inline-block; margin: 8px 0px 0px 0px; } .lst-opinion-prd .comment-links:before { content: "· "; font-weight: bold; } /* ------------------------------------------------------ */ /* PAGINATION & FILTERS */ /* ------------------------------------------------------ */ .box-filters { margin: 0px 0px 25px 0px; padding: 0px 0px 12px 0px; border-bottom: 1px solid #dddddd; } .box-filters .box-filters-form { float: left; } .box-filters .box-filters-form .txt { display: inline-block; zoom: 1; *display: block; margin-right: 5px; color: #46474b; font-weight: 700; } .box-filters .box-filters-form .txt .num { color: #e3af26; } .box-filters .box-filters-form legend { display: none; } .box-filters .box-filters-form label { display: none; } .box-filters .box-filters-form .form-control { display: inline-block; zoom: 1; *display: block; width: auto; } .box-filters .box-filters-link { float: right; margin-top: 8px; font-size: 12px; } .box-pager { position: relative; text-align: center; } .box-pager.int { border-top: 1px solid #dddddd; } .box-pager .link-pager-prev { position: absolute; top: 0px; left: 0px; margin-top: 8px; font-size: 12px; } .box-pager .link-pager-next { position: absolute; top: 0px; right: 0px; margin-top: 8px; font-size: 12px; } .box-pager.int .link-pager-prev { top: 20px; } .box-pager.int .link-pager-next { top: 20px; } .box-pager .pager { position: relative; } .pager li > a, .pager li > span { font-size: 16px; border: none; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .pager li > a { color: #0070a0; } .pager li > a:hover { color: #0098db; background: none; } .pager li.active > a { color: #343434; font-weight: 700; } .pager li.active > a:hover { color: #000000; } /* ------------------------------------------------------ */ /* TABS */ /* ------------------------------------------------------ */ .nav-tabs { border-bottom: 1px solid #e8e8e8; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { font-weight: 700; border-color: #e8e8e8 #e8e8e8 transparent; background: #FFFFFF; } .nav-tabs > li { margin-right: 5px; } .nav-tabs > li > a { color: #727272; padding: 15px 20px; font-size: 14px; border-color: #e8e8e8 #e8e8e8 transparent; background: #e8e8e8; } /* ------------------------------------------------------ */ /* STRUCTURE: LATERAL + CONTENT */ /* ------------------------------------------------------ */ .lat-nav { float: left; width: 25%; margin-bottom: 20px; position: relative; z-index: 2; } .lat-ctt { float: right; width: 75%; margin-bottom: 20px; position: relative; z-index: 1; } .lat-nav ul.lst-links { margin: 0px; padding: 0px; list-style-type: none; } .lat-nav ul.lst-links li { position: relative; padding-left: 10px; } .lat-nav ul.lst-links li:before { position:absolute; display:block; top:7px; left:0px; width: 7px; height: 7px; content: " "; background-position: -41px -119px; } .lat-nav ul.lst-links li a { color: #666666; } .lat-nav ul.lst-links li a:hover { color: #343434; } .lat-nav ul.lst-links li.wout { padding-left: 0px; } .lat-nav ul.lst-links li.wout:before { content: ""; background: none; } .lat-filters-selected { position: relative; z-index: 2; margin-right: 17px; padding: 20px 20px 16px 20px; background: #e6e6e6; border: 1px solid #e6e6e6; } .lat-filters-selected h3 { margin: 0px 0px 8px 0px; padding: 0px; font-weight: 700; color: #434343; font-size: 14px; font-family: 'Roboto Slab', serif; } .lat-filters-selected ul.lst-filters { margin: 0px; padding: 0px; list-style-type: none; } .lat-filters-selected .lst-filters li { margin: 4px 0px; font-size: 13px; color: #727375; } .lat-filters-selected .lst-filters li .ico-del { width: 12px; height: 12px; line-height: 12px; background-position: -140px -69px; } .lat-filters-selected .lst-filters li a { color: #727375; } .lat-filters-selected .lst-filters li a:hover { color: #343434; /*text-decoration:line-through;*/ } .lat-filters-selected .lst-filters li a.send { font-weight: 400; color: #000000; } .lat-filters-selected-arrow { position: absolute; bottom: -10px; left: 45%; width: 17px; height: 9px; line-height: 9px; background-position: -126px -152px; } .lat-filters { position: relative; z-index: 1; margin-right: 17px; padding: 20px 10px 12px 10px; border: 1px solid #e6e6e6; } .lat-filters h3 { margin: 0px 0px 7px 0px; padding: 0px; font-weight: 700; color: #434343; font-size: 13px; } .lat-filters ul.lst-filters { margin: 0px; padding: 0px; list-style-type: none; } .lat-filters .lst-filters li { position: relative; padding: 0px 0px 0px 18px; font-size: 12px; color: #727375; } .lat-filters .lst-filters li label:hover { cursor: pointer; } .lat-filters .lst-filters li .num { font-size: 10px; color: #a7a7a7; } .lat-filters .lst-filters li input[type="checkbox"] { position: absolute; top: 0px; left: 0px; margin: 2px 4px 0px 0px; } .lat-filters .lst-filters.col2 li { float: left; width: 50%; } .lst-filters-slider { display: block; width: 100%; padding: 0px 7px; } .lst-filters-slider .slider { display: inline-block; vertical-align: middle; position: relative; } .lst-filters-slider .slider.slider-horizontal { width: 100%; height: 20px; } .lst-filters-slider .slider.slider-horizontal .slider-track { height: 15px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .lst-filters-slider .slider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0; background: #ffe88a; } .lst-filters-slider .slider.slider-horizontal .slider-handle { margin-left: -10px; margin-top: -2px; } .lst-filters-slider .slider.slider-horizontal .slider-handle.triangle { border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .lst-filters-slider .slider.slider-vertical { height: 210px; width: 20px; } .lst-filters-slider .slider.slider-vertical .slider-track { width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0; } .lst-filters-slider .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .lst-filters-slider .slider.slider-vertical .slider-handle { margin-left: -5px; margin-top: -5px; } .lst-filters-slider .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .lst-filters-slider .slider input { display: none; } .lst-filters-slider .slider .tooltip-inner { white-space: nowrap; } .lst-filters-slider .slider-track { position: absolute; cursor: pointer; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .lst-filters-slider .slider-selection { position: absolute; background-color: #e3af26; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .lst-filters-slider .slider-handle { position: absolute; width: 20px; height: 20px; background-color: #e3af26; border: 0px solid transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .lst-filters-slider .slider-handle.round { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .lst-filters-slider .slider-handle.triangle { background: transparent none; } .lst-filters-slider .slider-ranges { clear: both; margin-top: 4px; margin-bottom: 15px; font-size: 11px; color: #434343; font-weight: 700; } .lst-filters-slider .range-mn { float: left; } .lst-filters-slider .range-mx { float: right; } .lst-filters-slider .range-mn .txt, .lst-filters-slider .range-mx .txt { display: none; } .lat-filters-mobile { display: none; padding-bottom: 10px; text-align: center; } .lat-menu { position: relative; z-index: 1; margin-right: 17px; padding: 20px 10px 12px 10px; border: 1px solid #e6e6e6; } .lat-menu h3 { margin: 0px 0px 7px 0px; padding: 0px; font-weight: 700; color: #434343; font-size: 13px; } .lat-menu.active { background: #666666; } .lat-menu-mobile { display: none; position: relative; z-index: 1; padding: 12px 10px 12px 10px; border: 1px solid #e6e6e6; } .lat-menu-mobile .tit { margin: 0px; padding: 0px; background: none; } .lat-menu-mobile .tit a { display: block; font-size: 14px; font-weight: 700; color: #434343; } .lat-menu-mobile .tit i { float: right; } .lat-menu-mobile.active { background: #DEDEDE; } .lat-menu .num, .lat-menu-mobile .num { color: #a7a7a7; font-size: 10px; } /* ------------------------------------------------------ */ /* LIST PRODUCTS */ /* ------------------------------------------------------ */ .lst-categories { margin: 0px 0px 20px 0px; padding : 0px 0px 5px 0px; list-style-type: none; background-position: bottom left; background-repeat: repeat-x; } .lst-categories .lst-categories-item { position: relative; float: left; max-width: 100px; margin: 0px 7px 5px 7px; } .lst-categories .lst-categories-item .img { position: relative; display: block; width: 100px; height: 100px; background: #fcf7e9; } .lst-categories .lst-categories-item .img img { z-index: 1; position: absolute; top: 0px; left: 0px; } .lst-categories .lst-categories-item .img .brd { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; } .lst-categories .lst-categories-item .tit { margin: 0px; padding: 0px; font-size: 12px; text-align: center; background: none; } .lst-categories .lst-categories-item .tit h4 { margin: 0px; padding: 0px; font-weight: normal; font-size: 12px; } .lst-categories .lst-categories-item .tit a { display: block; padding: 6px 2px 2px 2px; color: #b28400; line-height: 1.2; } .lst-categories .lst-categories-item .tit a:hover { color: #e3af26; } .lst-categories .lst-categories-item:hover { cursor: pointer; } .lst-categories .lst-categories-item:hover a { color: #e3af26; } .lst-categories .lst-categories-item.esp .img .brd { border: 6px solid #e9cb78; border-bottom: none; } .lst-categories .lst-categories-item.esp .tit { background: transparent url("https://static1.funidelia.com/img/global/fdo_categories.gif") 0px 0px repeat-x; } .lst-categories-filters { padding-bottom: 20px; } .lst-categories-filters .lst-categories-item .img .brd, .lst-categories-filters .lst-categories-item .img { height: 53px; } .lst-categories-filters .lst-categories-item.active .tit a { color: #0070a0 !important; } .lst-categories-filters .lst-categories-item.active .tit a:hover { color: #0098db !important; } .lst-categories-filters .lst-categories-item.active:hover a { color: #0098db !important; } .lst-categories-filters .lst-categories-item .ico-active-filter { display: none; z-index: 2; position: absolute; top: 5px; right: 5px; } .lst-categories-filters .lst-categories-item.active .ico-active-filter { display: block; } .lst-categories-filters.nobg { margin: 0px 0px 10px 0px; padding : 0px 0px 0px 0px; background: none; } .lst-products { margin: 0px; padding: 0px; list-style-type: none; } .lst-products-item { position: relative; float: left; width: 33.3333%; padding: 0px 5px 20px 5px; } .lst-products-item:nth-child(3n+1) { clear: both; } .lst-products-box { box-sizing: content-box; border: 1px solid #FFFFFF; } .lst-products-media { clear: both; position: relative; text-align: center; background: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: none; } .lst-products-media .img { position: relative; z-index: 1; text-align: center; background: #FFFFFF; } .lst-products-media .txt-msg-offer { position: absolute; z-index: 2; top: 5px; left: 5px; } .lst-products-media .txt-msg-offer .txt { display: none; } .lst-products-media .txt-msg-new { position: absolute; z-index: 2; top: 5px; left: 5px; } .lst-products-media .txt-msg-new .txt { display: none; } .lst-products-media .txt-msg-official { position: absolute; z-index: 2; top: 5px; left: 5px; } .lst-products-media .txt-msg-official .txt { display: none; } .lst-products-media .txt-price-taxes { position: absolute; z-index: 2; top: 5px; right: 5px; padding: 2px 5px; font-size: 13px; color: #FFFFFF; font-weight: 700; text-align: center; vertical-align: middle; text-transform: uppercase; background: #66853f; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .lst-products-detail { clear: both; position: relative; min-height: 90px; padding: 15px 7px; background: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } .lst-products-detail .tit { float: left; width: 60%; font-size: 13px; margin: 0px; padding: 0px; background: none; } .lst-products-detail .tit h3 { margin: 0px; padding: 0px; font-size: 13px; color: #535353; font-family: 'Roboto Slab', serif; line-height: 1.3; word-wrap: break-word; } .lst-products-detail .tit h3 a { color: #535353; } .lst-products-detail .tit h3 a:hover { color: #343434; } .lst-products-detail .other { float: right; width: 38%; text-align: right; } .lst-products-detail .other .txt-price { white-space: nowrap; } .lst-products-detail .other .txt-price-previous { margin: 0px; font-family: 'Open Sans', sans-serif; text-decoration:line-through; font-size: 12px; color: #BBBBBB; } .tbl-cart .txt-price-previous { margin: 0px; font-family: 'Open Sans', sans-serif; text-decoration:line-through; font-size: 12px; color: #AA0000; } .tbl-cart .txt-previous { margin: 0px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #AA0000; } .lst-products-detail .other .txt-price-previous .txt { display: none; margin: 0px; padding: 0px; } .lst-products-detail .other .txt-available { margin: 0px 0px 0px 0px; font-size: 10px; line-height: 1.3; } .lst-products-detail .other .txt-available a { display: inline-block; zoom: 1; *display: block; margin-top: 4px; text-transform: uppercase; } .lst-products-detail .other .available-time, .lst-products-detail .other .available-time-out { white-space: normal; } .lst-products-size { overflow: hidden; position: relative; clear: both; display: none; height: 0px; } .lst-products-size .txt { display: none; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #535353; } .lst-products-size ul.lst { display: inline-block; zoom: 1; *display: block; margin: 0px 5px; padding: 0px; list-style-type: none; } .lst-products-size .lst li { display: inline-block; zoom: 1; *display: block; } .lst-products-size .lst li a { display: inline-block; zoom: 1; *display: block; min-width: 25px; margin-right: 3px; margin-bottom: 3px; padding: 2px 9px; text-align: center; color: #535353; background: #FFFFFF; } .lst-products-size .lst li a:hover { color: #FFFFFF; background: #535353; } .lst-products-size .lst li a.ticket { background: #fff99f; } .lst-products-size .lst li a.ticket:hover { background: #cc9900; } .lst-products-size-ctt { overflow: hidden; z-index: 99999; position: absolute; max-height: 0; top: 0px; left: 0px; width: 100%; padding: 10px 10px 7px 10px; text-align: center; vertical-align: middle; background: #f6f6f7; border: 1px solid #e8e8e8; } .lst-products-box:hover .lst-products-media { border: 1px solid #e8e8e8; border-bottom: none; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); } .lst-products-box:hover .lst-products-detail { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); } .lst-products-box:hover .lst-products-size { display: block; overflow: visible; } .lst-products-box:hover .lst-products-size-ctt { max-height: 50em; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); } .lst-products-serp .lst-products-item { position: relative; float: left; width: 25%; padding: 0px 0px 15px 0px; } /** **/ .lst-products-serp .lst-products-item:nth-child(4n+1) { clear: both; } /** **/ .lst-products-serp .lst-products-item:nth-child(3n+1) { clear: none; } /** **/ .carousel .lst-products-detail .tit { width: 53%; } .carousel .lst-products-detail .other { width: 45%; min-height: 80px; } .vertical .lst-products .lst-products-item { position: relative; float: none; width: 100%; padding: 0px; border-bottom: 1px solid #e8e8e8; } .vertical .lst-products .lst-products-media { padding-top: 5px; } .vertical .lst-products .lst-products-media .img img { margin: 0px auto; } .vertical .lst-products .lst-products-detail { padding: 15px 10px 15px 10px; } .vertical .lst-products .lst-products-box:hover .lst-products-media { border: 1px solid #FFFFFF; border-bottom: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .vertical .lst-products .lst-products-box:hover .lst-products-detail { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ------------------------------------------------------ */ /* USERS GALLERY PHOTOS */ /* ------------------------------------------------------ */ .lst-photos { margin: 0px; padding: 0px; list-style-type: none; } .lst-photos-item { position: relative; float: left; width: 33.3333%; padding: 0px 5px 20px 5px; } .lst-photos-item:nth-child(3n+1) { clear: both; } .lst-photos-item .img { position: relative; margin: 0px; text-align: center; background: #F6F6F6; } .lst-photos-item .img img { z-index: 1; position: relative; display: inline-block; zoom: 1; *display: block; } .lst-photos-item .img .del { z-index: 2; position: absolute; top: 5px; right: 5px; display: inline-block; zoom: 1; *display: block; padding: 5px 7px 3px 5px; color: #FFFFFF; background: #0070a0; border-bottom: 1px solid #434343; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .lst-photos-item .img .del:hover { background: #0098db; } .lst-photos-item .img .del .txt { display: none; } .lst-photos-item .detail { margin: 0px 0px; } .lst-photos-item .detail .tit { display: block; margin: 0px; padding: 7px 10px; font-family: "Roboto Slab",serif; font-size: 13px; line-height: 1.3; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: none; } .lst-photos-item .detail .share-photos { padding: 0px 10px 10px 10px; text-align: center; border-bottom: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; } .lst-photos-item .detail .share-photos .txt { font-size: 11px; color: #818181; font-weight: bold; text-transform: uppercase; } .lst-photos-item .detail .share-photos .lst { display: inline-block; zoom: 1; *display: block; margin: 0px; padding: 0px; list-style-type: none; } .lst-photos-item .detail .share-photos .lst li { display: inline-block; zoom: 1; *display: block; padding: 0px 2px; } .lst-photos-item .detail .share-photos .lst li .lbl { display: none; } /* ------------------------------------------------------ */ /* HOME */ /* ------------------------------------------------------ */ .home-carousel { margin: 0px 5px 15px 5px; } .home-cols2 { float: left; margin-bottom: 20px; padding: 0px 5px; width: 50%; } .home-cols3 { float: left; padding: 0px 5px; width: 33.3333%; } .home-cols4 { float: left; padding: 0px 5px; width: 25%; } .home-cols4x2 { float: left; padding: 0px 5px; width: 25%; } .home-cols .landing-cols4x2:first-child { padding: 0px 10px 0px 0px; } .home-cols .landing-cols4x2:last-child { padding: 0px 0px 0px 10px; } .home-scc { padding-top: 25px; margin-bottom: 0px; background-position: top left; background-repeat: repeat-x; } .home-scc-des { float: right; margin-bottom: 10px; padding: 0px 5px; width: 50%; } .home-scc-des .pro { padding: 10px; background: #fbfbfb; } .home-scc-des .pro .tit { margin: 0px; padding: 0px 0px 10px 0px; min-height: 35px; font-size: 18px; font-weight: normal; color: #535353; font-family: 'Roboto Slab', serif; background: none; } .home-scc-des .pro .tit a { color: #535353; } .home-scc-des .pro .tit a:hover { color: #343434; } .home-scc-des .pro .btn { float: right; padding: 4px 36px; } .home-scc-others { float: left; margin-bottom: 10px; padding: 0px 5px; width: 50%; } .home-scc-others .home-cols2 { margin-bottom: 10px; } .home-scc-others .home-cols2:nth-child(odd) { clear: both; padding: 0px 5px 10px 0px; } .home-scc-others .home-cols2:nth-child(even) { padding: 0px 0px 10px 5px; } .home-scc-others .pro { padding: 10px 0px 0px 0px; } .home-scc-others .pro .tit { margin: 0px 0px 10px 0px; padding: 0px; min-height: 30px; font-size: 13px; line-height: 1.3; font-weight: normal; color: #535353; font-family: 'Roboto Slab', serif; background: none; } .home-scc-others .pro .tit a { color: #535353; } .home-scc-others .pro .tit a:hover { color: #343434; } .home-scc-others .pro .price { display: inline-block; zoom: 1; *display: block; margin-top: 2px; font-family: 'Roboto Slab', serif; font-size: 18px; } .home-scc-others .pro .btn { float: right; padding: 4px 12px; } .home-scc-others .pro .txt-price-previous { margin: 0px; font-family: 'Open Sans', sans-serif; text-decoration:line-through; font-size: 12px; color: #BBBBBB; } .home-scc-others .pro .txt-price-previous .txt { display: none; margin: 0px; padding: 0px; } .home-scc-others .img { position: relative; } .home-scc-others .img .img-hidden-xxs, .home-scc-others .img .img-visible-xxs { z-index: 1; position: relative; } .home-scc-others .img .txt-msg-offer { position: absolute; z-index: 2; top: 5px; left: 5px; } .home-scc-others .img .txt-msg-offer .txt { display: none; } .home-scc-others .img .txt-msg-new { position: absolute; z-index: 2; top: 5px; left: 5px; } .home-scc-others .img .txt-msg-new .txt { display: none; } .home-scc-others .img .txt-price-taxes { position: absolute; z-index: 2; top: 5px; right: 5px; padding: 2px 5px; font-size: 13px; color: #FFFFFF; font-weight: 700; text-align: center; vertical-align: middle; text-transform: uppercase; background: #66853f; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .ctt-scc { padding-top: 25px; margin-bottom: 0px; background-position: top left; background-repeat: repeat-x; } /* ------------------------------------------------------ */ /* LANDING */ /* ------------------------------------------------------ */ .landing { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; background-position: bottom left; background-repeat: repeat-x; } .landing.top { background: none; } .landing-carousel { margin-bottom: 15px; } .landing-cols img { margin-bottom: 15px; } .landing-cols2 { float: left; padding: 0px 5px; width: 50%; } .landing-cols3 { float: left; padding: 0px 5px; width: 33.3333%; } .landing-cols4 { float: left; padding: 0px 5px; width: 25%; } .landing-cols4x2 { float: left; padding: 0px 5px; width: 25%; } .landing-cols .landing-cols4x2:first-child { padding: 0px 10px 0px 0px; } .landing-cols .landing-cols4x2:last-child { padding: 0px 0px 0px 10px; } .landing .lst-categories { margin: 0px; background: none; } .landing-video { margin-top: 10px; } .landing-geo { margin-bottom: 10px; background: #f0fafe; border: 1px solid #e8e8e8; } .landing-geo .padd { padding: 15px; } .landing-geo .tit { color: #005b7f; font-size: 20px; } .landing-pro { margin-bottom: 10px; background: #f0fafe; border: 1px solid #e8e8e8; } .landing-pro .padd { padding: 15px; } .landing-pro .tit { color: #005b7f; font-size: 20px; } .landing-pro .box-seo { margin: 0px; padding: 0px; background: none; } .landing-pro .img-pro { float: right; width: 41.6667%; } .landing-pro .ctt { float: left; width: 58.3333%; } .landing-detail-pro .tit-emp { margin: 15px 0px 10px 0px; font-size: 16px; color: #46474b; font-weight: normal; text-align: left; background-position: 0px 9px } .landing-detail-pro .tit-emp a.txt { padding: 0px 8px 0px 0px; background: #f0fafe; font-size: 16px; } .landing-detail-pro .img-licence { float: right; } .landing-detail-pro .txt { font-size: 13px; } .landing-detail-pro .txt-available { margin: 0px 0px 8px 0px; padding: 0px; font-size: 10px; } .landing-detail-pro .product-price-discount { display: inline-block; zoom: 1; *display: block; padding: 3px 6px; color: #FFFFFF; font-weight: 700; text-transform: uppercase; background: #cc9900; } .landing-detail-pro .product-price-box { clear: both; margin: 10px 0px 0px 0px; } .landing-detail-pro .txt-price-previous { display: inline-block; zoom: 1; *display: block; margin-left: 0px; font-family: 'Roboto Slab', serif; color: #cc9900; font-size: 13px; background-repeat: repeat-x; background-position: 0px 10px; } .landing-detail-pro .txt-price-previous .txt { display: inline-block; zoom: 1; *display: block; margin-left: 15px; padding-left: 5px; font-style: normal; background: none; } .landing-detail-pro .product-actions { display: block; margin-top: 15px; margin-bottom: 30px; } .landing-detail-pro .txt-price-taxes { clear: both; display: block; margin-top: 15px; font-size: 10px; text-transform: uppercase; color: #535353; } .landing-links { } .landing-links .landing-cols2 { } .landing-links .landing-cols2:nth-child(2n+1) { clear: both; } .landing-links .stit { margin-bottom: 5px; } .landing-links .padd { padding: 0px 0px 10px 0px; margin: 0px 5px 15px 5px; border-bottom: 1px solid #e8e8e8; } .landing-links li { font-size: 12px; } .landing-links img { float: left; padding-right: 4px; } /* ------------------------------------------------------ */ /* PRODUCT DETAIL */ /* ------------------------------------------------------ */ #product-detail { clear: both; } #product-detail .product-name .img-licence { float: right; } #product-detail .product-name { float: left; margin: 0px; width: 58%; } #product-detail .product-name h1 { margin: 0px 0px 10px 0px; padding: 0px; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: normal; color: #434343; } #product-detail .product-name .txt { font-size: 13px; } #product-detail .product-name .txt-available { margin: 0px 0px 8px 0px; padding: 0px; font-size: 10px; } #product-detail .product-media { float: right; padding: 10px 0px; width: 40%; border: 1px solid #e8e8e8; } #product-detail .product-media #img-zoom { text-align: center; } #product-detail .product-media #img-gallery { clear: both; margin: 15px 10px; text-align: center; } #product-detail .product-media #img-gallery img { border: 1px solid #FFFFFF; } #product-detail .product-media #img-gallery .active img { border: 1px solid #c6c6c6; } #product-detail .product-media .product-media-big { display: inline-block; zoom: 1; *display: block; } #product-detail .product-media #img-gallery .video { position: relative; display: inline-block; width: 81px; height: 83px; margin: auto; vertical-align: top; background: #000; } #product-detail .product-media #img-gallery .video img { position: absolute; z-index: 1; top: 10px; max-width: 81px; border: none; } #product-detail .product-share { clear:both; display: block; margin: 25px 0px 15px 0px; text-align: center; } #product-detail .product-share .tit { margin: 0px; padding: 0px; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: normal; color: #595959; background: none; } #product-detail .product-share ul { display: inline-block; zoom: 1; *display: block; margin: 0px 0px 0px 10px; padding: 0px; list-style-type: none; } #product-detail .product-share li { display: inline-block; zoom: 1; *display: block; padding-right: 10px; font-size: 14px; color: #595959; vertical-align: middle; } #product-detail .product-share li a { color: #595959; } #product-detail .product-share li a:hover { color: #0070a0; } #product-detail .product-price { float: left; width: 58%; margin-bottom: 15px; } #product-detail .product-price .product-price-discount { display: inline-block; zoom: 1; *display: block; color: #FFFFFF; font-weight: 700; text-transform: uppercase; background: #cc9900; } #product-detail .product-price .product-price-discount .dto { display: inline-block; zoom: 1; *display: block; padding: 3px 6px; } #product-detail .product-price .product-price-discount .anx { display: inline-block; zoom: 1; *display: block; padding: 3px 6px; background: #cc0000; } #product-detail .product-price .product-price-box { clear: both; margin: 10px 0px 0px 0px; } #product-detail .product-price .txt-price { font-family: 'Roboto Slab', serif; font-size: 26px; font-weight: 700; color: #535353; line-height: 1; } #product-detail .product-price .txt-price-previous { display: inline-block; zoom: 1; *display: block; margin-left: 10px; font-family: 'Roboto Slab', serif; color: #cc9900; font-size: 13px; background-repeat: repeat-x; background-position: 0px 10px; } #product-detail .product-price .txt-price-previous .txt { display: inline-block; zoom: 1; *display: block; margin-left: 25px; padding-left: 5px; font-style: normal; background: #FFFFFF; } #product-detail .product-price .txt-price-taxes { clear: both; display: block; font-size: 10px; text-transform: uppercase; color: #535353; } #product-detail .product-selection { float: left; width: 58%; } #product-detail .product-selection .box { display: inline-block; zoom: 1; *display: block; padding: 17px 15px; border: 1px solid #e6e6e6; } #product-detail .product-selection a.link { display: block; font-size: 14px; } #product-detail .product-selection a.link .txt-quantity { font-weight: 700; } #product-detail .product-selection #detailForm-ctd-btn { padding-bottom: 7px; } #product-detail .product-selection #detailForm-ctd .radio { float: left; display: inline-block; zoom: 1; *display: block; margin-right: 3px; margin-top: 0px; padding: 0px; color: #0070a0; background: #d3e3eb; } #product-detail .product-selection #detailForm-ctd .radio:hover { color: #FFFFFF; background: #00b4e1; } #product-detail .product-selection #detailForm-ctd .radio.checked { color: #FFFFFF; background: #0070a0; } #product-detail .product-selection #detailForm-ctd .radio label { margin: 0px; padding: 4px 9px; color: #0070a0; } #product-detail .product-selection #detailForm-ctd .radio:hover label { color: #FFFFFF; } #product-detail .product-selection #detailForm-ctd .radio.checked label { color: #FFFFFF; } #product-detail .product-selection #detailForm-ctd .radio input { display: none; } #product-detail .product-selection #detailForm-ctd .input-group label { display: block; text-align: center; } #product-detail .product-selection #detailForm-size .radio label { margin: 0px; } #product-detail .product-selection #detailForm-size .available { font-size: 13px; color: #818181; text-transform: none; } #product-detail .product-selection #detailForm-size .available-out { font-size: 13px; text-transform: none; } #product-detail .product-selection #detailForm-size .radio { margin: 1px 0px; padding: 1px 0px; border-bottom: 1px solid #e4e4e5; } #product-detail .product-selection #detailForm-size .radio input { display: none; } #product-detail .product-selection #detailForm-size .radio .txt-size { display: inline-block; zoom: 1; *display: block; min-width: 85px; margin-right: 3px; padding: 2px 9px; text-align: center; color: #0070a0; background: #d3e3eb; } #product-detail .product-selection #detailForm-size .radio .link { display: inline-block; zoom: 1; *display: block; color: #0070a0; font-size: 13px; text-decoration: underline; } #product-detail .product-selection #detailForm-size .radio.checked .txt-size { color: #FFFFFF; background: #0070a0; } #product-detail .product-selection #detailForm-size .radio.checked .available { color: #0070a0; } #product-detail .product-selection #detailForm-size .radio.disabled .txt-size { color: #FFFFFF; background: #c4c4c5; } #product-detail .product-selection #detailForm-size .radio:hover .txt-size { color: #FFFFFF; background: #00b4e1; } #product-detail .product-selection #detailForm-size .radio:hover .available { color: #0070a0; } #product-detail .product-actions { float: left; width: 58%; margin-top: 15px; margin-bottom: 10px; } #product-detail .product-actions .product-ations-buy { float: left; width: 50%; } #product-detail .product-actions .product-ations-buy .btn { display: block; width: 100%; } #product-detail .product-actions .product-ations-notify { float: left; width: 50%; } #product-detail .product-actions .product-ations-notify .txt-label { display: block; margin-bottom: 10px; color: #434343; font-family: 'Roboto Slab', serif; font-weight: 700; } #product-detail .product-actions .product-ations-notify .form-inline .form-group { margin-bottom: 8px; } #product-detail .product-actions .product-ations-notify .checkbox { font-size: 12px; } #product-detail .product-actions .product-ations-notify .date { width: 82%; } #product-detail .product-actions .product-ations-help { float: right; width: 45%; padding-top: 15px; font-size: 12px; } #product-detail .product-actions .product-ations-help.send { padding-top: 35px; } #product-detail .product-actions .product-ations-sending { padding: 15px 0px 0px 0px; } #product-detail .product-actions .product-ations-sending .tit { font-family: 'Roboto Slab', serif; font-size: 18px; color: #CC9900; font-weight: 700; background: none; } #product-detail .product-actions .product-ations-sending a { font-size: 12px; } #product-detail .product-info { float: left; margin-top: 15px; padding-top:20px; width: 58%; border-top: 1px solid #e8e8e8; } #product-detail .product-info .lst { margin: 0px; padding: 0px; list-style-type: none; } #product-detail .product-info .lst li { position: relative; line-height: 1.3; float: left; width: 50%; padding-bottom: 20px; } #product-detail .product-info .lst i { position: absolute; } #product-detail .product-info .lst .txt { margin:0px 0px 0px 38px; padding: 0px; min-height: 25px; } #product-detail .product-info .lst .tit { font-family: 'Roboto Slab', serif; font-size: 14px; color: #595959; font-weight: 700; background: none; } #product-detail .product-info .lst a { font-size: 12px; } #product-detail .product-security { float: left; width: 58%; margin-top: 10px; font-family: 'Roboto Slab', serif; font-size: 15px; color: #595959; text-align: center; background-position: 0px 10px; background-repeat: repeat-x; } #product-detail .product-security .txt { display: inline-block; zoom: 1; *display: block; padding: 3px 10px; background: #FFFFFF; } #product-detail .product-description { float: left; width: 58%; margin-top: 25px; } #product-detail .product-description .stit { margin: 0px 0px 8px 0px; font-size: 13px; } #product-detail .product-description .txt-description { font-size: 13px; } #product-detail .product-description .txt-description p { margin: 0px 0px 4px 0px; padding: 0px; } #product-detail .product-description .txt-reference { margin: 30px 0px 0px 0px; padding: 0px; text-transform: uppercase; } #product-accessories { position: relative; z-index: 2; clear: both; margin: 0px 0px 20px 0px; padding : 25px 0px 0px 0px; background: none; } #product-accessories .prd { background: #FFFFFF; } #product-accessories .prd .active { background: #e8f0d9; } #product-accessories .detailForm-accesorie-sel { display: inline-block; zoom: 1; *display: block; } #product-accessories .detailForm-accesorie-sel .tit { display: none; margin: 0px; padding: 0px; font-size: 13px; background: none; } #product-accessories .detailForm-accesorie-sel .detailForm-accesorie-ctd, #product-accessories .detailForm-accesorie-sel .detailForm-accesorie { display: inline-block; zoom: 1; *display: block; } #product-accessories .detailForm-accesorie-sel .detailForm-accesorie-ctd { margin-right: 5px; } #product-accessories .detailForm-accesorie-sel .detailForm-accesorie-ctd .ico-bll, #product-accessories .detailForm-accesorie-sel .detailForm-accesorie .ico-bll { margin-right: 0px; } #product-accessories .detailForm-accesorie .radio label { margin: 0px; } #product-accessories .accesorie-checkbox-box { display: block; float: right; text-align: right; line-height: 1; } #product-accessories .accesorie-checkbox-box .accesorie-checkbox { position: relative; left: -999em; } #product-accessories .accesorie-checkbox-box label { margin: 0px; padding: 0px; } #product-accessories .detailForm-accesorie a.link .txt-quantity { font-weight: 700; } #product-accessories .detailForm-accesorie .available { font-size: 12px; color: #818181; text-transform: none; } #product-accessories .detailForm-accesorie .available-out { font-size: 12px; text-transform: none; } #product-accessories .detailForm-accesorie .radio { margin: 1px 0px; padding: 1px 0px; border-bottom: 1px solid #e4e4e5; } #product-accessories .detailForm-accesorie .radio input { display: none; } #product-accessories .detailForm-accesorie .radio .txt-size { display: inline-block; zoom: 1; *display: block; min-width: 85px; margin-right: 3px; padding: 2px 9px; text-align: center; color: #0070a0; background: #d3e3eb; } #product-accessories .detailForm-accesorie .radio .link { display: inline-block; zoom: 1; *display: block; color: #0070a0; font-size: 12px; text-decoration: underline; } #product-accessories .detailForm-accesorie .radio.checked .txt-size { color: #FFFFFF; background: #0070a0; } #product-accessories .detailForm-accesorie .radio.checked .available { color: #0070a0; } #product-accessories .detailForm-accesorie .radio.disabled .txt-size { color: #FFFFFF; background: #c4c4c5; } #product-accessories .detailForm-accesorie .radio:hover .txt-size { color: #FFFFFF; background: #00b4e1; } #product-accessories .detailForm-accesorie .radio:hover .available { color: #0070a0; } #product-media-users { position: relative; z-index: 1; clear: both; margin: 20px 0px 0px 0px; padding : 25px 0px 0px 0px; background-position: top left; background-repeat: repeat-x; } #product-media-users .padd { margin: 0px; padding: 0px 10px 0px 10px; } #product-comments { clear: both; margin: 20px 0px 20px 0px; padding: 25px 0px 0px 0px; background-position: top left; background-repeat: repeat-x; } #product-relations { clear: both; margin: 20px 0px 20px 0px; padding: 25px 0px 0px 0px; background-position: top left; background-repeat: repeat-x; } #product-accessories-popup { position: relative; z-index: 2; clear: both; margin: 0px 0px 0px 0px; padding : 10px 0px 0px 0px; background: none; } #product-accessories-popup .carouselF2 .stit { margin-bottom: 10px; } #product-accessories-popup .prd { background: #FFFFFF; } #product-accessories-popup .prd .active { background: #e8f0d9; } #product-accessories-popup .detailFormPopup-accesorie-sel { display: inline-block; zoom: 1; *display: block; } #product-accessories-popup .detailForm-Popupaccesorie-sel .tit { display: none; margin: 0px; padding: 0px; font-size: 13px; background: none; } #product-accessories-popup .detailFormPopup-accesorie-sel .detailFormPopup-accesorie-ctd, #product-accessories .detailForm-accesorie-sel .detailForm-accesorie { display: inline-block; zoom: 1; *display: block; } #product-accessories-popup .detailFormPopup-accesorie-sel .detailFormPopup-accesorie-ctd { margin-right: 5px; } #product-accessories-popup .detailFormPopup-accesorie-sel .detailFormPopup-accesorie-ctd .ico-bll, #product-accessories .detailForm-accesorie-sel .detailForm-accesorie .ico-bll { margin-right: 0px; } #product-accessories-popup .detailFormPopup-accesorie .radio label { margin: 0px; } #product-accessories-popup .accesorie-checkbox-box { display: block; float: right; text-align: right; line-height: 1; } #product-accessories-popup .accesorie-checkbox-box .accesorie-checkbox { position: relative; left: -999em; } #product-accessories-popup .accesorie-checkbox-box label { margin: 0px; padding: 0px; } #product-accessories-popup .detailFormPopup-accesorie a.link .txt-quantity { font-weight: 700; } #product-accessories-popup .detailFormPopup-accesorie .available { font-size: 12px; color: #818181; text-transform: none; } #product-accessories-popup .detailFormPopup-accesorie .available-out { font-size: 12px; text-transform: none; } #product-accessories-popup .detailFormPopup-accesorie .radio { margin: 1px 0px; padding: 1px 0px; border-bottom: 1px solid #e4e4e5; } #product-accessories-popup .detailFormPopup-accesorie .radio input { display: none; } #product-accessories-popup .detailFormPopup-accesorie .radio .txt-size { display: inline-block; zoom: 1; *display: block; min-width: 40px; margin-right: 3px; padding: 2px 9px; text-align: center; color: #0070a0; background: #d3e3eb; } #product-accessories-popup .detailFormPopup-accesorie .radio .link { display: inline-block; zoom: 1; *display: block; color: #0070a0; font-size: 12px; text-decoration: underline; } #product-accessories-popup .detailFormPopup-accesorie .radio.checked .txt-size { color: #FFFFFF; background: #0070a0; } #product-accessories-popup .detailFormPopup-accesorie .radio.checked .available { color: #0070a0; } #product-accessories-popup .detailFormPopup-accesorie .radio.disabled .txt-size { color: #FFFFFF; background: #c4c4c5; } #product-accessories-popup .detailFormPopup-accesorie .radio:hover .txt-size { color: #FFFFFF; background: #00b4e1; } #product-accessories-popup .detailFormPopup-accesorie .radio:hover .available { color: #0070a0; } /* ------------------------------------------------------ */ /* COLUMN LIST PRODUCTS */ /* ------------------------------------------------------ */ .prd { background: #FFFFFF; border-left: 1px solid #e8e8e8; } .prd .tit-mini { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } .prd .padd { min-height: 160px; margin: 0px 7px 0px 7px; padding: 12px 15px 12px 15px; } .prd .prd-img { float: left; } .prd .prd-img img { border: 1px solid #e6e6e6; } .prd .prd-detail { margin: 0px 0px 0px 62px; } .prd .prd-detail .txt-price-previous { margin-left: 5px; text-decoration:line-through; } .prd .prd-dts { position: relative; } .prd .prd-ctt { float: none; } .prd .prd-available { margin: 5px 0px; font-size: 12px; line-height: 1.3; } .prd .prd-action { position: relative; top: 0px; right: 0px; margin: 5px 0px; text-align: right; } .row .prd:first-child { border-left: none; } /* ------------------------------------------------------ */ /* CAROUSEL */ /* ------------------------------------------------------ */ .carousel-bnn { position: relative; background: #343434; } .carousel-bnn .carousel .item { padding: 0px; } .carousel-bnn .carousel-inner { overflow: none; } .carousel-bnn .carousel-control { top: 45%; width: 30px; text-shadow: none; color: #595959; background: none; filter: none; } .carousel-bnn .carousel-control.left { background: none; filter: none; } .carousel-bnn .carousel-control.right { background: none; filter: none; } .carousel-bnn .carousel-indicators { margin-bottom: 0px; } .carousel-bnn .ico-slider-left { width: 16px; height: 25px; line-height: 25px; vertical-align: middle; text-indent: -10000px; background-position: -34px -360px; } .carousel-bnn .ico-slider-right { width: 16px; height: 25px; line-height: 25px; vertical-align: middle; text-indent: -10000px; background-position: -34px -395px; } .carousel-bnn .neg .ico-slider-left { background-position: -81px -360px; } .carousel-bnn .neg .ico-slider-right { background-position: -81px -395px; } .carouselF1 { position: relative; padding: 20px 15px; border: 1px solid #e8e8e8; } .carouselF1 .carouselF1-arrow { position: absolute; top: -9px; left: 10px; width: 50px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_dd_secundary.gif') top center no-repeat; } .carouselF1 .stit { font-weight: normal; margin-bottom: 10px; } .carouselF1 .carousel { } .carouselF1 .carousel .item { margin: 0px 15px; } .carouselF1 .carousel .item .row { margin: 0px; } .carouselF1 .carousel-inner { overflow: none; } .carouselF1 .carousel-control { top: 35%; width: 30px; text-shadow: none; color: #595959;background: none; filter: none; } .carouselF1 .carousel-control.left { background: none; filter: none; } .carouselF1 .carousel-control.right { background: none; filter: none; } .carouselF2 { position: relative; } .carouselF2 .stit { font-weight: normal; margin-bottom: 20px; } .carouselF2 .carousel-big { display: none; } .carouselF2 .carousel { } .carouselF2 .carousel-big { padding: 0px 35px 15px 35px; } .carouselF2 .carousel-big img { width: 100%; max-width: auto; } .carouselF2 .carousel .item { padding: 0px 25px; } .carouselF2 .carousel .item .row { margin: 0px; } .carouselF2 .carousel-inner { overflow: none; } .carouselF2 .carousel-control { top: 35%; width: 30px; text-shadow: none; color: #595959; background: none; filter: none; } .carouselF2 .carousel-control.left { background: none; filter: none; } .carouselF2 .carousel-control.right { background: none; filter: none; } .carouselF3 { position: relative; } .carouselF3 .stit { font-weight: normal; margin-bottom: 20px; } .carouselF3 .carousel-big { display: none; } .carouselF3 .carousel { } .carouselF3 .carousel-big { padding: 0px 35px 15px 35px; } .carouselF3 .carousel .item { padding: 0px 25px; } .carouselF3 .carousel .item .row { margin: 0px; } .carouselF3 .carousel-inner { overflow: none; } .carouselF3 .carousel-control { top: 35%; width: 30px; text-shadow: none; color: #595959; background: none; filter: none; } .carouselF3 .carousel-control.left { background: none; filter: none; } .carouselF3 .carousel-control.right { background: none; filter: none; } .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .carousel.vertical .carousel-inner { height: 100%; } .carousel.vertical .active { top: 0; } .carousel.vertical .next { top: 400px; } .carousel.vertical .prev { top: -400px; } .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; } .carousel.vertical .active.left { top: -400px; } .carousel.vertical .active.right { top: 400px; } .carousel.vertical .item { z-index: 2; left: 0; } .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .carousel.vertical a.carousel-control { z-index: 10; padding: 3px 0px 8px 0px; position: relative; display: block; width: 100%; background: #5c5c5c !important; } .carousel.vertical a.carousel-control:hover { background: #666666 !important; } .carousel.vertical a.carousel-control:active { background: #5c5c5c !important; } .carousel.vertical a.carousel-control:focus { background: #5c5c5c !important; } .carousel.vertical .ico-slider-top { width: 26px; height: 14px; line-height: 14px; vertical-align: middle; text-indent: -10000px; background-position: -757px -697px; } .carousel.vertical .ico-slider-bottom { width: 26px; height: 14px; line-height: 14px; vertical-align: middle; text-indent: -10000px; background-position: -722px -699px; } .carousel.vertical .neg .ico-slider-top { background-position: -757px -744px; } .carousel.vertical .neg .ico-slider-bottom { background-position: -722px -746px; } /* ------------------------------------------------------ */ /* SHOPPING */ /* ------------------------------------------------------ */ .shopping-tbl { border: 1px solid #e9e9e9; border-top: 0px; border-collapse: collapse; } .shopping-details { padding: 20px 0px 10px 0px; border: 1px solid #e9e9e9; border-top: 0px; border-collapse: collapse; } .shopping-details .group { clear: both; float: right; padding-right: 90px; padding-bottom: 10px; width: 70%; } .shopping-details .group label { float: left; padding-right: 10px; padding-top: 7px; width: 50%; color: #535353; font-weight: bold; text-align: right; } .shopping-details .group select { color: #939393; } .shopping-details .group .group-cps { float: left; width: 50%; } .shopping-details .group .note-txt { padding-top: 10px; } .shopping-resume { padding: 20px 0px; background: #f8f8f8; border: 1px solid #e9e9e9; border-top: 0px; border-collapse: collapse; } .shopping-resume .group { clear: both; float: right; padding-right: 90px; width: 50%; } .shopping-resume .link { font-size: 12px; font-weight: normal; font-family: 'Open Sans', sans-serif; } .shopping-security { float: left; padding: 0px 20px; text-align: center; } .shopping-security .txt { margin: 0px; padding: 0px 0px 10px 0px; font-size: 15px; font-family: 'Roboto Slab', serif; } .shopping-security img { margin: 0px 5px; } .shopping-actions { text-align: right; } .shopping-actions .group { padding: 35px 90px 35px 20px; } .shopping-actions .btn { float: right; } .shopping-actions .link { display: inline-block; zoom: 1; *display: block; margin: 15px 20px 15px 20px; font-size: 12px; } .tbl-cart { margin-bottom: 0px; width: 100%; border-collapse: collapse; } .tbl-cart thead tr th { padding: 18px 10px; font-family: 'Roboto Slab', serif; font-size: 13px; font-weight: normal; color: #3d3d3d; text-align: center; white-space: nowrap; background: #e8e8e8; border: 0px; } .tbl-cart tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } .tbl-cart tbody tr.row1a { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } .tbl-cart tbody tr.row1b { clear:both; width: 100%; border-top: 0px;background: #ffffe6; } .tbl-cart > tbody > tr > td { padding: 18px 10px; line-height: 1.3; border: 0px; } .tbl-cart thead .th-stotal .txt { font-weight: 700; text-transform: uppercase; } .tbl-cart tbody td.img-pro .img { position: relative; } .tbl-cart tbody td.img-pro { padding: 18px 8px; text-align: center; } .tbl-cart tbody td.txt-check .txt { display: none; font-size: 11px; color: #818181; font-weight: bold; white-space: nowrap; } .tbl-cart tbody td.txt-pro { text-align: left; } .tbl-cart tbody td.txt-pro .txt-pro-name { font-family: 'Roboto Slab', serif; font-size: 14px; color: #535353; } .tbl-cart tbody td.txt-pro .txt-pro-name a { color: #535353; } .tbl-cart tbody td.txt-pro .txt-pro-name a:hover { color: #2e2e2e; } .tbl-cart tbody td.txt-pro .txt-pro-sizes { display: inline-block; zoom: 1; *display: block; margin-top: 8px; color: #9a9a9a; font-size: 12px; text-transform: uppercase; } .tbl-cart tbody td.txt-pro .txt-pro-ref { display: inline-block; zoom: 1; *display: block; margin-top: 8px; color: #9a9a9a; font-size: 11px; text-transform: uppercase; } .tbl-cart tbody td.txt-gift { padding: 18px 8px; } .tbl-cart tbody td.txt-gift .txt-gift { font-family: 'Roboto Slab', serif; font-size: 14px; color: #535353; } .tbl-cart tbody td.txt-available, .tbl-cart tbody td.txt-availableF2 { font-size: 12px; text-align: center; } .tbl-cart tbody td.txt-available .available, .tbl-cart tbody td.txt-availableF2 .available, .tbl-cart tbody td.txt-available .time { font-size: 12px; } .tbl-cart tbody td.txt-available .available-time, .tbl-cart tbody td.txt-availableF2 .available-time, .tbl-cart tbody td.txt-availableF2 .time { font-size: 12px; } .tbl-cart tbody td.txt-available .available-out, .tbl-cart tbody td.txt-availableF2 .available-out { font-size: 12px; } .tbl-cart tbody td.txt-available .available-out-time, .tbl-cart tbody td.txt-availableF2 .available-out-time { font-size: 12px; } .tbl-cart tbody td.txt-available .time, .tbl-cart tbody td.txt-availableF2 .time { display: block; padding-top: 7px; } .tbl-cart > tbody td.txt-price { font-family: 'Roboto Slab', serif; font-size: 16px; color: #535353; text-align: right; } .tbl-cart tbody td.txt-price .txt { display: none; font-size: 12px; } .tbl-cart tbody td.txt-select label { display: none; font-family: 'Roboto Slab', serif; font-size: 13px; color: #535353; font-weight: normal; } .tbl-cart tbody td.txt-select select, .tbl-cart tbody td.txt-select .form-control { height: 30px; padding: 2px 10px; min-width: 60px; } .tbl-cart tbody td.txt-selectF2 label { margin-right: 10px; } .tbl-cart tbody td.txt-selectF2 select, .tbl-cart tbody td.txt-selectF2 .form-control { display: inline-block; zoom: 1; *display: block; height: 30px; padding: 2px 10px; width: auto; } .tbl-cart tbody td.txt-select .txt { display: block; text-align: center; } .tbl-cart tbody td.txt-stotal { font-family: 'Roboto Slab', serif; font-size: 16px; color: #535353; font-weight: 700; text-align: right; } .tbl-cart tbody td.txt-stotal .txt { display: none; font-family: 'Roboto Slab', serif; font-size: 15px; color: #535353; font-weight: 700; } .tbl-cart tbody td.txt { font-size: 12px; } .tbl-cart tbody td.txt-units .units { display: block; padding-top: 7px; text-align: center; font-size: 12px; } .tbl-cart tbody td.txt-date .time { display: block; padding-top: 7px; text-align: center; font-size: 12px; } .tbl-cart tbody td .txt-label { display: none; font-family: 'Roboto Slab', serif; font-size: 13px; color: #535353; font-weight: normal; } .tbl-cart tbody td .txt-price-previous { color: #cc0000; font-family: 'Roboto Slab', serif; font-size: 13px; margin: 0; /* text-decoration: line-through; */ font-weight: normal; } .tbl-cart tbody td .txt-previous { color: #cc0000; font-family: 'Roboto Slab', serif; font-size: 12px; margin: 0; font-weight: normal; } .tbl-cart tbody td .txt-dto { display: inline-block; zoom: 1; *display: block; padding: 2px 4px; font-family: 'Open Sans', sans-serif; font-size: 11px; color: #FFFFFF; background: #cc0000; text-transform: uppercase; } .tbl-cart tbody td .gift { margin-top: 20px; font-size: 12px; } .tbl-cart tbody td .gift input { margin: 0px 3px 0px 0px; padding: 0px; vertical-align: middle; } .tbl-cart tbody td .gift .gift-ctd { margin-top: 8px; } .tbl-cart tbody td .gift .gift-ctd .select-gift { display: inline-block; margin-left: 3px; width: auto; height: auto; padding: 2px 5px; } .tbl-cart tbody tr.error { background: #faf8f4; border-right: 4px solid #d7af35; } .tbl-cart .error-num { position: absolute; left: -10px; top: -10px; display: block; padding: 3px 7px; font-weight: 700; color: #FFFFFF; font-size: 12px; background: #cc9900; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .tbl-cart-total { margin-bottom: 0px; width: 100%; border-collapse: collapse; } .tbl-cart-total > tbody > tr > td { padding: 12px 0px; line-height: 1.3; border: 0px; color: #3d3d3d; font-family: 'Roboto Slab', serif; font-size: 14px; border-top: 2px dotted #959595; } .tbl-cart-total tbody td.stotal { border-top: 0px; } .tbl-cart-total tbody td.price { font-size: 16px; text-align: right; white-space: nowrap; } .tbl-cart-total tbody td.concept-total { border-top: 1px solid #959595; font-weight: 700; text-transform: uppercase; } .tbl-cart-total tbody td.price-total { border-top: 1px solid #959595; font-size: 18px; text-align: right; font-weight: 700; white-space: nowrap; } .tbl-cart-total #gift-cost { display: none; } /* ------------------------------------------------------ */ /* STYLE TABLE SIZES PRODUCTS */ /* ------------------------------------------------------ */ table.tbl-dts { margin-bottom: 20px; width: 100%; border-collapse: collapse; border: 1px solid #e8e8e8; } table.tbl-dts thead tr th { padding: 18px 10px; font-family: 'Roboto Slab', serif; font-size: 13px; font-weight: 700; color: #3d3d3d; text-align: left; text-transform: uppercase; white-space: nowrap; background: #e8e8e8; border: 0px; } table.tbl-dts thead tr th.th-normal { } table.tbl-dts tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl-dts > tbody > tr > td { padding: 18px 10px; line-height: 1.3; border: 0px; } table.tbl-dts tbody td.txt-dts { text-align: left; } table.tbl-dts tbody td.txt-actions { white-space: nowrap; } table.tbl-dts tbody td.txt-actions a { margin: 0px 10px; } table.tbl-dts tbody td .label { display: none; font-weight: normal; } table.tbl-dtsF2 { margin-bottom: 20px; width: 100%; border-collapse: collapse; border: 1px solid #e8e8e8; } table.tbl-dtsF2 thead tr th { padding: 18px 10px; font-family: 'Roboto Slab', serif; font-size: 13px; font-weight: 700; color: #3d3d3d; text-align: left; text-transform: uppercase; white-space: nowrap; background: #e8e8e8; border: 0px; } table.tbl-dtsF2 thead tr th.th-normal { } table.tbl-dtsF2 tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl-dtsF2 > tbody > tr > td { padding: 18px 10px; line-height: 1.3; border: 0px; } table.tbl-dtsF2 tbody td.txt-dts { text-align: left; } table.tbl-dtsF2 tbody td.txt-actions { white-space: nowrap; } table.tbl-dtsF2 tbody td.txt-actions a { margin: 0px 10px; } table.tbl-dtsF2 tbody td .label { display: none; font-weight: normal; } table.tbl-orders { margin-bottom: 20px; width: 100%; border-collapse: collapse; border: 1px solid #e8e8e8; } table.tbl-orders thead tr th { padding: 18px 10px; font-family: 'Roboto Slab', serif; font-size: 13px; font-weight: 700; color: #3d3d3d; text-align: center; text-transform: uppercase; white-space: nowrap; background: #e8e8e8; border: 0px; } table.tbl-orders tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl-orders > tbody > tr > td { padding: 18px 10px; line-height: 1.3; border: 0px; } table.tbl-orders tbody td { text-align: center; } table.tbl-orders tbody td .label { display: none; font-weight: normal; } table.tbl-orders tbody td.txt-dts { text-align: left; } table.tbl-orders tbody td.txt-emp { font-weight: 700; } table.tbl-orders tbody td.txt-emp a { font-size: 14px; } table.tbl-orders tbody td.txt-date { font-weight: 700; } table.tbl-orders tbody td.txt-date .txt { font-size: 14px; } table.tbl-orders tbody td.txt-price { text-align: right; } table.tbl-orders tbody td.txt-price .txt { display: block; margin-right: 20px; font-size: 16px; font-weight: normal; } table.tbl-orders tbody td.txt-actions { text-align: left; } table.tbl-orders tbody td.txt-actions a { display: inline-block; margin: 3px 0px; white-space: nowrap; } table.tblSizes { margin: 0px 0px 15px 0px; padding: 0px; width: 100%; border-collapse: collapse; } table.tblSizes th { padding: 5px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 13px; background: #3d3d3d; border: 1px solid #E7E7E7; } table.tblSizes td { padding: 3px; font-size: 12px; text-align: center; border: 1px solid #E7E7E7; } table.tblSizes td strong { color: #434343; } table.tblSizes tr:nth-child(odd) { background: #FFFFFF; } table.tblSizes tr:nth-child(even) { background: #EFEFEF; } table.tblSizes .odd { background: #FFFFFF; } table.tblSizes .even { background: #EFEFEF; } /* ------------------------------------------------------ */ /* STYLE TABLE RETURNS */ /* ------------------------------------------------------ */ .return-tbl { border: 1px solid #e9e9e9; border-top: 0px; border-collapse: collapse; } .tbl-return { margin-bottom: 0px; width: 100%; border-collapse: collapse; } .tbl-return thead tr th { padding: 18px 10px; font-family: 'Roboto Slab', serif; font-size: 13px; font-weight: normal; color: #3d3d3d; text-align: center; vertical-align: middle; white-space: nowrap; background: #e8e8e8; border: 0px; } .tbl-return tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } .tbl-return tbody tr.row1a { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } .tbl-return tbody tr.row1b { clear:both; width: 100%; border-top: 0px; background: #ffffd3; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .tbl-return tbody tr.row1b td { position: relative; padding: 18px; } .tbl-return tbody tr.row1b .arrow { position: absolute; top: -9px; left: 30px; width: 17px; height:9px; line-height: 9px; background: transparent url('/img/global/fdo_dd_primary_more.gif') top center no-repeat; } .tbl-return > tbody > tr > td { padding: 18px 10px; line-height: 1.3; border: 0px; } .tbl-return thead .th-stotal .txt { font-weight: 700; text-transform: uppercase; } .tbl-return tbody td.img-pro .img { position: relative; } .tbl-return tbody td.img-pro { padding: 18px 8px; text-align: center; } .tbl-return tbody td.txt-check .txt { display: none; font-size: 11px; color: #818181; font-weight: bold; white-space: nowrap; } .tbl-return tbody td.txt-pro { text-align: left; } .tbl-return tbody td.txt-pro .txt-pro-name { font-family: 'Roboto Slab', serif; font-size: 14px; color: #535353; } .tbl-return tbody td.txt-pro .txt-pro-name a { color: #535353; } .tbl-return tbody td.txt-pro .txt-pro-name a:hover { color: #2e2e2e; } .tbl-return tbody td.txt-pro .txt-pro-sizes { display: inline-block; zoom: 1; *display: block; margin-top: 8px; color: #9a9a9a; font-size: 12px; text-transform: uppercase; } .tbl-return tbody td.txt-pro .txt-pro-ref { display: inline-block; zoom: 1; *display: block; margin-top: 8px; color: #9a9a9a; font-size: 11px; text-transform: uppercase; } .tbl-return tbody td.txt-gift { padding: 18px 8px; } .tbl-return tbody td.txt-gift .txt-gift { font-family: 'Roboto Slab', serif; font-size: 14px; color: #535353; } .tbl-return tbody td.txt-available, .tbl-return tbody td.txt-availableF2 { font-size: 12px; text-align: center; } .tbl-return tbody td.txt-available .available, .tbl-return tbody td.txt-availableF2 .available, .tbl-return tbody td.txt-available .time { font-size: 12px; } .tbl-return tbody td.txt-available .available-time, .tbl-return tbody td.txt-availableF2 .available-time, .tbl-return tbody td.txt-availableF2 .time { font-size: 12px; } .tbl-return tbody td.txt-available .available-out, .tbl-return tbody td.txt-availableF2 .available-out { font-size: 12px; } .tbl-return tbody td.txt-available .available-out-time, .tbl-return tbody td.txt-availableF2 .available-out-time { font-size: 12px; } .tbl-return tbody td.txt-available .time, .tbl-return tbody td.txt-availableF2 .time { display: block; padding-top: 7px; } .tbl-return > tbody td.txt-price { font-family: 'Roboto Slab', serif; font-size: 16px; color: #535353; text-align: right; } .tbl-return tbody td.txt-price .txt { display: none; font-size: 12px; } .tbl-return tbody td.txt-select label { display: none; font-family: 'Roboto Slab', serif; font-size: 13px; color: #535353; font-weight: normal; } .tbl-return tbody td.txt-select select, .tbl-return tbody td.txt-select .form-control { height: 30px; padding: 2px 10px; min-width: 60px; } .tbl-return tbody td.txt-selectF2 { background: #ffffd3; } .tbl-return tbody td.txt-selectF2 label { margin-right: 10px; } .tbl-return tbody td.txt-selectF2 select, .tbl-return tbody td.txt-selectF2 .form-control { display: inline-block; zoom: 1; *display: block; height: 30px; padding: 2px 10px; width: auto; } .tbl-return tbody td.txt-selectF2 textarea { height: auto !important; width: 100% !important; } .tbl-return tbody td.txt-select .txt { display: block; text-align: center; } .tbl-return tbody td.txt-stotal { font-family: 'Roboto Slab', serif; font-size: 16px; color: #535353; font-weight: 700; text-align: right; } .tbl-return tbody td.txt-stotal .txt { display: none; font-family: 'Roboto Slab', serif; font-size: 15px; color: #535353; font-weight: 700; } .tbl-return tbody td.txt { font-size: 12px; } .tbl-return tbody td.txt-units .units { display: block; padding-top: 7px; text-align: center; font-size: 12px; } .tbl-return tbody td.txt-date .time { display: block; padding-top: 7px; text-align: center; font-size: 12px; } .tbl-return tbody td .txt-label { display: none; font-family: 'Roboto Slab', serif; font-size: 13px; color: #535353; font-weight: normal; } .tbl-return tbody td .txt-price-previous { color: #cc0000; font-family: 'Roboto Slab', serif; font-size: 13px; margin: 0; /* text-decoration: line-through; */ font-weight: normal; } .tbl-return tbody td .txt-previous { color: #cc0000; font-family: 'Roboto Slab', serif; font-size: 12px; margin: 0; font-weight: normal; } .tbl-return tbody td .txt-dto { display: inline-block; zoom: 1; *display: block; padding: 2px 4px; font-family: 'Open Sans', sans-serif; font-size: 11px; color: #FFFFFF; background: #cc0000; text-transform: uppercase; } .tbl-return tbody td .gift { margin-top: 20px; font-size: 12px; } .tbl-return tbody td .gift input { margin: 0px 3px 0px 0px; padding: 0px; vertical-align: middle; } .tbl-return tbody td .gift .gift-ctd { margin-top: 8px; } .tbl-return tbody td .gift .gift-ctd .select-gift { display: inline-block; margin-left: 3px; width: auto; height: auto; padding: 2px 5px; } .tbl-return tbody tr.error { background: #faf8f4; border-right: 4px solid #d7af35; } .tbl-return .error-num { position: absolute; left: -10px; top: -10px; display: block; padding: 3px 7px; font-weight: 700; color: #FFFFFF; font-size: 12px; background: #cc9900; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ------------------------------------------------------ */ /* STYLE MODAL WINDOWS */ /* ------------------------------------------------------ */ .modal-open { padding-right: 0px !important; } .modal { z-index: 9000; } .modal-backdrop { background-color: #333; } .modal-header { border: none; } .modal-body { padding-top: 0px; } .modal-footer { padding: 0px 15px 15px 15px; text-align: center; border: none; } .modal-footer button { margin: 8px 15px 0px 15px; } .modal-title { font-family: 'Roboto Slab', serif; color: #46474b; font-size: 20px; font-weight: normal; } .modal-img { float: right; margin-left: 15px; } .modal-ctt { float: left; } .modal-body h5, .modal-notes strong { font-family: 'Roboto Slab', serif; font-size: 16px; color: #343434; font-weight: normal; vertical-align: middle; } .modal-notes ul { margin: 0; padding: 1em; list-style-type: disc; list-style-position: outside; list-style-image: none; } /* ------------------------------------------------------ */ /* STYLE PANELS */ /* ------------------------------------------------------ */ .panel { box-shadow: none; } .panel-F1 { margin: 0px 5px 0px 0px !important; padding: 0px; border-bottom: 1px solid #e8e8e8; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; box-shadow: none7; } .panel-F1 .panel-heading { padding: 0px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .panel-F1 .panel-title { font-size: 13px; } .panel-F1 .panel-title a { position: relative; display: block; padding: 5px 0px 5px 10px; color: #343434; cursor: pointer; font-weight: 700; line-height: 1.5; } .panel-F1 .panel-title a:before { position:absolute; display:block; top:12px; left:0px; width: 7px; height: 7px; content: " "; background-position: -41px -119px; } .panel-F1 .panel-title a.collapsed { color: #0070a0; font-weight: 400; } .panel-F1 .panel-title a.collapsed:hover { color: #0098db; } .panel-F1 .panel-title a .num { color: #a7a7a7; font-size: 11px; } .panel-F1 .panel-body { font-size: 12px; padding: 0px 9px 15px 9px; color: #818181; background: url('https://static1.funidelia.com/img/global/fdo_panel.png') bottom left repeat-x; border: 0px !important; } .panel-F1 .panel-body ol, .panel-F1 .panel-body ul { margin-bottom: 8px; counter-reset: item; } .panel-F1 .panel-body ol li { display: inline-block; } .panel-F1 .panel-body ol li:before { content: counter(item) ". "; counter-increment: item; font-weight: bold; color: #666666; font-size: 12px; } .panel-F1 .panel-body li { margin-bottom: 3px; } .panel-F1 .panel-body h5 { display: inline; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px 0px 8px 0px; font-size: 12px; font-weight: 700; color: #666666; } .int .panel-F1 .tit-group { margin: 0px 0px 20px 0px; padding: 0px; font-family: 'Roboto Slab', serif; color: #434343; font-size: 14px; } .int .panel-F1 p strong span { color: #434343; font-size: 13px; } .int .panel-F1 .panel-body { font-size: 13px; } .panel-F1.panel-emp .panel-title { font-family: 'Roboto Slab', serif; color: #535353; font-size: 16px; font-weight: 700; border: 0px; } .panel-F1.panel-emp .panel-title a { color: #535353; } .panel-F1.panel-emp .panel-title a:hover { color: #343434; } .panel-F1.panel-emp .panel-title a .num { font-family: 'Open Sans', sans-serif; font-size: 13px; } .panel-F1.panel-emp .panel-body { font-size: 13px; } .int2 .panel-F1 { margin: 0px 5px 0px 0px !important; padding: 0px; border-bottom: none; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; box-shadow: none7; } .int2 .panel-F1 .panel-heading { padding: 0px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .int2 .panel-F1 .panel-title { font-family: 'Open Sans', sans-serif; font-size: 13px; } .int2 .panel-F1 .panel-title a { position: relative; display: block; padding: 0px 0px 0px 10px; color: #d0a126; cursor: pointer; font-weight: 700; line-height: 1.5; } .int2 .panel-F1 .panel-title a:hover { color: #d0a126; } .int2 .panel-F1 .panel-title a:before { position:absolute; display:block; top:3px; left:0px; width: 7px; height: 7px; content: "• "; background: none; font-weight: 700; color: #666666 } .int2 .panel-F1 .panel-title a.collapsed { color: #0070a0; font-weight: 400; } .int2 .panel-F1 .panel-title a.collapsed:hover { color: #0098db; } .int2 .panel-F1 .panel-title a .num { color: #a7a7a7; font-size: 11px; } .int2 .panel-F1 .panel-body { font-size: 12px; margin-top: 5px; margin-bottom: 5px; padding: 10px; color: #818181; background: #ffffde; border: 1px solid #f7efba !important; } .int2 .panel-F1 .panel-body ol { margin-bottom: 8px; counter-reset: item; } .int2 .panel-F1 .panel-body ol li { display: inline-block; } .int2 .panel-F1 .panel-body ol li:before { content: counter(item) ". "; counter-increment: item; font-weight: bold; color: #666666; font-size: 12px; } .int2 .panel-F1 .panel-body li { margin-bottom: 3px; } .int2 .panel-F1 .panel-body h5 { display: inline; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px 0px 8px 0px; font-size: 12px; font-weight: 700; color: #666666; } /* ------------------------------------------------------ */ /* STYLE RATINGS OPINION */ /* ------------------------------------------------------ */ .lst-products-rating { margin: 0px; padding: 0px; list-style-type: none; } .lst-products-rating-item { clear: both; display: block; padding: 10px 0px; border-bottom: 1px solid #e8e8e8; } .lst-products-rating-item:first-child { border-top: none; } .lst-products-rating-media { float: left; width: 30%; } .lst-products-rating-detail { float: right; width: 65%; } .lst-products-rating-detail .tit { font-size: 15px; margin: 0px; padding: 0px; background: none; } .lst-products-rating-detail .tit h3 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 15px; color: #535353; font-family: 'Roboto Slab', serif; line-height: 1.3; } .lst-products-rating-detail .tit h3 a { color: #535353; } .lst-products-rating-detail .tit h3 a:hover { color: #343434; } .lst-products-rating-detail .rating-product-general { float: left; padding-right: 20px; padding-bottom: 10px; } .lst-products-rating-detail .rating-product-general #rate { margin: 3px 0px; } .lst-products-rating-detail .rating-product-size { float: left; padding-bottom: 10px; } span.star-rating-control { width: auto; } div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url('https://static1.funidelia.com/img/global/delete.gif') no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url('https://static1.funidelia.com/img/global/star.png') no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} div.star-rating-readonly a{cursor:default !important} div.star-rating{background:transparent!important;overflow:hidden!important} .size-rating { cursor: pointer; text-indent: -10000px; display: inline-block; height: 36px; width: 30px } #size { background: url("https://static1.funidelia.com/img/int/es/comments-size2.png") no-repeat scroll 0 -49px transparent; height: 36px; width: 170px; } #size a { background: none; } #size a .text { display: none; } /* ------------------------------------------------------ */ /* STYLE GENERAL LINKS, BUTTONS,... */ /* ------------------------------------------------------ */ .maxlist-more { display: block; margin-top: 5px; font-size: 12px; } .btn-block { width: 100%; margin-top: 15px; margin-bottom: 15px; } .btn { font-family: 'Roboto Slab', serif; color: #FFFFFF !important; font-size: 14px; font-weight: 700; background: #8e8e8e; border-bottom: 2px solid #646464; } .btn:hover { color: #FFFFFF; background:#9e9e9e; } .btn:active { color: #FFFFFF; background-color: #8e8e8e; } .btn:disabled { opacity: 0.3; } .open a.btn, a.btn:focus { color: #FFFFFF; background-color: #8e8e8e; } .btn-mini { font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 12px; font-weight: 700; background: #8e8e8e; border-bottom: 2px solid #646464; } .btn-mini:hover { color: #FFFFFF; background:#9e9e9e; } .btn-mini:active { color: #FFFFFF; background-color: #8e8e8e; } .open a.btn-mini, a.btn-mini:focus { color: #FFFFFF; background-color: #8e8e8e; } .btn-login { font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 14px; font-weight: 700; background: #deae00; border-bottom: 2px solid #968662; } .btn-login:hover { color: #FFFFFF; background:#efbd21; } .btn-login:active { background-color: #968662; } .btn-search { font-size: 14px; font-weight: 700; color: #ffffff; background: #e9bf51; border: 1px solid #ccc; } .btn-search:hover { color: #FFFFFF; background:#efbd21; } .btn-search:active { background-color: #968662; } .btn-cart { font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 14px; font-weight: 700; background: #deae00; border-bottom: 2px solid #968662; } .btn-cart:hover { color: #FFFFFF; background:#efbd21; } .btn-cart:active { background-color: #968662; } .btn-cart:focus { color: #FFFFFF; } .btn-buy { white-space: normal; padding-top: 10px; padding-bottom: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #669900; border-bottom: 2px solid #406c4a; } .btn-buy:hover { color: #FFFFFF; background:#73a71b; } .btn-buy:active { color: #FFFFFF; background-color: #406c4a; } .btn-buy:focus { color: #FFFFFF; } .btn-buy i { float: left; } .btn-buy-small { padding: 3px 6px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 12px; font-weight: 700; background: #669900; border-bottom: 2px solid #406c4a; } .btn-buy-small:hover { color: #FFFFFF; background:#73a71b; } .btn-buy-small:active { background-color: #406c4a; } .btn-buy-small:disabled { background-color: #DCDCDC; border-bottom: 2px solid #BCBCBC; } .btn-buy-small i { float: left; } .btn-mini { padding: 3px 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 12px; font-weight: 700; background: #deae00; border-bottom: 2px solid #968662; } .btn-mini:hover { color: #FFFFFF; background:#efbd21; } .btn-mini:active { background-color: #968662; } .btn-mini:focus { color: #FFFFFF; } .btn-small { padding: 5px 18px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 14px; font-weight: 700; background: #deae00; border-bottom: 2px solid #968662; } .btn-small:hover { color: #FFFFFF; background:#efbd21; } .btn-small:active { background-color: #968662; } .btn-small:focus { color: #FFFFFF; } .btn-normal { padding: 10px 18px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 14px; font-weight: 700; background: #deae00; border-bottom: 2px solid #968662; } .btn-normal:hover { color: #FFFFFF; background:#efbd21; } .btn-nomal:active { background-color: #968662; } .btn-normal:focus { color: #FFFFFF; } .btn-big { padding: 10px 18px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #deae00; border-bottom: 2px solid #968662; } .btn-big:hover { color: #FFFFFF; background:#efbd21; } .btn-big:active { background-color: #968662; } .btn-confirm-big { padding: 10px 18px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #669900; border-bottom: 2px solid #406c4a; } .btn-confirm-big:hover { color: #FFFFFF; background:#7fb229; } .btn-confirm-big:active { background-color: #406c4a; } .btn-confirm-big:focus { color: #FFFFFF; } .btn-tooltip { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; color: #FFFFFF; background: #afafaf; } .btn-tooltip:hover { color: #FFFFFF; background: #535353; } .btn-nav { display: block; margin-bottom: 5px; padding: 3px 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF !important; font-size: 12px; font-weight: 700; background: #8e8e8e; border-bottom: 2px solid #646464; } .btn-nav:hover { color: #FFFFFF !important; background:#9e9e9e; } .btn-nav:active { background-color: #8e8e8e; } .btn-nav:focus { color: #8e8e8e; } .btn-aux { font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 14px; font-weight: 700; background: #0076a3; border-bottom: 2px solid #396183; } .btn-aux:hover { color: #FFFFFF; background:#1d82b0; } .btn-aux:active { color: #FFFFFF; background-color: #0076a3; } .open a.btn-aux, a.btn-aux:focus { color: #FFFFFF; background-color: #0076a3; } .btn-facebook { padding: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #0089cb; border-bottom: 2px solid #006aa9; } .btn-facebook:hover { color: #FFFFFF; background:#2a9add; } .btn-facebook:active { background-color: #0089cb; } .btn-twitter { padding: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #55acee; border-bottom: 2px solid #077fbe; } .btn-twitter:hover { color: #FFFFFF; background:#68bfff; } .btn-twitter:active { background-color: #55acee; } .btn-instagram { padding: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #434343; border-bottom: 2px solid #232323; } .btn-instagram:hover { color: #FFFFFF; background:#636363; } .btn-instagram-mini { padding: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 14px; font-weight: 700; background: #434343; border-bottom: 2px solid #232323; } .btn-instagram-mini:hover { color: #FFFFFF; background:#636363; } .btn-instagram:active { background-color: #434343; } .btn-pinterest { padding: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #d01d15; border-bottom: 2px solid #aa0000; } .btn-pinterest:hover { color: #FFFFFF; background:#e93c2a; } .btn-pinterest:active { background-color: #d01d15; } .btn-youtube { padding: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #d01d15; border-bottom: 2px solid #aa0000; } .btn-youtube:hover { color: #FFFFFF; background:#e93c2a; } .btn-youtube:active { background-color: #d01d15; } .btn-googleplus { padding: 10px; font-family: 'Roboto Slab', serif; color: #FFFFFF; font-size: 18px; font-weight: 700; background: #434343; border-bottom: 2px solid #232323; } .btn-googleplus:hover { color: #FFFFFF; background:#636363; } .btn-googleplus:active { background-color: #434343; } .btn-link { white-space: normal; } a.link-del { font-size: 11px; color: #818181; font-weight: bold; white-space: nowrap; } a.link-del:hover { font-size: 11px; color: #cc0000; font-weight: bold; text-decoration: none; } a.link-close { float: right; display: block; padding: 2px 5px; font-size: 11px; color: #818181; font-weight: bold; white-space: nowrap; background: #e8e8e8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } a.link-close:hover .ico-del { width: 12px; height: 12px; line-height: 12px; vertical-align: middle; } a.link-close:hover { color: #343434; } a.link-close:hover .ico-del { background-position: -140px -69px; } a.link-spe { text-decoration: underline; } /* ------------------------------------------------------ */ /* STYLE IMAGES */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* STYLE ICONS */ /* ------------------------------------------------------ */ /* Icons: header */ .ico-hm-send { width: 29px; height: 23px; line-height: 23px; background-position: -343px -7px; } .ico-hn-bll { width: 9px; height: 5px; line-height: 23px; vertical-align: middle; background-position: -25px -73px; } .ico-hn-phone { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -74px; } .ico-hn-mail { width: 31px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -103px; } .ico-hn-chat { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -668px; } .ico-hn-faqs { width: 31px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -132px; } .ico-hn-user { width: 32px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -681px -9px; } .ico-hn-client { width: 32px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -648px -9px; } .ico-hn-cart { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -248px -7px; } .ico-hn-lan { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -243px -269px; } .open .ico-hn-lan { background-position: -212px -269px; } .ico-hn-send { width: 31px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -176px -392px; } .ico-hn-sizes { width: 31px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -747px -433px; } .ico-hn-card { width: 31px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -747px -383px; } .ico-hn-return { width: 31px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -747px -408px; } .ico-hmen-bll { float: right; margin-top: 4px; width: 9px; height: 5px; line-height: 5px; vertical-align: middle; background-position: -25px -73px; } .ico-hmen-outlet { float: right; width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -245px -39px; } .ico-hmen-links { width: 4px; height: 7px; line-height: 13px; vertical-align: middle; background-position: -29px -85px; } .ico-hmen-menu { width: 32px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -752px -9px; } a:hover .ico-hn-user { background-position: -681px -44px; } a:hover .ico-hn-client { background-position: -648px -44px; } a:hover .ico-hmen-bll, li:hover a .ico-hmen-bll { background-position: -39px -73px; } a:hover .ico-hmen-outlet { background-position: -341px -39px; } a:hover .ico-hmen-links { background-position: -55px -85px; } a:active .ico-hn-user { background-position: -681px -9px; } a:active .ico-hn-client { background-position: -648px -9px; } /* Icons general */ .ico-search { width: 20px; height: 20px; line-height: 20px; vertical-align: middle; background-position: -248px -167px; } .ico-bll { margin-right: 4px; width: 7px; height: 7px; line-height: 7px; vertical-align: middle; background-position: -41px -119px; } .ico-scss-error { width: 16px; height: 13px; line-height: 13px; vertical-align: middle; background-position: -100px -150px; } .ico-scss-alert { width: 16px; height: 13px; line-height: 13px; vertical-align: middle; background-position: -74px -150px; } .ico-help { width: 16px; height: 16px; line-height: 16px; vertical-align: middle; background-position: -294px -598px; } .ico-help.aprox-date { margin: 0 0 4px 0; cursor: pointer; } .ico-help-phone { margin-right: 4px; width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -311px -74px; } .ico-logout { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -70px -70px; } .ico-cart { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -248px -6px; } .ico-camera { width: 25px; height: 21px; line-height: 21px; vertical-align: middle; background-position: -216px -532px; } .ico-opinion { width: 25px; height: 21px; line-height: 21px; vertical-align: middle; background-position: -214px -134px; } .ico-check { width: 20px; height: 16px; line-height: 16px; vertical-align: middle; background-position: -75px -92px; } .ico-video-play { position: relative; top: 0px; left: 0px; z-index: 2; width: 81px; height: 60px; line-height: 81px; vertical-align: middle; background-position: -623px -684px; } .ico-sending { width: 29px; height: 25px; line-height: 25px; vertical-align: middle; background-position: -75px -662px; } .ico-offer { width: 16px; height: 16px; line-height: 16px; vertical-align: middle; background-position: -273px -308px; } .ico-top { width: 21px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -216px -202px; } .ico-sale { width: 21px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -212px -238px; } .ico-link-download { width: 19px; height: 19px; line-height: 19px; vertical-align: middle; background-position: -132px -187px; } .ico-link-detail { width: 19px; height: 19px; line-height: 19px; vertical-align: middle; background-position: -133px -215px; } .ico-link-edit { width: 19px; height: 19px; line-height: 19px; vertical-align: middle; background-position: -132px -243px; } .ico-info { width: 16px; height: 16px; line-height: 16px; vertical-align: middle; background-position: -218px -598px; } .btn .ico-link-download { background-position: -151px -187px; } a .ico-top { background-position: -277px -202px; } a .ico-sale { background-position: -274px -238px; } .ico-check:hover { cursor: pointer; } .ico-pro-new { width: 34px; height: 34px; line-height: 34px; vertical-align: middle; background-position: -71px -608px; } .ico-pro-offer { width: 34px; height: 34px; line-height: 34px; vertical-align: middle; background-position: -111px -608px; } .ico-pro-official { width: 34px; height: 34px; line-height: 34px; vertical-align: middle; background-position: -113px -653px; } .ico-add { width: 15px; height: 15px; line-height: 11px; vertical-align: middle; background-position: -37px -523px; } .ico-nadd { width: 15px; height: 15px; line-height: 11px; vertical-align: middle; background-position: -37px -544px; } a .ico-add { background-position: -12px -523px; } a .ico-nadd { background-position: -12px -544px; } .ico-alert-info { width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -73px -148px; } .ico-alert-error { width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -73px -119px; } .ico-alert-correct { width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -76px -91px; } .ico-process-correct { width: 49px; height: 63px; line-height: 63px; vertical-align: middle; background-position: -8px -442px; } .ico-process-error { width: 49px; height: 63px; line-height: 63px; vertical-align: middle; background-position: -67px -442px; } .ico-process-correctG { width: 51px; height: 49px; line-height: 49px; vertical-align: middle; background-position: -742px -252px; } .ico-process-errorG { width: 51px; height: 49px; line-height: 49px; vertical-align: middle; background-position: -742px -306px; } .open .ico-help { background-position: -218px -598px; } .ico-del { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -70px -70px; } a:hover .ico-del { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -86px -70px; } .ico-phone { margin-right: 4px; width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -74px; } .ico-mail { margin-right: 4px; width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -103px; } .ico-chat { margin-right: 4px; width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -668px; } .ico-faqs { margin-right: 4px; width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -180px -132px; } .ico-phone-ng { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -246px -74px; } .ico-mail-ng { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -246px -103px; } .ico-blog-ng { width: 25px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -243px -269px; } a:hover .ico-phone-ng { background-position: -311px -74px; } a:hover .ico-mail-ng { background-position: -311px -103px; } a:hover .ico-blog-ng { background-position: -305px -269px; } a .ico-phone { background-position: -279px -74px; } a .ico-mail { background-position: -279px -103px; } a .ico-chat { background-position: -288px -668px; } a .ico-faqs { background-position: -279px -132px; } .ico-ctt-more { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -39px -525px; } .ico-ctt-less { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -39px -546px; } .ico-yes { width: 14px; height: 14px; line-height: 14px; vertical-align: top; background-position: -132px -273px; } .ico-no { width: 14px; height: 14px; line-height: 14px; vertical-align: top; background-position: -147px -273px; } /* Icons navegation */ .ico-nav-prev { width: 14px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -139px -139px; } .ico-nav-next { width: 14px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -139px -158px; } a .ico-nav-prev { background-position: -8px -139px; } a:hover .ico-nav-prev { background-position: -23px -139px; } a .ico-nav-next { background-position: -8px -158px; } a:hover .ico-nav-next { background-position: -23px -158px; } /* Icon navegation mobile content */ .ico-nav-mobile { width: 27px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -611px -15px; } .active .ico-nav-mobile { background-position: -583px -15px; } /* Icons Social */ .ico-f-facebook { width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -394px -7px; } .ico-f-pinterest { width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -426px -7px; } .ico-f-tuenti{ width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -458px -7px; } .ico-f-twitter { width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -490px -7px; } .ico-f-googleplus { width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -522px -7px; } .ico-f-instagram { width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -735px -454px; } .ico-f-youtube { width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -767px -454px; } a.ico-f-facebook:hover { background-position: -394px -72px; } a.ico-f-pinterest:hover { background-position: -426px -72px; } a.ico-f-tuenti:hover{ background-position: -458px -72px; } a.ico-f-twitter:hover { background-position: -490px -72px; } a.ico-f-googleplus:hover { background-position: -522px -72px; } a.ico-f-instagram:hover { background-position: -735px -519px; } a.ico-f-youtube:hover { background-position: -767px -519px; } .ico-facebook { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -9px -721px; } .ico-twitter { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -36px -721px; } .ico-instagram { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -61px -721px; } .ico-pinterest { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -87px -721px; } .ico-youtube { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -113px -721px; } .ico-googleplus { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -139px -721px; } .ico-share-facebook { width: 19px; height: 19px; line-height: 19px; vertical-align: middle; background-position: -15px -601px; } .ico-share-twitter { width: 19px; height: 19px; line-height: 19px; vertical-align: middle; background-position: -40px -601px; } .ico-share-pinterest { width: 19px; height: 19px; line-height: 19px; vertical-align: middle; background-position: -15px -689px; } a:hover .ico-share-facebook { background-position: -15px -645px; } a:hover .ico-share-twitter { background-position: -40px -645px; } a:hover .ico-share-pinterest { background-position: -40px -689px; } .ico-logo-instagram { width: 81px; height: 23px; line-height: 23px; vertical-align: middle; background-position: -747px -638px; text-indent: -10000px; } /* Icons Like/Unlike */ .ico-like { position: relative; top: -2px; width: 18px; height: 20px; line-height: 20px; vertical-align: middle; background-position: -220px -564px; } .ico-unlike { width: 18px; height: 20px; line-height: 20px; vertical-align: middle; background-position: -220px -629px; } a .ico-like { background-position: -293px -564px; } a .ico-unlike { background-position: -293px -629px; } /* Icons Transport companies */ .send-gls { width: 79px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: -10000px; background-position: -397px -228px; } .send-nacex { width: 79px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: -10000px; background-position: -484px -228px; } .send-fedex { width: 63px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: -10000px; background-position: -573px -228px; } .send-parcelforce { width: 99px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: -10000px; background-position: -808px -228px; } .send-dbschenker { width: 104px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: -10000px; background-position: -788px -85px; } .send-dhl { width: 89px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: -10000px; background-position: -810px -477px; } .send-mondialrelay { width: 61px; height: 30px; line-height: 30px; vertical-align: middle; text-indent: -10000px; background-position: -847px -662px; } /* Icons Payment methods */ .buy-visa { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -397px -392px; } .buy-mastercard { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -441px -392px; } .buy-aexpress { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -485px -392px; } .buy-paypal { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -528px -392px; } .buy-transfer { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -572px -392px; } .buy-delivery { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -616px -392px; } .buy-bankwire { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -572px -392px; } .buy-cod { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -616px -392px; } .buy-sofort, .buy-rechnung, .buy-afterpay, .buy-ideal, .buy-bancotact, .buy-visaelectron, .buy-postepay, .buy-przelewy24, .buy-multibanco, .buy-klarna, .buy-payu, .buy-trustly, .buy-billpay, .buy-realex { background: transparent url("https://static1.funidelia.com/img/global/sprite2.png") 0px 0px no-repeat; } .buy-sofort, .buy-rechnung, .buy-afterpay, .buy-ideal, .buy-bancotact, .buy-visaelectron, .buy-postepay, .buy-przelewy24, .buy-multibanco, .buy-klarna, .buy-payu, .buy-trustly, .buy-billpay, .buy-cartebleue { background: transparent url("https://static1.funidelia.com/img/global/sprite2.png") 0px 0px no-repeat; } .buy-sofort { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -4px -4px; } .buy-rechnung { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -486px -4px; } .buy-afterpay { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -48px -4px; } .buy-ideal { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -92px -4px; } .buy-bancotact { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -135px -4px; } .buy-visaelectron { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -179px -4px; } .buy-postepay { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -223px -4px; } .buy-przelewy24 { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -267px -4px; } .buy-multibanco { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -311px -4px; } .buy-klarna { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -355px -4px; } .buy-payu { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -398px -4px; } .buy-trustly { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -442px -4px; } .buy-billpay { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -530px -4px; } .buy-cartebleue { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -574px -4px; } .buy-realex { width: 39px; height: 26px; line-height: 26px; vertical-align: middle; text-indent: -10000px; background-position: -662px -4px; } .ico-buy-transfer { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -397px -525px; } .ico-buy-card { width: 197px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -463px -525px; } .ico-buy-cod { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -665px -525px; } .ico-buy-paypal { width: 152px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -394px -625px; } .ico-buy-sofort, .ico-buy-rechnung, .ico-buy-afterpay, .ico-buy-ideal, .ico-buy-bancotact, .ico-buy-visaelectron, .ico-buy-postepay, .ico-buy-przelewy24, .ico-buy-multibanco, .ico-buy-klarna, .ico-buy-payu, .ico-buy-trustly, .ico-buy-billpay, .ico-buy-cartebleue, .ico-buy-amex, .ico-buy-cartasi, .ico-buy-realex { background: transparent url("https://static1.funidelia.com/img/global/sprite2.png") 0px 0px no-repeat; } .ico-buy-sofort { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -4px -137px; } .ico-buy-rechnung { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -339px -232px; } .ico-buy-afterpay { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -70px -137px; } .ico-buy-ideal { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -137px -137px; } .ico-buy-bancotact { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -205px -137px; } .ico-buy-visaelectron { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -272px -137px; } .ico-buy-postepay { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -4px -232px; } .ico-buy-przelewy24 { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -70px -232px; } .ico-buy-multibanco {width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -137px -232px; } .ico-buy-klarna { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -205px -232px; } .ico-buy-payu { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -272px -232px; } .ico-buy-trustly { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -339px -137px; } .ico-buy-billpay { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -406px -137px; } .ico-buy-cartebleue { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -473px -137px; } .ico-buy-amex { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -540px -137px; } .ico-buy-realex { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -541px -232px; } .ico-buy-visa { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -597px -525px; } .ico-buy-mastercard { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -530px -525px; } .ico-buy-maestro { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -463px -525px; } .ico-buy-cartasi { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -405px -232px; } .disabled .ico-buy-transfer { background-position: -397px -573px; } .disabled .ico-buy-card { background-position: -463px -573px; } .disabled .ico-buy-cod { background-position: -665px -573px; } .disabled .ico-buy-paypal { background-position: -566px -625px; } .disabled .ico-buy-sofort { background-position: -4px -185px; } .disabled .ico-buy-rechnung { background-position: -339px -280px; } .disabled .ico-buy-afterpay { background-position: -70px -185px; } .disabled .ico-buy-ideal { background-position: -137px -185px; } .disabled .ico-buy-bancotact { background-position: -205px -185px; } .disabled .ico-buy-visaelectron { background-position: -272px -185px; } .disabled .ico-buy-postepay { background-position: -4px -280px; } .disabled .ico-buy-przelewy24 { background-position: -70px -280px; } .disabled .ico-buy-multibanco { background-position: -137px -280px; } .disabled .ico-buy-klarna { background-position: -205px -280px; } .disabled .ico-buy-payu { background-position: -272px -280px; } .disabled .ico-buy-trustly { background-position: -339px -185px; } .disabled .ico-buy-billpay { background-position: -406px -185px; } .disabled .ico-buy-cartebleue { background-position: -473px -185px; } .disabled .ico-buy-amex { background-position: -540px -185px; } .disabled .ico-buy-visa { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -597px -573px; } .disabled .ico-buy-mastercard { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -530px -573px; } .disabled .ico-buy-maestro { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -463px -573px; } .disabled .ico-buy-cartasi { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -405px -280px; } .disabled .ico-buy-realex { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -541px -280px; } /* Icons Info */ .ico-info-transport { width: 31px; height: 29px; line-height: 29px; vertical-align: middle; background-position: -214px -391px; } .ico-info-transport-free { width: 31px; height: 29px; line-height: 29px; vertical-align: middle; background-position: -324px -391px; } .ico-info-valoration { width: 31px; height: 29px; line-height: 29px; vertical-align: middle; background-position: -214px -424px; } .ico-info-sizes { width: 31px; height: 29px; line-height: 29px; vertical-align: middle; background-position: -214px -459px; } .ico-info-buy { width: 31px; height: 29px; line-height: 29px; vertical-align: middle; background-position: -214px -494px; } /* Icons slider carousel */ .ico-slider-left { width: 16px; height: 25px; line-height: 25px; vertical-align: middle; text-indent: -10000px; background-position: -11px -360px; } .ico-slider-right { width: 16px; height: 25px; line-height: 25px; vertical-align: middle; text-indent: -10000px; background-position: -11px -395px; } a .ico-slider-left { background-position: -104px -360px; } a .ico-slider-right { background-position: -104px -395px; } /* Icons Specials */ .ico-box-login { width: 36px; height: 36px; line-height: 36px; vertical-align: middle; background-position: -479px -178px; } .ico-user-shopping { width: 69px; height: 69px; line-height: 69px; vertical-align: middle; background-position: -563px -136px; } .ico-user-discount { width: 69px; height: 69px; line-height: 69px; vertical-align: middle; background-position: -637px -136px; } .ico-user-user { width: 69px; height: 69px; line-height: 69px; vertical-align: middle; background-position: -711px -136px; } .ico-user-drcc { width: 69px; height: 69px; line-height: 69px; vertical-align: middle; background-position: -563px -61px; } .ico-ctt-opinion { width: 47px; height: 47px; line-height: 47px; vertical-align: middle; background-position: -232px -717px; } .ico-ctt-social { width: 47px; height: 47px; line-height: 47px; vertical-align: middle; background-position: -282px -717px; } .ico-ctt-photos { width: 47px; height: 47px; line-height: 47px; vertical-align: middle; background-position: -180px -717px; } /* Icons opinion */ .ico-positive { margin: 7px 0px; width: 57px; height: 57px; line-height: 57px; vertical-align: middle; background-position: -672px -252px; } .ico-negative { margin: 7px 0px; width: 57px; height: 57px; line-height: 57px; vertical-align: middle; background-position: -672px -314px; } .ico-neutral { margin: 7px 0px; width: 57px; height: 57px; line-height: 57px; vertical-align: middle; background-position: -672px -377px; } .ico-positive .txt, .ico-negative .txt, .ico-neutral .txt { display: none; } .ico-positive-mini { margin: 2px 5px 0px 0px; width: 19px; height: 19px; line-height: 19px; vertical-align: top; background-position: -673px -228px; } .ico-negative-mini { margin: 2px 5px 0px 0px; width: 19px; height: 19px; line-height: 19px; vertical-align: top; background-position: -696px -228px; } .ico-neutral-mini { margin: 2px 5px 0px 0px; width: 19px; height: 19px; line-height: 19px; vertical-align: top; background-position: -720px -228px; } .ico-positive-mini .txt, .ico-negative-mini .txt, .ico-neutral-mini .txt { display: none; } /* Icons: status user */ .ico-urgency-happy { background: transparent url("https://static1.funidelia.com/img/global/sprite3.png") 0px 0px no-repeat } .ico-urgency-happy { width: 31px; height: 31px; line-height: 31px; vertical-align: middle; background-position: 0px 0px; } /* Icon: No Express */ .ico-nexpress { margin-top: 3px; text-indent: -10000px; width: 59px; height: 21px; line-height: 21px; background: transparent url("../img/global/nexpress.png") 0px 0px no-repeat; display: none; } #noExpressWarning { display: none; } /* Stars */ .star-5, .star-4, .star-3, .star-2, .star-1, .star-0 { width: 112px; height: 21px; line-height: 21px; vertical-align: top; text-indent: -10000px; } .star-5 { background-position: -6px -212px; } .star-4 { background-position: -6px -243px; } .star-3 { background-position: -6px -271px; } .star-2 { background-position: -6px -299px; } .star-1 { background-position: -6px -325px; } .star-0 { background-position: -6px -185px; } /* Size */ .size-msmall { background-position: 0px -141px; } .size-small { background-position: 0px -190px; } .size-normal { background-position: 0px -1px; } .size-big { background-position: 0px -236px; } .size-mbig { background-position: 0px -96px; } /* Filters */ .ico-active-filter { width: 20px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -121px -92px; } .height-big { min-height: 85px !important; } .free-shipping { display: none; } /* ------------------------------------------ */ /* STYLE RESPONSIVE */ /* ------------------------------------------ */ /* STYLE FUNIDELIA GRID AND SYSTEM */ .container { } /* ------------------------------------------------------ */ /* Special HEADER, SEARCH, BREADCRUMBS, and PFOOTER, FOOTER responsive */ /* ------------------------------------------------------ */ @media (max-width: 992px) { /* Header */ #header #header-nav .header-nav-menu li.head-cart a.opt { width: 100px; } #header #header-menu li.opt-links h2 { display: inline-block; zoom: 1; *display: block; } #header #header-menu li.opt-links h2 a { width: 75px; } #header #header-menu li.opt-links .dropdown { display: none; z-index: 700; position: absolute; top: 100%; left: 0; width: 100%; padding: 20px 15px; color: #727272; background: #FFFFFF; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } #header #header-menu li.opt-links:hover .dropdown { display: block; } #header #header-menu li.opt-links .dropdown ul { float: none; width: 100%; } #header #header-menu li.opt-links .dropdown li { float: left; width: 33.333%; padding: 0px 10px 3px 0px; } #header #header-menu li.opt-links .dropdown li a { display: block; padding: 15px 0px; font-family: 'Roboto Slab', serif; font-size: 14px; color: #727272; text-align: center; background: #FFFFFF; border: 1px solid #e8e8e8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #header #header-menu li.opt-links .dropdown li a:hover { color: #2e2e2e; text-decoration: none; background: #EDEDED; } a:hover .ico-hmen-links { background-position: 1000px 1000px; } #header #header-menu li.opt-outlet h2 a { padding: 15px 8px; width: 90px; font-size: 14px; } #header #header-menu li.opt-outlet h2 a span { display: none; } #header #header-menu li.opt-outlet:hover h2 a .arrow { right: -20px; left: auto; } #search .search-form form { width: 78%; } #search .search-alpha h2 .txt { display: none; } #search .search-alpha h2 { display: none; } #search .search-alpha li { padding: 0px 4px; } #search .search-alpha li a:before { content: ""; } /* Footer */ #pfooter .pfooter-links li a { font-size: 12px; } #footer #footer-ctc { float: none; width: 100%; padding-right: 0px; } #footer #footer-ctc ul { } /* ** */ #footer #footer-ctc h3 { text-align: center; } #footer #footer-ctc li.footer-phone { width: auto; } #footer #footer-ctc li.footer-phone p.emp { padding-top: 4px; vertical-align: top; } #footer #footer-ctc li.footer-phone p.txt { vertical-align: top; } #footer #footer-ctc li.footer-phone br { display: inline; } #footer #footer-ctc li.footer-mail { width: auto; } #footer #footer-ctc li.footer-mail p.emp { padding-top: 4px; vertical-align: top; } #footer #footer-ctc li.footer-mail p.txt { vertical-align: top; } #footer #footer-ctc li .emp { display: inline-block; zoom: 1; *display: block; } #footer #footer-ctc li .txt { display: inline-block; zoom: 1; *display: block; } #footer #footer-ctc li.footer-mail .txt { text-indent: 0px; } #footer #footer-social { width: 33.3333%; border-left: 0px; text-align: center; } #footer #footer-blog { width: 33.3333%; text-align: center; } #footer #footer-cert { width: 33.3333%; text-align: center; } #footer #footer-send h3 { display: none; } #footer #footer-buy h3 { display: none; } /* Table Shopping Cart */ .shopping-details .group { width: 80%; } .shopping-resume .group { width: 70%; } .tbl-cart thead tr th.th-available { display: none; } .tbl-cart tbody td.txt-check { float: none; padding: 18px 10px 0px 10px; } .tbl-cart tbody td.txt-pro { float: left; padding: 18px 10px 0px 10px; } .tbl-cart tbody td.txt-available { float: left; padding: 5px 10px 10px 10px; text-align: left; } .tbl-cart tbody td.txt-availableF2 { clear: both; float: left; padding: 5px 10px 10px 10px; text-align: left; } /* Table Return */ .tbl-return thead tr th.th-available { display: none; } .tbl-return tbody td.txt-check { float: none; padding: 18px 10px 0px 10px; } .tbl-return tbody td.txt-pro { float: left; padding: 18px 10px 0px 10px; } .tbl-return tbody td.txt-available { float: left; padding: 5px 10px 10px 10px; text-align: left; } .tbl-return tbody td.txt-availableF2 { clear: both; float: left; padding: 5px 10px 10px 10px; text-align: left; } .box-gmaps { margin-top: 25px; } .landing-geo .box-gmaps { margin-top: 0px; } #product-detail .product-actions .product-ations-notify { float: none; width: 100%; } #product-detail .product-actions .product-ations-help.send { float: none; width: 100%; padding-top: 15px; font-size: 12px; } #product-detail .product-actions .product-ations-send .form-inline .form-group { display: inline-block; zoom: 1; *display: block; width: 100%; vertical-align: middle; } #product-detail .product-actions .product-ations-send .form-inline .form-control { width: 100%; } #product-detail .product-actions .product-ations-notify .date { width: 100%; } .prd .prd-action { clear: both; display: block; position: relative; float: left; margin: 10px 0px 5px 0px; text-align: left; } .prd .padd { min-height: 190px; } .box-comments-resume li .star-5, .box-comments-resume li .star-4, .box-comments-resume li .star-3, .box-comments-resume li .star-2, .box-comments-resume li .star-1, .box-comments-resume li .star-0 { display: block; margin: 5px auto; } .box-comments-resume li .size-msmall, .box-comments-resume li .size-small, .box-comments-resume li .size-normal, .box-comments-resume li .size-big .size-mbig { display: block; margin: 5px auto; } .lst-products-serp .lst-products-item { width: 33.33333%; } /** **/ .lst-products-serp .lst-products-item:nth-child(3n+1) { clear: both; } /** **/ .lst-products-serp .lst-products-item:nth-child(4n+1) { clear: none; } /** **/ .lst-products-media .txt-price-previous { min-height: auto; text-decoration:line-through; } .lst-products-media .txt-price-previous .txt { display: none; } .lst-products-detail { min-height: 140px; } .lst-products-detail .tit { float: none; width: 100%; text-align: center; } .lst-products-detail .other { float: none; margin-top: 5px; width: 100%; text-align: center; } .lst-products-detail .other .txt-price-previous .txt { display: inline-block; zoom: 1; *display: block; } .lst-products-detail .other .txt-available { margin: 5px 0px 0px 0px; } .lst-products-size .txt { display: none; } .lst-products-size-ctt { padding: 10px 5px; } .carousel .lst-products-detail .tit { width: 100%; } .carousel .lst-products-detail .other { width: 100%; } .lst-categories .lst-categories-item { margin: 0px 4px 10px 4px; } .home-scc-others .pro .tit { font-size: 12px; height: 40px; } .home-scc-others .pro .txt-price-previous { display: none; } .box-opinionDts .box-opinionDts-percent { float: left; width: 50%; } .box-opinionDts .box-opinionDts-info { float: left; width: 50%; margin-bottom: 10px; border-left: 1px solid #e8e8e8; border-right: none; } .box-opinionDts .box-opinionDts-txt { clear:both; float: none; padding-top: 15px; width: 100%; font-size: 12px; border-top: 1px solid #e8e8e8; } .box404-ctt { padding: 40px 50px 0px 0px; } .box404-ctt .text1 { font-size: 18px; } .box404-ctt .text2 { font-size: 100px; } .box404-ctt .text3 { font-size: 14px; } .box-conf-cart .hc-ctd { clear: both; margin: 0px; padding: 10px 0px 0px 0px; } .box-conf-cart .price-total { text-align: center; } .box-conf-cart .price-total strong { display: block; float: none; } } @media (max-width: 768px) { #header #header-menu li h2 { font-size: 13px; } #header #header-menu li h2 a { width: 110px; font-size: 13px; } #header #header-menu li:hover h2 a .arrow { left: -10px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-tags a { font-size: 13px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-cats li a { font-size: 12px; } #header #header-menu li.opt-normal .dropdown .header-menu-spe a.link { font-size: 11px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-tags a { font-size: 13px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-cats li a { font-size: 12px; } #header #header-menu li.opt-outlet .dropdown .header-menu-spe a.link { font-size: 11px; } #header #header-search .search-form form .search-group .search-group-btn .btn .txt { display: none; } #search .search-form form { width: 74%; } #search .search-webmap { display: none; } #search .search-alpha { float: none; text-align: center; } #search .search-alpha li { padding: 0px 5px; } .shopping-details .group { width: 95%; } .box-login { width: 150px; } #product-detail .product-selection .box { display: block; } #product-detail .product-actions .product-ations-buy { float: none; width: 100%; } #product-detail .product-actions .product-ations-notify { float: none; width: 100%; } #product-detail .product-actions .product-ations-help { float: none; width: 100%; } #product-detail .product-info .lst li { float: none; width: 100%; } #product-detail .product-name .img-licence { display: none; } .prd { background: #FFFFFF; border-left: none; border-top: 1px solid #e8e8e8; } .row .prd:first-child { border-top: none; } .prd .padd { min-height: 134px; } .prd .padd { margin: 7px; } .box-comments-resume li { display: block; width: 100%; min-height: auto; padding: 12px 0px; text-align: left; white-space: normal; border-top: 1px solid #b4b4b4; border-left: none; } .box-comments-resume li:first-child { border-top: none; } .box-comments-resume li.comments-actions { text-align: right;} .box-comments-resume li .star-5, .box-comments-resume li .star-4, .box-comments-resume li .star-3, .box-comments-resume li .star-2, .box-comments-resume li .star-1, .box-comments-resume li .star-0 { display: inline-block; zoom: 1; *display: block; margin: 0px; } .box-comments-resume li .size-msmall, .box-comments-resume li .size-small, .box-comments-resume li .size-normal, .box-comments-resume li .size-big .size-mbig { display: inline-block; zoom: 1; *display: block; margin: 0px; } .box-comments .comment-sizes { position: relative; right: auto; text-align: left; } .box-comments .comment-sizes .txt { margin-bottom: 3px; } .box-pager .link-pager-prev { position: relative; top: 0px !important; left: auto; text-align: center; } .box-pager .link-pager-next { position: relative; top: 0px !important; right: auto; text-align: center; } .box-m1 { width: 100%; } .lat-nav { float: none; width: 100%; padding-bottom: 20px; border-bottom: 2px dotted #e8e8e8; } .lat-menu { display: none; float: none; width: 100%; padding-bottom: 20px; border-bottom: 2px dotted #e8e8e8; } .lat-menu-mobile { display: block; } .product-relations-categories ul.lst-links li { float: left; width: 33.3333%; } .lat-ctt { float: none; width: 100%; } .lst-categories .lst-categories-item { margin: 0px 8px 10px 8px; } .lat-filters-selected .lst-filters li { display: inline; margin-right: 8px; } .lat-filters-mobile { display: block; } .lat-filters-mobile-ctt { display: none; } .lat-filters, .lat-filters-selected { margin-right: 0px; } .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto; } .comment-stars { width: 35%; } .comment-detail { width: 62%; } .lst-opinion-prd .comment-stars { width: 25%; } .lst-opinion-prd .comment-detail { width: 75%; } .box404-ctt { padding: 30px 30px 0px 0px; } .box404-ctt .text1 { font-size: 16px; } .box404-ctt .text2 { font-size: 80px; } .box404-ctt .text3 { margin: 5px 0px; font-size: 13px; } .box404-ctt ul { margin-top: 5px; } } @media (max-width: 750px) { #search .search-alpha h2 { display: none; } #footer #footer-legal strong { display: block; } } @media (max-width: 720px) { #search .search-form form { width: 72%; } #footer #footer-ctc ul { margin-bottom: 15px; } #footer #footer-ctc li.footer-phone p.txt { display: block; margin-left: 30px; } #footer #footer-ctc li.footer-phone p.txt br { display: none; } #footer #footer-ctc li.footer-mail p.emp .lbl { display: none; } .box-buy .radio { float: none; width: 100%; } .home-scc-others .pro .price { margin-top: 0px; } .home-scc-others .pro .btn { margin-top: 8px; float: none; display: block; } .home-scc-others .pro .txt-price-previous { display: inline-block; zoom: 1; *display: block; } } @media (max-width: 670px) { #header #header-menu li h2 a { width: 100px; min-height: 88px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-tags a { font-size: 12px; } #header #header-menu li.opt-normal .dropdown .header-menu-cat .lst-cats li a { font-size: 12px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-tags a { font-size: 12px; } #header #header-menu li.opt-outlet .dropdown .header-menu-cat .lst-cats li a { font-size: 12px; } #search .search-alpha li { padding: 0px 4px; } #footer #footer-social { clear: both; width: 48%; border-right: 0px; text-align: left; min-height: auto; } /* ** */ #footer #footer-social h3 { display: none; } #footer #footer-blog { float: right; width: auto; border: 0px; text-align: right; min-height: auto; } #footer #footer-blog h3 { display: none; } #footer #footer-cert { display: none; } #footer.case2 #footer-ctc { width: 100%; text-align:center; } /* ** */ #footer.case2 #footer-ctc ul { display: inline-block; } /* ** */ #footer.case2 #footer-ctc ul p.emp { padding-top: 0px; white-space: nowrap; } /* ** */ #footer.case2 #footer-social { clear: both; width: 48%; } /* ** */ #footer.case2 #footer-social { margin: 0px 0px 5px 0px; } /* ** */ #footer.case2 #footer-blog { width: 48%; } #footer #footer-ctc, #footer #footer-ctc ul { min-height: auto; } /* ** */ #footer.case2 #footer-ctc h3 { display: inline-block; } /* ** */ .box-conf-prod { float: none; width: 100%; } .box-conf-cart { float: none; width: 100%; } .box-conf-cart .hc-ctd { clear: none; margin: 0px; padding: 10px 0px 0px 0px; } .box-conf-cart .price-total { text-align: right; } .box-conf-cart .price-total strong { display: block; float: left; } } @media (max-width: 630px) { .ico-hmen-menu { margin: 12px 0 0 7px; } #header .container { padding-left: 0px; padding-right: 0px; } #header #header-brand { position: absolute; margin: 6px 0px 6px 0px; padding-left: 15px; float: none; text-align: center; background: none; } #header #header-brand a { margin: 10px 0px 7px; position: relative; z-index: 10; width: 122px; height: 25px; line-height: 25px; background-position: -648px -88px; } #header #header-search { display: none; } #header #header-nav { clear: both; float: none; margin-bottom: 5px; padding-left: 15px; padding-right: 15px; } #header #header-nav .header-nav-menu.postop { top: 40px; left: 8px; } #header #header-nav .header-nav-menu li { margin: 0px; } #header #header-nav .header-nav-menu li.open a.opt { color: #e3af26; text-decoration: none; background: none; } #header #header-nav .header-nav-menu li.open .ico-hn-bll { background-position: -53px -73px; } #header #header-nav .header-nav-menu li.dropdown { position: static; } #header #header-nav .header-nav-menu .dropdown-menu { min-width: 100%; width: 100%; margin: 5px 0px 0px 0px; background: #eeeeef; } #header #header-nav .header-nav-menu .dropdown-menu .arrow { display: block; position: absolute; top: -8px; left: 0px; display:block; width: 13px; height:9px; background: transparent url('https://static1.funidelia.com/img/global/fdo_head_mobile.gif') top center no-repeat; } #header #header-nav .header-nav-menu li h3 { text-align: left; } #header #header-nav .header-nav-menu li.head-user .ico-hn-user, #header #header-nav .header-nav-menu li.head-client .ico-hn-client { display: inline-block; zoom: 1; *display: block; } #header #header-nav .header-nav-menu li.head-user a.opt .txt { display: none; } #header #header-nav .header-nav-menu li.head-user { float: left; clear: none; display: inline-block; zoom: 1; *display: block; border-right: 1px solid #555559; } #header #header-nav .header-nav-menu li.head-user a.opt { padding: 10px 5px; } #header #header-nav .header-nav-menu li.head-user.open .ico-hn-user { background-position: -681px -44px; } #header #header-nav .header-nav-menu li.head-user .ico-hn-user { background-position: -681px -9px; } #header #header-nav .header-nav-menu li.head-user .dropdown-menu .arrow { left: 35px; } #header #header-nav .header-nav-menu li.head-user li.sep { border-top: 1px solid #cccccc; } #header #header-nav .header-nav-menu li.head-client { float: left; border-right: 1px solid #555559; } #header #header-nav .header-nav-menu li.head-client a.opt { padding: 10px 5px 10px 0px; } #header #header-nav .header-nav-menu li.head-client a.opt .txt { color: #FFFFFF; } #header #header-nav .header-nav-menu li.head-client.open a.opt .txt { color: #e3af26; } #header #header-nav .header-nav-menu li.head-client.open .ico-hn-client { background-position: -648px -44px; } #header #header-nav .header-nav-menu li.head-client .ico-hn-client { background-position: -648px -9px; } #header #header-nav .header-nav-menu li.head-client .dropdown-menu .arrow { left: 145px; } #header #header-nav .header-nav-menu li.head-cart { clear: none; right: 0px; float: right; margin: 0px; padding-top: 40px; display: inline-block; zoom: 1; *display: block; } #header #header-nav .header-nav-menu li.head-cart a.opt { padding: 10px 0px 10px 0px; width: 60px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header #header-nav .header-nav-menu li.head-cart a.opt:hover { color: #e3af26; background: none; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header #header-nav .header-nav-menu li.head-cart a.opt .ico-hn-bll { margin-top: 15px; background-position: -25px -73px; } #header #header-nav .header-nav-menu li.head-cart a.opt:hover .ico-hn-bll { background-position: -25px -73px; } #header #header-nav .header-nav-menu li.head-cart.open a.opt .ico-hn-bll { background-position: -53px -73px; } #header #header-nav .header-nav-menu li.head-cart a.opt:hover .ico-hn-cart { background-position: -713px -9px; } #header #header-nav .header-nav-menu li.head-cart a.opt .num { position: absolute; top: 2px; right: 10px; display: inline-block; zoom: 1; *display: block; padding: 1px 6px; font-size: 12px; color: #000000; background: #e3af26; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; } #header #header-nav .header-nav-menu li.head-cart a.opt .num i { display: none; } #header #header-nav .header-nav-menu li.head-cart.open a.opt{ background: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header #header-nav .header-nav-menu li.head-cart.open a.opt .ico-hn-cart { background-position: -713px -44px; } #header #header-nav .header-nav-menu li.head-cart .dropdown-menu { margin: 0px; } #header #header-nav .header-nav-menu li.head-cart .dropdown-menu .arrow { right: 45px; left: auto; } #header #header-nav .header-nav-menu li.head-cart li { margin-bottom: 14px; border-bottom: 1px solid #dedede; } #header #header-nav .header-nav-menu li.head-cart .msg-ley { text-align: left; } #header #header-nav .header-nav-menu li.head-cart a .txt { display: none; } .ico-hn-cart { margin-right: 12px; width: 32px; height: 27px; line-height: 27px; background-position: -713px -9px; } #header #header-menu { } #header #header-menu .header-menu-nav { display: none; } #header #header-menu a.opt-menu { display: block; padding-right: 15px; top: -95px; } #header #header-menu .open a.opt-menu .ico-hmen-menu { background-position: -752px -44px; } #header #header-menu .open .header-menu-responsive.dropdown-menu { z-index: 10001; position: absolute; top: -56px; float: left; width: 100%; min-width: 100%; margin: 13px 0px 0px 0px; padding: 18px 14px; background: #EEEEEF; border: 1px solid #ededed; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } #header #header-menu .open .header-menu-nav { display: block; } #header #header-menu .open .header-menu-responsive .arrow-menu { display: block; } #header #header-menu .open li { float: none; } #header #header-menu .open li h2 { display: block; font-family: 'Roboto Slab', serif; margin: 0px; padding: 0px; font-size: 14px; font-weight: 700; color: #535353; } #header #header-menu .open li h2 a { display: block; padding: 10px 0px; width: 100%; min-height: 30px; font-size: 14px; color: #535353; background: none; border-bottom: 1px solid #d9d9d9; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header #header-menu .open li h2 a:hover { color: #e3af26; background: none; } #header #header-menu .open li h2 a .arrow { display: none; } #header #header-menu .open li h2 a .ico-hmen-bll { width: 4px; height: 7px; background-position: -56px -119px; } #header #header-menu .open li h2 a:hover .ico-hmen-bll { background-position: -41px -119px; } #header #header-menu .open li.opt-normal { margin: 0px; } #header #header-menu .open li.opt-normal:hover .dropdown { display: none; } #header #header-menu .open li.opt-links { margin: 0px; } #header #header-menu .open li.opt-links h2 { display: none; } #header #header-menu .open li.opt-links .dropdown { float: none; display: block; position: relative; padding: 0px; box-shadow: none; background: none; } #header #header-menu .open li.opt-links .dropdown ul { float: none; margin: 10px 0px; } #header #header-menu li.opt-links .dropdown li { display: block; float: none; padding: 0px; width: 100%; font-size: 12px; } #header #header-menu .open li.opt-links .dropdown li a { display: block; padding: 0px 0px 3px 0px; margin: 4px 0px; font-family: 'Roboto Slab', serif; font-size: 13px; color: #727272; background: none; font-weight: 700; border: 0px; text-align: left; } #header #header-menu .open li.opt-links .dropdown li a:hover { color: #e3af26; } #header #header-menu .open li.opt-links .dropdown li a .ico-hmen-links { background-position: -13px -85px; } #header #header-menu .open li.opt-links .dropdown li a:hover .ico-hmen-links { background-position: -55px -85px; } #header #header-menu .open li.opt-links .dropdown li.spe a { color: #e3af26; } #header #header-menu .open li.opt-links .dropdown li.spe .ico-hmen-links, #header #header-menu .open li.opt-links .dropdown li.spe a:hover .ico-hmen-links { background-position: -53px -100px; } #header #header-menu .open li.opt-links .dropdown li.alpha { margin: 10px 0px 15px 0px; padding-top: 8px; display: block; border-top: 1px solid #d9d9d9; } a:hover .ico-hmen-links { background-position: -55px -85px; } #header #header-menu .open li.opt-outlet:hover .dropdown { display: none; } #header #header-menu .open li.opt-outlet { margin-top: 15px; } #header #header-menu .open li.opt-outlet h2 a { padding: 12px 10px; color: #FFFFFF;background: #e3af26; border-bottom: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header #header-menu .open li.opt-outlet h2 a:hover { background: #FFFFFF; color: #2e2e2e; } #header #header-nav .header-nav-menu li.head-language a.opt { color: #FFFFFF; } #header #header-nav .header-nav-menu li.head-language.open a.opt .txt { color: #e3af26; } #header #header-nav .header-nav-menu li.head-language .dropdown-menu { margin: 5px 0 0; min-width: 100%; width: 100%; } #header #header-nav .header-nav-menu li.head-language .dropdown-menu .arrow { left: 45px; left: auto; } #header #header-nav .header-nav-menu li.head-language.open .ico-hn-lan { background-position: -305px -269px; } #search { padding: 12px 0px 12px 0px; text-align: center; } #search .search-form { float: none; } #search .search-form form { float: none; width: 100%; } #search a.search-webmap { float: none; padding: 0px 0px 0px 0px; display: inline-block; zoom: 1; *display: block; border: 0px; } #search .search-form .responsive { display: block; } #search .search-alpha { margin-bottom: 0px; padding: 0px 0px; } #search .search-alpha h2 { display: none; } #search .search-alpha ul { display: none; } #brd { padding: 10px 0px; } #brd h2 { display: nones; } #brd .breadcrumb > .active { /*display: inline; zoom: 1; *display: block;*/ } #pfooter h2 { font-size: 13px; } #pfooter .pfooter-links li a { font-size: 12px; } #pfooter .pfooter-webmap li a { font-size: 12px; } #footer .g2 { display: none; } #footer.case2 #footer-ctc { width: 100%; text-align:center; } /* ** */ #footer.case2 #footer-ctc ul { display: inline-block; } /* ** */ #footer.case2 #footer-ctc ul p.emp { padding-top: 0px; white-space: nowrap; } /* ** */ #footer.case2 #footer-social { clear: both; width: 48%; } /* ** */ #footer.case2 #footer-social { margin: 0px 0px 5px 0px; } /* ** */ #footer #footer-ctc, #footer #footer-ctc ul { min-height: auto; } /* ** */ #footer.case2 #footer-ctc h3 { display: inline-block; } /* ** */ #footer #footer-ctc li.footer-phone { font-size: 14px; } #footer #footer-ctc li.footer-phone p.emp .lbl { display: none; } #footer #footer-ctc li.footer-phone p.txt { display: none; } #footer #footer-social ul { margin: 0px; padding: 0px; } #footer #footer-country h3 { display: block; text-align: center; float: none; width: 100%; } #footer #footer-country ul { float: none; width: 100%; } #footer #footer-country li { width: 33.333%; text-align: center; } #footer #footer-markets { float: none; text-align: center; } #footer #footer-legal { float: none; text-align: center; } #pfooter { position: relative; } #pfooter ul.pfooter-links { width: 50%; } #pfooter ul.g1 { padding-bottom: 8px; } #pfooter ul.g2 { padding-bottom: 8px; float: right; } .box-trusted { margin: 40px 0px 0px 0px; padding: 20px 0px 0px 0px; } .box-trusted img { display: block; float: none; margin: 0 auto 10px auto; padding-left: 0px; } .box-process-moreinfo { width: auto; min-width: 0; display:table; } .box-forms-shopping { width: 100%; } .box-login { position: relative; top: 0px; right: 0px; width: 100%; margin-bottom: 20px; } .box-login-ctt h3 .txt { display: inline-block; zoom: 1; *display: block; } .box-destiny { margin-bottom: 15px; } .box-destiny .radio { float: none; width: 100%; border-bottom: 1px solid #ededed; } .box-forms-resume { width: 100%; } .box-modal-product .box-modal-product-ctt { width: 100%; margin: 0 auto; } .form .form-actions .link { display: block; float: none; margin: 20px 0px 0px 0px; } .form .form-actions .btn { float: none; width: 100%; } .form .form-actions .group { display: block; } .shopping-details .group { float: none; width: 100%; padding-right: 20px; padding-left: 20px; } .shopping-details .group label { float: none; width: 100%; text-align: left; } .shopping-details .group .group-cps { float: none; width: 100%; } .shopping-resume .group { float: none; padding: 0px 20px; width: 100%; } .shopping-security { float: none; padding: 0px 20px; text-align: center; } .shopping-actions { text-align: center; } .shopping-actions .group { padding: 35px 20px 35px 20px; } .shopping-actions .btn { float: none; width: 100%; } .shopping-actions .link { display: block; margin-top: 15px; margin-right: 0px; font-size: 12px; } .tbl-cart { display: block; } .tbl-cart * { white-space: normal !important; } .tbl-cart thead { display: none; } .tbl-cart tbody { display: block; } .tbl-cart tr { display: block; } .tbl-cart tbody tr::before, .tbl-cart tbody tr::after { content: " "; display: table; } .tbl-cart tbody tr::after { clear: both; } .tbl-cart tbody tr td { display: block; float: right; margin-bottom: 5px; padding: 0; width: 75%; text-align: left; } .tbl-cart tbody tr td::before { content: attr(data-title); } .tbl-cart tbody tr td.img-pro { float: left; width: 25%; margin: 0; text-align: center; } .tbl-cart tbody tr td.img-pro img { width: 100%; min-width: 70px; max-width: 90px; } .tbl-cart tbody td.img-pro { padding: 18px 0px; } .tbl-cart tbody td.txt-price { padding: 0px 10px 10px 10px; text-align: left; } .tbl-cart tbody td.txt-price .txt { display: inline; } .tbl-cart tbody td.txt-select { padding: 0px 10px 10px 10px; } .tbl-cart tbody td.txt-select select { width: auto; display: inline-block; zoom: 1; *display: block; } .tbl-cart tbody td.txt-select input.form-control { width: 60px; display: inline-block; zoom: 1; *display: block; } .tbl-cart tbody td.txt-select label { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-cart tbody td.txt-select .txt { display: inline-block; zoom: 1; *display: block; text-align: left; } .tbl-cart tbody td.txt-price .num { font-size: 14px; } .tbl-cart tbody td.txt-stotal { padding: 0px 10px 10px 10px; text-align: left; } .tbl-cart tbody td.txt-stotal .txt { display: inline; } .tbl-cart > tbody td.txt-actions { padding: 0px 10px 18px 10px; text-align: left; } .tbl-cart tbody td .txt-label { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-cart tbody td.txt-available .time, .tbl-cart tbody td.txt-availableF2 .time { display: inline-block; zoom: 1; *display: block; padding-top: 0px; } .tbl-cart tbody td.txt-date { float: left; padding: 5px 10px 5px 10px; text-align: left; } .tbl-cart tbody td.txt-date .time { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-cart tbody td.txt-units { padding: 0px 10px 10px 10px; text-align: left; } .tbl-cart tbody td.txt-units .units { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-cart tbody td.txt-check .txt { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin-bottom: 3px; } .box-return .radio { float: none; width: 100% !important; padding: 15px 0px; text-align: left; border: 0px; border-top: 1px solid #e8e8e8; } .box-return .radio:first-child { border-top: 0px; } .box-return .radio input[type="radio"] { display: inline-block; zoom: 1; *display: block; margin-right: 8px; } .box-return .radio .price-cost { display: inline-block; zoom: 1; *display: block; margin-left: 10px; } /* .box-return { } .box-return label { padding-left: 0px; } .box-return .radio { position: relative; float: left; width: 33%; min-height: 1px; margin: 0px; padding: 15px; text-align: center; border-left: 1px solid #e8e8e8; } .box-return .radio:first-child { border-left: 0px; } .box-return .radio input[type="radio"] { position: relative; margin: 0px auto 10px auto; display: block; } .box-return .radio .price-cost { display: block; font-size: 16px;color: #cc9900; font-weight: 700; */ .tbl-return { display: block; } .tbl-return * { white-space: normal !important; } .tbl-return thead { display: none; } .tbl-return tbody { display: block; } .tbl-return tr { display: block; } .tbl-return tbody tr::before, .tbl-cart tbody tr::after { content: " "; display: table; } .tbl-return tbody tr::after { clear: both; } .tbl-return tbody tr td { display: block; float: right; margin-bottom: 5px; padding: 0; width: 75%; text-align: left; } .tbl-return tbody tr td::before { content: attr(data-title); } .tbl-return tbody tr td.img-pro { float: left; width: 25%; margin: 0; text-align: center; } .tbl-return tbody tr td.img-pro img { width: 100%; min-width: 70px; max-width: 90px; } .tbl-return tbody td.img-pro { padding: 18px 0px; } .tbl-return tbody td.txt-price { padding: 0px 10px 10px 10px; text-align: left; } .tbl-return tbody td.txt-price .txt { display: inline; } .tbl-return tbody td.txt-select { padding: 0px 10px 10px 10px; } .tbl-return tbody td.txt-select select { width: auto; display: inline-block; zoom: 1; *display: block; } .tbl-return tbody td.txt-select input.form-control { width: 60px; display: inline-block; zoom: 1; *display: block; } .tbl-return tbody td.txt-select label { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-return tbody td.txt-select .txt { display: inline-block; zoom: 1; *display: block; text-align: left; } .tbl-return tbody td.txt-selectF2 { width: 100%; margin-bottom: 0px; } .tbl-return tbody td.txt-selectF2 label { margin-right: 10px; } .tbl-return tbody td.txt-selectF2 select, .tbl-return tbody td.txt-selectF2 .form-control { display: inline-block; zoom: 1; *display: block; height: 30px; padding: 2px 10px; width: auto; } .tbl-return tbody td.txt-selectF2 textarea { height: auto !important; width: 100% !important; } .tbl-return tbody td.txt-price .num { font-size: 14px; } .tbl-return tbody td.txt-stotal { padding: 0px 10px 10px 10px; text-align: left; } .tbl-return tbody td.txt-stotal .txt { display: inline; } .tbl-return > tbody td.txt-actions { padding: 0px 10px 18px 10px; text-align: left; } .tbl-return tbody td .txt-label { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-return tbody td.txt-available .time, .tbl-cart tbody td.txt-availableF2 .time { display: inline-block; zoom: 1; *display: block; padding-top: 0px; } .tbl-return tbody td.txt-date { float: left; padding: 5px 10px 5px 10px; text-align: left; } .tbl-return tbody td.txt-date .time { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-return tbody td.txt-units { padding: 0px 10px 10px 10px; text-align: left; } .tbl-return tbody td.txt-units .units { display: inline-block; zoom:1; *display: block; width: auto; } .tbl-return tbody td.txt-check .txt { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin-bottom: 3px; } table.tbl-dts tbody td.txt-actions { white-space: normal; } table.tbl-dts tbody td.txt-actions a { margin: 8px 10px; } table.tbl-dtsF2 { border: none; } table.tbl-dtsF2 thead { display: none; } table.tbl-dtsF2 > tbody > tr > td { clear: both; padding: 5px 10px 0px 10px; float: left; display: block; width: 100%; text-align: left; } table.tbl-dtsF2 tbody td .label { vertical-align: top; display: inline-block; zoom: 1; *display: block; padding: 0px; width: 50%; text-align: left; } table.tbl-dtsF2 tbody td .txt { vertical-align: top; display: inline-block; zoom: 1; *display: block; width: 50%; text-align: left; } table.tbl-dtsF2 tbody td.first { padding-top: 10px; } table.tbl-dtsF2 tbody td.last { padding-bottom: 10px; } table.tbl-dtsF2 tbody td.txt-emp { background: #F6F6F6; } table.tbl-dtsF2 tbody td.txt-emp .label { font-weight: 700; font-size: 14px; } table.tbl-orders { border: none; } table.tbl-orders thead { display: none; } table.tbl-orders > tbody > tr > td { clear: both; padding: 5px 10px 0px 10px; float: left; display: block; width: 100%; text-align: left; } table.tbl-orders tbody td .label { vertical-align: top; display: inline-block; zoom: 1; *display: block; padding: 0px; width: 50%; text-align: left; } table.tbl-orders tbody td .txt { vertical-align: top; display: inline-block; zoom: 1; *display: block; width: 50%; text-align: left; } table.tbl-orders tbody td .state-normal { vertical-align: top; display: inline-block; zoom: 1; *display: block; width: 50%; text-align: left; } table.tbl-orders tbody td .state-inprocess { vertical-align: top; display: inline-block; zoom: 1; *display: block; width: 50%; text-align: left; } table.tbl-orders tbody td .state-accept { vertical-align: top; display: inline-block; zoom: 1; *display: block; width: 50%; text-align: left; } table.tbl-orders tbody td .state-cancel { vertical-align: top; display: inline-block; zoom: 1; *display: block; width: 50%; text-align: left; } table.tbl-orders tbody td.first { padding-top: 10px; } table.tbl-orders tbody td.last { padding-bottom: 10px; } table.tbl-orders tbody td.txt-emp { background: #F6F6F6; } table.tbl-orders tbody td.txt-emp .label { font-weight: 700; font-size: 14px; } table.tbl-orders tbody td.txt-date { font-weight: normal; } table.tbl-orders tbody td.txt-price { text-align: left; } table.tbl-orders tbody td.txt-price .txt { display: inline-block; zoom: 1; *display: block; margin-right: 0px; font-size: 14px; font-family: 'Open Sans', sans-serif; } table.tbl-orders tbody td.txt-actions .actions { vertical-align: top; display: inline-block; zoom: 1; *display: block; width: 45%; text-align: left; } #product-detail .product-name { float: none; width: 100%; } #product-detail .product-media { float: none; width: 100%; } #product-detail .product-price { float: none; width: 100%; } #product-detail .product-selection { float: none; width: 100%; } #product-detail .product-actions { float: none; width: 100%; } #product-detail .product-info { float: none; width: 100%; } #product-detail .product-security { float: none; width: 100%; } #product-detail .product-description { float: none; width: 100%; } #product-detail .product-price { margin-top: 20px; text-align: center; } .carouselF2 .carousel-big { display: block; } .img-gll:hover { cursor: pointer; } .product-relations-categories ul.lst-links li { float: none; width: 100%; } .lst-categories .lst-categories-item { margin: 0px 8px 10px 8px; } .lst-products-item { float: none; width: 100%; } .lst-products-serp .lst-products-item { float: none; width: 100%; } /** **/ .lst-products-media .img img { margin: 0px auto; } .lst-products-detail { min-height: 10px; } .lst-products-detail .tit { float: left; width: 60%; text-align: left; font-size: 15px; } .lst-products-detail .tit h3 a { font-size: 15px; } .lst-products-detail .tit .truncate_ellipsis { display: none !important; } .lst-products-detail .tit .truncate_more { display: inline !important; } .lst-products-detail .other { float: right; width: 38%; text-align: right; } .lst-products-size { overflow: visible; position: relative; clear: both; display: block; height: auto; } .lst-products-size-ctt { overflow: visible; z-index: 99999; position: relative; max-height: none; border: 1px solid #e8e8e8; } .lst-photos-item { float: none; width: 100%; } ul.lst-tags-related { width: 100%; } .MagicZoomPup { display: none !important; } .MagicZoomBigImageCont { display: none !important; } .MagicZoomHint { display: none !important; } .MagicZoom, .MagicZoom:hover { cursor: auto; } .box-filters .box-filters-form .form-control { display: block; margin-top: 10px; } .box-filters .box-filters-link { margin-top: 36px; } .landing-pro .img-licence { display: none; } .lst-cols2 li { float: none; width: 100%; } .lst-cols2 li .padd { padding: 15px 0px; } .lst-cols3 li { float: none; width: 100%; } .height-big { min-height: 40px !important; } .brd-2c-tl { border-bottom: 1px solid #e4e1db; border-right: none; } .brd-2c-tr { border-bottom: 1px solid #e4e1db; } .brd-2c-bl { border-bottom: 1px solid #e4e1db; border-right: none; } .brd-2c-br { } .brd-3c-md { border-right: none; border-left: none; border-bottom: 1px solid #e4e1db; border-top: 1px solid #e4e1db; } .lst-products-rating-detail .rating-product-general { padding-right: 20px; padding-bottom: 0px; } .lst-products-rating-detail .rating-product-size { padding-bottom: 0px; } .box404-ctt { float: none; width: 100%; padding: 30px 50px; text-align: center; } .box404-ctt .text1 { font-size: 18px; } .box404-ctt .text2 { font-size: 100px; } .box404-ctt .text3 { margin: 5px 0px; font-size: 16px; } .box404-ctt ul { margin-top: 5px; } .box404-img { float: none; width: 100%; text-align: center; } .box404-img img { display: inline-block; zoom:1; *display: block; } .box-tematic .tit { font-size: 12px; } .box-tematic .tit h3 { font-size: 12px; } .form .form-inline .form-group { display: inline-block !important; zoom:1; *display: block; } .btn-movil { display: block; } } @media (max-width: 620px) { .lst-categories .lst-categories-item { margin: 0px 5px 10px 5px; } } @media (max-width: 600px) { .lst-categories .lst-categories-item { margin: 0px 2px 10px 2px; } } @media (max-width: 580px) { .lst-categories .lst-categories-item { margin: 0px 9px 10px 9px; } } @media (max-width: 540px) { .lst-categories .lst-categories-item { margin: 0px 7px 10px 7px; } } @media (max-width: 510px) { .lst-categories .lst-categories-item { margin: 0px 4px 10px 4px; } } @media (max-width: 470px) { .lst-categories .lst-categories-item { margin: 0px 4px 10px 4px; } } @media (max-width: 700px) { .home-scc-others .pro .tit { height: 55px; } } @media (max-width: 650px) { .home-scc-others .pro .tit { height: 60px; } .home-scc-others .pro .txt-price-previous { display: none; } } @media (max-width: 460px) { #pfooter { display: none; } #footer #footer-markets { display: none; } .ico-buy-transfer { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -396px -690px; } .ico-buy-card { width: 130px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -439px -690px; } .ico-buy-cod { width: 41; height: 27px; line-height: 27px; vertical-align: middle; background-position: -571px -690px; } .ico-buy-paypal { width: 99px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -395px -755px; } .ico-buy-sofort { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -4px -333px; } .ico-buy-rechnung { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -223px -395px; } .ico-buy-afterpay { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -47px -333px; } .ico-buy-ideal { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -90px -333px; } .ico-buy-bancotact { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -135px -333px; } .ico-buy-visaelectron { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -179px -333px; } .ico-buy-postepay { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -4px -395px; } .ico-buy-przelewy24 { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -47px -395px; } .ico-buy-multibanco {width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -90px -395px; } .ico-buy-klarna { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -135px -395px; } .ico-buy-payu { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -179px -395px; } .ico-buy-trustly { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -223px -333px; } .ico-buy-billpay { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -267px -333px; } .ico-buy-cartebleue { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -312px -333px; } .ico-buy-amex { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -356px -333px; } .ico-buy-visa { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -527px -690px; } .ico-buy-mastercard { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -484px -690px; } .ico-buy-maestro { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -440px -690px; } .ico-buy-cartasi { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -266px -396px; } .ico-buy-realex { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -357px -396px; } .disabled .ico-buy-transfer { background-position: -396px -721px; } .disabled .ico-buy-card { background-position: -439px -721px; } .disabled .ico-buy-cod { background-position: -571px -721px; } .disabled .ico-buy-paypal { background-position: -507px -755px; } .disabled .ico-buy-sofort { background-position: -4px -364px; } .disabled .ico-buy-rechnung { background-position: -223px -426px; } .disabled .ico-buy-afterpay { background-position: -47px -364px; } .disabled .ico-buy-ideal { background-position: -90px -364px; } .disabled .ico-buy-bancotact { background-position: -135px -364px; } .disabled .ico-buy-visaelectron { background-position: -179px -364px; } .disabled .ico-buy-postepay { background-position: -4px -426px; } .disabled .ico-buy-przelewy24 { background-position: -47px -426px; } .disabled .ico-buy-multibanco {background-position: -90px -426px; } .disabled .ico-buy-klarna { background-position: -135px -426px; } .disabled .ico-buy-payu { background-position: -179px -426px; } .disabled .ico-buy-trustly { background-position: -223px -364px; } .disabled .ico-buy-billpay { background-position: -267px -364px; } .disabled .ico-buy-cartebleue { background-position: -312px -364px; } .disabled .ico-buy-amex { background-position: -356px -364px; } .disabled .ico-buy-visa { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -527px -721px; } .disabled .ico-buy-mastercard { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -484px -721px; } .disabled .ico-buy-maestro { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -440px -721px; } .disabled .ico-buy-cartasi { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -266px -427px; } .disabled .ico-buy-realex { width: 41px; height: 27px; line-height: 27px; vertical-align: middle; background-position: -357px -427px; } .btn-facebook, .btn-twitter, .btn-instagram, .btn-pinterest, .btn-youtube, .btn-googleplus { width: 100%; font-size: 14px; } .ico-facebook { width: 20px; height: 20px; line-height: 20px; background-position: -9px -747px; } .ico-twitter { width: 20px; height: 20px; line-height: 20px; background-position: -31px -747px; } .ico-instagram { width: 20px; height: 20px; line-height: 20px; background-position: -53px -747px; } .ico-pinterest { width: 20px; height: 20px; line-height: 20px; background-position: -75px -747px; } .ico-youtube { width: 20px; height: 20px; line-height: 20px; background-position: -97px -747px; } .ico-googleplus { width: 20px; height: 20px; line-height: 20px; background-position: -119px -747px; } .lst-categories .lst-categories-item { margin: 0px 4px 10px 4px; } .carousel-bnn .carousel-indicators { display: none; } .landing-pro .img-pro { float: none; width: 100%; } .landing-pro .ctt { float: none; width: 100%; } .landing-detail-pro .product-actions { margin-bottom: 0px; text-align: center; } .landing-detail-pro .product-actions .btn-buy { display: block; } .landing-detail-pro .txt-price-previous { margin: 15px 0px; padding: 0px; } .landing-detail-pro .txt-price-previous .txt { margin: 0px; padding: 0px; } .landing-detail-pro .txt-price-taxes { margin: 0px; padding: 0px 10px; display: inline-block; zoom: 1; *display: block; } .home-scc-des .pro .tit { min-height: auto; } .home-scc-des .pro .btn { margin-top: 5px; float: none; display: block; } .home-scc-others .pro .price { display: inline-block; zoom: 1; *display: block; margin-top: 0px; } .home-scc-others .pro .btn { float: right; margin-top: 0px; padding: 4px 12px; } .home-scc-others .pro .tit { min-height: auto; height: auto; margin: 0px 0px 5px 0px; } .home-scc-others .pro .txt-price-previous { display: inline-block; zoom: 1; *display: block; } .box-opinionDts .box-opinionDts-percent li { margin-left: 0px; } .box-opinionDts .box-opinionDts-percent .number { font-size: 13px; width: 25px; } .box-opinionDts .box-opinionDts-percent .star-0, .box-opinionDts .box-opinionDts-percent .star-1, .box-opinionDts .box-opinionDts-percent .star-2, .box-opinionDts .box-opinionDts-percent .star-3, .box-opinionDts .box-opinionDts-percent .star-4, .box-opinionDts .box-opinionDts-percent .star-5 { float: left; margin: 5px 0 0 5px; } .box-opinionDts .box-opinionDts-percent { width: 60%; } .box-opinionDts .box-opinionDts-info { width: 40%; } .nav-tabs > li > a { font-size: 13px; padding: 10px 10px; } .nav-tabs > li { margin-right: 2px; } .comment-stars { float: none; width: 100%; } .comment-stars br { display: none; } .comment-stars .txt { display: block; margin: 0px 0px 10px 0px; } .comment-stars i .txt { display: none; } .comment-detail { float: none; width: 100%; margin-bottom: 10px; } .comment-stars .ico-positive { margin: 2px 5px 0px 0px; width: 19px; height: 19px; line-height: 19px; vertical-align: top; background-position: -673px -228px; } .comment-stars .ico-negative { margin: 2px 5px 0px 0px; width: 19px; height: 19px; line-height: 19px; vertical-align: top; background-position: -696px -228px; } .comment-stars .ico-neutral { margin: 2px 5px 0px 0px; width: 19px; height: 19px; line-height: 19px; vertical-align: top; background-position: -720px -228px; } .lst-opinion-prd .comment-stars { float: left; width: 35%; } .lst-opinion-prd .comment-detail { float: right; width: 65%; } .lst-opinion-prd .comment-tit { margin: 8px 0px 0px 0px; } .lst-brands li:nth-child(4n+1) { clear: none; } .lst-brands li:nth-child(2n+1) { clear: both; } .lst-brands li { padding: 0px 5px 15px 0px; width: 50%; } .box404-ctt { padding: 30px 20px; } .box-tematic .tit { font-size: 11px; } .box-tematic .tit h3 { font-size: 11px; } .box-conf-costumes .costume-sep { background: none; } .box-conf-costumes .costume-par1 { float: none; width: 100%; } .box-conf-costumes .costume-par2 {float: none; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e8e8e8; } .box-conf-prod .stit { font-size: 14px; } } @media (max-width: 390px) { #search .search-form form .search-group .search-group-btn .btn .txt { display: none; } #footer-blog .country { /*display: none;*/ } #footer #footer-country li { width: 50%; } .tit { font-size: 14px; } } @media (max-width: 318px) { #header #header-nav .header-nav-menu li.head-user .dropdown-menu .arrow { left: 35px; } #header #header-nav .header-nav-menu li.head-client a .txt { display:none; } #header #header-nav .header-nav-menu li.head-client .dropdown-menu .arrow { left: 85px; } .box-opinionDts .box-opinionDts-percent { border-bottom: 1px solid #e8e8e8; margin: 0 0 15px; padding: 0 0 10px; } .box-opinionDts .box-opinionDts-percent { float: none; width: 100%; } .box-opinionDts .box-opinionDts-info { float: none; width: 100%; border-left: none; } } /* ------------------------------------------------------ */ /* Style container */ /* ------------------------------------------------------ */ @media only screen and (min-width : 768px) and (max-width : 1024px) { .container { width: 960px; } } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 960px; } } /* ------------------------------------------------------ */ /* Images responsive */ /* ------------------------------------------------------ */ .img-visible-xs { display: none !important; } .img-visible-xxs { display: none !important; } @media (max-width: 630px) { .img-hidden-xs { display: none !important; } .img-visible-xs { display: block !important; } } @media (max-width: 460px) { .img-hidden-xxs { display: none !important; } .img-visible-xxs { display: block !important; } .home-cols2 { float: none; padding: 0px 0px 0px 0px; width: 100%; } .home-cols3 { float: none; padding: 0px 0px 0px 0px; width: 100%; } .home-cols4 { float: none; padding: 0px 0px 0px 0px; width: 100%; } .home-cols4x2 { float: left; padding: 0px 5px; width: 50%; } .home-scc-des { float: none; padding: 0px 0px 0px 0px; width: 100%; } .home-scc-others { float: none; padding: 15px 0px 0px 0px; width: 100%; } .landing-cols2 { float: none; padding: 0px 0px 0px 0px; width: 100%; } .landing-cols3 { float: none; padding: 0px 0px 0px 0px; width: 100%; } .landing-cols4 { float: none; padding: 0px 0px 0px 0px; width: 100%; } .landing-cols4x2 { float: left; padding: 0px 5px; width: 50%; } } /* ------------------------------------------------------ */ /* Grid */ /* ------------------------------------------------------ */ .col2-c1 { float: left; width: 49%; position: relative; } .col2-c2 { float: right; width: 49%; position: relative; } .col3 { min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } .col3-notres { float: left; width: 33.3333%; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } .col4 { float: left; width: 25%; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } .col5 { min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } .col5-notres { float: left; width: 20%; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } .col6 { min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } .col6-notres { float: left; width: 16.6666%; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } .nopadding { padding: 0 !important; margin: 0 !important; } @media (min-width: 768px) { .col3 { float: left; } .col3 { width: 33.3333%; } } @media (max-width: 650px) { .col6-notres { width: 33.3333%; } .col6-notres:nth-child(4) { clear: both; } .col4 { width: 50%; } } @media (max-width: 630px) { .col2-c1 { float: none; width: 100%; position: relative; } .col2-c2 { float: none; width: 100%; position: relative; } } @media (max-width: 460px) { .col4 { width: 100%; } } /* ------------------------------------------------------ */ /* Style Magix Zoom */ /* ------------------------------------------------------ */ .MagicZoom, .MagicZoom * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .MagicZoom, .MagicZoom:hover { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr; max-width: 100%; } .MagicZoom img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; height: auto; } .MagicZoom > img { width: 100%; } .MagicZoom.magic-for-ie8, .MagicZoom.magic-for-ie8 > img { max-width: none !important; } .MagicZoom.magic-for-ie7 > img, .MagicZoom.magic-for-ie5 img { width: auto; } td > .MagicZoom > img, td > .MagicZoom.magic-for-ie8 > img { max-width: none; width: auto; } .MagicZoomHint { background: url("https://static1.funidelia.com/img/global/hint.gif") no-repeat 2px 50%; color: #444; font-size: 8pt; font-family: sans-serif; width: 59px; text-indent: -1000px; line-height: 17px; margin: 0; min-height: 17px; padding: 2px 2px 2px 2px !important; text-align: left; text-decoration: none; right: 2px !important; left: auto !important; } .MagicZoomLoading { background: #fff url("https://static1.funidelia.com/img/global/loader.gif") no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; } .MagicZoomExternalTitle { display: none; } .magic-temporary-img img { max-height: none !important; max-width: none !important; } .MagicZoomBigImageCont { margin-top: 15px; margin-right: 6px; background: #ffffff; border: 3px solid #EDEDED; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicZoomBigImageCont.inner-zoom { border: 0; } .MagicZoomBigImageCont img { max-width: none !important; max-height: none !important; height: auto !important; width: auto !important; transform: translateZ(0); } .MagicZoomHeader { background: #666; color: #fff; font-size: 10pt !important; line-height: normal !important; text-align: center !important; } .MagicZoomPup { background: #fff none repeat scroll 0 0; border: 2px solid #ddd; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); z-index: 2 !important; /* background: #dadad1; border: 3px solid #aaa; cursor: move; */ } .MagicZoomLoading { background: #fff url("https://static1.funidelia.com/img/global/loader.gif") no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; } .MagicBoxShadow { -moz-box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; box-shadow: 3px 3px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important; } .MagicBoxGlow { -moz-box-shadow: 0px 0px 4px 4px #888888; -webkit-box-shadow: 0px 0px 4px 4px #888888; box-shadow: 0px 0px 4px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important; } /* ------------------------------------------------------ */ /* FILE INPUT */ /* ------------------------------------------------------ */ .file-input { display: block; overflow-x: auto; } .file-loading { top: 0; right: 0; width: 25px; height: 25px; font-size: 999px; text-align: right; color: #fff; background: transparent url('https://static1.funidelia.com/img/global/loading.gif') top left no-repeat; border: none; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; filter: alpha(opacity=0); opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block; } .file-caption .glyphicon { display: inline-block; min-width: 18px; margin-top: 2px; } .file-caption-name { display: inline-block; overflow: hidden; max-height: 20px; padding-right: 10px; word-break: break-all; } .file-caption-ellipsis { position: absolute; right: 10px; margin-top: -6px; font-size: 1.2em; display: none; font-weight: bold; cursor: default; } .kv-has-ellipsis .file-caption-ellipsis { display: inline; } .kv-has-ellipsis { padding-right: 17px; } .kv-search-container .kv-search-clear { position: absolute; padding: 10px; right: 0px; } .file-error-message { background-color: #f2dede; color: #a94442; text-align: center; border-radius: 5px; padding: 5px; } .file-error-message pre, .file-error-message ul { margin: 5px 0; text-align: left; } .file-caption-disabled { background-color: #EEEEEE; cursor: not-allowed; opacity: 1; } .file-input .btn[disabled], .file-input .btn .disabled { cursor: not-allowed; } .file-preview { border-radius: 5px; border: 1px solid #ddd; padding: 5px; width: 100%; margin-bottom: 5px; background: #f0fcff; } .file-preview-frame { display: table; margin: 8px; height: 160px; border: 1px solid #ddd; box-shadow: 1px 1px 5px 0px #a2958a; padding: 6px; float: left; text-align: center; vertical-align: middle; background: #FFFFFF; } .file-preview-frame:hover { box-shadow: 3px 3px 5px 0px #333; } .file-preview-image { height: 160px; vertical-align: text-center; } .file-preview-text { width: 160px; color: #428bca; font-size: 11px; text-align: center; } .file-preview-other { padding-top: 48px; text-align: center; } .file-preview-other i { font-size: 2.4em; } .file-other-error { width: 100%; padding-top: 30px; text-align: right; } .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button { display: none; } .loading { background: transparent url('https://static1.funidelia.com/img/global/loading.gif') no-repeat scroll center center content-box !important; } .wrap-indicator { font-weight: bold; color: #245269; cursor: pointer; } .file-actions { text-align: left; } .file-footer-buttons { float: right; } .file-thumbnail-footer .file-caption-name { padding-top: 4px; font-size: 11px; color: #777; } .file-upload-indicator { padding-top: 2px; cursor: default; } .file-upload-indicator:hover { font-size: 1.2em; font-weight: bold; padding-top: 0; } .file-drop-zone { border: 1px dashed #aaa; border-radius: 4px; height: 100%; text-align: center; vertical-align: middle; margin: 12px 15px 12px 12px; padding: 5px; } .file-drop-zone-title { color: #aaa; font-size: 40px; padding: 85px 10px; } .highlighted { border: 2px dashed #999 !important; background-color: #f0f0f0; } .file-uploading { background-image: url('https://static1.funidelia.com/img/global/loading-sm.gif'); background-position: center bottom 10px; background-repeat: no-repeat; opacity: 0.6; } .file-icon-large { font-size: 1.2em; } /* SPINER LOADING */ #box-loader { position: fixed; left: 50%; top: 50%; display: none; } @-moz-keyframes spinner-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spinner-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* :not(:required) hides this rule from IE9 and below */ .spinner-loader:not(:required) { -moz-animation: spinner-loader 1500ms infinite linear; -webkit-animation: spinner-loader 1500ms infinite linear; animation: spinner-loader 1500ms infinite linear; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%; } /* ------------------------------------------------------ */ /* BUSINESS CMS */ /* ------------------------------------------------------ */ #info-reasons { margin: 0px 10px 0px 0px; padding: 10px; color: #3d3d3d; background: #e8e8e8; } #info-reasons h2 {font-size: 18px; margin: 10px 0px 15px 0px; color: #46474b; font-weight: bold; } #info-reasons li strong { color: #504b4b; } /* ------------------------------------------------------ */ /*TIMELINE */ /* ------------------------------------------------------ */ .timeline { list-style: none; margin: 0px; padding: 0px 0; position: relative; font-weight: 300; } .timeline:before { top: 0; bottom: 0; position: absolute; content:" "; width: 2px; background: #DCDCDC; left: 50%; margin-left: -1.5px; } .timeline li { margin-bottom: 50px; position: relative; width: 50%; float: left; clear: left; } .timeline li:before, .timeline li:after { content:" "; display: table; } .timeline li:after { clear: both; } .timeline li:before, .timeline li:after { content:" "; display: table; } .timeline li:after { clear: both; } .timeline li .timeline-panel { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #dcdcdc; background: #ffffff; position: relative; } .timeline li .timeline-panel:before { position: absolute; top: 10px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #dcdcdc; border-right: 0 solid #dcdcdc; border-bottom: 15px solid transparent; content:" "; } .timeline li .timeline-panel:after { position: absolute; top: 11px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content:" "; } .timeline li .timeline-badge { color: #CDCDCD; width: 24px; height: 24px; line-height: 1; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; background: #FFFFFF; } .timeline li.timeline-inverted .timeline-panel { float: right; } .timeline li.timeline-inverted .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline li.timeline-inverted .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge a { font-size: 24px; color: #CDCDCD !important; } .timeline-badge a:hover { color: #CDCDCD !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-heading { padding: 15px; border-bottom: 1px solid #e8e8e8; } .timeline-heading h4 { margin: 0px; padding: 0px; color: #434343; font-size: 13px; font-weight: 700; line-height: 1.35; } .timeline-body { display: none; background: #f8f8f8; border-bottom: 1px solid #e8e8e8; } .timeline-body p, .timeline-body ul { padding: 10px 15px; margin-bottom: 0; } .timeline-footer { display: none; padding: 5px 15px; } .timeline-footer p { margin-bottom: 0; } .timeline-footer a { cursor: pointer; text-decoration: none; } .timelime-crm { margin: 8px 0px; display: inline-block; zoom: 1; *display: block; font-size: 12px; padding: 4px 8px; color: #FFFFFF; background: #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .timeline li.timeline-inverted { float: right; clear: right; } .timeline li:nth-child(2) { margin-top: 50px; } .timeline li.timeline-inverted > .timeline-badge { left: -12px; } a.timeline-info { float: right; font-size: 11px; text-transform: uppercase; color: #434343 } a.timeline-info i { font-size: 13px; } .timeline-ok { } .timeline-ok .timeline-badge a { color: #e5cc7f !important; } .timeline-ok .timeline-panel:after { border-color: transparent #f3e7c2 !important; } .timeline-ok.timeline-inverted .timeline-panel:after { border-color: transparent #f3e7c2 !important; } .timeline-active .timeline-badge a { color: #f3e7c2 !important; } .timeline-ok .timeline-heading { background: #f3e7c2 !important; } .timeline-active { } .timeline-active .timeline-panel:after { border-color: transparent #b3d98c !important; } .timeline-active.timeline-inverted .timeline-panel:after { border-color: transparent #b3d98c !important; } .timeline-active .timeline-badge a { color: #b3d98c !important; } .timeline-active .timeline-heading { background: #b3d98c !important; } .timeline-active .timeline-heading h4 { color: #FFFFFF !important; } .timeline-active a.timeline-info { color: #FFFFFF !important; } .timeline-nok { margin-top: 0px; } .timeline-end { margin-bottom: 30px !important; } .timeline .act .timeline-body { display: block; } .timeline .act .timeline-footer { display: block; } .no-float { float: none !important; margin: 0px !important; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li { margin-bottom: 0px; position: relative; width:100%; float: left; clear: left; } ul.timeline > li > .timeline-panel { width: calc(100% - 65px); width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); } ul.timeline > li > .timeline-badge { left: 28px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } .timeline > li.timeline-inverted > .timeline-badge { left: 28px; } } /* ------------------------------------------------------ */ /* SEARCH AUTOCOMPLETE */ /* ------------------------------------------------------ */ #header #header-search .search-form { overflow: visible; float: left; width: 63%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #header #header-search .search-form form { width: 100%; } #header #header-search .search-form form .search-group .twitter-typeahead { overflow: visible; float: left; width: 99%; display: block; font-size: 14px !important; height: 46px; } #header #header-search .search-form form .search-group .twitter-typeahead:focus { } #header #header-search .search-form form .search-group .tt-query { float: left; width: 99%; display: block; font-size: 14px !important; height: 46px; } #header #header-search .search-form form .search-group .tt-hint { float: left; width: 99%; display: block; font-size: 14px !important; height: 46px; } #header #header-search .search-form form .search-group .tt-input { background: #FFFFFF !important; } #header #header-search .search-form form .search-group .tt-menu { z-index: 10000; position: absolute !important; top: 50px !important; left: 0 !important; font-size: 13px; width: 101%; color: #878787; background: #FFFFFF; border: 3px solid #e3af26; } #header #header-search .search-form form .search-group .tt-menu .txt-stit strong { color: #cc9900; font-weight: 700; } #header #header-search .search-form form .search-group .tt-suggestion { padding: 7px 10px; border-bottom: 1px solid #e8e8e8; } #header #header-search .search-form form .search-group .tt-suggestion:hover { background: #ffffcc; cursor: pointer } #header #header-search .search-form form .search-group .tt-highlight { color: #434343; } #header #header-search .search-form form .search-group .tt-header { padding: 7px 10px 0px 10px; text-align: right; font-size: 10px; } #header #header-search .search-form form .search-group pre { display: none !important; } #header #header-search .search-form form .search-group { display: block; width: 99%; overflow: visible; position: relative; } #header #header-search .search-form form .search-group .form-control { float: left; width: 98%; display: block; border: 3px solid #FFFFFF; } #header #header-search .search-form form .search-group .search-group-btn { position: absolute; top: 0px; right: 0px; width: auto; display: block; } #search .search-form form .search-group .twitter-typeahead { overflow: visible; float: left; width: 99%; display: block; font-size: 14px !important; height: 46px; } #search .search-form form .search-group .twitter-typeahead:focus { } #search .search-form form .search-group .tt-query { float: left; width: 99%; display: block; font-size: 14px !important; height: 46px; } #search .search-form form .search-group .tt-hint { float: left; width: 99%; display: block; font-size: 14px !important; height: 46px; } #search .search-form form .search-group .tt-input { background: #FFFFFF !important; } #search .search-form form .search-group .tt-menu { z-index: 10000; position: absolute !important; top: 43px !important; left: 0 !important; font-size: 13px; width: 101%; color: #878787; background: #FFFFFF; border: 1px solid #e3af26; } #search .search-form form .search-group .tt-suggestion { text-align: left; padding: 7px 10px; border-bottom: 1px solid #e8e8e8; } #search .search-form form .search-group .tt-suggestion:hover { background: #ffffcc; cursor: pointer } #search .search-form form .search-group .tt-highlight { color: #434343; } #search .search-form form .search-group .tt-header { padding: 7px 10px 0px 10px; text-align: right; font-size: 10px; } #search .search-form form .search-group pre { display: none !important; } #search .search-form form .search-group { display: block; width: 99%; overflow: visible; position: relative; } #search .search-form form .search-group .form-control { float: left; width: 98%; display: block; } #search .search-form form .search-group .search-group-btn { position: absolute; top: 0px; right: 0px; width: auto; display: block; } @media (max-width: 992px) { #header #header-search .search-form { width: 58%; } } @media (max-width: 750px) { #header #header-search .search-form { width: 56%; } } @media (max-width: 720px) { #header #header-search .search-form { width: 50%; } } @media (max-width: 630px) { #header #header-search .search-form { width: 100%; height: 61px; } #header #header-search .search-form form .search-group .tt-menu { top: 54px !important; } } /* ------------------------------------------ */ /* ESPECIAL: BLACKFRIDAY */ /* ------------------------------------------ */ .bf-black { font-weight: 700; color: #000000; text-transform: uppercase; } .bf-friday { font-weight: 700; color: #ff0000; text-transform: uppercase; } .bf-sheet { margin: 0px 0px 10px 0px; padding: 10px 71px 10px 10px; border: 1px solid #e9e9e9; border-bottom: none; background: url("/img/blackfriday/fdo_bf.gif") top right no-repeat; display: none; } .bf-sheet .bf-stitle { } .bf-sheet .bf-sdescription { font-size: 14px; color: #565656; display: none; } .bf-sheet .bf-stitle .ico-bf { width: 19px; height: 18px; margin-top: 0px; line-height: 18px; background: transparent url("/img/blackfriday/bullet_bf1.gif") 0px 0px no-repeat; } .bf-sheet .bf-stitle .bf-black { font-size: 16px; } .bf-sheet .bf-stitle .bf-friday { font-size: 16px; } .bf-sheet .bf-stitle .bf { display: inline-block; padding: 0px 8px 0px 0px; vertical-align: top; } .bf-sheet .bf-sdescription .bf-txt { color: #ff0000; font-weight: 700; } .bf-sheet .bf-sdescription .bf-txtdto { color: #ff0000; font-weight: 700; text-transform: uppercase; } .bf-sheet .bf-sdescription .bf-dto { display: inline-block; margin: 0px 5px; padding: 0px 4px 0px 4px; font-size: 14px; color: #ffffff; font-weight: 700; background: #ff0000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bf-sheet .bf-sdescription .bf-pdto { padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px; font-size: 13px; font-weight: normal; color: #000000; font-weight: 700; border-bottom: 1px dotted #c9c9c9; } .bf-popup { padding: 10px; text-align: center; background: #333333; display: none; } .bf-popup .bf-stitle { padding: 2px 0px 0px 0px; display: inline-block; line-height: 1; } .bf-popup .bf-sdescription { display: inline-block; font-size: 14px; color: #FFFFFF; font-weight: 700; } .bf-popup .bf-stitle .ico-bf { width: 19px; height: 18px; margin-top: 0px; line-height: 18px; background: transparent url("/img/blackfriday/bullet_bf2.gif") 0px 0px no-repeat; } .bf-popup .bf-stitle .bf-black { font-size: 20px; color: #FFFFFF; } .bf-popup .bf-stitle .bf-friday { font-size: 20px; } .bf-popup .bf-stitle .bf { display: inline-block; padding: 0px 8px 0px 0px; vertical-align: top; } .bf-popup .bf-stitle .bf-mobile { display: none; padding: 0px 8px 0px 0px; vertical-align: top; } .bf-popup .bf-sdescription .bf-txt { color: #ffcc00; } .bf-popup .bf-sdescription .bf-txtdto { color: #ffcc00; text-transform: uppercase; } .bf-popup .bf-sdescription .bf-dto { display: inline-block; margin: 0px 5px; padding: 0px 4px 0px 4px; font-size: 16px; color: #ff0000; background: #ffcc00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bf-popup .bf-sdescription .bf-pdto { font-size: 14px; font-weight: normal; } .bf-shopping { padding: 10px; background: #333333; border: 1px solid #e9e9e9; border-top: none; } .bf-shopping .bf-stitle { padding: 2px 0px 0px 0px; float: left; line-height: 1; } .bf-shopping .bf-sdescription { float: left; font-size: 16px; color: #FFFFFF; font-weight: 700; } .bf-shopping .bf-scopuon { float: right; padding: 4px 0px 4px 10px; font-weight: 700; border-left: 1px solid #89731e; } .bf-shopping .bf-stitle .ico-bf { width: 19px; height: 18px; margin-top: 0px; line-height: 18px; background: transparent url("/img/blackfriday/bullet_bf2.gif") 0px 0px no-repeat; } .bf-shopping .bf-stitle .bf-black { font-size: 22px; color: #FFFFFF; } .bf-shopping .bf-stitle .bf-friday { font-size: 22px; } .bf-shopping .bf-stitle .bf { display: inline-block; padding: 0px 8px 0px 0px; vertical-align: top; } .bf-shopping .bf-stitle .bf-mobile { display: none; padding: 0px 8px 0px 0px; vertical-align: top; } .bf-shopping .bf-sdescription .bf-txt { color: #ffcc00; } .bf-shopping .bf-sdescription .bf-txtdto { color: #ffcc00; text-transform: uppercase; } .bf-shopping .bf-sdescription .bf-dto { display: inline-block; margin: 0px 5px; padding: 0px 4px 0px 4px; font-size: 18px; color: #ff0000; background: #ffcc00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bf-shopping .bf-sdescription .bf-pdto { font-size: 14px; font-weight: normal; } .bf-shopping .bf-scopuon .bf-txt { color: #ffcc00; } .bf-shopping .bf-scopuon .bf-copoun { color: #ffffff; } .shopping-actions .bf-black { font-size: 13px; } .shopping-actions .bf-friday { font-size: 13px; } @media (max-width: 768px) { .bf-shopping .bf-stitle .bf-black { font-size: 20px; } .bf-shopping .bf-stitle .bf-friday { font-size: 20px; } .bf-shopping .bf-stitle { float: none; text-align: center; } .bf-shopping .bf-sdescription { float: none; text-align: center; font-size: 14px; } .bf-shopping .bf-scopuon { margin: 10px 0px 0px 0px; padding: 10px 0px; float: none; text-align: center; border-top: 1px solid #89731e; border-left: none; } .bf-shopping .bf-stitle .bf { display: none; } .bf-shopping .bf-stitle .bf-mobile { display: inline-block; } .bf-shopping .bf-sdescription .bf-dto { font-size: 14px; } } @media (max-width: 468px) { .bf-sheet { padding: 10px 45px 10px 10px; background: url("/img/blackfriday/fdo_bf2.gif") top right no-repeat; } .bf-sheet .bf-sdescription { font-size: 13px; } .bf-sheet .bf-sdescription .bf-dto { font-size: 13px; } .bf-sheet .bf-sdescription .bf-pdto { font-size: 12px; } .bf-popup .bf-stitle .bf { display: none; } .bf-popup .bf-stitle .bf-mobile { display: inline-block; } .bf-popup .bf-sdescription { font-size: 13px; } .bf-popup .bf-sdescription .bf-dto { font-size: 13px; } } #header #header-msg.wclock { padding: 10px; } #header #header-msg.wclock h3 { font-size: 16px; } #header #header-msg.wclock h3 .txt-hl { font-size: 18px; color: #FFFFFF ; text-decoration: none; background: #000000 ; display: inline-block; padding: 4px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header #header-msg.wclock h3 .txt-hl i { font-style: normal; color: #ee0000 ; } #header #header-msg.wclock .des { text-decoration: none; display: inline-block; margin: 0px 5px; padding: 4px 5px; font-size: 18px; color: #ff0000 ; background: #ffcc00 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header #header-msg.wclock a { font-size: 13px; color: #ffFF00 ; font-weight: 700; display: inline-block; border-bottom: 2px dotted #FFFF00 ; } #header #header-msg.wclock a:hover { color: #ffff00 ; } #header #header-msg.wclock .tooltip ul { margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; } #header #header-msg.wclock .tooltip li { margin: 3px 0px 0px 0px; font-weight: 700; padding: 3px 0px 0px 0px; text-align: left; font-size: 13px; white-space: nowrap; border-top: 2px dotted #666666 ; } #header #header-msg.wclock .tooltip ul { margin: 0px; padding: 0px; list-style-type: none; } #header #header-msg.wclock .tooltip li:first-child { border-top: none; } #header #header-msg.wclock .tooltip .dto { display: inline-block; margin: 0px 5px; padding: 4px 5px; font-size: 13px; color: #ff0000 ; background: #ffcc00 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header #header-msg.wclock .tooltip .tooltip-inner { padding: 5px 8px 8px 8px; max-width: 320px !important; }