/*-------------------------- HLAVNI STRANA -----------------------------------*/

* {

	margin:0;

	padding:0;

	}



body {

	font-family:Trebuchet MS;

	font-size:14px;

	background-color:#eff4d5;

	margin-top: 0px;

  color:white;

}



#wrapper{

  position: relative;

  width: 1200px;

  margin: auto;

  background-image: url(images/bg2.png);

  background-repeat: repeat-y;

}



#header{

  height: 185px;

  background-image: url(images/header+Navigation.png);

  background-repeat: no-repeat;

  margin-left: 15px;

}

/*PUVODNI LOGO*/

/*

.logo{

  position: absolute;

  height: 111px;

  width: 453px;

  background-image: url(images/logo.png);

  background-repeat: no-repeat;

  left: 30px;

  top: 30px;

}

*/



.logo{

  position: absolute;

  height: 150px;

  width: 453px;

  background-image: url(images/logo.png);

  background-repeat: no-repeat;

  left: 30px;

  top: 5px;

}





#navigation{

  position: absolute;

  height: 20px;

  width: 1163px;

  top: 166px;

}



#navigation ul li{

  display: inline;

  padding-left: 12px;

  padding-right:12px;

}



#navigation ul li a{

  font-weight: bold;

  color: #6b8540;

  text-decoration: none;

}



#navigation ul li a:hover,

#navigation ul li a.active{

  color: red;

}



#banner{

  height: 289px;

  background-image: url(images/banner.png);

  background-repeat: no-repeat;

  margin-left: 15px;

}



#bannerText{

  color: white;

  font-weight: bold;

  width: 500px;

  text-align: justify;

  padding-top: 40px;

  margin-left: 550px;

}



#bannerLink{

  font-size: 12px;

  color: #0096ce;

  width: 350px;

  margin-left: 580px;

  margin-top: 20px;

}



#bannerLink ul li{

  list-style-type: square;

  line-height: 25px;

}



.bilyText{

  color: white;



}



#bannerLink ul li a{

  color: #afac17; 

  font-weight: bold;

  text-decoration: underline;

}



.bannerLinkAge{

  font-weight: bold;

  color: #afac17;

}



.bannerButton{

  background-image: url(images/bannerButton.png);

  background-repeat: no-repeat;

  width: 265px;

  height:  131px;

  margin-left: 900px;

  margin-top: -120px;

  display: block;

  text-decoration: none;



}



.prihlasit{

  float: left;

  margin-top: 50px;

  margin-left: 90px;

  color: white;

  text-decoration: none !important;

  font-size: 22px;

  font-weight: bold;

}



#content{

  width: 1164px;

  margin-left: 15px;

  background-color: white;

  color: black;

  height: 100%;

}



#contentRight{

  float: right;

  height: 100%;

  width: 250px;

  margin-right: 20px;

}



#contentMiddle{

  float: right;

  height: 100%;

  width: 415px;
  
  border-right: 1px solid #c8c8c8;

  

}





#contentMiddle table td img{

  padding: 5px 5px 5px 5px;

  border: none;

}



#contentLeft{

  height: 100%;

  min-height: 600px;

  width: 450px;

  padding-left: 10px;

  padding-right: 15px;

  border-right: 1px solid #c8c8c8;

  font-size: 14px;

  overflow: hidden;

}



#contentLeft p.iniciala:first-letter{

 color : black;

 float : left;

 font-weight : bold;

 padding-right: 5px;

 font-size : 70px;

 line-height: 60px;

}



#contentLeft p{

  text-align: justify;

  padding-left: 5px;

  padding-right: 5px;

  padding-bottom: 10px;

}



#contentLeft img{

  float:left;

  padding-left: 5px;

  padding-right: 5px;

  padding-top: 5px;

}



h4{

  font-weight: bold;

  margin-top: 10px;

}



h4.first{

  margin-top: -5px;

}





h2.about{

  color: #6b8540;

  padding-left: 5px;

  margin-bottom: 5px;

}



h2.foto{

  color: #0096ce;

  padding-left: 5px;

  margin-bottom: 5px;

  margin-left: 20px;

}



h2.aktualne{

  color: #0096ce;

  padding-left: 5px;

  margin-bottom: 5px;

  margin-top: 15px;

}



#contentMiddle table{

  margin-left: 20px;

}



#contentRightText{

  border: 1px solid #afac17;

  height: 100%;

  padding-bottom: 15px;

}



#contentRightTextHeader{

  background-color: #afac17;

  font-weight: bold;

  color: white;

  padding-left: 5px;

  padding-top: 5px;

  padding-bottom: 5px;

  font-size: 18px;

}



.contentRightTextContent{

  margin-top: 10px;

  margin-left: 5px;

  font-size: 13px;

}



.title a{

  font-weight: bold;

  color: #008ba6;

}



.date{

  font-weight: bold;

  color: black;

}



.contentRightTextContent p{

  text-align: justify;

  margin-right: 5px;

  font-size: 11px;

  margin-top: 5px;

}



.contentRightTextContent p a,

.viceFotek a,

#contentInnerText p a,

