/* Edited by Tschikko - 09/11/09 */
* {padding: 0; margin: 0; border: 0;}
p em object {position: relative; left: -8px; height: 261px !important;}
body {background: url("images/web/body_bg.gif"); padding: 0; margin: 0; font-family: "Arial","Tahoma";
 font-size: 13px; color: #343434; line-height: 18px;}
h1, h2, h3 {padding: 0; margin: 0;}
h1 {font: bold 24px "Arial"; color: #f9842f; padding: 18px 0 12px 0;}
h2 {font: bold 18px "Arial"; color: #343434; padding: 15px 0 10px 0;}
h3 {font: bold 13px "Arial"; color: #f9842f; padding: 12px 0 8px 0;}
p {padding: 11px 0;}
a {color: #e24b01;}
ul, ol {margin: 0 0 0 15px; padding: 0;}
ul {list-style: none; }
table td {margin: 0; padding: 5px;}
table td p {padding: 0;}
form table td, form table td p {padding: 0; margin: 0;}
#VypisObsahu ul li {padding: 0 0 0 18px; background: url("images/web/sipka_li.gif") 4px 6px no-repeat;
 line-height: 20px;} 
p em img {position: relative; left: -8px; top: -11px;}
input, input[type="text"], textarea {background: #fbeb9f; border: 0;}
input[type="submit"] {background: none; background: #ffd633; border: 2px solid #d6ba00; font-weight: bold; padding: 2px 5px;}
#Search input {border: 0;}

.default {cursor: pointer;}
.TabPruh {background: #fff494;}

.Clearer {clear: both;}

#OuterContent {background: url("images/web/main_bg.jpg") center top no-repeat; padding-bottom: 20px;}
#InnerContent {width: 971px; margin: 0 auto; padding-top: 190px; position: relative;}

#Header {background: url("images/web/header_bg.png") left -31px no-repeat; height: 190px; width: 971px; position: absolute; top: 0; left: 0;/* overflow: hidden;*/}
#Lang {float: right; margin: 17px 13px 0 0;}
#Lang img {margin-left: 5px;}
#Flash {width: 333px; height: 127px; float: left; margin-top: 32px;}
#Flash a {width: 333px; height: 127px; display: block; background: url("images/web/logo.jpg") center 15px no-repeat;}
#Motto {clear: right; float: right; color: #ffffff; font: italic 14px "Tahoma"; margin: 29px 15px 0 0;}

form#Search {padding: 0; margin: 12px 15px 0 0; clear: right; float: right; font: 11px "Tahoma"; color: #666666;}
.FormText {padding-left: 15px;}         
.FormText input {background: url("images/web/search_text.gif") right top no-repeat; width: 139px; height: 21px; padding: 3px 0 0 5px;}
.FormBtn {padding-left: 8px;}
.FormBtn input {background: url("images/web/search_btn.gif") no-repeat; width: 22px; height: 21px; margin-top:-2px;}

#HorniMenu {float: right; clear: right; margin: 20px 10px 0 0; background: url("images/web/menuhoriz_li.gif") repeat-x; width: 628px; height: 46px;}
ul#menuHoriz {background: url("images/web/menuhoriz_left.jpg") left top no-repeat; padding: 0 0 0 30px; list-style: none; width: 603px; height: 46px;
 margin: 0;}
/**/
ul#menuHoriz ul {display: none; position: absolute; top: 46px; left: -17px; list-style: none;}
#menuHoriz li li {clear: both; float: left;}
#menuHoriz ul ul {left: 100%; top: 0px;}
#menuHoriz li li:hover {background: #2648a0;}
#menuHoriz li:hover > ul { display: block;}
/**/
ul#menuHoriz li {background: url("images/web/menuhoriz_li.gif") repeat-x; float: left; position: relative;}
ul#menuHoriz li:hover {background: url("images/web/menuhoriz_li.gif") left -46px repeat-x;}
ul#menuHoriz li a {background: url("images/web/menuhoriz_a.gif") right top no-repeat; height: 26px; padding: 20px 14px 0 14px; color: #4a4a4a; text-decoration: none;
 font: 11px "Arial"; display: block; float: left; text-transform: uppercase;}

/**/
ul#menuHoriz li li {background: url("images/web/menuhoriz_ul_ul.png");}
ul#menuHoriz li li:hover {background: url("images/web/menuhoriz_ul_ul.png");}
ul#menuHoriz ul li a {display: block; text-align: left; width: 170px; height: 22px; padding: 7px 0 0 5px; background: none;}
/**/ 
ul#menuHoriz li a:hover {color: #000000;}
#menuHoriz li li a:hover {background: #4a4a4a; color: #ffc70d;}                                                

#LeftSide {width: 333px; position: absolute; left: 0; top: 190px;}
#LeftMenu {list-style: none; margin: 0 0 0 4px; width: 326px; padding-bottom: 15px; background: url("images/web/tabakce_border.gif") left bottom repeat-x;}
#LeftMenu li {padding: 0; margin: 0; background: none;}
#LeftMenu li a {margin: 0; font: 14px "Arial"; color: #343434; text-decoration: none;
 height: 48px; display: block; background: url("images/web/leftmenu_li.gif") left bottom repeat-x;
 text-align: right; padding: 0 7px 0 0;}
#LeftMenu li a strong {/*font-weight: normal;*/}
#LeftMenu li a:hover {background: #e0e0e0 url("images/web/leftmenu_li.gif") left bottom repeat-x;}
#LeftMenu li a img {vertical-align: middle; margin-left: 20px;}

#LeftMenu ul {padding: 0; margin: 0; list-style: none;}
#LeftMenu ul li {padding: 0; margin: 0;}
#LeftMenu ul li a {padding: 7px 26px 0 0; margin: 0; height: 23px; font: italic 12px "Arial"; background: #e1e0e0 url("images/web/leftmenu_li.gif") left 28px repeat-x;}
#LeftMenu li a strong {font-weight: normal;}
#LeftMenu ul li a:hover {background: #cccccc url("images/web/leftmenu_li.gif") left 28px repeat-x;}
#LeftMenu ul li a img {display: none;}
#LeftMenu ul ul li a {padding: 7px 26px 0 0; margin: 0; height: 23px; font: italic 12px "Arial"; background: #b5b5b5 url("images/web/leftmenu_li.gif") left 28px repeat-x;}
#LeftMenu ul ul li a:hover {padding: 7px 26px 0 0; margin: 0; height: 23px; font: italic 12px "Arial"; background: #a4a4a4 url("images/web/leftmenu_li.gif") left 28px repeat-x;}


#TabAkce {width: 326px; margin-left: 4px; border-collapse: collapse; background: url("images/web/tabakce_border.gif") left bottom repeat-x;}
#TabAkce td {padding: 6px 0; background: #ebebeb url("images/web/tabakce_border.gif") left bottom repeat-x;}
#TabAkce tr:hover td {background-color: #dddddd;}
#TabAkce td.ImgTd {text-align: right; padding-right: 10px; width: 135px;}
#TabAkce a {font: italic bold 20px "tahoma"; text-decoration: none; color: #414141;}
#TabAkce a:hover {} 
#OperatorLink a {font: italic bold 12px "tahoma"; color: #42920d; text-decoration: underline;}
#OperatorLink a:hover {}
 

#VypisObsahu {background: #ffffff url("images/web/content_bg.gif") repeat-y; padding: 0 25px 40px 341px; width: 605px; min-height: 950px; display: block;
 position: relative;}
#Roh {position: absolute; right: 0; bottom: 0; height: 52px; width: 55px; background: url("images/web/roh.jpg") no-repeat;}
#ProductTable {border-collapse: collapse; background: url("images/web/product_bg.gif") repeat-x;}
#ProductTable p {padding: 0; margin: 0;}
#ProductTable ul {padding: 0; margin: 6px 0 0 11px; list-style: none;}
#ProductTable ul li {background: url("images/web/product_li.gif") left center no-repeat; padding: 0 0 0 13px;
 text-transform: uppercase; font: 11px "Tahoma"; margin: 4px 0;}
#ProductTable td {padding-top: 57px; height: 208px; width: 210px; vertical-align: top; text-align: left;}

.LeftTd {background: url("images/web/td_left.jpg") no-repeat;}
.LeftTd a {color: #20a2a2;}
.TdMid {background: url("images/web/td_mid.jpg") no-repeat;}
.TdMid a {color: #d8009f;}
.RightTd {background: url("images/web/td_right.jpg") no-repeat;}
.RightTd a {color: #7ea40c;}

#ProductTable .LeftTd li {color: #20a2a2;}
#ProductTable .TdMid li {color: #d8009f;}
#ProductTable .RightTd li {color: #7ea40c;}

.ProductLinks {margin: 23px 0 0 21px;}
.InfoLink {margin: 0 30px 0 0;}
.InfoLink, .ObjednatLink {float: left;}

#Fotogalerie img {margin: 3px; border: 3px solid #f0f0f0; padding: 1px; height: 80px; width: 80px; overflow: hidden;}

.RefMainImg {height: 222px; overflow: hidden; border: 8px solid #cbcbcb;}
.RefMainImg img {width: 619px;}
.LinkDetail {height: 20px; margin-left: 8px; margin-top: 5px;}
.LinkDetail a {color: #000000;}
.LinkDetail a:hover {color: #f9842f;}
#Fotogalerie {margin-top: 35px; margin-left: 8px;}
#Fotogalerie .GalItem {width: 124px; overflow: hidden; border: 8px solid #DDDDDD; display: block;
 float: left; margin: 2px; }
#Fotogalerie .GalItem:hover {border: 8px solid #f9842f;}
#Fotogalerie .GalItem img {height: 115px; padding: 0; margin: 0 0 0 -5px; border: 0; width: auto;}
#Fotogalerie .LinkOut{display:none;}

#FotogalerieHover .FotoObal{width:110px; height:135px; float: left; margin: 2px 4px 2px 4px;}
#FotogalerieHover img {margin: 3px; height: 65px; overflow: hidden;}
#FotogalerieHover {margin-top: 35px; margin-left: 8px;}
#FotogalerieHover .GalItem {width: 100px; overflow: hidden; border: 5px solid #DDDDDD; display: block; }
#FotogalerieHover .GalItem:hover {border: 5px solid #f9842f;}
#FotogalerieHover .GalItem img {height: 100px; padding: 0; margin: 0 0 0 -5px; border: 0; width: auto;}
 
 
#Footer {width: 971px; margin: 0 auto; text-align: left; padding-top: 5px; clear: both;}
#Footer a {color: #ffffff; font-size: 11px;}

/* LIGHTBOX2 */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{ padding:0 10px; color: #666; /*}*/background: url("../js") no-repeat;
width: 0px;
height: 0px;} /*tady navic  */
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;     }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }               
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}           
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */