/* CSS Document by Zdeněk Haták*/
#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; }

#emailComment{display:none;}

#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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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; }
#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; }

* {margin:0;padding:0;}
body {font-size:75%;text-align:center;font-family:Tahoma, sans-serif;padding-top:5px;background:#333225}
.cl {width:100%;
background-position:left 126px;overflow:hidden;}
#main {width:980px;margin:0 auto;text-align:left;}
a img {border:0;}
#index h2{text-transform: uppercase;}
#index h2.sub{padding-left: 5px;}
#index{line-height: 1.5}
#index em{font-size: 90%;font-weight: normal;font-style: normal;}
.header {background:url('../images/kotouc.gif') no-repeat right bottom;overflow:hidden;zoom:1}
.header .logo {float:left;}
.header .date {float:left;text-align:right;width:490px;border-bottom:1px solid #fff;font-family:Tahoma, sans-serif;color:#fff;margin-top:81px;font-weight: bolder;
}
#content ol{margin-left: 20px;}
.mobal {background:url('../images/okrova.gif') no-repeat right top;}
.orange {background:url('../images/orange.gif') no-repeat -21px top;}
.red {background:url('../images/red.gif') no-repeat -21px top;}
.blue {background:url('../images/blue.gif') no-repeat -21px top;}
.grey {background:url('../images/grey.gif') no-repeat -21px top;}
.purple {background:url('../images/purple.gif') no-repeat -21px top;}
.green {background:url('../images/green.gif') no-repeat -21px top;}
.yellow {background:url('../images/yellow.gif') no-repeat -21px top;}
menu {list-style:none;overflow:hidden;clear:left;padding:3px 0;margin: 0 auto; display: table;}
menu li {float:left;font-size:1.3em;color:#fff;display: table-cell; }
menu li a {color:#fff;text-decoration:none;margin:0 5px;float: left; }
menu li a:hover {color:#000}
menu li a.active {font-weight: bolder;}
/**obsahova cast**/
#content {width:970px;padding:12px 5px 0 5px;background:#eee9d9;overflow:hidden}
.left {float:left;width:718px;margin-right:5px;}
.right {float:left;width:247px;background:url('../images/pravy.gif') repeat-y #c1c1b2;}


.left .article {width:718px;overflow:hidden;background:url("../images/left_cen.jpg") repeat-y;margin-bottom:20px; line-height:1.75em;text-align:justify;}
.left .article .top {display:block;background:url("../images/art_top.jpg") no-repeat left top;}
.left .article .bot {display:block;background:url("../images/left_bot.jpg") no-repeat -1px bottom;}
.left .article h2 {color:#333225;font-size:1.5em;margin-left:26px; text-align: center;}
.left .article h2.left {text-align: left;text-transform: uppercase;}
.left .article h2 a {display: block; text-align: left;}
.left .article img {float:left;margin:3px 0 5px 30px;display:inline}
.left .article p {float: none; display: block; padding:6px 0}
.left .article p img {margin: auto;}
.left .article p * {float: none;}
.left .article p.imgleft {float: left; text-align:left; padding-right:10px;}
.left .article p.imgcenter {display: block; text-align: center;}
.left .article p.imgright {float: right; padding-left: 10px; text-align: right;}
.left .article p.imgleft span, .left .article p.imgcenter span, .left .article p.imgright span {clear: both;font-weight: bold; display: block; font-size: 0.85em; padding: 3px; line-height: 135%}
.left .article .next {float:right;font-size:0.8em;font-weight: bolder;margin-right:38px;display:inline;color:#94b000;text-decoration:none;margin-bottom:10px;}
.left .article .next:hover, .left .article .info .comm:hover  {color:#000}
.left .article .info {width:656px;clear:both;overflow:hidden;border-top:1px solid #d4d4cb;margin:0 auto 10px auto;display:block;border-bottom:1px solid #d4d4cb;background:#bebeaf;color:#fff;font-size:0.8em;font-weight: bolder;padding:10px;}
.left .article .info .comm {float:right;color:#fff;text-decoration:none;}
.left .article .info span {display:inline !important;color:#000;margin-right: 15px;}
.left .article .text {clear:left;padding:6px 35px 6px 23px;}
.left .article .text .perex {padding-left:14px;margin-bottom:7px}
.right .bot {display:block;background:url("../images/rig_bot.gif") no-repeat left bottom;clear: both;}
.right .top {display:block;background:url("../images/rig_top.jpg") no-repeat left top;}
.right h3 {color:#39382b;font-size:1.3em;display:block;font-weight: normal;padding:7px 0 4px 11px;}
.right ul {background:url('../images/rig_y.jpg') no-repeat center top;list-style:none;padding:11px 0 30px 11px}
.right ul li a {color:#f2f2e8;font-size:1em;text-decoration:none;float:none;border-bottom:1px solid #d0d0c5;}
.right ul li a:hover {color:#000}
.right ul li {float:none !important;display:block}

form * {vertical-align:middle;}
.right .search  {width:223px;margin:10px auto;background:url('../images/search.gif') no -repeat; padding:5px 0 3px 2px}
.right .search .sub {color:#fff;border:0;background:transparent;width:46px;text-align:center;font-family:"Times New Roman";font-size:1em;cursor:pointer;margin-top:-2px;margin-left:2px}
.right .search .phrase {width:154px;border:0;height:17px;margin-left:7px;padding:2px;margin-top:-2px;&margin-top:-3px}

.right .bans {background:url('../images/rig_y.jpg') no-repeat;display:block;overflow:hidden;width:220px;padding-left:10px;}
.right .bans.half{
  width: 110px;
  float:left;
}
.right .ban img {border:2px solid #000;}
.right .ban {margin: 9px;float:left;}

.right .rss {width:178px;padding:15px 0 15px 62px;background:url('../images/rss.gif') no-repeat 7px center;margin-top:-10px}
.right .rss strong {display:block;width:158px;background:url('../images/rssa.gif') no-repeat;color:#fff;font-family:"Times New Roman";font-size:0.9em;font-weight: normal;padding:8px 10px 8px 5px;margin-top:2px}
.right .rss strong a {text-decoration:none;color:#fff;float:right;}

/**paticka webu**/
#footer {clear:both;width:980px;text-align:center;overflow:hidden;background:url('../images/foot.jpg') repeat-x #f1eee1;padding-top:55px;padding-bottom:5px}
#footer .info {width:590px;list-style:none;margin:0 auto; font-weight: bold; }
#footer .info li {float:left;color:#000; margin: 0 3px;}
#footer .info li a {text-decoration:none;color:darkblue; font-weight: normal;}
#footer .info li a:hover {color: #57a;}
.copy {display:block;text-align:center;padding:20px 0;color:#c9c4b5}



.left h2 {margin:15px 3px 2px 10px;}
.left h2 a {color:#cf6c00;text-decoration: none;}
.left h2 {font-size:1.2em;margin-top:5px; }
.left h3 {margin: 2px 0 2px 35px;}
.left h3 a {color:#335225; font-size:0.9em;}
.left h2 a:hover, .left h3 a:hover {color:#000}
.left h3 span{font-size:0.8em; margin: 5px;}

ul.main {padding-left: 15px;list-style: none;}
ul.main ul {padding-left: 30px;list-style: none; display: none;}
ul.main li {margin: 2px;}
ul.main li input {padding: 1px;margin: 0 0 5px 0;}
ul.main li img {margin-right: 3px;}
ul.main li a {color: #444; text-decoration: none;}
ul.main li a:hover {color: #888; /*text-decoration: underline;*/}

div.order {font-weight: bold; font-size: 1.1em; padding: 0 0 10px 15px;}
div.order a {text-decoration: none; color: #666;margin: 0 5px;}
div.order a:hover {/*text-decoration: underline;*/ color: #999;}

div#komentare {margin: 0 8px; padding: 15px; border: 1px solid silver}
div#komentare div.comment {margin: 6px; padding: 2px; border-top: 1px solid gray}
div#komentare div.comment span {font-size: 0.8em; color: #555;}
div#komentare div.comment p {margin-top: 5px;}
div#komentare form p {margin: 4px;}
div#komentare form span {display:block;}
div#komentare form input.submit {padding: 1px 6px;}

.months{
  padding-left: 40px;
  overflow: hidden;
}
.months a {
  color: #444; 
  text-decoration: none;
  display:block;
  float: left;
  text-align: center;
  font-weight: bold;
  padding-top: 70px;
  margin: 5px;
  width: 104px;
  background: url(../images/skvrna.jpg) no-repeat top left;
}
.months  a:hover {color: #888; /*text-decoration: underline;*/}
#archive_img{
  margin: 10px 40px;
}
#archive_list{
  color: #444; 
  text-decoration: none;  
  margin-left: 40px;
  list-style: none;
}
#archive_list a{color: #444; text-decoration: none;}
#archive_list a:hover{color: #888;}
#archive_list ul{display:none;margin-left: 20px;list-style: none;}
#archive_list li img{margin-right: 3px;}
#archive_list li{margin: 2px;}