/* --------------------------------------------------------------------------------------------MENU */

.menu {

 float:left;
 clear:both;

 width:950px;

 z-index:120;
 border: px solid green;
 margin: 157px 0px 0px 30px;

 border-top: 1px solid #ff9901;
 border-bottom: 1px solid #ff9901;
 border-left: 1px solid #ff9901;
 border-right: 1px solid #ff9901;
 border: 0px solid #ff9901;
 font-weight:bold;
}



/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;

}


/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;


}



/* style all the links */
.menu a
 {
display:block;
font-size:12px;
margin:0px 0px 0px 0px ;
width:161px;

color:black;
text-decoration:none;
text-align: left;
padding:3px 0px 3px 10px ;
 border-left: 0px solid white;
}


/* style the links hover */
.menu ul li ul li :hover{  				
color:black;
 border-left: 5px solid #FF6D00;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0px;
left:0px;
top:21px;
z-index:130;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{

visibility:visible;

}



.menu ul li{
 margin:2px 0px 0px 0px ;
 padding:0px 0px 0px 0px ;
 float:left;

}


.menu ul li:hover li,

.menu ul a:hover li
{


 color: black;
  margin:0px 41px 0px 0px ;
 border-left: 0px solid white;
 border-right: 0px solid #5ae721;
 border-bottom: 1px solid #FFC146;
 border-top: 0px solid #5ae721;
 background-image:none;
 background-color:#AEAEAE;
 width:176px;
}

.menu ul li.first a.first
{
text-align:left;
padding: 2px 0px 5px 5px ;
width:165px;
color:white;

 border-top: 0px solid white;
 border-left: 5px solid #585858;
 border-right: 0px solid #ff9901;
 border-bottom: 0px solid #073666;
}


.menu ul li.first:hover a.first
{
color: black;
 text-align:left;
 border-left: 5px solid #FF6D00;

 border-bottom: 0px solid #0d5ba9;

}

/* --------------------------------------------------------------------------------------------MENU */



.clear{
clear: both;

}
div{
 border: 0px solid red;

}


body {
 margin-right: 15px;
 margin-top: -5px;
 margin-bottom: 15px;
 margin-left: 15px;
 color:black;
 background-color: #C52427;
 background-image: url('grafika/pozadip.png');
 font-family: Tahoma, Arial, sans-serif;
 background-repeat:repeat-x;


 
 }

.body {

  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  width: 952px;

  padding:0px;	
  background-repeat:repeat-y;
 }

.spojtop {

  margin-left: auto;
  margin-right: auto;

 width: 952px;
 height:3px;
 border: 0px solid #000000;

 background-repeat:no-repeat;
 }



td.main{

 text-align: left;
 width: 772px;
 font-size: 14px;
 vertical-align: top;

 padding: 0px 5px 15px 15px;
 border-right: 0px solid gray;
 border-left: 5px solid #fe8800;
 border-bottom: 5px solid #fe8800;
 border-top: 0px solid black;
 height:auto;
 min-height: 400px;
 background-color:white;
} 

td.sidebar{

 text-align: left;
 width: 120px;
 font-size: 14px;
 vertical-align: top;

 padding: 5px 5px 5px 5px;
 border-right: 5px solid #fe8800;
 border-left: 0px solid #0d5ba9;
 border-bottom: 5px solid #fe8800;
 border-top: 0px solid black;
 height:auto;
 min-height: 400px;

 background-color:white;
} 



div.menu1{

 background-image: url('grafika/barpixela.png');
 clear:both;
 width: 952px;
 margin: 3px 0px -2px 0px;
  margin-left: auto;
  margin-right: auto;
 height: 182px;
 color: white;
 text-align: left;
 font-weight: bold;
 font-size: 12px;

 border-left: 0px solid #000000;
 border-right:0px solid #000000;
 border-bottom: 0px solid #31a104;
 border-top: 0px solid #000000;

}

div.menu1 div.potah{

 background-image: url('grafika/barpotah.png');
 height:180px;
}

div.sign {

 text-align: left;
 width: 952px;
 font-size: 12px;

 margin: 0px 0px 10px 0px;
  margin-left: auto;
  margin-right: auto;
 padding:0px 0px 0px 0px;
 z-index:0;
 clear:both;
 height:20px;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
 border-top: 0px solid #0e182d;

 position:relative;


 background-repeat:no-repeat;
 text-align:center;
}



div.sign a {
 color: black;
 text-decoration:none;
 font-weight:normal;
 font-size:12px;
}


/* --------------------------------------------------------------------------------------------společné */
.ano{
 width:25px;
 height:20px;
 float:left;
 background-image: url('grafika/ano.png');
 background-repeat: no-repeat;

}

.ne{
 width:25px;
 height:20px;
 float:left;
 background-image: url('grafika/ne.png');
 background-repeat: no-repeat;

}
.potvrzeni{
 width:25px;
 height:20px;
 float:left;
 background-image: url('grafika/ne.png');
 background-repeat: no-repeat;
}

input.button {
 margin:1px;

 border: 1px solid #8B8B8B;
 border-bottom: 1px solid #FFC146;
 border-left: 5px solid #FF6D00;
 background-color:#8B8B8B;
 color:black;
 background-repeat: repeat-x;
 font-weight: bold;
 font-size:12px;

}

input.button:hover {
 color:#065ABF;
 background-color:#AEAEAE;
 border-left: 5px solid #FF6D00;

}

a{
 color:#065abf;
 border:0px solid red;
 text-decoration:none;
}
a img{

 border:0px solid red;

}

.gray{
 color:gray;

}

.red{
 color:red;

}


.nazev{
 font-weight:bold;
 

}
/* --------------------------------------------------------------------------------------------společné */

/* --------------------------------------------------------------------------------------------sidebar */


.sidebar div.nazev a{
 color:#FF6D00;
 font-size: 12px;
 font-weight:bold;

 text-decoration:none; 
}


.sidebar_input{
 font-size: 14px;
 height:15px;
 width:20px;
 float:right;
 font-weight:bold;
 border: 0px solid white;
 background-color: transparent;
 margin: -2px 0px 0px 0px;
}


/* --------------------------------------------------------------------------------------------sidebar */
/* --------------------------------------------------------------------------------------------Nadpisy */

h1 {
 font-size: 20px;

 text-decoration:none;

}

h2 {
 font-size: 16px;

 text-decoration:none;

}

h3 {
 font-size: 14px;

 text-decoration:none;

}

h4 {
 font-size: 10px;

 text-decoration:none;
 font-weight:normal;

}
/* --------------------------------------------------------------------------------------------Nadpisy */



.poznamka{

 font-size:12px;
}

#green{
 color: green;

}
#gray{
 color: gray;

}

