/*
	@author: Ladislav Sulc
------------------------------------------- */
html, body{height:100%;padding:0;margin:0;}
body{background-color:#000;}

/* obecna definice-------------------------------------------------------------------- */
h1, h2, h3, h4, h5{color:#000; margin:2.0em 0 0.6em 0;}
h1{font-size:1.2em; margin-top:0.6em;}
h2{font-size:1.0em; margin-top:0.6em;}
h3,h4{font-size:1.0em; margin-bottom:0.3em;}
p, table, address{margin:0 0 1.5em 0;}
address{font-style:normal;padding:0;}
th{text-align:left;}
ul{list-style:square;}
ul,ol{padding:0;margin:0 0 1.5em 20px;}

/* formulare */
form,fieldset{padding:0; margin:0;border:0;}
legend{display:none;}
input, button, select, textarea{font:1.0em Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; vertical-align:middle;border:none;}
input[type='text']{height:1.3em; padding:2px 1px;}
input[type='text'],select,textarea{color:#000;}
input[type='text']:focus,select:focus,textarea:focus{background:#b2b2b2;}
input[type='radio']{position:relative; top:-2px;}
input[type='submit'],button{cursor:pointer; background:#fff url(../gfx/ico-search.gif) no-repeat; width:20px; height:20px; }
/* input[type='submit']:hover,button:hover{background:#a14818;}
*/
select{height:1.8em; padding:1px;}
textarea{padding-top:0.3em;}
hr{margin:0;display:none;}
a{color:#000;text-decoration:underline;}
a:hover, a:focus{text-decoration:none;}
a img{border:none;}
small{font-size:0.9em;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.top,.top th,.top td{vertical-align:top !important;}
.fll{float:left !important;}
.flr{float:right !important;}
.cleaner{display:block; clear:both;}
img.fll{margin:3px 20px 20px 0;}
img.flr{margin:3px 0 20px 20px;}
img.fll,img.flr{position:relative; z-index:1; display:block;}
.spaceman{position:absolute;top:-2000px;left:-3000px;}
.nob{background:none !important;}
.nod{display:none;}
.bold{font-weight:bold;}
.spacer{height:20px; margin-left:-7px; background:url('../gfx/line_horz.gif') 0 50% repeat-x; display:block; clear:both; }
.half-l, .half-r{width:50%; float:left; }
.half-r{float:right; }
.nm{margin: 0 !important;}
/* box-model */

/* page ------------------------------------------- */
#page{color:#fff; font:0.75em arial,"geneva ce",lucida,sans-serif,"corbel";width:802px; margin:50px 10px
/*auto*/
;position:relative;background-color:#fff; padding:19px 19px 9px 19px; }

/* header ------------------------------------------- */
#header{height:250px; padding:0 12px; position:relative; background-color:#000;}
/* logo */
#header h1{font:bold 2.4em/1.0 sans-serif; text-transform:none; width:190px; height:91px; line-height:91px; margin:0; }
#header h1 a{text-decoration:none;height:91px; display:block;overflow:hidden;color:#fff;}
#header h1 a:hover{text-decoration:underline;}
#header h1 a span{width:190px;height:91px;position:absolute;top:0;left:0; z-index:2; background:url('../gfx/logo.gif') 0 7px no-repeat; display:block;cursor:pointer;}
#header form{margin:0;padding:0; position:absolute; top:-55px; left:-15px;}
#header fieldset{margin:0;padding:0; color:#606060;}
#header input.submit{width:19px; cursor:pointer; background:#fff url(../gfx/ico-search.gif) no-repeat; }
#header input.text{margin-left:10px; width:153px; height:15px; background:#fff url(../gfx/input-search.gif) no-repeat; padding-left:5px; padding-top:3px;}

/* text */
#text{width:549px;  float:left; margin-top: 42px;}
#text .box{width:182px;  height:280px;  float:left;  margin-right:1px;  background:url(../gfx/box-bottom.gif) no-repeat bottom center; }
#text .box p{margin:7px 11px 0 11px;  color:#000;}
#text .box small{color:#954203;  display:block;  margin-bottom:0.5em;}
#text .box h2{margin:0 11px 0 11px;}
#text .box h2 a{color:#000;  font-size:120%;  text-decoration:none;}
#text .box h2 a:hover{text-decoration:underline;}
#text .black{background-color:#000;  float:left;  }
#text .black .box{background-color:#000;  margin:0 1px 1px 0; height:260px;}
#text .black .box a{color:#fff;}
#text .black .box small{color:#C57336;}
#text .black .box h2 a{color:#A99587;}
#text .black .box p{color:#fff;}
#text .bottom .box{background:none;  height:auto;  margin-top:10px;}

/* clanek-------------------------------------------------------------- */
.clanek #text{color:#000;  position:relative; margin-top: 50px;}
.clanek #text p{line-height:1.5;  padding-right:20px;}
.clanek #text h1{font-size:140%;}
.clanek #text h2{font-size:130%;  margin-top:0;}
.clanek #text h3{font-size:120%;  margin-top:0;  margin-bottom:1em;}
.clanek #text h4{font-size:110%;  margin-top:0;  margin-bottom:1em;}
.clanek #text p.perex{color:#954203;}
.clanek #text p.source{position:absolute;  top:-8px;  left:380px;  font-size:80%;  width:200px;  color:#555555;}
.clanek #text p.autor{text-align:right;  font-style:italic;}
.clanek #text #control{text-transform:uppercase;  margin:20px 0;  padding:0;  list-style-type:none;  }
.clanek #text #control li{float:left;  font-size:80%;}
.clanek #text #control .nahoru{float:right; }
.clanek #text #control .print{float:right;  margin-left:3px;margin-right: 15px;}
/* fotogalerie*/
.clanek #text #fotogalerie{float:left;}
.clanek #text #fotogalerie h2{color:#818181;  margin-top:5px;  font-size:100%;  border-top:1px solid #818181;  padding-top:1em;  margin-bottom:1em;width: 535px;}
.clanek #text #fotogalerie a{border:1px solid #818181;  display:block;  width:84px;  float:left;  padding:1px;  height:60px;  margin: 0 0.5em 0.5em 0;}
.clanek #text #fotogalerie a:hover{border:1px solid #000;}
/* diskuze */
.clanek #text #diskuze{margin-top:5em; margin-right: 15px;}
.clanek #text #diskuze ul{float: right; margin: 1em 0;padding: 0;list-style: none }
.clanek #text #diskuze li{float: left; margin: 0;padding: 0; text-transform: uppercase;font-size: 90%;}
.clanek #text #diskuze h2{font-size:100%;  font-weight:normal;  border-bottom:1px solid #000;  padding-bottom:3px; width: 100%;}
.clanek #text #diskuze h2 small{font-style:italic;  color:#818181;  font-size:100%;}
.clanek #text #diskuze dl{margin:0 0 0 0;  padding:5px;  font-weight:bold;border: 1px solid #fff; clear: both;}
.clanek #text #diskuze dl:hover{border: 1px solid #ddd;}
.clanek #text #diskuze dl.dark{background-color:#f4f0ec;}
.clanek #text #diskuze dd{margin:0.5em 0 0 0;  font-weight:normal;}
/* pridej komentar */
.clanek #text #komentar { clear: both; border: 1px solid #000; color: #000; padding: 5px 20px 0 20px; }
.clanek #text #komentar fieldset { margin: 0; padding: 0; }
.clanek #text #komentar legend { display: block; font-weight: bold; margin-left: -7px; padding: 10px 0 10px 5px; font-size: 140%;}
.clanek #text #komentar input { border: 1px solid #000; }
.clanek #text #komentar input.nick { margin: 0 0 0.5em 4em; width: 200px;}
.clanek #text #komentar input.mail { margin: 0 0 0 5.3em; width: 200px;}
.clanek #text #komentar input.submit { background-image: none; background-color: #000; color: #fff; width: 100px; height: 25px;position: relative; left: 322px; top: 5px; padding-bottom: 3px;}
.clanek #text #komentar textarea { border: 1px solid #000; overflow: hidden; width: 313px; height: 150px;}
/* subpage */
.subpage #text{color:#000;}
.subpage #text h1{text-transform:uppercase;  font-size:120%;  background:url(../gfx/h1.gif) no-repeat bottom left;  padding-bottom:10px;}
.subpage #text .box{width:545px;  height:250px;  float:left;  margin-right:1px;  background:none;  height:auto;  margin-bottom:1em;}
.subpage #text .box a:hover img {border: 1px solid #000;}
.subpage #text .box a img{float:left;  margin-right:10px;border:1px solid #fff;}
.subpage #text .box h2{display:block;}
.subpage #text .box p{line-height:1.4;}
.subpage #text .pagging{text-transform:uppercase;  color:#000;  font-size:80%;}

/* RIGHT--------------------------------------------- */
.clanek #right{margin-top:50px;}
#right{float:right;  margin-top:313px;  width:253px;}
#right h2{text-align:left;  float:right;  font-size:120%;  padding-bottom:10px;  border-bottom:1px solid #000;  width:158px;}
#right h2.rubriky{ float:left; width: 252px;}
#right ul{float:right;  margin:14px 0 10px 0;  padding:0;  list-style-type:none;}
#right li{color:#000;  line-height:1.5;}
#right li a{font-weight:bold;  text-decoration:none;}
#right li a:hover{text-decoration:underline;}
#right #partners{clear:both;  margin-left:40px;}
#right #partners a{text-align:center;  margin-right:5px;}
#right #partners p{text-align:center;}

/* subpage right */
.subpage #right .box, .clanek #right .box{color:#000;  margin-bottom:1.5em;}
.subpage #right .box a img, .clanek #right .box a img{border:1px solid #fff;}
.subpage #right .box a:hover img, .clanek #right .box a:hover img{border:1px solid #000;}
.subpage #right .box img, .clanek #right .box img{float:left;  margin-right:5px;}
.subpage #right .box h2, .clanek #right .box h2{float:left;  font-size:100%;  border:none;  padding:0;  margin:0 0 0.5em 0;}
.subpage #right .box p, .clanek #right .box p{padding:0;  line-height:1.3;}
.subpage #right .box a, .clanek #right .box a{text-decoration:none;}
.subpage #right .box a:hover, .clanek #right .box a:hover{text-decoration:underline;}

/* menu ------------------------------------------- */
#menu{position:absolute; top:270px; left:19px; width: 802px; background: #3b3b3b  url('../gfx/menu-li-a.gif') 0 0 repeat-x;}
#menu ul{list-style:none; margin:0; position:relative;}
#menu li{display:block; float: left;}
#menu h3{display:none;}
#menu a{color:#fff; text-decoration:none; padding:12px 19px; display:block;text-transform:uppercase; font-size:110%; background: #000 url('../gfx/menu-li-a.gif') 0 0 repeat-x; border-right: 1px solid #000;font-weight: bold;}
#menu #poker a{padding:12px 25px; border-right: none;}
#menu a:hover, #menu a.active{background:url('../gfx/menu-li-a-hover.jpg') repeat-x;color: #000;}

/* footer ------------------------------------------- */
#footer{color:#fff; padding:0; margin:20px 0 10px 0;background-color:#000; height: 23px;}
#footer ul{height:23px; list-style:none; padding:0; margin:0 8px 0 0; float: right; }
#footer li{float:left; line-height:23px;margin-right:5px; font-weight:bold;text-transform:uppercase;}
#footer li.rss{margin-right:0;}
#footer li.rss a{padding-right:20px;background:url('../gfx/rss.gif') 100% 0 no-repeat;}
#footer li a{padding-right:15px;background:url('../gfx/footer-li.gif') 100% 0 no-repeat;}
#footer a{color:#fff; text-decoration:none;white-space:nowrap;}
#footer a:hover{text-decoration:underline;}

/* hlavni banner ------------------------------------------- */
#flash{text-align:center; height:250px; width:802px; position:absolute; top:19px; left:19px;overflow:hidden;xbackground-color:#000;z-index:3;}
.clanek #flash{text-align:center; height:250px; width:550px; position:absolute; top:19px; left:19px;overflow:hidden;background-color:#000;}
#flash p{margin:120px 20px 0 20px;}
#flash a,#flash2 a{color: #ff0000;}

/* mensi banner HP */
#flash2{text-align:center; height:261px; width:252px; position:absolute; top:311px; left:568px;overflow:hidden;background-color:#000;border-left:1px solid #fff;}
.clanek #flash2{text-align:center; height:250px; width:252px; position:absolute; top:19px; left:568px;overflow:hidden;background-color:#000;border-left:1px solid #fff; }
#flash2 p{display:block;margin:100px 10px 0 10px;}

/* lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; outline: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 100px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* hack pro safari */
@media screen and (-webkit-min-device-pixel-ratio:0){#menu li a{padding:12px 18px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){#menu #poker a{padding:12px 29px;}
}