#contentInnerText p ul li a{

  text-decoration: none;

  color: #008ba6;

}





.important,

.important a{

  color: #c20016;

  font-size: 19px;

  font-weight: bold;

}



#footer{

  height: 161px;

  background-image: url(images/footer.png);

  background-repeat: no-repeat;

  margin-left: 15px;

}



#footerBottom{

  background-image: url(images/footerBottom.png);

  background-repeat: no-repeat;

  height: 45px;  

  display: block;

}



.facebook img{

  width: 24px;

  height: 25px;  

}



#form{

  height: 150px;

  width: 250px;

  float: left;

}  



#map{

  height: 150px;

  width: 250px;

  float: left;

  margin-left: 10px;

} 



#map img{

  width: 230px;

  height: 110px;

} 



#form table{

 float: left;

}



#footer img.vilem{

  float: left;

}



#footer h2{

  margin-top: 5px;

  font-size: 16px;

  font-weight: bold;

  padding-bottom: 5px;

}



#form img{

  padding-right: 10px;

}



.email input{

  width: 224px;

  border: 1px solid #6b8540;

  color: grey;

  padding-left: 3px;

}



.formContent textarea{

  height: 60px;

  margin-bottom: 5px;

  border: 1px solid #6b8540;

}



#submit input {

  margin-left: 103px;

  background: url(images/submitButton.png) no-repeat;

  height: 21px;

  width: 69px;

  border: none;

  color: white;

  font-weight: bold;

  padding-top: 2px;

}



#links{

  height: 150px;

  width: 550px;

  float: left;

} 



.partner{

  padding-top: 5px;

  padding-bottom: 5px;

  padding-left: 0px;

  padding-right: 20px;

  font-size: 12px;

}



#links a{

  text-decoration: none;

  color: white;

  font-weight: bold;

}



#links a:hover{

  text-decoration: underline;

}



.designed{

  margin-top: 10px;

  margin-left: 0px;

}

.partners{

  margin-top: 10px;



}



.partners td.prvni{

  line-height: 25px;

}

 

.cell1{

  width: 60px;

}



.cell2{

  width: 10px;

  text-align: center;

  font-size: 10px;

}



.cell4{

  font-size: 10px;

  width: 120px;

}



.cell5{

  font-size: 10px;

  width: 70px;

}



.cell6,

.cell7,

.cell8{

  width: 50px;

  text-align: right;

}



.viceFotek{

  float:right;

  margin-top: 5px;

  font-weight: bold;

  font-size: 11px;

}



/*-------------------------- OSTATNI STRANKY ---------------------------------*/

#contentInner{

  padding-top: 20px;

  width: 1164px;

  margin-left: 15px;

  background-color: white;

  color: black;

  height: 100%;

  overflow: hidden;

  padding-bottom:15px;

}



#contentInnerPicture{

  float: left;

  height: 100%;

  width: 250px;

}



#contentInnerPicture img{

  margin-left: 10px;

  margin-top: 10px;

}



#contentInnerText{

  float: left;

  height: 100%;

  width: 670px;

  padding-right: 20px;

  min-height: 500px;

}



.podkresleni{

  width: 230px;

  height: 160px;

  background-color: white;

  margin: 0 auto;

  text-align: center;

}



.podkresleni a img{

  border: 2px solid black;



}



#contentInnerZpravy{

  float: left;

  height: 100%;

  width: 200px;

}



#contentInnerZpravy a{

  text-decoration: none;

}



#contentInner h2{

  color: black;

  margin-bottom: 15px;

}



#contentInnerText h3{

  font-weight: bold;

  padding-bottom: 10px;

  color: #008ba6;



}



#contentInnerText p{

  text-align: justify;

  margin-bottom: 15px;

  line-height;: 20px;

  font-size: 14px;

}



#button{

  background-image: url(images/bannerButton.png);

  background-repeat: no-repeat;

  width: 265px;

  height:  131px;

  display: block;

  margin-left: -33px;

}



#buttonZpravy{

  background-image: url(images/bannerButton2.png);

  background-repeat: no-repeat;

  width: 265px;

  height:  88px;

  display: block;

  margin-left: -33px;

}



#buttonZpravy.rada p{

  font-size: 20px;

  margin-left: 90px;

}



#buttonZpravy p{

  float: left;

  color: white;

  text-decoration: none;

  font-size: 22px;

  font-weight: bold;

  margin-top: 28px;

  margin-left: 95px;

}



#button p{

  float: left;

  color: white;

  text-decoration: none;

  font-size: 22px;

  font-weight: bold;

  margin-top: 50px;

  margin-left: 95px;

}



.zprava{

  border-bottom: 1px dotted grey;

}



.zprava h4{ 

  color: #008ba6;

}



.zprava h5{

  font-weight: bold;

  padding-bottom: 10px;

}



/*-------------------------------- KONTAKT -----------------------------------*/

.jmenoKontakt{

  width: 120px;

  padding-left: 10px;

  padding-right: 10px;

  text-align: center;

  font-size: 13px;

  padding-top: 5px;

  font-weight: bold;

}



.funkceKontakt{

  width: 100px;

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 1px;

  text-align: center;

  font-size: 10px;

  font-style: italic;

}



