html, body, img, hr, p, ul, ol, li, li, dd, dt, dl, form {margin: 0; padding: 0; border-style: none;}
*:focus {outline: none;} 
body{
    min-width: 1055px;
    font-family: 'OpenSans-Regular';
}
h1, h2, h3, h4, p{
    font-family: 'OpenSans-Regular';
}
input[type=number] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button  {
     -webkit-appearance: none;
    -moz-appearance:textfield;
    margin: 0;
}
.clear {clear:both;}
a {text-decoration: none;}
.wrapper {width: 1000px; margin: 0 auto;}

.sliding_add {position: fixed; top: 245px; z-index: 400; left: 50%; margin-left: 530px;}
.sliding_add a {width: 100%; display: block;}
.sliding_add img{width: 100%; }
#showHeurekaBadgeHere-12 {position: fixed; top: 235px; z-index: 400; left: 50%; margin-left: -660px;overflow:hidden;}

.font23 {font-size: 23px;}
.font18 {font-size: 18px;}
.font15 {font-size: 15px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font22 {font-size: 22px;}
.font25 {font-size: 25px;}
.font27 {font-size: 27px;}
.font13 {font-size: 13px;}
.font17 {font-size: 17px;}
.font24 {font-size: 24px;}
.font11 {font-size: 11px;}
.font19 {font-size: 19px;}
.font10 {font-size: 10px;}
.font20 {font-size: 20px;}
.font31 {font-size: 31px;}
.font12 {font-size: 12px;}
#slider-nav{display: none;}
.breadcrumbs {width: 1000px;}
.bubbles_menu {height: 343px;}
.bubbles_menu ul {padding-top: 20px;}
#alukola .bubbles_menu ul li a .img_wrapper {height: 192px; }
#page .styled_content div {font-size: 14px;}
#page .styled_content strong {font-size: 14px;}
#page .styled_content i {font-size: 14px;}
#page .styled_content a {font-size: 14px;}
#page .styled_content h1{font-size: 31px;}
#page .styled_content h2{font-size: 27px;}
#page .styled_content h3{font-size: 25px;}
#page .styled_content h4{font-size: 21px;}
#page .styled_content .subtext{font-size: 17px;}
#products .tab_contents .tab_content p{font-size: 14px; padding-bottom: 10px;}
#products .tab_contents .tab_content table th {font-size: 14px;}
#products .tab_contents .tab_content table td {font-size: 14px;}
#slider {min-height: 320px; margin-top: 15px}
#slider .slider-box .grey_box {height: 110px;}
.bg_road {height: 533px; top: -677px;}
.help_section .help {height: 247px;}
.help_section .help h3 {min-height: 80px;}
#products .categories {height: 104px;}
#products .categories ul li a .img_wrapper{width: 47px; height: 47px;}
#products .product {height: 350px; display: inline-block; vertical-align:top;}
#products .product .image_wrapper img {max-height: 180px; }
#products .product h2 {margin: -20px 0 0 0; max-height: 78px; line-height: 1.2em; overflow: hidden; }
#products .product p {height: 50px;}
/*#products .product .price_wrapper {margin-top: 10px;}*/
#products .product .price_wrapper .price {line-height: 20px;}
#products .product .price_wrapper .availability {line-height: 11px;}
.backg_road .road{height: 157px; top: -157px;}
#products .detail .images .main_image {line-height: 400px;}
#products .detail .info .buy .amount, #products .detail .info .buy .buy_btn,#car_category .info .buy .buy_btn {height: 61px; line-height: 61px;}
#products .detail .info .buy .amount input {height: 28px;}
#products .detail .info .buy .buy_btn .cart, #car_category .info .buy .buy_btn .cart {height: 26px;}
#products .detail .info_row {padding: 0 !important;width: 100% !important;}
#products .detail .info_row .rowselector {float:left;margin-left: 25%;width: 45%;}
#products .detail .info_row .buy {width: 30% !important;}
#products .detail .info_row p,#products .detail .info_row .actions, #products .detail .info_row hr, #products .detail .info_row .clear, #products .detail .info_row h3, #products .detail .info_row .availability {display:none;}
#products .detail .info_row .price_wrapper {margin: 0 !important;}
#products .detail .info_row h1{margin:10px 0 0 0;}
#products .tab_contents .tab_content table th {width: 160px; height: 56px;}
#products .tab_contents .tab_content table td {width: 160px; height: 29px;}
#products .tabs .tab, #products .tabs .tabkat{height: 43px; line-height: 43px;}
#products .tabs .tabkat img{margin-top: -10px;}
#products .tabs .active{top: -2px;height: 53px; line-height: 53px;}
#products .products {margin: -5px 0 20px 0;}
#products .tab_contents { margin-top: -5px;}
#products .detail .images .other_images {height: 400px;}
#products .detail .images .other_images .arrow_wrapper {height: 40px; line-height: 40px;}
#products .detail .images .other_images .arrow_wrapper .arrow_down {height: 29px;}
#products .similar .product {height: 320px;}
#shopcart .steps ul li {height: 73px; line-height: 73px;}
#shopcart .steps ul li .shopcart {width: 38px; height: 30px; margin: 21px 3% 0 6%;}
#shopcart .buttons .continue_btn, #shopcart .buttons .recount_btn {height: 43px; line-height: 43px;}
#shopcart .buttons .continue_btn .arrow, #shopcart .continue .arrow {height: 19px;}
#shopcart .continue {height: 55px; line-height: 55px;}
#shopcart .shopcart_content .left .delivery .method {height: 100px;}
#shopcart .shopcart_content .left .delivery .method .right_col .price {margin: 30px 0 0 2px;}
#shopcart .shopcart_content .left .delivery .with_map_active  {height: 120px;}
#shopcart .shopcart_content .left .payment .method {height: 40px;}
.top_brands ul li {height: 160px; line-height: 160px;}
footer .top .offer .left a {line-height: 30px; height: 30px;}
#slider .slider-box {height: 443px;  
    background: url(../images/zenska.png) no-repeat top right;
    background-size: 179px 317px;
    background-position: 71% 36%; 
}
#slider {min-height: 320px;}
header .right_box .menu{height: 55px; margin-top: 10px;}
header .right_box .menu li{height: 50px; line-height: 50px;}
header .right_box .menu li a img{top: 2px;}
header .right_box .menu li a {height: 50px;}
header .right_box .menu li:hover {border-bottom: 5px #6c8aba solid;}
header .right_box .menu .active {border-bottom: 5px #333a43 solid;}
header .right_box .phone .phone_icon {width: 29px; height: 29px; margin: 0 5% -7px 0;}
header .right_box .phone a {color: inherit;}
header .right_box .phone {margin-top: 10px;}
header .right_box .search {margin-top: 10px;}
header .right_box .search input[type="text"]{height: 53px;}
header .right_box .search input[type="submit"]{
    top: 11px;
    padding: 5px;
    height: 20px;
    width: 20px;
}
header .right_box .search .search_separator{top: 7px; height: 30px;}
header .right_box .shopcart {margin-top: 10px; height: 53px; line-height: 53px; float: left; margin-left: 15px;}
header .right_box .shopcart .shopcart_img{width: 33px; height: 27px;float: left; margin-left: 10px; margin-top: 13px;}
.content_box {height: 300px;}
#page .styled_content .tel_mail li {font-size: 16px; height: 38px; margin-bottom: 10px; line-height: 37px;}
#page .styled_content .tel_mail li .text{margin-top: -20px;}
#page .styled_content .tel_mail li .tel, #page .styled_content .tel_mail li .email {width: 38px; height: 38px;}
.persons .person .person_phone{font-size: 16px;}
.persons .person .person_phone strong{font-size: 16px !important;}
.persons .person .function{font-size: 14px;}
.pages, .products_on_page  {line-height: 27px;}
.pages .page_numb, .products_on_page .option {width: 27px; height: 27px;}
.popup_window, .change_car_popup {width: 860px;}
.popup_window .product {margin-bottom: 30px;}
.popup_window .product .detail_btn {margin-bottom: 20px; line-height: 31px; height: 31px; margin-top: 10px; font-size: 13px;}
.popup_window .product .price_wrapper {margin-top: 10px;}
.popup_window .product .price_wrapper .price {line-height: 20px;}
.popup_window .product .price_wrapper .availability {line-height: 11px;}
.popup_window .header .thumb_wrapper .done {width: 57px; height: 57px;}
.popup_window .header .order_btn .arrow, .popup_window .footer .continue_btn .arrow_left, .popup_window .footer .shopcart_btn .arrow_right {width: 14px; height: 19px;}
#shopcart .shopcart_content .left .delivery .method .left_col p {margin: 10px 0 0 8%;}
#help_content h1 {font-size: 36px;}
#help_content .top_cats {margin-top: 30px;}
#help_content .top_cats li {line-height: 78px; height: 78px;}
#help_content .top_cats li .question_mark {width: 45px; height: 45px;}
#help_content .help_box, #help_content .similar {margin-bottom: 40px; margin-top: 28px; padding: 18px;}
#help_content .help_box {min-height: 450px;}
#help_content .help_box .help {margin-bottom: 20px; height: 250px;}
#help_content .help_box .help h2 {margin: 15px 0 5px 0;}
#faq-list {margin-top: 20px; padding-bottom: 20px;}
#faq-list ul{margin: 0; }
#faq-list li{display: inline-block;width: 100%; margin: 15px 0 0 0; border-bottom: 1px solid #ccd8e6;}
#faq-list li:first-child{margin-top: 0;}
#faq-list img.arrow{float:left;margin:10px 0 0 0;}
#faq-list img.rotating {transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
#faq-list h2{font-family: 'OpenSans-Regular';color:#301e20;margin:0 15px 15px;}
#faq-list .item{width: 100%;padding:5px 0 0 0;display:none;}
#faq-list .item > p{padding-bottom: 20px;}
#faq-list .vote-box{background-color:#eaeff6;border: 1px solid #ccd8e6;border-bottom:0px;padding:15px;}
#faq-list .vote-box .vote-item{float:right;font-weight:800;}
#faq-list .vote-box .vote-item .yes{color:#4c9919;padding-right: 15px;border-right: 1px solid #ccd8e6;}
#faq-list .vote-box .vote-item .no{color:#d85641;padding-left: 15px;}
#faq-list .vote-box .vote-item a:hover{color:black;}
#shopcart .shopcart_content .error h4 {margin-bottom: 70px;}
#shopcart .shopcart_content .error {line-height: 55px;}
#shopcart .shopcart_content .error .error_image {margin: 8px 15px; width: 39px; height: 39px;}
#shopcart .shopcart_content .form_box .form_input {height: 40px; line-height: 40px;}
#shopcart .steps {height: 75px;}
#shopcart .shopcart_content {margin-top: 30px;}
#shopcart .shopcart_content .form_box {padding: 30px 2.5%; margin-bottom: 30px;}
#shopcart .shopcart_content .form_box .form_input {margin-bottom: 10px;}
#shopcart .shopcart_content .form_box .comment {margin-top: 25px;}
#shopcart .shopcart_content .right .watch .watch_img {margin-right: 5px; margin-top: 8px; width: 62px; height: 36px;}
.change_car_popup .header {height: 60px; padding: 20px 7%;}
.change_car_popup .header .image {margin-top: 12px; width: 44px; height: 44px;}
.help .img_wrapper {height: 100px; line-height: 100px;}
#products .product .icon_brown, #products .product .icon_yellow, 
#products .product .icon_zimni, #products .product .icon_celorocni, #products .product .icon_letni,
#products .product .icon_blue, .popup_window .product .icon_brown, .popup_window .product .icon_yellow,
.popup_window .product .icon_zimni, .popup_window .product .icon_celorocni, .popup_window .product .icon_letni,
.popup_window .product .icon_blue {top: -4px; width: 29px; height: 29px; line-height: 66px; display: inline-block; vertical-align:top;}
#products .product .icon_blue, .popup_window .product .icon_blue {background: url('../images/action_icon_snow.png') no-repeat; background-size: 100% 100%;}
#products .product .icon_brown, .popup_window .product .icon_brown {background: url('../images/action_icon_sunsnow.png') no-repeat; background-size: 100% 100%;}
#products .product .icon_yellow, .popup_window .product .icon_yellow {background: url('../images/action_icon_sun.png') no-repeat; background-size: 100% 100%;}
#products .product .icon_zimni, .popup_window .product .icon_zimni {background: url('../images/zimni_s.png') no-repeat; background-size: 100% 100%;}
#products .product .icon_celorocni, .popup_window .product .icon_celorocni {background: url('../images/celorocni_s.png') no-repeat; background-size: 100% 100%;}
#products .product .icon_letni, .popup_window .product .icon_letni {background: url('../images/letni_s.png') no-repeat; background-size: 100% 100%;}
#products .product .short, .popup_window .product .short {height: 52px; background-position-y: -5px; background-size: 100% 150%; }
/*#products .product .second, .popup_window .product .second {top: 46px; }*/

#products .detail .images .main_image .icon_blue
, #products .detail .images .main_image .icon_brown, #products .detail .images .main_image .icon_yellow
, #products .detail .images .main_image .icon_zimni, #products .detail .images .main_image .icon_celorocni, #products .detail .images .main_image .icon_letni, 
.action_offers .product .discount_red, .action_offers .product .discount_green,
.action_offers .product .icon_blue, .action_offers .product .icon_brown, .action_offers .product .icon_yellow
.action_offers .product .icon_zimni, .action_offers .product .icon_celorocni, .action_offers .product .icon_letni
{top: -4px; width: 28px; height: 28px; line-height: 80px; display: inline-block; vertical-align:top;}
#products .detail .images .main_image .icon_blue, .action_offers .product .icon_blue {background: url('../images/action_icon_snow.png') no-repeat; background-size: 100% 100%;}
#products .detail .images .main_image .icon_brown, .action_offers .product .icon_brown {background: url('../images/action_icon_sunsnow.png') no-repeat; background-size: 100% 100%;}
#products .detail .images .main_image .icon_yellow, .action_offers .product .icon_yellow {background: url('../images/action_icon_sun.png') no-repeat; background-size: 100% 100%;}
#products .detail .images .main_image .icon_zimni, .action_offers .product .icon_zimni {background: url('../images/zimni_l.png') no-repeat; background-size: 100% 100%;}
#products .detail .images .main_image .icon_celorocni, .action_offers .product .icon_celorocni {background: url('../images/celorocni_l.png') no-repeat; background-size: 100% 100%;}
#products .detail .images .main_image .icon_letni, .action_offers .product .icon_letni {background: url('../images/letni_l.png') no-repeat; background-size: 100% 100%;}
#products .detail .images .main_image .short, .action_offers .product .short {height: 65px; background-position-y: -5px; background-size: 100% 150%; }
#products .detail .images .main_image .second, .action_offers .product .second {top: 60px;}
/*sklady*/
.aval {display: inline-block; margin-right: 8px; text-align: left;}
.aval img{margin-right: 4px;}
.dnone{display: none;}
.fl{float: left; margin: 10px 15px; }
.s-bottom img{margin: 9px 9px 9px 0; float: left;}
.availabilitytooltip, .availabilityinfobox {font-family: "OpenSans-Regular"; font-size: 12px; color: #000;}
.availabilitystockinfobox:hover, .availabilitytooltip:hover{cursor: help;}
.green{color: #5b8a20; font-weight: bold;}
.orange{color: #c84f1c; font-weight: bold;}
.aval.green, .aval.orange{font-weight: normal;}
.product .bottom{position: relative; z-index: 30;}
.availabilityinfobox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/skladbg.png) repeat-x 0 bottom; padding: 0; z-index: 20; text-align: center;}
.availabilityinfobox .s-bottom{margin: 50% 0 0 5% }
.availabilitystockinfobox {display: inline-block; width: 120%;}
.availabilityinfobox .fl{font-size: 10px; margin: 85px 5px 0; display: inline-block; text-align: left;}
.availabilityinfobox .fl.long{margin-left: 50px;}
.availabilitytooltip{width: 150%; display: inline-block;}
.action_offers .availabilityinfobox .fl{margin: 145px 15px 0; }
.action_offers .availabilityinfobox .fl.long{margin-left: 85px;}
#vymezovacikrouzky{width: 59%; float: right; background: transparent url(../images/krouzkybg.png?v2) no-repeat 0 0; height: 196px; margin-top: -40px;} 
.vnitrniprumer, .vnejsiprumer{width: 67%; float: right; height: 70px;}
.range{position: relative; display: block; width: 94%; margin-top: 12px;}
.range span{position: absolute; margin-left: -1em; width: 60px; white-space: nowrap; }
.vnitrniprumer {margin-top: 17px;}
.vnejsiprumer {margin-top: 3px;}
#vymezovacikrouzky span.title{margin-bottom: 18px; display: block; font-family: "OpenSans-Bold"; color: #de071c; white-space: nowrap; }
.ui-slider .ui-slider-handle{width: 25px !important;}
.ui-slider-horizontal .ui-slider-handle{top: -0.4em !important;}
/**/
.carpresenter {width: 100%; display:none;}
.carpresenter #leftWheelDiv,.carpresenter #rightWheelDiv{position:absolute;}
.carpresenter .iframecontainer{margin: 0 auto; width: 100%;/*height: 410px;*/}
.carpresenter .iframecontainer .carfragment{width: 12.5%;/*height:20%;*/float:left;margin: 0;padding: 0;}
.carpresenter .iframecontainer .carfragment img{width: 100%;height: 100%;}
.carpresenter #colorSelector {position:absolute;top:1.5%;left:1%; cursor: pointer;}
.carpresenter #rotateWheels {position: absolute;top:1.5%;left:5.4%; cursor:pointer;width: 36px;height: 36px;background: url(../images/colorpicker/rotate.png);}
.carpresenter #carChange {position: absolute;top:1.5%;left:9.8%; cursor:pointer;width: 36px;height: 36px;background: url(../images/colorpicker/carchange.png);}

.shopcart-coupon {padding: 10px 0px 10px 20px; height: 50px;}
.shopcart-coupon .shopcart-coupon-form input {padding: 3px; height: 35px;}
.shopcart-coupon .shopcart-coupon-form button {height: 41px;}

#shopcart .shopcart_content .left .delivery .method .left_col p {min-height: 70px;}

#products .parameters .options .param img {width: 26px; height: 26px; position: relative; top: 2px;}
#products .parameters .options .param .arrow {margin-right: 9px;}
#products .parameters .options .param .withimage {top: -4px;}

.left_clouds {width: 100%; height: 375px;}

#alukola .bg_road {margin: 0 auto; z-index: 0; width: 100%; background: url('../images/bg_alukola.png') no-repeat; background-position-x: center; background-size: auto 100%; position: absolute; z-index: 0;}
#alukola .bubbles_menu {text-align: center; width: 100%; background: url('../images/homepage_menu.png') no-repeat; background-position: top center;z-index: 2;position: relative; margin-top: 20px;}

@media (max-width: 800px) {
.aval img {width: 30%;}
.aval {margin-right: 0; margin-top: -3px;}
.availabilitystockinfobox{display: block;}
.sliding_add {display:none;}
#showHeurekaBadgeHere-12 {display:none;}
.availabilityinfobox .fl{font-size: 10px; margin: 10px 10px 0; display: inline-block; text-align: left;}
.availabilityinfobox .fl.long{margin-left: 10px;}
.availabilityinfobox .s-bottom{margin: 30% 0 0 5% }
}

@media (max-width: 648px) {
/* .vnitrniprumer, .vnejsiprumer{width: 46%; float: right; height: 70px; clear: both;} */
/* .vnejsiprumer{margin-top: 12px;} */
.range span{margin-left: -2em;}
.action_offers .aval{display: block;} 
.aval img {display: none;}
.aval {margin-right: 4px; margin-top: -3px;}
.availabilitystockinfobox{display: block;}
.availabilityinfobox .fl{font-size: 10px; margin: 10px 10px 0; display: inline-block; text-align: left;}
.availabilityinfobox .fl.long{margin-left: 10px;}
.availabilityinfobox .s-bottom{margin: 30% 0 0 5% }
.sliding_add {margin-left: 318px; top: 248px;}
#showHeurekaBadgeHere-12 {top: 238px; margin-left: -448px;}
.wrapper{ width: 600px; margin: 0 auto;}
.breadcrumbs {width: 600px;}
.bubbles_menu {height: 206px;}

#page .styled_content div {font-size: 8.4px;}
#page .styled_content strong {font-size: 8.4px;}
#page .styled_content i {font-size: 8.4px;}
#page .styled_content a {font-size: 8.4px;}
#page .styled_content h1{font-size: 18.6px;}
#page .styled_content h2{font-size: 16.2px;}
#page .styled_content h3{font-size: 15px;}
#page .styled_content h4{font-size: 12.6px;}
#page .styled_content .subtext{font-size: 10.2px;}
#products .tab_contents .tab_content p{padding-bottom: 10px;}
#products .tab_contents .tab_content table th {font-size: 8.4px;}
#products .tab_contents .tab_content table td {font-size: 8.4px;}
#slider {min-height: 192px;  margin-top: 9px}
#slider .slider-box .grey_box {height: 66px;}
#slider .slider-box .red_box {height: 138px; top: -100px;box-shadow: grey 3px 3px 3px;}

.bg_road {height: 355.6px; top: -355.6px}
.help_section .help {height: 148.2px;}
.help_section .help h3 {margin: 12px 0 0 0;min-height: 45px;}
.help_section .help .more{margin-bottom: 10px;}
.action_offers .product {height: 279px;}
.action_offers .product .detail_btn {margin-top: 9.6px;}
#products .categories {height: 62.1px;}

.backg_road .road{height: 94.2px; top: -94.2px;}
#products .detail .images .main_image .image {height: 100%;}
#products .detail .info .buy .buy_btn .cart, #car_category .info .buy .buy_btn .cart {height: 15.6px;}
/*.carpresenter .iframecontainer{height: 225px;}*/
#products .tab_contents .tab_content table th {width: 96px; height: 33.6px;}
#products .tab_contents .tab_content table td {width: 96px; height: 23.4px;}
#products .tabs .tab, #products .tabs .tabkat{height: 25.8px; line-height: 25.8px;}
#products .tabs .active{top: -2.4px; height: 31.8px; line-height: 31.8px;}
#products .tabs .img_wrapper {width: 25.2px; height: 24.6px;}
#products .products {margin: -3px 0 20px 0;}
#products .tab_contents { margin-top: -3px;}
#products .similar .product {height: 192px;}
#shopcart .steps ul li {height: 43.8px; line-height: 43.8px;}
#shopcart .steps ul li .shopcart {width: 22.8px; height: 18px; margin: 12.6px 3% 0 6%;}
#shopcart .buttons .continue_btn, #shopcart .buttons .recount_btn {height: 25.8px; line-height: 25.8px;}
#shopcart .buttons .continue_btn .arrow, #shopcart .continue .arrow {height: 11.4px;}
#shopcart .continue {height: 33px; line-height: 33px;}
#shopcart .shopcart_content .left .delivery .method {height: 60px;}
#shopcart .shopcart_content .left .delivery .method .right_col .price {margin: 18px 0 0 2px;}
#shopcart .shopcart_content .left .delivery .with_map_active  {height: 72px;}
#shopcart .shopcart_content .left .payment .method {height: 24px;}
.top_brands ul li {height: 96px; line-height: 96px;}
footer .top .offer .left a {line-height: 18px; height: 18px;}
#slider {min-height: 192px;}
header .right_box .menu{height: 33px;  margin-top: 6px;}
header .right_box .menu li{height: 30px; line-height: 30px;}
header .right_box .menu li a img{top: 1.2px;}
header .right_box .menu li a {height: 30px;}
header .right_box .menu li:hover {border-bottom: 3px #6c8aba solid;}
header .right_box .menu .active {border-bottom: 3px #e0011b solid;}
header .right_box .phone .phone_icon {width: 17.4px; height: 17.4px; margin: 0 5% -4.2px 0;}
header .right_box .phone {margin-top: 6px;}
header .right_box .search {margin-top: 6px;}
header .right_box .search input[type="text"]{height: 31.8px;}
/*header .right_box .search input[type="submit"]{top: 15.8px; padding: 3px; height: 12px; width: 12px;}*/
header .right_box .search .search_separator{top: 10.2px; height: 18px;}
header .right_box .shopcart {margin-top: 6px; height: 31.8px; line-height: 31.8px;}
header .right_box .shopcart .shopcart_img{width: 16.8px; height: 13.8px;}
.content_box {height: 180px;}
#page .styled_content .tel_mail li {height: 22.8px; margin-bottom: 6px; line-height: 22.2px;}
#page .styled_content .tel_mail li .text{margin-top: -12px;}
#page .styled_content .tel_mail li .tel, #page .styled_content .tel_mail li .email {width: 22.8px; height: 22.8px;}
.persons .person .person_phone{font-size: 9.6px;}
.persons .person .person_phone strong{font-size: 9.6px !important;}
.persons .person .function{font-size: 8.4px;}
.left_clouds {width: 312px; height: 225px;}
.right_clouds {width: 324px; height: 225px; margin-left: -324px;}
.pages, .products_on_page  {line-height: 16.2px;}
.pages .page_numb, .products_on_page .option {width: 16.2px; height: 16.2px;}
.popup_window, .change_car_popup {width: 516px;}
.popup_window .header .order_btn {margin-top: -3px; height: 45px; line-height: 33px;}
.popup_window .product .price_wrapper {margin-top: 6px;}
.popup_window .product .price_wrapper .price {line-height: 12px;}
.popup_window .product .price_wrapper .availability {line-height: 6.6px;}
.popup_window .header .thumb_wrapper .done {width: 34.2px; height: 34.2px;}
.popup_window .product p {height: 30px;}
.popup_window .header .order_btn .arrow, .popup_window .footer .continue_btn .arrow_left, .popup_window .footer .shopcart_btn .arrow_right {width: 8.4px; height: 11.4px;}
#shopcart .shopcart_content .left .delivery .method .left_col p{margin: 2px 0 0 8%;}
#help_content .top_cats {margin-top: 18px;}
#help_content .top_cats li {line-height: 46.8px; height: 46.8px;}
#help_content .top_cats li .question_mark {width: 27px; height: 27px;}
#help_content .help_box, #help_content .similar {margin-bottom: 24px; margin-top: 16.8px; padding: 10.8px;}
#help_content .help_box {min-height: 270px;}
#help_content .help_box .help {margin-bottom: 12px; height: 150px;}
#help_content .help_box .help h2 {margin: 9px 0 3px 0;}
#shopcart .shopcart_content .error h4 {margin-bottom: 42px;}
#shopcart .shopcart_content .error {line-height: 33px;}
#shopcart .shopcart_content .error .error_image {margin: 4.8px 9px; width: 23.4px; height: 23.4px;}
#shopcart .shopcart_content .form_box .form_input {height: 24px; line-height: 24px;}
#shopcart .steps {height: 45px;}
#shopcart .shopcart_content {margin-top: 18px;}
#shopcart .shopcart_content .form_box {padding: 18px 2.5%; margin-bottom: 18px;}
#shopcart .shopcart_content .form_box .form_input {margin-bottom: 6px;}
#shopcart .shopcart_content .form_box .comment {margin-top: 15px;}
#shopcart .shopcart_content .right .watch .watch_img {margin-right: 3px; margin-top: 4.8px; width: 37.2px; height: 21.6px;}
.change_car_popup .header {height: 36px; padding: 12px 7%;}
.change_car_popup .header .image {margin-top: 7px; width: 26.4px; height: 26.4px;}
.help .img_wrapper {height: 60px; line-height: 60px;}
#products .product .short, .popup_window .product .short {height: 31.2px; background-position-y: -3px; }
#products .product .second, .popup_window .product .second {top: 27.2px; }
#products .product .bottom, .popup_window .product .bottom {height: 42px;}
#products .detail .images .main_image .short, .action_offers .product .short {height: 39px; background-position-y: -3px; background-size: 100% 150%; }
#products .detail .images .main_image .second, .action_offers .product .second {top: 36px;}
.shopcart-coupon {padding: 6px 0 6px 12px; height: 30px;}
.shopcart-coupon .shopcart-coupon-form input {padding: 1.8px; height: 21px;}
.shopcart-coupon .shopcart-coupon-form button {height: 24.6px;}
#shopcart .shopcart_content .left .delivery .method .left_col p {min-height: 42px;}
#products .parameters .options .param img {width: 15.6px; height: 15.6px;}
#products .parameters .options .param .arrow {margin-right: 3px;}
#products .parameters .options .param .withimage {top: -2.4px;}
header .right_box .menu li .submenu{width: 140px !important;margin-top: 5px !important;}
header .right_box .menu li:hover .submenu li{padding: 3px 0 2px !important;}
}

@media (max-width: 500px) {
  #products .detail .images .main_image { line-height: 350px; }
  #products .detail .images .other_images {height: 350px;}
  #products .detail .images .other_images .arrow_wrapper {height: 24px; line-height: 24px;}
  #products .detail .images .other_images .arrow_wrapper .arrow_down {height: 17.4px;}
}

@media (max-width: 400px) {
  #products .detail .images .main_image { line-height: 300px; }
  #products .detail .images .other_images {height: 300px;}
  #products .detail .images .other_images .arrow_wrapper {height: 24px; line-height: 24px;}
  #products .detail .images .other_images .arrow_wrapper .arrow_down {height: 17.4px;}
}

@media (min-width: 1050px) and (max-width: 1350px) {
/*.vnitrniprumer, .vnejsiprumer{width: 55%; float: right; height: 70px; }*/
/* .vnejsiprumer{margin-top: 6px;} */
.vnitrniprumer > span.title, .vnejsiprumer > span.title { font-size: 15px; }
.range span{margin-left: -1.4em;}
.action_offers .availabilityinfobox .fl{margin: 100px 5px 0; }
.action_offers .availabilityinfobox .fl.long{margin-left: 45px;}
.availabilityinfobox .fl{font-size: 10px; margin: 10px 25px 0; display: inline-block; text-align: left;}
.availabilityinfobox .fl.long{margin-left: 25px;}
.availabilityinfobox .s-bottom{margin: 40% 0 0 5% }
.aval img {width: 30%;}
.aval {margin-right: 0; margin-top: -3px;}
.sliding_add {margin-left: 397.5px; top:201px; }
#showHeurekaBadgeHere-12 {top: 190px; margin-left: -527.5px;}
.bubbles_menu {height: 257px; }
.bubbles_menu ul {padding-top: 17px;}
.font23 {font-size: 17.25px;}
.font18 {font-size: 18px;}
.font15 {font-size: 11.25px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font22 {font-size: 22px;}
.font25 {font-size: 18.75px;}
.font27 {font-size: 20.25px;}
.font13 {font-size: 9.75px;}
.font17 {font-size: 12.75px;}
.font24 {font-size: 18px;}
.font11 {font-size: 8.25px;}
.font19 {font-size: 14.25px;}
.font20 {font-size: 15px;}
.font31 {font-size: 23.25px;}
.font12 {font-size: 9px;}
.font10 {font-size: 7.5px;}

#page .styled_content div {font-size: 10.5px;}
#page .styled_content strong {font-size: 10.5px;}
#page .styled_content i {font-size: 10.5px;}
#page .styled_content a {font-size: 10.5px;}
#page .styled_content h1{font-size: 23.25px;}
#page .styled_content h2{font-size: 20.25px;}
#page .styled_content h3{font-size: 18.75px;}
#page .styled_content h4{font-size: 15.75px;}
#page .styled_content .subtext{font-size: 12.75px;}
#products .tab_contents .tab_content p{padding-bottom: 10px;}
#products .tab_contents .tab_content table th {font-size: 10.5px;}
#products .tab_contents .tab_content table td {font-size: 10.5px;}
#alukola .bubbles_menu ul li a .img_wrapper {height: 144px; }
#slider {min-height: 240px;  margin-top: 11.25px}
.bg_road {height: 427px; top: -427px;}
.help_section .help {height: 185.25px;}
.help_section .help h3 {margin: 16px 0 0 0;min-height: 62px;}
.help_section .help .more{margin-bottom: 12px;}
#products .categories {height: 78px;}
#products .categories ul li a .img_wrapper{width: 35.25px; height: 35.25px;}
#products .product .image_wrapper {height: 135px; line-height: 135px;}
#products .product .image_wrapper img {max-height: 135px; max-width: 139px;}
#products .product p {height: 37.5px;}
/*#products .product .price_wrapper {margin-top: 7.5px;}*/
#products .product .price_wrapper .price {line-height: 15px;}
#products .product .price_wrapper .availability {line-height: 8.25px;}
.backg_road .road{height: 117.75px; top: -117.75px;}
#products .detail .info .buy .amount, #products .detail .info .buy .buy_btn, #car_category .info .buy .buy_btn {height: 45.75px; line-height: 45.75px;}
#products .detail .info .buy .amount input {height: 21px;}
#products .detail .info .buy .buy_btn .cart, #car_category .info .buy .buy_btn .cart {height: 19.5px;}
/*.carpresenter .iframecontainer{height: 284px;}*/
#products .tab_contents .tab_content table th {width: 120px; height: 42px;}
#products .tab_contents .tab_content table td {width: 120px; height: 21.75px;}
#products .tabs .tab, #products .tabs .tabkat{height: 32.25px; line-height: 32.25px;}
#products .tabs .active{height: 39.75px; line-height: 39.75px;}
#products .tabs .img_wrapper {width: 31.5px; height: 30.75px;}
#products .products {margin: -3.75px 0 20px 0;}
#products .tab_contents { margin-top: -3.75px;}
#products .similar .product {height: 240px;}
#shopcart .steps ul li {height: 54.75px; line-height: 54.75px;}
#shopcart .steps ul li .shopcart {width: 28.5px; height: 22.5px; margin: 15.75px 3% 0 6%;}
#shopcart .buttons .continue_btn, #shopcart .buttons .recount_btn {height: 32.25px; line-height: 32.25px;}
#shopcart .buttons .continue_btn .arrow, #shopcart .continue .arrow {height: 14.25px;}
#shopcart .continue {height: 41.25px; line-height: 41.25px;}
#shopcart .shopcart_content .left .delivery .method {height: 75px;}
#shopcart .shopcart_content .left .delivery .method .right_col .price {margin: 22.5px 0 0 2px;}
#shopcart .shopcart_content .left .delivery .with_map_active  {height: 90px;}
#shopcart .shopcart_content .left .payment .method {height: 30px;}
.top_brands ul li {height: 120px; line-height: 120px;}
footer .top .offer .left a {line-height: 22.5px; height: 22.5px;}
.action_offers {
    margin-top: -6px !important;
}
#slider {min-height: 299px; top: -89px!important;}
header .right_box .menu{height: 41.25px; margin-top: 7.5px;}
header .right_box .menu li{height: 37.5px; line-height: 37.5px;}
header .right_box .menu li a img{top: 1.5px;}
header .right_box .menu li a {height: 37.5px;}
header .right_box .menu li:hover {border-bottom: 3.75px #6c8aba solid;}
header .right_box .menu .active {border-bottom: 3.75px #e0011b solid;}
header .right_box .phone .phone_icon {width: 21.75px; height: 21.75px; margin: 0 5% -5.25px 0;}
header .right_box .phone {margin-top: 7.5px;}
header .right_box .phone a{color: inherit; position: relative; top: -2px;}
header .right_box .phone a .phones{margin-top: -5px;}
header .right_box .search {margin-top: 7.5px;}
header .right_box .search input[type="text"]{height: 39.75px;}
/*header .right_box .search input[type="submit"]{top: 19.25px; padding: 3.75px; height: 15px; width: 15px;}*/
header .right_box .search .search_separator{top: 12.75px; height: 22.5px;}
header .right_box .shopcart {margin-top: 7.5px; height: 39.75px; line-height: 39.75px;}
header .right_box .shopcart .shopcart_img{width: 21px; height: 17.25px;}
.content_box {height: 225px;}
#page .styled_content .tel_mail li {font-size: 12px; height: 28.5px; margin-bottom: 7.5px; line-height: 27.75px;}
#page .styled_content .tel_mail li .text{margin-top: -15px;}
#page .styled_content .tel_mail li .tel, #page .styled_content .tel_mail li .email {width: 28.5px; height: 28.5px;}
.persons .person .person_phone{font-size: 12px;}
.persons .person .person_phone strong{font-size: 12px !important;}
.persons .person .function{font-size: 10.5px;}
.left_clouds {width: 390px; height: 281px;}
.right_clouds {width: 405px; height: 281px; margin-left: -405px;}
.pages, .products_on_page {line-height: 20.25px;}
.pages .page_numb, .products_on_page .option {width: 20.25px; height: 20.25px;}
#shopcart .shopcart_content .left .delivery .method .left_col p{margin: 4px 0 0 8%;}
#help_content .top_cats {margin-top: 22.5px;}
#help_content .top_cats li {line-height: 58.5px; height: 58.5px;}
#help_content .top_cats li .question_mark {width: 33.75px; height: 33.75px;}
#help_content .help_box, #help_content .similar {margin-bottom: 30px; margin-top: 21px; padding: 13.5px;}
#help_content .help_box {min-height: 337.5px; }
#help_content .help_box .help {margin-bottom: 15px; height: 187.5px;}
#help_content .help_box .help h2 {margin: 11.25px 0 3.75px 0;}
#faq-list img.arrow{margin:7px 0 0 0;}
#shopcart .shopcart_content .error h4 {margin-bottom: 52.5px;}
#shopcart .shopcart_content .error {line-height: 55px;}
#shopcart .shopcart_content .error .error_image {margin: 6px 11.25px; width: 29.25px; height: 29.25px;}
#shopcart .shopcart_content .form_box .form_input {height: 30px; line-height: 30px;}
#shopcart .steps {height: 56.25px;}
#shopcart .shopcart_content {margin-top: 22.5px;}
#shopcart .shopcart_content .form_box {padding: 22.5px 2.5%; margin-bottom: 22.5px;}
#shopcart .shopcart_content .form_box .form_input {margin-bottom: 7.5px;}
#shopcart .shopcart_content .form_box .comment {margin-top: 18.75px;}
#shopcart .shopcart_content .right .watch .watch_img {margin-right: 3.75px; margin-top: 6px; width: 46.5px; height: 27px;}
.change_car_popup .header {height: 45px; padding: 15px 7%;}
.change_car_popup .header .image {margin-top: 9px; width: 33px; height: 33px;}
.help .img_wrapper {height: 75px; line-height: 75px;}
#products .product .icon_brown, #products .product .icon_yellow,
#products .product .icon_blue, .popup_window .product .icon_brown, .popup_window .product .icon_yellow,
.popup_window .product .icon_blue {top: -3px; width: 29px; height: 29px; line-height: 49.5px;}
#products .product .short, .popup_window .product .short {height: 39px; background-position-y: -3.75px;}
#products .product .second, .popup_window .product .second {top: 34.25px; }
#products .detail .images .main_image .short, .action_offers .product .short {height: 48.75px; background-position-y: -3.75px; background-size: 100% 150%; }
#products .detail .images .main_image .second, .action_offers .product .second {top: 45px;}
.shopcart-coupon {padding: 7.5px 0 7.5px 15px; height: 37.5px;}
.shopcart-coupon .shopcart-coupon-form input {padding: 2.25px; height: 26.25px;}
.shopcart-coupon .shopcart-coupon-form button {height: 30.75px;}
#shopcart .shopcart_content .left .delivery .method .left_col p {min-height: 52.5px;}
#products .parameters .options .param img {width: 19.5px; height: 19.5px;}
#products .parameters .options .param .withimage {top: -3px;}
#products .parameters .options .param .arrow {margin-right: 5px;}
header .right_box .menu li .submenu{width: 180px !important;margin-top: 4px !important;}
header .right_box .menu li:hover .submenu li{padding: 4px 0 2px !important;}
}



h1,h2, h3 {font-weight: normal;}

@font-face {font-family: 'OpenSans-Bold'; src: url('../fonts/OpenSans-Bold.eot'); src: local('☺'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'OpenSans-Italic'; src: url('../fonts/OpenSans-Italic.eot'); src: local('☺'), url('../fonts/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans-Italic.ttf') format('truetype'), url('../fonts/OpenSans-Italic.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'OpenSans-Light'; src: url('../fonts/OpenSans-Light.eot'); src: local('☺'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'OpenSans-Regular'; src: url('../fonts/OpenSans-Regular.eot'); src: local('☺'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'OpenSans-Semibold'; src: url('../fonts/OpenSans-Semibold.eot'); src: local('☺'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg') format('svg'); font-weight: normal; font-style: normal;}

/* header */
.left_clouds {position: absolute; top: 0; left: 0; background: url('../images/left_clouds.png') no-repeat; z-index: -1; background-size: 100% 100%; opacity: 0.7;}
.right_clouds {position: absolute; top: 0; left: 100%; background: url('../images/right_clouds.png') no-repeat; z-index: -1; background-size: 100% 100%; opacity: 0.7;}
#alukola header { position: relative;}
#pneukola header {border-top: 5px #809ac5 solid; position: relative; z-index: 2;}
#doplnky header {border-top: 5px #8fb4db solid; position: relative; z-index: 2;}
header {width: 100%; }
header .left_box {display: block; width: 34%; float: left; margin-bottom: 7px;}
header .left_box img{margin: 30px auto; width: 75%; /*height: 100%;*/}
header .left_box h1{margin: 0; width: 100%;}
header .left_box span{display:none;}
header .right_box {display: block; width: 66%; float: right; margin-bottom: 7px;}
header .right_box .phone {width: 31%; float: left; display: block; float: left; font-family: 'OpenSans-Regular'; color: #25b941; font-size: 18px; margin-top: 15px;}
header .right_box .phone .phone_icon {display: block; float: left; background: url('../images/phone.png') no-repeat; background-size: 100% 100%; margin-top: -1px;}
header .right_box .top_menu {width: 69%; display: block; float: left; margin-left: 0; }
header .right_box .top_menu li { float: right; /*left;*/ display: block;  text-transform: uppercase; margin: 0; padding: 3% 0; text-align: center;}
header .right_box .top_menu .active{ background: #e0011b;}
header .right_box .top_menu li a{width: 100%;  font-family: 'OpenSans-Light'; color: #fff;}
header .right_box .top_menu .first{width: 45%; background: #81a9d2;}
header .right_box .top_menu .second{width: 30%;background: #eef2f7 !important;}
header .right_box .top_menu .second a{color: #8aa4c3;}
header .right_box .top_menu .third{width: 25%;}
header .right_box .top_menu .first:hover{opacity: 0.9;}
header .right_box .top_menu .second:hover{opacity: 0.9;}
header .right_box .top_menu .third:hover{opacity: 0.9;}
header .right_box .top_menu li a strong, header .right_box .top_menu li .active strong{font-family: 'OpenSans-Bold';}

header .right_box .menu{display: block; width: 100%; position: relative; z-index: 10000;}
header .right_box .menu li{position: relative; display: block; float: left; text-transform: uppercase; margin: 0 -0.2%; margin-right: 5%;}
header .right_box .menu .first{margin-left: 2%;}
header .right_box .menu li a img{position: relative; width: 100%; height: 35%;}
header .right_box .menu li a {display: block; font-family: 'OpenSans-Regular'; color: black; vertical-align: middle;}
header .right_box .menu li:hover {}
header .right_box .menu li:hover .submenu{width:220px;margin-top:5px;}
header .right_box .menu .active {}
header .right_box .menu li .submenu{display: none;}
header .right_box .menu li:hover .submenu{padding: 10px;list-style-type: none; display: block; position: absolute; background-color: #212121; color: white; z-index: 500;}
header .right_box .menu li:hover .submenu li{padding: 6px 0 3px;border-bottom: 2px solid #212121;position: initial; float: none; width: 100%; height: auto; line-height:initial;}
/*header .right_box .menu li:hover .submenu li:last-child{border-bottom: none;}*/
header .right_box .menu li:hover .submenu li a{ display: inline; height: max-content; line-height:initial; color: white;}

header .right_box .menu li:hover .submenu li:hover a{text-decoration: none;}
header .right_box .menu li:hover .submenu li:hover {border-bottom: 2px #6c8aba solid;}

header .right_box .search {position: relative; display: block; float: left; width: 335px; border: 7px #eaeff6 solid;  z-index: 1000;}
header .right_box .search input[type="text"]{display: block;  padding-left: 3%; width: 97%; font-family: 'OpenSans-Semibold'; color: #555555; height: 42px;
   -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.1);
    border: none;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #f3f3f3;
}
header .right_box .search input[type="submit"]{position: absolute; left: 90%; background: url('../images/search.png') no-repeat; background-size: 100% 100%; border: none; cursor: pointer;color: transparent;}
header .right_box .search .search_separator{position: absolute;  left: 86%; background: url('../images/search_sep.png') no-repeat; width: 1px; border: none;}

header .right_box .shopcart {font-family: 'OpenSans-Bold'; border: 1px solid #e7ebee; float: right; background-color: #eaeff6; display: block; width: 28%; color: #e0011b; vertical-align: central; text-align: center;position: relative; z-index: 1000;}
header .right_box .shopcart:hover {color: #6599d1;}
header .right_box .shopcart .shopcart_img{display: inline-block; background: url("../images/shopcart_menu.png") no-repeat; background-size: 100% 100%; vertical-align: middle;}

header .right_box .shopcart .shopcart_price{vertical-align: middle; float: left; margin-left: 15px; font-size: 20px;}

/* slider  */
#slider {z-index: 10; margin-left: 0; margin-right: 0; margin-bottom: 0; width: 100%; /* background: url('./../images/header_bg.jpg') !important; */ position: relative; top: -186px;}
#slider .slider-box {display: block; position: relative;  width: 100%;}
#slider .slider-box .grey_box { padding: 5px 25px; display: block; position: relative; width: 178px; border: 1px solid #dbe2ef; background: #eef2f7; border-left: 0; line-height: 22px; float: right; margin-right: -3px; margin-top: 79px;}
#slider .slider-box .grey_box .light-blue {font-family: "OpenSans-Light"; color: #6fbdec;}
#slider .slider-box .grey_box .thick-white {font-family: "OpenSans-Semibold"; color: #333a43; margin-top: 10px;}
#slider .slider-box .grey_box .thick-red {font-family: "OpenSans-Semibold"; color: #e0011b;}
#slider .slider-box .grey_box .gratis {font-family: "OpenSans-Semibold"; color: #e0011b; text-align: center;  }
#slider .slider-box .grey_tip {position: absolute; width: 15px; height: 122px; background: url('../images/grey_arrow.png') no-repeat; background-size: 100% 100%; top: 0;left:-15px;}
#slider .slider-box .more {font-family: "OpenSans-Semibold"; color: white; position: absolute; width: 153px; height: 31px; line-height: 31px; background-color: #e0021b; vertical-align: central; text-align: center;}
#slider .slider-box .more:hover {background-color: #6c8aba;}
#slider .slider-box .more .white_arrow {display: inline-block; width: 11px; height: 17px; background: url('../images/right_arrow.png') no-repeat; margin: 0 0 -2px 10px;}

#slider .slider-box .red_box {z-index: 10; height: 65px; color: white; float: right; padding: 2px 15px; padding-right: 0; display: block; position: relative;  width: 561px; border: 1px solid #dbe2ef; background: #eef2f7; border-right: 0; margin-top: -122px; margin-right: 406px;}
/*#slider .slider-box .red_box:hover {box-shadow: grey 3px 3px 10px;}*/
#slider .slider-box .red_box strong  {color: #e0011b; font-weight: normal;}

#slider .slider-box .red_box .top  {height: 20%; display: inline-block; vertical-align:top;  width: 164px; top: 3px; position: relative;}
#slider .slider-box .red_box .top .header_3 {font-family: "OpenSans-Semibold"; padding-right: 10px;font-size: 22px; color: #333a43; bottom: -4px; position: relative;}
#slider .slider-box .red_box .top .arrow {font-family: "OpenSans-Bold"; background: url("../images/arrow_separatorWhy.png") no-repeat; width: 14px; height: 42px; display: inline-block; vertical-align:top;position: relative; top: -21px; right: -5px;}


#slider .slider-box .red_box .top  .link { color: white; font-family: "OpenSans-Regular"; color: #e0011b; font-size: 17px; position: relative; top: -3px;}
#slider .slider-box .red_box .top  a { color: white; font-family: "OpenSans-Light"; margin-left: 10px;}
#slider .slider-box .red_box .top  a:hover {text-decoration: underline;}
#slider .slider-box .red_box strong {font-family: "OpenSans-Semibold"; }
#slider .slider-box .red_box ul { height: 65%; list-style-type: none; color: white; font-family: "OpenSans-Light"; width: 392px; display: inline-block; vertical-align:top; position: relative; top: 2px;}
#slider .slider-box .red_box ul li .separator {font-family: "OpenSans-Bold"; background: #dbe2ef; width: 1px; height: 50px;float: right; position: absolute; margin-left: 117px; margin-top: 4px;}
#slider .slider-box .red_box ul li .separator.dvojka {margin-left: 106px;}
#slider .slider-box .red_box ul li {margin-bottom: 5%; height: 33%; display: inline-block; vertical-align:top; padding-left: 10px; padding-right: 10px; font-weight: 600; color: #333a43;}
#slider .slider-box .red_box ul li .numb {margin-right: 20px; font-family: "OpenSans-Bold"; display: block; float: left; width: 19%; height: 98%; background-color: #311e22; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 200%; vertical-align: central;}
#slider .slider-box .red_box ul li .text {display: block; float: left; position: relative; top: 7px; top: 8px; line-height: 22px;font-family: "OpenSans-Semibold";}
/*#slider .slider-box .red_tip {position: absolute; width: 100%; height: 39px; background: url('../images/border2.png') no-repeat; background-size: 100% 100%; top: 100%; left: 0px;}
#slider .slider-box .red_box:hover .red_tip {position: absolute; width: 100%; height: 41px; background: url('../images/border2_hover.png') no-repeat; background-size: 100% 100%; top: 100%; left: 0px;}*/
#slider .slider-box .red_tip {position: absolute; width: 16px; height: 70px; background: url('../images/border2_hover.png') no-repeat; background-size: 100% 100%; top: 0; right: -16px;}

#slider-nav {position: relative; top: -30px; height: 24px; text-align: center; z-index: 50;}
#slider-nav a {text-indent: -9999px; width: 23px; height: 24px; background: url('../images/slider_nav.png') no-repeat transparent; margin: 2px; display: inline-block; border: 0 none; outline: 0 none;}
#slider-nav a.activeSlide {background: url('../images/slider_nav_active.png') no-repeat; }

#alukola .bg { position: relative; width: 100%;}
/*#alukola .bg_road_grass {margin: 0 auto; height: 157px; width: 100%; background: url('../images/grass_slice.jpg') repeat-x; position: absolute; top:-157px; z-index: 0;}*/

#pneukola .bg { position: relative; width: 100%;}
/*#alukola .bg_road_grass {margin: 0 auto; height: 157px; width: 100%; background: url('../images/grass_slice.jpg') repeat-x; position: absolute; top:-157px; z-index: 0;}*/
#pneukola .bg_road {margin: 0 auto; z-index: 0;  width: 100%; background: url('../images/bg_pneukola.jpg') no-repeat; background-position-x: center; background-size: auto 100%; position: absolute; z-index: 0;}

#doplnky .bg { position: relative; width: 100%;}
/*#alukola .bg_road_grass {margin: 0 auto; height: 157px; width: 100%; background: url('../images/grass_slice.jpg') repeat-x; position: absolute; top:-157px; z-index: 0;}*/
#doplnky .bg_road {margin: 0 auto; z-index: 0; width: 100%; background: url('../images/bg_doplnky.jpg') no-repeat; background-position-x: center; background-size: auto 100%; position: absolute; z-index: 0;}

/* bubbles menu */

.bubbles_menu ul {list-style-type: none; width: 100%; height: 100%; position: relative;}
.bubbles_menu ul li {display: block; float: left;  width: 20%; height: 55%; text-align: center; position: relative; margin-top: 17px;}
.bubbles_menu .wrapper{
    width: 1073px;
    margin: auto auto;
}
#alukola .bubbles_menu ul li a {width: 100%; position: relative; text-align: center;}
#alukola .bubbles_menu ul li a .text {margin-bottom: 25px; display: block; text-align: center; color: #222220; font-family: "OpenSans-Bold"; font-size: 21px;}
#alukola .bubbles_menu ul li a:hover .text {color: #df001b;}

#alukola .bubbles_menu ul li a .img_wrapper {display: block; width: 95%; }
#alukola .bubbles_menu ul li a .image_1 {position: relative; z-index: 50; display: block; width: 100%; height: 100%; background: url('../images/bubbles_1.png') no-repeat top center;}
#alukola .bubbles_menu ul li a .image_2 {position: relative; z-index: 50; display: block; width: 100%; height: 100%; background: url('../images/bubbles_3.png') no-repeat top center;}
#alukola .bubbles_menu ul li a .image_3 {position: relative; z-index: 50; display: block; width: 100%; height: 100%; background: url('../images/bubbles_4.png') no-repeat top center;}
#alukola .bubbles_menu ul li a .image_4 {position: relative; z-index: 50; display: block; width: 100%; height: 100%; background: url('../images/bubbles_4.png') no-repeat top center;}
#alukola .bubbles_menu ul li a .image_5 {position: relative; z-index: 50; display: block; width: 100%; height: 100%; background: url('../images/bubbles_5.png') no-repeat top center;}
#alukola .bubbles_menu ul li a .image_6 {position: relative; z-index: 50; display: block; width: 100%; height: 100%; background: url('../images/bubbles_2.png') no-repeat top center;}

#alukola .bubbles_menu ul li:hover a .image_1 {background: url('../images/bubbles_1h.png') no-repeat top center;}
#alukola .bubbles_menu ul li:hover a .image_2 {background: url('../images/bubbles_3h.png') no-repeat top center;}
#alukola .bubbles_menu ul li:hover a .image_3 {background: url('../images/bubbles_4h.png') no-repeat top center;}
#alukola .bubbles_menu ul li:hover a .image_4 {background: url('../images/bubbles_4h.png') no-repeat top center;}
#alukola .bubbles_menu ul li:hover a .image_5 {background: url('../images/bubbles_5h.png') no-repeat top center;}
#alukola .bubbles_menu ul li:hover a .image_6 {background: url('../images/bubbles_2h.png') no-repeat top center;}



#alukola .bubbles_menu ul li a:hover .color {background-color: #e0011b;}
.bubbles_menu ul li a .img_wrapper .color {display: block; z-index: 3; position: relative; left: 13%; top: -87%; width: 75%; height: 75%; background-color: #8aa4c3; -moz-border-radius: 50%; border-radius: 50%;}

#pneukola .bubbles_menu {z-index: 2; box-shadow: #b2b7bd 5px 5px 10px; height: 343px; width: 100%; background: url('../images/homepage_menu_pneukola.jpg') no-repeat; background-position: center center;}
#pneukola .bubbles_menu ul li a .text {margin-bottom: 25px; display: block; text-align: center; color: white; font-family: "OpenSans-Semibold";}
#pneukola .bubbles_menu ul li a:hover .text {color: #86acd5;}
#pneukola .bubbles_menu ul li a .white_circle .image_1 {position: absolute; top: 50%; margin-top: -55px; left: 50%; margin-left: -55.5px; display: block; width: 111px; height: 110px; background: url('../images/icon1_grey.png') no-repeat; }
#pneukola .bubbles_menu ul li a .white_circle .image_2 {position: absolute; top: 50%; margin-top: -50px; left: 50%; margin-left: -61px; display: block; width: 122px; height: 100px; background: url('../images/icon2_grey.png') no-repeat; }
#pneukola .bubbles_menu ul li a .white_circle .image_3 {position: absolute; top: 50%; margin-top: -58.5px; left: 50%; margin-left: -53.5px; display: block; width: 107px; height: 117px; background: url('../images/icon3_grey.png') no-repeat; }
#pneukola .bubbles_menu ul li a .white_circle .image_4 {position: absolute; top: 50%; margin-top: -55px; left: 50%; margin-left: -55px; display: block; width: 111px; height: 110px; background: url('../images/icon4_grey.png') no-repeat; }
#pneukola .bubbles_menu ul li a .white_circle .image_5 {position: absolute; top: 50%; margin-top: -47.5px; left: 50%; margin-left: -30px; display: block; width: 60px; height: 97px; background: url('../images/icon5_grey.png') no-repeat; }
#pneukola .bubbles_menu ul li a:hover .white_circle .image_1 {background: url('../images/icon1_right.png') no-repeat;}
#pneukola .bubbles_menu ul li a:hover .white_circle .image_2 {background: url('../images/icon2_right.png') no-repeat;}
#pneukola .bubbles_menu ul li a:hover .white_circle .image_3 {background: url('../images/icon3_right.png') no-repeat;}
#pneukola .bubbles_menu ul li a:hover .white_circle .image_4 {background: url('../images/icon4_right.png') no-repeat;}
#pneukola .bubbles_menu ul li a:hover .white_circle .image_5 {background: url('../images/icon5_right.png') no-repeat;}

#doplnky .bubbles_menu {z-index: 2; box-shadow: #b2b7bd 5px 5px 10px; height: 343px; width: 100%; background: url('../images/homepage_menu_doplnky.jpg') no-repeat; background-position: center center;}
#doplnky .bubbles_menu ul li a .text {margin-bottom: 25px; display: block; text-align: center; color: white; font-family: "OpenSans-Semibold"; }
#doplnky .bubbles_menu ul li a:hover .text {color: #86acd5;}
#doplnky .bubbles_menu ul li a .white_circle .image_1 {position: absolute; top: 50%; margin-top: -55px; left: 50%; margin-left: -55.5px; display: block; width: 111px; height: 110px; background: url('../images/icon1_grey.png') no-repeat; }
#doplnky .bubbles_menu ul li a .white_circle .image_2 {position: absolute; top: 50%; margin-top: -50px; left: 50%; margin-left: -61px; display: block; width: 122px; height: 100px; background: url('../images/icon2_grey.png') no-repeat; }
#doplnky .bubbles_menu ul li a .white_circle .image_3 {position: absolute; top: 50%; margin-top: -58.5px; left: 50%; margin-left: -53.5px; display: block; width: 107px; height: 117px; background: url('../images/icon3_grey.png') no-repeat; }
#doplnky .bubbles_menu ul li a .white_circle .image_4 {position: absolute; top: 50%; margin-top: -55px; left: 50%; margin-left: -55px; display: block; width: 111px; height: 110px; background: url('../images/icon4_grey.png') no-repeat; }
#doplnky .bubbles_menu ul li a .white_circle .image_5 {position: absolute; top: 50%; margin-top: -47.5px; left: 50%; margin-left: -30px; display: block; width: 60px; height: 97px; background: url('../images/icon5_grey.png') no-repeat; }
#doplnky .bubbles_menu ul li a:hover .white_circle .image_1 {background: url('../images/icon1_right.png') no-repeat;}
#doplnky .bubbles_menu ul li a:hover .white_circle .image_2 {background: url('../images/icon2_right.png') no-repeat;}
#doplnky .bubbles_menu ul li a:hover .white_circle .image_3 {background: url('../images/icon3_right.png') no-repeat;}
#doplnky .bubbles_menu ul li a:hover .white_circle .image_4 {background: url('../images/icon4_right.png') no-repeat;}
#doplnky .bubbles_menu ul li a:hover .white_circle .image_5 {background: url('../images/icon5_right.png') no-repeat;}

/* infromation box */
.information_section {background-color: #fcf8e3; z-index: 0; padding: 20px 0; border-top: 1px solid #c2d0d8; border-bottom: 1px solid #c2d0d8; margin: 20px 0 -20px 0; font-size: 15px;}
.information_section i{color: #8A6D3B;float:right;cursor:pointer;}

/* akce */
.action_offers {background-color: #e4ebf3; z-index: 0; padding: 30px 0; border-top: 1px solid #c2d0d8; border-bottom: 1px solid #c2d0d8; margin-top: -125px; position: relative; top: -20px;}
.action_offers .wrapper{
    position: relative;
    left: 15px;
}
.action_offers .action_image {margin-right: 10px; margin-bottom: -16px; display: block; float: left; width: 44px; height: 44px; background: url('../images/action.png') no-repeat;}
.action_offers h2 {margin-top: 3px; margin-bottom: 30px; color: #212121; font-family: "OpenSans-Bold"; display: block;}
.action_offers .products {margin: 20px 0;}
.action_offers .product { display: inline-block; vertical-align:top;margin-left: 0.5%; margin-right: 0.5% !important; position: relative; padding: 0 2.4%; float: left; width: 19%; background-color: white; border: 1px solid #ccd8e6; padding-bottom: 17px;}
.action_offers .last {margin-right: 0;}
.action_offers .product .image_wrapper {display: block; width: 100%; height: 58%; text-align: center;}
.action_offers .product .image_wrapper img {vertical-align: middle; height: auto; width: 91%;    margin-top: 5px;}
.action_offers .product h2, .action_offers .product h3 {margin: 10px 0 0 0; color: #311d1f; font-family: "OpenSans-Bold"; width: 100%;}
.action_offers .product p {margin: 0; color: #311d1f; font-family: "OpenSans-Regular"; margin-bottom: 10px; width: 100%;}
.action_offers .product .price_wrapper {float: left; width: 50%;}
.action_offers .product .price_wrapper .discount {display: block; font-family: "OpenSans-Regular"; color: #301e20; height: 16px;}
.action_offers .product .price_wrapper .discount span {position: relative;}
.action_offers .product .price_wrapper .discount span:before {position: absolute; content: "";  left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}
.action_offers .product .price_wrapper .price {line-height: 25px; margin: 0; color: #e80121; font-family: "OpenSans-Bold";}
.action_offers .product .price_wrapper .availability {line-height: 15px; display: block; margin: 0; color: #558D04; font-family: "OpenSans-Regular";}
.action_offers .product .detail_btn {line-height: 200%; text-align: center; border: 1px solid #555555; float: right; display: block; width: 80px; color: white; font-family: "OpenSans-SemiBold"; background: #333a43; border-bottom: 2px solid #21262c; font-size: 16px;}
.action_offers .product .line {position: absolute; border: 1px solid #ccd8e6; top: 100%; left: -1px; width: 100%; height: 5px; background-color: white; display: none; }
.action_offers .product .discount_red {opacity: 0.85; position: absolute; right: 20px; background: url('../images/action_red_small.png') no-repeat; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
.action_offers .product .discount_red span {opacity: 1;}
.action_offers .product .discount_yellow {opacity: 0.85; position: absolute; right: 20px; background: url('../images/action_orange_small.png') no-repeat; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
.action_offers .product .discount_yellow span {opacity: 1;}
.action_offers .product .discount_green {opacity: 0.85; position: absolute; right: 20px; background: url('../images/action_green_small.png') no-repeat; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
.action_offers .product .discount_green span {opacity: 1;}
.action_offers .product:hover {box-shadow: #d1dae3 0px 0px 20px; border: 1px solid #e60120;}
.action_offers .product:hover .discount_red {opacity: 1;}
.action_offers .product:hover .discount_yellow {opacity: 1;}
.action_offers .product:hover .discount_green {opacity: 1;}
.action_offers .product:hover .icon_blue {opacity: 1;}
.action_offers .product:hover .icon_brown {opacity: 1;}
.action_offers .product:hover .icon_yellow {opacity: 1;}
.action_offers .product:hover .line {background-color: #e0011b; display: block; border: 1px solid #e60120;}
.action_offers .product:hover .detail_btn { background: #e60120; border: 1px solid #e60120; border-bottom: 2px solid #af0013;}
/*.action_offers .product .detail_btn:hover { background: #25b941; border: 1px solid #25b941; border-bottom: 2px solid #189d31;}*/
.action_offers .product:hover h3 {color: #e60120;}
.action_offers .product:hover p {color: #e60120;}
.action_offers .product .detail_btn:hover { background: #25b941; border: 1px solid #25b941; border-bottom: 2px solid #189d31;}
.stars_nojQuery{
    width: auto!important;
    background: linear-gradient(90deg, #ff9b3d 50%, #c6cbd0 50%);
    font-size:0px;
    padding:0;
}
.stars_big_noJquery{
    width: auto!important;
    margin-top: 5px;
    display: inline-block;
    font-size:0px;
    padding:0;
    line-height: 0px;
    background: linear-gradient(90deg, #ff9b3d 50%, #c6cbd0 50%);
}
.stars_big_noJquery img{
    width: auto!important;
    height: auto !important;
}
.stars_big .stars_select{
    cursor:pointer;
}
/* top brands */
.top_brands {background-color: white; margin-top: 7px; z-index: 0; padding: 30px 0; border-bottom: 1px solid #edf1f4;}
.top_brands .brands_image {margin-right: 10px; margin-bottom: -16px; display: block; float: left; width: 44px; height: 44px; background: url('../images/top_brands.png') no-repeat;}
.top_brands h2 {margin-top: 3px; margin-bottom: 30px; color: #212121; font-family: "OpenSans-Bold"; display: block;}
.top_brands ul {list-style-type: none;}
.top_brands ul li {float: left; display: block; width: 16%; text-align: center;}
.top_brands ul li a img {vertical-align: middle; width: 63%;}

/* help */
.help_section {background-color: white; margin-top: 7px; z-index: 0; padding: 30px 0; border-bottom: 1px solid #edf1f4;}
.help_section .wrapper{
    position: relative;
    left: 15px;
}
.help_section .help_image {margin-right: 10px; margin-bottom: -16px; display: block; float: left; width: 44px; height: 44px; background: url('../images/questions.png') no-repeat;}
.help_section h2 {margin-top: 3px; margin-bottom: 30px; color: #212121; font-family: "OpenSans-Bold"; display: block;}
.help_section .helps {margin: 20px 0 20px 0; width: 100%; height: 80%;}
.help_section .help {margin-right: 1.5%; position: relative; padding: 0 1%; float: left; width: 21.5%; border: 1px solid #ccd8e6;}
.help_section .last {margin-right: 0;}
.help_section .help h3 {margin: 25px 0 0 0; text-decoration: underline; color: #e0011b; font-family: "OpenSans-Bold";}
.help_section .help p { color: #393939; font-family: "OpenSans-Regular";}
.help_section .help .description {margin-bottom: 20px;}
.help_section .help .more {position: absolute; right: 10%; bottom: 20px; text-decoration: underline; color: #6fbdec; font-family: "OpenSans-Bold";}
.help_section .help:hover {border: 1px solid #6c8aba;}
.help_section .help:hover h3 {color: #6c8aba;}
.help_section .help:hover .more {color: #e0011b;}

/* poradna */
#help_content {z-index: 300; position: relative;}
#help_content h1 {color: #e1001e; font-family: "OpenSans-Bold";}
#help_content .top_cats {list-style-type: none; position: relative; z-index: 15;}
#help_content .top_cats li {margin-right: 1.1%; display: block; float: left; width: 32%; background-color: #212121; color: white; border: 1px solid #212121;}
#help_content .top_cats .last {margin-right: 0;}
#help_content .top_cats li .question_mark {margin: 0 5%; vertical-align: middle; display: inline-block; background: url("../images/question_mark.png") no-repeat; background-size: 100% 100%;}
#help_content .top_cats li .text {vertical-align: middle; color: white; font-family: "OpenSans-Bold"; }
#help_content .top_cats li:hover {cursor: pointer; background-color: #eaeff5; border: 1px solid #d0dcea; }
#help_content .top_cats li:hover .text {color: #222222;}
#help_content .top_cats li:hover .question_mark {background: url("../images/question_mark_hover.png") no-repeat; background-size: 100% 100%;}
#help_content .top_cats .active {background-color: #eaeff5; border: 1px solid #d0dcea;}
#help_content .top_cats .active .text {color: #222222;}
#help_content .top_cats .active .question_mark {background: url("../images/question_mark_hover.png") no-repeat;}
#help_content .top_cats .active .spike {display: block; position: relative; top: -2px; left: 50%; margin-left: -16px; width: 32px; height: 16px; background: url("../images/help_bottom_spike.png") no-repeat;}

#help_content .detail .active {border-bottom: none; height: 100px;}
#help_content .detail .active:hover {border-bottom: none; }
#help_content .sub {z-index: 10; position: relative; width: 95.5%; top: -1px; background-color: #eaeff6; border: 1px solid #d1dcea; padding: 20px 2%;}
#help_content .sub div {display: inline-block; width: 30%;  margin: 30px 0.7%; height: 16px;}
#help_content .sub div .arrow { margin-right: 10px; display: block; float: left; width: 8px; height: 12px; background: url("../images/arrow.png") no-repeat;}
#help_content .sub div .text {position: relative; top: -5px; font-family: "OpenSans-Regular"; text-decoration: underline; color: #393939;}

#help_content .help_box {position: relative; z-index: 100; background-color: white; border: 1px solid #d6e0ec; }
#help_content .help_box .help {z-index: 100; margin-right: 2.5%; float: left; background-color: white; width: 30.2%; }
#help_content .help_box .last {margin-right: 0;}
#help_content .help_box .help h2 {text-decoration: underline; color: #2e1e1f; font-family: "OpenSans-Semibold";}
#help_content .help_box .help p {color: #2e1e1f; font-family: "OpenSans-Regular";} 
#help_content .help_box .help img {border: 1px solid #d6e0ec; max-width: 100%; max-height: 100%;} 

.pages {text-align: right; float: right; vertical-align: central; width: 70%} 
.pages a {display: inline-block; font-family: "OpenSans-Semibold";} 
.pages .next, .pages .prev { text-decoration: underline; margin: 0 10px; color: #d20003;}  
.pages .next:hover, .pages .prev:hover {color: #212121;}  
.pages .page_numb {margin-right: 5px; margin-bottom: 3px; color: #212121; text-align: center; border: 1px solid #a5a5a5; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 47%, #f0f0f0 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#ececec), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* IE10+ */background: linear-gradient(to bottom,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */} 
.pages .page_numb:last-child {margin-right: 0;} 
.pages .page_numb:hover, .pages .aktivni {/* Old browsers */ background: -moz-linear-gradient(top, #b6c3d4 0%, #e8ecf5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6c3d4), color-stop(100%,#e8ecf5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* IE10+ */ background: linear-gradient(to bottom, #b6c3d4 0%,#e8ecf5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c3d4', endColorstr='#e8ecf5',GradientType=0 ); /* IE6-9 */} 

.products_on_page {float: left; vertical-align: central; width: 28%;} 
.products_on_page a {display: block; float: left; font-family: "OpenSans-Semibold";} 
.products_on_page span {display: block; float: left; margin-right: 10px; font-family: "OpenSans-Semibold"; color: #212121;}  
.products_on_page .option {margin-right: 5px; color: #212121; text-align: center; border: 1px solid #a5a5a5; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 47%, #f0f0f0 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#ececec), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* IE10+ */background: linear-gradient(to bottom,  #ffffff 0%,#ececec 47%,#f0f0f0 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */} 
.products_on_page .option:last-child {margin-right: 0;}
.products_on_page .option:hover {/* Old browsers */ background: -moz-linear-gradient(top, #b6c3d4 0%, #e8ecf5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6c3d4), color-stop(100%,#e8ecf5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* IE10+ */ background: linear-gradient(to bottom, #b6c3d4 0%,#e8ecf5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c3d4', endColorstr='#e8ecf5',GradientType=0 ); /* IE6-9 */} 

#help_content .help .img_wrapper {text-align: center;}
#help_content .help .img_wrapper img {vertical-align: central;}

#help_content .similar {position: relative; z-index: 100; background-color: white; border: 1px solid #d6e0ec;}
#help_content .similar h2 {color: #222222; font-family: "OpenSans-Bold"; text-decoration: underline;}
#help_content .similar .help {z-index: 100; margin-right: 25px; margin-bottom: 20px; height: 250px; float: left; background-color: white; width: 302px; }
#help_content .similar .last {margin-right: 0;}
#help_content .similar .help h3 {margin: 15px 0 5px 0; text-decoration: underline; color: #2e1e1f; font-family: "OpenSans-Semibold"; }
#help_content .similar .help p {color: #2e1e1f; font-family: "OpenSans-Regular";}
#help_content .similar .help img {border: 1px solid #d6e0ec; max-width: 100%; max-height: 100%;} 

#help_content .similar .pages {text-align: right; line-height: 27px; vertical-align: central;} 
#help_content .similar .pages a {display: block; float: left; font-family: "OpenSans-Semibold"; font-size: 13px;} 
#help_content .similar .pages .next, #help_content .similar .prev { text-decoration: underline; margin: 0 10px; color: #d20003;}  
#help_content .similar .pages .next:hover, #help_content .similar .prev:hover {color: #212121;}  
#help_content .similar .pages .page_numb {color: #212121; text-align: center; width: 27px; height: 27px; border: 1px solid #a5a5a5; background-color: #fcfcfc; -moz-border-radius: 5px; border-radius: 5px;} 
#help_content .similar .pages .page_numb:hover {/* Old browsers */ background: -moz-linear-gradient(top, #b6c3d4 0%, #e8ecf5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6c3d4), color-stop(100%,#e8ecf5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b6c3d4 0%,#e8ecf5 100%); /* IE10+ */ background: linear-gradient(to bottom, #b6c3d4 0%,#e8ecf5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c3d4', endColorstr='#e8ecf5',GradientType=0 ); /* IE6-9 */} 

#help_content .content img {float: left; margin-right: 3%; margin-bottom: 20px; display: block;} 
#help_content .content .text {margin-right: 30px;} 
#help_content .content h2 {font-family: "OpenSans-Bold"; font-size: 29px; margin-bottom: 2px; margin-top: 5px;} 
#help_content .content h3 {font-family: "OpenSans-Bold"; font-size: 24px; margin-bottom: 2px; margin-top: 5px;} 
#help_content .content p {font-family: "OpenSans-Regular"; font-size: 14px; margin-bottom: 10px} 
#help_content .content ul {} 
#help_content .content ul li {font-family: "OpenSans-Regular"; font-size: 13px; margin-bottom: 5px;} 



/* footer */
footer {color: white;}
footer .top .wrapper{
    position: relative;
    left: 15px;
}
footer .blue {color: #6fbdec;}
footer .top {background-color: #212121; width: 100%;}
footer .top .offer {border-bottom: 1px solid #363636; }
footer .top .offer .left {display: block; float: left; width: 42.5%; margin-right: 30px;}
footer .top .offer .left a {margin-top: 5%; border: 1px solid #151515; text-align: center; vertical-align: central; display: inline-block; float: right; width: 25%; background: #fc023f; /* Old browsers */ background: -moz-linear-gradient(top,  #fc023f 0%, #d10000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc023f), color-stop(100%,#d10000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #fc023f 0%,#d10000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #fc023f 0%,#d10000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #fc023f 0%,#d10000 100%); /* IE10+ */ background: linear-gradient(to bottom,  #fc023f 0%,#d10000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc023f', endColorstr='#d10000',GradientType=0 ); /* IE6-9 */ }
footer .top .offer .left a span {font-family: "OpenSans-Bold"; color: white;}
footer .top .offer .left a:hover {background: #7a99c3; /* Old browsers */ background: -moz-linear-gradient(top, #7a99c3 0%, #5c79b0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a99c3), color-stop(100%,#5c79b0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7a99c3 0%,#5c79b0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7a99c3 0%,#5c79b0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7a99c3 0%,#5c79b0 100%); /* IE10+ */ background: linear-gradient(to bottom, #7a99c3 0%,#5c79b0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a99c3', endColorstr='#5c79b0',GradientType=0 ); /* IE6-9 */}
footer .top .offer p {font-family: "OpenSans-Regular";}
footer .top .offer p strong, footer .top .offer p b {font-family: "OpenSans-Semibold"; }
footer .top .offer img {float: right; margin: 43px 1% 40px 0; width: 50%;}

footer .top .info {padding-top: 30px; padding-bottom: 30px; width: 100%;}
footer .top .info .left {display: block; float: left; width: 35%; font-family: "OpenSans-Light";}
footer .top .info .left ul {list-style-type: none; }
footer .top .info .left ul li {height: 38px; margin-bottom: 10px; line-height: 37px; vertical-align: central;}
footer .top .info .left ul li .text{margin-left: 15px; display: block; float: left; color: white;}
footer .top .info .left ul li a {}
footer .top .info .left ul li a:hover .text {border-bottom: 1px solid #6fbdec;}

footer .top .info .left .tel {float: left; display: block; width: 38px; height: 38px; background: url('../images/footer_phone.png') no-repeat;}
footer .top .info .left .email {float: left; display: block; width: 38px; height: 38px; background: url('../images/footer_plane.png') no-repeat;}
footer .top .info .left .fb {float: left; display: block; width: 38px; height: 38px; background: url('../images/footer_facebook.png') no-repeat;}

footer .top .info .right {width: 60%; float: right;}
footer .top .info .right .box {width: 43%; float: right;/*left;*/ margin-left: 20px;}
footer .top .info .right .box .header_4 {font-family: "OpenSans-Bold"; margin-bottom: 15px;}
footer .top .info .right .box a {color: white; font-family: "OpenSans-Regular"; display: block; float: left; width: 100%; margin-bottom: 5px; }
footer .top .info .right .box a:hover {color: #f5243c;}

footer .bottom {background-color: #151515; padding: 20px 0;}
footer .bottom ul {list-style-type: none; font-family: "OpenSans-Regular"; }
footer .bottom ul li {display: block; float: left;}
footer .bottom ul li a {color: white; }
footer .bottom ul li a:hover {text-decoration: underline;}

footer .header_3 {font-family: "OpenSans-Bold"; margin-bottom: 11%;}
footer .header_3 .home { margin-top: 25px; margin-bottom: -3px; display: inline-block; width: 52px; height: 44px; background: url('../images/footer_about.png') no-repeat;}


/* breadcrumbs */

.breadcrumbs {display: block; margin: 0 auto; text-align: left; z-index: 100; position: relative; padding-left: 45px; margin-top: -37px;}
.breadcrumbs ul{position: relative; display: block; height: 26px; line-height: 26px;}
.breadcrumbs ul li{display: block; float: left; margin-right: 20px; font-family: "OpenSans-Bold"; color: #301e20;}
.breadcrumbs ul li a{ width: 1000px; margin: 0 auto; text-align: left; font-family: "OpenSans-Regular"; color: #a3b3c8; text-decoration: underline;}
.breadcrumbs ul li a:hover{color: #e0011b; }
.breadcrumbs ul .last a{text-decoration: none; color: #a3b3c8; font-size: 17px; font-weight: normal;}
.breadcrumbs ul .last a:hover{color: #212121;}
.breadcrumbs .breadcrumb_home{display: inline-block; position: relative; top: 1px; width: 1000px; margin: 0 auto; text-align: left; width: 18px; height: 18px; background: url('../images/breadcrumb_home.png') no-repeat;}
.breadcrumbs .breadcrumb_home:hover{background: url('../images/breadcrumb_home_hover.png') no-repeat;}
.breadcrumbs .breadcrumb_arrow{display: inline-block; position: relative; left: 12px; top: 1px; width: 8px; height: 12px; background: url('../images/arrow.png') no-repeat;}

/* page */
#page {text-align: left; z-index: 300; position: relative;}
#page .styled_content{margin-bottom: 30px;position: relative; z-index: 1;}
#page .styled_content h1{font-family: "OpenSans-Bold"; color: #e0011b; margin-bottom: 10px;}
#page .styled_content h2{font-family: "OpenSans-Bold"; color: #212121;}
#page .styled_content h3{font-family: "OpenSans-Bold"; color: #6ab3de;}
#page .styled_content h4{font-family: "OpenSans-Bold"; color: #212121; margin-bottom: 10px;}
#page .styled_content .subtext{font-family: "OpenSans-Regular"; margin: 0;}
#page .styled_content p,
#page .styled_content address,
#page .styled_content ul li,
#page .styled_content ol li,
#page .styled_content div {font-family: "OpenSans-Regular"; color: #000; font-style: normal;}
#page .styled_content p,
#page .styled_content address,
#page .styled_content div,
#page .styled_content ul,
#page .styled_content ol {margin: 15px 0;}
#page .styled_content strong {font-family: "OpenSans-Bold"; color: #000;}
#page .styled_content i {font-family: "OpenSans-Italic"; color: #000;}
#page .styled_content a {font-family: "OpenSans-Bold"; color: #6fbdec; text-decoration: underline;}
#page .styled_content a:hover {color: #e0011b;}
#page .styled_content ul li {list-style-image: url('../images/arrow.png'); margin-left: 17px;}
#page .styled_content .tel_mail {list-style-type: none; list-style-image: none;}
#page .styled_content .tel_mail li {font-family: "OpenSans-Light"; list-style-image: none; vertical-align: central;}
#page .styled_content .tel_mail li .text{margin-left: 3%; display: block; float: left; margin-top: 0%;}
#page .styled_content .tel_mail li .tel {float: left; display: block; background: url('../images/tel_blue.png') no-repeat; background-size: 100% 100%;}
#page .styled_content .tel_mail li .email {margin-left: 5px; float: left; display: block; background: url('../images/plane_blue.png') no-repeat; background-size: 100% 100%;}
#page .styled_content ol li { margin-left: 20px;}

.content_box {display: block; float: left; width: 47%; margin-right: 2.5%; vertical-align: top;}
.content_box img {width: 100%; height: 100%;}
.content_box:nth-child(2) {margin-left: 2.5%; margin-right: 0;}
.content_box h3, .content_box h4{margin: 0;}
.content_box p{font-size: 18px !important; margin-top: 30px !important;}

.contacts h3{color: #6ab3de !important; margin: 0;}
.contacts .contact_box p{margin: 0;}
.contacts .contact_box{display: block; float: left; width: 31%; margin: 30px 3% 30px 0;}
.contacts .last{margin: 30px 0;}

.persons {margin: 40px 0; }
.persons .person {width: 21.7%; height: 358px; float: left; margin-right: 4.4%; position: relative;}
.persons .last {margin-right: 0px;}
.persons .person h4{color: #6ab3de !important;}
.persons .person .person_phone{display: block; font-family: "OpenSans-Light"; margin-bottom: 15px;}
.persons .person .person_phone strong{ font-family: "OpenSans-Bold";}
.persons .person .function{ font-family: "OpenSans-Regular";}
.persons .person img{display: block; position: absolute; bottom: 5px; left: 0;margin-top: 15px; margin-bottom: -35px; width: 90%;}

.backg_road { position: relative; width: 100%;}
.backg_road .road{margin: 0 auto; z-index: 0; width: 100%; background: url('../images/bg_road2.jpg') no-repeat; background-position-x: center; position: absolute; z-index: 0;}


.map {display: block; background: #e7ecf2; padding-top: 20px; padding-bottom: 40px;}
.map .header2{color: #e0011b !important; margin-bottom: 30px !important;margin:0}
.map h3{margin:0;font-family: "OpenSans-Bold";color: #212121;}
.map #contactmap{box-shadow: #c4c9ce 0px 7px 40px; width: 100%;height:380px;}
.map .p1{padding-bottom: 15px;}
.map .popis_mapa{min-height:85px;}
.map .btnchange {font-family: "OpenSans-Bold"; border: 1px solid #af0013; color: white; background: #e60120; border-bottom: 4px solid #af0013; font-size: 15px; padding: 10px 10px;cursor: pointer;}
 
hr {display: block; height: 1px; background: #c2d0d8;}

.header1{font-family: "OpenSans-Bold" !important; font-size: 31px !important; color: #e0011b !important; margin-bottom: 10px !important;}
.header2{font-family: "OpenSans-Bold" !important; font-size: 27px !important; color: #212121 !important; margin-bottom: 0px  !important}
.header3{font-family: "OpenSans-Bold" !important; font-size: 25px !important; color: #6ab3de !important; margin-bottom: 0px !important;}
.header4{font-family: "OpenSans-Bold" !important; font-size: 21px !important; color: #212121 !important; margin-bottom: 10px !important;}
.styled_p, .styled_ul li, .styled_ol li, .styled_address, .styled_div {font-family: "OpenSans-Regular"; font-size: 14px; color: #000; font-style: normal;}
.styled_p, .styled_div, .styled_ul, .styled_address, .styled_ol {margin: 15px 0;}
.styled_p strong, .styled_div strong, .styled_ul strong, .styled_address strong, .styled_ol strong {font-family: "OpenSans-Bold"; font-size: 14px; color: #000;}
.styled_p i, .styled_div i, .styled_ul i, .styled_address i, .styled_ol i {font-family: "OpenSans-Italic"; font-size: 14px; color: #000;}
.styled_p a, .styled_div a, .styled_ul a, .styled_address a, .styled_ol a {font-family: "OpenSans-Bold"; font-size: 14px; color: #6fbdec; text-decoration: underline;}
.styled_p a:hover, .styled_div a:hover, .styled_address a:hover, .styled_ul a:hover, .styled_ol a:hover {color: #e0011b;}
styled_ul li {list-style-image: url('../images/arrow.png'); margin-left: 17px;}
styled_ol li { margin-left: 20px;}

#products {text-align: left; z-index: 300; position: relative; margin-top: 40px;}
#products .categories {position: relative; margin-left: 1px; z-index: 20; width: 99.8%; background: url('../images/products_menu.jpg') no-repeat; text-align: center;}
#products .categories ul {list-style-type: none; height: 100%; padding-left: 3%;}
#products .categories ul li {display: block; float: left; height: 100%; margin: 0 2%;}

#products .categories ul li a {font-family: "OpenSans-Bold"; color: #212121;}
#products .categories ul li a .img_wrapper{display: inline-block; position: relative; top: 24%; margin-right: 6px;width: 56px;height: 57px;}
#products .categories ul li a .img_wrapper .image_1{display: block; position: relative; z-index: 20; width: 100%; height: 100%; background: url('../images/bubbles_1.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li a .img_wrapper .image_2{display: block; position: relative; z-index: 20; width: 100%; height: 100%;  background: url('../images/bubbles_2.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li a .img_wrapper .image_3{display: block; position: relative; z-index: 20; width: 100%; height: 100%; background: url('../images/bubbles_3.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li a .img_wrapper .image_4{display: block; position: relative; z-index: 20; width: 100%; height: 100%;  background: url('../images/bubbles_4.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li a .img_wrapper .image_5{display: block; position: relative; z-index: 20; width: 100%; height: 100%;   background: url('../images/bubbles_5.png') no-repeat; background-size: 35px 60px; background-position: top center;}
#products .categories ul li:hover a .img_wrapper .image_1{display: block; position: relative; z-index: 20; width: 100%; height: 100%; background: url('../images/bubbles_1h.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li:hover a .img_wrapper .image_2{display: block; position: relative; z-index: 20; width: 100%; height: 100%;  background: url('../images/bubbles_2h.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li:hover a .img_wrapper .image_3{display: block; position: relative; z-index: 20; width: 100%; height: 100%; background: url('../images/bubbles_3h.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li:hover a .img_wrapper .image_4{display: block; position: relative; z-index: 20; width: 100%; height: 100%;  background: url('../images/bubbles_4h.png') no-repeat; background-size: 100% 100%;}
#products .categories ul li:hover a .img_wrapper .image_5{display: block; position: relative; z-index: 20; width: 100%; height: 100%;   background: url('../images/bubbles_5h.png') no-repeat; background-size: 35px 60px; background-position: top center;}
#products .categories ul li a .img_wrapper .color{display: none;}
#products .categories ul li a .text{position: relative; top: 3%;}
#products .categories ul li a:hover {color: #e0011b;}
#products .categories ul li a:hover .color{background-color: #e0011b;}
#products .breadcrumbs { margin-top: -16px; padding-left: 0;}


#products .parameters {margin-bottom: 30px;position: relative; background-color: #eef2f7; z-index: 10; border: 1px solid #d0d9e9; padding: 3% 5%; overflow: hidden; border-top: none;}
#products .parameters .parameter {position: relative; z-index: 15; margin-right: 2%; display: block; float: left; border-radius: 5px; width: 23.1%; height: 37px; border: 1px solid #bcc0c6; background-color: white; line-height: 37px; vertical-align: central;}
#products .parameters .parameter .text {margin-left: 5%; vertical-align: middle; font-family: "OpenSans-Bold"; }
#products .parameters .parameter .button {margin-right: -1px;text-align: center;line-height: 37px; width: 19%; height: 37px; border-radius: 5px; display: block; float: right; background: #6f7782; /* Old browsers */background: -moz-linear-gradient(top,  #6f7782 0%, #525b64 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f7782), color-stop(100%,#525b64)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #6f7782 0%,#525b64 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #6f7782 0%,#525b64 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #6f7782 0%,#525b64 100%); /* IE10+ */background: linear-gradient(to bottom,  #6f7782 0%,#525b64 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7782', endColorstr='#525b64',GradientType=0 ); /* IE6-9 */}
#products .parameters .parameter .button .arrow {width: 7px; height: 4px; background: url('../images/arrow_white.png') no-repeat; vertical-align: middle; display: inline-block;}
#products .parameters .parameter .bottom_line {border-bottom: none;}
#products .parameters .enable:hover {cursor: pointer; border: 1px solid #e12037;}
#products .parameters .enable:hover .button {background: #e0011b; /* Old browsers */background: -moz-linear-gradient(top,  #e0011b 0%, #c80017 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0011b), color-stop(100%,#c80017)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* IE10+ */background: linear-gradient(to bottom,  #e0011b 0%,#c80017 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0011b', endColorstr='#c80017',GradientType=0 ); /* IE6-9 */}
#products .parameters .active {border: 1px solid #e12037; height: 60px; border-bottom: none; border-radius: 5px 5px 0 0;}
#products .parameters .active:hover {border-bottom: none;}
#products .parameters .active .button {border-radius: 5px 5px 0px 5px; background: #e0011b; /* Old browsers */background: -moz-linear-gradient(top,  #e0011b 0%, #c80017 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0011b), color-stop(100%,#c80017)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* IE10+ */background: linear-gradient(to bottom,  #e0011b 0%,#c80017 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0011b', endColorstr='#c80017',GradientType=0 ); /* IE6-9 */}
#products .parameters .active .bottom_line {display: block; margin-top: -2px; border-bottom: 1px solid #e0011b;}
#products .parameters .last {margin-right: 0;}

#products .parameters .actived .button {border-radius: 5px 5px 0px 5px; background: #e0011b; /* Old browsers */background: -moz-linear-gradient(top,  #e0011b 0%, #c80017 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0011b), color-stop(100%,#c80017)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #e0011b 0%,#c80017 100%); /* IE10+ */background: linear-gradient(to bottom,  #e0011b 0%,#c80017 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0011b', endColorstr='#c80017',GradientType=0 ); /* IE6-9 */}
#products .parameters .actived .bottom_line {display: block; margin-top: -2px; border-bottom: 1px solid #e0011b;}
#products .parameters .actived {border: 1px solid #e12037;  border-bottom: none; border-radius: 5px 5px 0 0;}

#products .parameters .options {position: relative; top: -11px; z-index: 10; background-color: white; border: 1px solid #e12037; border-radius: 0 0 5px 5px; margin-top: 10px;}
#products .parameters .options .option {margin: 30px 35px;}
#products .parameters .options .left {float:left; margin-right: 1%; width: 24%;}
#products .parameters .options .leftthree {float:left; margin-right: 1%; width: 32%;}
#products .parameters .options .param {border-bottom: 1px solid #e5ebf2;display: block; padding: 5px 10px;}
#products .parameters .options .param:hover {background-color: #e5ebf2;}
#products .parameters .options .last { margin-right: 0px;}
#products .parameters .options .param .arrow {margin-top: 7px; display: block; float: left; width: 6px; height: 8px; background: url('../images/arrow_red.png') no-repeat;  }
#products .parameters .options .param .text {font-family: "OpenSans-Regular"; position: relative; margin-left: 10px; color: #212121;}
#products .parameters .options .param:hover .text {color: #e0011b; text-decoration: underline;}

#products .parameters .checkboxes {margin-top: 25px;}
#products .parameters .checkboxes .checkbox {display: block; float: left; margin-right: 35px;}
#products .parameters .checkboxes .checkbox label {font-family: "OpenSans-SemiBold"; color: #212121;}
#products .parameters .checkboxes .checkbox label .red {margin-left: 5px; color: #e0011b;}

#products .slider {width: 30%; display: inline-block; margin-left: 3%;}
#products .slider-range {width: 94%; float: left; margin: 0.5% 2.7% 0 2.7%;}
#products .slider-range .inner{height: 7px; }
#products .slider-range .ui-widget-content{ background: url('./../images/slider_bar.png') repeat-x; border: none; height: 7px;}
#products .slider-range .ui-slider-range{ background: url('./../images/slider_range.png') repeat-x; height: 7px; margin: 0px 0 0 0;}
#products .slider-range .ui-slider-handle-left{ background: url('./../images/slider_left.png') 0 0 no-repeat; border: none; width: 27px; height: 23px; margin-top: -1px;}
#products .slider-range .ui-slider-handle-right{ background: url('./../images/arrow_filter.png') 0 0 no-repeat; border: none; width: 27px; height: 23px; margin-top: -2px;}

#products .range-left { float: left; margin-bottom: 9px; font-family: "OpenSans-Bold"; } 
#products .range-right { float: right; margin-right: 2%; margin-bottom: 5px; font-family: "OpenSans-Bold"; } 

#products .products_info {margin: 25px 1% 0 1%; font-family: 'OpenSans-Regular';}
#products .products_info h1 {font-family: "OpenSans-Bold"; color: #252424; margin-bottom: 15px;}
#products .products_info .blue {font-family: "OpenSans-SemiBold"; font-size: 16px; color: #6fbdec;}
#products .products_info p {font-family: "OpenSans-SemiBold"; font-size: 16px; color: #252424;}
#products .products_info .more {font-family: "OpenSans-Regular"; font-size: 16px; color: #e0011b; float: right; margin-right: 30px;}
#products .products_info .more:hover {text-decoration: underline;}

#products .products_head {margin-top: 25px;}
#products .tabs {display: inline-block; width: 50%;}
#products .tabs .tab, #products .tabs .tabkat{cursor: pointer; padding: 0 2.5%; display: inline-block; background-color: #dee7f1;}
#products .tabs .active{ z-index: 30; position: relative; background-color: white; border: 1px solid #dee7f1; border-bottom: none;}
#products .tabs .tab.starss{border: none; top: -14px;cursor: auto;}
#products .tabs .tab.starss .text{font-size: 17px; color: #8f99a6; font-family: "OpenSans-Regular"; position: relative; top: 8px; left: 15px;}
#products .tabs .img_wrapper {display: inline-block;}
#products .tabs .tab img, #products .tabs .tabkat img{vertical-align: middle; width: 100%; height: 100%; }
#products .tabs .tab .text, #products .tabs .tabkat .text{ margin: 0 5px; font-family: "OpenSans-Bold"; }
#products .tabs .tab .text span, #products .tabs .tabkat .text span{font-family: "OpenSans-Regular"; }

#products .products_head input[type="checkbox"] {display: inline-block; margin-left: 20px;}
#products .products_head .check_label {font-family: "OpenSans-Bold"; }

#products .products { padding: 20px 1%; border: 1px solid #ccd8e6; position: relative; z-index: 20;}
#products .product {margin-bottom: 20px; margin-right: 1.6%; position: relative; padding: 0 2%; float: left; width: 19%; background-color: white; border: 1px solid #ccd8e6;}
#products .last {margin-right: 0;}
#products .product .image_wrapper {display: block; width: 100%; height: 58%; text-align: center; margin-top: 10px;}
#products .product .image_wrapper img {vertical-align: middle; /*height: 100%; width: 100%;*/}
#products .product h4 { color: #311d1f; font-family: "OpenSans-Bold";}
#products .product h3 {font-family: "OpenSans-Bold";}
#products .product h2 { color: #311d1f; font-family: "OpenSans-Bold";}
#products .product p {margin: 0; color: #311d1f; font-family: "OpenSans-Regular";  width: 100%;}
#products .product .bottom {width: 85%; position: absolute; bottom: 18px;}
#products .product .price_wrapper {float: left; margin-top: 3px;}
#products .product .price_wrapper .discount {display: block; font-family: "OpenSans-Regular"; color: #301e20; height: 16px;}
#products .product .price_wrapper .discount span {position: relative;}
#products .product .price_wrapper .discount span:before {position: absolute; content: "";  left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}
#products .product .price_wrapper .price { margin: 0; color: #e80121; font-family: "OpenSans-Bold";}
#products .product .price_wrapper .availability { display: block; margin: 0; color: #558D04; font-family: "OpenSans-Regular";}
#products .product .detail_btn {
    line-height: 200%;
    vertical-align: central;
    text-align: center;
    border: 1px solid #555555;
    float: right;
    display: block;
    width: 80px;
    color: white;
    font-family: "OpenSans-Bold";
    background: #333a43;
    border-bottom: 2px solid #21262c;
    font-size: 16px;
}
#products .product .line {position: absolute; border: 1px solid #ccd8e6; top: 100%; left: -1px; width: 100%; height: 5px; background-color: #131313; display: none; }
#products .product:hover .line {background-color: #e0011b; display: block; border: 1px solid #e60120;}
#products .product:hover .detail_btn { background: #e60120; border: 1px solid #e60120; border-bottom: 2px solid #af0013;}
#products .product .detail_btn:hover { background: #25b941; border: 1px solid #25b941; border-bottom: 2px solid #189d31;}

#products .product:hover, #products .product_active {border: 1px solid #e60120;}
#products .product:hover .line, #products .product_active .line {background-color: #e0011b;}
#products .product:hover h2 {color: #e60120;}
#products .product:hover p {color: #e60120;}

#products .product .discount_red {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 2%; background: url('../images/action_red_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
#products .product .discount_red span {opacity: 1;}
#products .product .discount_yellow {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 2%; background: url('../images/action_orange_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
#products .product .discount_yellow span {opacity: 1;}
#products .product .discount_green {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 2%; background: url('../images/action_green_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
#products .product .discount_green span {opacity: 1;}
#products .product .icon_brown {opacity: 0.85;}
#products .product .icon_yellow {opacity: 0.85;}
#products .product .icon_blue {opacity: 0.85;}

#products .product:hover .discount_red {opacity: 1;}
#products .product:hover .discount_green {opacity: 1;}
#products .product:hover .discount_orange {opacity: 1;}
#products .product:hover .icon_blue {opacity: 1;}
#products .product:hover .icon_brown {opacity: 1;}
#products .product:hover .icon_yellow {opacity: 1;}


#products .soc_net {width: 370px; height: 35px; float: right; background-color: #f5f5f5;}
#products .soc_net a{
    color: #8f99a6;
}
#products .soc_net .stars_nojQuery{float: left;margin-top: 7px;margin-left: 8px; color: #8f99a6; font-size: 0; font-family: "OpenSans-Light";     height: 20px;}
#products .soc_net .stars_nojQuery span{position: relative; left: 3px; top: -2px;}
#products .soc_net .count{
    position: relative;
    top: 8px;
    left: 13px;
}
    
#products .soc_net .fb {
    margin-top: 8px;
    height: 21px;
    float: right;
    margin-left: 0;
    margin-right: 5px;
}
#products .soc_net .fb a {width: 92px; height: 20px; float: left; display: inline-block; background: url('../images/fb_like.png')}
#products .soc_net .gplus {margin-top: 6px ;width: 70px; height: 21px; float:right; margin-left: 0; }
#products .soc_net .gplus a {width: 32px; height: 20px; float: left; margin-left: 0; display: inline-block; background: url('../images/gplus_like.png')}


#products .detail {border: 1px solid #e2e8f0; margin-bottom: 25px; position: relative;}
#products .detail .upper_arrow {width: 40px; height: 21px; position: absolute; top: -21px; left: 80px; background: url('../images/product_detail_arrow.png') no-repeat;}
#products .detail .sections {display: flex; }
#products .detail .sections > section { width: 100%; box-sizing: border-box; }
#products .detail .images {text-align: center;}
#products .detail .images .main_image {display: block; position: relative; margin-bottom: 10px;}
#products .detail .images .wide {width: 100%;}
#products .detail .images .main_image img {vertical-align: middle; max-height: 90%; max-width: 100%;}
#products .detail .images .main_image .discount_red {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 3px; background: url('../images/action_red_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
#products .detail .images .main_image .discount_red span {opacity: 1;}
#products .detail .images .main_image .discount_yellow {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 3px; background: url('../images/action_orange_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
#products .detail .images .main_image .discount_yellow span {opacity: 1;}
#products .detail .images .main_image .discount_green {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 3px; background: url('../images/action_green_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
#products .detail .images .main_image .discount_green span {opacity: 1;}
#products .detail .images .main_image .icon_brown {opacity: 0.85; position: absolute; right: 3px;}
#products .detail .images .main_image .icon_yellow {opacity: 0.85; position: absolute; right: 3px;}
#products .detail .images .main_image .icon_blue {opacity: 0.85; position: absolute; right: 3px;}

#products .detail .images .main_image .image {
  display: inline-block;
  width: 75%;
  font-family: "OpenSans-Regular";
  color: #8f99a6;
  font-size: 13px;
  line-height: 1.2em;
  vertical-align: middle;
}
#products .detail .images .main_image .image .image_info {
  display: block;
  margin-top: 0.5em;
}

#products .detail .images .other_images {list-style-type: none; margin-right: 5px; position: relative; float: right; width: 20%; border-left: 1px solid #cbd6e4; border-bottom: 1px solid #cbd6e4; z-index: 1; }
#products .detail .images .other_images .arrow_wrapper {position: absolute; width: 100%;  background-color: white; text-align: center; bottom: 0; }
#products .detail .images .other_images .arrow_wrapper .arrow_down {display: inline-block; vertical-align: middle; width: 100%;  background: url('../images/image_arrow.png') no-repeat; background-position-x: 50%; background-size: auto 100%;}
#products .detail .images .other_images .arrow_wrapper .arrow_down:hover {cursor: pointer; background: url('../images/image_arrow_hover.png') no-repeat; background-position-x: 50%; background-size: auto 100%;}

#products .detail .info {padding: 0 2%; background-color: #f3f3f3; }
#products .detail .info h1{font-family: "OpenSans-Bold"; color: #301e20; margin-bottom: 0; margin-top: 26px;}
#products .detail .info h3{font-family: "OpenSans-Regular"; color: #301e20; margin-top: 0;}
#products .detail .info p{font-family: "OpenSans-Regular"; color: #393939; }
#products .detail .info .actions {margin: 20px 0;}
#products .detail .info .actions .action {margin-bottom: 5px; font-family: "OpenSans-Regular"; color: #8f99a6; font-size: 13px;}
#products .detail .info .actions .action .wrapper{width: 5%; display: inline-block; margin: 0; padding: 0; text-align: center; margin-right: 10px;}
#products .detail .info .actions .action .black{ color: #393939; }

#products .detail .info hr {color: #9bb0c2;}

#products .detail .info .more {}
#products .detail .info .more_btn {float: right; font-size: 15px; font-family: "OpenSans-Regular"; color: #719d41;}
#products .detail .info .price_wrapper {float: left; margin: 20px 0; width: 40%;}
#products .detail .info .price_wrapper .discount {display: block; font-family: "OpenSans-Regular"; color: #301e20; height: 16px;}
#products .detail .info .price_wrapper .discount span {position: relative;}
#products .detail .info .price_wrapper .discount span:before {position: absolute; content: "";  left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}
#products .detail .info .price_wrapper .price {display: block; font-family: "OpenSans-Bold"; color: #e80122; font-size: 34px;}
#products .detail .info .price_wrapper .priceDPH {display: block; font-family: "OpenSans-Regular"; color: #bbbbbb; font-size: 14px;}
#products .detail .info .price_wrapper .availability { font-family: "OpenSans-SemiBold"; color: #25b941; font-size: 14px; }
#products .detail .info .price_wrapper .availability .fl{margin: 0; white-space: nowrap;}
#products .detail .info .price_wrapper .availability img{margin-right: 4px; top: 2px;position:relative;}
#products .detail .info .price_wrapper .availability .outofstock{color: #af0013;}

#products .detail .info .buy {float: right; margin: 31px 0; width: 55%;}
#products .detail .info .buy .amount {display: inline-block; border: 1px solid #c2d0d8; width: 23%; text-align: center; vertical-align: central; font-family: "OpenSans-Regular"; color: #8f99a6;background: #ffffff;  position: relative; top: 1px;}
#products .detail .info .buy .amount input {width: 50%; background: transparent;border: none;text-align: center; font-family: "OpenSans-Regular";color: #8f99a6;}
#products .detail .info .buy .buy_btn {cursor:pointer;display: inline-block; width: 70%; text-align: center; vertical-align: central; font-family: "OpenSans-SemiBold"; border: 1px solid #24B941; color: white; background: #24B941; border-bottom: 4px solid #179F31; font-size: 26px;}
#products .detail .info .buy .buy_btn .cart {width: 18%; display: inline-block; background: url('../images/cart.png') no-repeat; background-size: 100% 100%; vertical-align: middle;}
#products .detail .info .buy .buy_btn:hover {background: #2AD64C; border: 1px solid #2AD64C; border-bottom: 4px solid #20BD34;}
#products .detail .info .buy .buy_btn:hover .cart { background: url('../images/cart_hover.png') no-repeat; background-size: 100% 100%;}

#products .detail .under_image { clear: both; margin-bottom: 10px; }
#products .detail .types { display: inline-block; font-size: 0; vertical-align: middle; }
#products .detail .types > img { margin: 5px; }

#products .detail .images .types {  }

#products .detail .on_car { display: inline-block; margin: 10px; vertical-align: middle; }
#products .detail .on_car .car {width: 28%; height: 70%; vertical-align: middle; display: inline-block; background: url('../images/car.png') no-repeat; background-size: 100% 100%;}
#products .detail .on_car .text {font-family: "OpenSans-Bold"; color: #301e20;}
#products .detail .on_car:hover {cursor: pointer;}

@media (max-width: 1000px) {
  #products .detail .sections {
    flex-direction: column;
  }

  #products .detail .sections > section {
    width: 100%;
  }
  
  #products .detail .info .types {
    display: block;
  }
}

#products .tab_contents { position: relative; z-index: 10; padding: 45px 2.3% 35px 2.3%; border: 1px solid #d1dcea; font-family: 'OpenSans-Regular';}
#products .tab_contents.stt { position: relative; z-index: 10; padding: 10px 2.3% 35px 2.3%; border: 1px solid #d1dcea; margin-bottom: 61px;}
#products .tab_contents.stt button{
    font-family: "OpenSans-Bold";
    border: 1px solid #af0013;
    color: white;
    background: #e60120;
    border-bottom: 4px solid #af0013;
    font-size: 15px;
    padding: 10px 10px;
    cursor: pointer;
}
#products .tab_contents .tab_content p{font-family: "OpenSans-Regular"; color: #5b5051;}
#products .tab_contents .tab_content .red {font-family: "OpenSans-Regular"; color: #e80122;}
#products .tab_contents .tab_content table {border-collapse: collapse; border: 1px solid #cbd6e4; }
#products .tab_contents .tab_content table th {font-family: "OpenSans-Regular"; font-weight: bold; color: #5b5051; text-align: center; vertical-align: middle; border-right: 1px solid #e9e9e9;}
#products .tab_contents .tab_content table td {font-family: "OpenSans-Regular"; color: #5b5051; text-align: center; vertical-align: middle; border-right: 1px solid #e9e9e9;}
#products .tab_contents .tab_content table tr {border-bottom: 1px solid #e9e9e9; background-color: #f3f3f3;}
#products .tab_contents .tab_content table .last {background-color: #ffffff;}
#products .tab_contents .tab_content table tr:last-child {border-bottom: 1px solid #cbd6e4;}
#products .tab_contents .tab_content table td:last-child {border-right: 1px solid #cbd6e4;}
#products .tab_contents .tab_content table th:last-child {border-right: 1px solid #cbd6e4;}

#products .similar {background-color: #eaeff6; margin-top: 20px;}
#products .similar .product h2, #products .similar .product h3  {font-family: "OpenSans-Bold";}
#products .similar h2 {font-family: "OpenSans-Bold"; color: #5b5051;}
#products .similar h2 .wheel_red{ width: 33px; height: 33px; display: inline-block; background: url('../images/wheel_red.png') no-repeat; margin-right: 10px; margin-bottom: -8px;}
#products .similar .product {margin-bottom: 20px; margin-right: 1.6%; position: relative; padding: 0 2%; float: left; width: 19%; background-color: white;}
#products .similar .last {margin-right: 0;} 

#shopcart {margin-top: 40px; margin-bottom: 30px;}
#shopcart .steps {position: relative; z-index: 50; display: block;}
#shopcart .steps ul {position: relative; z-index: 50; list-style-type: none;}
#shopcart .steps ul li {position: relative; float: left; border: 1px solid #c2d0d8; display: inline-block; width: 26.5%; background-color: #f8f8f8; text-align: right;}
/*#shopcart .steps ul .last {width: 24%;}*/
#shopcart .steps ul .first {width: 19%;}
#shopcart .steps ul li:first-child {text-align: left;}
#shopcart .steps ul li .text {margin-right: 4%; font-family: "OpenSans-Bold"; color: #212121; margin-left: 2%; }
#shopcart .steps ul li .step {font-family: "OpenSans-SemiBold"; color: #e0011b; border-right: 1px solid #c2d0d8; padding-right: 2%;}
#shopcart .steps ul li .shopcart {display: inline-block; background: url('../images/shopcart_menu.png') no-repeat; background-size: 100% 100%; float: left; }
#shopcart .steps ul li .arrow {z-index: 51; right: -10%; top: 0px; position: absolute; display: block; width: 10%; height: 100%; background: url('../images/shopcart_menu_arrow.png') no-repeat; background-size: 100% 100%;}
#shopcart .steps ul li .text_sc {margin-right: 3%; font-family: "OpenSans-Bold"; color: #212121; margin-left: 1.5%;}
#shopcart .steps ul .active .arrow {background: url('../images/shopcart_menu_arrow_hover.png') no-repeat; background-size: 100% 100%;}
#shopcart .steps ul .active {background-color: #e7ecf2; }

#shopcart .shopcart_content {position: relative;}
#shopcart .shopcart_content h1, #shopcart .shopcart_content h2 {font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content table {border-collapse: collapse; border: 1px solid #3c7fc0; width: 100%;}
#shopcart .shopcart_content table .table_header {height: 45px; background: #a5c2e1; /* Old browsers */ background: -moz-linear-gradient(top,  #a5c2e1 0%, #7fa8d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c2e1), color-stop(100%,#7fa8d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #a5c2e1 0%,#7fa8d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #a5c2e1 0%,#7fa8d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #a5c2e1 0%,#7fa8d5 100%); /* IE10+ */ background: linear-gradient(to bottom,  #a5c2e1 0%,#7fa8d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c2e1', endColorstr='#7fa8d5',GradientType=0 ); /* IE6-9 */}
#shopcart .shopcart_content table .table_header th {text-align: left; margin-right: 10px; font-family: "OpenSans-Bold"; color: white;}
#shopcart .shopcart_content table .table_header th:first-child {padding-left: 15px;}
#shopcart .shopcart_content table tr {margin: 0 10px; border-bottom: 1px solid #709ed0; height: 60px;}
#shopcart .shopcart_content table tr td a {height: 64px; display: block; position: relative;}
#shopcart .shopcart_content table tr td .img_wrapper {height: 64px; float: left;}
#shopcart .shopcart_content table tr td .nadpis {display:block;padding: 14px 0 0 80px;text-decoration: underline; color: #e0011b; font-family: "OpenSans-Regular";}
#shopcart .shopcart_content table tr td .nadpis:hover {color: #c2d0d8;}
#shopcart .shopcart_content table tr td .text {position:relative;top:20px;margin-left:20px;text-decoration: underline; color: #e0011b; font-family: "OpenSans-Regular";}
#shopcart .shopcart_content table tr td .text:hover {color: #c2d0d8;}
#shopcart .shopcart_content table tr td .popis{display:block;color:#000;text-decoration: none;padding-left:80px;}
#shopcart .shopcart_content table tr td input {margin-right: 5px; width: 25%; height: 37px; border: 1px solid #c2d0d8; text-align: center; font-family: "OpenSans-Regular"; color: #212121; background: #f2f2f2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f2f2f2 83%, #c2d0d8 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(83%,#f2f2f2), color-stop(100%,#c2d0d8)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f2f2f2 83%,#c2d0d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f2f2f2 83%,#c2d0d8 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f2f2f2 83%,#c2d0d8 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f2f2f2 83%,#c2d0d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c2d0d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#shopcart .shopcart_content table tr td .ks {font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content table tr td .availability {font-family: "OpenSans-Regular"; color: #558d04;}
#shopcart .shopcart_content table tr td .price {font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content table tr td .price_tax {font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content table tr td .delete {display: block; width: 39px; height: 39px; background: url('../images/shopcart_delete.png') no-repeat;}

#shopcart .buttons {margin-top: 20px;  width: 100%;}
#shopcart .buttons .continue_btn {display: block; text-align: center; float: left; width: 23%; border: 1px solid #c2d0d8; background-color: #e7ecf2; font-family: "OpenSans-Bold"; color: #3b3c3d;}
#shopcart .buttons .continue_btn:hover {background-color: #f2f2f2;}
#shopcart .buttons .continue_btn .arrow {position: relative; margin-right: 2%; top: 2px; display: inline-block; width: 6%; background: url('../images/continue_arrow1.png') no-repeat; background-size: 100% 100%;}

#shopcart .buttons .recount_btn {margin-left: 15%; display: block; text-align: center; float: left; width: 23%; border: 1px solid #c2d0d8; background-color: #e7ecf2; font-family: "OpenSans-Bold"; color: #3b3c3d;}
#shopcart .buttons .recount_btn:hover {background-color: #f2f2f2;}

#shopcart .buttons .final_price {margin-top: 18px; float: right; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .buttons .final_price strong {margin-left: 5px; font-family: "OpenSans-Bold";}

#shopcart .continue {height: 55px;line-height: 55px;margin-top: 20px; display: block; text-align: center; float: right; width: 18%; color: white; font-family: "OpenSans-Bold"; border: 1px solid #24B941; background: #24B941; border-bottom: 4px solid #179F31;}
#shopcart .continue:hover {background: #2AD64C; border: 1px solid #2AD64C; border-bottom: 4px solid #20BD34;}
#shopcart .continue .arrow {position: relative; margin-left: 2.5%;  top: 3px;  display: inline-block; width: 7.5%; background: url('../images/continue_arrow2.png') no-repeat; background-size: 100% 100%;}
#shopcart .continue_btn{ margin-right: -2.5%; width: 40%; float: left; vertical-align: central; text-align: center; display: block; color:white;border-bottom: 4px solid #DFE2EB; font-family: "OpenSans-Bold"; color: #ACB0BB; line-height: 43px; background-color:#e7ecf2; }

#shopcart .shopcart_content .left {float: left; width: 71.5%; margin-top: 30px;}


#shopcart .shopcart_content .left .delivery .method {position: relative; z-index: 50; padding: 2% 2%; margin: 0 2% 15px 0; width: 44%; float: left; background-color: #f8f8f8; border: 1px solid #c2d0d8;}
#shopcart .shopcart_content .left .delivery .method:hover {background-color: #eaeff6; cursor: pointer;}
#shopcart .shopcart_content .left .delivery .last {margin-right: 0px;}
#shopcart .shopcart_content .left .delivery .method .left_col {border-right: 1px solid #c2d0d8; width: 70%; float: left; }
#shopcart .shopcart_content .left .delivery .method .left_col .styledRadio{cursor: pointer; margin-right: 3%; float: left; }
#shopcart .shopcart_content .left .delivery .method .left_col label{font-family: "OpenSans-Bold";}
#shopcart .shopcart_content .left .delivery .method .left_col p{font-family: "OpenSans-Regular";}
#shopcart .shopcart_content .left .delivery .method .right_col { float: right; width: 27%;}
#shopcart .shopcart_content .left .delivery .method .right_col .price {display: block; font-family: "OpenSans-Bold"; color: #379b3d;}
#shopcart .shopcart_content .left .delivery .method .right_col .price_comment { display: block; width: 100%; text-align: right; font-family: "OpenSans-Regular"; color: #6b6b6b;  }
#shopcart .shopcart_content .left .delivery .with_map_active  { border-bottom: none;background-color: #eaeff6;}
#shopcart .shopcart_content .left .delivery .active {background-color: #eaeff6;}
#shopcart .shopcart_content .left .delivery .active p {color: #0461a5;}

#shopcart .shopcart_content .left .payment .method {padding: 2% 2%; margin: 0 2% 15px 0; width: 44%; float: left; background-color: #f8f8f8; border: 1px solid #c2d0d8;}
#shopcart .shopcart_content .left .payment .method:hover {background-color: #eaeff6; cursor: pointer;}
#shopcart .shopcart_content .left .payment .last {margin-right: 0px;}
#shopcart .shopcart_content .left .payment .method .left_col {border-right: 1px solid #c2d0d8; width: 70%; float: left; }
#shopcart .shopcart_content .left .payment .method .left_col .styledRadio{cursor: pointer; margin-right: 3%; float: left; }
#shopcart .shopcart_content .left .payment .method .left_col label{/*font-size: 15px; */font-family: "OpenSans-Bold";}
#shopcart .shopcart_content .left .payment .method .right_col { float: right; }
#shopcart .shopcart_content .left .payment .method .right_col .price {margin: 9px 4px 0 2px; display: block; font-family: "OpenSans-Bold"; color: #379b3d;  }
#shopcart .shopcart_content .left .payment .active {background-color: #eaeff6;}

#shopcart .shopcart_content .left .map {z-index: 40; position: relative; top: -16px; background-color: #f8f8f8; border: 1px solid #c2d0d8; margin-right: 11px;}

#shopcart .buttons .back_btn {margin-top: 20px; width: 20%;}

#shopcart .shopcart_content .right { width: 24.5%; float: right; margin-top: 70px;}
#shopcart .shopcart_content .right .help { margin-top: 30px; margin-bottom: 120px;}
#shopcart .shopcart_content .right .help h4 {font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .right .help .person {margin-bottom: 5px; display: block; font-family: "OpenSans-Regular"; color: #7e99c5;}
#shopcart .shopcart_content .right .help .phone {display: block; font-family: "OpenSans-Regular"; color: #525252;}
#shopcart .shopcart_content .right .help img {display: block; float: right; margin-top: 4px; margin-left: 10px; width: 40%;}

#shopcart .shopcart_content .right .actual_cart {padding: 10px 12px; background-color: #e7ecf2; border: 1px solid #c2d0d8;}
#shopcart .shopcart_content .right .actual_cart h3 .shopcart {margin-right: 10px; display: inline-block; width: 38px; height: 30px; background: url('../images/shopcart_menu.png') no-repeat; float: left; }
#shopcart .shopcart_content .right .actual_cart h3 .text {font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .right .actual_cart .products {padding: 15px 10px; border: 1px solid #c2d0d8; background-color: white;}
#shopcart .shopcart_content .right .actual_cart .products .bordertop {border-top: 1px solid #c2d0d8;padding: 15px 10px 0 0; margin: 15px 0 0;}
#shopcart .shopcart_content .right .actual_cart .products .product a {display: block;}
#shopcart .shopcart_content .right .actual_cart .products .product a .thumb_wrapper {text-align: center;}
#shopcart .shopcart_content .right .actual_cart .products .product a:hover .text {text-decoration: underline;}
#shopcart .shopcart_content .right .actual_cart .products .product .text {display:block; font-family: "OpenSans-Regular"; color: #e0011b; text-align: left;}
#shopcart .shopcart_content .right .actual_cart .products .product .text strong {color: #212121; font-weight: normal; margin-right: 5px;}
#shopcart .shopcart_content .right .actual_cart .products .product .popis {display:block; font-family: "OpenSans-Regular"; color: #000; text-align: left;}
#shopcart .shopcart_content .right .actual_cart .products .product .availability {display: block; float: left; font-family: "OpenSans-Regular"; color: #558d04;}
#shopcart .shopcart_content .right .actual_cart .products .product .price {display: block; float: right; font-family: "OpenSans-Bold"; color: #212121;}

#shopcart .shopcart_content .right .actual_cart .final_price {margin-top: 25px; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .right .actual_cart .final_price strong{ font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .right .actual_cart .final_price .comment {display: block; font-family: "OpenSans-Regular"; color: #596e74;}

#shopcart .shopcart_content .form_box {background-color: #f7f8f8; border: 1px solid #c2d0d8;}
#shopcart .shopcart_content .form_box .form_input {margin-right: 2%; width: 48.4%; float: left;}
#shopcart .shopcart_content .form_box .last {margin-right: 0px;}
#shopcart .shopcart_content .form_box .form_input label {font-family: "OpenSans-SemiBold"; color: #212121;}
#shopcart .shopcart_content .form_box .red {color: #e0011b;}
#shopcart .shopcart_content .form_box .form_input input {font-family: "OpenSans-SemiBold"; background-color: #fff; color: #212121; float: right; width: 75%; height: 90%; border: 1px solid #c2d0d8;}
#shopcart .shopcart_content .form_box .form_input input.ierror {border: 1px solid #da9e9e;}
#shopcart .shopcart_content .form_box .form_input input.isucces {border: 1px solid #7e7a88;}
#shopcart .shopcart_content .form_box .form_input input.isucces-img {background: url(../images/input-success-bg.png) right top no-repeat;background-color: #fff; }
#shopcart .shopcart_content .form_box .comment {font-family: "OpenSans-SemiBold"; color: #212121; float: left; width: 48%; text-align: right;}

#shopcart .shopcart_content .form_box .long, #shopcart .shopcart_content .form_box .ultralong {margin-right: 0px; width: 99%;}
#shopcart .shopcart_content .form_box .long input {width: 52%;}
#shopcart .shopcart_content .form_box .ultralong input {width: 68.8%;}
#shopcart .shopcart_content .form_box textarea {font-family: "OpenSans-SemiBold"; color: #212121;margin-top:-15px; width: 99%; max-width: 99%;min-width: 99%; height: 100px; border: 1px solid #c2d0d8;}

#shopcart .shopcart_content .form_box .form_head {cursor: pointer; height: 32px;}
#shopcart .shopcart_content .form_box .form_head:hover h2 {text-decoration: underline;}
#shopcart .shopcart_content .form_box .form_head .arrow {margin-top: 5px; display: block; float: left; width: 23px; height: 16px; background: url('../images/shopcart_arrow_down.png') no-repeat; margin-right: 10px;}
#shopcart .shopcart_content .form_box .form_head .arrow_up { background: url('../images/shopcart_arrow_up.png') no-repeat;}
#shopcart .shopcart_content .form_box .form_head h2 {font-family: "OpenSans-Bold"; color: #212121; margin: 0;}
#shopcart .shopcart_content .form_box .form_head h2 .grey_comment {font-family: "OpenSans-Regular"; color: #a3a3a3;}

#shopcart .shopcart_content .form_box .form_body {margin-top: 20px;}

#shopcart .shopcart_content .conditions checkbox {}
#shopcart .shopcart_content .conditions label {margin-left: 0px; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .conditions label a{text-decoration: underline;color: #e0011b;}
#shopcart .shopcart_content .conditions p {margin-top: 20px; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .conditions p a {text-decoration: underline; color: #e0011b;}
#shopcart .shopcart_content .cont_comment {width: 20%; float: right; margin: 20px 15px 0 0; font-family: "OpenSans-Regular"; color: #919191;}
#shopcart .shopcart_content .send {width: 35%;}

#shopcart .shopcart_content .success {height: 55px; z-index: 60; position: relative; line-height: 55px; background-color: #8ab0d8; }
#shopcart .shopcart_content .success .succ_image {margin: 8px 15px; display: block; float: left; width: 39px; height: 39px; background: url('../images/succ_image.png') no-repeat;}
#shopcart .shopcart_content .success h4 {font-family: "OpenSans-Bold"; color: white;}

#shopcart .shopcart_content .error { z-index: 60; position: relative; background-color: #e0011b; }
#shopcart .shopcart_content .error .error_image {display: block; float: left; background: url('../images/err_image.png') no-repeat; background-size: 100% 100%;}
#shopcart .shopcart_content .error h4 {font-family: "OpenSans-Bold"; color: white;}

#shopcart .shopcart_content .form_box h2 {float: left; margin: 0; font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .form_box .print {float: right; text-decoration: underline; font-size: 13px; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .form_box .print .print_img {margin: 2px 5px 0 0; display: block; float: left; width: 22px; height: 19px; background: url('../images/printer.png') no-repeat;}
#shopcart .shopcart_content .form_box .products {margin: 20px 0;}
#shopcart .shopcart_content .form_box .products .product {background-color: white; border: 1px solid #c2d0d8; margin-bottom: 10px;}
#shopcart .shopcart_content .form_box .products .product .thumb_wrapper {float: left; margin: 5px; width: 10%;}
#shopcart .shopcart_content .form_box .products .product .thumb_wrapper img {max-width: 100%}
#shopcart .shopcart_content .form_box .products .product .ks {display: block; float: left; margin: 15px 1%; }
#shopcart .shopcart_content .form_box .products .product .text_wrapper {width: 59%; float: left; margin: 15px 1%; }
#shopcart .shopcart_content .form_box .products .product .text_wrapper a {margin-bottom: 5px;display: block;text-decoration: underline; font-family: "OpenSans-Regular"; color: #e0011b;}
#shopcart .shopcart_content .form_box .products .product .text_wrapper .availability {font-family: "OpenSans-Regular"; color: #558d04;}
#shopcart .shopcart_content .form_box .products .product .price_wrapper {float: right; margin: 20px 1%; width: 17%; border-left: 1px solid #c2d0d8;}
#shopcart .shopcart_content .form_box .products .product .price_wrapper .price {display: block; text-align: right; font-family: "OpenSans-Bold"; color: #379b3d;}
#shopcart .shopcart_content .form_box .products .product .price_wrapper .price_comment {display: block; text-align: right; font-family: "OpenSans-Regular"; color: #6b6b6b;}

#shopcart .shopcart_content .form_box .products .delivery {background-color: white; border: 1px solid #c2d0d8; margin-bottom: 10px;}
#shopcart .shopcart_content .form_box .products .delivery .thumb_wrapper {float: left; margin: 5px; line-height: 50px; height: 50px;}
#shopcart .shopcart_content .form_box .products .delivery .thumb_wrapper img{vertical-align: middle;}
#shopcart .shopcart_content .form_box .products .delivery .text_wrapper {padding-left: 15.5%; width: 59%; float: left; margin: 15px 1%;}
#shopcart .shopcart_content .form_box .products .delivery .text_wrapper .name {margin-bottom: 5px;display: block; font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .form_box .products .delivery .text_wrapper .description {font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .form_box .products .delivery .price_wrapper {float: right; margin: 20px 5px; width: 17%; border-left: 1px solid #c2d0d8;}
#shopcart .shopcart_content .form_box .products .delivery .price_wrapper .price {display: block; text-align: right; font-family: "OpenSans-Bold"; color: #379b3d;}
#shopcart .shopcart_content .form_box .products .delivery .price_wrapper .price_comment {display: block; text-align: right; font-family: "OpenSans-Regular"; color: #6b6b6b;}


#shopcart .shopcart_content .form_box .final_price {text-align: right; width: 100%; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .form_box .final_price strong {font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .form_box .final_price .price {display: block;  }
#shopcart .shopcart_content .form_box .final_price .fp_comment {font-family: "OpenSans-Regular"; color: #596e74;}
#shopcart .shopping {width: 35%;}

#shopcart .shopcart_content .right .watch {background-color: #f8f8f8; ; padding: 20px 6.4%; border: 1px solid #c2d0d8;}
#shopcart .shopcart_content .right .watch .watch_img {display: block; float: left; background: url('../images/binocular.png') no-repeat; background-size: 100% 100%;}
#shopcart .shopcart_content .right .watch h4 {display: block; width: 134px; margin: 0; float: left; font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .right .watch p {margin: 15px 0; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .right .watch a {display: block; width: 100%; height: 43px; font-family: "OpenSans-Bold"; color: #212121; background-color: #e7ecf2; border: 1px solid #c2d0d8; line-height: 43px; text-align: center;}
#shopcart .shopcart_content .right .watch a:hover {background-color: #c2d0d8;}

#shopcart .shopcart_content .right .feedback {margin-top: 30px; background-color: #f8f8f8; ; padding: 20px 14px 40px; border: 1px solid #c2d0d8;}
#shopcart .shopcart_content .right .feedback h4 {display: block; margin: 0 0 15px 0; float: left; font-family: "OpenSans-Bold"; color: #212121;}
#shopcart .shopcart_content .right .feedback label {font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .right .feedback textarea {width: 100%; max-width: 100%; height: 150px; font-family: "OpenSans-Regular"; color: #212121;}
#shopcart .shopcart_content .right .feedback a {margin-top: 10px; display: block; width: 100%; height: 43px; font-family: "OpenSans-Bold"; color: #212121; background-color: #e7ecf2; border: 1px solid #c2d0d8; line-height: 43px; text-align: center;}
#shopcart .shopcart_content .right .feedback a:hover {background-color: #c2d0d8;}

#login {margin-top: 80px; margin-bottom: 40px; position: relative; z-index: 50;}
#login h1{font-family: "OpenSans-Bold"; color: #e0011b; margin-bottom: 30px; }
#login .red{color: #e0011b;}
#login p{ font-family: "OpenSans-Regular"; color: #212121;}
#login label{line-height: 25px; font-family: "OpenSans-SemiBold"; color: #212121; width: 80px; display: block; float: left;}
#login input[type=text]{float: left; margin-right: 40px; height: 25px; margin-bottom: 10px; font-family: "OpenSans-SemiBold"; color: #212121;}
#login input[type=password]{float: left; margin-right: 40px; height: 25px; margin-bottom: 10px; font-family: "OpenSans-SemiBold"; color: #212121;}
#login input[type=submit]{position: relative; top: -3px; display: block; text-align: center;  width: 150px; height: 35px; border: 1px solid #c2d0d8; background-color: #e7ecf2; font-family: "OpenSans-Bold"; color: #3b3c3d; line-height: 35px;}
#login input[type=submit]:hover {cursor: pointer; background-color: #f2f2f2;}

.popup_window {background-color: white;}
.popup_window .header {min-height: 95px; padding: 20px 7%; border-bottom: 1px solid #b3c5ce;}
.popup_window .header .thumb_wrapper {width: 12%; height: 90%; position: relative; float: left; margin-top: 2%;}
.popup_window .header .thumb_wrapper img {max-width: 100%; max-height: 100%;}
.popup_window .header .thumb_wrapper .done {top: 40%; right: 50%; position: absolute; display: block; background: url('../images/popup/added.png') no-repeat; background-size: 100% 100%;}
.popup_window .header h2 {padding-left: 10px; position: relative; top: 25px; margin-top: 10px; width: 60%; float: left; margin: 0; font-family: "OpenSans-Regular"; color: #0d0d0d;}
.popup_window .header .red {color: #e0011b; margin-top: 0;}
.popup_window .header .navigation{ clear: both; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; text-align: center; }
.popup_window .header .order_btn{ padding: 0 20px; vertical-align: middle; text-align: center; display: inline-block; color: white; font-family: "OpenSans-Bold"; border: 1px solid #24B941; background: #24B941; border-bottom: 4px solid #179F31; font-size: 26px; height: 58px; line-height: 58px; overflow: hidden; }
.popup_window .header .order_btn .arrow {position: relative; margin-left: 10px; display: inline-block; background: url('../images/popup/arrow.png') no-repeat; background-size: contain; vertical-align: middle; }
.popup_window .header .order_btn:hover {background: #2AD64C; border: 1px solid #2AD64C; border-bottom: 4px solid #20BD34;}
.popup_window .header .continue_btn{ margin-right: 20px; padding: 0 20px; height: 47px; text-align: center; border-bottom: 3px solid #DFE2EB; font-family: "OpenSans-Bold"; color: #ACB0BB; font-size: 18px; line-height: 47px; background-color: #e7ecf2; }
.popup_window .header .amount { display: flex; font-family: "OpenSans-Regular"; color: #8f99a6; height: 63px; line-height: 61px; }
.popup_window .header .amount > .input { width: 70px; border: 1px solid #c2d0d8; color: #8f99a6; box-sizing: border-box; }
.popup_window .header .amount > .input > input { padding: 0 5px 0 0; width: 50%; background: transparent; border: none; text-align: right; color: #8f99a6; box-sizing: border-box; font-size: 22px; }
.popup_window .header .amount > .input > span { display: inline-block; width: 50%; text-align: left; font-size: 22px; }
.popup_window .header .amount > .spin_btns { margin: 0 5px; display: flex; flex-direction: column; justify-content: space-between; width: 28px; line-height: 28px; color: #8f99a6; font-size: 36px; }
.popup_window .header .amount > .spin_btns > a { width: 28px; height: 28px; background-color: #e7ecf2; color: #8f99a6; overflow: hidden; }

.popup_window .recommended h2 {font-family: "OpenSans-SemiBold"; color: #0d0d0d;}
.popup_window .recommended {padding: 10px 7%; position: relative;}
.popup_window .product {margin-right: 5%; position: relative; padding: 0 2%; float: left; width: 25%; background-color: white; border: 1px solid #ccd8e6;}
.popup_window .last {margin-right: 0;}
.popup_window .product .image_wrapper {display: block; width: 100%; text-align: center;}
.popup_window .product .image_wrapper img {vertical-align: middle; width: 100%;}
.popup_window .product h4 {margin: 10px 0 0 0; color: #311d1f; font-family: "OpenSans-Bold";}
.popup_window .product h3 {margin: 10px 0 0 0; color: #311d1f; font-family: "OpenSans-Bold";}
.popup_window .product h2 {margin: 10px 0 0 0; color: #311d1f; font-family: "OpenSans-Bold";}
.popup_window .product p {margin: 0; color: #311d1f; font-family: "OpenSans-Regular"; width: 100%;}
.popup_window .product .price_wrapper {float: left; width: 45%;}
.popup_window .product .price_wrapper .discount {display: block; font-family: "OpenSans-Regular"; color: #301e20; height: 16px;}
.popup_window .product .price_wrapper .discount span {position: relative;}
.popup_window .product .price_wrapper .discount span:before {position: absolute; content: "";  left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}
.popup_window .product .price_wrapper .price {margin: 0; color: #e80121; font-family: "OpenSans-Bold";}
.popup_window .product .price_wrapper .availability {display: block; margin: 0; color: #558D04; font-family: "OpenSans-Regular";}
.popup_window .product .detail_btn {
    line-height: 200%;
    vertical-align: central;
    text-align: center;
    border: 1px solid #555555;
    float: right;
    display: block;
    width: 80px;
    color: white;
    font-family: "OpenSans-Bold";
    background: #333a43;
    border-bottom: 2px solid #21262c;
    font-size: 16px;
}
.popup_window .product .line {position: absolute; border: 1px solid #ccd8e6; top: 100%; left: -1px; width: 100%; height: 5px; background-color: #131313; }
.popup_window .product .bottom{
    margin-top: 5px;
}
.popup_window .product .discount_red {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 2%; background: url('../images/action_red_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
.popup_window .product .discount_red span {opacity: 1;}
.popup_window .product .discount_yellow {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 2%; background: url('../images/action_orange_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
.popup_window .product .discount_yellow span {opacity: 1;}
.popup_window .product .discount_green {line-height: 66px; display: inline-block; vertical-align:top; padding: 0 10px 0 10px; opacity: 0.85; position: absolute; right: 2%; background: url('../images/action_green_small.png') no-repeat; background-size: 100% 100%; color: white; font-family: "OpenSans-Bold"; vertical-align: central; text-align: center;}
.popup_window .product .discount_green span {opacity: 1;}
#products .product .icon_brown {opacity: 0.85;}
#products .product .icon_yellow {opacity: 0.85;}
#products .product .icon_blue {opacity: 0.85;}

.popup_window .product:hover .discount_red {opacity: 1;}
.popup_window .product:hover .discount_green {opacity: 1;}
.popup_window .product:hover .discount_orange {opacity: 1;}
.popup_window .product:hover .icon_blue {opacity: 1;}
.popup_window .product:hover .icon_brown {opacity: 1;}
.popup_window .product:hover .icon_yellow {opacity: 1;}
.popup_window .product:hover {
    border: 1px solid #e60120;
}
.popup_window .product:hover .line {background-color: #e0011b;}
.popup_window .product:hover .detail_btn {border: 1px solid #ac5453; background: #ff0242; /* Old browsers */background: -moz-linear-gradient(top, #ff0242 0%, #d20001 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0242), color-stop(100%,#d20001)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ff0242 0%,#d20001 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ff0242 0%,#d20001 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ff0242 0%,#d20001 100%); /* IE10+ */background: linear-gradient(to bottom, #ff0242 0%,#d20001 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0242', endColorstr='#d20001',GradientType=0 ); /* IE6-9 */}

.popup_window .footer {height: 60px; padding: 20px 7%; border-bottom: 1px solid #b3c5ce; background-color: #e7ecf2;}
.popup_window .footer .continue_btn {background-color: white; display: block; text-align: center; float: left; width: 25%; height: 43px; border: 1px solid #c2d0d8; font-family: "OpenSans-Bold"; color: #3b3c3d; line-height: 43px; }
.popup_window .footer .continue_btn:hover {background-color: #f2f2f2;}
.popup_window .footer .continue_btn .arrow_left{position: relative; margin-right: 5%;  top: 2px;  display: inline-block; background: url('../images/popup/arrow_grey_left.png') no-repeat; background-size: 100% 100%;}
.popup_window .footer .shopcart_btn {background-color: white; display: block; text-align: center; float: right; width: 33%; height: 43px; border: 1px solid #c2d0d8; font-family: "OpenSans-Bold"; color: #3b3c3d; line-height: 43px; margin-right: 2%;}
.popup_window .footer .shopcart_btn:hover {background-color: #f2f2f2;}
.popup_window .footer .shopcart_btn .arrow_right{position: relative; margin-left: 5%;  top: 2px;  display: inline-block; background: url('../images/popup/arrow_grey_right.png') no-repeat; background-size: 100% 100%;}

#products .search_input {border: 1px solid #bfd5ec; border-bottom: none; padding: 20px 5%; background-color: white;} 
#products .search_input label {color: #212121; font-family: "OpenSans-Bold";}
#products .search_input .border5 {border: 5px solid #e4e9ef; display: inline-block; width: 50%; margin-left: 5%;}
#products .search_input input[type=text] {color: #555555; font-family: "OpenSans-SemiBold"; padding: 8px 5px; width: 70%; border: none; outline: none;}
#products .search_input input[type=submit] {color: white; font-family: "OpenSans-SemiBold"; float: right; cursor: pointer; padding: 8px 0; width: 21.7%; border: none; background: #fb0233; /* Old browsers */background: -moz-linear-gradient(top,  #fb0233 0%, #b7191a 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb0233), color-stop(100%,#b7191a)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #fb0233 0%,#b7191a 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #fb0233 0%,#b7191a 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #fb0233 0%,#b7191a 100%); /* IE10+ */background: linear-gradient(to bottom,  #fb0233 0%,#b7191a 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb0233', endColorstr='#b7191a',GradientType=0 ); /* IE6-9 */}

#products .filters {border: 1px solid #bfd5ec; border-top: 1px solid #e0ebf4; background-color: #f2f6f9; padding: 10px 5% 20px 5%;}
#products .filters h4 {color: #212121; font-family: "OpenSans-Bold"; display: inline-block; margin-right: 5%;}
#products .filters input[type=checkbox] {margin-right: 0.5%; margin-left: 2%;}
#products .filters label {color: #212121; font-family: "OpenSans-SemiBold"; cursor: pointer;}

#products .cats {padding: 10px 5% 40px 5%;}
#products .cats h2 {color: #212121; font-family: "OpenSans-Bold";}
#products .cats h2 .blue {color: #6fbdec;}
#products .cats .param {border-bottom: 1px solid #e5ebf2;display: block; padding: 5px 10px; width: 25%; float: left; margin-right: 5px;}
#products .cats .param:hover {background-color: #e5ebf2;}
#products .cats .param .arrow {margin-top: 5px; display: block; float: left; width: 6px; height: 8px; background: url('../images/arrow_red.png') no-repeat;  }
#products .cats .param .text {font-family: "OpenSans-Regular"; margin-left: 10px; color: #212121;}
#products .cats .param:hover .text {color: #e0011b; text-decoration: underline;}

#products .noborder {border: none; border-top: 1px solid #bfd5ec;}
#products .noborder h2 {color: #212121; font-family: "OpenSans-Bold"; margin-left: 4.5%; margin-bottom: 30px;}
#products .noborder h2 .blue {color: #6fbdec;}
#products .noborder .product h2 {margin-left: 0; margin-bottom: 0;}

.change_car_popup {background-color: white;}
.change_car_popup .header {border-bottom: 1px solid #b3c5ce;}
.change_car_popup .header .image {margin-right: 1%; display: block; float: left; background: url('../images/top_brands.png') no-repeat; background-size: 100% 100%;}
.change_car_popup .header h2 {color: #212121; font-family: "OpenSans-Bold";}
.change_car_popup .categories {padding: 20px 7%; background-color: #e7ecf2;}
.change_car_popup .categories .cat_wrapper {padding: 10px 5%; background-color: white; border: 1px solid #e0011b;}
.change_car_popup .categories .param {border-bottom: 1px solid #e5ebf2; display: block; padding: 5px 1%; width:100%;}
.change_car_popup .categories .param:hover {background-color: #e5ebf2;}
.change_car_popup .categories .disabled {background-color: #f7f7f7;}
.change_car_popup .categories .last {margin-right: 0px;}
.change_car_popup .categories .left {float:left; margin-right: 1%; width: 19%;}
.change_car_popup .categories .param .arrow {margin-top: 5px; display: block; float: left; width: 6px; height: 8px; background: url('../images/arrow_red.png') no-repeat;  }
.change_car_popup .categories .param .text {font-family: "OpenSans-Regular"; margin-left: 10px; color: #212121;}
.change_car_popup .categories .param:hover .text {color: #e0011b; text-decoration: underline;}

#car_category {position:relative;}
#car_category .info {width: 94%;background-color: #f3f3f3; padding:0% 2% 0% 4%}
#car_category .info .price_wrapper h2{font-family: "OpenSans-Bold"; color: #301e20; margin: 0;}
#car_category .info .price_wrapper {float: left; width: 40%;padding-top:1.5%;}
#car_category .info .price_wrapper .price {display: block; font-family: "OpenSans-Bold"; color: #e80122;}
#car_category .info .buy {float: right; margin: 20px 0; width: 21%;}
#car_category .info .buy .buy_btn {display: inline-block; width: 100%; text-align: center; vertical-align: central; font-family: "OpenSans-Bold"; border: 1px solid #555555; color: white;  background: #676767; /* Old browsers */background: -moz-linear-gradient(top, #676767 0%, #010101 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#010101)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #676767 0%,#010101 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #676767 0%,#010101 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #676767 0%,#010101 100%); /* IE10+ */background: linear-gradient(to bottom, #676767 0%,#010101 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#010101',GradientType=0 ); /* IE6-9 */}
#car_category .info .buy .buy_btn .cart {width: 18%; display: inline-block; background: url('../images/cart.png') no-repeat; background-size: 100% 100%; vertical-align: middle;}
#car_category .info .buy .buy_btn:hover {border: 1px solid #ac5453; background: #ff0242; /* Old browsers */background: -moz-linear-gradient(top, #ff0242 0%, #d20001 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0242), color-stop(100%,#d20001)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ff0242 0%,#d20001 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ff0242 0%,#d20001 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ff0242 0%,#d20001 100%); /* IE10+ */background: linear-gradient(to bottom, #ff0242 0%,#d20001 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0242', endColorstr='#d20001',GradientType=0 ); /* IE6-9 */ cursor: pointer;}
#car_category .info .buy .buy_btn:hover .cart { background: url('../images/cart_hover.png') no-repeat; background-size: 100% 100%;}
#car_category .info .buy .buy_btn .text { margin-left: 10px;}

.popup_window .faq-footer{text-align: center;}
.popup_window .faq-footer .shopcart_btn{display:inline-block;margin-right: 0;float:none;}
.popup_window .form_box textarea {float:right;font-family: "OpenSans-SemiBold"; color: #212121; width: 98%; height: 100px; border: 1px solid #c2d0d8; resize:none;padding:5px;}
.popup_window .form_box input {float:right;width:50%;font-family: "OpenSans-SemiBold"; background-color: #fff; color: #212121; width: 50%; border: 1px solid #c2d0d8;padding:5px;}
.popup_window .form_box .form_body{padding-bottom: 10px;}
.popup_window .form_box label{line-height: 35px;}

.shopcart-coupon {}
.shopcart-coupon .checkbox {font-family: "OpenSans-SemiBold"; color: #212121; cursor: pointer;}
.shopcart-coupon .shopcart-coupon-form {float: right;}
.shopcart-coupon .info {float: right; width: 40%;}
.shopcart-coupon .info p b{font-weight: normal;}
.shopcart-coupon .info p{font-family: "OpenSans-Regular";}
.shopcart-coupon .info .added{color: #558d04;}
.shopcart-coupon .info .notadded{color: #e0011b;}
.shopcart-coupon .shopcart-coupon-form input {padding: 3px; font-family: "OpenSans-SemiBold";background-color: #fff; color: #212121; border: 1px solid #c2d0d8;}
.shopcart-coupon .shopcart-coupon-form button {border: 1px solid #c2d0d8; cursor: pointer; background-color: #e7ecf2; font-family: "OpenSans-Bold"; color: #3b3c3d;}
.notop {top: 0;}
.filtercheckboxes .title{
    font-size: 15px;  
    color: #e60120;
    font-weight: bold;
    margin-bottom: 15px;
}
.filtercheckboxes label{
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: black;
    border-bottom: 1px solid #e5ebf2;
    width: 80%;
    padding-bottom: 4px;
    cursor: pointer;
}
.filtercheckboxes .left label:last-child{
    border-bottom: none;
}
.filtercheckboxessec .title{
    font-size: 15px;
    color: #e60120;
    font-weight: bold;
    margin-bottom: 15px;
}
.filtercheckboxessec label{
    display: inline;
    vertical-align: top;
    font-size: 15px;
    color: black;
    border-bottom: 1px solid #e5ebf2;
    padding-bottom: 1px;
    cursor: pointer;
    white-space: nowrap;
    padding-right: 10px;
}
.filtercheckboxessec .left{
    width: 100% !important;
    margin-bottom: 15px;
}
.filtercheckboxessec .left label:last-child{
    border-bottom: 1px solid #e5ebf2;
}
.optionssec{top:0px !important;}
.popup_window .product:hover .detail_btn { background: #e60120; border: 1px solid #e60120; border-bottom: 2px solid #af0013;}
.popup_window .product .detail_btn:hover { background: #25b941; border: 1px solid #25b941; border-bottom: 2px solid #189d31;}

.paramops{
    display: none;
}
.tmps_and_raty .left{
    display: inline-block;
    vertical-align:top;
}
.tmps_and_raty .left div{
    margin-left: 1px;  
    margin-right: 1px;
}
.tmps_and_raty .right{
    display: inline-block;
    vertical-align:top;
    float:right;
}
.inStore{
    color: #25b941;
    font-size: 12px;
    font-family: "OpenSans-SemiBold";
    display: block;
}
.inStore div{
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 0;
    float: none;  
}
.inStore img{
    margin-right: 4px;
    top: 1px;
    position:relative;
}
.inStore .outofstock{
    color: #af0013;
}
.priceWithoutVat{
    color: #bbbbbb;
    font-size: 10px;
    font-family: "OpenSans-SemiBold";
}
.hodnoceni{
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d1dcea;
    padding-bottom: 20px;
    padding-top: 20px;
}
.hodnoceni .info{
    font-family: "OpenSans-Regular";
    color: #5b5051;
    font-size: 14px;
}
.hodnoceni .info .name{
    font-family: "OpenSans-Bold";
}
.hodnoceni .info .answer{
    color: #e60120;
    border-left: 1px solid #d2d2d2;
    padding-left: 10px; 
    margin-left: 5px;
    cursor: pointer;
}
.hodnoceni .text{
    font-family: "OpenSans-Regular";
    color: #5b5051;
    margin-bottom: 5px;
}
.only_mobile{
    display: none;  
}


@media (max-width: 1280px) {
   .action_offers {
        margin-top: -125px;
    } 
}
.products.similiar .product .image_wrapper {
    height: 49% !important;
}

.reviewForm{
    padding-top: 30px;  
}
.reviewForm input{
    width: 98%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
    border: 1px solid #d1dcea;
    box-shadow: none;
    padding: 10px;
    display: inline-block;
    vertical-align:top;
}
.reviewForm textarea{
    width: 98%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    -khtml-border-radius: 3px; /* for old Konqueror browsers */
    border: 1px solid #d1dcea;
    box-shadow: none;
    padding: 10px;
    display: inline-block;
    vertical-align:top;
    resize: none;
    height: 200px;
    margin-top: 20px;
}
.reviewForm .stars_big{
    width: 100% !important;
    margin-bottom: 20px;
}
.reviewForm .btn{
    margin-top: 20px;
}
.reviewForm.hidden{
    display: none;
}

.only_mobile {
    display: none;
}
#slider .slider-box .slogan {
    font-family: "OpenSans-Light";
    color: #8aa4c3;
    font-size: 18px;
    font-style: italic;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 192px;
    left: 250px;
}
@media (max-width: 1049px) {
    body{
        min-width: auto;
    }
    .wrapper {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    header .right_box .menu li a {
        font-size: 12px;
    }
    .bubbles_menu .wrapper {
        width: 100%;
    }
    #slider .slider-box {
        background-position: 61% 36%;
    }
    .action_offers .wrapper {
        left: 0;
    }
    .action_offers .product {
        width: 43%;
        margin-bottom: 20px;
    }
    footer .header_3 {
        font-size: 20px;
    }
}
@media (max-width: 1049px){
    body, html {
        width: 100%;
        overflow-x: hidden !important;
    }
    #products .parameters .parameter .button{
        margin-top: -1px;
        height: 39px;
    }
    #products .parameters .parameter.actived .button {
        height: 38px;
    }
    #products .parameters .parameter.active .button {
        height: 38px;
    }
    .only_mobile {
        display: inline-block;
        vertical-align:top;
    }
    .not_mobile {
        display: none !important;
    }
    .left_clouds {
        display: none;
    }
    .right_clouds {
        display: none;
    }
    #slider .slider-box {
        background: none;
    }
    .wrapper {
        width: 90%;
        overflow: hidden !important;
    }
    header .right_box .menu{
        display: none;
    }
    header .left_box img {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .action_offers {
        margin-top: 0;
    }
    .menu_left {
        display: none!important;
    }
    .mobile_menu {
        display: inline-block;
        width: 0;
    }
    #products .parameters > .options{
        display: none;
    }
    #vymezovacikrouzky {
      width: 530px;
      margin: 0 auto;
      float: none;
    }
    #vymezovacikrouzky .vnitrniprumer,
    #vymezovacikrouzky .vnejsiprumer {
      float: none;
      margin-left: 170px;
      width: 350px;
    }
    #slider{
        display: none;
    }
    .help_section .wrapper{
        left: 0;
    }
    #products .parameters .parameter{
        float: none;
    }
    header .right_box .shopcart {
        margin-top: 6px;
        height: 37px;
    }
    header .right_box .shopcart .shopcart_img {
        width: 23px;
        height: 18px;
        margin-top: 9px;
    }
    header .right_box .shopcart .shopcart_price {
        font-size: 15px;
        line-height: 37px;
    }
    .mobile_menu .opener{
        color: white;
        font-size: 30px;
        padding: 0px 10px;
        padding-bottom: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: absolute;
        left: 5%;
        top: 60px;
        padding-top: 5px;
        cursor: pointer;
    }
    .mobile_menu .opener img{
        max-width: 39px;
        margin-top: 3px;
    }
    .mobile_menu .openerDesc{
        font-size: 30px;
        padding-bottom: 0;
        position: absolute;
        left: 56px;
        top: 5px;
        font-size: 20px;
        padding-top: 5px;
        cursor: pointer;
        color: #E13547;
        font-weight: 600;
        /* font-family: 'OpenSans'; */
        font-family: "OpenSans-Regular";
    }
    .mobile_menu .menu_items{
        width: 100%;
        text-align: center;
        color: white;
        float: right;
        background: white;
        border-bottom: 1px solid #b8b8b8;
        margin-top: -15px;
        font-family: 'OpenSans-Regular';
        display: none;
        position: absolute;
        left: 0;
        z-index: 100000;
        top: 128px;
    }
    .mobile_menu .menu_items .item{
        margin-bottom: 10px;
        font-size: 16px;

    }
    .mobile_menu .menu_items .item a{
        display: block;
        margin-top: 10px;
        color: #626262;
        font-weight: lighter;
        font-size: 19px;
    }
    
    .mobile_menu .menu_items .item a:hover, .mobile_menu .menu_items .item a.active{
       color: #e60120;
       text-decoration: none;
    }
    .mobile_menu .menu_items .item .fa{
        margin-left: 5px;
        position: relative;
        top: 3px;
    }
    .mobile_menu .menu_items .item .submenu a{
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 17px;
        color: #8a8a8a;
    }
    .mobile_menu .menu_items ul{
        list-style-type: none;
    }
    .mobile_menu .menu_items ul li.bolded{
        font-weight: 800;
    }
    header .right_box .phone a .phones{
        display: none;
    }
    header .full_size_menu{
        position: fixed !important;
        z-index: 1000 !important;
        top: 0;
        border-top: 5px #e0011b solid;
        min-height: 50px;
    }
    header .right_box.full_size_menu .menu_right {
        float: right;
        width: 60%;
    }
    header .right_box.full_size_menu {
        padding-bottom: 5px;
        position: fixed;
        z-index: 1000;
    }
    header .right_box .search {
        margin-top: 12px;    
        position: absolute;
        top: 44px;
        display: block;
        float: right;
        right: 7.3%;
        width: 42.9%;
        border: none;
    }
    header .right_box .search input[type=text]{
        font-size: 16px;
        height: 34px !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-left: 3%;
        width: 95%;
        border: 6px #eaeff6 solid;
    }
    header .right_box .search input[type="submit"] {
        top: 15px;
    }
    .breadcrumbs {
        padding-left: 0;
        margin-top: 10px;
    }
    header .logo{
        margin-left: 0;
        display: inline-block;
        vertical-align:top;
        width: 20%;
        margin-top: 12px;
    }
    header .right_box .shopcart {
        margin-right: 0;
        width: 36.7%;
    }
    header .logo img{
        height: auto;
        max-height: 45px;
        margin-top: -5px;
    }
    header .left_box{
        display: none;    
    }
    .menu_right {
        width: 55% !important;
    }
    #alukola header {
        z-index: 1555;
        padding-bottom: 60px;
    }
    header .right_box {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    header .right_box .phone {
        padding-left: 15px;
        padding-top: 11px;
        padding-top: 0px;
        position: absolute;
        right: 41%;
        margin-top: 5px;
        width: 9%;
    }
    header .right_box .phone .phone_icon {
        margin: 3px 5% -7px 0;
    }
    header .right_box .phone {
        font-size: 20px;
    }
    header .right_box .top_menu{
        margin-top: 0;
    }
    header .right_box .top_menu li {
        min-width: 50px;
        padding: 3px 0;
    }
    header .right_box .top_menu .third {
        width: 49%;
        display: inline-block;
        vertical-align:top;
        float: none;
    }
    header .right_box .top_menu .second {
        width: 49%;
        display: inline-block;
        vertical-align:top;
        float: right;
    }
    header .right_box .phone .phone_icon {
        width: 35px;
        height: 35px;
    }
    header .right_box .top_menu {
        width: 100%;
        display: none;
        margin-bottom: 6px;
    }
    #slider .slider-box .grey_box {
        width: 90%;
        height: auto;
        padding: 20px 5%; 
    }
    #slider .slider-box .red_tip, #slider .slider-box .grey_tip {
        display: none;
    }
    #slider .slider-box .red_box {
        width: 100%;
        margin-top: 130px;
        padding: 2% 0;
    }
    #slider {
        min-height: 390px;
        margin-top: 0;
    }
    #slider-nav {
        display: none;
    }
    .bubbles_menu ul li {
        width: 20%;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .bubbles_menu {
        height: auto;
        background: none!important;
    }
    .help_section .helps {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .help_section .help {
        width: 47%; 
        padding: 0;
        margin-top: 10px;
        padding-bottom: 30px;
        height: auto;
        min-height: 199px;
    }
    .help_section .help h3 {
        min-height: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .help_section .help .description {
        min-height: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .help_section h2 {
        margin-left: 5%;
        margin-right: 5%;
    }
    .help_section .help_image {
        background-position: 20px;
        width: 64px;
    }
    footer .top .offer .left {
        margin: 0;
        width: 100%;
    }
    footer .top .offer img {
        width: 110%;
        margin: 0;
        margin-top: 40px;
    }
    footer .top .info .left {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    footer .top .info .right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }
    footer .top .info .right .box {
        width: 100%;
    }
    footer .bottom {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%; 
    }
    #chat-application {
        right: -40px !important;
    }
    .action_offers .products {
        width: 100%;
        margin-top: 0;
    }
    .action_offers h2{
        margin-bottom: 0;
    }
    .action_offers.similiar h2{
        margin-bottom: 9px;
    }
    .action_offers .product {
        width: 44%;
        margin: 0;
        margin-left: 3%;
        padding: 0;
        margin-top: 35px;
        height: 400px;
    }
    .action_offers .action_image {
        background-position: 20px;
        width: 64px;
    }
    #slider .slider-box .red_box .top {
        text-align: center;
    }
    #slider .slider-box .red_box ul{
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    #slider .slider-box .red_box ul li .numb {
        width: 50px;
    }
    #slider .slider-box .red_box .top .header_3 {
        margin-left: -40px;
    }
    #alukola .bg {
        display: none;
    }
    #alukola .bubbles_menu {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        box-shadow: none;
    }
    .action_offers .product .image_wrapper {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .action_offers .product h3, .action_offers .product p, .product .bottom {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #alukola .bubbles_menu ul li a .text {
        font-size: 14px;
        margin-bottom: 10px;
    }
    #page {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .breadcrumbs {
        width: 90%;
    }
    .breadcrumbs ul li a{
        font-size: 14px;
    }
    #alukola .bubbles_menu {
        margin-top: 0;
    }
    #help_content {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #help_content .top_cats li .text {
        font-size: 16px;
    }
    #faq-list .vote-box .vote-item {
        float: none;
    }
    .popup_window, .change_car_popup {
        width: 100%;
    }
    .popup_window .form_box input {
        float: none;
        width: 97%;
    }
    #help_content .help_box .help {
        padding: 5%;
        width: 40%;
        margin: 0;
    }
    #help_content .similar .help {
        width: 100%;
    }
    #help_content .similar h2 {
        font-size: 20px;
    }
    #help_content .detail .active {
        height: auto;
    }
    #help_content .content img {
        max-width: 100%;
        height: auto;
    }
    .content_box img {
        width: 100%;
        height: auto;
    }
    #page .styled_content h3 {
        font-size: 20px;
    }
    #page .styled_content h4 {
        font-size: 18px;
        margin-top: 20px;
    }
    .boxes .content_box {
        height: auto;
    }
    .contacts .contact_box {
        width: 100%;
    }
    .contacts .contact_box {
        margin: 10px 3% 10px 0;
        float: none;
    }
    #page .styled_content ul li {
        margin-left: 0;
    }
    .persons .person {
        width: 50%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 60px;
    }
    .persons .person img {
        max-width: 90%;
        width: auto;
        display: inline-block;
        vertical-align: top;
        position: static;
        margin-top: 0;
    }
    .map .header2 {
        font-size: 20px !important;
        text-align: center;
    }
    .boxes .content_box p{
        display: none;
    }
    #login {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #login input[type=text], #login input[type=password] {
        float: none;
        width: 98%;
    }
    #login input[type=submit] {
        width: 98.5%;
    }
    #products .filters h4 {
        display: block;
        width: 100%;
    }
    #products .slider-range .ui-slider-handle-left {
        margin-left: 0!important;
        margin-top: -2px;
    }
    #products .slider-range .ui-slider-handle-right {
        margin-top: -2px;
    }
    
    #products .slider {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    #products .product {
        width: 43% !important;
        margin-left: 0.8% !important;
        margin-right: 0.8% !important;
    }
    .popup_window .product {
        width: 44%;
        margin-right: 0.8%;
    }
    #products .categories {
        height: 204px;
        background: none;
        display: none;
    }
    #products .categories ul {
        margin: 0;
        padding: 0;
    }
    #products .categories ul li {
        height: auto;
        width: 45%;
        display: inline-block;
        vertical-align:top;
    }
    #products .parameters .parameter {
        width: 100% !important;
        margin-bottom: 10px;
    }
    #products .parameters .active {
        height: auto; 
    }
    #products .parameters .options .left {
        float: none;
        width: 100%;
    }
    #products .products_info {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #products .tabs {
        width: 100%;
        margin-bottom: 0;
    }
    #products .tabs .tab, #products .tabs .tabkat {
        width: 100%;
        padding: 0;
        text-align: center;
        height: auto;
        background: white;
    }
    #products .tabs .tab{
        border: none;
    }
    #products .products_head {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding-bottom: 20px;
    }
    #products .tabs  #orderby2.tabkat .text{
        top: 0;
    }
    .products_on_page {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: none;
        margin-top: 20px;
        height: 40px;
    }
    .pages {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: none;
        text-align: left;
    }
    .pages .next, .pages .prev {
        display: block;
        margin: 0;
    }
    #products .products {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border: none;
    }
    #products .products.similiar{
        width: 90%;
        margin: 0;
        padding: 5%;
    }
    #products .products_head input[type="checkbox"] {
        margin-left: 10px;
    }
    #products .breadcrumbs {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #products .soc_net {
        width: 100%;
        padding-bottom: 8px;
        height: auto;
    }
    #products .soc_net .fb {
        margin-left: 5px;
    }
    #products .soc_net .gplus {
        margin-right: 0;
        width: 65px;
    }
    #products .soc_net {
        margin-top: 5px;
    }
    #products .detail {
        border: none;
    }
    #products .tabs .tab.starss {
        top: 0;
    }
    #products .detail .upper_arrow {
        display: none;
    }
    #products .tabs .tab.starss .text {
        top: 0;
        left: 3px;
        display: block;
        height: auto;
    }
    #products .detail .images {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }
    #products .detail .info {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        float: none;
        padding-bottom: 20px;
        
    }
    #products .detail .info .price_wrapper {
        width: 100%;
        float: none;
    }
    #products .detail .info .buy {
        width: 100%;
        float: none; 
        margin: 0;
    }
    #products .detail .info .buy .amount {
        width: 40%;
    }
    #products .detail .info .buy .buy_btn {
        width: 56%;
    }
    #products .detail .info .buy .buy_btn .cart {
        width: 25px;
        height: 20px;
    }
    #products .similar {
        background: none;
    }
    #products .tab_contents {
        width: 89%;
        padding: 5%;
    }
    #products .detail .info .actions .action .wrapper {
        width: 20px;
        height: auto;
        margin-bottom: -4px;
    }
    .popup_window .header {
        min-height: 180px;
        padding-top: 45px;
    }
    .popup_window .header .thumb_wrapper {
        display: none;
    }
    .popup_window .header h2 {
        float: none;
        width: auto;
        top: 0;
        padding: 0;
    }
    .popup_window .header .navigation {
        width: 100%;
        justify-content: center;
    }
    .popup_window .header .navigation > * {
        margin: 10px 0 0 0;
    }
    .popup_window .header .navigation > a.continue_btn {
        width: 100%;
    }
    .popup_window .header .navigation > a.order_btn {
        flex-grow: 1;
        padding: 0 5px;
    }
    .popup_window .recommended {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .fancybox-inner {
        height: 100% !important;
    }
    .popup_window .footer .continue_btn {
        width: 40%;
        height: auto;
    }
    .popup_window .footer .shopcart_btn {
        width: 48%;
        height: auto;
    }
    .popup_window .footer .continue_btn .arrow_left, .popup_window .footer .shopcart_btn .arrow_right {
        display: none;
    }
    .popup_window .footer {
        height: auto;
    }
    .popup_window .header .order_btn .arrow {
        display: none;
    }
    #shopcart .steps ul li {
        width: 100%;
        text-align: center;
    }
    #shopcart .steps ul li.first {
        width: 100%;
        text-align: center;
    }
    #shopcart .steps ul li .shopcart {
        margin-left: 0;
        float: none;
    }
    #shopcart .shopcart_content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #shopcart .shopcart_content table .table_header th {
       text-align: center;
       width: 25%;
    }
    #shopcart .shopcart_content table td {
       text-align: center;
    }
    #shopcart .shopcart_content table tr td .popis, #shopcart .shopcart_content table tr td .nadpis {
        padding-left: 0;
    }
    #shopcart .shopcart_content table .table_header th:nth-child(3){
        display: none;
    }
    #shopcart .shopcart_content table tr td:nth-child(3){
        display: none;
    }
    #shopcart .shopcart_content table tr td:last-child{
        position: absolute;
        margin-left: -20px;
    }
    #shopcart .shopcart_content table tr td .delete {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    #shopcart .shopcart_content table tr td .img_wrapper{
        display: none;
    }
    #shopcart .shopcart_content table tr td a {
        height: auto;
    }
    .shopcart-coupon .shopcart-coupon-form {
        float: none;
        margin-top: 10px;
        
    }
    .shopcart-coupon .shopcart-coupon-form input {
        width: 70%;
    }
    .shopcart-coupon .shopcart-coupon-form button{
        width: 26%;
    }
    .shopcart-coupon{
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #shopcart .buttons .continue_btn {
        width: 30%;
        height: auto;
    }
    #shopcart .continue {
        width: 100%;
    }
    #shopcart .continue .arrow {
        display: none;
    }
    #shopcart .shopcart_content .left .delivery .method{
        width: 100%;
        padding: 2% 1%;
    }
    section.delivery {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    #shopcart .shopcart_content .left {
        width: 100%;
    }
    #shopcart .shopcart_content .left .payment .method {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #shopcart .shopcart_content .form_box .ultralong input {
        width: 100%;
    }
    #shopcart .shopcart_content .form_box .form_input{
        height: auto;
        width: 100%;
        display: block;
    }
    #shopcart .shopcart_content .form_box .form_input label {
        display: block;
    }
    #shopcart .shopcart_content .form_box .form_input input{
        width: 100%;
        height: 30px;
    }
    #shopcart .shopcart_content .form_box .comment {
        width: 100%;
    }
    #shopcart .shopcart_content .form_box .form_head h2 {
        float: none;
    }
    #shopcart .shopcart_content .form_box .form_head h2 .grey_comment {
        display: block;
    }
    #shopcart .shopcart_content .cont_comment {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }
    #shopcart .shopcart_content .error h4 {
        margin-bottom: 10px;
        margin-top: 10px;
    }
   
    #shopcart .shopcart_content .error,  #shopcart .shopcart_content .success{
        line-height: normal;
        margin-top: 250px;
        padding: 20px;
    }
    #shopcart .shopcart_content .error .error_image{
        display: none;
    }
    #shopcart .shopcart_content .left .delivery .method .left_col {
            width: 60%;
            padding: 2%;
    }
    #shopcart .shopcart_content .left .delivery .method {
        height: auto;
    }
    #shopcart .shopcart_content .left .delivery .method .right_col {
        width: 30%;
        text-align: center;
    }
    #shopcart .shopcart_content .left .delivery .method .right_col .price_comment {
        text-align: center;
    }
    #shopcart .shopcart_content .right {
        width: 100%;
    }
    #shopcart .shopcart_content .right .help img {
        width: auto;
    }
    #shopcart .shopcart_content .success .succ_image{
        display: none;
    }
    #shopcart .shopcart_content .left .payment .method {
        height: auto;
    }
    #shopcart .shopcart_content .right .feedback label {
        display: block;
    }
    .price_without_vat {
        top: 0;
    }
    .price_without_vat.top_none {
        top: -5px;
    }    
    .action_offers .product .image_wrapper img {
        width: auto;
        max-height: 224px;
        max-width: 91%;
    }
    .action_offers .product .image_wrapper {
        height: auto;
    }
    .action_offers .product {
        height: auto;
    }
    footer .top .wrapper {
        left: 0;
    }
    footer .top .offer .left a{
        width: auto;
    }
    #products .detail .info .buy .amount input {
        text-align: right;
    }
    footer .top .offer .left a{
        padding: 10px;
    }
    #products .tabs .tabkat.active{ 
        background: #6f7782;
        background: -moz-linear-gradient(top, #6f7782 0%, #525b64 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f7782), color-stop(100%,#525b64));
        background: -webkit-linear-gradient(top, #6f7782 0%,#525b64 100%);
        background: -o-linear-gradient(top, #6f7782 0%,#525b64 100%);
        background: -ms-linear-gradient(top, #6f7782 0%,#525b64 100%);
        background: linear-gradient(to bottom, #6f7782 0%,#525b64 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7782', endColorstr='#525b64',GradientType=0 );
        color: white;
    }
    .reviewForm input{
        width: calc(100% - 23px);
        margin-top: 15px;
    }
    .reviewForm textarea{
        width: calc(100% - 23px);
        margin-top: 15px;
    }
    #products .tab_contents.stt{
        padding: 5%;
    }
    #products .product p{
        margin-left: 5%;
    }
    #products .product h2{
        margin-left: 5%;
    }
    .priceWithoutVat {
        font-size: 9px;
    }
    #products .products_head .tabs .tabkat {
        height: 55px;
    }
    #alukola .bubbles_menu ul li a .img_wrapper {
        height: 114px;
    }
    #alukola .bubbles_menu .wrapper{
        padding-bottom: 50px;
    }
    #products {
        margin-top: 0;
    }
    #products .parameters {
        padding: 3% 5% 0 5%;
    }
    header .right_box .top_menu li a{
        font-size: 16px;
    }
    #page .styled_content .subtext{
        font-size: 18px;
    }
    .persons .person .person_phone{
        font-size: 18px;
    }
    .persons .person .person_phone strong {
        font-size: 18px !important;
    }
    #page .styled_content a{
        font-size: 18px;
    }
    .persons .person .function {
        font-size: 16px;
    }
    #alukola .bubbles_menu ul li a .text {
        font-size: 17px;
        width: 95%;
    }
    #products .product .detail_btn{
           padding: 5px; 
    }
    header .right_box .search .search_separator{
        display: none;    
    }
    .bubbles_menu ul{
        padding-top: 0;
    }
    .persons .person img {
        margin-bottom: 40px;
    }
    #products .similiar .product {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .information_section {margin: 20px 0 15px 0;}
    .information_section i{float:none;}
}
@media (max-width: 830px){ 
    .price_without_vat {
        top: -17px;
    }
}
@media (max-width: 730px){
    .bubbles_menu ul li {
        width: 33%;
    }
    #help_content .top_cats li{
        width: 100%;
    }
    #help_content .top_cats li .spike{
        display: none !important;
    }
    #page .styled_content h3 {
        font-size: 18px;
    }
    .availabilitystockinfobox {
        width: 100%;
        margin-top: 10px;
    }
    .aval {
        width: 100%;
        display: inline-block;
        vertical-align:top;
    }
    .action_offers .product p {
        height: auto;
    }
    #products .noborder h2 {
        margin-left: 0;
    }
    .action_offers .product .price_wrapper .price{
        font-size: 20px;
    }
}
@media (max-width: 650px){
    header .right_box .top_menu .second a{
        font-size: 18px;
    }
    header .right_box .top_menu .third a{
        font-size: 18px;
        display: block;
    }
    #products .tabs  #orderby2.tabkat .text{
        top: 10px;
    }
    #products .product .bottom {
        bottom: 65px;
    }
    #products .tabs .img_wrapper{
        max-height: 90%;
        width: auto;
        margin-top: 10px;
    }
    #products .tabs .tab .text, #products .tabs .tabkat .text {
        top: 3px;
        position: relative;
    }
    #products .tabs .img_wrapper img{
        width: auto;
        height: auto;
    }
    #products .tabs .tab .text span{
        display: block;
    }
    header .right_box .search input[type="submit"] {
        left: 84%;
    }
    #vymezovacikrouzky {
      width: auto;
    }
    #vymezovacikrouzky .vnitrniprumer,
    #vymezovacikrouzky .vnejsiprumer {
      width: calc(96% - 170px);
    }
}
@media (max-width: 565px){
    .popup_window .header .navigation > a.order_btn {
        font-size: 20px;
    }
    .boxes .content_box {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #products .search_input label {
        display: block;
    }
    #products .search_input .border5 {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    .popup_window .footer .continue_btn, .popup_window .footer .shopcart_btn {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .price_without_vat.top_none {
        top: 0;
    }
    .help_section .help{
        width: 100%;
    }
}
@media (max-width: 505px){
    .action_offers .product {
        width: 100%;
        margin-left: 0; 
    }
   .bubbles_menu ul li {
        width: 50%;
    }
    #faq-list .vote-box .vote-item {
        margin-top: 10px;
        font-size: 12px;
    }
    #help_content .help_box .help {
        height: 380px;
    }
    .persons .person {
        width: 100%;
    }    
    #products .product {
        width: 93% !important;
    }
    .popup_window .product {
        width: 94%;
        padding-bottom: 10px;
    }
    .action_offers .product {
        width: 100%;
        padding-bottom: 10px;
    }
    .action_offers .product .price_wrapper .price{
        font-size: 25px;
    }
    .action_offers .product .image_wrapper {
        height: auto;
    }
    #alukola .bubbles_menu .wrapper {
        padding-bottom: 0px;
    }
}
@media (max-width: 500px){
    .help_section .help {
        height: auto;
        min-height: auto;
    }
    .action_offers {
        top: 0;
    }
    .breadcrumbs ul .last a {
        font-size: 13px;
    }
    #alukola .bubbles_menu ul li a .text {
        font-size: 16px;
    }
    header .right_box .search {
        width: 42.5%;
    }
}
@media (max-width: 450px){
  #vymezovacikrouzky span.title {
    font-size: 12px;
    padding-top: 3px;
  }
}
@media (max-width: 375px){
    header .right_box .shopcart .shopcart_price {
        font-size: 11px;
    }
    header .right_box .shopcart .shopcart_img {
        margin-top: 9px;
    }
    #products .detail .info .actions .action {
        font-size: 11px;
    }
    #products .tabs .tab.starss {
        height: auto;
        padding-bottom: 10px;
    }
    header .right_box .shopcart {
        width: 34.7%;
    }
    header .right_box .phone {
        right: 40%;
    }
}

/* Oprava pro inputy na IPhone */

@media (max-width: 1000px) {
    #shopcart .shopcart_content .form_box .form_input input {
        box-sizing: border-box;
        height: 34px;
    }
}

/* Link Buttons */

a.link_button {
  display: inline-block;
  padding: 0 20px;;
  font-family: "OpenSans-Bold";
  font-size: 16px;
  line-height: 32px;
  white-space: nowrap;
  text-align: center;
  font-weight: normal;
  color: #fff;
}

a.link_button.green {
  background: #25b941;
  border-bottom: 2px solid #189d31;
}

a.link_button.green:hover {
  background: #2ad64c;
  border-bottom-color: #20bd34;
}

a.link_button.orange {
  background: #ff9e2b;
  border-bottom: 2px solid #d98625;
}

a.link_button.orange:hover {
  background: #ffad2b;
  border-bottom-color: #d99325;
}

/* Layouty pro jednotny prehled s ramecky a detail */

.list_layout,
.detail_layout {
  margin-bottom: 20px;
}

.list_layout h1,
.list_layout h2,
.detail_layout h1,
.detail_layout h2,
.frontpage_section_layout h1,
.frontpage_section_layout h2 {
  font-family: "OpenSans-Bold";
}

.detail_layout + .list_layout > h2 {
  font-size: 20px;
}

.header_layout {
  display: block;
}

.list_layout .header_layout,
.detail_layout .header_layout {
  margin-top: 36px;
}

.header_layout h1 {
  font-size: 36px;
  color: #e1001e;
  margin: 0;
}

.header_layout > h1,
.header_layout > .title_with_buttons {
	min-height: 90px;
  line-height: 43px;
}

.header_layout > .title_with_buttons > h1 
{
  display: inline;
	margin-right: 30px;
}

.header_layout > .title_with_buttons > a.link_button {
  margin: 5px 5px 5px 0;
}

.header_layout > .title_with_buttons > * 
{ 
  vertical-align: middle;
}

.header_layout h2 {
  font-size: 25px;
  margin: 0;
}

.list_layout .header_layout h2,
.detail_layout .header_layout h2 {
  min-height: 56px;
  line-height: 1em;
}

.boxes_layout {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -8px;
  padding-bottom: 4px;
  font-size: 14px;
}

.boxes_layout > .box {
  margin-bottom: 16px;
  padding: 0 8px;
  box-sizing: border-box;
}

.boxes_layout.two_columns > .box {
  width: 50%;
}

.boxes_layout.four_columns > .box {
  width: 25%;
}

.boxes_layout > .box > .item {
  display: block;
  padding: 25px 20px 20px 20px;
  height: 250px;
  box-sizing: border-box;
  color: #393939;
  border: 1px solid #c2d0d8;
  background: #fff;
}

.boxes_layout > .box > .rows_layout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1000px) {
  .boxes_layout.four_columns > .box {
    width: 50%;
  }

  .boxes_layout.four_columns > .box > .item {
    height: 200px;
  }
}

@media (max-width: 750px) {
  .boxes_layout.two_columns > .box,
  .boxes_layout.four_columns > .box {
    width: 100%;
  }

  .boxes_layout.two_columns > .box > .item,
  .boxes_layout.four_columns > .box > .item {
    height: auto;
  }
}

.boxes_layout > .box > .rows_layout > .grow {
  flex-grow: 1;
}

.boxes_layout > .box > .item > h2,
.boxes_layout > .box > .item > h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 17px;
}

.boxes_layout > .box > .item > p {
  height: 9.6em;
  overflow-y: hidden;
}

@media (max-width: 750px) {
  .boxes_layout > .box > .item > p {
    height: auto;
  }
}

.boxes_layout > .box > .item > p > img {
  float: right;
  margin: 0 0 5px 20px;
  width: 50%;
  max-width: 230px;
  max-height: 160px;
}

.boxes_layout > .box > .item > span.link {
  display: block;
  color: #e60120;
  margin-top: 0.5em;
}

.boxes_layout > .box > .item > span.link::after {
  content: "\f054";
  font: normal normal normal 10px/1 FontAwesome;
  display: inline-block;
  margin-left: 0.5em;
  font-weight: bold;
  vertical-align: middle;
}

.boxes_layout > .box > .item:hover {
  border-color: #e60120;
  border-bottom-width: 7px;
  box-shadow: #d1dae3 0px 0px 20px;
}

.boxes_layout > .box > .rows_layout:hover {
  padding-bottom: 14px;
}

.boxes_layout > .box > .item:hover > h2 {
  color: #e60120;
}

.boxes_layout > .box > .item:hover > span.link {
  text-decoration: underline;
}

.detail_layout .content {
  /*text-align: center;*/
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.6em;
}

.detail_layout .content p {
  margin: 1.5em 0 0 0;
  text-align: left;
}

.detail_layout .content a {
  color: #e60120;
}

.detail_layout .content a:hover {
  text-decoration: underline;
}

.detail_layout .content img.center {
  max-width: 100%;
  max-height: 500px;
}

.detail_layout .content img.left {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  max-width: 50%;
  max-height: 300px;
}

.detail_layout .content img.right {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  max-width: 50%;
  max-height: 300px;
}

.detail_layout .content p ~ a > img {
  margin-top: 1.5em;
}

.paging_layout {
  clear: both;
  text-align: center;
  color: #c2d0d8;
  font-size: 16px;
  padding: 20px 0;
  white-space: nowrap;
}

.paging_layout > a {
  display: inline-block;
  margin: 0 15px;
  width: 120px;
  color: #e60120;
  text-align: left;
}

.paging_layout > a:first-child {
  text-align: right;
}

.paging_layout > a.prev::before,
.paging_layout > a.next::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  margin: 0 5px;
}

.paging_layout > a.prev::before {
  content: "\f060";
}

.paging_layout > a.next::after {
  content: "\f061";
}

.paging_layout > a:hover {
  text-decoration: underline;
}

@media (max-width: 1000px) {
	.header_layout > h1,
	.header_layout > .title_with_buttons {
	  min-height: 60px;
	}
}

/* Zarovnani ikon pro znacky aut ve filtru */

#products .parameters .options .param > .image,
#products .parameters .options .param > .image > img,
#products .parameters .options .param > .arrow,
#products .parameters .options .param > .withimage,
#products .parameters .options .param > .text {
  display: inline-block;
  position: static;
  vertical-align: middle;
}

#products .parameters .options .param {
  line-height: 30px;
}

#products .parameters .options .param > .image,
#products .parameters .options .param > .arrow {
  margin: 0;
  width: 26px;
  height: 30px;
  text-align: center;
}