#red{
 color: red;

}
#white{
 color: white;

}
#yelow{
 color: #F6C000;

}

.prihlasen{  

 font-size: 16px;
 position:absolute;
 left:160px;
 top:0px;
 z-index:50;
 width: 300px;
 height:82px;
 border: 1px dashed #F6C000;
 background-image: url('grafika/pruhled.png');
 padding: 5px 5px 0px 5px;
 margin: 5px 5px 5px 5px;

 }

div.skupina{
 background-image: url('grafika/skupina.png');
 position:absolute;
 background-repeat:no-repeat;
 top:38px;
 left:-505px;
width:331px;
height:200px;
 z-index:5000;
}



/* --------------------------------------------------------------------------------------------novinky */
.novinky div.strankovac {

text-align:center;

}

.novinka {
 clear:both;
 margin: 15px 10px 10px 10px;
 border-left: 5px solid #FF7300;
  background-color:#AEAEAE;
 padding: 2px;

}

.novinka div.novinka_hlavicka{
 margin:-2px -2px 5px -2px;
 background-color:#8B8B8B;
 border-bottom: 1px solid #FFC146;
}

.novinka .novinky_nazev,
.novinka .clanky_nazev{
 float: left;
 width:  67%;

 font-size:14px;
 font-weight:bold;
 padding: 0px 5px 0px 5px;
 color:white;
 border: 0px solid pink;
 background-repeat:no-repeat;
}
.novinka .novinka_datum{
 float: right;
 width:  160px;
 height:15px;
 border: 0px solid gray;
 font-size: 11px;
 margin:3px 0px 0px 0px;
 background-image: url('grafika/kalendar.png');
 padding:0px 0px 0px 20px;
 background-repeat:no-repeat;
 color:white;
}


