/* CSS Document */

.welcome-msg {
    float: left;
    font-size: 0.95em;
}

.middle-container span object {padding-left: 28px }

#newsletter-validate-detail-footer input {width: 160px; margin-bottom: 10px;}

#header-cart {
    position: absolute;
    z-index: 20;
    width: 200px;
    right: 0;
    top: 7px;
}
#header-cart .head {
    margin-bottom: 7px;
    padding-right: 8px;
}
#header-cart .head h4 {
    cursor: pointer;
    float: none;
    display: inline;
    padding-left: 15px;
    background: url(../images/icon-cart.gif) no-repeat 0 50%;
}
#header-cart .head h4,
#header-cart .head h4 a {
    color: #ababab;
    font-size: 0.95em;
    font-weight: normal;
}
#cart-content {
    background: #292a34;
    border: 1px solid #727379;
    border-top: none;
    padding: 0 3px 5px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-radius: 0 0 8px 8px;
    color: #aaa;
    position: absolute;
    top: 23px;
    right: 0px;
    width: 200px;
}
#cart-content .product-images {
    float: left;
}
#cart-content .product-images img {
    border: 1px solid #a9a9a9;
}
#cart-content .product-details {
    margin: 0 0 0 60px;
}
#cart-content h6 {
    color: #1E7EC8;
    text-indent: 5px; 
}
#cart-content li {
    clear: both;
}
#cart-content a:hover {
    color: #aaa;
}
#cart-content .actions a span {
    cursor: pointer;
}
#cart-content #center-buttons {
    padding-top: 5px;
    clear: both;
    text-align: center;
}

#hrackycz #slider
{
    height: 200px;
    position: relative;
    width: 930px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 13px;
    border: 1px solid #ccc;
}

#slider
{
    height: 200px;
    position: relative;
    width: 930px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 13px;
    border: 1px solid #ccc;
}
div.scroller
{
    height: 200px;
    overflow: hidden;
    width: 930px;
    zoom: 1;
}
div.scroller .content 
{
    padding: 0;
}
div.slidercontrolwr
{
    position: absolute;
    right: 15px;
    top: 15px;
}
div.scroller img
{
    border: none;
}
div.scroller div.section
{
    float: left;
    height: 200px;
    overflow: hidden;
    width: 930px;
}
div.scroller div.content
{
    width: 10000px;
    float: left;
}
.slidercontrol
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.slidercontrol a
{
    color: #aaa;
    filter: alpha(opacity=60);
    float: left;
    height: 14px;
    margin: 0px 2px;
    opacity: 0.6;
    overflow: hidden;
    padding: 0px;
    text-decoration: none;
    text-indent: -1000px;
    width: 14px;
}
.slidercontrol a:hover
{
    filter: alpha(opacity=100);
    opacity: 1;
}
.content .sliderdescription
{
    background: url(../images/grid.gif) repeat left top;
    color: #222;
    filter: alpha(opacity=50);
    font: 12px bold Helvetica, sans-serif;
    left: 15px;
    opacity: 0.5;
    padding: 10px;
    position: relative;
    top: -100px;
    width: 650px;
}
div.sliderdescription:hover, .sliderdescription.active
{
    background-color: #fff !important;
}
.content a
{
    font: 12px bold Helvetica, sans-serif;
    text-decoration: none;
}
.aprev
{
    background: url(../images/aprev.gif) no-repeat 3px 3px;
}
.anext
{
    background: url(../images/anext.gif) no-repeat 3px 3px;
}
.astop
{
    background: url(../images/astop.gif) no-repeat 3px 3px;
}
.aplay
{
    background: url(../images/aplay.gif) no-repeat 6px 3px;
}

.footerl .mini-newsletter {
    float: left;
    clear:both;
    width:390px;
    text-align: left;
}
.footerl {
    float: left;
}
.footerl .mini-newsletter h4{
    color: #505050;
    margin-right: 10px;
}
.footerl form, .footerl .mini-newsletter h4 {
    float: left;
    line-height: 30px;
    font-size: 11px;
}
.footerl .mini-newsletter input.input-text {
    float: left;
}
.footerl .form-button-alt{
    float: right;
    margin:3px 0px 0px 6px;
}

.form-button, .form-button-alt {
    background: #aeaeae url(../images/gradient-gray.gif) repeat-x 0 0;
    border: 1px solid #adadad;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -opera-border-radius: 4px;
    margin: 0px;
    vertical-align:top;
    padding: 3px 6px;
    color: #4f4f4f;
}
.form-button:hover, .form-button-alt:hover {
    border-color: #888;
    color: #333;
}

h4, h3, .category-head h2 {
    font-size: 12px;
    font-weight: bold;
    color: #007ed3;
}


.col-main p{
	margin-left:  5px;
	margin-right:  5px;
}

.stranky ul li a
{
    background: url(../images/anext.gif) no-repeat 3px 3px;
    float: none;
    display: block;
}
.stranky ul li a:hover, .stranky ul li a:hover span 
{
    background: url(../images/anexthover.gif) no-repeat 3px 3px;
    float: none;
    color: #007ed3;
    display: block;
}
.stranky ul li span
{
    padding-left: 15px;
}