#products .parameters .options .param > .image > img {
  width: auto;
  max-width: 26px;
  height: auto;
  max-height: 26px;
}

#products .parameters .options .param > .arrow {
  float: none;
  background: url('../images/arrow_red.png') center center no-repeat;
}

/* Pridano do kosiku - nedostatečný počet kusů */
.popup_window_lack {
    width:561px;
    text-align: center;
}
@media (max-width: 1000px) {
    .popup_window_lack {
        width: 100%;
    }
}
.popup_window_lack .header_orange {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  min-height: 100px;
  background: #ff9e2b;
}
.popup_window_lack .header_orange h2 {
    font-size: 24px;
    padding: 15px 5px 25px 5px;
    margin: 0;
    font-family: "OpenSans-Bold";
    color: #fff;
    margin: auto;
}
.popup_window_lack .text {
    padding: 0 10px 0 10px;
}
.popup_window_lack a {
    margin: 30px 0 42px 0;
    padding: 9px 35px;
}
.popup_window_lack .exclamation{
    width: 63px;
    height: 63px;
    background-color: #e60120;
    color: #fff;
    font-size: 42px;
    -webkit-border-radius: 63px;
    -moz-border-radius: 63px;
    border-radius: 63px;
    border: 2px solid #fff;
    margin: -22px auto 16px;
}

