*{margin: 0; padding: 0;}
html {}
body{color: #2c5773; text-align: left; line-height: 1.6; font-family: Tahoma, sans-serif; font-size: 12px; background: #f2f2f2 url(../img/body_bgr.gif) repeat-x;}

/* obecne prvky */
h1, #ContentSection .title{display: block; font-family: Tahoma, sans-serif; font-size: 18px; margin: 5px 0; padding: 0; font-weight: normal; color: #2c5773;}
h2{font-family: Tahoma, sans-serif; font-size: 14px; margin: 5px 0; padding: 0; font-weight: bold; color: #2c5773;}
h3{font-family: Tahoma, sans-serif; font-size: 12px; margin: 5px 0; padding: 0; font-weight: bold; color: #2c5773;}
h4{font-family: Tahoma, sans-serif; font-size: 12px; margin: 5px 0; padding: 0; font-weight: normal; color: #2c5773;}

a{text-decoration: underline; color: #2c5773;}
a:hover{text-decoration: none;}

img{border: none;}
table, tr, td, th{border-style:solid; border-width:1px; border-collapse:collapse;}
table td, table th{padding: 2px 4px;}
.noborder, table.noborder, table.noborder tr, table.noborder td, table.noborder th{border: none !important;}
ul li, ol li{list-style-position: inside;}
input, select{}
hr{display: none;}
address{font-style: normal;}
fieldset{border: 1px solid #B7B7B2; padding: 3px;}

.right{float:right;}
.left{float:left;}
.center{text-align: center;}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}
.boxCenter{margin: 0 auto;}

.bold,.strong{font-weight: bold;}

.noDisplay, .printonly, #PrintSection{display:none;}
.correct, .clear{display: block; clear: both;}
.pointer{cursor: pointer;}

/* barvy informacnich textu */
.red{color: red;}
.green{color: #96C11E;}

/* zpravy */
.message{margin: 0 0 10px 0; padding: 5px 10px; color: #343434; font-weight: bold; border: 1px solid #343434;}
.message_info{color: #330099; border-color: #330099;}
.message_error{color: red; border-color: red;}
.message_ok{color: #51511F; border-color: #51511F;}

/* defaultni textove radky pro zobrazovani parametru, popisku, apod. */
.smallLineText{height: 13px; line-height: 13px; font-size: 10px; padding-bottom: 2px;}
.defaultLineText{height: 14px; line-height: 14px; font-size: 11px; padding-bottom: 3px;}
.midLineText{height: 15px; line-height: 15px; font-size: 13px; padding-bottom: 5px;}
.bigLineText{height: 17px; line-height: 17px; font-size: 14px; padding-bottom: 6px;}

/* defaultni vertikalni odstupy (margin-top) */
.smallMT{margin-top: 5px;}
.defaultMT{margin-top: 10px;}
.bigMT{margin-top: 15px;}

/* defaultni horizontalni odstupy (margin-top) */
.defaultMH{margin-left: 10px; margin-right: 10px;}
.bigMH{margin-left: 15px; margin-right: 15px;}

/**** zakladni layout stranky */
#PageTop{}
#Page{margin: 0px auto; width: 800px;}

/* hlavicka, hlavni navigace a vyhledavani */
#Header{position: relative; height: 120px;}
#HeaderImg{font-family: Arial, sans-serif; position: absolute; top: 0; right: -70px; width: 283px; height: 29px; line-height: 29px; padding: 60px 70px 31px 37px; background: url(../img/header_bgr.gif) no-repeat; font-size: 14px; font-weight: bold; color: #2c5773;}
#HeaderImg strong{font-size: 18px; color: #9ebe25;}
h1.logo, span.logo{display: block; position: relative; margin: 0; padding: 0; width: 224px; height: 120px; overflow: hidden;}
.logo img{position: absolute; left: 0; top: 0;}

#Nav{padding: 7px 20px 8px 10px; height: 25px;}
#Nav ul li{display:inline; list-style-type: none;}
#Nav a{display: block; float: left; padding: 0 12px; line-height: 25px; font-size: 12px; font-weight: normal; color: #2C5773; text-decoration: none; background: url(../img/bgr_nav.gif) ;}
#Nav a.sel{background-position: 0 -25px;}
#Nav a:hover{}

#SearchSection{}

/* layout ve stredni casti, leva cast se subnavigaci a obsahova cast */
#CenterSection{float: left; width: 800px; padding-bottom: 30px;}
#LeftSection{}

#SubnavSection{float: left; width: 178px;}
#SubnavSection ul{padding-bottom: 4px;}
#SubnavSection ul li{list-style-type: none;}
#SubnavSection ul li a{line-height: 27px; height: 27px;}
#SubnavSection ul li ul li{}
#SubnavSection ul li ul li a{}

#ContentSection, #ContentSectionWide{float: left; width:580px; min-height: 500px;}
#ContentSectionWide{width: 800px;}
#ContentSection[id], #ContentSectionWide{height: auto;}
#ContentSection ul, #ContentSectionWide ul{margin-left:17px; padding: 0 0 15px 0; line-height: 1.5;}
#ContentSection ul li, #ContentSectionWide ul li{list-style-position: outside; list-style-image: url(../img/li_bgr.gif); line-height: 21px;}


#RightSection{float: left; width: 220px; padding-top: 38px;}

#ReferenceSection{padding: 10px 0;}
#ReferenceSection .pageHead{padding: 0 0 0 20px;}
#ReferenceSection .description{padding-bottom: 20px;}
#ReferenceSection .item{float: left; width: 770px; background-color: #fff; margin-bottom: 15px;  padding: 7px 15px 15px 15px;}
#ReferenceSection .item .photo{width: 160px; height: 120px; float: left; margin: 10px 18px 0 0; border: 1px solid #DBDBDB; position: relative; display: table;}
#ReferenceSection .item .photo span{display: block; #position: absolute; text-align: center; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle;}
#ReferenceSection .item .photo span a{#position: relative;  #top: -50%; #left: -50%;}
#ReferenceSection .item .left{width: 589px;}
#ReferenceSection .item .foot{float: right; margin-top: 10px;}
#ReferenceSection .item .foot img{vertical-align: middle; padding-left: 5px;}

#ReferenceSection #ReferenceWindow{float: left; width: 760px; background-color: #fff; padding: 20px 20px 40px 20px; }
#ReferenceSection #PhotoBox{float: left; width: 320px; margin-right: 30px;}
#ReferenceSection #ReferenceDescription{float: left; width: 400px;}
#ReferenceSection #ReferenceDescription .head{padding: 5px 0 15px 0; color: #545454;}
#ReferenceSection #ReferenceDescription .head .green{color: #9EBE25;}
#ReferenceSection #ReferenceDescription .head .greenBgr{padding: 4px; background-color: #9EBE25; color: #fff;}
#ReferenceSection #ReferenceDescription .head .bold{font-weight: bold;}
#ReferenceSection #ReferenceDescription .foot{padding-top: 10px; color: #545454;}
#ReferenceSection #ReferenceDescription .foot span{color: #2F5975;}
#ReferenceSection #ReferenceDescription .prehled{margin-top: 20px;}
#ReferenceSection #ReferenceDescription .prehled img{vertical-align: middle; padding-left: 5px;}

#PhotoBox ul{margin: 0; padding: 0;}
#PhotoBox ul li{position: relative; display: table; width: 320px; height: 240px; list-style-image: none; list-style-type: none; border: 1px solid #DBDBDB;}
#PhotoBox .gallery li span{display: block; #position: absolute; text-align: center; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle;}
#PhotoBox .gallery a{#position: relative;  #top: -50%; #left: -50%;}
#PhotoBox .pagination{margin-top: 15px;}

#PhotoBox .left{width: auto;}
#PhotoBox .right{margin-top: 4px;}
#PhotoBox .indicator{text-decoration: none; padding: 0 2px; border: 1px solid #2c5773; font-size: 11px;}
#PhotoBox .sel{background-color: #2c5773; color: #fff;}

/* paticka, spodni cast */
#ReferenceRotator{clear: both; color: #757678; width: 670px; padding: 0 20px 0 110px; margin-bottom: 20px; height: 35px; line-height: 35px; background: #dbdbdb url(../img/reference_bgr.gif) no-repeat left top; overflow: hidden;}
#ReferenceRotator a, #Footer a{font-weight: bold;}
#ReferenceRotator ul{list-style-image: none; list-style-position: outside;}
#ReferenceRotator ul li{list-style-type: none;}


#Footer{clear: both; height: 35px; line-height: 35px; padding-left: 21px; font-size: 11px;}
#FooterLeft{}
#FooterRight{}

#PageBottom{}

/**** specificka obsahova cast - jednotlive varianty obsahu */
#PathSection{}

/* textove stranky */
#TextSection{padding: 10px 20px;}
#TextSection .big{padding: 25px 0 30px 0; font-size: 16px;}

/* textove boxy */
.box{}
.box .title{float: left; height: 27px; padding: 0;}
.box .title h2{display: none;}
.box .content{clear:left; float: left;  background-repeat: repeat-y;}
.box .foot{clear:left; float: left; height: 2px; background-repeat: no-repeat;}

#FormSection .box{width: 660px; }
#FormSection .box .bookmark{height: 25px; float: left; margin-right: 3px; font-size: 1px; color: #b6ce5b;}
.t_kontakt_form_sel{width: 151px; background: url(../img/but_kontaktni_formular_sel.gif) no-repeat bottom;}
.t_odeslat_odkaz{width: 112px; background: url(../img/but_odeslat_odkazl.gif) no-repeat; color: #d8d8d8 !important;}
.t_kontakt_form{width: 151px; background: url(../img/but_kontaktni_formular.gif) no-repeat bottom; color: #d8d8d8 !important;}
.t_odeslat_odkaz_sel{width: 112px; background: url(../img/but_odeslat_odkaz_sel.gif) no-repeat; }


#FormSection{clear: both;}
#FormSection .box .content{margin: 10px 0 0 0; padding: 20px 20px 20px 20px; background: #b6ce5a url(../img/bgr_green_box.gif) repeat-x; border-style: none solid solid solid; border-color: #9ebe25; border-width: 1px;}
#FormSection .box table, .box table td, .box table tr{border: none;}
#FormSection .box table label{display: block; padding: 5px 0 0;}
#FormSection .box table label span{font-weight: normal; color:red;}
#FormSection .box table .col1{width: 160px; text-align: right;}
#FormSection .box input{border: 1px solid #86a513; padding: 2px 2px;}
#FormSection .box input.txt{height: 16px; width: 295px;}
#FormSection .box textarea{border: 1px solid #86a513; margin-bottom: 10px;}
#FormSection .box .captcha img{vertical-align: middle;}
#FormSection .box .foot{width: 660px; height: 3px; background: url(../img/bgr_green_box_bottom.gif) no-repeat;}


#FormSection .box .kod{width: 60px !important; padding: 2px; height: 20px; padding: 0;} 
#FormSection .box .botRow{float: left;}
#FormSection .box .submit{width: 92px !important; padding: 2px; height: 25px; float: right; background: url(../img/but_odeslat.gif) no-repeat; cursor: pointer; border: none; font-size: 1px; color: #35607b;}

/* konkretni box */
#RightSection .box .title{}
#RightSection .box .t_kontakty{width: 94px; background-image: url(../img/t_kontakty.gif);}
#RightSection .box .content{color:#fff; padding: 8px 22px 16px; background-image: url(../img/box_related_content.gif); width: 176px;}
#RightSection .box .content strong{display: block; color: #2c5773; padding: 7px 0 3px 0;}
#RightSection .box .foot{width: 220px; height: 2px; background-image: url(../img/box_related_foot_bgr.gif);}


/* fotogalerie */
#PhotoSection{}

/* produkty */
#ProductSection{}