.novinka .novinka_text{
 float: left;
 width:97%;
 
 padding:2px 2px 2px 2px;
 margin:0px 0px 0px 8px;


 font-size: 13px;
 vertical-align: top;

}

.novinka .novinka_edit{
 float: right;
 width:  140px;
 border: 0px solid gray;
 margin:0px;
}
.novinka .novinka_zo{
 float: right;

 border: 0px solid gray;
 margin:0px 0px 0px -65px;
}
.novinka a.vice{
 float:right; 
 clear:both;
 margin:-17px 10px 0px 0px;
 
}
.novinka img.news{
 float:left;
 clear:both;

}
.new_novinka{
 width:40px;
 height:33px;
 float:left;
 background-color:transparent;
 background-image: url('grafika/new-news.png');
 background-repeat: no-repeat;
 border: 0px solid red;

}
.galerie_novinka{
 width:40px;
 height:33px;
 float:left;
 background-color:transparent;
 background-image: url('grafika/news-galerie.png');
 background-repeat: no-repeat;
 border: 0px solid red;
}



div.novinka .profil{
 margin:0px 0px 0px 0px;
 float:left;

}

.novinka_img {
  float:left;
 border: 0px dotted #00BAFF;

 position:relative;
 top:-5px;
 left:-15px;
 width:40px;
 height:33px;
 margin:-10px 0px 0px 0px;
}




/* --------------------------------------------------------------------------------------------novinky */

/* --------------------------------------------------------------------------------------------seznam */

div.ctabulka div div,
div.ctabulka a div.text,
div.ctabulka a div.roh_left,
div.ctabulka a div.roh_right{

 float:left;
 padding:4px 0px 0px 0px;
 font-size:12px;

}

div.ctabulka a div{

 color:black;
}

div.ctabulka a:hover div{

 color:#ff9901;
}

div.ctabulka div a{
 color:white;
 font-weight:bold;
}
div.ctabulka div a:hover{
 color:#f9cf37;

}

div.ctabulka div a.radek,
div.ctabulka div.text a{
 color:black;
 font-weight:normal;
 text-decoration:none;
}

div.ctabulka div a.radek:hover,
div.ctabulka div.text a:hover{
 color:#ff9901;

}

div.ctabulka {
 margin:2px 0px 2px 0px;

}


div.ctabulka div.light div.text,
div.ctabulka div.light div.menu_text{
 background-color: #fafafa;
}


div.ctabulka div.dark div.text,
div.ctabulka div.dark div.menu_text{
 background-color: #f5f5f5; 
}


div.ctabulka div.darker div.text,
div.ctabulka div.darker div.menu_text{
 background-color: #bbbbbb;
 color:white;
}

div.ctabulka div.darker div.roh_left{
 background-image: url('grafika/parametr_darker_left.png');
 background-color: transparent;
}

div.ctabulka div.darker div.roh_right{
 background-image: url('grafika/parametr_darker_right.png');
 background-color: transparent;
}


div.ctabulka div.dark div.roh_left{
 background-image: url('grafika/parametr_dark_left.png');
 background-color: transparent;
}


div.ctabulka div.dark div.roh_right{
 background-image: url('grafika/parametr_dark_right.png');
 background-color: transparent;
}


div.ctabulka div.light div.roh_left{
 background-image: url('grafika/parametr_light_left.png');
 background-color: transparent;
}


div.ctabulka div.light div.roh_right{
 background-image: url('grafika/parametr_light_right.png');
 background-color: transparent;
}
/* --------------------------------------------------------------------------------------------seznam */
/* --------------------------------------------------------------------------------------------html_help */
.html_help{

 border: 1px dashed #065abf;
 
 margin:2px;
 padding: 2px;
}
.html_help:hover{


 background-image: url('grafika/sign3.png');
 margin:2px;
 padding: 2px;
}

/* --------------------------------------------------------------------------------------------html_help */