/* Pridano do kosiku - TMPS */
.popup_window .tmps {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 7% 20px 6%;
  min-height: 100px;
  background: #fff6db;
}

.popup_window .tmps > div.text {
  padding: 6px 30px 10px 110px;
  background: url('../images/bubbles_3popup.png') left center no-repeat;
  background-size: contain;
}

.popup_window .tmps > div.text > h2 {
  margin: 0 0 0.5em;
  font-family: "OpenSans-Bold";
  font-size: 18px;
}

.popup_window .tmps > div.text > p {
  font-size: 14px;
}

.popup_window .tmps > a.link_button {
  font-size: 18px;
  line-height: 47px;
}

@media (max-width: 1000px) {
  .popup_window .tmps {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup_window .tmps > div.text {
    padding-left: 150px;
    padding-right: 0;
  }

  .popup_window .tmps > a.link_button {
    margin-top: 20px;
    padding: 0;
    width: 98%;
  }
}

@media (max-width: 500px) {
  .popup_window .tmps > div.text {
    background-size: 140px;
  }
}

/* Front Page Sections */

.frontpage_section_layout {
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
  left: 15px;
}

@media (max-width: 1049px) {
  .frontpage_section_layout {
    left: 0;
  }
}

.frontpage_section_layout > .header_layout > h2,
.frontpage_section_layout > .header_layout > .title_with_links {
  margin-bottom: 20px;
  min-height: 40px;
  line-height: 40px;
}

.frontpage_section_layout > .header_layout h2 {
  padding-left: 50px;
  background: none no-repeat center left;
  vertical-align: middle;
}

.frontpage_section_layout > .header_layout > .title_with_links * {
  display: inline-block;
}

.frontpage_section_layout > .header_layout > .title_with_links > span {
  border-left: 1px solid #c2d0d8;
}

.frontpage_section_layout > .header_layout > .title_with_links > span,
.frontpage_section_layout > .header_layout > .title_with_links > a {
  height: 20px;
  line-height: 20px;
  vertical-align: sub;
  white-space: nowrap;
}

.frontpage_section_layout > .header_layout > .title_with_links > span,
.frontpage_section_layout > .header_layout > .title_with_links a {
  margin-left: 15px;
  font-size: 14px;
  color: #a3b3c8;
}

.frontpage_section_layout > .header_layout > .title_with_links a:hover {
  color: #212121;
}

@media (max-width: 600px) {
  .frontpage_section_layout > .header_layout > .title_with_links > span.link_break {
    display: block;
    margin-left: 0;
    padding-left: 50px;
    border-left: none;
  }

  .frontpage_section_layout > .header_layout > .title_with_links > span.link_break > a {
    margin-left: 0;
  }
}

.frontpage_section_layout > .boxes_layout {
  margin: 0 -5px -16px -5px;
  padding: 0;
}

.frontpage_section_layout > .boxes_layout > .box {
  padding: 0 5px;
}

.frontpage_section_layout .link_arrow {
  color: #e60120;
}

.frontpage_section_layout .link_arrow:hover {
  text-decoration: underline;
}

.frontpage_section_layout .link_arrow::after {
  content: "\f054";
  font: normal normal normal 10px/1 FontAwesome;
  display: inline-block;
  margin-left: 0.5em;
  font-weight: bold;
  vertical-align: middle;
}

#frontpage_wheels_marking .header_layout h2 {
  background-image: url('../images/icon_znaceni_alu_kol.png');
}

