/* ------ Obsah  
1. Obecne
2. Top
3. Bottom
4. Content
5. Text formating
*formularove prvky
*seznamy
6. Sifr
7.Light Box
---------
*/


/* --------------- 1. Obecne  ---  */
body {background: #FFF url(../images/bg.gif) repeat-x 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#333;}
body, div, span, p, ul, li, form, input, select, h1, h2, h3 {padding:0; margin:0;}
select {font-size:110%;}
input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px 3px;}

#white-center {width:590px;margin:0 auto;}
#top {width:590px;}
#content {padding:10px 0;}

li {list-style-type: none;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
th {font-weight:normal;}
p {margin-bottom:0.4em; line-height:160%;}

a {color: #000;}
a:hover {color: #ff5e00; text-decoration:none;}

.martop0 {margin-top:0px;}
.martop10 {margin-top:10px;}
.marbot25 {margin-bottom:25px;}
.marbot45 {margin-bottom:45px;}

.float-left {float:left;}
.float-right {float:right;}

.clear {clear:both; height:0; font-size:0; line-height:0;}
.no_disp {display: none;}

#all {width:900px; margin:23px auto 0;}

/* --------------- 2. Top  ---  */
ul.menu {padding-top: 10px; float:left; margin-bottom:33px;}
ul.menu li {float:left;}

ul.menu li.novinari a,
ul.menu li.temata a,
ul.menu li.podklady a,
ul.menu li.vystupy a,
ul.menu li.odkazy a,
ul.menu li.nastaveni a 
{display:block; overflow:hidden; position:relative; cursor:pointer; }

ul.menu li.novinari,
ul.menu li.temata,
ul.menu li.podklady,
ul.menu li.vystupy,
ul.menu li.odkazy,
ul.menu li.nastaveni 
{display:block; overflow:hidden; position:relative;}

ul.menu li.novinari, ul.menu li.novinari a {width:85px; height:43px;}
ul.menu li.temata, ul.menu li.temata a {width:76px; height:43px;}
ul.menu li.podklady, ul.menu li.podklady a {width:99px; height:43px;}
ul.menu li.vystupy, ul.menu li.vystupy a {width:85px; height:43px;}
ul.menu li.odkazy, ul.menu li.odkazy a {width:81px; height:43px;}
ul.menu li.nastaveni, ul.menu li.nastaveni a {width:101px; height:43px;}

ul.menu li.novinari span  {width:85px; height:43px; display:block; background:url(../images/top/novinari.gif) no-repeat 0 -43px; position:absolute; top:0; left:0; z-index:1; }
ul.menu li.temata span  {width:76px; height:43px; display:block; background:url(../images/top/temata.gif) no-repeat 0 -43px; position:absolute; top:0; left:0; z-index:1; }
ul.menu li.podklady span  {width:99px; height:43px; display:block; background:url(../images/top/podklady.gif) no-repeat 0 -43px; position:absolute; top:0; left:0; z-index:1; }
ul.menu li.vystupy span  {width:85px; height:43px; display:block; background:url(../images/top/vystupy.gif) no-repeat 0 -43px; position:absolute; top:0; left:0; z-index:1; }
ul.menu li.odkazy span  {width:81px; height:43px; display:block; background:url(../images/top/odkazy.gif) no-repeat 0 -43px; position:absolute; top:0; left:0; z-index:1; }
ul.menu li.nastaveni span  {width:101px; height:43px; display:block; background:url(../images/top/nastaveni.gif) no-repeat 0 -43px; position:absolute; top:0; left:0; z-index:1; }

ul.menu li.novinari a span,
ul.menu li.temata a span,
ul.menu li.podklady a span,
ul.menu li.vystupy a span,
ul.menu li.odkazy a span,
ul.menu li.nastaveni a span 
{display:block; background:no-repeat 0 0; position:absolute; top:0; left:0; z-index:1; }


ul.menu li.novinari a span {width:85px; height:43px; background:url(../images/top/novinari.gif);}
ul.menu li.temata a span {width:76px; height:43px; background:url(../images/top/temata.gif);}
ul.menu li.podklady a span {width:99px; height:43px; background:url(../images/top/podklady.gif);}
ul.menu li.vystupy a span {width:85px; height:43px; background:url(../images/top/vystupy.gif);}
ul.menu li.odkazy a span {width:81px; height:43px; background:url(../images/top/odkazy.gif);}
ul.menu li.nastaveni a span {width:101px; height:43px; background:url(../images/top/nastaveni.gif);}

ul.menu li.novinari a:hover, ul.menu li.novinari a:hover span,
ul.menu li.temata a:hover, ul.menu li.temata a:hover span,
ul.menu li.podklady a:hover, ul.menu li.podklady a:hover span,
ul.menu li.vystupy a:hover, ul.menu li.vystupy a:hover span,
ul.menu li.odkazy a:hover, ul.menu li.odkazy  a:hover span,
ul.menu li.nastaveni a:hover, ul.menu li.nastaveni a:hover span
{background-position: 0 -43px;}


a.logo02 {width:107px; height:43px; overflow:hidden; position:relative;display:block; cursor:pointer;}
a.logo02 span{width:107px; height:43px; display:block; background:url(../images/logo02.gif) no-repeat 0 0; position:absolute; top:0; left:0; z-index:1;}

/* --------------- 3. Bottom  ---  */
.bottom {background:url(../images/bg-bot.gif) repeat-x 0 0; margin:60px 0 15px; padding-top:25px; font-size:80%; color:#8a8a8a;}
.bottom a {background:url(../images/dot-grey.gif) repeat-x 0 bottom; padding-bottom:2px; color:#8a8a8a; text-decoration:none;}
.bottom a:hover {color: #3b3b3b;}
.bottom .text-right {text-align:right;}

/* --------------- 4. Content  ---  */
p.zpet a {background: url(../images/zpet.gif) no-repeat 0 5px; padding-left:18px; font-weight:bold; text-decoration:underline; color: #000;}
p.zpet a:hover {text-decoration:none; color:#ff5e00;}

.line {height:1px; width:100%; background-color:#e7e7e7; margin:10px 0 15px; display:block; font-size:0; line-height:0; }
hr {clear:both; height:1px; background-color:#e7e7e7; color: #e7e7e7; border:0; margin:10px 0 15px;}

/* -- table vypis -- */
table.vypis td {padding:13px 7px;}
table.vypis th {background-color: #3e1904; color:#FFF; text-align:left; border-bottom:1px solid #FFF; padding:8px 7px;}
table.vypis td {border-bottom: 1px solid #ececec;}
table.vypis tr.razeni {background-color:#ededed; border-bottom:1px solid #FFF;}
table.vypis tr.razeni td {padding: 7px 10px;}
table.vypis tr.odd {background-color: #fffcfa;}
.center {text-align:center!important;}
a.smazat {padding:3px;}
a.smazat:hover {background-color: #3e1904; padding:3px; color:#FFF;} 

.pocet-polozek {margin-left:8px; font-weight:bold;}

/* --- table striped -- */
table.striped {border-top: 1px solid #dadada; width:100%;}
table.striped02 {width:100%;}
table.striped td, table.striped02 td {padding:10px 7px; border-bottom:1px solid #ececec;}
table.striped img, table.striped02 img {margin-top:10px; border: 1px solid #ebebeb;}
table.striped td.nostrip {padding: 10px 7px 0px 7px; border-bottom:0px solid #ececec;}
table.disp_block tr {display: block;}
table.disp_block td {text-align: left;}

/* -- sirky -- */
.width410 {width:430px;}
.width105 {width:105px;}
.width305 {width:305px;}
.widthbigtable {width:530px;}

/* --------------- 5. Text formating  ---  */
h1 {font-size:24px; color: #ff7a2c; text-transform:uppercase;}
h2.botline {font-size:130%; color:#868686;  border-bottom: 1px solid #dadada; padding-bottom:10px; font-weight:bold; margin-bottom:15px;}
h2.botline-orange {font-size:130%; color:#ff7a2c;  border-bottom: 1px solid #dadada; padding-bottom:10px; font-weight:bold; margin-bottom:15px;}
h3.poradi {font-size:25px; color: #ebebeb; font-weight:bold;}


.small {font-size:90%;}
.orange {color: #ff5e00;}



/* --- buttons -- */
p.edit {background: url(../images/cross.gif) no-repeat 0 6px; padding-left:16px; font-size:110%;  font-weight:bold; text-transform:uppercase; padding-bottom:3px; margin-bottom:25px;}
p.edit a {color:#ff5e00; text-decoration:none;  background:url(../images/dot-orange.gif) repeat-x 0 bottom; padding-bottom:3px;}
p.edit a:hover {color: #000; background:url(../images/dot-black.gif) repeat-x 0 bottom; padding-bottom:3px;}

a.dotted {color: black; text-decoration:none;  background:url(../images/dot-orange.gif) repeat-x 0 bottom; padding-bottom:3px; font-weight:bold;}
a.dotted:hover {color: #ff5e00; background:url(../images/dot-orange.gif) repeat-x 0 bottom; padding-bottom:3px;}

a.radit-dolu, a.radit-nahoru {width:13px; height:13px; overflow:hidden; display:block; position:relative; cursor:pointer; float:left;}
a.radit-dolu span, a.radit-nahoru span {width:13px; height:13px; display:block;  position:absolute; top:0; left:0; z-index:1;}
a.radit-dolu:hover, a.radit-dolu:hover span,
a.radit-nahoru:hover, a.radit-nahoru:hover span 
{background-position: 0 -13px;}
a.radit-nahoru {margin-left:10px;}
a.radit-dolu span {background:url(../images/radit-dolu.gif) no-repeat top left;}
a.radit-nahoru span {background:url(../images/radit-nahoru.gif) no-repeat top left;}

.butt-orange {background-color: #ff5e00; border:0; padding:3px; font-weight:bold; color:#FFF; margin-top:25px;}
.butt-orange-on {background-color: #000; border:0; padding:3px; font-weight:bold; color:#FFF; margin-top:25px;}
.butt-orange_mar0 {background-color: #ff5e00; border:0; padding:3px; font-weight:bold; color:#FFF; margin-top:0px;}
.butt-orange_mar0-on {background-color: #000; border:0; padding:3px; font-weight:bold; color:#FFF; margin-top:0px;}


/* --- formularove prvky -- */
textarea.komentar  {width:404px; }
input.nadpis {width:404px;}


/* --- seznamy -- */
ul.sipky li {margin-bottom: 1em; background:url(../images/sipky.gif) no-repeat 0 4px; padding-left:17px;}


/* --------------- 6. Sifr  ---  */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;}

.sIFR-replaced {
	visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;}


.sIFR-hasFlash h1 {visibility: hidden; font-size:28px; letter-spacing:-1px;}
.sIFR-hasFlash h3.poradi {visibility: hidden; font-size:28px; letter-spacing:-1px;}

/* --------------- 7. Light Box  ---  */
#lightbox{ position: absolute;	top: 40px;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}

#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: transparent url(../images/blank.gif) no-repeat;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;	}

#imageData{	padding:0 10px;	}
#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;	}	
		
#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #000;	filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;	}
	

.clearfix:after {	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden;	}
* html>body .clearfix {	display: inline-block; 	width: 100%;	}

* html .clearfix {	/* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */	}