* { margin:0; padding:0; }
html { font-size:16px; /* Fix for Opera */ }
body { font:75%/150% Arial, background-color:#fff; color:#333; text-align:center; }
img { border:0; vertical-align:top; max-width:100%; }
a { color:#888; text-decoration:none; }
a:hover { text-decoration:none; color:#333; }
:focus { outline:0; }
ul,ol { list-style:none; }
.pgCont { text-align:left; background-repeat:repeat; background-position:center top; }
.main-container { background-repeat:repeat; background-position:center top; }
.header-container,
.header { padding:0; }
/* Scroll to top button
-------------------------------------------------------------- */
#scroll-to-top {
display:none;
position:fixed;
width:50px;
height:50px;
line-height:50px;
text-align:center;
font-size:32px;
bottom:56px;
right:30px;
z-index:9999;
border-radius:50%;
background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */
}
#scroll-to-top:hover { background-color:#333; }
.clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */
.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
/* Additional clearing */
.breadcrumbs:after,
.product-type-data .item-options:after,
.my-account .order-info:after,
.mini-cart .mini-cart-content .mini-products-list li.item:after,
.block-related-thumbnails .product:after,
.cart .crosssell:after,
.data-table .item-options:after,
.section-line:after,
.section-title:after
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown
-------------------------------------------------------------- */
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; }
/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .caret {
display:inline-block;
width:0;
height:0;
margin-bottom:2px;
margin-left:2px;
vertical-align:middle;
content:"";
border-color:#333 transparent transparent;
border-style:solid solid none;
border-width:4px 4px 0;
}
/* Only items with dropdown display the caret */
.nav-regular .caret { display: none; }
.nav-regular .nav-item--parent > a .caret { display: inline-block; }
/* Carets inside dropdowns - right side caret */
.nav-regular .nav-panel a .caret {
border-color: transparent transparent transparent #333;
border-style: solid none solid solid;
border-width: 4px 0 4px 4px;
margin-left: 5px;
opacity: 0.2;
}
.nav-regular .nav-panel a:hover .caret { opacity: 1; }
.nav-regular .nav-item--home a {}
.nav-regular .nav-item--home .ic {
display: inline-block;
font-size: 16px;
padding: 0;
width: 30px;
text-align: center;
vertical-align: middle; /* TODO: check for better option */
float: none;
background-color: transparent !important; /* Remove default colors */
}
/* Single icon as a home link
-------------------------------------------------------------- */
#nav .nav-item--homeicon a {
padding-left: 17px; /* The same as side padding of top-level items +5px */
padding-right: 5px;
background: none !important;
box-shadow: none !important;
border: none !important;
opacity: 1;
transition: opacity 450ms ease-in-out;
-moz-transition: opacity 450ms ease-in-out;
-webkit-transition: opacity 450ms ease-in-out;
-o-transition: opacity 450ms ease-in-out;
}
#nav .nav-item--homeicon a:hover {
opacity: 0.6;
transition-duration: 100ms;
-moz-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
}
/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cat-label {
padding:2px 4px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:18px;
text-transform:none;
text-shadow:none;
transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
-moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
-webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
-o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
}
li > a:hover > span > .cat-label {
transition-duration: 100ms;
-moz-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
}
/* labels: 1st level
-------------------------------------------------------------- */
li.level0 > a > span { position:relative; }
li.level0 > a > span > .cat-label {
position:absolute;
top:-10px; /*-14px*/
right:0;
padding:0 6px;
font-size:14px;
line-height:22px;
}
/* Add pin (1st level only) */
li.level0 > a > span > .pin-bottom:before {
position:absolute;
right:6px;
top:22px;
width:0;
height:0;
content:"";
border-style:solid;
border-width:4px;
border-color:transparent;
transition: border-color 450ms ease-in-out;
-moz-transition: border-color 450ms ease-in-out;
-webkit-transition: border-color 450ms ease-in-out;
-o-transition: border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
transition-duration: 100ms;
-moz-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
}
/* labels: 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
display:inline-block !important;
padding:0 4px;
margin-left:5px;
vertical-align:middle;
}
/* labels: 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
display:inline-block !important;
padding:0 4px;
margin-left:2px;
}
/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-mobile li > a > span > .cat-label {
position:static;
display:inline-block !important;
padding:0 4px;
margin-left:5px;
/* Label size: all levels */
font-size:14px;
line-height:18px;
}
/* Hide pin */
.nav-mobile li > a > span > .pin-bottom:before {
display:none;
}
/* Non-clickable links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav a.no-click { cursor: default; }
/* Remove highlight color on tap
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav,
.mobnav-trigger,
.nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; }
#nav {
position: relative; /* Dropdown box position is relative to this container */
z-index: 2000; /* Without this dropdown goes under other elements */
-webkit-transform: translateZ(0); /* Fix possible glitches during animation */
}
#nav.nav-mobile { display: none; }
#nav.nav-mobile.show { display: block; }
.mobnav-trigger,
.nav-regular .nav-item.level0 > a {
line-height:50px;
}
.nav-regular.centered {
text-align: center;
}
.nav-regular.centered li.level0
{
float: none;
display: inline-block;
}
.nav-regular.centered li.level0.right,
.nav-regular.centered li.level0.left
{
float: none !important;
}
.nav-regular .opener { display: none; }
/* Hide elements */
.nav-regular .hide-in-desktop-menu { display: none !important; }
#nav .nav-holder {
float: right;
}
.nav-holder > * {
display: block;
}
/* Drop-downs
-------------------------------------------------------------- */
.nav-holder .dropdown .dropdown-heading .label {
vertical-align: baseline;
}
ul.nav-regular .nav-holder .search-wrapper,
.header-regular .nav-holders-wrapper-mobile .nav-holder .search-wrapper
{
width: inherit; /* Important: to avoid stretching the box to 100% */
float: none !important;
display: inline-block;
vertical-align: middle;
padding-left: 7px;
/* To center the search box vertically */
margin-bottom: 1px;
/* Override styles of search box when its inside element with class ".hp-blocks-holder--stacked" */
max-width: none;
margin: 0;
}
ul.nav-regular .nav-holder .search-wrapper .input-text,
.header-regular .nav-holders-wrapper-mobile .nav-holder .search-wrapper .input-text
{
/* To center the search box vertically */
margin-bottom: 1px;
}
.mobnav-trigger {
display:block;
padding:0 15px;
}
/* Mobile menu icon */
.mobnav-trigger .trigger-icon {
display:block;
float:left;
width:23px;
padding-top:18px;
margin:0 8px 0 0;
}
.mobnav-trigger .trigger-icon .line {
display:block;
background-color:#fff;
height:3px;
margin-bottom:2px;
}
/* Mobile menu trigger wrapper
-------------------------------------------------------------- */
.mobnav-trigger-wrapper {
display: none;
}
/* If trigger is next to the holders wrapper, make it float left */
.nav-holders-wrapper-mobile + .mobnav-trigger {
float: left;
}
/* Wrapper of the menu holders. Holders are moved inside this
wrapper when the menu is in the mobile mode.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-holders-wrapper-mobile {
float: right;
}
.nav-holders-wrapper-mobile .nav-holder {
float: right;
}
.nav-holders-wrapper-mobile .nav-holder > * {
line-height: 50px; /* The same height as height of the mobile menu items and mobile menu trigger */
max-height: 50px;
}
/* Common styles with mobile menu trigger
-------------------------------------------------------------- */
.mobnav-trigger,
.nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading {
font-size: 14px;
}
/* Drop-downs
-------------------------------------------------------------- */
/* Set max height (the same as height of the mobile menu items and mobile menu trigger)
to avoid issues with excessive height of the dropdown elements */
.nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading {
max-height: 50px;
line-height: 50px;
}
.nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading.cover > span,
.nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading.cover > div {
padding: 0 15px;
}
/* Drop-downs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Drop-downs inside mobile menu */
.nav-mobile .nav-panel--dropdown {
/* To override width which can be added to dropdowns of the regular menu */
width: 100% !important;
/* Reset of dropdown's inline positioning */
left: 0 !important;
top: 0 !important;
}
/* Remove background color of dropdown in items containing only subcategories */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown {
background-color: transparent !important;
}
/* Show category blocks on selected levels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide blocks on all levels */
.nav-mobile .nav-block { display: none; }
/* Structure of the selectors below:
menu.modifier [level] item > panel > innerPanel > categoryBlocks */
/* Show on 0 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */
.nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */
.nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */
.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */
.nav-mobile.opt-sb1 li.level0 > div > div > .nav-block { display: block; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; }
/* Show on 2 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb2 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb2 li.level1 > div > div > .nav-block { display: block; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; }
/* Show on 3 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb3 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb3 li.level1 > div > div > .nav-block,
.nav-mobile.opt-sb3 li.level2 > div > div > .nav-block { display: block; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; }
/* Show on 4 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb4 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb4 li.level1 > div > div > .nav-block,
.nav-mobile.opt-sb4 li.level2 > div > div > .nav-block,
.nav-mobile.opt-sb4 li.level3 > div > div > .nav-block { display: block; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; }
/* Show on 5 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb5 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level1 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level2 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level3 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level4 > div > div > .nav-block { display: block; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; }
/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Carets
-------------------------------------------------------------- */
.nav-mobile .caret { display: none !important; }
/* Home link
-------------------------------------------------------------- */
.nav-mobile .nav-item--home { display: none !important; }
/* Hide elements
-------------------------------------------------------------- */
.nav-mobile .hide-in-mobile-menu { display: none !important; }
/* Hide containers for additional elements
-------------------------------------------------------------- */
.nav-mobile .nav-holder { display: none !important; }
.nav .itemslider { margin-top:0; margin-bottom:0; }
.nav .itemslider .item { padding-top:5px; padding-bottom:0; }
.nav .itemslider .product-name a { display: inline-block; }
.nav .itemslider .product-name { margin-top: 8px; }
/**
* Mobile menu accordion
*/
.acco { list-style-type:none; }
.acco li.nav-item {
list-style-type:none;
display:block;
float:left;
width:100% !important; /* Use "!important" to override grid units styling */
padding:0 !important;
margin:0 !important;
position:relative; /* For opener positioning */
}
.acco ul.nav-panel {
display:block;
float:left;
width:100%;
padding:0;
margin:0;
}
/* Items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Space for openner if item has children. Space has to be a few pixels wider than openner */
.acco li.parent > a { padding-right:54px; }
/* All levels
-------------------------------------------------------------- */
.acco .nav-item > a {
display: block;
padding: 15px 10px;
/* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */
font-size: 16px; /*1.3333em*/
line-height: 19px; /*1.125em*/
}
/* Level 1
-------------------------------------------------------------- */
.acco li.level0 > a {
font-size: 18px;
text-transform: uppercase;
}
/* Level 2
-------------------------------------------------------------- */
.acco li.level1 > a {
padding-left: 30px;
font-size: 16px;
text-transform: uppercase;
}
/* Level 3
-------------------------------------------------------------- */
.acco li.level2 > a {
padding-left: 50px;
font-size: 16px;
text-transform: none;
}
/* Level 4
-------------------------------------------------------------- */
.acco li.level3 > a
{
padding-left: 70px;
font-size: 14px;
text-transform: none;
}
/* Level 5+
-------------------------------------------------------------- */
.acco li.level3 .nav-item > a /* Level 5+ */
{
padding-left: 90px;
font-size: 12px;
text-transform: none;
}
/* Opener
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.acco .opener {
position:absolute;
right:0;
top:0;
display:block;
cursor:pointer;
text-align:center;
width:49px;
height:49px;
line-height:49px;
}
.acco .opener:hover {
background-color:rgba(0,0,0, 0.05);
}
/* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-item { text-align: left; }
.nav-regular .nav-item > a { display: block; text-decoration: none; }
/* Level 1 only
-------------------------------------------------------------- */
.nav-regular li.level0 { float: left; }
.nav-regular li.level0 > a { padding: 0 12px; } /*TODO:holders*/
.nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; }
/* Top-level item on hover: pull up the link above the dropdown */
.nav-regular li.level0:hover > a {
z-index: 2001; /* One level above the dropdown */
position: relative;
}
/* Caret */
.nav-regular li.level0 > a .caret { opacity: 0.3; }
.nav-regular li.level0.active > a .caret { opacity: 1; }
.nav-regular li.level0:hover > a .caret { opacity: 1; }
/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-panel--dropdown {
display:none;
position:absolute;
top:0;
z-index:2000; /* Pull above top-level menu items */
background-color:#fff; /* To avoid transparent menu */
/* Uncomment below line to fix possible glitches during animation in webkit browsers */
/*-webkit-transform: translateZ(0);*/
}
/* Inner wrapper of the dropdown (for additional padding etc.)
-------------------------------------------------------------- */
#nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */
#nav .nav-panel-inner:before,
#nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; }
#nav .nav-panel-inner:after { clear: both; }
/* Full width dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel.full-width { width:100%; }
.nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */
/* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .mega > .nav-panel--dropdown { margin:0; }
/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */
.nav-regular .nav-panel li.mega > .nav-panel--dropdown {}
.nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown {
display: block;
left: 60px;
top: 0;
}
/* Inside mega dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align submenu's content (grid) with the submenu */
.nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; }
/* Inside mega dropdown, level 1: item
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li {
display: inline-block;
float: none;
vertical-align: top;
padding-top: 0;
padding-bottom: 5px;
}
.nav-regular .nav-submenu--mega > li > a {
font-size: 16px;
line-height: 1.25em; /*20px*/
}
/* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */
.nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; }
.nav-regular .nav-submenu--mega > li.nav-item--parent > a { margin-bottom: 0; }
/* Inside mega dropdown, level 1: submenu
-------------------------------------------------------------- */
/* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item).
Also, add bottom margin to panel, but romove it if it's a dropdown. */
.nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; }
.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; }
/* Inside mega dropdown, level 1: category blocks
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; }
.nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; }
/* Inside mega dropdown, level 2: item
-------------------------------------------------------------- */
/* List bullets */
.nav-regular .nav-submenu--mega > li > ul > li {
background: url(../img/bullet.png) 3px 6px no-repeat;
padding-left: 15px;
transition: background-position 150ms ease-out;
-moz-transition: background-position 150ms ease-out;
-webkit-transition: background-position 150ms ease-out;
-o-transition: background-position 150ms ease-out;
}
.nav-regular .nav-submenu--mega > li > ul > li:hover { background-position:6px 6px; }
/* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */
.nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li {
background: none;
padding-left: 0;
}
/* Other */
.nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; /*20px*/ }
/* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Level 2+
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; /*20px*/ }
.nav-regular .classic > .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; }
/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown {
margin:0;
padding:20px; /*TODO:*/
width:16em;
min-width:12em;
}
/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */
.nav-regular .nav-panel li.classic > .nav-panel--dropdown {}
.nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
display:block;
left:60px;
top:0;
}
/* If classic dropdown is on the 1 level of mega dropdown, change positioning */
.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
left:60px;
top:20px;
}
.nav-regular .simple > ul {
margin-top: 5px;
margin-bottom: 5px;
}
.nav-regular .simple > ul > li {
background:url(../img/bullet-mini.png) 3px 5px no-repeat;
padding-left:15px;
transition: background-position 150ms ease-out;
-moz-transition: background-position 150ms ease-out;
-webkit-transition: background-position 150ms ease-out;
-o-transition: background-position 150ms ease-out;
}
.nav-regular .simple > ul > li:hover { background-position:6px 5px; }
.nav-regular .simple > ul > li > a {
opacity: 0.6;
transition: opacity 150ms ease-out;
-moz-transition: opacity 150ms ease-out;
-webkit-transition: opacity 150ms ease-out;
-o-transition: opacity 150ms ease-out;
}
.nav-regular .simple:hover > ul > li > a { opacity: 1; }
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {
display: block; /* Important: has to be visible before hover */
left: -10000px;
opacity: 0;
-moz-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
-webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
-o-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
}
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {
opacity: 1;
transition-delay: 50ms;
-moz-transition-delay: 50ms;
-webkit-transition-delay: 50ms;
-o-transition-delay: 50ms;
}
@media only screen and (max-width: 319px) {
.nav-mobile .nav-block { display: none !important; }
.nav-mobile .nav-item > div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile .nav-item > div > div { padding: 0 !important; }
.nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; }
.nav-mobile .nav-item.nav-item--only-blocks { display: none; }
}
.caret {
display:inline-block;
width:0;
height:0;
margin-bottom:2px;
vertical-align:middle;
content:"";
border-style:solid solid none;
border-width:4px 4px 0;
border-color:#333 transparent transparent;
}
.dropdown .caret {
opacity:0.3;
filter:alpha(opacity=30);
}
.dropdown.open .caret {
opacity:1;
filter:alpha(opacity=100);
}
.ic {
display: inline-block;
font-family: ThemeIcons;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'ThemeIcons';
src:url('ThemeIcons.eot?387osh');
src:url('ThemeIcons.eot?#iefix387osh') format('embedded-opentype'),
url('ThemeIcons.woff?387osh') format('woff'),
url('ThemeIcons.ttf?387osh') format('truetype'),
url('ThemeIcons.svg?387osh#ThemeIcons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-plane:before {
content: "\e200";
}
.ic-tag:before {
content: "\e201";
}
.ic-paint:before {
content: "\e202";
}
.ic-credit:before {
content: "\e203";
}
.ic-phone:before {
content: "\e204";
}
.ic-letter:before {
content: "\e205";
}
.ic-stopwatch:before {
content: "\e206";
}
.ic-bars:before {
content: "\e207";
}
.ic-truck:before {
content: "\e208";
}
.ic-download:before {
content: "\e209";
}
.ic-upload:before {
content: "\e20a";
}
.ic-warning:before {
content: "\e20b";
}
.ic-question:before {
content: "\e20c";
}
.ic-info:before {
content: "\e20d";
}
.ic-success:before {
content: "\e20e";
}
.ic-close2:before {
content: "\e20f";
}
.ic-reload:before {
content: "\e210";
}
.ic-scissors:before {
content: "\e211";
}
.ic-googleplus:before {
content: "\e212";
}
.ic-facebook:before {
content: "\e213";
}
.ic-twitter:before {
content: "\e214";
}
.ic-feed:before {
content: "\e215";
}
.ic-youtube:before {
content: "\e216";
}
.ic-vimeo:before {
content: "\e217";
}
.ic-flickr:before {
content: "\e218";
}
.ic-dribbble:before {
content: "\e219";
}
.ic-github:before {
content: "\e21a";
}
.ic-wordpress:before {
content: "\e21b";
}
.ic-blogger:before {
content: "\e21c";
}
.ic-tumblr:before {
content: "\e21d";
}
.ic-skype:before {
content: "\e21e";
}
.ic-home:before {
content: "\e21f";
}
.ic-edit2:before {
content: "\e220";
}
.ic-cart:before,
.ic-cart1:before {
content: "\e221";
}
.ic-menu:before {
content: "\e222";
}
.ic-star-o:before {
content: "\e223";
}
.ic-star:before {
content: "\e224";
}
.ic-heart:before {
content: "\e225";
}
.ic-heart-o:before {
content: "\e226";
}
.ic-arrow-up:before {
content: "\e227";
}
.ic-arrow-right:before {
content: "\e228";
}
.ic-arrow-down:before {
content: "\e229";
}
.ic-arrow-left:before {
content: "\e22a";
}
.ic-filter:before {
content: "\e22b";
}
.ic-lastminute:before {
content: "\e22c";
}
.ic-close:before {
content: "\e22d";
}
.ic-edit:before {
content: "\e22e";
}
.ic-instagram:before {
content: "\e22f";
}
.ic-user:before {
content: "\e230";
}
.ic-mobile:before {
content: "\e231";
}
.ic-pin:before {
content: "\e232";
}
.ic-zoomin:before {
content: "\e233";
}
.ic-zoomout:before {
content: "\e234";
}
.ic-search:before {
content: "\e235";
}
.ic-gift:before {
content: "\e236";
}
.ic-anchor:before {
content: "\e237";
}
.ic-calendar:before {
content: "\e238";
}
.ic-remove:before {
content: "\e239";
}
.ic-compare:before {
content: "\e23a";
}
.ic-alarm:before {
content: "\e23b";
}
.ic-plus:before {
content: "\e23c";
}
.ic-minus:before {
content: "\e23d";
}
.ic-pinterest:before {
content: "\e23e";
}
.ic-call24:before {
content: "\e23f";
}
.ic-callcenter:before {
content: "\e240";
}
.ic-delivery:before {
content: "\e241";
}
.ic-package:before {
content: "\e242";
}
.ic-globe:before {
content: "\e243";
}
.ic-lightbulb:before {
content: "\e244";
}
.ic-microscope:before {
content: "\e245";
}
.ic-24hours:before {
content: "\e246";
}
.ic-coupon:before {
content: "\e247";
}
.ic-tshirt:before {
content: "\e248";
}
.ic-bag8:before {
content: "\e249";
}
.ic-bag6:before {
content: "\e24a";
}
.ic-bag4:before {
content: "\e24b";
}
.ic-bag3:before {
content: "\e24c";
}
.ic-bag7:before {
content: "\e24d";
}
.ic-bag2:before {
content: "\e24e";
}
.ic-bag5:before {
content: "\e24f";
}
.ic-cart2:before {
content: "\e250";
}
.ic-bag:before,
.ic-bag1:before {
content: "\e251";
}
.ic-cart3:before {
content: "\e252";
}
.ic-smartphones:before {
content: "\e253";
}
.ic-grid:before {
content: "\e254";
}
.ic-list:before {
content: "\e255";
}
.ic-linkedin:before {
content: "\e256";
}
.ic-bell:before {
content: "\e257";
}
.ic-xing:before {
content: "\e258";
}
.ic-vk:before {
content: "\e259";
}
.ic-weibo:before {
content: "\e25a";
}
.ic-renren:before {
content: "\e25b";
}
.ic-behance:before {
content: "\e25c";
}
.ic-vine:before {
content: "\e25d";
}
.ic-share:before {
content: "\e25e";
}
.ic-lowstock:before {
content: "\e25f";
}
.ic-left:before {
content: "\e260";
}
.ic-down:before {
content: "\e261";
}
.ic-up:before {
content: "\e262";
}
.ic-right:before {
content: "\e263";
}
.sticky-header .sticky-container,
.dropdown.open > .dropdown-heading.cover,
.dropdown.open .dropdown-content,
.truncated .truncated_full_value .item-options,
.nav-regular .nav-panel--dropdown,
.form-search .search-autocomplete ul,
.remember-me-popup,
.map-popup,
#subscribe-form .input-box .validation-advice
{
-moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
}
a,
.mobnav-trigger .trigger-icon .line,
.opener,
a > .ib,
a.feature-icon-hover > .ib
/*, .header-mobile .skip-link*/
{
transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}
a:hover,
.mobnav-trigger:hover .trigger-icon .line,
.opener:hover,
.nav-item > a:hover + .opener, /* Opener following a link in mobile menu */
a:hover > .ib,
a.feature-icon-hover:hover > .ib
{
transition-duration: 100ms;
-moz-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
}
/* Carets - in menu
-------------------------------------------------------------- */
.nav-regular a > .caret {
transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
-moz-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
-webkit-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
-o-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
}
.nav-regular a:hover > .caret {
transition-duration: 100ms;
-moz-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
}
#scroll-to-top
{
transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
-moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
-webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
-o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}
.accordion .opener,
.collapsible .opener,
.acco .opener /* Menu opener */
{
/* Override default background image */
background-image: none !important;
/* Font icons */
display: inline-block;
font-family: ThemeIcons;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Icon size */
font-size: 12px;
}
.accordion .opener:before,
.collapsible .opener:before,
.acco .opener:before {
content: "\e23c";
}
/* Active opener */
.accordion li.item-active > .opener:before,
.collapsible.active .opener:before,
.acco li.item-active > .opener:before {
content: "\e23d";
}
.wrapper { border-top-style:solid; border-top-width:5px; }
.sticky-header .sticky-container {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
background-color: #fff;
}
.sticky-header .nav-container {
padding-top: 0;
padding-bottom: 0;
}
.sticky-header .nav-container .nav {
background-color: transparent;
padding-top: 0;
padding-bottom: 0;
}
/* Remove shadow from the menu bar and from the menu bar container */
.sticky-header .nav-container .nav,
.sticky-header .nav-container #nav {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.sticky-header .nav-regular .nav-item.level0 > a .cat-label {
display: none;
}
.sticky-header .sticky-container--full-width .container {
/* Stretch the container to take all available space */
max-width: none;
width: 100%;
}
.sticky-header .sticky-container--full-width .inner-container {
padding-left: 0;
padding-right: 0;
}
.sticky-header .nav-holder .dropdown-heading .label {
display: none;
}
.nav.simple {
width: 100%;
}
.container {
margin-left:auto;
margin-right:auto;
}
.inner-container {
padding-left: 15px;
padding-right: 15px;
/* Clear floats */
*zoom: 1;
clear: both;
}
/* Clear floats */
.inner-container:before,
.inner-container:after { display: table; line-height: 0; content: ""; }
.inner-container:after { clear: both; }
/* Full width container
-------------------------------------------------------------- */
.container.full-width {
width: 100%;
max-width: none;
}
/* Expanded container (without inner side padding)
-------------------------------------------------------------- */
.container.no-side-padding > .inner-container
{
padding-left: 0;
padding-right: 0;
}
a { color: #333333; }
a:hover,
.vertnav li.current > a,
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover
{
color: #333333;
}
.caret {
border-top-color: #333333;
}
.links > li > a:hover {
background-color: #de2666;
color: #ffffff !important;
}
.nav-regular .nav-item.level0 > a, /* level 1 */
/* Mega dropdown */
.nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */
/* Containers for additional elements in the menu bar */
.nav-regular .nav-holder .dropdown-heading,
/* Mobile mode */
.mobnav-trigger,
.nav-mobile .nav-item.level0 > a, /* level 1 */
.nav-mobile .nav-item.level1 > a, /* level 2 */
.nav-mobile .nav-item.level2 > a, /* level 3 */
/* Holders for additional elements in the menu bar */
.nav-regular .nav-holder .dropdown-heading,
.nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading,
/* Mobile header skip links */
.header-mobile .skip-link .label,
/* Block headings */
.block .block-title,
/* Checkout headings */
#opc-login h3,
/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/
/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,
/* Product page */
.product-view .box-reviews dt .heading,
/* Footer headings */
#subscribe-form label,
/* Captions */
.caption .heading
{
font-family: "Roboto", georgia, serif;
font-weight: 300,400,500;
}
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages a,
.pager .pages .current,
/* Add-to links */
.add-to-links .ic,
/* Slider arrows */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page span,
.slider-pagination2 .owl-controls .owl-page span,
/* Lightbox */
#cboxPrevious,
#cboxNext,
#cboxClose,
/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.collapsible .opener,
/* Scroll to top */
#scroll-to-top
{
background-color: #f5f5f5;
color: #333333;
}
/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,
/* Add-to links */
.add-to-links .ic:hover,
.add-to-links .feature-icon-hover:hover .ic,
/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,
/* Accordion and collapsible: opener */
.accordion-style1 .opener:hover,
.collapsible .opener:hover,
/* Scroll to top */
#scroll-to-top:hover
{
background-color: #6FB1D4;
color: #ffffff;
}
.wrapper
{
border-top-color: #333333;
background-color: #ffffff;
}
.inner-container {
padding-left: 12px;
padding-right: 12px;
}
.header-container
{
}
.header
{
}
.header a {
}
.header a:hover {
}
.header .caret {
border-top-color: #333333;
}
.header-container .dropdown .dropdown-content,
.header-container .dropdown.open > .dropdown-heading.cover > *,
.header-container .truncated .truncated_full_value .item-options,
.header-container .form-search .search-autocomplete
{
background-color: #ffffff;
color: #333333; }
.header-container .dropdown .dropdown-content a,
.header-container .dropdown.open > .dropdown-heading.cover a,
.header-container .form-search .search-autocomplete li
{
color: #333333;
}
.header-container .dropdown .dropdown-content a:hover,
.header-container .dropdown.open > .dropdown-heading.cover a:hover,
.header-container .form-search .search-autocomplete li:hover
{
color: #aaaaaa;
}
.header-container .dropdown.open > .dropdown-heading.cover .caret, .nav-holder .dropdown.open > .dropdown-heading.cover .caret {
border-top-color: #333333;
}
.header-top-container
{
}
.header-top
{
}
.header-top a
{
}
.header-top a:hover
{
}
.header-top,
.header-top .dropdown .dropdown-heading,
.header-top .links > li
{
line-height: 36px;
}
.header-top .dropdown .dropdown-heading
{
max-height: 36px;
}
.header-primary-container
{
}
.header-primary
{
padding-top: 10px;
padding-bottom: 10px;
}
.header-primary .dropdown .dropdown-heading,
.header-primary .links > li
{
font-size: 12px;
line-height: 36px;
}
.header-primary .dropdown .dropdown-heading
{
max-height: 36px;
}
.header-mobile .skip-link
{
background-color: #fafafa;
color: #333333;
}
.header-mobile .skip-link:hover {
color: #333333;
}
.header-mobile .skip-link.skip-active
{
background-color: #6FB1D4;
color: #333333;
}
li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
{
background-color: #ff5800;
color: #ffffff;
}
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before
{
border-top-color: #ff5800;
}
#nav .nav-panel--dropdown
{
background-color: #ffffff;
color: #333333;
}
#nav .nav-panel--dropdown a
{
color: #333333;
}
#nav .nav-panel--dropdown a:hover
{
color: #333333;
/*color seledect drop*/
}
#nav .nav-panel--dropdown a .caret
{
border-left-color: #333333;
border-right-color: #333333;
}
#nav .nav-panel--dropdown a:hover .caret
{
border-left-color: #333333;
border-right-color: #333333;
}
.nav-regular .nav-panel--dropdown
{
-moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
-webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
box-shadow:0 3px 10px rgba(0,0,0, 0.15);
}
.nav-mobile div.nav-panel--dropdown
{
-moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
z-index: 1;
position: relative;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}
.nav-container , .footer
{
background-color: #0B0B61;
}
.nav
{
}
.sticky-header .nav-container, .sticky-header .nav-regular {
background-color: #f5f5f5;
}
.sticky-header .nav-regular .nav-item.level0 > a,
.sticky-header .nav-regular .nav-holder .dropdown-heading,
.sticky-header .nav-regular .nav-item--homeicon a, .sticky-header .nav-regular .nav-item--homeicon.active a {
color: #333333;
}
.sticky-header .nav-regular .nav-item.level0.parent > a .caret,
.sticky-header .nav-regular .nav-holder .dropdown-heading .caret {
border-top-color: #333333;
}
.sticky-header .nav-border-bottom
{
border-bottom: none;
}
.sticky-header #nav.nav-regular
{
border-bottom: none;
}
.nav-regular
{
background-color: ;
}
.nav-regular .nav-item.level0 > a,
#nav .nav-item--homeicon a,
.nav-regular .nav-holder .dropdown-heading,
.nav-regular .nav-holder a.dropdown-heading:hover
{
color: #ffffff;
}
.nav-mobile .nav-item.level0 > a
{
background-color: ;
color: #ffffff;
}
.nav-mobile .nav-item.level0 > .opener
{
color: #ffffff;
}
#nav.nav-mobile ul.level0 .nav-item > a
{
background-color: ;
color: #ffffff;
}
.nav-mobile ul.level0 .nav-item > .opener
{
color: #ffffff;
}
.nav-regular .nav-item.level0.active > a
{
background-color: #8CC1DD;
color: #333333;
}
.nav-mobile .nav-item.level0.current > a
{
background-color: #8CC1DD;
color: #333333;
}
.nav-mobile .nav-item.level0.current > .opener
{
color: #333333;
}
#nav.nav-mobile ul.level0 .nav-item.current > a
{
background-color: #8CC1DD;
color: #333333;
}
.nav-mobile ul.level0 .nav-item.current > .opener
{
color: #333333;
}
.nav-regular .nav-item.level0:hover > a
{
background-color: #04B45F;
color: #333333;
}
.nav-mobile .nav-item.level0 > a:hover
{
background-color: #8CC1DD;
color: #333333;
}
.nav-mobile .nav-item.level0 > a:hover + .opener
{
color: #333333;
}
#nav.nav-mobile ul.level0 .nav-item > a:hover
{
background-color: #8CC1DD;
color: #333333;
}
.nav-mobile ul.level0 .nav-item > a:hover + .opener
{
color: #333333;
}
.nav-regular .nav-item.level0 > a {
line-height: 54px;
}
.nav-regular .nav-holder > * {
line-height: 54px;
max-height: 54px; }
.nav-regular .nav-holder .dropdown-heading {
line-height: 54px;
max-height: 54px;
}
.nav-regular .nav-item.level0.parent > a .caret,
.nav-holder .dropdown-heading .caret {
border-top-color: #ffffff;
}
.nav-regular .nav-item.level0.parent.active > a .caret {
border-top-color: #333333;
}
.nav-regular .nav-item.level0.parent:hover > a .caret {
border-top-color: #333333;
}
.nav-mobile .nav-item { margin-top: 1px !important; }
.nav-mobile { background-color: #6FB1D4; }
.mobnav-trigger-wrapper
{
background-color: ;
color: #ffffff;
}
.mobnav-trigger
{
background-color: ;
color: #ffffff;
}
.mobnav-trigger:hover
{
background-color: #8CC1DD;
color: #333333;
}
.mobnav-trigger.active
{
background-color: #8CC1DD;
color: #333333;
}
.mobnav-trigger .trigger-icon .line {
background-color: #ffffff;
}
.mobnav-trigger:hover .trigger-icon .line {
background-color: #333333;
}
.mobnav-trigger.active .trigger-icon .line {
background-color: #333333;
}
.nav-regular .nav-item.level0 > a,
.nav-regular .nav-holder .dropdown-heading,
.nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading
{
font-size:13px;
text-transform:uppercase;
}
.nav-regular .nav-submenu--mega > li > a
{
font-size:13px;
text-transform:uppercase;
}
.nav-mobile li.nav-item > a
{
font-size:14px;
}
.mobnav-trigger,
.nav-mobile .nav-item.level0 > a
{
font-size:14px;
text-transform: uppercase;
}
.nav-mobile .nav-item.level1 > a
{
font-size:14px;
text-transform: none;
}
.main-container
{
}
.main{
background-color: #ffffff;
padding-top: 40px;
padding-bottom: 40px;
}
.container {
width:96%;
max-width: 1100px;
}
.lte-ie8 .container { max-width:1100px; }
html,
body,
input,
select,
textarea,
button {
font-family: "Roboto", Arial, serif!important;
font-weight:300;
font-style:normal;
color:#333333;
font-size: 13px;
line-height: 27px;
}
.wrapper {
border: none!important;
}
.header .logo-wrapper .logo {
max-width: 160px;
margin: 0;
}
.nav-regular li.level0 > a > span {
font-weight: 400;
}
.share .ic {
vertical-align: middle;
margin-top: -2px;
}
.nav-regular li.level0 > a .caret {
opacity: 0.7;
}
.sticker {
font-weight: 500;
}
.nav-regular li.level0 > a {
padding: 0 20px;
}
.nav-regular .classic > .nav-panel--dropdown {
padding: 15px 0;
}
#nav .nav-panel--dropdown a {
padding: 15px 25px;
font-weight: 400;
}
#nav .nav-panel--dropdown a:hover {
background-color: #04B45F;
}
.level0 > a > span > .cat-label {
font-size: 13px;
}
.header-mobile .logo-wrapper--mobile {
max-width: 160px;
}
.acco .nav-item > a {
padding: 15px;
}
.mobnav-trigger,
.nav-mobile .nav-item.level0 > a {
font-weight: 400!important;
}
.header-mobile .skip-link.skip-active {
background-color: #3375;
}
.footer p{
color:#FFFFFF;
text-align:center;
padding:10px
}
.footer{ margin-bottom:38px;}
.footer-datos{ position: fixed; bottom:0; left:0; width:100%; background-color:#f5f5f5; padding:5px 0; z-index:1000;
-webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.31);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.31);
font-weight:400;
}
.footer-datos .contenido{padding-left:12px; padding-right:12px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.footer-datos .contenido .fono{ background:#6FB1D4;border-radius:50%; width:30px; padding:2px; text-align:center; float:left; margin-right:4px;font-weight:normal}
.footer-datos .contenido .fono:before{content: "\E204";font-family: ThemeIcons;font-size:1.2em;color:#FFFFFF}
.footer-datos .contenido .mail{ background:#6FB1D4;border-radius:50%; width:30px; padding:2px; text-align:center; float:left; margin-right:4px;font-weight:normal}
.footer-datos .contenido .mail:before{content: "\E205";font-family: ThemeIcons; font-size:1.2em; color:#FFFFFF}
.footer-datos .contenido .whas{ background:url(../img/w.png) no-repeat; width: 32px; height:32px; display:inline-block; }
.footer-datos .contenido .f1{ display: block; float:left; width:35%; }
.footer-datos .contenido .f2{ display: block; float:left; width:29%;}
.footer-datos .contenido .f3{ display: block; float:left; width:28%;}
.footer-datos .contenido .f4{ display: block; float:left; width:8%;}
.footer-datos .contenido .f1 div{margin:auto; width:330px; }
.footer-datos .contenido .f2 div{margin:auto; width:184px; }
.footer-datos .contenido .f3 div{margin:auto; width:200px; }
.footer-datos .contenido .f4 div{ float:right;}
.footer-datos .contenido .f4 img{ margin-top:3px; margin-left:4px}
#header{ height:90px; padding-left:12px; padding-right:12px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#detail{
padding-left:12px; padding-right:12px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#detail .m_detail{
padding-top:20px;
padding-bottom:20px;
font-weight: 400;
}
#detail .m_detail ul {
list-style-type: none ;
padding: 0px 0px 0px 0px ;
}
#detail .m_detail ul li {
display: inline ;
padding: 3px 20px 4px 10px ;
background:#F5F5F5 no-repeat;
background-image:url(../img/divider.png) ;
background-position:right;
color:#000000;
}
#detail .m_detail a{ color:#000000;}
#detail .m_detail a:hover{ color: #999999}
#detail .m_detail ul li.last{
background-image:url(../img/divider_last.png) ;
color: #999999;
}
#detail .det-cart{ min-height:500px}
#detail .det-cart h2.car{
font-weight: 400;
}
#detail .det-cart h2.car:before {
content: "\e250";
font-family: ThemeIcons;
}
#detail .det-cart h2.order{
font-weight: 400;
}
#detail .det-cart h2.order:before {
content: "\e203";
font-family: ThemeIcons;
}
#detail .det-session h2.register{
font-weight:bold;
}
#detail .det-session h2.register:before {
content: "\e20e";
font-family: ThemeIcons;
}
#detail .det-cart .detalle-cart .cab{display: table; width:100%; margin-top:10px}
#detail .det-cart .detalle-cart .cab div{
background:#1A1A1A;
color:#FFFFFF;
font-size:1.3em;
font-weight:500;
padding:10px;
inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
display: table-cell;
}
#detail .det-cart .detalle-cart { width:100%;}
#detail .det-cart .detalle-cart .row{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: table; font-weight:400; position:relative ;width:100%;}
#detail .det-cart .detalle-cart .row div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:10px; padding-top:5px; padding-bottom:5px;display: table-cell;}
#detail .det-cart .detalle-cart div.t1{ width:56%;vertical-align:middle;}
#detail .det-cart .detalle-cart div.t1 img { width:70px}
#detail .det-cart .detalle-cart div.t2{ width:14%;vertical-align:middle;text-align:center}
#detail .det-cart .detalle-cart div.t3{ width:7%;vertical-align:middle;text-align:center}
#detail .det-cart .detalle-cart div.t4{ width:9%;vertical-align:middle;}
#detail .det-cart .detalle-cart div.t5{ width:14%; text-align:center; vertical-align:middle;}
#detail .det-cart .detalle-cart div.c1{ border-left: 1px solid #999999; border-bottom:1px solid #999999; position:relative}
#detail .det-cart .detalle-cart div.c1 img { position:absolute; top:0px; left:6px}
#detail .det-cart .detalle-cart div.c1 div { margin-left:70px}
#detail .det-cart .detalle-cart div.c2{border-left: 1px solid #999999;border-bottom:1px solid #999999; line-height:14px; text-align:right }
#detail .det-cart .detalle-cart div.c3{border-left: 1px solid #999999;border-bottom:1px solid #999999; line-height:14px; text-align:center; padding-left:0px; padding-right:0px; }
#detail .det-cart .detalle-cart div.c3 .cnt{ border:1px solid #999999; width:40px; padding:0px; padding-top:4px; padding-bottom:4px;display:block; margin:auto; margin-bottom:4px;}
#detail .det-cart .detalle-cart div.c3 .btn{padding:0px;margin:auto; width:40px;display:block; margin:auto; }
#detail .det-cart .detalle-cart .item_mas{ background:#F5F5F5; width:20px;display:block; float:left; padding-top:3px; padding-bottom:3px;font-size:1.1em; -webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;}
#detail .det-cart .detalle-cart .item_mas:hover{ background:#5CB85C;color:#FFFFFF}
#detail .det-cart .detalle-cart .item_menos{ background: #F5F5F5; width:20px;display:block;float:left;padding-top:3px; padding-bottom:3px;font-size:1.4em; -webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;}
#detail .det-cart .detalle-cart .item_menos:hover{ background:#D9534F;color:#FFFFFF}
#detail .det-cart .detalle-cart div.c4{border-left: 1px solid #999999;border-bottom:1px solid #999999; line-height:14px; text-align:center }
#detail .det-cart .detalle-cart div.c4 span{font-size:24px;}
#detail .det-cart .detalle-cart div.c4 p{ margin:0px; padding:0px}
#detail .det-cart .detalle-cart div.c5{border-left: 1px solid #999999;border-right: 1px solid #999999;border-bottom:1px solid #999999; font-weight:600; text-align:right}
#detail .det-cart .detalle-cart .total{ width:100%; height:40px; margin-top:20px; margin-bottom:20px; text-align:right; position: relative}
#detail .det-cart .detalle-cart .total .text{ display:inline-table; width:300px; line-height:40px; padding-left:10px; padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: right;font-weight:bold;border:1px solid #999999; border-right:0px}
#detail .det-cart .detalle-cart .total .imp{ display:inline-table;width:300px;line-height:40px; text-align:right; padding-left:10px; padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:bold; border:1px solid #999999}
#detail .det-cart .detalle-cart .total .button{
position:absolute;
left:0px;
top:0px;
margin-top:2px;
width: 150px;
padding: 3px 0px 3px 0px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align:center;
background: #424142;
background-image: -webkit-linear-gradient(top, #424142, #202020);
background-image: -moz-linear-gradient(top, #424142, #202020);
background-image: -ms-linear-gradient(top, #424142, #202020);
background-image: -o-linear-gradient(top, #424142, #202020);
background-image: linear-gradient(to bottom, #424142, #202020);
cursor:pointer;
}
#detail .det-cart .detalle-cart .total .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #202020, #141414);
background-image: -moz-linear-gradient(top, #202020, #141414);
background-image: -ms-linear-gradient(top, #202020, #141414);
background-image: -o-linear-gradient(top, #202020, #141414);
background-image: linear-gradient(to bottom, #202020, #141414);
}
#detail .det-cart .detalle-cart .total .button:before{
font-family: ThemeIcons;
content: "\e250";
}
#detail .det-cart .detalle-cart .pnl1{ width:55%; float:left}
#detail .det-cart .detalle-cart .pnl2{ width:45%; float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left:10px}
#detail .det-cart .detalle-cart .cab-order-det{display: table; width:100%; margin-top:10px}
#detail .det-cart .detalle-cart .cab-order-det div{
background:#1A1A1A;
color:#FFFFFF;
font-size:1.1em;
font-weight:500;
padding:10px;
inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
display: table-cell;
}
#detail .det-cart .detalle-cart .pnl1 div.t1{ width:64%;vertical-align:middle;}
#detail .det-cart .detalle-cart .pnl1 div.t1 img { width:44px}
#detail .det-cart .detalle-cart .pnl1 div.t5{ width:36%; text-align:center; vertical-align:middle;}
#detail .det-cart .detalle-cart .pnl1 .row-det-order{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: table; font-weight:400; position:relative ;width:100%; font-size:0.9em; border:1px solid #E9E9E9; margin-top:5px}
#detail .det-cart .detalle-cart .pnl1 .row-det-order div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:10px; padding-top:5px; padding-bottom:5px;}
#detail .det-cart .detalle-cart .pnl1 div.c1{ border:0px; position:relative; width:100%;display: table;}
#detail .det-cart .detalle-cart .pnl1 div.c1 img { position:absolute; top:0px; left:6px}
#detail .det-cart .detalle-cart .pnl1 div.c1 div { margin-left:40px; line-height:15px;}
#detail .det-cart .detalle-cart .pnl1 div.c2{ border:0px; position:relative; width:35%; display:block; float:left;line-height:15px}
#detail .det-cart .detalle-cart .pnl1 div.c3{ border:0px; position:relative; width:35%; display:block; float:left;line-height:15px}
#detail .det-cart .detalle-cart .pnl1 div.c5{ border:0px; position:relative; width:30%; display:block; float:left;line-height:15px; text-align:right}
#detail .det-cart .detalle-cart .total-order{ width:100%; height:40px; margin-top:20px; margin-bottom:20px; text-align:right; position: relative}
#detail .det-cart .detalle-cart .total-order .text{ display:inline-table; width:56%; line-height:40px; padding-left:10px; padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: right;font-weight:bold;border:1px solid #E9E9E9; border-right:0px}
#detail .det-cart .detalle-cart .total-order .imp{ display:inline-table;width:44%;line-height:40px; text-align:right; padding-left:10px; padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:bold; border:1px solid #E9E9E9}
#detail .det-cart .detalle-cart .pnl2 .frm{ background:#FFFFFF; width:100%; margin-top:10px;padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:10px;
border:1px solid #E9E9E9;
min-height:300px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#detail .det-cart .detalle-cart .pnl2 .frm h3{ font-weight:400}
#detail .det-cart .detalle-cart .pnl2 .frm span{font-weight:500}
#detail .det-cart .detalle-cart .pnl2 .frm .button {
display: block;
float:left;
width: 120px;
padding: 5px 0px 5px 0px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
font-weight: 500;
text-align:center;
background: #6FB1D4;
background-image: -webkit-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -moz-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -ms-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -o-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: linear-gradient(to bottom, #6FB1D4, #4F9ECA);
border:0px;
cursor:pointer;
margin-top:10px
}
#detail .det-cart .detalle-cart .pnl2 .frm .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -moz-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -ms-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -o-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: linear-gradient(to bottom, #4F9ECA, #3A95C5);
}
#detail .det-cart .detalle-cart .pnl2 .frm .button:disabled{
background:#CCCCCC;
}
#detail .det-cart .detalle-cart .pnl2 .frm .proceso{min-height:40px; text-align:center}
#detail .det-session { width:100%; border:1px solid #999999; padding:10px; padding-top:50px; padding-bottom:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: table; margin-bottom:50px}
#detail .det-cart .detalle-cart .pnl2 .frm .msjok{
color:#FFFFFF; line-height:16px; padding:5px; font-weight:500;
background: #00CC66;
background-image: -webkit-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -moz-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -ms-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -o-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: linear-gradient(to bottom, #6FB1D4, #4F9ECA);
}
#detail .det-session p{ font-weight:400}
#detail .det-session .session{ width:40%; padding-left:40px; padding-right:20px; padding-top:10px; padding-bottom:10px; border-right:1px solid #999999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: table-cell;
vertical-align: middle;
}
#detail .det-session .session a{ text-decoration:underline; font-weight:500;color:#999999}
#detail .det-session .session a:hover{ color:#666666}
#detail .det-session .session .imput{ padding-bottom:10px; padding-top:10px}
#detail .det-session .session .imput input[type=text]{ padding:0px;width:200px; font-size:1em;line-height:22px; padding:2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#detail .det-session .session .imput input[type=password]{ padding:0px;width:200px; font-size:1em; line-height:22px; padding:2px ;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#detail .det-session .session .imput span{ width:100%; display:block;color:#FF0000; font-size:0.9em}
#detail .det-session .new-register{ width:60%; padding-left:40px; padding-right:20px; padding-top:10px; padding-bottom:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
display: table-cell;
vertical-align: middle;}
#detail .det-session .new-register .button {
margin-top:18px;
display: block;
float:left;
width: 200px;
padding: 5px 0px 5px 0px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align:center;
background: #424142;
background-image: -webkit-linear-gradient(top, #424142, #202020);
background-image: -moz-linear-gradient(top, #424142, #202020);
background-image: -ms-linear-gradient(top, #424142, #202020);
background-image: -o-linear-gradient(top, #424142, #202020);
background-image: linear-gradient(to bottom, #424142, #202020);
}
#detail .det-session .new-register .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #202020, #141414);
background-image: -moz-linear-gradient(top, #202020, #141414);
background-image: -ms-linear-gradient(top, #202020, #141414);
background-image: -o-linear-gradient(top, #202020, #141414);
background-image: linear-gradient(to bottom, #202020, #141414);
}
#detail .det-session .session .button {
display: block;
float:left;
width: 120px;
padding: 5px 0px 5px 0px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align:center;
background: #6FB1D4;
background-image: -webkit-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -moz-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -ms-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -o-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: linear-gradient(to bottom, #6FB1D4, #4F9ECA);
border:0px;
cursor:pointer;
}
#detail .det-session .session .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -moz-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -ms-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -o-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: linear-gradient(to bottom, #4F9ECA, #3A95C5);
}
#detail .det-register h2.tit{
font-weight:bold;
}
#detail .det-register h2.tit:before {
content: "\e22e";
font-family: ThemeIcons;
}
#detail .det-register h2.tit-recovery{
font-weight:bold;
}
#detail .det-register h2.tit-recovery:before {
content: "\e245";
font-family: ThemeIcons;
}
#detail .det-register { width:100%; border:1px solid #999999; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: table;padding:20px;; padding-left:40px; padding-right:40px;}
#detail .det-register .form{
width:100%; border:1px solid #999999; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:10px;
margin-top:20px; padding-left:30px; padding-right:30px; position:relative;
}
#detail .det-register .cabe{ width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-bottom:1px solid #666666; padding:10px; margin-bottom:30px;}
#detail .det-register .cabe span{ font-weight:400; font-size:1.2em}
#detail .det-register .row{ width:500px; margin:auto; position:relative; font-weight:400; display:table; margin-top:10px;}
#detail .det-register .row .text { display: table-cell; width:35%; text-align:right; padding-right:10px;}
#detail .det-register .row .cell { display: table-cell; width:65%; padding-right:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#detail .det-register .row .cell input[type=text],input[type=password],select { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:2px;line-height: 22px;}
#detail .det-register .row .cell select { padding-top:5px; padding-bottom:5px}
#detail .det-register .row .msjico{ width:26px; position:absolute; right:0px; top:0px; font-size:18px}
#detail .det-register .row .msj{ width:100%; float:right; text-align:right; color:#FF0000; font-size:0.9em}
#detail .det-register .row .button {
border:0px;
display: block;
width: 140px;
padding: 5px 0px 5px 0px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
font-weight: 500;
text-align:center;
background: #6FB1D4;
background-image: -webkit-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -moz-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -ms-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -o-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: linear-gradient(to bottom, #6FB1D4, #4F9ECA);
}
#detail .det-register .row .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -moz-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -ms-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -o-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: linear-gradient(to bottom, #4F9ECA, #3A95C5);
}
#detail .det-register .row .button:disabled{
background:#CCCCCC;
}
#detail .det-register .row .msjok:before{
content: "\e20e";
font-family: ThemeIcons;
color:#009900;
}
#detail .det-register .row .msjErr:before{
content: "\e22d";
font-family: ThemeIcons;
color:#FF0000;
}
#detail .det-register .formrecovery{width:100%; border:1px solid #999999; position:relative; margin-top:20px }
#detail .det-register .formrecovery .form-img{ position: absolute; top: 0; left:0;width: 280px; margin:auto; height:300px;}
#detail .det-register .formrecovery .form-img div{ width:100%; line-height:300px ; text-align: center}
#detail .det-register .formrecovery .form-img img{ height:160px; vertical-align:middle;}
#detail .det-register .formrecovery .form-text{ padding-left:280px;height:300px; display:table; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#detail .det-register .formrecovery .form-text .rows{ display:table-cell;vertical-align: middle; text-align:center;}
#detail .det-register .formrecovery .rows .text { width:130px; text-align:right;float:left; padding-right:10px}
#detail .det-register .formrecovery .rows .cell { width:240px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float:left}
#detail .det-register .formrecovery .rows .cell input[type=text],input[type=password],select { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:2px;line-height: 22px;}
#detail .det-register .formrecovery .rows .msj{ width:100%; float:right; text-align:right; color:#FF0000; font-size:0.9em}
#detail .det-register .formrecovery .rows .pbtn { width:120px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float:left; }
#detail .det-register .formrecovery .rows .proceso{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display:table-row;
float:left; padding:20px}
#detail .det-register .formrecovery .rows .button {
border:0px;
display: block;
width: 100px;
padding: 2px 0px 2px 0px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
font-weight: 500;
text-align:center;
background: #6FB1D4;
background-image: -webkit-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -moz-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -ms-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: -o-linear-gradient(top, #6FB1D4, #4F9ECA);
background-image: linear-gradient(to bottom, #6FB1D4, #4F9ECA);
}
#detail .det-register .formrecovery .rows .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -moz-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -ms-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: -o-linear-gradient(top, #4F9ECA, #3A95C5);
background-image: linear-gradient(to bottom, #4F9ECA, #3A95C5);
}
#detail .det-register .formrecovery .rows .button:disabled{
background:#CCCCCC;
}
#header .content_logo , .content_button, .content_car{ width:33%; padding-top:5px;float:left;}
#header .content_search{ width:100%; float:right;position:relative; margin-top:20px}
#header .content_search .input-text{
float:right;
width:100%;
display: block;
height:36px;
line-height:36px; /*IE8*/
padding:0px 35px 0 7px;
color:#bbb;
overflow:hidden;
text-overflow:ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#header .content_search .button {
position:absolute;
right:0;
top:0;
margin:1px;
padding:0;
background-color:transparent !important;
border:0;
color:#000;
width:34px;
height:34px;
line-height:34px;
text-align:center;
cursor:pointer;
}
#header .content_search .button:before {
content: "\e235";
display: inline-block;
font-family: ThemeIcons;
}
#header .content_car .cart-box {
margin-top:18px;
float:right;
display: block;
width: 90%;
padding: 5px 0px 5px 0px;
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
font-weight: bold;
text-align:center;
background: #424142;
background-image: -webkit-linear-gradient(top, #424142, #202020);
background-image: -moz-linear-gradient(top, #424142, #202020);
background-image: -ms-linear-gradient(top, #424142, #202020);
background-image: -o-linear-gradient(top, #424142, #202020);
background-image: linear-gradient(to bottom, #424142, #202020);
}
#header .content_car .cart-box:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #202020, #141414);
background-image: -moz-linear-gradient(top, #202020, #141414);
background-image: -ms-linear-gradient(top, #202020, #141414);
background-image: -o-linear-gradient(top, #202020, #141414);
background-image: linear-gradient(to bottom, #202020, #141414);
}
#header .content_car .cart-box:before {
font-family: ThemeIcons;
content: "\e250";
}
.shopping-cart-box{
position: absolute;
right:0;
width:450px;
color: #ffffff;
background:#202020;
border-radius: 4px;
padding: 10px;
margin-top: 60px;
display:none;
z-index:9999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.shopping-cart-box a{
color: #ffffff;
text-decoration:none;
}
.shopping-cart-box:after {
content: '';
position: absolute;
bottom: 100%;
left: 60%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid rgba(32,32, 32, 1);
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
.shopping-cart-box ul.cart-products-loaded{
margin: 0;
padding: 0;
list-style: none;
}
.shopping-cart-box .close-shopping-cart-box{
float: right;
}
#shopping-cart-results div.fil{
width:100%;
background: #6FB1D4;
position:relative;
margin-bottom: 1px;
padding: 6px 4px 6px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.shopping-cart-box .remove-item{
float:right;
text-decoration:none;
font-size:20px;
}
.shopping-cart-box .name{
margin-right:126px;
}
.shopping-cart-box .dsc{
position:absolute;
right:0px; top:0px;
width:124px;
padding: 6px 0px 6px 0px;
}
.shopping-cart-box .dsc div{
float:left;
}
.shopping-cart-box .dsc .cnt{
width:22px;
}
.shopping-cart-box .dsc .price{
width:80px;
text-align:right;
}
.shopping-cart-box .dsc .close{
width:16px;
text-align:right;
}
.shopping-cart-box .cart-products-total{
text-align: right;
padding: 5px 0px 0px 5px;
}
#prod { width:100%; margin-top:18px}
#prod .title{
padding: 7px 0;
border-bottom: 1px solid #e5e5e5;
clear:both; margin:0; display:block;
padding-right:80px !important;
font-weight:normal;
font-size:1.5em;
line-height:1.2222em;
}
#detailprod { width:100%; margin-top:0px}
#detailprod div.deta{position: relative; width:100%;}
#detailprod div.deta .cont-img{position: absolute; top: 0; left:0; width: 420px; }
#detailprod div.deta .cont-img #zoom_03f{border:1px solid #e8e8e6; width:400px; height:400px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#detailprod div.deta .cont-img #zoom{width:400px; height:400px}
#detailprod div.deta .cont-img #gallery_01f{width:400px;}
#detailprod div.deta .cont-des{margin-left: 460px; min-height:500px;}
#detailprod div.deta .cont-des h4.price{ color:#FF0000;
font-size:16px; font-weight:bold}
#detailprod div.deta .cont-des h4.price-old{
color:#999999;
text-decoration:line-through;}
#detailprod div.deta .cont-des h4{ font-size:15px; font-weight:normal}
#detailprod div.deta .cont-des hr{ margin-top:20px; margin-bottom:20px; background-color: #e8e8e6; height: 1px; border: 0;}
#detailprod div.deta .cont-des .button{
width:150px;
border:0px;
color:#FFFFFF;
background: #424142;
background-image: -webkit-linear-gradient(top, #424142, #202020);
background-image: -moz-linear-gradient(top, #424142, #202020);
background-image: -ms-linear-gradient(top, #424142, #202020);
background-image: -o-linear-gradient(top, #424142, #202020);
background-image: linear-gradient(to bottom, #424142, #202020);
}
#detailprod div.deta .cont-des .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #202020, #141414);
background-image: -moz-linear-gradient(top, #202020, #141414);
background-image: -ms-linear-gradient(top, #202020, #141414);
background-image: -o-linear-gradient(top, #202020, #141414);
background-image: linear-gradient(to bottom, #202020, #141414);
}
#detailprod div.deta .cont-des .button:before{
font-family: ThemeIcons;
content: "\e250";
}
#detail-list { width:100%; position:relative;}
#detail-list .filtro{ position: absolute; top: 0; left:0; width:250px; min-height::400px; border:1px solid #E9E9E9;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#detail-list .filtro .category{width:100%;border-bottom:1px solid #E9E9E9; padding-bottom:20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#detail-list .filtro .cat{width:100%; background:#F5F5F5; padding:6px 10px 6px 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; font-weight:500; font-size:14px; margin-bottom:10px}
#detail-list .filtro .row{width:100%;padding:1px 10px 1px 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
#detail-list .detalle{ margin-left: 260px; min-height:700px;text-align:center}
#detail-list .detalle .bar{ width:100%; height:34px; margin-bottom:10px; border-bottom:1px solid #E9E9E9; position:relative;}
#detail-list .detalle .tit{ font-size:20px; text-align:left; height:40px}
#detail-list .detalle .bar-botom{ margin-top:30px}
#detail-list .detalle .view-cnt{ width:70px; height: 25px; position:absolute; top:4px; right:0}
#detail-list .detalle .category-option{ text-align:left}
#detail-list .grid, .list{
border-radius: 3px;
width: 15px;
height:15px;
margin-left: 10px;
float: left;
cursor: pointer;
padding: 3px;
}
#detail-list .marca a{font-weight:bold;font-size:14px;}
#detail-list .product a{font-weight:normal;margin-left:5px;margin-right:5px;font-size:14px;}
#detail-list .grid{background: url(../img/grid.png) 50% no-repeat;}
#detail-list .grid:hover{background: #6D6B6D url(../img/gridw.png) 50% no-repeat;}
#detail-list .grid-active{ background: #323132 url(../img/gridw.png) 50% no-repeat; }
#detail-list .list{background: url(../img/list.png) 50% no-repeat;}
#detail-list .list:hover{background: #6D6B6D url(../img/listw.png) 50% no-repeat;}
#detail-list .list-active{background: #323132 url(../img/listw.png) 50% no-repeat;}
#detail-list .clear{clear: both;}
#detail-list .prod-cnt{position:relative;}
#detail-list .price{font-weight:normal;font-size:16px;}
#detail-list .price-act{color:#FF0000; }
#detail-list .price-old{color:#999999;text-decoration:line-through;margin-right:2px}
#detail-list .button{
position:absolute;
right:0;
bottom:0;
width:100px;
border:0px;
color:#FFFFFF;
background: #424142;
background-image: -webkit-linear-gradient(top, #424142, #202020);
background-image: -moz-linear-gradient(top, #424142, #202020);
background-image: -ms-linear-gradient(top, #424142, #202020);
background-image: -o-linear-gradient(top, #424142, #202020);
background-image: linear-gradient(to bottom, #424142, #202020);
}
#detail-list .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #202020, #141414);
background-image: -moz-linear-gradient(top, #202020, #141414);
background-image: -ms-linear-gradient(top, #202020, #141414);
background-image: -o-linear-gradient(top, #202020, #141414);
background-image: linear-gradient(to bottom, #202020, #141414);
}
#detail-list .button:before{
font-family: ThemeIcons;
content: "\e250";
}
#detail-list .prod-box{ width:33.3%; float:left; height:376px; padding:3px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#detail-list .prod-box .des{ width:100%; height:98%;border:1px solid #E9E9E9;position:relative; }
#detail-list .prod-box p{ display:none;}
#detail-list .prod-box .product { line-height:16px; padding-left:0px; margin:0px; padding-left:4px; padding-right:4px}
#detail-list .prod-box .product a{ margin:0px;}
#detail-list .prod-box-list{ width:99.9%; margin:auto;display: inline-block; text-align:left;border:1px solid #E9E9E9}
#detail-list .prod-box-list img{ float:left}
#detail-list .prod-box-list .product a{margin-left:0px;margin-right:0px;}
#detail-list .prod-box-list h3.marca { padding-top:10px }
#detail-list .prod-box-list .des{ padding-right:160px;}
#detail-list .prod-box-list .button{ width:150px;}
#detail-list .prod-box-list .price-boton{ position:absolute; right:0; top:0; width:150px}
#detail-list .prod-box-list .price-old{ display:block; margin-top:10px}
#detail-list .prod-box-list .price-act{ display:block;}
#detail-list .shadow{
-webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.31);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.31);
}
div.pagination {
font-weight:normal;
}
div.pagination a {
padding: 5px 7px 5px 7px;
margin: 1px;
text-decoration: none; /* no underline */
cursor:pointer;
font-weight:normal;
background:#F5F5F5;
}
div.pagination a:hover, div.pagination a:active {
background:#6D6B6D;
color: #FFF;
}
div.pagination span.current {
padding: 5px 7px 5px 7px;
margin: 1px;
font-weight: normal;
background-color: #323132;
color: #FFF;
}
div.pagination span.disabled {
padding: 5px 7px 5px 7px;
margin: 1px;
color: #DDD;
}
div.pagination .prev:before {vertical-align: -10%;font-family: ThemeIcons; font-size:20px;content: "\e260"; }
div.pagination .next:before {vertical-align: -10%; font-family: ThemeIcons;font-size:20px;content: "\e263";}
/* owl */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
margin-bottom:40px;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.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-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons
{
position:absolute;
right:0px;
top:-45px;
font-family: ThemeIcons;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #373737;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 3px;
padding: 3px 3px 3px 3px;
font-size: 24px;
background: #F5F5F5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
background: #6FB1D4;
opacity: 1;
text-decoration: none;
color: #FFFFFF;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #F5F5F5;
border:1px solid #EEEEEE;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
background:#6FB1D4;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(../img/AjaxLoader.gif) no-repeat center center
}
#owldest .item,#owldoferta .item{
padding: 10px 0px 10px 0px;
margin: 5px;
text-align: center;
border:1px solid #EEEEEE;
height:360px;
}
#owldest .item:hover img,#owldoferta .item:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
}
.owl-carousel .product a{
font-weight:normal;
margin-left:5px;
margin-right:5px;
font-size:14px;
}
.owl-carousel .product{
line-height:16px;
}
.owl-carousel .marca a{
font-weight:bold;
margin-left:5px;
margin-right:5px;
font-size:14px;
}
.owl-carousel .price{
font-weight:normal;
color:#FF0000;
font-size:16px;
}
.owl-carousel .item{ position:relative;}
.owl-carousel .button{
position:absolute;
right:0;
bottom:0;
width:100px;
border:0px;
color:#FFFFFF;
background: #424142;
background-image: -webkit-linear-gradient(top, #424142, #202020);
background-image: -moz-linear-gradient(top, #424142, #202020);
background-image: -ms-linear-gradient(top, #424142, #202020);
background-image: -o-linear-gradient(top, #424142, #202020);
background-image: linear-gradient(to bottom, #424142, #202020);
}
.owl-carousel .button:hover{
background: #202020;
background-image: -webkit-linear-gradient(top, #202020, #141414);
background-image: -moz-linear-gradient(top, #202020, #141414);
background-image: -ms-linear-gradient(top, #202020, #141414);
background-image: -o-linear-gradient(top, #202020, #141414);
background-image: linear-gradient(to bottom, #202020, #141414);
}
.owl-carousel .button:before{
font-family: ThemeIcons;
content: "\e250";
}
.owl-carousel .price-old
{
color:#999999;
text-decoration:line-through;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "\e260";}
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: "\e263"; }
/* owl fin */
ul.tabs
{
padding: 0px 0px 0px 0px;
margin:0px;
font-size: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the tabs as desired*/
padding-left:0px; /* Offset of the first tab */
}
ul.tabs li
{
display: inline;
margin: 0;/*no distance between tabs*/
background: White;
margin-left: 0px;
}
ul.tabs li a
{
text-decoration: none;
position: relative;
padding: 7px 22px;
color: #000;
outline:none;
background: #F6F6F9;
font-size:15px;
/* border:1px solid #CCC;*/
/* border-right:0;*/
}
ul.tabs li a:hover
{
color: #000;
background: white;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
background:#6FB1D4;
color:#FFFFFF;
}
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
top: 0px;
font-weight:normal;
background: #FFF;
border:1px solid #CCC;
border-bottom: 1px solid #FFF;
color: #000;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
ul.tabs li.selected a:hover
{
text-decoration: none;
}
div.tabcontents
{
border-top: 1px solid #CCC; padding: 30px 10px;
margin-top:-4px;
}
div.tabcontents p{ margin-bottom:20px; font-size:15px}
div.tabcontents .ln{ border-bottom:1px solid #EBEBEB }
div.tabcontents .cl{ border-right:1px solid #EBEBEB}
div.tabcontents .iz{ width:30%}
div.tabcontents .row{ background:#F4F4F4}
div.tabcontents table td,th {margin: 10px; padding: 10px;}
div.tabcontents table { width:800px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { max-width:737px; }
div.tabcontents table { width:100%;}
#detail-list .prod-box{ width:50%; min-height:340px}
#detail-list .filtro{ width:210px; }
#detail-list .detalle{ margin-left: 220px;}
#detail-list .prod-box-list p{ display:none}
#detail-list .prod-box-list .price-boton{display:inline; position:relative;}
#detail-list .prod-box-list .des{ padding-right:0px;}
#detail .det-cart .detalle-cart .cab div{ font-size:1.1em}
#detail .det-cart .detalle-cart .total .text{ width:216px;}
#detail .det-cart .detalle-cart .total .imp{ width:216px;}
#detail .det-session .session{ padding-left:24px}
#detail .det-register .formrecovery .form-img{ width:200px}
#detail .det-register .formrecovery .form-text{ padding-left:200px}
#detail .det-register .formrecovery .rows .text { width:30%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#detail .det-register .formrecovery .rows .cell { width:70%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;; padding-right:20px}
#detail .det-register .formrecovery .rows .pbtn { display:block; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;; padding-right:20px; padding-top:20px}
#detail .det-register .formrecovery .rows .button{ float:right}
.footer-datos .contenido .f1{ width:46%;}
.footer-datos .contenido .f2{ width:26%;}
.footer-datos .contenido .f3{ width:23%;}
.footer-datos .contenido .f4{ width:5%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { max-width:440px; }
#header .content_logo { width:100%; padding-left:0px; text-align:center;}
#header .content_button{ width:100%;text-align:center;margin-top:4px;}
#header .content_search{ margin-top:0px}
#header .content_car{ width:100%;text-align:center;}
#header .content_car .cart-box {margin-top:0px; width:100%; background:}
#header{ height:180px;}
.shopping-cart-box{
text-align:left;
width:100%;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
margin-top: 46px;
}
.shopping-cart-box:after {left: 50%;}
#detailprod div.deta .cont-img{display:inline-block;width:100%; position:relative;}
#detailprod div.deta .cont-des{margin-left:0px; width:100% ;min-height:auto;}
#detailprod div.deta .cont-img #zoom{ margin:auto}
#detailprod div.deta .cont-img #gallery_01f{ margin:auto}
ul.tabs { margin-top:40px;}
div.tabcontents table { width:100%;}
div.tabcontents .iz{ width:40%}
#detail-list .filtro{ display:inline-block;width:100%; position:relative; }
#detail-list .detalle{ margin-left: 0px; width:100%}
#detail-list .prod-box{ width:100%;}
#detail .det-cart .detalle-cart .cab div{ font-size:1.1em}
#detail .det-cart .detalle-cart .total .text{ width:200px;}
#detail .det-cart .detalle-cart .total .imp{ width:200px;}
#detail .det-register .row{ width:100%;}
#detail .det-register .formrecovery .form-img{ width:100%; position:relative; height:240px; height:150px}
#detail .det-register .formrecovery .form-img div{ width:100%; line-height:240px}
#detail .det-register .formrecovery .form-text{ padding-left:0px;height:240px}
#detail .det-register .formrecovery .rows .text { width:36%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left:20px}
#detail .det-register .formrecovery .rows .cell { width:64%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-right:20px}
#detail .det-register .formrecovery .rows .pbtn { display:block; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;; padding-right:20px; padding-top:20px;padding-left:20px}
#detail .det-register .formrecovery .rows .button{ width:100%}
#detail .det-cart .detalle-cart .pnl1{ width:100%;}
#detail .det-cart .detalle-cart .pnl2{ width:100%; padding-left:0px;margin-bottom:20px}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
.container { max-width:590px; }
#header .content_logo { width:100%; padding-left:0px; text-align:center;}
#header .content_button{ width:100%;text-align:center;margin-top:4px}
#header .content_search{ margin-top:0px}
#header .content_car{ width:100%;text-align:center;}
#header .content_car .cart-box {margin-top:0px; width:100%}
#header{ height:180px;}
.shopping-cart-box{
text-align:left;
width:100%;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
margin-top: 46px;
}
.shopping-cart-box:after {left: 50%;}
#detailprod div.deta .cont-img{display:inline-block;width:100%; position:relative;}
#detailprod div.deta .cont-des{margin-left:0px; width:100%; min-height:auto;margin-top:20px; }
#detailprod div.deta .cont-img #zoom{ margin:auto}
#detailprod div.deta .cont-img #gallery_01f{ margin:auto}
ul.tabs { margin-top:40px;}
div.tabcontents table { width:100%;}
#detail-list .prod-box{ width:50%;}
#detail-list .prod-box-list p{ display:none}
#detail-list .prod-box-list .price-boton{display:inline; position:relative;}
#detail-list .prod-box-list .des{ padding-right:0px;}
#detail .det-cart .detalle-cart div.t4{ display:none; width:0%}
#detail .det-cart .detalle-cart div.c4 p{ display:none;}
#detail .det-cart .detalle-cart div.c4{ display:inline-block;position:absolute; top:10px; right:0px; border:0px; width:30px}
#detail .det-cart .detalle-cart div.t1{ width:54%;}
#detail .det-cart .detalle-cart div.t2{ width:18%;}
#detail .det-cart .detalle-cart div.t3{ width:10%; }
#detail .det-cart .detalle-cart div.t5{width:18%; }
#detail .det-cart .detalle-cart .cab div{ font-size:1.1em}
#detail .det-session .session{ padding-left:10px}
#detail .det-session .new-register{padding-left:20px}
.footer{ margin-bottom:0px;}
.footer-datos{ position:relative; height:130px}
.footer-datos .contenido .f1{width:100%; margin-bottom:4px}
.footer-datos .contenido .f2{width:100%;}
.footer-datos .contenido .f3{width:100%;}
.footer-datos .contenido .f4{width:100%;}
.footer-datos .contenido .f1 div{ width:330px;}
.footer-datos .contenido .f2 div{ width:330px;}
.footer-datos .contenido .f2 span{ margin-left:2px}
.footer-datos .contenido .f3 div{ width:330px;}
.footer-datos .contenido .f4 div{ width:330px; margin:auto; float:none;}
}
@media only screen and (max-width: 640px) {
#detail-list .prod-box{margin-left:0px; margin-right:0px}
#detail-list .prod-box-list{ text-align:center;min-height:370px; margin-left:0px; margin-right:0px}
#detail-list .prod-box-list p{ display:none}
#detail-list .prod-box-list .price-boton{display:inline; position:relative;}
#detail-list .prod-box-list img{ float:none}
#detail-list .prod-box-list .button{ width:110px;}
#detail-list .prod-box-list .price-old{ display:inline;margin-top:0px}
#detail-list .prod-box-list .price-act{ display:inline;}
#detail-list .prod-box-list h3.marca { padding-top:0px; padding:2px}
#detail-list .prod-box-list .product { display:inline-block;line-height:16px;}
#detail-list .prod-box-list .des{ padding-right:0px; padding-left:}
#detail-list .detalle .bar{ min-height:32px; height:auto;}
#detail-list .detalle .bar .spn{ display:block;color:#0000FF}
#detailprod div.deta .cont-des{ margin-top:20px;}
#detail .det-cart .detalle-cart div.t4{ display:none; width:0%}
#detail .det-cart .detalle-cart div.cab div.t2{ display:none; width:0%}
#detail .det-cart .detalle-cart div.cab div.t3{ display:none; width:0%}
#detail .det-cart .detalle-cart div.cab div.t1{ width:67%;}
#detail .det-cart .detalle-cart div.cab div.t5{width:33%;}
#detail .det-cart .detalle-cart .cab div{ font-size:1.1em}
#detail .det-cart .detalle-cart .row div{display:inline-block}
#detail .det-cart .detalle-cart div.c1{ width:100%; border-right:1px solid #999999;border-top:1px solid #999999;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
#detail .det-cart .detalle-cart div.c2{ width:43%; height:60px;line-height: 60px;display: block; float:left}
#detail .det-cart .detalle-cart div.c3{ width:24%; height:60px;display: block; float:left}
#detail .det-cart .detalle-cart div.c5{ width:33%; height:60px;line-height: 60px;}
#detail .det-cart .detalle-cart div.c4 p{ display:none;}
#detail .det-cart .detalle-cart div.c4{ position:absolute; top:10px; right:0px; border:0px; width:30px}
#detail .det-cart .detalle-cart .row{ margin-top:10px}
#detail .det-cart .detalle-cart .total{ height:100px;}
#detail .det-cart .detalle-cart .total .text{ width:50%;}
#detail .det-cart .detalle-cart .total .imp{ width:50%;}
#detail .det-cart .detalle-cart .total .button{ position:relative; display:inline-table; width:100%;margin-top:20px;padding: 5px 0px 5px 0px;}
#detail .det-session .session{ display:inline-block; width:100%; border-right:0px; border-bottom:1px solid #999999; padding-bottom:30px}
#detail .det-session .new-register{display:inline-block; width:100%; padding-top:30px}
#detail .det-register .form{ padding:20px; padding-left:20px; padding-right:20px}
#detail .det-register { padding:20px; padding-left:20px; padding-right:20px}
#detail .det-register .row{ width:100%;}
#detail .det-register .row .text { width:100%;display:inline-block; text-align:left;}
#detail .det-register .row .cell { width:100%;display:inline-block; padding-right:0px;}
#detail .det-register .formrecovery .form-img{ width:100%; position:relative; height:220px;}
#detail .det-register .formrecovery .form-img div{ width:100%; line-height:220px}
#detail .det-register .formrecovery .form-text{ padding-left:0px;height:150px}
#detail .det-register .formrecovery .rows .text { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left:20px; padding-right:20px; text-align:left; }
#detail .det-register .formrecovery .rows .cell { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left:20px; padding-right:20px}
#detail .det-register .formrecovery .rows .pbtn { display:block; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;; padding-right:20px; padding-top:20px;padding-left:20px}
#detail .det-register .formrecovery .rows .button{ width:100%}
#detail .det-session .session .imput input[type=text]{ width:100%}
#detail .det-session .session .imput input[type=password]{ width:100%}
#detail .det-session .session{ padding-left:40px; padding-right:40px}
#detail .det-cart .detalle-cart .pnl1{ width:100%;}
#detail .det-cart .detalle-cart .pnl1 div.c2{height:30px}
#detail .det-cart .detalle-cart .pnl1 div.c3{height:30px}
#detail .det-cart .detalle-cart .pnl1 div.c5{height:30px}
#detail .det-cart .detalle-cart .pnl2{ width:100%; padding-left:0px; margin-bottom:20px}
.footer{ margin-bottom:0px;}
.footer-datos{ position:relative; height:130px}
.footer-datos .contenido .f1{width:100%; margin-bottom:4px}
.footer-datos .contenido .f2{width:100%;}
.footer-datos .contenido .f3{width:100%;}
.footer-datos .contenido .f4{width:100%;}
.footer-datos .contenido .f1 div{margin:0px; width:100%;}
.footer-datos .contenido .f2 div{margin:0px; width:100%;}
.footer-datos .contenido .f3 div{margin:0px; width:100%;}
.footer-datos .contenido .f4 div{margin:0px; width:100%;}
}
@media only screen and (max-width: 479px) {
.container { max-width: none !important; width: 100%; }
#header .content_logo { width:100%; padding-left:0px; text-align:center;}
#header .content_button{ width:100%;text-align:center;margin-top:4px}
#header .content_search{ margin-top:0px}
#header .content_car{ width:100%;text-align:center;}
#header .content_car .cart-box {margin-top:0px; width:100%}
#header{ height:180px;}
.shopping-cart-box{
text-align:left;
width:94%;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
margin-top: 46px;
}
.shopping-cart-box:after {left: 50%;}
#detailprod div.deta .cont-img{display:inline-block;width:100%; position:relative;}
#detailprod div.deta .cont-des{margin-left:0px; width:100%;min-height:auto;}
#detailprod div.deta .cont-img #zoom_03f{ height: auto !important; width: 100% !important}
#detailprod div.deta .cont-img #zoom{ height: auto !important; width: 100% !important}
#detailprod div.deta .cont-img #gallery_01f{ height: auto !important; width: 100% !important}
ul.tabs { margin-top:40px;}
div.tabcontents table { width:100%;}
div.tabcontents .iz{ width:40%}
#detail-list .filtro{ display:inline-block;width:100%; position:relative; }
#detail-list .detalle{ margin-left: 0px; width:100%}
#detail-list .prod-box{ width:100%;}
#detail .det-session .session{ padding-left:24px; padding-right:24px}
#detail .det-session .new-register{padding-left:24px}
#detail .det-session .session .button { width:100%}
#detail .det-session .new-register .button{ width:100%}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.nav-regular .nav-item.level0 > a,
.nav-regular .nav-holder .dropdown-heading
{
}
.nav-regular .nav-item.level0 > a {
padding: 0 6px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
.nav-regular .nav-item.level0 > a,
.nav-regular .nav-holder .dropdown-heading
{
}
.nav-regular .nav-item.level0 > a {
padding: 0 4px;
}
}
@media only screen and (max-width: 959px) {
.nav-regular .nav-item.level0 > a,
.nav-regular .nav-holder .dropdown-heading
{
}
.nav-regular .nav-item.level0 > a {
padding: 0 3px;
}
}
@media only screen and (max-width: 959px) {
#scroll-to-top {
/*display:none !important;*/
width:40px;
height:40px;
line-height:40px;
font-size:28px;
bottom:81px;
right:0;
border-radius:0;
}
}