#frontpage_wheels_marking .content {
  padding-left: 20px;
  font-size: 14px;
  text-align: center;
}

#frontpage_wheels_marking .content img {
  float: right;
  max-width: 100%;
  margin: 0 0 20px 40px;
}

@media (max-width: 750px) {
  #frontpage_wheels_marking .content {
    padding-left: 0;
  }
  
  #frontpage_wheels_marking .content img {
    float: none;
    margin-left: 0;
  }
}

#frontpage_wheels_marking .content p {
  margin-bottom: 1em;
  text-align: left;
}

#frontpage_wheels_marking .content p:last-child {
  margin-bottom: 0;
}

#frontpage_technical_advisor .header_layout h2 {
  background-image: url('../images/icon_technicky_radce.png');
}

#frontpage_articles .header_layout h2 {
  background-image: url('../images/icon_clanky.png');
}

#frontpage_customer_reviews .header_layout h2 {
  background-image: url('../images/icon_hodnoceni_zakazniku.png');
}

#frontpage_customer_reviews .header_layout h2 {
  background-image: url('../images/icon_hodnoceni_zakazniku.png');
}

#frontpage_customer_reviews .boxes_layout {
  justify-content: space-around;
}

#frontpage_customer_reviews .boxes_layout > .box {
  max-width: 255px;
}