.kontaktKontakt{

  width: 100px;

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 1px;

  text-align: center;

  font-size: 12px;

}



.kontaktKontakt a{

  text-decoration: none;

  color: black;

  font-weight: bold;

}





.kontaktKontakt a:hover{

  color: black;

}



.obrazekKontakt{

  text-align: center;

}



.oddelovacKontakt{

  border-bottom: 1px dotted grey;

  padding-bottom: 20px;

  width: 100%;

}



.horniCastKontakt{

  padding-bottom: 30px;

}



#fakturacniUdaje{

  border-bottom: 1px grey dotted;

  width: 100%;

  margin-bottom: 10px;

}



#fakturacniUdaje p{

  padding-left: 5px;



}





/*-------------------------------- DIVCI ODDIL -------------------------------*/



.rozlouceni{

  font-weight: bold;

  margin-left: 350px;

  margin-top: 50px;

}





/*-------------------------------- CO JE SKAUT -------------------------------*/



ul.coJeSkaut{

  margin-top: 0px;

  margin-left: 25px;

  font-size: 14px;



}



.coJeSkaut li{

  list-style: square;

  margin-top: 3px;

  margin-bottom: 3px;



}



/*---------------------------------- ERROR -----------------------------------*/

.error{

	margin-left: 50px;

	font-size: 14px;

	list-style: disc;

	padding-bottom: 5px;

}





/*GALERIE*/



.webTabulka{

  float:left; 30px;

  margin-left: 30px;

  margin-bottom: 30px;

}



#filmovyPas{

  width: 210px;

  height: 486px;

  background: url(images/fotky/filmPas.png);

  margin-left: 10px;

  margin-top: 10px;

}





#prvniVideo a{

  float: left;

  background: url(images/fotky/video1GS.png);

  margin-top: 4px;

  margin-left: 43px;

  width: 116px;

  height: 93px;

  display: block;

}



#prvniVideo a:hover{

  background: url(images/fotky/video1.png);

  width: 116px;

  height: 93px;

  display: block;

}



#druheVideo a{

  float: left;

  background: url(images/fotky/video2GS.png);

  margin-top: 4px;

  margin-left: 43px;

  width: 116px;

  height: 93px;

  display: block;

}



#druheVideo a:hover{

  background: url(images/fotky/video2.png);

  width: 116px;

  height: 93px;

  display: block;

}



#druheVideo a:hover{

 

}





.contentRightTextContent table{

  text-align: center;

  width: 100%;

  font-size: 13px;

  margin-bottom: 20px;

  font-weight: bold;



}



.contentRightTextContent table a{

  color: black;

  text-decoration: none;

}





.contentRightTextContent table a:hover{

  color: #0096ce;

}



.strediskove-rady td{

  text-align: center;

  padding-left: 3px;

  padding-right: 3px;

  font-weight: bold;

}



.strediskove-rady a{

  text-decoration: none;

  color: black;

}



.strediskove-rady{

  margin-bottom: 35px;

  

}





.vudci{

  font-size: 15px;

  font-weight: bold;



}



.novacekLeva{

  float: left;

  margin: 0px 10px 10px 10px;

}



.novacekPrava{

  float: right;

  margin: 0px 10px 10px 10px;

}





.odkazNabor{

  font-weight: bold;

  text-decoration: none;

  color: #008ba6;



}



.popisek{

  width: 60px;

}



#loginPrihlasit, #hesloPrihlasit{

  width:  220px;

  height: 25px;



}



#tlacitkoPrihlasit{

  background: url(images/tlacitkoPrihlasit.png) no-repeat;

  width: 103px;

  height: 42px;

  border: none;

  color: white;

  margin-top: 10px;

  margin-left: 65px;

  

}



.tabulkaZprava{

  width: 450px;

}



.tabulkaHlavicka td{

  background-color: grey;

  height: 50px;

  padding-left: 5px;

}



.tabulkaHlavicka td p{

  padding-left: 20px;

}





.ukoly{

  margin-bottom: -20px;

}



#oddelovac{

  height: 60px;

}



.rozpis{

  border: 1px solid black;



}



.rozpis td{

  padding-left: 1px;

  width: 110px;

  border: 1px solid black;

}



.rozpisHlavicka{

  font-weight: bold;

  background-color: grey;

}



.rozpisKluci{

  background-color: #57b2f8;

}



.rozpisHolky{

  background-color: #f881f1;

}



element.style{

  height: 100% !important;



}



#podpora{

  float: left;

  margin-left: 50px;

}



#podpora ul{

  margin-top: 10px;

}



#podpora ul li{

  margin-top: 20px;

  margin-bottom: 20px;

}



#podpora ul li a{

  text-decoration: none;

  color: white;

  margin-left: 5px;

}



#podpora ul li img{

  float: left;

  margin-top: -5px;

}



#podpora ul li a:hover{

  text-decoration: none;

  color: black;

  font-weight: bold;

}



td.odkaz a{

  color: black;

  text-decoration: none;

}



td.odkaz a:hover{

  color: black;

  text-decoration: underline;

}