/* background-image: url('grafika/pozadii.png'); */
/* --------------------------------------------------------------------------------------------komentare */
.komentare div.strankovac {

 text-align:center;
 padding:0px 0px 0px 15px;
 width:640px;
 height:15px;
 border-top: 0px solid orange;
 border-bottom: 0px solid orange;
 border-right: 0px solid orange;
 float:left;
 
}
.komentar {
 clear:both;
 margin: 10px 10px 5px 10px;
 border: 0px solid #FF7400;
 width:98%;
 color:white;
 border-left: 5px solid #FF6D00;
 background-color:#AEAEAE;
}
.komentar .autor{

 width:150px;
 border-right: 1px solid #FFC146;
 padding:0px 0px 0px 0px;

  background-color:#8B8B8B;
}
.komentar .datum{
  background-image: url('grafika/kalendar.png');
 padding:0px 0px 0px 20px;
  background-repeat:no-repeat;
 height:18px;
 width:585px;
 border-bottom: 0px solid #FFC146;
 
 font-size: 11px;
}
.komentar .zprava{
 background-color: white;
 width:585px;
 border: 0px solid red;
 padding:0px 0px 0px 5px;
 color:black;
 background-repeat:repeat-x;

}


.autor_main{
 float:left;
 width:150px;
 border-top: 0px solid orange;
 border-left: 0px solid orange;
 margin:0px 0px -5px 10px;
 text-align:center;
 clear:left;
}
.zprava_main{
 float:right;
 width:599px;
 border-top: 0px solid orange;
 border-right: 0px solid orange;
 margin:0px 14px -5px 0px;
 text-align:center;
}

.komentar .info{
  font-size: 10px; 

}
.new_komentar{
 float:left;
}
input.edit ,input.del{
 float:right;
 margin:0px 0px 0px 5px;
}
input.citace{

 margin:0px 0px 0px 5px;
}

div.citace{

 margin:5px 5px 2px 5px;
 padding:5px;
 border: 1px dashed #3cbf02;
 background-color: #F0F0F0;
}

div.citace_nazev{

 font-size: 10px;
 margin:0px 0px -5px 5px;
}
div.pravidla{

 font-size: 10px;

}

/* --------------------------------------------------------------------------------------------komentare */

/* --------------------------------------------------------------------------------------------zabezpečeni */
.zabezpeceni_code{

 border:1px solid orange;
 padding:10px;
 margin:5px 0px 5px 0px;
}

/* --------------------------------------------------------------------------------------------zabezpečeni */

/* --------------------------------------------------------------------------------------------lightbox java obrázky */





#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.moje { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.moje { border: 3px solid #DD0000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.moje { border: 3px solid #DD0000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(grafika/lytebox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(grafika/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(grafika/lytebox/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(grafika/lytebox/prev_red.gif) left 15% no-repeat; }
	#lbPrev.moje:hover, #lbPrev.moje:visited:hover { background: url(grafika/lytebox/prev_moje.gif) left 15% no-repeat; }

	
#lbNext { width: 49%; height: 100%; background: transparent url(grafika/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(grafika/lytebox/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(grafika/lytebox/next_red.gif) right 15% no-repeat; }
	#lbNext.moje:hover, #lbNext.moje:visited:hover { background: url(grafika/lytebox/next_moje.gif) right 15% no-repeat; }


#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.moje, #lbNext2.moje, #lbSpacer.moje { color: #620000; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.moje, #lbNext2_Off.moje { color: #FFCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.moje { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(grafika/lytebox/close_grey.png) no-repeat; }
	#lbClose.red { background: url(grafika/lytebox/close_red.png) no-repeat; }
	#lbClose.moje { background: url(grafika/lytebox/close_moje.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(grafika/lytebox/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(grafika/lytebox/play_red.png) no-repeat; }
	#lbPlay.moje { background: url(grafika/lytebox/play_moje.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(grafika/lytebox/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(grafika/lytebox/pause_red.png) no-repeat; }
	#lbPause.moje { background: url(grafika/lytebox/pause_moje.png) no-repeat; }


/* --------------------------------------------------------------------------------------------lightbox java obrázky */