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

.menu {
 float:left;
 clear:both;

 width:950px;
 position:absolute;
 top:160px;
 left:-460px;
 z-index:120;
 border: px solid green;
 margin: 0px 0px 20px 0px;
 
 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;

 position: absolute;
 left: 50%;
 
 }

.body {

  margin: 0px 0px 0px -490px;
  border-collapse: collapse;
  width: 952px;

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

.spojtop {

 margin: 0px 0px 0px -490px;

 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 -490px;
 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 -490px;
 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;

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

/* --------------------------------------------------------------------------------------------clanek */
div.strankovac {

text-align:center;

}

p{

text-align: justify;

}

.textl{
margin:6px;
float:left;

vertical-align: middle;
}

.textr{
margin:6px;
float:right;

vertical-align: middle;
}
.textc{
margin:6px;
vertical-align: middle;
}
.textcenter{
margin:6px;

text-align:center;
}
/* --------------------------------------------------------------------------------------------clanek */