/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.3em;
 background: Black url(images/bg_bott.jpg) no-repeat fixed bottom right; 
 color: #E1E1E1; 
}

body.bb3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.3em;
 background: Black url(images/bg_bott3.jpg) no-repeat fixed bottom right; 
 color: #E1E1E1; 
}

strong {
	 color: #CFCFCF;
}

strong.orange {
	 color: #F2811F;
}

#wrapper {  
 width: 1100px;
  background: url(images/bg.jpg) no-repeat fixed top left; 
}


#wrapper.b1 {  
  background: url(images/bg1.jpg) no-repeat fixed top left; 
}
#wrapper.b2 {  
  background: url(images/bg2.jpg) no-repeat fixed top left; 
}
#wrapper.b3 {  
  background: url(images/bg3.jpg) no-repeat fixed top left; 
}
#wrapper.b4 {  
  background: url(images/bg4.jpg) no-repeat fixed top left; 
}
#wrapper.b5 {  
  background: url(images/bg5.jpg) no-repeat fixed top left; 
}




.molekula {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 100;
	
	}

#header {
 
 width: 1000px;
 float: left;
 padding: 10px;
 height: 130px;
 margin: 0px 0px 0px 0px;
 background: url(images/KS2009.gif) no-repeat 270px 0px ;

}

#navigation {
float: left;
 width: 1000px; 
 padding: 10px;
 margin: 0px 0px 0px 0px;
 color: #F6821F; 
}


#navigation h1 {
padding-left: 80px;
font-size: 18px;
text-align: center;

}

#navigation h1.pic {
margin-left: 265px;
background: url(images/nadpis.gif) no-repeat 0px 0px;
height: 120px;
font-size: 18px;
text-align: center;
}

#navigation h1.pice {
margin-left: 265px;
background: url(images/nadpis-e.gif) no-repeat 0px 0px;
height: 120px;
font-size: 18px;
text-align: center;
}

#navigation h1 span {
	visibility: hidden;
}

#navigation h1.a {
padding-left: 80px;
font-size: 18px;
text-align: center;

}


.center {
	text-align: center;
}


#leftcolumn { 
 
 margin: 0px 0px 0px 0px;
 padding: 10px;
  min-height:400px; 
height:auto !important; 
height:400px; 
 width: 180px;
 float: left;
}

#content { 
 float: left; 
 margin: 0px 0px 0px 0px;
 padding: 90px 10px 10px 10px;
 min-height:400px; 
height:auto !important; 
height:400px; 
 width: 810px;
 display: inline;

 
 
}

#content.uvod {
	background: url(images/datum.gif) no-repeat 40px 0px ;
}

#content.aktual {
	background: url(images/aktuality.gif) no-repeat 40px 0px ;
}

#content.aktuale {
	background: url(images/aktuality-e.gif) no-repeat 40px 0px ;
}

#content.program {
	background: url(images/program.gif) no-repeat 40px 0px;
}

#content.programe {
	background: url(images/programe-e.gif) no-repeat 40px 0px;
}

#content.snimky {
	background: url(images/snimky.gif) no-repeat 40px 0px;
}

#content.snimkye {
	background: url(images/snimky-e.gif) no-repeat 40px 0px;
}

#content.info {
	background: url(images/info.gif) no-repeat 40px 0px;
}

#content.infoe {
	background: url(images/info-e.gif) no-repeat 40px 0px;
}

#content.statut {
	background: url(images/statut.gif) no-repeat 40px 0px;
}

#content.statute {
	background: url(images/statut-e.gif) no-repeat 40px 0px;
}

#content.prihlasky {
	background: url(images/prihlasky.gif) no-repeat 40px 0px;
	padding-top: 150px;
}

#content.prihlaskye {
	background: url(images/prihlasky-e.gif) no-repeat 40px 0px;
	padding-top: 150px;
}

#content.vybor {
	background: url(images/vybor.gif) no-repeat 40px 0px;
}

#content.vybore {
	background: url(images/vybor-e.gif) no-repeat 40px 0px;
}

#content.porota {
	background: url(images/porota.gif) no-repeat 40px 0px;
}


#content.historie {
	background: url(images/historie.gif) no-repeat 40px 0px;
}

#content.historiee {
	background: url(images/historie-e.gif) no-repeat 40px 0px;
}

#content.kontakt {
	background: url(images/kontakt.gif) no-repeat 40px 0px;
}

#content.kontakte {
	background: url(images/kontakt-e.gif) no-repeat 40px 0px;
}

#content p {
min-height:400px; 
height:auto !important; 
height:400px; 
padding: 0px 210px 0px 75px;
text-align: justify;
}

