/* ------------------------------------------ */ /* STYLE SPRITES */ /* ------------------------------------------ */ #header .brand a { display: inline-block; zoom:1; *display: block; width: 185px; height: 70px; line-height: 70px; vertical-align: text-top; background: transparent url("https://static1.funidelia.com/img/global/funizone2/sprite_brand2.png?var=1") 0px 0px no-repeat; } #headerP .brand a { display: inline-block; zoom:1; *display: block; width: 203px; height: 77px; line-height: 70px; vertical-align: text-top; background: transparent url("https://static1.funidelia.com/img/global/funizone2/sprite_brand2.png?var=1") -1px -149px no-repeat; } [class^="ico-"], [class*=" ico-"], .more-menus, .less-menus, .arrow { 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/funizone2/sprite_icons2.png") 0px 0px no-repeat; } [class^="ico-buy-"], [class*=" ico-buy-"] { 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/funizone2/sprite_logos_pay.png") 0px 0px no-repeat; } /* ------------------------------------------ */ /* STYLES GLOBAL */ /* ------------------------------------------ */ /* ------------------------------------------------------ */ /* STYLE GENERAL */ /* ------------------------------------------------------ */ * { margin: 0; padding: 0; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.5; color: #727272; background: #F8F8F8; } a { color: #0070a0; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; } 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 #78c0cc; 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; } blockquote { font-size: 13px; border: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: 0.25; } .clear { clear: both; } /* ------------------------------------------------------ */ /* STYLE TEMPLATE */ /* ------------------------------------------------------ */ .template-login { margin: 0px auto; width: 100%; height: 100%; text-align: center; } .template-user { } .template-catalog { } .template-product { } .template-cart { z-index: initial !important; } .template-charge { } .template-help { } .template-cms { z-index: initial !important; } .template-catalog .box-seo-header { display: none; } .template-catalog .box-seo { display: none; } /* ------------------------------------------------------ */ /* STYLE HEADER */ /* ------------------------------------------------------ */ #pheader { background: #c8cacc; } #pheader .container { display: table; padding: 0px 0px; } #pheader .pheader-contact { float: right; padding: 10px 0px; margin-top: 5px; color: #394049; } #pheader .pheader-contact .tit { display: inline-block; zoom: 1; *display: block; margin: 0px; padding: 0px; font-size: 12px; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } #pheader .pheader-contact .txt { display: none; } #pheader .pheader-contact .num { font-weight: 700; } #pheader .pheader-contact .time { font-size: 10px; text-transform: uppercase; } #pheader .pheader-contact .ico-phone { background-position: -23px -132px; } #pheader .pheader-comercial { float: left; color: #394049; padding: 10px 0px } #pheader .pheader-comercial .tit { display: inline-block; zoom: 1; *display: block; margin: 0px; padding: 0px; font-size: 10px; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; vertical-align: middle; } #pheader .pheader-comercial a { font-size: 12px; color: #394049; font-weight: 400px; } #pheader .pheader-comercial a:hover { color: #e48701; } #pheader .pheader-comercial .photo-comercial { margin-right: 10px; vertical-align: middle; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } #pheader .pheader-comercial .ico-arrow { margin-left: 5px; background-position: -29px -68px; } #pheader .pheader-comercial a:hover .ico-arrow { background-position: -82px -68px; } #pheader .pheader-comercial.ncomercial { padding-top: 18px } #pheader .pheader-comercial.ncomercial .tit { font-size: 12px; } #pheader .pheader-prices { padding: 15px 10px 10px 0px; margin-right: 10px; float: left; color: #FFFFFF; border-right: 1px solid #aaaaaa; } #pheader .pheader-prices input[type=checkbox]{ display: none; margin: 0px; height: 0; width: 0; visibility: hidden; } #pheader .pheader-prices label { text-align: right; padding-right: 5px; padding-left: 5px; cursor: pointer; width: 38px; height: 22px; background: #888888; display: block; border-radius: 100px; position: relative; color: #bbbbbb; font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; } #pheader .pheader-prices label:after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: #bbbbbb; border-radius: 16px; transition: 0.3s; } #pheader .pheader-prices input:checked + label { text-align: left; background: #f89820; color:#FFFFFF; } #pheader .pheader-prices input:checked + label:after { left: calc(100% - 3px); transform: translateX(-100%); background: #fff; } #pheader .pheader-prices label:active:after { width: 38px; } /* ------------------------------------------------------ */ /* STYLE SECTION HEADER PUBLIC */ /* ------------------------------------------------------ */ #headerP { background: #FFFFFF; } #headerP .container { padding: 0px; } #headerP .brand { float: left; display: block; margin: 0px; padding: 0px; width: 185px; height: 70px; vertical-align: top; } #headerP .brand a { display: block; text-indent: -10000px; } #headerP #menu { float: right; margin: 25px 0px 10px 0px; } #headerP #menu ul { margin: 0px; padding: 0px; } #headerP #menu ul li { list-style-type: none; float: left; padding: 5px 0px; } #headerP #menu ul li a { display: block; padding: 5px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; color: #394049; text-transform: uppercase; } #headerP #menu ul li a:hover { color: #f89820; } #headerP #menu ul li.head-regini { padding: 0px 0px 0px 8px; } #headerP #menu ul li.head-regini a { display: block; padding: 10px; color: #FFFFFF; background: #f89820; border-right: 1px solid #FFFFFF; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } #headerP #menu ul li.head-regini a:hover { color: #FFFFFF; background: #e48701; } #headerP #menu ul li.head-regend { padding: 0px 8px 0px 0px; } #headerP #menu ul li.head-regend a { display: block; padding: 10px; color: #FFFFFF; background: #f89820; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } #headerP #menu ul li.head-regend a:hover { color: #FFFFFF; background: #e48701; } #headerP #menu ul li.head-language { padding: 0px; } #headerP #menu ul li.head-language .opt { font-size: 14px; } #headerP #menu ul li.head-language .txt { text-transform: uppercase; } #headerP #menu ul li.head-language ul { margin: 0px; padding: 0px; list-style-type: none; } #headerP #menu ul li.head-language li { display: block; width: 100%; margin: 0px; padding: 0px; border: 0px; font-size: 14px; color: #727272; text-align: left; } #headerP #menu ul li.head-language li a { text-align: center; padding: 0px; color: #727272; padding: 5px 10px 5px 10px; font-size: 14px; text-transform: none; font-weight: normal; background: #FFFFFF; } #headerP #menu ul li.head-language li:first-child a { padding: 10px 10px 5px 10px; } #headerP #menu ul li.head-language li:last-child a { padding: 5px 10px 10px 10px; } #headerP #menu ul li.head-language li a:hover { text-decoration: none; color: #f89820; } #headerP #menu ul li.head-language li a.opt { padding: 0px; } #headerP #menu ul li.head-language li a.act { color: #f89820; } #headerP #menu ul li.head-language li img { margin-right: 5px; } #headerP #menu ul li.head-language a.opt { z-index: 1201; padding: 10px 10px; border: 1px solid #FFFFFF; background: #FFFFFF; } #headerP #menu ul li.head-language a.opt img { margin-right: 5px; } #headerP #menu ul li.head-language .dropdown-menu { z-index: 1200; margin: -1px 0px 0px 0px; min-width: 120px; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius:0px; box-shadow: none; } #headerP #menu ul li.open a.opt { color: #e48701; } #headerP #menu ul li .dropdown-menu .arrow { position: absolute; top: -10px; right: 30px; display: block; width: 19px; height: 11px; line-height: 11px; background: transparent url("https://static1.funidelia.com/img/global/funizone2/sprite_icons2.png") -131px -391px no-repeat; } #headerP-search-tit { float: left; margin-right: 20px !important; } #headerP-search .box { padding: 15px 12px; } #headerP-search .header-search { } #headerP-search .header-search legend { display: none; } #headerP-search .header-search label { display: none; } #headerP-search .header-search .search-group { position: relative; display: table; border-collapse: separate; } #headerP-search .header-search .search-group .form-control { display: table-cell; font-size: 14px !important; padding: 8px 12px; height: 40px; box-shadow: none; border: 0px; 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; } #headerP-search .header-search .search-group .form-control:focus { border: 0px solid #78c0cc; border-right: none; } #headerP-search .header-search .search-group .search-group-btn { position: relative; display: table-cell; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; border: none; } #headerP-search .header-search .search-group .search-group-btn .btn { height: 40px; font-size: 13px; color: #bfbfbf; background: #FFFFFF; border: 0px; 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; } #headerP-search .header-search .search-group .search-group-btn .btn .ico-search { margin-right: 4px; } #headerP-search .header-search .search-group .search-group-btn .btn .txt { display: none; } #headerP-search .header-search .btn-search { background: #e3af26; } #headerP-search .header-search .ico-search { width: 21px; height: 21px; background-position: -7px -387px; } /* ------------------------------------------------------ */ /* STYLE SECTION SEARCH */ /* ------------------------------------------------------ */ #header { position: relative; z-index: 3; background: #394049; } #header .container { padding: 0px; } #header .brand { display: table-cell; margin: 0px; padding: 0px; width: 185px; height: 70px; vertical-align: top; border-right: 1px solid #4F555D; } #header .brand a { display: block; text-indent: -10000px; } #header #menu { display: table-cell; width: 100%; height: 70px; vertical-align: top; border-right: 1px solid #4F555D; } #header #menu ul { display: table; margin: 0px; padding: 0px; width: 100%; list-style-type: none; } #header #menu ul li { display: table-cell; vertical-align: top; border-left: 1px solid #4F555D; } #header #menu ul li:first-child { border-left: none; } #header #menu ul li a.lvl1 { position: relative; display: block; width: 100%; color: #FFFFFF; } #header #menu ul li a.lvl1:hover { background: #595F66; } #header #menu ul li a.lvl1 .ico-menu-open { display: none; z-index: 1001; position: absolute; bottom: -1px; left: 45%; } #header #menu ul li.lvl-catalog { width: 100px; font-family: 'Montserrat', serif; font-size: 12px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; white-space: nowrap; } #header #menu ul li.lvl-catalog .box { padding: 26px 10px 27px 10px; } #header #menu ul li.lvl-search { } #header #menu ul li.lvl-search .box { padding: 15px 10px; } #header #menu ul li.lvl-search .header-search { } #header #menu ul li.lvl-search .header-search legend { display: none; } #header #menu ul li.lvl-search .header-search label { display: none; } #header #menu ul li.lvl-search .header-search .search-group { position: relative; display: table; border-collapse: separate; } #header #menu ul li.lvl-search .header-search .search-group .form-control { display: table-cell; font-size: 14px !important; padding: 8px 12px; height: 40px; box-shadow: none; border: 0px; 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 #menu ul li.lvl-search .header-search .search-group .form-control:focus { border: 0px solid #78c0cc; border-right: none; } #header #menu ul li.lvl-search .header-search .search-group .search-group-btn { position: relative; display: table-cell; width: 1%; font-size: 0; white-space: nowrap; vertical-align: middle; border: none; } #header #menu ul li.lvl-search .header-search .search-group .search-group-btn .btn { height: 40px; font-size: 13px; color: #bfbfbf; background: #FFFFFF; border: 0px; 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 #menu ul li.lvl-search .header-search .search-group .search-group-btn .btn .ico-search { margin-right: 4px; } #header #menu ul li.lvl-search .header-search .search-group .search-group-btn .btn .txt { display: none; } #header #menu ul li.lvl-search .header-search .btn-search { background: #e3af26; } #header #menu ul li.lvl-search .header-search .ico-search { width: 21px; height: 21px; background-position: -7px -387px; } #header #menu ul li.lvl-user { display: none; width: 175px; } #header #menu ul li.lvl-user .box { padding: 16px 10px; } #header #menu ul li.lvl-user .tit { font-family: 'Montserrat', serif; font-size: 10px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; } #header #menu ul li.lvl-user .alert { display: inline-block; zoom: 1; *display: block; margin: 0px 0px 0px 5px; padding: 1px 3px; line-height: 1; color: #FFFFFF; font-size: 12px; font-weight: bold; vertical-align: middle; background: #f89820; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #header #menu ul li.lvl-user .alert .txt { display: none; } #header #menu ul li.lvl-user .user { display: inline-block; zoom: 1; *display: block; width: 50%; font-size: 12px; color: #cccccc; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #header #menu ul li.lvl-user .balance { float: right; margin-top: 1px; font-family: 'Montserrat', serif; font-size: 12px; font-weight: 700; color: #FFFFFF; } #header #menu ul li.lvl-cart { display: table-cell; width: 75px; } #header #menu ul li.lvl-cart .box { padding: 16px 10px 14px 10px; text-align: center; } #header #menu ul li.lvl-cart .tit { font-family: 'Montserrat', serif; font-size: 10px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; } #header #menu ul li.lvl-cart .prd-buy { font-family: 'Montserrat', serif; font-size: 14px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; } #header #menu ul li:hover { background: #595F66; } #header #menu ul li.lvl-lan { width: 75px; display: table-cell; font-family: 'Montserrat', serif; font-size: 12px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; white-space: nowrap; } #header #menu ul li.lvl-lan .box { padding: 23px 10px 25px 10px; } #header #menu ul li.lvl-lan .box a { color: #FFFFFF; } #header #menu ul li.lvl-lan .ico-lang { background: transparent url("https://static1.funidelia.com/img/global/funizone2/sprite_icons2.png") -100px -416px no-repeat; } #header #menu ul li.lvl-lan li { font-weight: normal; text-transform: none; } #header #menu ul li.lvl-lan li .act { color: #f89820; font-weight: 700; } #header #menu ul li.lvl-lan .dropdown-menu { font-size: 13px; text-align: center; } #header #menu ul li.lvl-lan .dropdown-menu a { display: block; } #header #menu .open .dropdown-menu { display: block; } #header #menu .open .lvl1 { background: #595F66; } #header #menu .open .lvl1 .ico-menu-open { display: block; z-index: 9005; } #header #menu .dropdown-menu { display: none; z-index: 9004; min-width: 120px; } #header #menu .dropdown-menu li { display: block; padding: 0px; font-size: 12px; color: #666666; vertical-align: middle; border-left: none; } #header #menu .dropdown-menu a { display: block; padding: 10px 15px; color: #666666; } #header #menu .dropdown-menu a:hover { color: #333333; background: #fffaf4;; } #header #menu .dropdown-menu .sep { border-top: 1px solid #e5e5e5; } #header #menu .dropdown-menu .alert { float: right; display: inline-block; zoom: 1; *display: block; margin: 0px 0px 0px 5px; padding: 1px 3px; line-height: 1; color: #FFFFFF !important; font-size: 12px !important; font-weight: bold !important; vertical-align: middle; background: #999999 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #header #menu .dropdown-menu .recharge { } #header #menu .dropdown-menu .recharge a .txt { display: inline-block; zoom: 1; *display: block; padding-bottom: 5px; font-weight: 700; color: #333333; } #header #menu .dropdown-menu .recharge a .balance { float: none; font-family: 'Montserrat', serif; font-weight: 700; font-size: 14px; color: #cc9900; } #header #menu .dropdown-menu .recharge a .link { display: inline-block; zoom: 1; *display: block; margin-left: 5px; padding-left: 10px; color: #666666; border-left: 1px solid #CDCDCD; } #header #menu .dropdown-menu .wicon a { padding: 10px 15px 10px 8px; } /* ------------------------------------------------------ */ /* STYLE SECTION MENU CATALOG */ /* ------------------------------------------------------ */ #catalog { position: relative; z-index: 2; clear: both; background: #FFFFFF; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 64%, #efefef 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 64%,#efefef 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 64%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); -webkit-box-shadow: 0px -5px 25px 0px rgba(170,170,170,1); -moz-box-shadow: 0px -5px 25px 0px rgba(170,170,170,1); box-shadow: 0px -5px 25px 0px rgba(170,170,170,1); border-bottom: 1px solid #EDEDED; } #catalog .container { padding: 0px; } #catalog li { display: table-cell; } #catalog li a.lvl1 { display: block; position: relative; padding: 20px 20px 20px 10px; color: #898989; font-size: 12px; font-family: 'Montserrat', serif; font-weight: 700; text-transform: uppercase; text-align: left; white-space: nowrap; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; } #catalog li a.lvl1:hover { color: #333333; background: transparent url("https://static1.funidelia.com/img/global/funizone2/fdo_catalog.png") top left repeat-x; } #catalog li a.lvl1 .ico-clvl1 { width: 14px; position: absolute; top: 15px; right: 0px; } #catalog li a.lvl1 .ico-clvl1-open { display: none; z-index: 9002; position: absolute; bottom: -1px; left: 45%; } #catalog li:hover .dropdown { display: block; } #catalog li:hover a.lvl1 .ico-clvl1 { background-position: -150px -454px; } #catalog li:hover a.lvl1 .ico-clvl1-open { display: block; } #catalog li:hover a.lvl1 { color: #333333; background: transparent url("https://static1.funidelia.com/img/global/funizone2/fdo_catalog.png") top left repeat-x;; } #catalog li.opt-manufacturer { } #catalog li.opt-special a.lvl1 { color: #cc0000; } #catalog li.opt-special a.lvl1:hover { color: #cc0000; } #catalog li.opt-special a.lvl1 .ico-clvl1 { display: none; } #catalog li.opt-special a.lvl1 .ico-clvl1-open { display: none; } #catalog .header-menu-nav { margin: 0px; position: relative; width: 100%; } #catalog li.opt-normal { width: 15%; } #catalog li.opt-normal h2 { position: relative; margin: 0px; padding: 0px; font-size: 13px; font-size: normal; line-height: 1.5; border-left: 1px solid #EAEAEA; } #catalog li.opt-normal h2 a .ico-hmen-bll { width: 14px; position: absolute; top: 15px; right: 0px; } #catalog li.opt-normal h2 a .arrow { display: none; z-index: 9002; position: absolute; bottom: -1px; left: 45%; } #catalog li.opt-normal h2 a { display: block; position: relative; padding: 20px 20px 20px 10px; color: #898989; font-size: 12px; font-family: 'Montserrat', serif; font-weight: 700; text-transform: uppercase; text-align: left; white-space: nowrap; } #catalog li.opt-normal h2 a:hover { color: #333333; background: transparent url("https://static1.funidelia.com/img/global/funizone2/fdo_catalog.png") top left repeat-x; } #catalog li.opt-normal:hover h2 a .ico-hmen-bll { width: 14px; background-position: -150px -454px; } #catalog li.opt-normal:hover h2 a .arrow { display: block; } #catalog .dropdown-menu { display: table; position: relative; float: none; width: 100%; margin: 0px; padding: 0px; list-style-type: none; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; } #catalog .dropdown { overflow: hidden; display: none; z-index: 9001; position: absolute; left: 0; width: 960px; padding: 20px; background: #fffaf4; border: 1px solid #dedede; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } #catalog .dropdown .header-menu-cat { float: left; width: 25%; vertical-align: top; border-right: 1px solid #dcdcdc; } #catalog .dropdown .header-menu-cat h3 { margin: 0px 8px 0px 8px; padding: 0px 0px 8px 0px; font-family: 'Montserrat', serif; font-weight: 700; font-size: 12px; color: #535353; text-transform: uppercase; } #catalog .dropdown .header-menu-cat ul.lst-cats { display: block; margin: 0px 8px 0px 8px; padding: 0px 0px 0px 0px; width: auto; list-style-type: none; } #catalog .dropdown .header-menu-cat .lst-cats li { display: block; float: none; width: 100%; } #catalog .dropdown .header-menu-cat .lst-cats a { display: block; padding-bottom: 2px; font-size: 13px; color: #929292; background: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #catalog .dropdown .header-menu-cat .lst-cats a:hover { color: #2e2e2e; text-decoration: none; } #catalog .dropdown .header-menu-tags { float: left; width: 25%; vertical-align: top; } #catalog .dropdown .header-menu-tags h3 { margin: 0px 8px 0px 8px; padding: 0px 0px 8px 0px; font-family: 'Montserrat', serif; font-weight: 700; font-size: 12px; color: #535353; text-transform: uppercase; } #catalog .dropdown .header-menu-tags ul.lst-tags { display: block; margin: 0px 8px 12px 8px; padding: 0px 0px 0px 0px; width: auto; list-style-type: none; } #catalog .dropdown .header-menu-tags .lst-tags li { display: block; float: none; width: 100%; background: transparent; } #catalog .dropdown .header-menu-tags .lst-tags a { display: block; font-size: 13px; color: #929292; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: transparent; } #catalog .dropdown .header-menu-tags .lst-tags a:hover { color: #2e2e2e; text-decoration: none; } #catalog .dropdown .case2 { width: 75%; } #catalog .dropdown .fdo { width: 100%; } #catalog li.opt-normal:hover .dropdown { display: block; } #catalog li.opt-normal:hover a { color: #333333; background: transparent url("https://static1.funidelia.com/img/global/funizone2/fdo_catalog.png") top left repeat-x; } #catalog .dropdown ul.all { display: block; margin: 10px 8px 0px 8px; padding: 0px 0px 0px 0px; width: auto; list-style-type: none; } #catalog .dropdown ul.all li { display: block; float: none; } #catalog .dropdown ul.all li a { margin-top: 10px; display: block; padding: 4px 6px; color: #FFFFFF; font-size: 11px; font-weight: 700; text-transform: uppercase; background: #f89820; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #catalog .dropdown ul.all li a:hover { background: #e48701; } #catalog .dropdown ul.all li .ico-hn-plus { display: none; } #catalog li.opt-manufacturer { width: 15%; } #catalog li.opt-manufacturer .dropdown li { float: left; width: 19%; padding-right: 1% } #catalog li.opt-manufacturer .dropdown li a { display: block; font-size: 13px; color: #929292; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: transparent; } #catalog li.opt-manufacturer .dropdown li a:hover { color: #2e2e2e; text-decoration: none; } /* ------------------------------------------------------ */ /* STYLE SECTION BREADCRUMB */ /* ------------------------------------------------------ */ #brd { position: relative; z-index: 1; clear: both; } #brd .container { padding: 15px 0px; } #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-back { float: right; } #brd .brd-help { } /* ------------------------------------------------------ */ /* STYLE SECTION PRE FOOTER SEO CONTENT */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* STYLE SECTION FOOTER */ /* ------------------------------------------------------ */ #footer { clear: both; font-size: 12px; } #footer .container { margin-top: 25px; padding: 20px 0px; border-top: 1px solid #CECECE; } #footer .footer-ctt { float: right; } #footer .footer-brand { float: left; } /* ------------------------------------------------------ */ /* STYLE SECTION CENTRAL */ /* ------------------------------------------------------ */ #catalogo_funizone { position: relative; z-index: 1; } #ctt { position: relative; z-index: 1; clear: both; } #ctt .container { padding: 0px; } #ctt-title { position: relative; z-index: 3; display: block; margin-bottom: 30px; background: #394049; } #ctt-title .container { padding: 0px; } #ctt-title h2 { margin: 30px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 12px; color: #FFFFFF; text-transform: uppercase; } .ctt-title-search { margin-bottom: 0px !important; } /* ------------------------------------------------------ * /* STYLE TOOLTIP */ /* ------------------------------------------------------ */ .tooltip { font-size: 11px; font-weight: 700; font-family: 'Open Sans', sans-serif; text-transform: none; } /* ------------------------------------------------------ */ /* STYLE TEXTS,... */ /* ------------------------------------------------------ */ .titulo-cab { color: #434343; font-family: "Montserrat",serif; font-size: 19px; font-weight: normal; line-height: 1.2; margin: 0 0 8px; padding: 0; } .titulo-inf { color: #666666; font-family: "Montserrat",serif; font-size: 14px; font-weight: normal; line-height: 1.2; margin: 30px 0 8px; padding: 0; } .titulo { color: #434343; font-family: "Montserrat",serif; font-size: 16px; font-weight: normal; line-height: 1.2; margin: 0px 0 0px; padding: 0; } h2.tit { margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 19px; font-weight: normal; color: #434343; } .tit-lbl { margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 16px; font-weight: normal; color: #434343; } .tit-center { margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; background: url("https://static1.funidelia.com/img/global/funizone2/fdo_1x1_sep.gif") 0px 9px repeat-x; } .tit-center .txt { display: inline-block; zoom: 1; *display: block; background: #FFFFFF; padding: 3px 6px; } .stit { margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 14px; font-weight: normal; color: #434343; } .txt-des { color: #cc9900;} .txt-alert { color: #cc0000; font-weight: 700; } .note-form { font-size: 11px; color: #9a9a9a; font-style: normal; } .note-exp { display: block; font-size: 12px; font-style: normal; padding: 10px 0 0; text-align: center; } .cms-tit { margin: 0px 0px 8px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 19px; line-height: 1.2; font-weight: normal; color: #434343; } .cms-stit { margin: 0px 0px 8px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 16px; line-height: 1.2; font-weight: normal; color: #434343; } .cms-stit2 { margin: 0px 0px 8px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 13px; line-height: 1.2; font-weight: normal; color: #434343; } .cms-des { font-size: 17px; } .cms-emp { font-size: 14px; } .cms-titGroup { margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 16px; line-height: 1.2; font-weight: normal; color: #434343; } .cms-small { font-size: 11px; } .cms-num { display: inline-block; margin-right: 10px; padding: 8px 0px; width: 42px; font-family: 'Montserrat', serif; font-size: 24px; line-height: 1; font-weight: normal; color: #434343; text-align: center; border: 1px solid #898989; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #FFFFFF; } .purchase-accepted { font-weight: 700; color: #669900; } .purchase-declined { font-weight: 700; color: #b05b42; } .purchase-process { font-weight: 700; color: #FF9900; } .purchase-old { font-weight: 700; } .product-available { color: #669900; font-weight: 700; } .product-notavailable { color: #b05b42; 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; } .lst-optionsform { margin: 0px; padding: 0px; list-style-type: none; } .lst-optionsform li { padding-top: 10px; margin-bottom: 10px; border-top: 2px dotted #DCDCDC; } .lst-optionsform li:first-child { padding-top: 0px; border: 0px; } .lst-optionsform li .txt-small { font-size: 11px; font-weight: normal; } ul.lst-details { margin: 0px; padding: 0px; list-style-type: none; } .lst-details li { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 2px dotted #e8e8e8; } .lst-details li:first-child { margin: 0px; padding: 0px; border: 0px; } ul.lst-contact { margin: 0px; padding: 0px; list-style-type: none; } .lst-contact li { margin: 4px 0px 0px 0px; padding: 4px 0px 4px 0px; font-size: 15px; } /* ------------------------------------------------------ */ /* DECORATION & SEPARATORS */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* 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/funizone2/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/funizone2/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-control[readonly] { border: 0px; background: #EDEDED; box-shadow: none; } .form-control-big { font-size: 15px; } .form-control-inline { display: inline-block; zoom: 1; *display: block; width: auto; margin-left: 10px; } .form-center { margin: 20px auto; text-align: center; } .form label { color: #737373; font-weight: normal; } .form .label-center { display: block; text-align: center; } .form .label-dst { color: #595959; font-weight: 700; padding-bottom: 5px; } .form .label-big { font-size: 15px; } .form .label-des { font-weight: 700; color: #434343; } .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-actions .actions-legend { float: left; display: inline-block; zoom: 1; *display: block; margin: 10px 0px; color: #737373; font-size: 11px; } .form .form-actions .actions-right { float: right; } .form .form-actions .actions-left { float: left; } .form .form-actions-normal { text-align: left; } .form .form-group small { display: block; padding: 8px 0px; font-size: 11px; color: #9a9a9a; } .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-space { vertical-align: middle; margin: 0px 5px 0px 0px; } /* ------------------------------------------------------ */ /* STYLES HOME */ /* ------------------------------------------------------ */ #ctt-home .container { padding-left: 0px; padding-right: 0px; } #ctt-home .home-mkt { padding: 16px 0px; text-align: center; background: #FFFFFF; } #ctt-home .home-mkt h3 { margin: 0px; padding: 0px; font-weight: normal; font-size: 16px; text-transform: uppercase; color: #434343; vertical-align: middle; background: url("https://static1.funidelia.com/img/global/funizone2/fdo_1x1_sep_mkt.gif") 0 50% repeat-x; } #ctt-home .home-mkt h3 .txt { display: inline-block; padding: 0px 10px; background: #FFFFFF; } #ctt-home .home-crr { position: relative; margin: 0px; padding: 0px; background: #394049; } #ctt-home .home-crr .owl-nav { position: absolute; width: 100%; z-index: 5; top: 0px; } #ctt-home .home-crr .owl-nav .owl-prev { position: absolute; left: 0px; top: 280px; } #ctt-home .home-crr .owl-nav .owl-next { position: absolute; right: 0px; top: 280px; } #ctt-home .home-crr .ico-slider-left { width: 25px; height: 45px; background-position: -227px -438px; background-color: transparent; } #ctt-home .home-crr .ico-slider-right { width: 25px; height: 45px; background-position: -270px -438px; background-color: transparent; } #ctt-home .home-crr .owl-dots { position: absolute; top: 570px; z-index:6; } #ctt-home .home-crr .owl-dots .owl-dot.active span, #ctt-home .home-crr .owl-dots .owl-dot.active span:hover { background: #FFFFFF; } #ctt-home .home-crr .owl-dots .owl-dot span { background: #8d929a; } #ctt-home .home-crr .item { z-index: 1; position: relative; width: 960px; height: 625px; } #ctt-home .home-crr .bnn { z-index: 1; position: absolute; top: 0px; left: 0px; } #ctt-home .home-crr .home-crr-ctt { z-index: 2; position: absolute; bottom: 200px; left: 50%; padding: 0px; width: 60%; transform: translate(-50%,0%); } #ctt-home .home-crr .home-crr-ctt h3 { margin: 0px; padding: 0px 0px 15px 0px; font-family: 'Montserrat', serif; font-size: 48px; line-height: 1.1; text-align: center; font-weight: normal; text-shadow: 0px 2px 1px rgba(25, 25, 25, 1); } #ctt-home .home-crr .home-crr-ctt p { text-align: center; font-family: 'Montserrat', serif; font-size: 24px; line-height: 1.2; text-shadow: 0px 2px 1px rgba(25, 25, 25, 1); } #ctt-home .home-crr .home-crr-ctt p .small { font-size: 18px; } #ctt-home .home-crr a { color: #FFFFFF; } #ctt-home .home-crr .home-crr-menu { position: absolute; bottom: 90px; left: 50%; width: 720px; transform: translate(-50%,0%); z-index: 5; } #ctt-home .home-crr .home-crr-menu ul { margin: 0px; padding: 0px; } #ctt-home .home-crr .home-crr-menu li { list-style-type: none; float: left; width: 25%; text-align: center; border-top: 1px solid #8c8f95; } #ctt-home .home-crr .home-crr-menu a { position: relative; display: block; margin: 5px 0px; padding: 10px 15px; font-family: 'Montserrat', serif; font-size: 14px; line-height: 1.2; color: #cbccce; font-weight: 700; text-transform: uppercase; border-right: 2px dotted #8c8f95; } #ctt-home .home-crr .home-crr-menu a .arrow { display: none; } #ctt-home .home-crr .home-crr-menu ul li:last-child a { border-right: none; } #ctt-home .home-crr .home-crr-menu a:hover { color: #FFFFFF; } #ctt-home .home-crr .home-crr-menu a.active { color: #e48701; } #ctt-home .home-crr .home-crr-menu a.active:hover { color: #e48701; } #ctt-home .home-crr .home-crr-menu a.active .arrow { position: absolute; top: -13px; left: 50%; display: block; width: 15px; height: 8px; line-height: 8px; background: transparent url("https://static1.funidelia.com/img/global/funizone2/sprite_icons2.png") -133px -411px no-repeat; transform: translate(-50%,0%); } /* ------------------------------------------------------ */ /* STYLES BOX LOGIN */ /* ------------------------------------------------------ */ .fdo-login { background: url("https://static1.funidelia.com/img/global/funizone2/fdo1.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .box-login { display: block; width: 450px; margin: 100px auto 0px auto; padding: 30px; background: #FFFFFF; box-shadow: 0 1px 3px 0 #bfbfbf; } .box-login .brand { margin: 0px; padding: 0px; } .box-login .brand a { display: block; margin: 0px auto 15px auto; width: 303px; height: 83px; text-indent: -10000px; background: transparent url("https://static1.funidelia.com/img/global/funizone2/funizone2.png") top left no-repeat; } .box-login .sep { padding: 15px 0px 0px 0px; border-top: 1px solid #e8e8e8; } .box-login .tit { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Montserrat', serif; color: #434343; font-size: 18px; font-weight: normal; } .box-login .form-control { font-size: 13px; } .box-login .btn { display: block; width: 100%; font-size: 18px; padding: 15px; } .box-login .box-alert-info strong { font-size: 12px; } .box-login .box-alert-info li p { font-size: 12px; } .box-login p { font-size: 14px; } .box-login label { font-family: 'Montserrat', serif; color: #434343; font-size: 15px; text-align: left; display: block; } .box-login-password { margin: 20px 0px; font-size: 15px; color: #FFFFFF; } .box-login-password a { color: #ffa32c; font-weight: 700; } /* ------------------------------------------------------ */ /* STYLES BOX */ /* ------------------------------------------------------ */ .box-noteLeft { padding: 10px 20px 250px 0px; border-right: 1px solid #e2e2e2; } .box-noteRight { padding: 10px 0px 250px 20px; border-left: 1px solid #e2e2e2; } .box-cms { display: table; vertical-align: middle; } .box-cms .cms-txt { display: table-cell; vertical-align: middle; } .box-cms .cms-img { display: table-cell; vertical-align: middle; } .box-cms .w50 { width: 50%; } .box-cms .w70 { width: 70%; } .box-ctt { position: relative; padding: 18px; background: #FFFFFF; } .box-ctt-more { margin-top: 20px; padding: 18px; background: #FFFFFF; } .box-ctt-tabs { margin-top: 20px; background: #FFFFFF; } .box-ctt-top { margin-top: 0px; } .box-ctt-tabs .padd { padding: 18px; } .template-cms .box-ctt { padding: 35px; } .box-des { margin-bottom: 20px; padding: 20px; background: #f8f8f8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-desForm { margin-bottom: 20px; padding: 20px; background: #f8f8f8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-neg { margin-bottom: 20px; padding: 20px; color: #FFFFFF; font-size: 14px; text-align: center; background: #394049; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-neg .btn { margin: 0px 10px; } .box-squema { position: relative; margin-top: 20px !important; padding: 20px; text-align: center; background: #FFFFFF; border: 1px solid #E2E2E2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-squema .squema-num { z-index: 2; position: absolute; top: 10px; left: 10px; font-family: 'Montserrat', serif; font-size: 40px; line-height: 1; color: #959595; } .box-process-correct { padding: 30px 10px; color: #3c763d; text-align: center; } .box-process-correct h2.tit { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Montserrat', serif; color: #3c763d; font-size: 18px; font-weight: 700; text-transform: normal; background: none; -webkit-box-shadow: none; box-shadow: none; } .box-process-correct h3.tit { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Montserrat', serif; color: #3c763d; font-size: 14px; font-weight: normal; text-transform: normal; background: none; -webkit-box-shadow: none; box-shadow: none; } .box-process-correct .txt { margin-top: 10px; display: block; } .box-process-error { padding: 30px 10px; color: #b05b42; text-align: center; } .box-process-error h2.tit { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Montserrat', serif; color: #b05b42; font-size: 18px; font-weight: 700; text-transform: normal; background: none; -webkit-box-shadow: none; box-shadow: none; } .box-process-error h3.tit { margin: 0px; padding: 0px 0px 10px 0px; font-family: 'Montserrat', serif; color: #b05b42; font-size: 14px; font-weight: normal; text-transform: normal; background: none; -webkit-box-shadow: none; box-shadow: none; } .box-process-error .txt { margin-top: 10px; display: block; } .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 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-error .ico-alert-error { vertical-align: top; } .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-alert-correct .ico-alert-correct { vertical-align: top; margin-right: 8px; } .box-urgent { background: #fef0f0 none repeat scroll 0 0; border: 1px solid #ee0000; border-radius: 4px; color: #ee0000; margin-bottom: 20px; padding: 15px; } .box-urgent ul { font-size: 12px; list-style-type: none; margin: 10px 30px; padding: 0; } .box-urgent li { margin-bottom: 10px; position: relative; } .box-urgent li p { padding-left: 30px; } .box-urgent li .txt { background-color: #cc9900; border-radius: 2px; color: #ffffff; font-weight: 700; margin-right: 5px; padding: 1px 6px; position: absolute; } .box-urgent ul.lst { list-style-type: circle; } .box-company-logo { position: absolute; top: 10px; right: 15px; } .box-company-info { margin-top: 30px; margin-bottom: 10px; font-size: 12px; border: 0px; border-color: #FFFFFF; } .box-company-info p { margin: 5px 0px; padding: 0px; } .box-promotion { margin-bottom: 10px; padding: 10px; font-family: 'Montserrat', serif; font-size: 18px; font-weight: normal; color: #FFFFFF; text-align: center; background: #ffcc33; } .box-promotion .dst { color: #000000; font-weight: 700; } .box-promotion .txt { font-size: 13px; text-transform: uppercase; color: #895e00; } .box-promotion-register { margin-bottom: 10px; padding: 10px; font-family: 'Montserrat', serif; font-size: 18px; font-weight: normal; color: #FFFFFF; text-align: center; background: #0076a3 url("https://static1.funidelia.com/img/global/funizone2/fdo_promotion_register.png") 0px 0px no-repeat; } .box-promotion-register .dst { color: #00355d; font-weight: 700; } .box-promotion-register .txt { font-size: 14px; color: #FFFFFF; } .box-promotion-register a.btn-link { margin-left: 10px; font-size: 14px; color: #434343; background: #FFFFFF; border-bottom: 2px solid #CDCDCD; } .box-promotion-register a.btn-link:hover { color: #FFFFFF; background: #57a5c2; border-bottom: 2px solid #1a7692; } .box-formgroup { padding-top: 20px !important; margin-bottom: 20px !important; border-top: 1px solid #e8e8e8; } .box-formgroup .box-formgroup-tit { float: left; width: 30%; } .box-formgroup .box-formgroup-ctd { float: right; width: 65%; } .box-formgroup .txt-dst { color: #595959; font-weight: 700; } .box-formgroup .txt-price { font-size: 16px; color: #cc9900; font-weight: 700; } .box-formgroup .btn { margin-left: 15px; } .box-moreinfo { position: relative; margin-top: 10px; padding: 15px; background: #FFFFFF; border: 1px solid #e8e8e8; } .box-moreinfo .form-actions { margin-top: 10px; text-align: right; } .box-info { position: relative; margin-bottom: 20px; padding: 15px; background: url("https://static1.funidelia.com/img/global/funizone2/fdo_form_bus.gif") bottom left repeat-x; border: 1px solid #e8e8e8; } .box-info-actions { margin-top: 20px; padding: 15px 0px 0px 0px; border-top: 1px solid #e8e8e8; text-align: right; } .box-info-actions a { margin-left: 10px; } .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-tblPro { } .box-tblPro a .tit { font-weight: normal; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #666666; } .box-tblPro a .reference { font-size: 13px; color: #999999; font-weight: 700; } .box-tblPro a .reference .txt { font-style: normal; font-weight: normal; } .box-tblPro a .size { font-size: 13px; color: #999999; font-weight: 700; } .box-tblPro a .size .txt { font-style: normal; font-weight: normal; } .box-tblPro-img { float: left; margin-right: 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 url("https://static1.funidelia.com/img/global/funizone2/active.png") top right no-repeat; } .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 .txt-credit { font-family: 'Montserrat', serif; font-size: 30px; font-weight: 700; line-height: 1; color: #FFFFFF; color: #0076a3; } .box-buy .radio.disabled label { color: #cec4c4; background-color: #fbeded; } .box-buy .radio.disabled label.active { background: #fbeded url("https://static1.funidelia.com/img/global/funizone2/active_error.png") top right no-repeat; } .box-buy .radio.disabled .txt-credit { color: #b05b42; } .box-buy .radio i { margin-top: 4px; margin-right: 5px; } .box-resumecart { background: #ffffe5; border-top: 1px solid #e8e8e8; } .box-resumecart .padd { padding: 20px; text-align: right; } .box-resumecart .btn { display: inline-block; zoom: 1; *display: block; } .box-credit { margin: 0px 0px 20px 0px; padding: 20px; border: 1px solid #e8e8e8; text-align: center; background: url("https://static1.funidelia.com/img/global/funizone2/fdo_form_credit.gif") bottom left repeat-x; } .box-credit .tit { margin: 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 19px; font-weight: normal; color: #434343; } .box-credit .price { font-weight: 700; color: #cc9900; font-size: 24px; } .box-ayuda { margin: 0px 0px 20px 0px; padding: 15px; background: #FFFFFF; border: 1px solid #dedede; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box-ayuda .tit { font-size: 17px; } .box-ayuda ul { margin: 0px; padding: 0px; } .box-ayuda li { list-style-type: none; } .box-ayuda li strong { color: #333333; } .box-ayuda li div { float: right; margin: 15px 0px 0px 0px; } .box-ayuda li.fecha { padding: 0px 0px 8px 0px; margin: 0px 0px 10px 0px; font-size: 11px; border-bottom: 1px solid #DEDEDE; } .box-ayuda li.txt { padding: 0px 0px 8px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #DEDEDE; } .box-ayuda-des { background: #EDEDED; } .box-sepMiddle { margin: 20px 0px; padding: 20px 0px; border-top: 1px solid #d6d7d8; border-bottom: 1px solid #d6d7d8; } .box-sepTop { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d6d7d8; } .box-sepBottom { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d6d7d8; } .box-seo-header { padding: 0px 0px 15px 0px; } .box-seo { } .box-seo h2 { margin: 15px 0px 8px 0px; padding: 15px 0px 0px 0px; font-family: 'Montserrat', serif; font-size: 19px; font-weight: normal; color: #434343; border-top: 1px solid #EDEDED; } .box-404 { display: block; width: 100%; height: 407px; background: #f7f7f7 url("https://static1.funidelia.com/img/global/funizone2/fdo_404_1x1.png") bottom left repeat-x; } .box-404 .box-404-ctd { display: block; height: 407px; padding: 100px 30px 0px 470px; background: transparent url("https://static1.funidelia.com/img/global/funizone2/fdo_404.png") bottom left no-repeat; } .box-404 .txt404-tit { font-family: 'Montserrat', serif; color: #394049; font-weight: 700; font-size: 80px; line-height: 1; } .box-404 .txt404-stit { display: inline-block; padding-top: 10px; font-family: 'Montserrat', serif; color: #394049; font-weight: 700; font-size: 18px; line-height: 1; text-transform: uppercase; border-top: 1px solid #d5d5d4; } .box-404 .txt404 { font-size: 14px; } /* ------------------------------------------------------ */ /* PAGINATION & FILTERS */ /* ------------------------------------------------------ */ #desktopfilters { position: relative; z-index: 2; margin: 0px 0px 15px 0px; padding: 0px; background: #FFFFFF; } #desktopfilters .scrollable-menu { width: 280px; height: auto; max-height: 350px; overflow-x: hidden; } #desktopfilters .lst-filters { font-weight: normal; font-size: 13px; color: #727272; margin: 0px; padding: 0px; list-style-type: none; font-weight: normal; } #desktopfilters .lst-filters li { position: relative; margin: 4px; background: #ffffff; border-bottom: 1px dotted #e6e6e6; } #desktopfilters .lst-filters li:last-child { border-bottom: none; } #desktopfilters .lst-filters li.open { } #desktopfilters .lst-filters label { margin-bottom: 0px; padding: 4px 4px 4px 10px; font-weight: normal; } #desktopfilters .lst-filters label .txt { display: inline-block; zoom: 1; *display: block; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } #desktopfilters .lst-filters li.active > label > .txt { font-weight: bold; color: #343434; } #desktopfilters .lst-filters label .num { display: inline-block; zoom: 1; *display: block; font-size: 11px; color: #959595; vertical-align: middle; } #desktopfilters .lst-filters input[type="radio"], #desktopfilters .lst-filters input[type="checkbox"] { vertical-align: top; margin-right: 2px; } #desktopfilters .lst-filters ul { max-height: auto; width: 100%; } #desktopfilters .lst-filters ul li { margin: 0px; font-size: 12px; background: url('https://static1.funidelia.com/img/global/funizone2/filter_tree.png') 15px 0px no-repeat; border-bottom: none; } #desktopfilters .lst-filters ul li label { padding-left: 30px; } #desktopfilters .lst-filters ul li:last-child { background: url('https://static1.funidelia.com/img/global/funizone2/filter_tree_end.png') 15px 0px no-repeat; } #desktopfilters .lst-filters ul li li { background: url('https://static1.funidelia.com/img/global/funizone2/filter_tree2.png') 15px 0px no-repeat; } #desktopfilters .lst-filters ul li li label { padding-left: 50px; } #desktopfilters .lst-filters ul li li:last-child { background: url('https://static1.funidelia.com/img/global/funizone2/filter_tree2_end.png') 15px 0px no-repeat; } #desktopfilters .lst-filters ul li.open:last-child li { background: url('https://static1.funidelia.com/img/global/funizone2/filter_tree3.png') 15px 0px no-repeat; } #desktopfilters .lst-filters ul li.open:last-child li:last-child { background: url('https://static1.funidelia.com/img/global/funizone2/filter_tree3_end.png') 15px 0px no-repeat; } #desktopfilters .btn-group { z-index: 1; width: 19.6%; } #desktopfilters .btn-group:nth-child(1), #desktopfilters .btn-group:nth-child(2), #desktopfilters .btn-group:nth-child(3), #desktopfilters .btn-group:nth-child(4), #desktopfilters .btn-group:nth-child(5) { z-index: 2; } #desktopfilters .btn-group .dropdown-toggle { z-index: 2; position: relative; width: 100%; margin: 4px 0px; padding: 10px 6px; font-size: 12px; color: #818181; font-weight: 700; text-transform: uppercase; text-align: left; background: #FFFFFF; border: 2px solid #CDCDCD; } #desktopfilters .btn-group .dropdown-toggle-esp { } #desktopfilters .btn-group .dropdown-toggle .name { display: inline-block; zoom: 1; *display: block; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } #desktopfilters .btn-group .dropdown-toggle .caret { float: right; margin-left: 5px; margin-top: 7px; } #desktopfilters .open .dropdown-toggle { color: #343434; box-shadow: none; border-bottom: 2px solid #FFFFFF; } #desktopfilters .open .dropdown-menu { z-index: 1; margin: -6px 0px 0px 0px; padding: 0px; min-width: 270px; box-shadow: none; border: 2px solid #CDCDCD; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #desktopfilters .btn-group .dropdown-date { overflow:hidden; padding: 15px; } #desktopfilters .act-filter { clear: both; display:block; margin-top: 2px; padding: 10px; text-align: center; border-top: 1px solid #EFEFEF; } #desktopfilters .act-filter .btn { display: block; } #desktopfilters .more-menus, #desktopfilters .less-menus { position: absolute; top: 0px; top: 7px; right: 5px; display: block; width: 16px; height: 16px; text-indent: -10000px; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #desktopfilters .more-menus:hover, #desktopfilters .less-menus:hover { cursor: pointer; } #desktopfilters .more-menus { background-position: -119px -245px; } #desktopfilters .lst-filters li.open .less-menus { background-position: -119px -266px; } #desktopfilters .lst-filters ul li .more-menus { background-position: -119px -245px; } #desktopfilters .lst-filters ul li label .txt { max-width: 160px; } #desktopfilters .lst-filters ul li li label .txt { max-width: 160px; } .box-tagsHor {clear: both; margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; color: #727272; border-bottom: 1px solid #E7E7E7; } .box-tagsHor .txt-ent { display: inline-block; zoom: 1; *display: block; vertical-align: middle; color: #434343; font-weight:bold; } .box-tagsHor .txt-num { display: inline-block; zoom: 1; *display: block; vertical-align: middle; color: #434343; font-weight:bold; } .box-tagsHor .tit-tags { display: inline-block; zoom: 1; *display: block; vertical-align: middle; color: #434343; font-weight:bold; } .box-tagsHor ul.tags-used { display: inline-block; zoom: 1; *display: block; margin: 0px; padding: 0px; vertical-align: middle; list-style-type: none; } .box-tagsHor .tags-used li { float: left; margin: 3px 2px; display: block; } .box-tagsHor .tags-used li a.tag-selected { display: block; padding: 0px 8px; font-size: 12px; font-weight: bold; color: #FFFFFF; vertical-align: middle; background: #acacac; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .box-tagsHor .tags-used li a.tag-selected .txt { display: inline-block; zoom: 1; *display: block; max-width: 175px; padding: 4px 0px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; vertical-align: middle; } .box-tagsHor .tags-used li a.tag-selected:hover { background: #646464; } .box-filtersHor { margin: 0px 0px 15px 0px; padding: 0px 0px 13px 0px; border-bottom: 1px solid #efefef; } .box-filtersHor .box-filters-utils { float: left; } .box-filtersHor .box-filters-utils ul { margin: 5px 0px 0px 0px; padding: 0px; list-style-type: none; font-size: 12px; color: #727272; } .box-filtersHor .box-filters-utils li { display: inline-block; zoom: 1; *display: block; margin: 0px 0px 0px 0px; vertical-align: middle; } .box-filtersHor .box-filters-utils li input[type="checkbox"] { margin: 0px 3px 0px 0px; vertical-align: middle; } .box-filtersHor .box-filters-utils a { color: #727272; } .box-filtersHor .box-filters-utils a:hover { color: #343434; } .box-filtersHor .box-filters-ord { float: right; } .box-filtersHor .box-filters-ord ul { margin: 0px; padding: 0px; list-style-type: none; } .box-filtersHor .box-filters-ord li { display: inline-block; zoom: 1; *display: block; vertical-align: middle; } .box-filtersHor .box-filters-ord .box-filters-form { margin-left: 10px; } .box-filtersHor .box-filters-ord .box-filters-form legend { display: none; } .box-filtersHor .box-filters-ord .box-filters-form label { display: inline-block; margin-right: 10px; } .box-filtersHor .box-filters-ord .box-filters-form .form-control { display: inline-block; zoom: 1; *display: block; width: auto; } .box-filtertbl { margin: 0px 0px 15px 0px; padding: 10px 15px; background: url("https://static1.funidelia.com/img/global/funizone2/fdo_form_bus.gif") bottom left repeat-x; border: 1px solid #e8e8e8; } .box-filtertbl legend { float: left; width: auto; margin: 0px 10px 0px 0px; padding: 8px 10px 8px 0px; font-family: "Montserrat",serif; font-size: 14px; font-weight: normal; vertical-align: middle; border: 0px; border-right: 1px solid #e8e8e8; } .box-filtertbl label { margin-top: 8px; } .box-filtertbl .form-group { margin-bottom: 0px; } .box-filtertbl .form-control { margin: 0px 8px 0px 4px; display: inline-block; zoom: 1; *display: block; width: auto; } .box-filtertbl .form-date-inline { margin: 0px 8px 0px 4px; display: inline-block; zoom: 1; *display: block; width: 150px; vertical-align: middle; } .box-filtertbl .form-date { margin: 0px !important; } .box-filtertbl .g1 { float: left; } .box-filtertbl .g2 { float: left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; border-left: 1px solid #e8e8e8; } .box-filtertbl .actions { float: right; } .box-pager { position: relative; text-align: center; } .box-pager.int { margin-top: 15px; border-top: 1px solid #efefef; } .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: 10px; } .box-pager.int .link-pager-next { top: 10px; } .box-pager .pager { clear: all; position: relative; margin: 10px 0px; } .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 */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* STRUCTURE: LATERAL + CONTENT */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* LIST PRODUCTS */ /* ------------------------------------------------------ */ .lst-products { position: relative; z-index: 1; margin: 15px 0px 0px 0px; padding: 0px; list-style-type: none; } .lst-products .lst-products-content { width: 100%; height: 100%; padding: 7px; } .lst-products .lst-products-box { width: 100%; height: 100%; background: #FFFFFF; border: 1px solid #ebebeb; } .lst-products-sizer { width: 25%; } .lst-products-item { position: relative; float: left; width: 25%; height: 450px; } .lst-products .lst-products-media { clear: both; position: relative; text-align: center; line-height: 1px; background: #FFFFFF; border-bottom: 1px solid #ebebeb; } .lst-products .lst-products-media .img { position: relative; z-index: 1; display: block; width: 212px; height: 272px; text-align: center; width: 100% !important; } .lst-products .lst-products-media .img a { display:inline-block; background: #FFFFFF; margin: 0px; padding: 0px; white-space: 0; } .lst-products .lst-products-media .img img { width: 100%; opacity: 1; position: absolute; top: 0px; left: 0px; } .lst-products .lst-products-media .img .hover-image { opacity: 0; width: 100%; position: absolute; top: 0px; left: 0px; } .lst-products .lst-products-media:hover .img img { opacity: 1; } .lst-products .lst-products-media:hover .img .hover-image { opacity: 1; } .lst-products .lst-products-media .chk { position: absolute; z-index: 2; top: 0px; left: 0px; padding: 10px; background: #ebebeb; } .lst-products .lst-products-media .selected { background: #ffffcc; } .lst-products .lst-products-media .chk input[type="checkbox"] { margin: 0px; } .lst-products .lst-products-media .chk:hover { background: #ffffcc; } .lst-products .lst-products-media .chk:hover input[type="checkbox"] { cursor: pointer; } .lst-products .lst-products-media .msg { position: absolute; z-index: 2; top: 5px; right: 5px; } .lst-products .lst-products-ctt { } .lst-products .lst-products-detail { } .lst-products .lst-products-detail .back { display: none; padding: 0px 0px 10px 0px; text-align: right; } .lst-products .lst-products-detail .back a { font-weight: normal; padding: 3px 6px; border: 0px; background: #acacac; } .grid-rows .lst-products-detail .back { display: none !important; } .lst-products .lst-products-detail .tit { text-align: center; margin: 8px 8px 0px 8px; padding: 0px 0px 8px 0px; line-height: 1.3; border-bottom: 1px solid #ebebeb; } .lst-products .lst-products-detail .tit h3 { margin: 0px; padding: 0px; font-size: 13px; line-height: 1.3; font-weight: normal; font-family: 'Montserrat', serif; color: #535353; } .lst-products .lst-products-detail .tit h3 a { display: block; height: 40px; color: #535353; } .lst-products .lst-products-detail .tit h3 a:hover { color: #343434; } .lst-products .lst-products-detail .id-company { margin: 8px 8px 0px 8px; padding: 0px 0px 8px 0px; text-align: center; font-size: 11px; font-family: 'Montserrat', serif; color: #959595; border-bottom: 1px solid #ebebeb; } .lst-products .lst-products-detail .id-company strong { color: #343434; text-transform: uppercase; } .lst-products .lst-products-detail .id-company a { max-width: 80px; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .grid-rows .lst-products .lst-products-detail .id-company a { max-width: auto; display: inline-block; vertical-align: middle; overflow: hidden; white-space: normal; text-overflow: none; } .lst-products .lst-products-detail .included { display: none; padding: 8px 0px 0px 0px; font-size: 12px; } .lst-products .lst-products-detail .included strong { } .lst-products .lst-products-selection { display: none; padding: 9px 15px 0px 15px; } .lst-products .lst-products-selection .tbl-selection-box { margin-bottom: 10px; height: auto; max-height: 195px; overflow-x: hidden; } .lst-products .lst-products-selection table.tbl-selection { margin-bottom: 8px; } .lst-products .lst-products-selection table.tbl-selection thead tr th { padding: 0px 0px 5px 0px; font-size: 11px; } .lst-products .lst-products-selection table.tbl-selection > tbody > tr > td { padding: 5px 0px; font-size: 12px; } .lst-products .lst-products-selection table.tbl-selection > tbody > tr > td.price { padding: 9px 0 0 0; } .lst-products .lst-products-selection table.tbl-selection > tbody > tr > td.price-taxes { padding: 0px; font-size: 12px; } .lst-products .lst-products-selection table.tbl-selection tbody td.time-send { font-size: 12px; } .lst-products .lst-products-selection table.tbl-selection tbody td.price { font-size: 13px; } .lst-products .lst-products-selection table.tbl-selection tbody td.ctd .form-control { font-size: 12px; height: 24px; } .lst-products .lst-products-selection .product-ations { } .lst-products .lst-products-selection .product-ations-others { padding-top: 8px; } .lst-products .lst-products-selection .product-ations-others a { font-size: 12px; } .lst-products .lst-products-selection .btn-buy { padding: 6px 8px; width: auto; font-size: 13px; } .lst-products .lst-products-selection .btn-buy .ico-cart { margin-right: 5px; width: 20px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -1px -163px; } .lst-products .lst-products-price { position: relative; margin: 10px; } .lst-products .lst-products-price .c1 { float: left; width: 50%; } .lst-products .lst-products-price .c1 .txt { display: block; line-height: 1.3; color: #727272; font-size: 11px; text-transform: uppercase; } .lst-products .lst-products-price .c1 .price { display: inline-block; line-height: 1.3; color: #535353; font-size: 16px; font-weight: 700; } .lst-products .lst-products-price .c1 .price-taxes { font-size: 10px; font-weight: 700; color: #535353; } .lst-products .lst-products-price .c1 .send-available, .lst-products .lst-products-price .c1 .send-spent { display: block; line-height: 1.3; font-size: 10px; text-transform: uppercase; } .lst-products .lst-products-price .c1 .send-available { color: #669900; } .lst-products .lst-products-price .c1 .send-spent { color: #cc0000; } .lst-products .lst-products-price .c2 { float: right; width: 50%; } .lst-products .lst-products-price .c2 a { } .lst-products .lst-products-price .c2 a:hover { } .lst-products .lst-products-price .txt-available { clear:both; padding-top: 6px; } .lst-products .lst-products-price .send-available, .lst-products .lst-products-price .send-spent { display: block; line-height: 1.3; font-size: 10px; text-transform: uppercase; } .lst-products .lst-products-price .send-available { color: #669900; } .lst-products .lst-products-price .send-spent { color: #cc0000; } .lst-products-item.is-expanded { width: 75%; /*height: 550px;*/ z-index: 2; } .lst-products-item.is-expanded .lst-products-box { background: #FFFFFF url("https://static1.funidelia.com/img/global/funizone2/fdo_productlist_box.jpg") bottom left repeat-x; } .lst-products-item.is-expanded .lst-products-ctt { float: right; width: 463px; height: 100%; background: #FFFFFF url("https://static1.funidelia.com/img/global/funizone2/fdo_productlist_ctt_box2.png") bottom left repeat-x; border-left: 1px solid #ebebeb; } .lst-products .is-expanded .lst-products-box { border: 2px solid #f89820; } .lst-products .is-expanded .lst-products-media { float: left; width: 212px; border-bottom: 0px; } .lst-products .is-expanded .lst-products-detail { padding: 15px; background: #f8f8f8; border-bottom: 1px solid #ebebeb; } .lst-products .is-expanded .lst-products-detail .back { display: block; text-align: right; } .lst-products .is-expanded .lst-products-detail .tit { height: auto; margin: 0px; padding: 0px 0px 5px 0px; text-align: left; border-bottom: 0px; } .lst-products .is-expanded .lst-products-detail .tit h3 a { height: auto; } .lst-products .is-expanded .lst-products-detail .id-company { margin: 0px; text-align: left; } .lst-products .is-expanded .lst-products-detail .included { display: block; } .lst-products .is-expanded .lst-products-selection { display: block; } .lst-products .is-expanded .lst-products-price { display: none; } .grid-rows { } .grid-rows .lst-products-box { border-bottom: 2px solid #CDCDCD; } .grid-rows .lst-products-item { position: relative !important; top: 0% !important; left: 0% !important; float: none; width: 100%; height: auto; min-height: 295px; } .grid-rows .lst-products-item .lst-products-content { width: 100% !important; height: auto !important; min-height: 100% !important; } .grid-rows .lst-products-media { float: left; width: 212px; border-bottom: 0px; } .grid-rows .lst-products-ctt { float: right; padding-bottom: 15px; width: 693px !important; height: 100%; background: transparent; border-left: 1px solid #ebebeb; } .grid-rows .lst-products-detail { padding: 15px; background: #f8f8f8; border-bottom: 1px solid #ebebeb; } .grid-rows .lst-products-detail .tit { height: auto; margin: 0px; padding: 0px 0px 5px 0px; text-align: left; border-bottom: 0px; } .grid-rows .lst-products-detail .tit h3 a { height: auto; } .grid-rows .lst-products-detail .id-company { margin: 0px; text-align: left; } .grid-rows .lst-products-detail .included { display: block; } .grid-rows .lst-products-selection { display: block; } .grid-rows .lst-products-price { display: none; } .grid-rows .lst-products-box:hover { background: #FFFFFF url("https://static1.funidelia.com/img/global/funizone2/fdo_productlist_ctt_box.jpg") bottom left repeat-x; border: 1px solid #ffcc33; border-bottom: 2px solid #ffcc33; } .grid-rows .lst-products-box:hover .lst-products-detail { background: #ffffcc; } .grid-rows .lst-products .lst-products-selection .tbl-selection-box { margin-bottom: 10px; height: auto; max-height: none !important; overflow-x: hidden; } .grid-rows .lst-products-item.is-expanded .lst-products-box { background: none !important; } .grid-rows .lst-products-item.is-expanded .lst-products-ctt { width: 693px !important; height: 100% !important; background: none !important; } .grid-rows .lst-products .is-expanded .lst-products-box { border: 1px solid #ebebeb; border-bottom: 2px solid #CDCDCD; } .grid-rows .lst-products .is-expanded .lst-products-box:hover { background: #FFFFFF url("https://static1.funidelia.com/img/global/funizone2/fdo_productlist_ctt_box.jpg") bottom left repeat-x !important; border: 1px solid #ffcc33; border-bottom: 2px solid #ffcc33; } .grid-rows .lst-products .is-expanded .lst-products-box:hover .lst-products-detail { background: #ffffcc; } .lst-companies { position: relative; z-index: 1; padding-top: 10px; border-top: 1px solid #ebebeb; } .lst-companies .lst-companies-item { float: left; width: 25%; padding: 0px 0px 15px 0px; } .lst-companies .lst-companies-item:nth-child(4n+1) { clear: both; } #formFiltersMenu-special { display: none; } /* ------------------------------------------------------ */ /* HOME */ /* ------------------------------------------------------ */ .home-promotion { margin: 0px 0px 15px 0px; } .home-crr { margin-bottom: 15px; } .home-banners { margin-bottom: 20px; } .home-banners .home-banners-item { float: left; width: 228px; margin-left: 16px; text-align: center; } .home-banners .home-banners-item:first-child { margin-left: 0px; } .home-banners .home-banners-item:last-child { float: right; margin-left: 0px; } .home-banners-item img { width: 100%; } .home-crr img { width: 100%; } .home-banners .bnn { margin-bottom: 10px; } .home-banners .tit { margin: 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 14px; font-weight: normal; color: #343434; } .home-banners .tit a { color: #343434; } .home-banners .tit a:hover { color: #000000; } .home-banners4 { margin-bottom: 20px; } .home-banners4 .home-banners-item { float: left; width: 210px; margin-left: 16px; text-align: center; } .home-banners4 .home-banners-item:first-child { margin-left: 0px; } .home-banners4 .home-banners-item:last-child { float: right; margin-left: 0px; } .home-banners4 .bnn { margin-bottom: 10px; } .home-banners4 .tit { margin: 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 14px; font-weight: normal; color: #343434; } .home-banners4 .tit a { color: #343434; } .home-banners4 .tit a:hover { color: #000000; } .home-banners3 { margin-bottom: 20px; } .home-banners3 .home-banners-item { float: left; width: 298px; margin-left: 15px; text-align: center; } .home-banners3 .home-banners-item:first-child { margin-left: 0px; } .home-banners3 .home-banners-item:last-child { float: right; margin-left: 0px; } .home-banners3 .bnn { margin-bottom: 10px; } .home-banners3 .tit { margin: 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 14px; font-weight: normal; color: #343434; } .home-banners3 .tit a { color: #343434; } .home-banners3 .tit a:hover { color: #000000; } .home-banners2 { margin-bottom: 20px; } .home-banners2 .home-banners-item { float: left; width: 452px; margin-left: 15px; text-align: center; } .home-banners2 .home-banners-item:first-child { margin-left: 0px; } .home-banners2 .home-banners-item:last-child { float: right; margin-left: 0px; } .home-banners2 .bnn { margin-bottom: 10px; } .home-banners2 .tit { margin: 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 14px; font-weight: normal; color: #343434; } .home-banners2 .tit a { color: #343434; } .home-banners2 .tit a:hover { color: #000000; } .home-company { margin-top: 30px; margin-bottom: 15px; } .home-company .tit-center { font-size: 12px; color: #898989; } .home-company .tit-center .txt { background: #F5F5F5; } .prebanner { text-transform: uppercase; font-weight: 700; padding: 15px 0px; text-align: center; font-family: 'Montserrat', serif; color: #FFFFFF; font-size: 18px; line-height: 1; text-shadow: 0px 2px 1px rgba(25, 25, 25, 0.5);background:#e48701; background: #e48701; background: -webkit-linear-gradient(to right, #eea849, #e48701); background: linear-gradient(to right, #eea849, #e48701); } .prebanner p { display:inline-block; margin: 0px; padding: 0px; } .prebanner span { background: #394049; display: inline-block; padding: 7px 10px; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* ------------------------------------------------------ */ /* PRODUCT DETAIL */ /* ------------------------------------------------------ */ #product-detail { background: url("https://static1.funidelia.com/img/global/funizone2/fdo_1x1_sep.gif") 400px 0px repeat-y; } .product-ctt { float: right; width: 500px; } .product-name { margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px solid #e7e7e7; } .product-name h1 { margin: 0px 0px 10px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 19px; font-weight: normal; color: #434343; } .product-name .id-company { font-size: 13px; color: #727272; } .product-name .msg-urgency { display: block; padding-top: 10px; color: #669900; } .product-name .msg-urgency img { vertical-align: middle; } .product-name .msg-urgency .txt-dst { font-family: 'Montserrat', serif; font-size: 14px; font-weight: normal; text-transform: uppercase; } .prd-included { padding: 0px 0px 15px 0px; } .prd-included .prd-included-cct { display: block; padding-bottom: 10px; color: #727272; } .prd-included .prd-included-link { } .prd-included .prd-included-link ul { margin: 0px; padding: 0px; list-style-type: none; } .prd-included .prd-included-link li { display: inline-block; zoom: 1; *display: block; margin-right: 5px; } .prd-included .prd-included-link a { display: block; padding: 5px 15px; font-size: 11px; color: #434343; text-transform: uppercase; background: #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .prd-included .prd-included-link a:hover { color: #FFFFFF; background: #0098db; } .prd-included .prd-included-link a .ico-arrow { margin-left: 5px; width: 5px; height: 9px; line-height: 9px; background-position: -44px -66px; } .prd-included .prd-included-link a:hover .ico-arrow { background-position: -15px -66px; } .prd-offers { padding: 15px; background: url("https://static1.funidelia.com/img/global/funizone2/fdo_pack.png") bottom left repeat-x; border: 1px solid #e7e7e7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .prd-offers .prd-offers-ctt { padding-bottom: 5px; font-family: 'Montserrat', serif; color: #727272; } .prd-offers .prd-offers-ctt .dst { font-size: 15px; color: #cc0000; font-weight: 700; } .prd-offers .prd-offers-ctt .price { font-size: 15px; color: #343434; font-weight: 700; } .prd-offers .prd-offers-ctt .dto { font-size: 15px; color: #cc0000; } .prd-offers .prd-offers-msg { font-size: 15px; } .prd-offers .prd-offers-msg .pack { display: inline-block; zoom: 1; *display: block; margin-right: 5px; padding: 5px 10px; color: #FFFFFF; font-size: 14px; font-weight: 700; background: #cc0000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .prd-offers .prd-offers-msg .dst { color: #343434; font-weight: 700; } .prd-offers .prd-offers-msg .price { font-size: 15px; color: #cc0000; font-weight: 700; } .prd-offers .prd-offers-msg a.link { font-size: 15px; color: #cc0000; text-decoration: underline; } .prd-offers .prd-offers-msg a.link:hover { color: #a20000; } .prd-offers-legend { display: block; padding: 10px 0px 15px 0px; text-align: center; } .product-accessories { position: relative; z-index: 1; margin-bottom: 15px; border: 1px solid #e7e7e7; } .product-accessories .ico-arrow { z-index: 2; position: absolute; top: -12px; left: 45%; width: 21px; height: 12px; line-height: 12px; vertical-align: middle; background-position: -141px -436px; } .product-accessories-more { display: block; padding: 15px; font-size: 13px; color: #434343; font-weight: 700; text-align: center; text-transform: uppercase; background: #fafafa; } .product-accessories-more:hover { color: #343434; background: #e2e2e2; } .product-actions { } .product-ations-buy { float: right; } .product-ations-others { float: left; padding-top: 15px; } .product-ations-others a { font-family: 'Montserrat', serif; font-size: 13px; } .product-ations-others a:before { content: "+ "; } .product-media { float: left; width: 380px; } .product-media .product-media-box { z-index: 1; position: relative; display: block; width: 369px; height: 498px; } .product-media .product-media-box .zoom { display: none; z-index: 2; position: absolute; top: 0px; right: 0px; } .product-media .product-media-box:hover { cursor: pointer; } .product-media .product-media-box:hover .zoom { display: block; } .product-media #img-zoom { z-index: 1; position: relative; display: block; width: 369px; height: 498px; } .product-media .image-gallery { clear: both; margin: 15px 0px 0px 0px; padding: 15px 0px 15px 0px; text-align: center; border-top: 1px solid #e7e7e7; } .product-media .image-gallery .thumb-list { display: inline-block; zoom: 1; *display: block; margin: 0px; padding: 0px; list-style-type: none; } .product-media .image-gallery .thumb-list .thumb { position: relative; z-index: 1; float: left; margin: 0px 10px 10px 0px; } .product-media .image-gallery .thumb-list .thumb a { } .product-media .image-gallery .thumb-list .ico-arrow { display: none; z-index: 2; position: absolute; top: -6px; left: 45%; width: 8px; height: 7px; line-height: 7px; vertical-align: middle; background-position: -119px -67px; } .product-media .image-gallery .thumb-list a img { border: 2px solid #FFFFFF; } .product-media .image-gallery .thumb-list a.active img { border: 2px solid #0099cc; } .product-media .image-gallery .thumb-list a.active .ico-arrow { display: block; } .product-media .image-gallery #thumb-video { position: relative; z-index: 1; float: left; margin: 0px 10px 10px 0px; } .product-media .image-gallery #thumb-video .ico-play { z-index: 2; position: absolute; top: 0px; left: 0px; } .product-sizes-img { float: right; width: 170px; text-align: right; } .product-sizes-ctt { float: left; width: 750px; } .product-more { display: table; width: 100%; margin: 0px; padding: 0px; border: 0px; } .product-more li { display: table-cell; float: none; width: 50%; margin: 0px; padding: 0px; background: #dedede; border: 0px; } .product-more li.active { background: #dedede; border: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .product-more li a { display: block; margin: 0px; padding: 20px; font-family: 'Montserrat', serif; font-weight: 700; text-transform: uppercase; color: #909090; font-size: 14px; text-align: center; border: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .product-more li a:hover { color: #888888; background: #dedede; } .product-more li.active a { color: #434343; } .prod-notes ul li { list-style:disc inside none !important; } /* ------------------------------------------------------ */ /* COLUMN LIST PRODUCTS */ /* ------------------------------------------------------ */ /* Product list: Similar products */ .lst-products-similar { text-align: center; } .lst-products-similar .lst-products-media { position: relative; } .lst-products-similar .lst-products-media .img { position: relative; z-index: 1; } .lst-products-similar .lst-products-media .txt-msg-offer { display: none; } .lst-products-similar .lst-products-media .txt-msg-offer .txt { } .lst-products-similar .lst-products-media .txt-price-taxes { position: absolute; z-index: 2; top: 0px; right: 0px; display: block; padding: 8px 5px; font-family: 'Montserrat', serif; font-weight: 700; text-transform: uppercase; color: #FFFFFF; font-size: 11px; background: #f09300; } .lst-products-similar .lst-products-media .txt-new { position: absolute; z-index: 2; top: 0px; left: 0px; display: block; } .lst-products-similar .lst-products-media .txt-msg-official { position: absolute; z-index: 2; top: 0px; left: 0px; display: block; } .lst-products-similar .lst-products-media .txt-msg-official .txt { display: none; } .lst-products-similar .lst-products-detail { margin-top: 10px; } .lst-products-similar .lst-products-detail .tit { margin-bottom: 5px; } .lst-products-similar .lst-products-detail .tit h3 { margin: 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 13px; font-weight: 700; color: #666666; } .lst-products-similar .lst-products-detail .tit h3 a { color: #666666; } .lst-products-similar .lst-products-detail .tit h3 a:hover { color: #343434; } .lst-products-similar .lst-products-detail .other { } .lst-products-similar .lst-products-detail .other .txt-price { font-weight: 700; font-size: 18px; } .lst-products-similar .lst-products-detail .other .txt-price-previous { font-weight: normal; color: #727272; font-size: 11px; text-decoration: line-through; } .lst-products-similar .lst-products-detail .other .txt-price-previous .txt { display: none; } .lst-products-similar .lst-products-detail .other .txt-available { color: #669900; } .lst-products-similar .lst-products-detail .other .txt-notavailable { color: #990000; } /* ------------------------------------------------------ */ /* CAROUSEL */ /* ------------------------------------------------------ */ /* Home Carousel */ .home-crr .owl-carousel .owl-stage-outer { width: 100%; height: 100%; } .home-crr .owl-nav { top: 155px; position: absolute; width: 100%; } .home-crr .owl-nav .owl-prev { position: absolute; /*margin-top: 18%;*/ left: 10px; } .home-crr .owl-nav .owl-next { position: absolute; /*margin-top: 18%;*/ right: 10px; } .home-crr .ico-slider-left { width: 33px; height: 33px; line-height: 33px; background-position: -233px -59px; background-color: #FFFFFF; opacity: 0.75; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .home-crr .ico-slider-right { width: 33px; height: 33px; line-height: 33px; background-position: -235px -94px; background-color: #FFFFFF; opacity: 0.75; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .home-crr .ico-slider-left:hover { width: 33px; height: 33px; line-height: 33px; background-position: -233px -59px; background-color: #FFFFFF; opacity: 1; } .home-crr .ico-slider-right:hover { width: 33px; height: 33px; line-height: 33px; background-position: -235px -94px; background-color: #FFFFFF; opacity: 1; } .home-crr .owl-dots { top: 332px; left: 45%; position: absolute; text-align: center; } .home-crr .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .home-crr .owl-dots .owl-dot span { display: block; width: 16px; height: 16px; margin: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #FFFFFF; } .home-crr .owl-dots .owl-dot.active span , .home-crr .owl-dots.clickable .owl-dot:hover span { background: #f89820; } /* Product detail: logos */ .logos-crr .owl-carousel .owl-stage-outer { width: 100%; height: 100%; } .logos-crr .owl-nav { top: 0px; position: absolute; width: 100%; } .logos-crr .owl-nav .owl-prev { position: absolute; margin-top: 15px; left: 0px; } .logos-crr .owl-nav .owl-next { position: absolute; margin-top: 15px; right: 0px; } .logos-crr .ico-slider-left { width: 15px; height: 15px; line-height: 15px; background-position: -242px -68px; } .logos-crr .ico-slider-right { width: 15px; height: 15px; line-height: 15px; background-position: -242px -103px; } .logos-crr .ico-slider-left:hover { width: 15px; height: 15px; line-height: 15px; background-position: -271px -68px; } .logos-crr .ico-slider-right:hover { width: 15px; height: 15px; line-height: 15px; background-position: -271px -103px; } .logos-crr .item { text-align: center; } .logos-crr img { width: 90%; height: auto; } /* Logos Carousel (CMS) */ .logoscms-crr .owl-carousel .owl-stage-outer { width: 100%; height: 100%; } .logoscms-crr .owl-nav { top: 0px; position: absolute; width: 100%; } .logoscms-crr .owl-nav .owl-prev { position: absolute; margin-top: 15px; left: 0px; } .logoscms-crr .owl-nav .owl-next { position: absolute; margin-top: 15px; right: 0px; } .logoscms-crr .ico-slider-left { width: 15px; height: 15px; line-height: 15px; background-position: -242px -68px; } .logoscms-crr .ico-slider-right { width: 15px; height: 15px; line-height: 15px; background-position: -242px -103px; } .logoscms-crr .ico-slider-left:hover { width: 15px; height: 15px; line-height: 15px; background-position: -271px -68px; } .logoscms-crr .ico-slider-right:hover { width: 15px; height: 15px; line-height: 15px; background-position: -271px -103px; } .logoscms-crr .item { text-align: center; } .logoscms-crr img { width: 90%; height: auto; } /* Licences Carousel */ .licence-crr { width: 500px; } .licence-crr .owl-carousel .owl-stage-outer { width: 100%; height: 100%; } .licence-crr .owl-nav { top: 0px; position: absolute; width: 100%; } .licence-crr .owl-nav .owl-prev { position: absolute; margin-top: 15px; left: 0px; } .licence-crr .owl-nav .owl-next { position: absolute; margin-top: 15px; right: 0px; } .licence-crr .ico-slider-left { width: 15px; height: 15px; line-height: 15px; background-position: -242px -68px; } .licence-crr .ico-slider-right { width: 15px; height: 15px; line-height: 15px; background-position: -242px -103px; } .licence-crr .ico-slider-left:hover { width: 15px; height: 15px; line-height: 15px; background-position: -271px -68px; } .licence-crr .ico-slider-right:hover { width: 15px; height: 15px; line-height: 15px; background-position: -271px -103px; } .licence-crr .item { text-align: center; } .licence-crr img { width: 90%; height: auto; } /* Product detail: Similar products */ .list-crr .owl-carousel .owl-stage-outer { width: 100%; height: 100%; } .list-crr .owl-nav { top: 0px; position: absolute; width: 100%; } .list-crr .owl-nav .owl-prev { position: absolute; margin-top: 15%; left: 0px; } .list-crr .owl-nav .owl-next { position: absolute; margin-top: 15%; right: 0px; } /* ------------------------------------------------------ */ /* SHOPPING */ /* ------------------------------------------------------ */ .tbl-cart { margin-bottom: 20px; width: 100%; border-collapse: collapse; } .tbl-cart caption { display: none; width: 100%; padding: 15px; font-family: 'Montserrat', serif; font-size: 16px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; background: #666666; } .tbl-cart thead tr th { padding: 18px 10px; font-family: 'Montserrat', serif; font-size: 13px; font-weight: normal; color: #535353; text-align: center; white-space: nowrap; background: #e8e8e8; border: 0px; } .tbl-cart thead tr th.thCart-img { text-align: left; } .tbl-cart thead tr th.thCart-product { text-align: left; } .tbl-cart thead tr th.thCart-stock { text-align: center; } .tbl-cart thead tr th.thCart-priceud { text-align: center; } .tbl-cart thead tr th.thCart-ctd { text-align: center; } .tbl-cart thead tr th.thCart-price { text-align: center; } .tbl-cart tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } .tbl-cart tbody tr td { padding: 18px 10px; line-height: 1.5; border: 0px; border-bottom: 1px solid #e8e8e8; vertical-align: top; font-size: 13px; } .tbl-cart tbody tr td.tdCart-product { } .tbl-cart tbody tr td.tdCart-product a { } .tbl-cart tbody tr td.tdCart-product a:hover { } .tbl-cart tbody tr td.tdCart-product a .tit { font-weight: normal; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #666666; } .tbl-cart tbody tr td.tdCart-product a .reference { font-size: 13px; color: #999999; font-weight: 700; } .tbl-cart tbody tr td.tdCart-product a .reference .txt { font-style: normal; font-weight: normal; } .tbl-cart tbody tr td.tdCart-product a .size { font-size: 13px; color: #999999; font-weight: 700; } .tbl-cart tbody tr td.tdCart-product a .size .txt { font-style: normal; font-weight: normal; } .tbl-cart tbody tr td.tdCart-stock { text-align: center; text-transform: uppercase; } .tbl-cart tbody tr td.tdCart-stock .product-enabled { color: #669900; } .tbl-cart tbody tr td.tdCart-stock .product-disabled { color: #990000; } .tbl-cart tbody tr td.tdCart-priceud { font-size: 16px; color: #535353; text-align: right; } .tbl-cart tbody tr td.tdCart-price { padding: 18px 20px; font-size: 16px; color: #535353; font-weight: bold; text-align: right; } .tbl-cart tbody tr td.tdCart-ctd { text-align: center; white-space: nowrap; } .tbl-cart tbody tr td.tdCart-ctd .form-control { display: inline-block; zoom:1; *display: block; width: 60%; padding: 4px 12px; font-size: 14px; text-align: right; } .tbl-cart tbody tr td.tdCart-ctd .link-del { margin-left: 8px; } .tbl-cart tfoot tr { font-size: 14px; font-weight: normal; color: #3d3d3d; font-weight: 700; text-align: center; white-space: nowrap; background: #e8e8e8; border: 0px; } .tbl-cart tfoot tr td { padding: 18px 10px; line-height: 1.5; vertical-align: middle; } .tbl-cart tfoot tr td.tfootCart-legend { text-align: right; font-family: 'Montserrat', serif; } .tbl-cart tfoot tr td.tfootCart-price { padding: 18px 20px; font-size: 16px; text-align: right; } .tbl-cart-normal thead tr th { background: #a81681; color: #FFFFFF; } .tbl-cart-normal tfoot tr { background: #a81681; color: #FFFFFF; } .tbl-cart-open thead tr th { background: #0076a3; color: #FFFFFF; } .tbl-cart-open tfoot tr { background: #0076a3; color: #FFFFFF; } .tbl-cart-resume { margin-bottom: 0px; } .tbl-cart-total { float: right; margin-bottom: 20px; width: 430px; border-collapse: collapse; } .tbl-cart-total tbody tr { width: 100%; border-top: 2px dotted #959595; } .tbl-cart-total tbody tr:first-child { border-top: 0px; } .tbl-cart-total tbody tr td { padding: 12px 0px; line-height: 1.3; border: 0px; color: #3d3d3d; font-size: 14px; } .tbl-cart-total tbody td.concept { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #727272; font-weight: 700; } .tbl-cart-total tbody td.price { font-size: 16px; text-align: right; white-space: nowrap; ont-family: 'Montserrat', sans-serif; font-weight: 700; } .tbl-cart-total tbody td.concept-total { border-top: 1px solid #959595; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; } .tbl-cart-total tbody td.price-total { border-top: 1px solid #959595; font-family: 'Montserrat', sans-serif; color: #535353; font-size: 20px; text-align: right; font-weight: 700; white-space: nowrap; } .tbl-cart-total .txt-inline { display: inline-block; } #box-destiny li.radio { position: relative; float: left; width: 48%; margin-top: 0px; margin-right: 1%; margin-bottom: 15px; } #box-destiny li.radio:nth-child(2n+1) { clear: both; } #box-destiny li.radio .gclient { display: none; } #box-destiny li.dropshipping .gclient { display: block; position: absolute; top: 8px; right: 8px; font-size: 14px; } #box-destiny .pagination { width: 100%; margin: 5px auto 10px auto; text-align: center; border-top: 1px solid #f0f0f0; } #box-destiny .pagination li { display: inline-block; } #box-destiny .pagination li > a, #box-destiny .pagination li > span { font-size: 16px; border: none; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #box-destiny .pagination li > a { color: #0070a0; } #box-destiny .pagination li > a:hover { color: #0098db; background: none; } #box-destiny .pagination li.active > a { color: #343434; font-weight: 700; } #box-destiny .pagination li.active > a:hover { color: #000000; } #box-destiny .box-search-address { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; } #box-destiny .box-search-address label { display: inline-block; margin-right: 15px; } #box-destiny .box-search-address input { display: inline-block; width: 120px; } #box-destiny li.dropshipping { background:#fcf8e3 ;padding: 10px;border: 1px solid #faebcc; color: #8a6d3b; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .box-destiny-ctd1 { padding: 0px; } .box-destiny-ctd2 { padding: 20px; border: 1px solid #EDEDED; } .note-error { display: block; padding: 8px; text-align: center; margin-top: 7px; color: #cc0000; } .more-address { padding-top: 10px; border-top: 2px dotted #dcdcdc; } .txt-alert-transport { margin-top: 5px; font-weight: normal; color: #ff3840; } ul.box-destiny-tabs { margin: 0px; padding: 0px; list-style-type: none; } ul.box-destiny-tabs li { display: inline-block; } ul.box-destiny-tabs li a { display: block; padding: 8px 15px; font-size: 14px; color: #888888; background: #FFFFFF; } ul.box-destiny-tabs li a:hover { color: #666666; } ul.box-destiny-tabs li a.active { color: #434343; background: #EDEDED; } ul.box-destiny-tabs li a.active:hover { color: #434343; } /* ------------------------------------------------------ */ /* STYLE TABLE SIZES PRODUCTS */ /* ------------------------------------------------------ */ table.tbl { margin-bottom: 20px; width: 100%; border-collapse: collapse; } table.tbl caption { display: none; width: 100%; padding: 15px; font-family: 'Montserrat', serif; font-size: 16px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; background: #666666; } table.tbl thead tr th { padding: 18px 10px; font-family: 'Montserrat', serif; font-size: 13px; font-weight: normal; color: #535353; text-align: center; white-space: nowrap; background: #e8e8e8; border: 0px; } table.tbl thead tr th.text-left { text-align: left; } table.tbl thead tr th.text-center { text-align: center; } table.tbl thead tr th.text-right { text-align: right; } table.tbl thead tr th.text-nowrap { white-space: nowrap; } table.tbl tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl tbody tr td { padding: 18px 10px; line-height: 1.5; border: 0px; border-bottom: 1px solid #e8e8e8; vertical-align: top; font-size: 13px; } table.tbl tbody tr td a.link { font-weight: 700; } table.tbl tbody tr td.actions a { margin-bottom: 5px; display: inline-block; zoom: 1; *display: block; } table.tbl tbody tr td.price { font-size: 16px; color: #535353; text-align: center; } 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: 'Montserrat', 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-selection { margin-bottom: 15px; width: 100%; border-collapse: collapse; border: 0px; } table.tbl-selection thead tr th { padding: 5px 0px 8px 0px; font-size: 12px; font-weight: 700; color: #666666; text-align: left; text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid #e7e7e7; } table.tbl-selection thead tr th.th-normal { } table.tbl-selection tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl-selection > tbody > tr > td { padding: 10px 0px; color: #727272; line-height: 1.3; border: 0px; vertical-align: middle; } table.tbl-selection tbody td.ctd { text-align: left; } table.tbl-selection tbody td.ctd .form-control { width: 60px; height: 30px; font-size: 14px; text-align: right; } table.tbl-selection tbody td.size { text-align: left; } table.tbl-selection tbody td.price { text-align: left; font-size: 14px; font-weight: 700; color: #343434; padding: 16px 0px 0px 0px; white-space: nowrap; } table.tbl-selection tbody td.price .price-previous { font-weight: normal; color: #727272; font-size: 11px; text-decoration: line-through; } table.tbl-selection tbody td.price-taxes { color: #343434; } table.tbl-selection tbody td.time-send { text-align: left; } table.tbl-selection tbody td.time-send .send-available { text-align: left; color: #669900; } table.tbl-selection tbody td.time-send .send-spent { text-align: left; color: #cc0000; } table.tbl-selection tbody td.time-send a { } table.tbl-selection tbody td.other-sizes { padding: 10px 0px; text-align: right; border-bottom: 1px solid #ffffff; } table.tbl-selection tbody td.other-sizes a { display: inline-block; zoom: 1; *display: block; padding: 5px 15px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; background: #394049; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } table.tbl-selection tbody td.other-sizes a:hover { background: #0098db; } table.tbl-selection tbody td.other-sizes a .ico-arrow { margin-left: 5px; width: 5px; height: 9px; line-height: 9px; background-position: -15px -66px; } table.tbl-selection tbody td.other-sizes a .txt { color: #ffcc00; } table.tbl-selection tbody td.other-sizes a:hover .txt { color: #ffffffff; } table.tbl-accessories { margin: 0px; width: 100%; border-collapse: collapse; border: 0px; } table.tbl-accessories caption { padding: 17px 15px 10px 15px; text-align: center; font-size: 13px; font-family: 'Montserrat', serif; font-weight: normal; color: #3d3d3d; text-transform: uppercase; } table.tbl-accessories caption .link-closebox { float: right; } table.tbl-accessories thead { display: none; } table.tbl-accessories tbody tr { clear:both; width: 100%; border-bottom: 1px solid #e8e8e8; } table.tbl-accessories > tbody > tr > td { padding: 15px 0px; color: #727272; line-height: 1.3; border: 0px; vertical-align: middle; } table.tbl-accessories tbody td.img { padding: 10px; vertical-align: top; } table.tbl-accessories tbody td.img img { border: 1px solid #e7e7e7; } table.tbl-wout { margin: 0px; width: 100%; border-collapse: collapse; border: 0px; } table.tbl-wout tbody tr { clear:both; width: 100%; border: 0px; } table.tbl-wout > tbody > tr > td { padding: 0px; color: #727272; line-height: 1.3; border: 0px; vertical-align: middle; } table.tbl-wout tbody td.acc-name { padding-bottom: 8px; text-align: left; font-family: 'Montserrat', serif; font-weight: normal; color: #535353; } table.tbl-wout tbody td.acc-name a { display: inline-block; zoom: 1; *display: block; font-family: 'Open Sans', sans-serif; font-size: 12px; display: block; } table.tbl-wout tbody td.acc-name a:after { content: " >"; color: #666769; font-size: 11px; } table.tbl-wout tbody td.acc-price { white-space: nowrap; } table.tbl-wout tbody td.acc-price label { font-family: 'Montserrat', serif; font-weight: normal; color: #666666; font-size: 12px; text-transform: uppercase; } table.tbl-wout tbody td.acc-price .form-control { margin: 0px 8px; display: inline-block; zoom: 1; *display: block; width: 50px; height: 28px; font-size: 13px; text-align: right; } table.tbl-wout tbody td.acc-price .form-select { padding: 0px; width: 60px; height: 28px; font-size: 13px; text-align: left; } table.tbl-wout tbody td.acc-price .price { font-size: 14px; font-weight: 700; color: #343434; display: inline-block; } table.tbl-wout tbody td.acc-price .price-taxes { font-weight: 700; color: #343434; font-size: 11px; } table.tbl-wout tbody td.acc-price .price-previous { font-weight: normal; color: #727272; font-size: 11px; text-decoration: line-through; } table.tbl-wout tbody td.time-send { text-align: right; padding-right: 10px; } table.tbl-wout tbody td.time-send .send-available { text-align: left; color: #669900; } table.tbl-wout tbody td.time-send .send-spent { text-align: left; color: #cc0000; } table.tbl-esp { margin: 0px; width: 100%; border-collapse: collapse; border: 0px; } table.tbl-esp thead { display: none; } table.tbl-esp tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl-esp tbody tr:first-child { border-top: 0px; } table.tbl-esp > tbody > tr > td { text-align: left; padding: 15px 15px; color: #727272; line-height: 1.3; border: 0px; vertical-align: middle; } table.tbl-esp tbody td.cto { text-align: right; font-size: 13px; font-weight: 700; color: #666666; } table.tbl-sizes { margin-bottom: 15px; width: 100%; border-collapse: collapse; border: 0px; } table.tbl-sizes thead tr th { padding: 10px 5px 8px 5px; font-size: 12px; font-weight: 700; color: #FFFFFF; text-align: center; text-transform: uppercase; white-space: nowrap; background: #666666; border-bottom: 1px solid #e7e7e7; } table.tbl-sizes thead tr th.th-normal { } table.tbl-sizes tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl-sizes > tbody > tr > td { text-align: center; padding: 10px 0px; color: #727272; line-height: 1.3; border: 0px; vertical-align: middle; } table.tbl-sizes tbody td.cto { font-size: 13px; font-weight: 700; color: #666666; } table.tbl-sideCart { margin: 0; width: 100%; border-collapse: collapse; border: 0px; } table.tbl-sideCart thead tr th { text-transform: uppercase; font-size: 11px; } table.tbl-sideCart thead tr th.thSideCart-size { text-align: center; } table.tbl-sideCart thead tr th.thSideCart-select { text-align: left; } table.tbl-sideCart thead tr th.thSideCart-price { text-align: right; } table.tbl-sideCart tbody tr { clear:both; width: 100%; border-top: 1px solid #e8e8e8; } table.tbl-sideCart tbody tr:first-child { border-top: none; } table.tbl-sideCart > tbody > tr > td { padding: 7px 0px; font-size: 12px; color: #727272; line-height: 1.3; border: 0px; vertical-align: middle; } table.tbl-sideCart tbody td.tdSideCart-size { text-align: center; } table.tbl-sideCart tbody td.tdSideCart-select { text-align: left; } table.tbl-sideCart tbody td.tdSideCart-select .form-control { font-size: 12px; padding: 3px 5px; margin-right: 10px; width: 90px; height: auto; display: inline-block; } table.tbl-sideCart tbody td.tdSideCart-price { text-align: right; font-weight: 700; font-size: 13px; } /* ------------------------------------------------------ */ /* STYLE MODAL WINDOWS */ /* ------------------------------------------------------ */ .vertical-alignment-helper { display:table; height: 100%; width: 100%; } .vertical-align-center { display: table-cell; vertical-align: middle; } .close { font-size: 26px; } .modal-open { padding-right: 0px !important; } .modal { z-index: 9000; } .modal-backdrop { background-color: rgb(228, 233, 229); } .modal-header { border: none; } .modal-body { padding-top: 0px; } .modal-content { width:inherit; height:inherit; margin: 0 auto; } .modal-footer { padding: 0px 15px 15px 15px; text-align: center; border: none; } .modal-footer button { margin: 8px 15px 0px 15px; } .modal-title { font-family: 'Montserrat', sans-serif; color: #46474b; font-size: 15px; font-weight: normal; text-transform: uppercase; } .modal-img { float: right; margin-left: 15px; } .modal-ctt { float: left; } .modal-body h5, .modal-notes strong { font-family: 'Montserrat', sans-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; } .modal-photo img { width: 100%; } .modal-photo small { display: block; padding: 10px; text-align: center; } .modal-cart-msg { margin: 0px 0px 20px 0px; padding: 15px; text-align: center; background: #f5f5f5; color: #727272; vertical-align: middle; } .modal-cart-msg .uds { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #343434; font-weight: 700; vertical-align: middle; } .modal-cart-msg .id { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #343434; font-weight: 700; vertical-align: middle; } .modal-cart-msg .price { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #343434; font-weight: 700; vertical-align: middle; } .modal-cart-msg .txt-prd { display: inline-block; zoom: 1; *display: block; max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .modal-cart-msg .txt-size { vertical-align: middle; } .modal-cart-actions { margin: 0px 0px 15px 0px; background: url("https://static1.funidelia.com/img/global/funizone2/fdo_1x1_sep.gif") 50% 0px repeat-y; } .modal-cart-actions .c1 { float: left; width: 48%; text-align: center; } .modal-cart-actions .c2 { float: right; width: 48%; text-align: center; } .modal-cart-actions .cart-tit-normal { margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; color: #d41fa4; } .modal-cart-actions .cart-tit-open { margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; color: #0076a3; } .modal-cart-actions .txt { margin-top: 15px; } .modal-cart-txt { text-align: center; } .modal-cart-txt .txt-cart-normal { color: #d41fa4; font-weight: 700; } .modal-cart-txt .txt-cart-open { color: #0076a3; font-weight: 700; } .modal-prd { } .modal-prd .modal-prd-img { float: left; width: 45%; border-right: 1px solid #e7e7e7; } .modal-prd .modal-prd-img img { padding-right: 15px; } .modal-prd .modal-prd-dts { float: right; width: 50%; } .modal-prd .modal-prd-dts .modal-prd-name { margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px solid #e7e7e7; } .modal-prd .modal-prd-dts .modal-prd-name h1 { margin: 0px 0px 10px 0px; padding: 0px; font-family: 'Montserrat', serif; font-size: 19px; font-weight: normal; color: #434343; } .modal-prd .modal-prd-dts .modal-prd-name .id-company { font-size: 13px; color: #727272; } .modal-prd .modal-prd-dts .modal-prd-included { padding: 0px 0px 15px 0px; } .modal-prd .modal-prd-dts .modal-prd-link { float: right; margin-top: 10px; } .modal-pdf { } .modal-pdf .c1 { float: left; width: 49%; height: 160px; } .modal-pdf .c2 { float: right; width: 49%; height: 160px; } .modal-pdf a { display: block; padding: 15px; width: 100%; height: 100%; text-align: center; background: #d9f0f7; border: 1px solid #c9e1e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .modal-pdf a:hover { border: 1px solid #0098db; } .modal-pdf a i { } .modal-pdf a .txt { display: block; padding: 10px 0px 0px 0px; font-family: 'Montserrat', serif; font-size: 16px; font-weight: normal; } /* 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%; } /* ------------------------------------------------------ */ /* STYLE IMAGES & SEPARATOR */ /* ------------------------------------------------------ */ .img-left { float: left; padding: 0px 15px 15px 0px; } .img-right { float: right; padding: 0px 0px 15px 15px; } .sep-dotted { position: relative; display: block; margin: 30px 300px; border-top: 2px dotted #e2e2e2; } .sep-right { position: relative; display: block; width: 100%;height: 47px; text-align: center; background: transparent url("https://static1.funidelia.com/img/global/funizone2/fdo_sep_cms_right.png") 0px 0px no-repeat; } .sep-left { position: relative; display: block; width: 100%; height: 47px; text-align: center; background: transparent url("https://static1.funidelia.com/img/global/funizone2/fdo_sep_cms_left.png") 0px 0px no-repeat; } .sep-left .ico-indicator, .sep-right .ico-indicator { margin-top: 10px; } /* ------------------------------------------------------ */ /* STYLE PANELS */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* STYLE GENERAL LINKS, BUTTONS,... */ /* ------------------------------------------------------ */ a.link-goback { font-size: 12px; } a.link-goback:after { content: " >"; color: #666769; font-size: 11px; } a.link-closebox { font-family: 'Open Sans', sans-serif; color: #8b8b8b; font-weight: 700; font-size: 11px; text-transform: uppercase; } a.link-closebox:hover { color: #434343; } a.link-disabled { opacity: 0.3; cursor: default; } a.link-disabled:hover { cursor: default; } a.back-to-top { display: none; z-index: 100; position: fixed; bottom: 0; right: 0; margin: 15px; padding: 10px 15px; line-height: 1; text-decoration: none; color: #ffffff; background: #0099CC; opacity: 0.75; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.back-to-top i { display: block; font-size: 24px; } a.back-to-top .txt { display: block; padding: 0px; font-size: 12px; text-transform: uppercase; font-weight: 700; } a.back-to-top:hover { background: #0098db; color: #FFFFFF !important; opacity: 1; } .btn { font-family: 'Montserrat', sans-serif; color: #FFFFFF; font-size: 13px; font-weight: 700; text-transform: uppercase; background: #8e8e8e; border-bottom: 2px solid #646464; } .btn:hover { color: #FFFFFF; background:#9e9e9e; } .btn:active { color: #FFFFFF; background-color: #8e8e8e; } .btn:focus { color: #FFFFFF; background-color: #8e8e8e; } .open a.btn, a.btn:focus { color: #FFFFFF; background-color: #8e8e8e; } .btn-mini { padding: 6px; font-family: 'Montserrat', sans-serif; color: #FFFFFF; font-size: 10px; font-weight: 700; text-transform: uppercase; background: #8e8e8e; border-bottom: 2px solid #646464; } .btn-mini:hover { color: #FFFFFF; background:#9e9e9e; } .btn-mini:active { color: #FFFFFF; background-color: #8e8e8e; } .btn-mini:focus { color: #FFFFFF; background-color: #8e8e8e; } .open a.btn-mini, a.btn-mini:focus { color: #FFFFFF; background-color: #8e8e8e; } .btn-mini i { margin-right: 0px; } .btn-cart { font-size: 15px; color: #FFFFFF; background: #669900; border-bottom: 2px solid #1d5200; } .btn-cart:hover { color: #FFFFFF;background:#76a91e; } .btn-cart:active { color: #FFFFFF;background-color: #669900; } .btn-cart:focus { color: #FFFFFF;background-color: #669900; } .open a.btn-cart, a.btn-cart:focus { color: #FFFFFF;background-color: #669900; } .btn-cart-normal { font-size: 15px; color: #FFFFFF; background: #a81681; border-bottom: 2px solid #7e005c; } .btn-cart-normal:hover { color: #FFFFFF;background:#d41fa4; } .btn-cart-normal:active { color: #FFFFFF;background-color: #a81681; } .btn-cart-normal:focus { color: #FFFFFF;background-color: #a81681; } .open a.btn-cart-normal, a.btn-cart-normal:focus { color: #FFFFFF;background-color: #a81681; } .btn-cart-open { font-size: 15px; color: #FFFFFF; background: #466a7a; border-bottom: 2px solid #1c414f; } .btn-cart-open:hover { color: #FFFFFF;background:#527686; } .btn-cart-open:active { color: #FFFFFF;background-color: #466a7a; } .btn-cart-open:focus { color: #FFFFFF;background-color: #466a7a; } .open a.btn-cart-open, a.btn-cart-open:focus { color: #FFFFFF;background-color: #466a7a; } .btn-cart-process { padding: 15px; } .btn-buy { display: block; color: #FFFFFF; width: 235px; padding: 15px; font-size: 15px; background: #669900; border-bottom: 2px solid #1d5200; } .btn-buy:hover { color: #FFFFFF; background:#76a91e; } .btn-buy:active { color: #FFFFFF; background-color: #669900; } .btn-buy:focus { color: #FFFFFF; background-color: #669900; } .btn-buy .ico-cart { float: left; width: 27px; height: 21px; line-height: 21px; background-position: -1px -211px; } .open a.btn-buy, a.btn-buy:focus { color: #FFFFFF; background-color: #669900; } .btn-link { font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 16px; font-weight: 700; text-transform: none; background: #f89820; border-bottom: 2px solid #e48701; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-link:hover { color: #ffffff; background:#e48701; text-decoration: none; } .btn-link:active { color: #ffffff; background-color: #e48701; } .btn-link:focus { color: #ffffff; background-color: #f89820; } .box-neg .btn-link { color: #394049; background: #FFFFFF; border-bottom: 2px solid #DCDCDC; } .box-neg .btn-link:hover { color: #FFFFFF; background: #e48701; border-bottom: 2px solid #e48701; } .box-neg .btn-link:active { color: #FFFFFF; background: #e48701; } .box-neg .btn-link:focus { color: #FFFFFF; background: #e48701; } .btn-form { font-family: 'Montserrat', sans-serif; color: #FFFFFF; font-size: 16px; font-weight: 700; text-transform: none; background: #898989; border-bottom: 2px solid #666666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-form:hover { color: #FFFFFF; background:#434343; text-decoration: none; } .btn-form:active { color: #FFFFFF; background-color: #898989; } .btn-form:focus { color: #FFFFFF; background-color: #898989; } .btn-register { font-family: 'Montserrat', sans-serif; color: #FFFFFF; font-size: 16px; font-weight: 700; text-transform: none; background: #669900; border-bottom: 2px solid #1d5200; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-register:hover { color: #FFFFFF; background:#76a91e; text-decoration: none; } .btn-register:active { color: #FFFFFF; background-color: #669900; } .btn-register:focus { color: #FFFFFF; background-color: #669900; } .btn-w100 { display: block; width: 100%; } /* ------------------------------------------------------ */ /* STYLE IMAGES */ /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* STYLE ICONS */ /* ------------------------------------------------------ */ .ico-arrow { width: 9px; height: 5px; line-height: 5px; vertical-align: middle; background-position: -0px -68px; } .ico-menu-arrow { width: 9px; height: 5px; line-height: 5px; vertical-align: middle; background-position: -0px -68px; } .ico-menu-open { width: 9px; height: 9px; line-height: 9px; vertical-align: middle; background-position: -107px -66px; } .ico-clvl1 { width: 15px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -125px -454px; } .ico-clvl1-open { width: 17px; height: 9px; line-height: 9px; vertical-align: middle; background-position: -143px -491px; } .ico-hmen-bll { width: 15px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -125px -454px; } .arrow { width: 17px; height: 9px; line-height: 9px; vertical-align: middle; background-position: -143px -491px; } .ico-catalog { margin-right: 5px; width: 23px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -139px -136px; } .ico-side-close { width: 14px; height: 14px; line-height: 14px; vertical-align: middle; background-position: -100px -177px; } .ico-closesession { width: 16px; height: 16px; line-height: 16px; vertical-align: middle; background-position: -118px -135px; } .ico-help { width: 16px; height: 16px; line-height: 16px; vertical-align: middle; background-position: -98px -135px; } .ico-del { width: 17px; height: 21px; line-height: 21px; vertical-align: middle; background-position: -36px -387px; } .ico-cart { margin-right: 5px; width: 20px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -1px -163px; } .ico-phone { width: 19px; height: 19px; line-height: 19px; vertical-align: middle; background-position: -44px -132px; } .ico-zoom { width: 26px; height: 26px; line-height: 26px; vertical-align: middle; background-position: -152px -249px; } .ico-play { width: 81px; height: 83px; line-height: 83px; vertical-align: middle; background-position: -169px -135px; } .ico-credit { width: 38px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -262px -173px; } .ico-makepdf { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -3px -355px; } .ico-24h { margin: 0px 10px; width: 34px; height: 31px; line-height: 31px; vertical-align: middle; background-position: -178px -450px; } .ico-lang { width: 24px; height: 24px; line-height: 24px; vertical-align: middle; background-position: -59px -386px; } .ico-indicator { width: 34px; height: 32px; line-height: 32px; vertical-align: middle; background-position: -192px -245px; } .ico-tel { width: 24px; height: 24px; line-height: 27px; vertical-align: middle; background-position: -276px -229px; } .ico-mail { width: 24px; height: 24px; line-height: 27px; vertical-align: middle; background-position: -276px -264px; } .ico-whatsapp { width: 24px; height: 24px; line-height: 27px; vertical-align: middle; background-position: -276px -300px; } a:hover .ico-lang { background-position: -100px -386px; } .open .ico-lang { background-position: -100px -386px; } .ico-fview { width: 15px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -54px -419px; } .ico-fcopy { width: 15px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -71px -419px; } .ico-fpdf { width: 15px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -6px -419px; } .ico-fattached { width: 15px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -22px -419px; } .ico-fedit { width: 15px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -38px -419px; } .btn .ico-fview { background-position: -54px -434px; } .btn .ico-fcopy { background-position: -71px -434px; } .btn .ico-fpdf { background-position: -6px -434px; } .btn .ico-fattached { background-position: -22px -434px; } .btn .ico-fedit { background-position: -38px -434px; } .ico-add { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -74px -248px; } .ico-nadd { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -74px -269px; } .ico-pro-new { width: 31px; height: 32px; line-height: 32px; background-position: -0px -311px; } .ico-pro-offer { width: 31px; height: 32px; line-height: 32px; background-position: -33px -311px; } .ico-pro-official { width: 31px; height: 32px; line-height: 32px; background-position: -64px -311px; } .ico-pro-official-des { margin-top: 6px; width: 15px; height: 15px; line-height: 15px; background-position: -106px -319px; } .ico-alert-info { width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -156px -107px; } .ico-alert-error { width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -157px -78px; } .ico-alert-correct { width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background-position: -158px -49px; } .ico-process-correctG { width: 51px; height: 49px; line-height: 49px; vertical-align: middle; background-position: -3px -451px; } .ico-process-errorG { width: 51px; height: 49px; line-height: 49px; vertical-align: middle; background-position: -66px -451px; } .ico-makepdf-new { width: 80px; height: 80px; line-height: 67px; vertical-align: middle; background-position: -165px -286px; } .ico-makepdf-add { width: 80px; height: 80px; line-height: 67px; vertical-align: middle; background-position: -165px -355px; } .ico-ctt-more { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -106px -248px; } .ico-ctt-less { width: 11px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -106px -269px; } .ico-slider-left { width: 15px; height: 27px; line-height: 27px; vertical-align: middle; text-indent: -10000px; background-position: -181px -62px; } .ico-slider-right { width: 15px; height: 27px; line-height: 27px; vertical-align: middle; text-indent: -10000px; background-position: -183px -97px; } a .ico-slider-left { background-position: -181px -62px; } a .ico-slider-right { background-position: -183px -97px; } a:hover .ico-slider-left, .ico-slider-left:hover { background-position: -204px -62px; } a:hover .ico-slider-right, .ico-slider-right:hover { background-position: -206px -97px; } .ico-tag-close { margin-left: 5px; width: 10px; height: 10px; line-height: 10px; vertical-align: middle; background-position: -101px -158px; } .ico-closebox { margin-left: 2px; width: 10px; height: 10px; line-height: 10px; vertical-align: middle; background-position: -121px -138px; } .ico-ord-cols { width: 31px; height: 31px; line-height: 31px; vertical-align: middle; text-indent: -10000px; background-position: -3px -245px; } .ico-ord-rows { width: 31px; height: 31px; line-height: 31px; vertical-align: middle; text-indent: -10000px; background-position: -36px -244px; } .active .ico-ord-cols { background-position: -3px -276px; } .active .ico-ord-rows { background-position: -36px -275px; } .ico-nav-prev { width: 14px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -207px -19px; } .ico-nav-next { width: 14px; height: 11px; line-height: 11px; vertical-align: middle; background-position: -207px -38px; } a .ico-nav-prev { background-position: -207px -19px; } a:hover .ico-nav-prev { background-position: -191px -19px; } a .ico-nav-next { background-position: -207px -38px; } a:hover .ico-nav-next { background-position: -191px -38px; } .ico-buy-transfer { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -607px -137px; } .ico-buy-card { width: 197px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -673px -137px; } .ico-buy-cod { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -875px -137px; } .ico-buy-paypal { width: 152px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -623px -329px; } .ico-buy-amex { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -540px -137px; } .ico-buy-creditclient { width: 62px; height: 41px; line-height: 41px; vertical-align: middle; background-position: -473px -232px; } .ico-hn-bll { margin-left: 5px; width: 10px; height: 9px; line-height: 9px; vertical-align: middle; background-position: -85px -396px; } a:hover .ico-hn-bll { background-position: -85px -386px; } .open .ico-hn-bll { background-position: -85px -386px; } /* ------------------------------------------------------ */ /* STYLE CONTAINER */ /* ------------------------------------------------------ */ .container { width: 960px !important; } /* ------------------------------------------------------ */ /* STYLE CAROUSEL GENERAL */ /* ------------------------------------------------------ */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* ------------------------------------------------------ */ /* OWL CAROUSEL CSS3 TRANSITIONS */ /* ------------------------------------------------------ */ /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* ------------------------------------------------------ */ /* STYLES ANIMATION */ /* ------------------------------------------------------ */ .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } /* ------------------------------------------------------ */ /* 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/funizone2/hint.gif") no-repeat 2px 50%; color: #444; font-size: 8pt; font-family: sans-serif; width: 26px; text-indent: -1000px; line-height: 16px; margin: 0; min-height: 26px; 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/funizone2/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/funizone2/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; } .MagicZoomHint { left: 4px !important; } /* ------------------------------------------------------ */ /* STYLE SIDE */ /* ------------------------------------------------------ */ .sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 360px; overflow-x: hidden; overflow-y: hidden; background: #FAFAFB; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.30); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.30); } .sidr-bg { display: none; z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(228, 233, 229); opacity: 0.5; } .sidr-bg-open { display: block !important; } .bodyfixed { position: relative !important; } .sidr-open { overflow-y: hidden; display: block; } .sidr .sidr-inner { padding: 15px; } .sidr.right { left: auto; right: -360px; } .sidr.left { left: -360px; right: auto; } .sidr .tit { margin: 0px; padding: 19px 15px; font-size: 12px; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center; background: #FFFFFF; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12); } .sidr .tit .close-side { float: right; } .sidr .tit .ico-cart { margin-right: 5px; width: 20px; height: 15px; line-height: 15px; vertical-align: middle; background-position: -24px -163px; } .sidr .form-actions { position: absolute; left: 0px; bottom: 0px; width: 100%; margin: 0px; padding: 19px 15px; text-align: center; background: #FFFFFF; -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12); } .sidr .box-process-correct .tit { text-transform: none; } .sidr .box-process-error .tit { text-transform: none; } .side { position: absolute; width: 100%; height: 100%; padding: 20px; overflow: hidden; overflow-y: auto; } .side-user { margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px solid #DCDCDC; } .side-user .photo-comercial { margin: 0px 10px 0px 0px; float: left; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .side-cart-legend { margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; text-align: center; border-bottom: 1px solid #DCDCDC; } .side-cart-legend .num { font-family: 'Montserrat', sans-serif; font-weight: 700; } .side-cart-resume { margin: 0px; padding: 0px 0px 40px; list-style-type: none; } .side-cart-resume li { padding-bottom: 6px; margin-bottom: 15px; border-bottom: 2px dotted #DCDCDC; } .side-cart-resume .hc-pro { } .side-cart-resume .hc-pro-img { float: left; width:65px; } .side-cart-resume .hc-pro-txt { float: right; width: 235px; } .side-cart-resume .hc-pro-txt .tit { margin: 0px; padding: 0px; font-weight: normal; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #666666; text-transform: none; text-align: left; background: transparent; -webkit-box-shadow: 0; box-shadow: 0; box-shadow: none; } .side-cart-resume .hc-pro-txt .reference { font-size: 13px; color: #999999; font-weight: 700; } .side-cart-resume .hc-pro-txt .reference .txt { font-style: normal; font-weight: normal; } .side-cart-resume .hc-ctd { clear: both; padding-top: 15px; } .side-cart-resume .hc-ctd-size { float: left; width: 100px; font-size: 14px; } .side-cart-resume .hc-ctd-size .txt { display: block; padding-bottom: 12px; font-weight: 700; font-size: 12px; color: #727272; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; } .side-cart-resume .hc-ctd-sel { float: left; white-space: nowrap; } .side-cart-resume .hc-ctd-sel label { display: block; text-align: center; font-weight: 700; color: #727272; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; } .side-cart-resume .hc-ctd-sel .form-control { display: inline-block; zoom:1; *display: block; width: 80%; padding: 4px 12px; font-size: 14px; } .side-cart-resume .hc-ctd-sel .hc-ctd-del { margin-left: 8px; } .side-cart-resume .hc-ctd .hc-ctd-price { float: right; font-size: 14px; } .side-cart-resume .hc-ctd .hc-ctd-price .txt { display: block; padding-bottom: 12px; text-align: right; font-weight: 700; font-size: 12px; color: #727272; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; } .side-cart-mkt { background: #ffff66; color: #cc0000; font-size: 14px; padding: 15px; text-align: center; font-family: 'Montserrat', sans-serif; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .side-cart-mkt-ok { background: #acd373; color: #005e20; font-size: 14px; padding: 15px; text-align: center; font-family: 'Montserrat', sans-serif; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .side-cart-total { position: absolute; width: 100%; left: 0px; bottom: 73px; padding: 19px 15px; text-align: center; font-weight: 700; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 14px; text-transform: uppercase; background: #727272; } /* ------------------------------------------------------ */ /* STYLE HELPERS */ /* ------------------------------------------------------ */ .espbr { display: none; } .clear-all { clear: both; } .padding10 { padding: 0px 10px; } .padding40 { padding: 40px; } .nopadding { padding: 0px; } .sep-middle { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .sep-lat { border-left: 1px solid #e8e8e8; } /* ESTILOS PARA COLUMNAS GENERALES */ /* 2 Columnas 50%-50& */ .col2f1 { } .col2f1-c1 { float: left; width: 49%; } .col2f1-c2 { float: right; width: 49%; } /* 2 Columnas 70%-30% */ .col2f2i { } .col2f2i-c1 { float: left; width: 69%; } .col2f2i-c2 { float: right; width: 29%; } /* 2 Columnas 30%-70% */ .col2f2d { } .col2f2d-c1 { float: left; width: 29%; } .col2f2d-c2 { float: right; width: 69%; } /* 2 Columnas 60%-40% */ .col2f3i { } .col2f3i-c1 { float: left; width: 59%; } .col2f3i-c2 { float: right; width: 39%; } /* 2 Columnas 40%-60% */ .col2f3d { } .col2f3d-c1 { float: left; width: 39%; } .col2f3d-c2 { float: right; width: 59%; } /* 2 Columnas 20%-80% */ .col2f4d { } .col2f4d-c1 { float: left; width: 19%; } .col2f4d-c2 { float: right; width: 79%; } /* 2 Columnas 80%-20% */ .col2f4i { } .col2f4i-c1 { float: left; width: 79%; } .col2f4i-c2 { float: right; width: 19%; } /* 2 Columnas 70%-30% */ .col2f5i { } .col2f5i-c1 { float: left; width: 68%; } .col2f5i-c2 { float: right; width: 30%; } /* 2 Columnas 30%-70% */ .col2f5d { } .col2f5d-c1 { float: left; width: 30%; } .col2f5d-c2 { float: right; width: 68%; } /* 3 Columnas sin margin */ .col3 { float:left; width:33%; } /* 3 Columnas 33%-33%-33% */ .col3f1 { } .col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; } .col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; } .col3f1-c3 { float:right; width:32%; } /* 3 Columnas grid 1 33%-66% */ .col3f1g1 { } .col3f1g1-c1 { float:left; width:32%; } .col3f1g1-c2 { float:right; width:66%; } /* 3 Columnas grid 2 66%-33% */ .col3f1g2 { } .col3f1g2-c1 { float:left; width:66%; } .col3f1g2-c2 { float:right; width:32%; } /* 4 Columnas 25%-25%-25%-25% */ .col4f1 { } .col4f1-c1 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c2 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c3 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1-c4 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 1 25%-50%-25% */ .col4f1g1 { } .col4f1g1-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g1-c2 { float:left; margin:0% 0% 0% 0%; width:49%; } .col4f1g1-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 2 25%-25%-50% */ .col4f1g2 { } .col4f1g2-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g2-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g2-c3 { float:right; margin:0% 0% 0% 0%; width:49%; } /* 4 Columnas grid 3 50%-25%-25% */ .col4f1g3 { } .col4f1g3-c1 { float:left; margin:0% 1.5% 0% 0%; width:49%; } .col4f1g3-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g3-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 5 Columnas 20%-20%-20%-20% */ .col5f1 { } .col5f1-c1 { float:left; margin:0% 1.2% 0% 0%; width:19%; } .col5f1-c2 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c3 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c4 { float:left; margin:0% 0% 0% 0%; width:19%; } .col5f1-c5 { float:right; margin:0% 0% 0% 0%; width:19%; } /* ------------------------------------------------------ */ /* STYLEl LIGHTGALLERY */ /* ------------------------------------------------------ */ @font-face { font-family: 'lg'; src: url("https://static1.funidelia.com/fonts/lg.eot?n1z373"); src: url("https://static1.funidelia.com/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("https://static1.funidelia.com/fonts/lg.woff?n1z373") format("woff"), url("https://static1.funidelia.com/fonts/lg.ttf?n1z373") format("truetype"), url("https://static1.funidelia.com/fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(255, 255, 255, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #666; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(255, 255, 255, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #666; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("https://static1.funidelia.com/global/funizone2/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("https://static1.funidelia.com/global/funizone2/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("https://static1.funidelia.com/global/funizone2/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("https://static1.funidelia.com/global/funizone2/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("https://static1.funidelia.com/global/funizone2/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("https://static1.funidelia.com/global/funizone2/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #FFF; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } ul.lst-tags-found { list-style-type: none; margin: 0 0 15px; padding: 0; } ul.lst-tags-found li { float: left; margin-bottom: 5px; margin-right: 6px; min-width: 32%; } ul.lst-tags-found li a { border-radius: 0; display: block; padding: 3px 6px; } .radio.dropshipping label { font-weight: bold; }