*{margin: 0; padding: 0;}
html {}
body{color: #000000; text-align: justify; font-family: Arial; font-size: 12px;}

/* obecne prvky */
h1{font-family: Arial, sans-serif; font-size: 23px; margin: 2px 0 7px 0; padding: 0; font-weight: bold; color: #D50000;}
h2{font-family: Arial, sans-serif; font-size: 18px; margin: 5px 0; padding: 0; font-weight: bold; color: #D50000;}
h3{font-family: Arial, sans-serif; font-size: 15px; margin: 6px 0 5px; padding: 0; font-weight: bold; color: #D50000;}
h4{font-family: Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 0; font-weight: normal;}

a{text-decoration: none; color: #cc0000;}
a:hover{text-decoration: underline;}
a:hover img{text-decoration: none;}

img{border: none;}
table, tr, td, th{border-collapse:collapse;}
table td{padding: 2px 4px;}
ul li, ol li{list-style-position: inside;}
input, select{}
hr{display: none;}
address{font-style: normal;}

.bold{font-weight: bold;}
.right{float:right;}
.left{float:left;}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}

.noDisplay, .printonly{display:none;}
.correct{clear: both;}

.red{color: #cc0000;}

.underline_red{border-bottom: 1px solid #cc0000; padding-top: 4px;}

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

/* hlavicka, hlavni navigace a vyhledavani */
#Header{width: 1024px; height: 160px; background: url(../img/header_bgr.jpg) no-repeat;}
#HeaderIN{width: 1024px; height: 160px;}
#Header #Logo{padding: 11px 0 0 21px; }
#Header #Logo .logo{float: left; padding-right: 15px;}
#Header #Logo address{font-family: Arial Narrow, Arial, sans-serif; font-size: 16px; color:#fff; font-weight: bold;}
#Header #Logo .title{font-family: Arial; display: block; padding: 20px 0 5px 0; font-size: 24px;}
#Header #Logo .ico{vertical-align: -2px;}

#Nav{clear: both; float: left; padding: 0 20px 0 12px; height: 30px; _position: relative;}
#Nav ul li{display:inline; list-style-type: none;}
#Nav a{display: block; float: left; height: 25px; margin: 5px 0 6px 0; padding: 4px 12px 3px 12px; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none;}
#Nav a.sel{color: #2a0001; background-color: #fff;}
#Nav a:hover{}

/* layout ve stredni casti, leva cast se subnavigaci a obsahova cast s pridruzenou casti */
#CenterSection{position: relative; float: left; width: 1024px; background: #fff url(/photos/layout-photos/left.jpg) no-repeat;}
#CenterSectionIN{float: left; width: 1024px; background-repeat: no-repeat;}
#LeftSection{float: left; width: 217px;}
#ContentSection{float: right; width:786px; padding: 0 21px 70px 0; _padding-bottom: 85px; min-height: 530px; height: 530px; background: url(../img/content_section_bgr.jpg) no-repeat right top;}
#ContentSection[id]{height: auto;}

#ContentSection_IN{float: left; min-height: 530px; height: 530px; /* background: url(../img/content_section_in_bgr.gif) repeat-y right; */}
#ContentSection_IN[id]{height: auto;}

#ContentSection table, #ContentSection tr, #ContentSection td, #ContentSection th{border-color: #000}
#ContentSection table{margin: 15px 0;}
/* pridruzena cast a sekce s novinkama */
#RelatedSection{float: right; width: 176px; border-left: 1px solid #cc0000; margin-top: 7px; padding-left: 15px; margin-bottom: 10px;}

#NewsSection{padding: 0 15px 0 22px; margin-bottom: 20px; float: left; background: url(../img/news_bgr.gif) repeat-y; }
#NewsSection h2{text-align: center; margin: 0; padding: 5px 0 20px; background-color: #fff;}
.newsCol{float: left; width: 185px; overflow: hidden; _padding-bottom: 10px;}
.newsCol .item{clear: both; padding: 0 13px 18px; font-size: 10px; text-align: left;}
.newsCol .right{margin-right: 10px; width: 80px; text-align: right;}

.newsRow{border-bottom: 1px solid #cc0000; _border-top: 1px solid #fff;}
.newsRow h2{padding: 3px 0; width: 590px;}
.newsRow h2 a{color: #000}
.newsRow .item{clear: both; padding: 10px 0 5px; text-align: left; border-bottom: 1px solid #cc0000;}
.newsRow .footer, .backLink{padding: 8px 0 5px;}
.newsRow img{float: right; clear: left; margin-left: 20px; margin-bottom: 15px; border: 1px solid #cc0000;}
.newsRow img.vyrobceimg{clear: none; border: none; float: right; margin: 0; padding: 0 0 10px 0;}

/*
.col1{border-right: 1px solid #cc0000;}
.col2{border-right: 1px solid #cc0000;}
.col3{border-right: 1px solid #cc0000;}
.col4{border-right: 1px solid #cc0000;}
*/

#RelatedSection .item {clear: both; padding: 0 18px 18px 0; font-size: 10px; text-align: left;}
#RelatedSection h3{margin-bottom: 7px; margin-top: 0px;  border-bottom: 1px solid #cc0000; float: left;}
#RelatedSection .item .title, .newsCol .item .title{float: left; font-size: 11px; font-weight: bold; color: #000; margin:0; padding: 0;}
.newsCol .item .title{clear: both; padding-top:8px; float: none; font-size: 11px;}
.newsCol .item .title a{color:#000; }
#RelatedSection .item .date, .newsCol .item .date{float: right; font-size: 12px; font-weight: bold; color: #000000; margin:0; padding: 0;}
#RelatedSection .item .content, .newsCol .item .content{clear: both; padding: 3px 0 5px 0; &padding-top: 5px;}
#RelatedSection .item .footer, .newsCol .item .footer{clear: both;}
#RelatedSection .item .footer a, .newsCol .item .footer a{color: #cc0000;}
#RelatedSection .last{padding-bottom: 0 !important;}

#SubnavSection{float: left; width: 202px; padding: 25px 0 265px 15px;}
#SubnavSection ul{padding: 0; margin: 0;}
#SubnavSection ul li{list-style-type: none; _height: 29px; list-style-position: outside; padding: 0; margin: 0; _margin-bottom: -3px;}
#SubnavSection ul li ul{_margin-bottom: 3px;}
#SubnavSection ul li a{padding-left: 10px; display: block;  background: url(../img/subnav_L0_bgr.gif) no-repeat right bottom;}
#SubnavSection ul li a.sel{background-color: #fff; color: #2a0001;}
#SubnavSection ul li a{line-height: 27px; height: 27px; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold;}
#SubnavSection ul li a:hover{}
#SubnavSection ul li a.sel{position: relative; top: -1px;}
#SubnavSection ul li ul li a{padding-left: 25px; font-size: 14px; background: url(../img/subnav_bgr.gif) no-repeat right bottom;}
#SubnavSection ul li ul li ul li a{margin-left: 30px; font-size: 14px;}
#SubnavSection ul li ul li ul li ul li a{margin-left: 40px; font-size: 13px;}

/* sekce neprehlednete */
#ExtraLinkSection{clear: both; bottom: 0; left: 0; width: 177px; /*height: 200px;*/ overflow: hidden; padding: 25px 20px 25px 20px;}
#ExtraLinkSection span{ border-bottom: 1px solid #000000; display: block; font-size: 18px; margin:0; padding: 0 0 5px 0; font-weight: bold; text-align: left;}
#ExtraLinkSection span a{color: #343434;}
#ExtraLinkvSection ul{padding-bottom: 4px;}
#ExtraLinkSection ul li{list-style-type: none; list-style-position: outside; border-bottom: 1px solid #000000;}
#ExtraLinkSection ul li a{line-height: 20px; color: #000000; text-decoration: none; font-size: 12px; font-weight: normal; }
#ExtraLinkSection ul li a:hover{text-decoration: underline;}
#ExtraLinkSection ul li ul li{}
#ExtraLinkSection ul li ul li a{}

/* paticka, spodni cast */
#Footer{position: absolute; bottom: 0; right: 0; border-top: 1px solid #990000; clear: right; color: #990000; float: right; height: 60px; width: 786px; padding: 5px 21px 0 0; font-size: 14px; overflow: hidden; line-height: 21px;}
#Footer .bold{display: block; padding-top: 5px;}
#Footer img{float: left; padding: 0 10px 0 24px;}
#Footer img.ico{float: right; padding: 10px 0 0 10px;}
#FooterLeft{}
#FooterRight{}

#PageBottom{}

/**** specificka obsahova cast - jednotlive varianty obsahu */
#MainContentSection{}
#PathSection{width:776px; padding-left: 10px; height: 25px; background: url(../img/path_bgr.jpg) no-repeat left bottom;}
#PathSection, #PathSection a{color: #cc0000; font-size: 15px; font-weight: bold; line-height: 23px; }

/* defaultni stranka */
#DefaultSection{float: left; width: 735px; margin: 25px; display: inline; overflow: hidden;}
.ds2{padding-top: 10px !important;}

/* textove stranky */
#TextSection{float: left; width: 515px; padding: 25px; padding-right: 35px; overflow: hidden;}

/* detail novinky */
#NewsDetail, #ProductDetail{padding-right: 20px;}
#NewsDetailImg{float:left; padding: 70px 0 0 0; width: 250px;}
#NewsDetailImg img{border: 1px solid #cc0000;}
.itemphoto {clear: both; margin-left: 20px; margin-bottom: 20px;}
.itemphotoBig {margin-bottom: 20px; margin-left: 20px;}

/* fotogalerie */
#PhotoSection{}

/* produkty */
#ProductSection{padding: 25px; overflow: hidden;}

.vyrobceimg{padding-bottom: 20px;}

#ProductSection .item{float: left; clear: both; margin-top: 5px; width: 735px; border-top: 1px solid #cc0000;}
#ProductSection .item img.right{margin-left: 15px;}

#ProductSection .item .title{height: 34px; line-height: 28px;}
#ProductSection .item .title *{cursor: pointer;}
#ProductSection .item .title h2{float: left; margin: 0; font-size: 14px;}

#ProductSection .item .content{display: none;}

#ProductSection .item .photo{float: left; width: 153px; height: 200px; margin: 5px 30px 10px 0; overflow: hidden;}
#ProductSection .item .photo .head{height: 100px; text-align: center; margin-bottom: 5px; overflow: hidden;}

#SelectArea{padding: 5px 25px 5px 25px;}
#SelectArea select, #SelectArea input{border: 1px solid #CC0000; color: #CC0000; margin-right: 15px; padding: 2px; font-size: 14px; line-height: 30px; background-color: #fff;}
#SelectArea select{float: left;}
#SelectArea input{cursor: pointer; float: right; margin-right: 0; padding-top: 0; line-height: 20px; height:25px;}
.selHolder{display: inline;}
.selHolder #vyrobce{float: right;}

/* strankovani */
p.pagination, #Pagination{clear: both; padding: 7px 0; margin-top: 30px; text-align: center; line-height: 25px; border-top: 1px solid #cc0000;}
.pagination img, #Pagination img{vertical-align: -8px;}
.pagination item, .pagination strong{margin: 0 4px;}
#Pagination{margin: 0 25px;}

/* skryti profileru */
#kohana-profiler{display: none;}