a#creator{display:inline-block;zoom:1;*display:inline;height:19px;line-height:19px;padding:0 22px 0 0;text-decoration:none;float:left;background:url(../images/layout2_72.png) no-repeat right top}

/* === RESPONSIVE === */

#checkout-step-login:before,#checkout-step-login:after{content:'';display:table}
#checkout-step-login:after{clear:both}
#checkout-step-login{*zoom:1}

a.gotocart,#toggle-submenu,#toggle-search,#toggle-menu{display:none}

#nav li.hassub:hover ul{left:0}
#nav li.hassub label{display:block;line-height:1.3em;float:left;padding:14px 12px 13px 8px;color:#aaa}

/* LARGE RESPONSIVE SCREENS */

@media all and (max-width:58.375em){
    .middle-container{background:#fff}
    .wrapper,.header-topbar,.header-top,.header-nav,.middle,.footer,.col-3-layout .col-main,.col-2-right-layout .col-main,.breadcrumbs,.shopping-cart-collaterals,.shopping-cart-collaterals .upsell{width:100%;min-width:100%;padding:0;margin:0;border:0}
    
    .header-top-container{background-position:0 24px;background-color:#292a34;*zoom:1}
    .header-top-container:before,.header-top-container:after{content:'';display:table}
    .header-top-container:after{clear:both}
    #hrackycz  {display:none;}
    .shop-access li.first,.shop-access li.first a{background:url(../images/respons1.gif) no-repeat 0 0 #292a34;padding:0;margin:0;display:block;text-indent:100%;white-space:nowrap;width:54px;height:54px;overflow:hidden}
    .shop-access li.first{margin-bottom:1px}
    .shop-access li.first ~ li{display:none}
    
    #header-cart{display:none}
    a.gotocart{margin-right:112px;text-decoration:none;text-align:right;color:#fff;line-height:54px;font-weight:bold;background:url(../images/respons5.gif) no-repeat right top;display:block;min-width:6px;padding-right:48px;height:54px;cursor:pointer;float:right}
    .checkout-cart-index a.gotocart,.checkout-onepage-index a.gotocart{margin-right:0}
    
    h1#logo,h1#logo a,h1#logo a span{width:280px;height:54px}
    h1#logo a span{background:url(../images/respons2.png) no-repeat 0 0}
    
    /* MENU */

    #nav{padding:0;position:relative;top:-100em;margin-bottom:-100em;-webkit-transition:all 1s ease;-moz-transition:all 1s ease}
    #nav ul li{background:none}
    #nav li,#nav a,#nav label.toggle-submenu{float:none !important;display:block !important}
    #nav a,#nav label.toggle-submenu{background:#292a34 !important;padding:18px 20px !important;border-bottom:1px solid #22232b !important}
    #nav a:active{background:#22232b !important}
    
    .submenu{overflow:hidden}
    #nav label.toggle-submenu{cursor:pointer;background-image:url(../images/respons4.png) !important;background-repeat:no-repeat !important;background-position:right top !important}

    #nav li ul{display:block;position:relative;top:0;left:0;width:100%}
    #nav > li > .submenu ul{position:relative;top:-200em;margin-bottom:-200em;-webkit-transition:all 2s ease;-moz-transition:all 2s ease}
    #nav li.over ul ul,#nav li.over > ul li.over > ul{left:0}
    
    #nav li ul a{padding-left:40px !important}
    #nav li ul ul a{padding-left:60px !important}
    
    .related-products li{width:33.3333333%}
    .flash,.col-left,.base-mini{display:none}
    
    .base-mini.language-switcher{display:block;position:absolute;top:0;right:0}
    .base-mini.language-switcher .head{display:none}
    .side-col .base-mini.language-switcher .content{background:none;border:none;padding:0;width:112px}
    .language-switcher a{width:26px;height:26px;padding:15px;display:block;float:left}
    .language-switcher a img{margin:0;width:26px;height:26px}
    
    /* SEARCH */
     
    #search_mini_form{display:block;float:none;clear:both;width:100%;*zoom:1}
    #search_mini_form:before,#search_mini_form:after{content:'';display:table}
    #search_mini_form:after{clear:both}
    
    .mini-search{position:relative;top:0;left:0;float:none;padding:0 1.333em 1em;background:none}
    
    .one-page-checkout-progress{display:none}
    .toggle-search,.toggle-menu{display:block;width:54px;height:54px;cursor:pointer;float:right;background:url(../images/respons3.png) no-repeat 0 0}
    .toggle-menu{background-image:url(../images/respons4.png)}
    
    #toggle-menu:checked ~ .header-nav-container #nav,#toggle-submenu:checked ~ .submenu ul{top:0;margin-bottom:0}
    
    #search_mini_form,.header-nav{overflow:hidden}
    #search_mini_form fieldset{position:relative;top:-54px;margin-bottom:-74px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
    #search_mini_form input.input-text{height:46px;width:87%;padding:3px 10% 3px 3%}
    #search_mini_form input.input-text + input{position:absolute;top:13px;right:30px;width:36px}
    
    #toggle-search:checked ~ #search_mini_form fieldset{top:0;margin-bottom:0}
    
    /* PROD LIST */
    
    .listing-type-grid li.item{width:31.3333333%;padding:12px 1%}
    .listing-type-grid .product-image a{margin:0 auto}
    .form-button,.form-button-alt{height:50px}
    
    .add-to br{display:none}
    .add-to a{display:block;width:40%;margin-left:2.5%;margin-right:2.5%;float:left;height:41px;padding-top:15px}
    
    .view-by td:first-of-type{display:none}
    table.view-by td.sort-by{text-align:left}
    table.view-by select,.a-right select{height:56px}
    
    /* PAGES */
    
    .pages strong,table.pager li a{display:none}
    table.pager li{padding:0}
    table.pager li:first-of-type a,table.pager li:last-of-type a,span.on{display:inline-block;overflow:hidden;width:56px;height:56px;line-height:56px;font-size:1.2em}
    table.pager li:first-of-type a img,table.pager li:last-of-type a img{margin-left:100%}
    table.pager li:first-of-type a{background:url(../images/respons7.png) no-repeat 0 0}
    table.pager li:last-of-type a{background:url(../images/respons6.png) no-repeat 0 0}
    
    /* DETAIL */
    
    .catalog-product-view iframe{width: 100% !important}
    
    /* CART */
    
    .checkout-onepage-index .col2-set{width:55%;float:left;clear:none}
    .checkout-onepage-index .col2-set + .col2-set{width:40%;float:right}
    .checkout-onepage-index .col2-set .col-1,.checkout-onepage-index .col2-set .col-2{float:none;width:100%}
    .checkout-onepage-index .col2-set + .col2-set .col-1{padding-top:30%}
    .checkout-onepage-index .col2-set + .col2-set .col-2{padding-top:20%}
    
    .checkout-onepage-index .input-text,.checkout-onepage-index textarea{width:100% !important}
}

/* MEDIUM RESPONSIVE SCREENS */

@media all and (max-width:38em){
    .shopping-cart td{display:block;float:left;width:14%}
    .shopping-cart thead,.attributes-col + .a-right{display:none}
}

@media all and (max-width:34em){
    /* PROD LIST */
    
    .listing-type-grid li.item{float:none;text-align:left;width:94%;padding:12px 2%;border-bottom:1px solid #d9dde3}
    .listing-type-grid li.item:nth-of-type(3n){border:0}
    .listing-type-grid .product-image{width:135px;float:left}
    
    .catalog-listing h5,.price-box,.add-to{width:48%;float:left}
    
    .item .form-button{float:right;clear:right;margin-right:20%}
    
    fieldset input.input-text,fieldset textarea,.product-collateral .add-tag-box .input-box .input-text,.product-collateral .add-tag-box .input-box,.product-essential .product-shop{width:100% !important}
    .add-to-holder {width:100% !important;float:left}
    .add-to-cart-box .qty-box {width:60%;float:left}
    .add-to-cart-box .form-button {float:right;margin-top:22px}
   /*.product-specs {width:60%}
    .dedicated-review-box{width:60%}
    #review-form fieldset {width:60%}
    .add-tag-box {width:60%}
    .collateral-box {width:60%}
    .small-info {width:60%;float:left;}  */
    .col-2-left-layout .col-main {width:98%}
    /*.product-info-box {width:60%}*/
    .page-head {width:60%}
    
    fieldset input.input-text,.product-collateral .add-tag-box .input-box .input-text{height:4em}
    
    .checkout-onepage-index .col2-set + .col2-set .col-1{padding-top:60%}
    .checkout-onepage-index .col2-set + .col2-set .col-2{padding-top:60%}
}

/* SMALL RESPONSIVE SCREENS */


@media all and (max-width:18em){
    h1#logo,h1#logo a,h1#logo a span{width:145px;height:54px}
    h1#logo a span{background:url(../images/respons8.png) no-repeat 0 0}
    
    table.pager td{display:block;width:100%;text-align:center;padding-left:0;padding-right:0}
    table.pager td.a-right{width:50%;margin:0 0 -83px 50%}
    
    table.view-by td.sort-by{width:50%;padding:0}
    
    table.view-by td.sort-by select{display:block}
    
    .product-img-box,.product-img-box a img{width:100%}
    .product-specs {width:40%}
    .dedicated-review-box{width:40%}
    #review-form fieldset {width:40%}
    .add-tag-box {width:40%}
    .collateral-box {width:40%}
    .small-info {width:40%}
    .shopping-cart td{float:none;width:100%}
    
    .checkout-onepage-index .col2-set + .col2-set .col-1{padding-top:250%}
    .checkout-onepage-index .col2-set + .col2-set .col-2{padding-top:50%}
}
.col-main ul
{
	list-style: inherit;
	margin-left: 20px;
}
.col-main ul li
{
	margin-left: 10px;
	
}