BODY{font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:12px; padding:0; margin:0; text-align: center; color: #4f4f4f; background-color: #ffffff;}

H1{font-size:23px; margin:15px 0 15px 0;}
H2{font-size:17px; margin: 13px 0 7px 0; padding: 0; font-weight: normal; clear: both; color: #7ebd48;}
H3{font-size:11px; margin: 7px 0 5px 0; padding: 0; font-weight:bold; color: #ff7b1d;}
H4{font-size:11px; margin: 5px 0 3px 0; padding: 0; font-weight:normal; color: #ff7b1d;}
H5{font-size:11px; margin: 5px 0 3px 0; padding: 0; font-weight:normal; color: #ff7b1d;}
H6{font-size:10px; }
legend{ font-size:11px;}
address{margin:0; padding:0; font-family: Verdana, sans-serif; font-style:normal; font-size: 11px; line-height: 1.3;}

/* obecne tridy */
.language{font-size:10px;}
.copy{font-size:10px;}
.path{font-size:10px;}

img{border: 0;}
.right{float:right;}
.left{float: left;}

.correct{clear: both; width: 1px; height: 1px; visibility: hidden; _display: inline;}
.clearDiv{clear: both;}

a{text-decoration:underline; color: #28558A;}
a:hover{text-decoration:none; color: #28558A;}

/* formatovani, styly textu - obecne */
.bold{font-weight: bold;}
.blue{color: #009dc1;}

/* Tabulky */
table, tr, td, th{border-style:solid; border-width:1px; font-size:12px;border-collapse:collapse; border-color: #949494;}
th{background-color: #e7e7e7; color: #ffffff;}
th, td{padding: 3px;}

/* Formular */
form{display: block; padding: 10px 0 0 0 ; overflow: hidden; margin:0}
.form fieldset{border-style: solid; border-width: 1px; padding: 5px; border-color: #e7e7e7; background-color: #ffffff;}
.form legend{margin-left: 10px; border-style: solid; border-width: 1px; padding: 4px 6px; font-weight: bold; font-family: Verdana, sans-serif; font-size:12px; border-color: #e7e7e7; background-color: #e7e7e7; color: #ffffff;}
.form label{ clear: both; padding: 5px 0; text-align:right; display:block; color: #28558A;}
.form label.checkbox{padding: 3px 0;}
.form input, .form select{margin: 5px 0; height: 20px; width: 150px; float: left; height: 18px; font-family: Verdana, sans-serif; font-size:12px;}
.form input.checkbox{width: auto; height: auto; border: none; margin:8px 0; vertical-align:middle;}
.form select{height: 20px; min-width: 150px; width: auto;}
.form input, .form textarea, .form select{border: 1px solid #28558A;}

.form .need{color: red; font-weight:normal;}
.form textarea{margin: 5px 0; float: left; width: 240px; font-family: Verdana, sans-serif; font-size:12px;}
.form .kontrolni_retezec{clear: both;}
.form input.captcha{width: 50px; margin-right: 25px;}
.form img.captcha{width: 135px; height : 22px; float: left; margin-top: 4px;}
.form .needStr{clear: left; padding-top: 10px;}
.form h4{float:left; display:block;}
.form table{float:left;border:none; background:none; color:#000000; width:100%;}
.form table TH{text-align:right;width: 130px; vertical-align:top; padding-right:5px;}
.form table TH span{font-weight:bold;}
.form table TD, .form table TH, .form table TR{background:none; border:none;color:#464646; font-weight:normal; font-size:12px;}
.form DIV.right{padding:3px 10px 10px 0;}
.form .buttonIe{display:inline;  width:auto; overflow:hidden; padding:8px 0 0 0; =padding-top:0; background-color: #28558A;_color:#FFFFFF; border: #5879A2 2px solid;}
.form .button{ float: none;  padding:0; width:auto;  overflow: visible; cursor: pointer; line-height:normal;  font-weight: normal; background-color: #28558A; color:#FFFFFF; border: #5879A2 3px double; border:none;}

/***********************************************************************/

#PrintBox
{
    display: none;
}


#MainBox
{
    width:770px;
    margin:0 auto;
    background-image: url(../img/mainboxbg.gif);
    background-repeat: repeat-y;
    text-align: left;
}

/* Jazykovka */
#LangBox
{
    color: #D0D0D0;
    background-color: #F4F4F4;
    text-align: right;
    padding:5px 8px 5px 0;
    font-size: 9px;
    width:742px;
    margin-left:10px;
    text-transform: uppercase;
}

/* Hlavicka */
#HeadBox
{
    background-image: url(../img/headbg.png);
    background-repeat: no-repeat;
    width: 750px;
    height: 148px;
    margin: 0 0 -17px 10px;
    z-index:1;
        position: relative;
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vsport.loi.cz/web/vsport/img/headbg.png", sizingMethod="crop");
}


#HeadBox img
{
    position: absolute;
    left:17px;
    top:61px
}

#HeadBox p
{
    top:51px;
    left:430px;
    position: absolute;
    color: #FFF;
    font-size: 22px;
    margin:0;
    padding:0;
    position:relative;
    width:289px;
    height:56px;
    overflow:hidden;
}

#HeadBox p span
{
      display:block;
      position:absolute;
      left:0;
      top:0;
      z-index:1;
      width:289px;
      height:56px;
      margin:0;
      padding:0;
      background:url("../img/motto.jpg") top left no-repeat;
}

#CenterBox
{
    background-image: url(../img/centerboxbg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding:0 10px;
    padding-bottom: 170px;
    _height:1px;
}

/*** LEVA ***/
#CenterBoxLeft
{
    width:245px;
    float: left;
}

/* LEVA - Leve menu */
#CenterBoxLeft #MenuBoxLeft
{
    background-color: #F4F4F4;
    padding-top:14px;
    =padding-top:24px;
}

#CenterBoxLeft #MenuBoxLeft h2
{
    color: #184476;
    padding:0 0 0 90px;
    position:relative;
    width:138px;
    height:18px;
    overflow:hidden;
}

#CenterBoxLeft #MenuBoxLeft h2 span
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:138px;
    height:18px;
    margin:0;
    padding:0;
    margin:0 0 0 90px;
    background:url("../img/menuh2.jpg") top left no-repeat;
}

#CenterBoxLeft #MenuBoxLeft #LeftMenu
{
    list-style-type: none;
    padding:0;
    margin:0;
    padding-left:4px;
    _height:1px;
}

#CenterBoxLeft #MenuBoxLeft #LeftMenu ul
{
    list-style-type: none;
    padding:0;
    margin:0;
    padding-left:4px;
    _height:1px;
}

/* LEVA - Leve menu - 1 uroven */
#CenterBoxLeft #MenuBoxLeft #LeftMenu ul li
{
    background-image: url(../img/leftmenustyle.gif);
    background-repeat: no-repeat;
    background-position: 8px 13px;
    padding:8px 0;
    padding-left:19px;
    border-bottom:1px dotted #DDDDDD;
}

#CenterBoxLeft #MenuBoxLeft #LeftMenu ul li a.sel
{
    color: #D20C0C;
}

#CenterBoxLeft #MenuBoxLeft #LeftMenu ul li a
{
    text-decoration: none;
    font-weight: bold;
}

#CenterBoxLeft #MenuBoxLeft #LeftMenu ul li a:hover
{
    color: #D20C0C;
    text-decoration: underline;
}

/* LEVA - Leve menu - 2 uroven */
#CenterBoxLeft #MenuBoxLeft #LeftMenu ul ul
{
    list-style-type: none;
    padding:0;
    margin:0;
    padding-left:4px;
}

#CenterBoxLeft #MenuBoxLeft #LeftMenu ul ul li
{
    background-position: 8px 9px;
    padding:4px 0;
    padding-left:19px;
    border-bottom:none;
    font-size: 11px;
    margin:5px 0 -5px 0;
}

/* LEVA - Informacni box pod levym menu */
#CenterBoxLeft #InfoBox
{
    color: #585858;
    font-size:9px;
    margin:20px 0 0 20px;
}

#CenterBoxLeft #InfoBox A
{
    color: #D20C0C;
}

/*** PRAVA ***/
#CenterBoxRight
{
    width:505px;
    float: right;
    min-height:350px;
}
#CenterBoxRight #TopMenuBox
{
    height: 35px;
    _margin-top:-10px;
    position: relative;
    z-index: 0;
}

    
    
#CenterBoxRight #TopMenuBox .TopMenu
{
    margin:0;
    padding:0;
    float:right;
    padding-right:6px;
    list-style-type: none;
    /*border:solid 1px red;*/
}

#CenterBoxRight #TopMenuBox .TopMenu li
{
    float: left;
    margin:0;
    padding:0 1px;
}

#CenterBoxRight #TopMenuBox .TopMenu li a
{
    font-size: 11px;
    border: 1px solid #E4E7E5;
    border-top:none;
    background-color: #F2F2F2;
    padding: 14px 10px 7px 10px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#CenterBoxRight #TopMenuBox .TopMenu li a:hover
{
    color: #D20C0C;
}

/* Obsah */
#CenterBoxRight #ContentBox
{
    clear: both;
    padding:10px 37px 0 50px;
    font-size: 10px;
}

#CenterBoxRight #ContentBox H1
{
    font-size: 22px;
    color: #D20C0C;
    font-weight: normal;
}

#CenterBoxRight #ContentBox H2
{
    font-size: 14px;
    color: #D20C0C;
    font-weight: bold;
    margin:20px 0 8px 0;
}

#CenterBoxRight #ContentBox P
{
    font-size: 10px;
    color: #2D2D2D;
    margin:8px 0;
}

#CenterBoxRight #ContentBox A
{
    color: #D20C0C;
}

#CenterBoxRight FORM
{
    width:100%;
}

#CenterBoxRight FORM FIELDSET
{
    border:none;
    border-top:6px solid #D6D6D6;
    border-bottom:1px solid #D6D6D6;
    background-color: #FBFBFB;
}

/* články */
.back{clear: both; padding: 20px 0; float: right;font-size:10px;}
.img_clanek{float: left; padding: 1px; margin: 0 10px 5px 0; border:1px solid #D6D6D6;}

/* fotogalerie, seznam článků - konstrukce, zaji‘ťující polohu list boxu na spodu ListItems */

#ListItems{position: relative; min-height: 250px; height: 250px; padding-bottom: 25px; border-bottom: 1px solid #ffffff;}
#ListItems[id]{height: auto;}

.ListBox{/*position: absolute; bottom: 0; left: 0;*/ width: 100%; height: 28px; border-style: none none solid none; border-width: 1px; overflow: hidden; font-size: 10px; border-color:#D5D5D5;}
.ListBox div{padding: 6px 10px;}
.ListBoxLeft{float: left;}
.ListBoxRight{float: right;}
/*úprava spodního list boxu*/
.LBBottom{border-top: none; margin-top:-1px; _margin-top:0;}

#ContentPhotoBox {float: left;  padding: 0 0px 10px 9px; overflow-x: hidden;}
.photo_box1{cursor: pointer; display: block; float: left; width: 107px; _width:106px; height: 146px; margin-right:8px; margin-top: 10px; border-style: solid; border-width: 1px; padding: 0; overflow: hidden;}
.photo_box1_photo{cursor: pointer; margin: 0; border: 2px solid #ffffff; display: block; height: 106px; width: 103px; overflow: hidden; background-position: center center; background-repeat: no-repeat;}
.photo_box1_photo img{cursor: pointer; display: none;}
.photo_box1_photo div{cursor: pointer; background-position: center center; width: 107px; _width:106px; height: 110px; background-repeat: no-repeat;}
.photo_box1_text{line-height: 16px; display: block; width: 103px; height:29px; padding: 3px 2px 6px 2px; text-align: center; overflow: hidden; font-size: 11px;}

/*** OBSAH - Fotografie ***/
#CenterBoxRight #ContentBox .list_item_box{position: relative; background-color: #FBFBFB;  border-bottom: solid 1px #D5D5D5; border-top: solid 6px #D5D5D5; padding: 10px; padding-bottom:22px; =padding-bottom: 0; margin-bottom: 12px;}
#CenterBoxRight #ContentBox .list_item_box h2{margin-top: 0; padding-top:0;}
#CenterBoxRight #ContentBox .list_item_box img{float: left; border: solid 1px #D6D6D6; padding: 1px; margin: 0 10px 0 0; position:relative;}
#CenterBoxRight #ContentBox .list_item_box span{ width:100%; text-align:right; position:absolute; =position:relative; bottom:7px; display:block;  margin-top:7px; right:10px;}

#InfoProductBox{border-width: 1px; border-style: none none solid none; padding-bottom: 6px; margin: 0 0 0 0; border-color:#D5D5D5;}
#InfoProductBox_product{border-width: 1px; border-style: none none solid none; padding-bottom: 13px; margin: 0 0 0 0;border-color:#D5D5D5;}

/*** PRODUKTY ***/
#ContentBox #ProductList
{
    width:100%;
    border:none;
    border-top:1px solid #F4F4F4;
    border-bottom:1px solid #F4F4F4;
    font-size: 10px;
}

#ContentBox #ProductList tr
{
    border:none;
}

#ContentBox #ProductList th
{
    background-color: #FBFBFB;
    color:#3C5687;
    border:none;
    font-size: 10px;
    padding:15px 0;
}

#ContentBox #ProductList th.first, #ContentBox #ProductList td.first
{
    padding-left:9px;
}

#ContentBox #ProductList th.last, #ContentBox #ProductList td.last
{
    padding-right:9px;
    text-align: right;
}

#ContentBox #ProductList td
{
    border:none;
    border-top:1px solid #F4F4F4;
    font-size: 10px;
    padding:7px 0;
}

#ContentBox #ProductList td h2
{
    margin:0;
    font-size: 10px;
    font-weight: normal;
}

/* produkty */
.photo_box1_productDetail{cursor: pointer; display: block; float: left; width: 96px; height: 96px;  margin-bottom: 6px; border-style: solid; border-width: 1px; padding: 0; overflow: hidden;}
.photo_box1_productDetail.left{margin:0; margin-bottom: 6px; margin-right:4px; }
.photo_box1_productDetail.right{margin-right:0;}
.photo_box1_productDetail.main{width: 200px;height:150px;}
.photo_box1_productDetail.main .photo_box1_photo_product{width: 200px; height:150px;}
.photo_box1_photo_product{cursor: pointer; margin: 0;  display: block; height: 96px; width: 96px; overflow: hidden; background-position: center center; background-repeat: no-repeat;}
.photo_box1_photo_product img{cursor: pointer; display: none;}
.photo_box1_photo_product div{cursor: pointer; background-position: center center; width: 96px;  height: 96px; background-repeat: no-repeat;}


.product_line_box{border-bottom-width: 1px; border-bottom-style: solid; _padding-bottom: 12px;}
.product_line_box h2{padding: 0 0 4px 0;}
.product_line_box img {float: left; border-width: 1px; border-style: solid; margin: 0 10px 0 0;}
.product_line_box .kategorie{margin-bottom: 6px; font-size:10px;}
/*.product_line_box .text{display: block; float: left; width: 132px;}*/
.product_line_box .text{}
.product_line_box .detail{height: auto; float: right; padding-top: 10px; font-weight: bold; text-align: right;}
.product_box_left{overflow: hidden; float: left; width: 228px; border-right-width: 1px; border-right-style: solid; padding: 0 10px 10px 0; margin-bottom: -2px; _margin-bottom: -13px; }
.product_box_right{position: relative; left: -3px; overflow: hidden; float: right; width: 224px; border-left-width: 1px; border-left-style: solid;  padding: 0 0 10px 14px; margin-bottom: -2px; _margin-bottom: -13px; }

#ProductBoxDetail{width:400px; padding:20px 12px 20px 12px; background-color:#FBFBFB; border-top:7px solid #D5D5D5; border-bottom:1px solid #D5D5D5; font-size: 10px; color:#595959; }
#ProductBoxDetailLeft{float: right; width: 202px; _padding-bottom: 10px;}
#ContentBox #ProductBoxDetailLeft a.thickbox.photo_box1_productDetail
{
    border: 1px solid #DCDCDC;
    background-color: #FFF;
}

/*
#ProductBoxDetailLeft img.main{border-width: 1px; border-style: solid; margin-bottom: 10px;}
#ProductBoxDetailLeft img{border: none;}
#ProductBoxDetailLeft .PhotoBox.left{ float: left; margin:0 6px 6px 0; _margin: 3px 1px;}
#ProductBoxDetailLeft .PhotoBox.right{ float: left; margin:0 0 6px 0; _margin: 3px 1px;}

#ProductBoxDetailLeft .PhotoBox{ width:96px;  text-align:center; height:96px;  }

#ProductBoxDetailLeft .PhotoBox A IMG{ margin: 0 !important; padding:0; border:none !important; }
#ProductBoxDetailLeft .PhotoBox P{margin: 0 !important;   }

#ProductBoxDetailLeft .ImgBox{height:96px;   #position:relative; width:96px; display:table; }
#ProductBoxDetailLeft .ImgBox A{#position: relative; #top: -50%; #left:-50%;}

#ProductBoxDetailLeft .ImgBoxIN{ #position: absolute; #top: 51.5%; _top: 51%; #left:50%; _left:51%; margin:0 auto; display:table-cell; vertical-align:middle; }
#ProductBoxDetailLeft .ImgBoxIN A{}
#ProductBoxDetailLeft .ImgBoxIN A IMG{}
*/
#ContentBox #ProductBoxDetailLeft{min-height: 120px; height:auto; height: 120px;}
#ContentBox #ProductBoxDetailLeft[id]{height: auto;}
#ContentBox #ProductDetailProperities{font-size:12px; margin:0; border:none; color:#3C5687; margin-top:40px; font-size: 10px;}
#ContentBox #ProductDetailProperities TR{border:none; vertical-align:top;}
#ContentBox #ProductDetailProperities TH{text-align:left; background:none;  border:none; color:#3C5687; width: 50px; border:none;  font-size:10px; vertical-align: top;}
#ContentBox #ProductDetailProperities TD{border:none; font-size:10px;}
#ContentBox #ProductBoxDetail h3{clear: both; padding-left: 10px; _padding-top: 3px; margin-top: 10px; border:none; color:#3C5687;}

#ContentBox #ListBox2Product{  border:none;  clear:both; }

#ListBox2{bottom: 0; left: 0;  border-style: solid none none none; border-width: 1px; clear:both; border-color:#D5D5D5; }

#ListBox2 div{}
#ListBox2Left{float: left; width:45%; margin:8px 0 0 0px;}
#ListBox2Right{float: right; width:45%; margin:8px 0px 0 0; text-align:right;}
#ListBox2 #ListBox2Right ,#ListBox2 #ListBox2Left, .list_item_box span, .product_line_box .detail {font-size:10px; font-weight:normal;}




/* Paticka */
#BottomBox
{
    width:750px;
    margin:0 auto;
    =margin:5px auto;
    text-align:left;
    font-size: 9px;
}

#BottomBox *
{
    color:#979797;
}

#BottomBox #BottomBoxINLeft
{
    float:left;
    width:33%;
}

#BottomBox #BottomBoxINCenter
{
    float:left;
    width:33%;
    text-align:center;
}

#BottomBox #BottomBoxINRight
{
    float:left;
    width:33%;
    text-align:right;
}