#content div {
min-height:400px; 
height:auto !important; 
height:400px; 
padding: 0px 210px 0px 75px;
text-align: justify;
}

#content ol, ul {
margin: 20px 0px 10px 50px;
}

#content li {
margin: 0px 0px 10px 0px;
}

#content p.park {
/*background: url(images/bg_park.png) no-repeat right bottom;	*/	
}

#content p.zamek {
background: url(images/bg_zamek.jpg) no-repeat right bottom;		
}

#content p.socha {
	
}

#content table td {
vertical-align: top;
}


#content table.program {
width:530px;
margin: 0px 210px 20px 75px;
text-align: justify;
}

#content table.vybor {
width:590px;
margin: 0px 210px 20px 35px;
text-align: justify;
}

/* ------------   S N I M K  Y --------    */

#content table.film {
width:750px;
margin: 0px 210px 20px 35px;
text-align: justify;
}

#content table.film2 {
width:595px;
margin: 0px 210px 20px 35px;
text-align: justify;
}

#content table.film caption {
	color: #EC7E00;
	height: 30px;
	text-align: left;
	padding-left: 45px;
}

#content table.film2 caption {
	color: #EC7E00;
	height: 30px;
	text-align: left;
	padding-left: 45px;
}

#content table.film caption h3 {
	visibility: visible;
}

#content table.film2 caption h3 {
	visibility: visible;
}

#content table.film2 strong {
	color: #EC7E00;
}

#content table.film strong {
	color: #EC7E00;
}

#content table td.nazev {
width:330px;
text-align: left;
vertical-align: top;
padding-left: 15px;
color: #A6A6A6;
}

#content table td.nazev2 {
width:300px;
text-align: left;
vertical-align: top;
padding-left: 15px;
color: #A6A6A6;
}

#content table td.rezie {
width:120px;
text-align: left;
vertical-align: top;
padding-left: 15px;
color: #A6A6A6;
}

#content table td.stopa {
width:80px;
text-align: left;
vertical-align: top;
padding-left: 15px;
color: #A6A6A6;
}

#content table td.prod {
width:190px;
text-align: left;
vertical-align: top;
padding-left: 15px;
color: #A6A6A6;
}

/* ------------   S N I M K  Y --------    */

#content table td.time {
width:150px;
text-align: left;
vertical-align: top;
padding-left: 15px;
color: #A6A6A6;
}

#content table td.jmeno {
width:170px;
text-align: left;
vertical-align: top;
padding-left: 15px;
color: #A6A6A6;
}

#content table td.funkce {
width:220px;
text-align: left;
vertical-align: top;
}



#content table caption.d17 {
	background: url(images/17.gif) no-repeat;
	height: 50px;
}

#content table caption.d18 {
	background: url(images/18.gif) no-repeat;
	height: 50px;
}

#content table caption.d19 {
	background: url(images/19.gif) no-repeat;
	height: 50px;
}

#content table caption.d20 {
	background: url(images/20.gif) no-repeat;
	height: 50px;
}

#content table caption.d21 {
	background: url(images/21.gif) no-repeat;
	height: 50px;
}


#content table caption.d17e {
	background: url(images/17e.gif) no-repeat;
	height: 50px;
}

#content table caption.d18e {
	background: url(images/18e.gif) no-repeat;
	height: 50px;
}

#content table caption.d19e {
	background: url(images/19e.gif) no-repeat;
	height: 50px;
}

#content table caption.d20e {
	background: url(images/20e.gif) no-repeat;
	height: 50px;
}

#content table caption.d21e {
	background: url(images/21e.gif) no-repeat;
	height: 50px;
}




#content table caption.fv {
	background: url(images/fv.gif) no-repeat;
	height: 50px;
}

#content table caption.cc {
	background: url(images/cc.gif) no-repeat;
	height: 50px;
}

#content table caption.cce {
	background: url(images/cce.gif) no-repeat;
	height: 50px;
}

#content table caption h3 {
	visibility: hidden;
}

#rightcolumn { 

margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 20px;
 float: left;
 position: relative;
}


.clear { clear: both; }

.clear_bott { clear: both;  background: url(images/pdy_bott.gif) no-repeat top left;
width: 100%;
height: 106px;
padding: 70px 0px 0px 150px;
color: #545454;
font-size: 10px;

}

#pdf {	
margin: 0px 0px 0px 100px;


}

#pdf td {
padding-left: 20px;
	
}


a {
	color: #CCCCCC;
	text-decoration: underline;
}

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

#history {
margin: 20px 210px 0px 75px;
width: 520px;
height: 100px;
background: #2A2A2A;
border: none;	
}

.righ {
	float: right;
}