#frontpage_customer_reviews .boxes_layout > .box > .item {
  padding: 0;
  border: none;
  height: 300px;
}

@media (max-width: 1000px) {
  #frontpage_customer_reviews .boxes_layout.four_columns > .box {
    width: 25%;
  }
}

@media (max-width: 800px) {
  #frontpage_customer_reviews .boxes_layout.four_columns > .box {
    width: 50%;
  }
}

#frontpage_customer_reviews .boxes_layout > .box > .item:hover {
  outline: 1px solid #e60120;
  outline-offset: -1px;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .image {
  line-height: 0;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .image > img {
  width: 100%;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .review {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 15px 15px 15px;
  border: 1px solid #c2d0d8;
  border-width: 0 1px 1px 1px;
}

#frontpage_customer_reviews .boxes_layout > .box > .item:hover > .review {
  padding-bottom: 9px;
  border-color: #e60120;
  border-bottom-width: 7px;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .review > .stars {
  margin-bottom: 10px;
  line-height: 0;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .review > .stars > span {
  display: inline-block;
  font-size: 0;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .review > .author > .name {
  font-weight: bold;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .review > .comment {
  flex-grow: 1;
  line-height: 1.4em;
  overflow-y: hidden;
}
/*
@media (max-width: 1000px) {
  #frontpage_customer_reviews .boxes_layout > .box > .item > .review > .comment {
    overflow-y: auto;
  }
}
*/
#frontpage_customer_reviews .boxes_layout > .box > .item > .review > .link {
  margin-top: 10px;
  color: #e60120;
}

#frontpage_customer_reviews .boxes_layout > .box > .item:hover > .review > .link {
  text-decoration: underline;
}

#frontpage_customer_reviews .boxes_layout > .box > .item > .review > .link::after {
  content: "\f054";
  font: normal normal normal 10px/1 FontAwesome;
  display: inline-block;
  margin-left: 0.5em;
  font-weight: bold;
  vertical-align: middle;
}


.popup {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 8011;
    opacity: 1;
    width: 668px;
    overflow: hidden;
    background: #80c626;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
.popup h2 {
        font-family: 'Dosis', sans-serif;
        font-weight: 500;
}
.popup h2.pridkos {
        font-family: 'Dosis', sans-serif;
        font-weight: 500;
        color: #fff;
        font-size: 3.3em;
        padding: 13px 0 13px 0;

        margin: 30px 0 30px 60px;
}
.popup h2.pridkos i {
            font-size: 60px;
}
.popup h2.pridkos span {
            margin-top: -22px;
            position: relative;
            top: -8px;
            margin-left: 15px;
}

#packeta-widget {
    width: min(90vw, 1100px);
    height: min(85vh, 750px);
    margin-left: calc(min(90vw, 1100px) / -2);
    margin-top: calc(min(85vh, 750px) / -2);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
#packeta-widget iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}
@media (max-width: 600px) {
    #packeta-widget {
        width: 100%;
        height: 100%;
        left: 0 !important;
        top: 0 !important;
        margin-left: 0;
        margin-top: 0;
        border-radius: 0;
    }
}

.popis_mapa img {
    max-height: 100px;
}
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and /images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and /images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

#vertical-ticker{
    height:400px;
    overflow:hidden;
    margin:0; padding:0;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);
}

#vertical-ticker li{
    padding: 10px 0;
    display:block;
    text-align:center;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}