body {background: #7b838b url("images/web/background2.jpg") center 0 no-repeat; padding: 0; margin: 0; font: 12px arial; line-height: 14px; cursor: default; color: #ffffff;}
h1 {text-transform: uppercase; padding: 5px 0; margin: 0; font: 56px "Trebuchet MS"; color: #000000;}
h2 {text-transform: uppercase; padding: 5px 0; margin: 20px 0 10px 0; font: 18px "Trebuchet MS";}
h3 {text-transform: uppercase; padding: 5px 0; margin: 10px 0 5px 0; font: 14px "Trebuchet MS";}
a {color: #ffffff;}
p {margin: 0 0 15px 0; padding: 0;}
a img {border: 1px solid #ffffff; margin: 0 20px 20px 0;}
a:hover img {border: 1px solid #000000;}

.Clearer {clear: both;}

#Content {width: 980px; margin: 0 auto; position: relative; cursor: default;}

#MenuObal {padding: 17px 0 0 38px; margin: 0;}
#Menu {background: url("images/web/menu_bg.gif") left top no-repeat; list-style-type: none; padding: 15px 0 0 25px; margin: 0; height: 35px; float: left;}
#Menu li {padding: 0; margin: 0; float: left; color: #dddfe2;}
#Menu a {font: 14px arial; color: #dddfe2; float: left; text-transform: uppercase; margin: 0 6px; text-decoration: none; padding-bottom: 9px;}
#Menu a:hover {background: url("images/web/menu_pod.gif") center bottom repeat-x;}

table#TitleTab {border-collapse: collapse; margin: 15px 0 0 38px;}
table#TitleTab td {padding: 0; margin: 0;}
table#TitleTab td img {padding: 0; margin: 0;}
table#TitleTab td.Titulek {padding-top: 14px;}

#Aktuality {float: left; width: 106px; margin-top: -20px; height: 407px; background: #484d53 url("images/web/aktuality_bg.gif") center no-repeat; margin-left: 38px;
 text-align: center; padding: 13px 15px 0 15px;}
#AktualityNadpis {font-size: 11pt; font-weight: bold;}
.Aktualita {padding-top: 14px; text-align: left; background: url("images/web/aktuality_dot.gif") center bottom no-repeat; padding-bottom: 20px;}
.AktNadpis {text-align: left; font-weight: bold; letter-spacing: 1pt;}
.AktDatum {text-align: right; font-style: italic;}
.AktObsah {padding-top: 5px; text-align: justify;}
.AktNadpis, .AktDatum, .AktObsah {display: block;}

#VypisObsahu {background: #8d3454 url("images/web/content.gif") 8px 10px no-repeat; width: 700px; height: 409px; /*382px */margin-top: -20px; padding: 10px 0 0 0; overflow: auto;
 float: left; margin-left: 5px; color: #000000;}
#VypisObsahu a{color:black;}
#Fill {background: url("images/web/fill.png") no-repeat; width: 43px; height: 70px; position: absolute; top: 524px; right: 76px;}

#FotoGal {margin: 21px 0 0 0; position: relative; left: -13px;}
#FotoGalIn {background: url("images/web/foto_gal.gif") no-repeat; height: 140px; /*width: 50px; */padding: 10px 0 0 47px;}
#FotoGalIn img {margin-left: 0; border: 0;}
#FotoGalIn a img {margin-right: 7px;}

/*#VypisObsahu .fotos {display:block; float:left; width:144px; height:95px; border:2px solid #8D3454; margin:2px; overflow:hidden;}*/
#VypisObsahu .fotos img{width:144px; height:95px;overflow:hidden;border:2px solid #8D3454; margin:2px;}

#Logo {float: left; margin: 20px 0 0 35px;}
#Logo img {border: 0; margin: 0;}

#Rights {background: #000000; color: #ffffff; font: 10px arial; padding: 3px 10px; float: right; margin: 30px 20px 0 0;}
#Rights a {background: #000000; color: #ffffff; font: 10px arial; text-decoration: none;}
#Rights a {text-decoration: underline;}

#lang{position:absolute; margin-left:830px; margin-top:8px;}
#lang a img{border:0; width:auto; height:auto; margin:0 10px 0 0; padding:0;}

#fotomenu{list-style-type:none;}
#fotomenu li{font-weight:bold; color:white;  font-size:16px; margin-bottom:2px;}
#fotomenu li a{display:block; color:#000000; padding:10px 0 0 20px; width:550px; height:30px; _height:40px; text-decoration:none;}
#fotomenu li a:hover{color:#A43C60;}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 655px;/*820*/
	height: 384px;/*335px;*/
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	padding: 15px;
	/*margin-bottom: 15px;*/
	padding-bottom: 0;
}

a.TopList img {border: 0;}
#imageData {width: auto !important; height: auto !important; overflow: hidden;}

/* 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;}
#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 */