* { margin: 0; padding: 0; }
body { font-family: verdana; font-size: 12px; }
.cleaner { clear: both; }
img { border: 0; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

.container { width: 978px; margin: 0px auto 20px auto; }
.container .header { height: 130px; position: relative; margin-top: 20px; }
.container .header a { color: #000; }
.container .header .logo { position: absolute; left: 20px; top: 0px;}
.container .header .login { position: absolute; right: 320px; top: 38px; font-weight: bold; }
.container .header .basket { position: absolute; right: 70px; top: 20px; }
.container .header .basket a { background: url('./images/basket.gif') no-repeat; line-height: 52px; padding-left: 60px; display: block; text-transform: uppercase; font-weight: bold; }
.container .header .search { position: absolute; width: 205px; height: 43px; background: url('./images/bg_search.gif') no-repeat; bottom: 5px; right: 0; }
.container .header .search input.field { border: 0; margin: 9px 0 0 60px; font-size: 11px; color: #993333; width: 130px; }

.container .menu { background-image: url('./images/menu.gif'); height: 51px; }
.container .menu .inner { padding-top: 15px; padding-left: 140px; }
.container .menu .inner ul li { float: left; list-style-type: none; margin-right: 46px; }
.container .menu .inner a { text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; }
.container .menu .inner a.soutez,
.container .menu .inner a:hover,
.container .menu .inner a.selected { color: #ffcc00; }



.container .content { }

.container .content div.with_image, .container .content ul.with_image { margin-left: 0; }
.container .content div.with_image.margin_bottom, .container .content ul.with_image.margin_bottom { margin-bottom: 40px;}
.container .content div.with_image li, .container .content ul.with_image li { list-style-type: none; line-height: 15px; height: 27px; background: url('./images/icon_ok.gif') no-repeat; padding-left: 38px; margin-bottom: 8px !important; }

.container .content .left { width: 200px; float: left; color: #999999; }
.container .content .left a { color: #666666; }
.container .content .left .inner { margin: 20px; }
.container .content .left .inner h3 { color: #666666; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }
.container .content .left .inner h3 a { color: #993333; text-decoration: none; }
.container .content .left .inner h3.c { margin-top: 50px; }
.container .content .left .inner h3.c a { color: #3c3c3c !important;}
.container .content .left .inner h3 a.selected { color: #993333; }
.container .content .left .inner ul { color: #999999; list-style-type: none; margin-left: 20px; font-style: italic; font-weight: bold; }
.container .content .left .inner ul a { color: #999999; text-decoration: none; }
.container .content .left .inner li.active a {font-weight: bold; color: #000;}
.container .content .left .inner ul li { margin-bottom: 15px; }
.container .content .left .inner .tags a { text-decoration: none; }
.container .content .left .inner .tags p { line-height: 18px; }
.container .content .left .inner .tags span.size_1 { font-size: 120%; }
.container .content .left .inner .tags span.size_2 { font-size: 120%; }
.container .content .left .inner .tags span.size_3 { font-size: 100%; }
.container .content .left .inner .tags span.size_4 { font-size: 90%; }
.container .content .left .inner .tags span.size_5 { font-size: 85%; }


.container .content .middle { float: left; width: 560px; /*border-left: 2px solid #993333; border-right: 2px solid #993333;*/ }
.container .content .proddetail { /*border-right: 2px solid #993333;*/ }
.container .content .middle .inner { margin: 20px; }
.container .content .middle .inner h2 { color: #993333; font-size: 12px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
.container .content .middle .inner p { line-height: 18px; margin-bottom: 10px; }
.container .content .middle .inner .delimiter { font-size: 1px; /*border-top: 2px solid #993333;*/ margin: 20px -20px 20px -20px; }
.container .content .middle.wide { width: 760px; border-right: 0; }
.container .content .middle .inner .products { margin-top: 20px; clear: both;}
.container .content .middle .inner .products .sleva { cursor: pointer; background: url(images/sleva_bg.png) no-repeat; width: 62px; height: 62px;  position: absolute;  margin: -10px 0 0 -18px; text-align: center;}
.container .content .middle .inner .products .sleva span {position: relative; top: 16px; left: -29px; width: 40px !important; display: block; cursor: pointer; font-weight: bold; color: #fff;}
.container .content .middle .inner .products .sleva a { width: 40px !important; height: 60px !important; font-weight: bold !important; color: #fff !important; position: relative !important; top: 0px !important; left: 40px !important;}
.container .content .middle .inner .products .product { width: 300px; height: 263px; /*background: #eeeeee;*/ float: left; margin: 0 30px 30px 10px; /*background-image: url('./images/box.gif');*/ }
.container .content .middle .inner .products .product a { color: #000; text-decoration: none;}
.container .content .middle .inner .products .product a.b {position: absolute; display: block; width: 295px; height: 240px; /*margin-left: -14px;*/}
.container .content .middle .inner .products .product .product_inner { padding: 10px; }
.container .content .middle .inner .products .product .product_inner .image { /*background-color: #eeeeee;*/ width: 280px; height: 240px; text-align: center;}
.container .content .middle .inner .products .product .product_inner .title { text-align: left; margin-top: 4px; font-weight: bold; font-size: 12px; }
.container .content .middle .inner .products .product .product_inner .title span { color: #993333; }

.container .content .middle .inner .products.hp .product { margin: 0 20px 20px 10px; width: 150px; height: 123px; }
.container .content .middle .inner .products.hp .product a.b { width: 145px; height: 119px; }
.container .content .middle .inner .products.hp .product .product_inner .title { font-size: 10px; }
.container .content .middle .inner .products.hp .product .product_inner .image { width: 130px; height: 80px;}


.container .content .middle .inner .slevadetail { cursor: pointer; background: url(images/sleva_bg.png) no-repeat; width: 62px; height: 62px;  position: absolute;  margin: -40px 0 0 200px; text-align: center;}
.container .content .middle .inner .slevadetail span {position: relative; top: 16px; left: 10px; width: 40px !important; display: block; cursor: pointer; font-weight: bold; color: #fff;}

.container .content .middle .inner .hp_left { width: 400px; float: left; margin-bottom: 15px; margin-top: 15px; }
.container .content .middle .inner .hp_right { width: 270px; float: right; margin-bottom: 15px; margin-top: 25px;  }
.container .content .middle .inner .hp_right .box { width: 263px; height: 222px; background: url('./images/bg_box.gif') no-repeat; }
.container .content .middle .inner .hp_right .box .box_inner { padding: 11px 15px 10px 15px; }
.container .content .middle .inner .hp_right .box .box_inner h2 { color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; margin-bottom: 30px; }
.container .content .middle .inner .hp_right .box .box_inner strong { font-weight: bold; color: #993333; }

.container .content .middle .inner .registration img {border: 1px #000 solid;}
.container .content .middle .inner .registration form table { color: #9d9c9c; margin-left: 100px; margin-top: 20px; margin-bottom: 20px; }
.container .content .middle .inner .registration form table td, .container .content .middle .inner .registration form table th { padding: 3px; }
.container .content .middle .inner .registration label b {color: black;}
.container .content .middle .inner .registration form table th { text-align: left; width: 100px; }
.container .content .middle .inner .registration form .field_container { width: 260px; height: 30px; background: url('./images/bg_field_container.gif') no-repeat; }
.container .content .middle .inner .registration form .field_container input.field { border: 0; margin-left: 10px; margin-top: 6px; font-size: 14px; width: 235px; }
.container .content .middle .inner .registration form .registration_submit { margin-left: 450px; }

.container .content .middle .inner .basket { position: relative; left: -45px;}
.container .content .middle .inner .basket form table { width: 570px; margin: 0 30px 0 30px; }
.container .content .middle .inner .basket form table th { color: #a82929; text-transform: uppercase; }
.container .content .middle .inner .basket form table th, .container .content .middle .inner .basket form table td { text-align: center; padding: 3px; padding-bottom: 20px; }
.container .content .middle .inner .basket form table td.product { width: 120px; }
.container .content .middle .inner .basket form table td.checkbox { width: 60px; }
.container .content .middle .inner .basket .basket_container { background: url('./images/basket_loop.gif') repeat-y; width: 631px; margin: 0 auto 0 auto; }
.container .content .middle .inner .basket .basket_container_top { background: url('./images/basket_top.gif') no-repeat; height: 31px; }
.container .content .middle .inner .basket .basket_container_bottom { background: url('./images/basket_bottom.gif') no-repeat; height: 31px; }

.container .content .middle .inner .basket .basket_bottom_container { background: url('./images/basket_bottom_container.gif') no-repeat; width: 631px; height: 51px; line-height: 51px; margin: 20px auto 20px auto; }
.container .content .middle .inner .basket .basket_bottom_container p { line-height: 51px; color: #a74040; text-transform: uppercase; font-weight: bold; }
.container .content .middle .inner .basket .basket_bottom_container p.caption { float: left; width: 300px; padding-left: 20px; }
.container .content .middle .inner .basket .basket_bottom_container p.price { float: right; width: 200px; padding-right: 20px; text-align: right; }

.container .content .middle .inner .basket .buttons { margin-left: 75px; }
.container .content .middle .inner .basket .buttons .button { margin-left: 1px; }

.container .content .middle .inner .basket table.ord { }
.container .content .middle .inner .basket table.ord th {text-align: left; width: 200px;}
.container .content .middle .inner .basket table.ord td {text-align: left;}
.container .content .middle .inner .basket table.ord th, .container .content .middle .inner .basket form table.ord td { padding-bottom: 3px;}
.container .content .middle .inner .basket table.ord .name { background: #CCCCCC;}
.container .content .middle .inner .basket .right2 { margin: 15px 0 0 530px;}
.container .content .middle .inner  .right3 { width: 330px; margin: 15px 0 0 330px;}

.container .content .middle .inner .slider { width: 500px; margin: 10px auto 20px auto; }
.container .content .middle .inner .slider a { display: block; float: left; }
.container .content .middle .inner .slider a.product { width: 130px; height: 80px; margin-right: 10px; }
.container .content .middle .inner .slider a.nav { display: block; margin-top: 30px; margin-right: 10px; }

.container .content .middle .inner .product_detail_left { float: left; width: 250px; }
.container .content .middle .inner .product_detail_right { float: right; width: 250px; }
.container .content .middle .inner .product_detail_left h2, .container .content .middle .inner .product_detail_right h2 {text-transform: none;}
.container .content .middle .inner .product_detail_right .price { float: left; margin-bottom: 15px; font-weight: bold; margin-top: 5px; text-align: center; width: 100px; }
.container .content .middle .inner .product_detail_right .price span { font-size: 14px; font-weight: bold;}
.container .content .middle .inner .product_detail_right .price strike {  font-size: 14px; color: #CCCCCC; position: relative; top: -15px;}
.container .content .middle .inner .product_detail_right .button_buy { float: left; margin-bottom: 15px;}


.container .content .right { width: 200px; float: left; }
.container .content .right .inner { margin: 20px; }
.container .content .right .inner h3 { color: #993333; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 15px; }
.container .content .right .inner h3 a { color: #666666; text-decoration: none; }
.container .content .right .inner h3 a.selected { color: #993333; }
.container .content .right .inner ul { color: #999999; list-style-type: none; margin-left: 0px; font-style: italic; font-weight: bold; }
.container .content .right .inner ul a { color: #999999; text-decoration: none; }
.container .content .right .inner ul li { margin-bottom: 15px; }
.container .content .right .inner .textbox { width: 140px; margin: 0 auto;}

.container .content .right .inner .product { margin: 0 auto 20px auto; width: 130px; }
.container .content .right .inner .product a { color: gray; text-decoration: none; }
.container .content .right .inner .product .title { margin-top: 5px; text-align: center; font-size: 11px; font-weight: bold; }

.container .footer { background-color: #494646; font-size: 10px; margin-top: 10px; }
.container .footer .inner { padding: 10px; color: #fff; }
.container .footer .inner a { color: #fff; text-decoration: none; }
.container .footer .inner a:hover { text-decoration: underline; }
.container .footer .inner .links a { margin-right: 7px; }


.container .footer .inner .left { width: 740px; float: left; }
.container .footer .inner .right { width: 200px; float: right; }
.container .footer .inner .right p.contact { text-align: right; font-size: 14px; color: #FFCC00; }
.container .footer .inner .right p.contact a { color: #FFCC00; }

.container .footer .inner .left_bottom { width: 300px; float: left; }
.container .footer .inner .right_bottom { width: 300px; float: right; }
.container .footer .inner .cards { margin-top: 15px; text-align: right; }


.container .content .middle .inner .gallery { height: 100%; }
.container .content .middle .inner .gallery h3 { width: 50px; padding: 1px 10px; margin-bottom: -1px; font-size: 11px; font-weight: normal; border: 1px solid #dcdddd; border-bottom-color: #fff; position: relative; }
.container .content .middle .inner .gallery .main-img { margin-bottom: 10px; }
.container .content .middle .inner .gallery .more-img { overflow: auto; height: 105px; width: 380px; padding: 5px; margin: 0 auto; }
.container .content .middle .inner .gallery .imgs{width: auto; white-space:nowrap;}
.container .content .middle .inner .gallery .imgs img {margin: 0 5px 0 0;}
.container .content .middle .inner .gallery .nav { height: 14px; margin: 0; padding: 0; float: right; margin: -17px 0 0 0; }


/* fotogalerie */
.container .content .middle .inner #foto-scroller { width: 99%; margin: 0 0 40px 0; }
.container .content .middle .inner #foto-scroller img { margin:0 3px 0 3px; }
.container .content .middle .inner #foto-scroller span {padding: 2px 4px 2px 4px; cursor:pointer; font-size: 10px; }
.container .content .middle .inner #foto-scroller span:hover { border-color: #CC0000; color: #CC0000; }
.container .content .middle .inner #foto-scroller span.previous { display: block; float: left; margin: 35px 24px 0 0; position: relative; left: 10px;}
.container .content .middle .inner #foto-scroller span.next { display:block; float:left; margin:35px 0px 0 15px; }
.container .content .middle .inner #foto-scroller-items {	width: 380px; overflow:hidden; float:left; }
.container .content .middle .inner #foto-scroller-items-inner { white-space:nowrap; }
.container .content .middle .inner #foto-scroller-items-inner img { cursor:pointer; }


#mygallery{
margin: 0 auto;
width: 520px; 
}

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 520px; /*Width of Carousel Viewer itself*/
height: 360px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 520px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align: center;
}
.stepcarousel img{
text-align: center;
/*margin: 0 0 0 0px;*/
}

.backbutton
{
position: relative;
top: 50px;
left: 10px;
}
.forwbutton{
position: relative;
top: -70px;
left: 470px;
}
#banner1{
margin: 6px auto;
}

.filters{
width: 70%;
height: 40px;
float: right;
}

.filter{
background: url(images/filtr-bg.png) no-repeat;
height: 31px;
width: 162px;
float: left;
display: block;
margin: 0 0 0 20px;
}

.filter span{
margin: 0px 0 0 22px;
position: relative;
top: 5px;
}
.filter span a{
color: #999999 !important;
text-decoration: none;
}
.filter span a:hover{
text-decoration: underline;
}

.filter img{
position: relative;
top: 6px;
left: -16px;
float: right;
display: block;
margin: 0 0 0 8px;
}


#souhlas-holder {margin: 10px 0 15px 34px; line-height: 160%;}
#souhlas-holder input {position: relative; top: 2px;  } 
#souhlas-holder p { margin: 0 0 0 34px;}

.cp {position: relative; left: -43px; width: 631px !important;}