* {padding: 0px; margin: 0px;}

body{
  text-align:center;
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 82%;
  background:url(../img/bg.jpg) top center no-repeat #667700;
}

h1 {
  font-size:170%;
  font-weight:normal;
  padding-bottom:10px;
}

h2 {
  font-size:150%;
  padding-bottom:4px;
  font-weight:normal;
}

h3 {
  font-size:130%;
  padding-bottom:4px;
  font-weight:normal;
}

h1, h2, h3 {
  font-family: "Trebuchet MS",Trebuchet,Verdana,sans-serif;
  color:#667700
}


p {padding-bottom:15px; line-height:1.3}

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

a:hover { color: #667700; text-decoration: underline;}

a[href$=".pdf"]{
  padding-right: 20px;
  background: url(../img/ikona-pdf.gif) right no-repeat;
}

a[href$=".doc"]{
  padding-right: 20px;
  background: url(../img/ikona-doc.gif) right no-repeat;
}

a[href$=".xls"]{
  padding-right: 20px;
  background: url(../img/ikona-xls.gif) right no-repeat;
}

img {border:none}

/* !!!!!!!!!! layout !!!!!!!!!! */
#obal-hlavicka{
	width:100%;
	height:124px;
	background:url(../img/bg-hlavicka.png) top repeat-x;
}

#hlavicka {
	width:982px;
	height:124px;
	margin:0 auto;
	position:relative;
	clear:both;
	z-index:1
}

#obal-obsah {
	width:982px;
	margin:0 auto;
	border:2px solid #FFF;
	border-top:none;
}

#animace {
	width:982px;
	height:315px;
	margin:0px;
	position:relative;
	clear:both;
	z-index:0
}

#obsah {
	width:982px;
	margin:0px auto;
	clear:both;
	background:url(../img/bg-obsah.png) top no-repeat #99aa00;
}

#levy-box {
	width:210px;
	float:left
}

#pravy-box{
	width:770px;
	float:right;
	color:#000;
    padding: 0px 0px 0px 0px;
	text-align: left;
}
/* !!!!!!!!!! logo !!!!!!!!!! */
#logo {
	width:520px;
	height:186px;
	position:absolute;
	top:4px;
	left:20px;
	z-index:200;
	color:#FFF;
	font-size:28px;
	font-family:"Times New Roman", Times, serif
}

#logo img{ width:107px; float:left}
#logo span{ color:#FC0; font-size:18px}
#logo p{ padding:20px 0px 0px 0px; margin:0px}

/* !!!!!!!!!! hlavicka !!!!!!!!!! */
#jazyk-menu{
	width:250px;
	height:15px;
	position:absolute;
	top:37px;
	right:0px;
	font-size:8px
}

#jazyk-menu ul li	{
	list-style-type:none;
	float:left;
	margin:0px 15px
}
#jazyk-menu ul li a{
	display: block;
	width:22px;
	height:15px;
	border: 1px solid #333;
	text-decoration:none;
}
#jazyk-menu ul li.cz { background:url(../img/cz.png) center no-repeat; }
#jazyk-menu ul li.en { background:url(../img/en.png) center no-repeat; }
#jazyk-menu ul li.de { background:url(../img/de.png) center no-repeat; }
#jazyk-menu ul li.ru { background:url(../img/ru.png) center no-repeat; }
#jazyk-menu ul li span{ visibility:hidden;}

#vyhledavani{
	position:absolute;
	top:88px;
	right:30px

}

#vyhledavani input.input {
background:url(../img/vyhledavani-input.png) left center no-repeat;
color:#808080;
float:left;
font-size:11px;
height:23px;
line-height:23px;
margin:0px;
padding-left:10px;
width:160px;
border: medium none
}

#vyhledavani input.submit {
background:none repeat scroll 0 0 transparent;
border:medium none;
float:left;
height:23px;
width:41px;
margin: 0px 0px 0px 2px;
padding:0;
}

#vrchni-menu {
	margin: 0px 0px 0px 0px;
	position:absolute;
	left:130px;
	top:81px;
	z-index:300
}

#vrchni-menu ul {
   margin: 0px 0px 0px 0px;
   list-style-type: none;
   padding:0px
}

#vrchni-menu ul li {
   float: left;
   text-align: center;
}

#vrchni-menu ul li	a {
   display: block;
   line-height:40px;
   padding: 0px;
   text-decoration: none;
   color: #fff;
   width:115px;
}

#vrchni-menu ul li a:hover{
   background-image:none;
   background-color:#333;
   color: #fc0;
   text-decoration:none

}

#vrchni-menu ul li.aktivni a{
   background-image:none;
   color: #fc0;
   text-decoration:none
}

#vrchni-menu ul li.aktivni a:hover{
   color: #fff;
   text-decoration:none
}

/* !!!!!!!!!! levy-box !!!!!!!!!! */

#leve-menu {width: 210px;}
#leve-menu ul{
   margin: 0px; 
   padding: 15px 0px 35px 5px;
   list-style-type: none;
}

#leve-menu ul li a{
	display: block;
	width: 180px;
	line-height:30px;
	padding-left: 25px;
	color: #000;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid #667700;
    font-size:14px;
	background:url(../img/bg-l-menu.png) top left no-repeat;
}
#leve-menu ul li.posledni a{ border-bottom:1px solid #FFF}
#leve-menu ul li a:hover,  #leve-menu ul li.aktivni a{ background:url(../img/bg-l-menu.png) bottom left no-repeat #FFF; color:#fff}

#leve-menu ul li ul {
   margin: 0px;
   padding:0px;
   padding-bottom:10px
}

#leve-menu ul li ul li a:link, #leve-menu ul li ul li a:visited {
	display: block;
	width: 175px;
	padding: 7px 0px 7px 30px;
	line-height: normal;
	color: #000;
	text-align: left;
	text-decoration: none;
	border:none;
	border-bottom: 1px solid #667700 ;
	border-top:1px solid #99aa00;
	background:url(../img/bg-pod-menu.png) left center no-repeat;
	font-size:12px;
}
#leve-menu ul li ul li a:hover{background:url(../img/bg-pod-menu.png) right center no-repeat; color:#fff;}

#leve-menu ul li ul li.aktivni a:link, #leve-menu ul li ul li.aktivni a:visited {background:url(../img/bg-pod-menu.png) right center no-repeat; color: #fff;}	



/* !!!!!!!!!! pravy-box !!!!!!!!!! */

#hlavni-box{
	width:715px;
	background:url(../img/bg-hlavni-box.png) left repeat-y;
	clear:both;
	padding:0px 20px 0px 35px;
	min-height:190px;
	_height: 190px;
	position:relative;
}

#hlavni-box ul{
	padding:0 0 1em 1em
}

#hlavni-box ul li{
	margin-top:3px;
	list-style: square outside url("../img/li.png")
}

#hlavni-box ul li ul {
	padding:5px 0px 0px 20px
}

#hlavni-box ul li ul li{
	list-style: none;
	list-style-type:disc;
	margin-top:5px;
}

#hlavni-box ol{
	padding:0px 0px 15px 20px
}

#hlavni-box ol li{
	list-style:upper-alpha
}

#drobecky{
	width:770px;
	text-align: left;
	clear:both;
	font-size:12px;
}

#drobecky ul{margin: 0px 0px 40px 35px}
#drobecky ul li {display:inline; background: url(../img/sipky.png) no-repeat center left; padding-left: 15px;}
#drobecky ul li.bezobr {background: none; padding-left: 0;}
#drobecky ul li.posledni a { text-decoration:none; color:#000}
#drobecky a {color: #fff;}

.uvodka-cinnost {
	float:left;
	width:400px
}

.uvodka-aktuality {
	float:right;
	width:230px;
	padding-left:25px;
	background:url(../img/bg-aktuality.png) left top no-repeat
}

.uvodka-aktuality strong{
	padding:1px;
	color:#FFF;
	background-color:#99aa00;
	font-size:11px;
}

.uvodka-aktuality h3{
	padding: 4px 0px 15px 0px;
	margin:0px;
	color:#000;
	font-size:100%
}

.uvodka-aktuality a{ text-decoration:underline; color:#000}

#uvodka-spodni-box{
	width:720px;
	clear:both;
	color:#FFF;
	padding:0px 20px 20px 30px;
}

#uvodka-spodni-box p{line-height: 1.1; padding-bottom:10px}

.uvodka-profil {
	float:left;
	width:450px
}

.uvodka-profil h2, .uvodka-kontakt h2{ color:#FFF}

.uvodka-kontakt {
	float:right;
	width:220px;
	padding-left:25px;
	border-left: 1px solid #667700
}

.uvodka-kontakt ul{
	padding:0 0 1em 1em
}

.uvodka-kontakt ul li{
	margin-top:4px;
	list-style: square outside url("../img/li-kontakt.png")
}

.reference {
	width:100%;
	padding:10px 0px;
	min-height: 100px;
	_height: 100px;
}

.reference img{
	float:left;
	background-color: #fff;
	padding:4px;
	border: 1px solid #ccc;
	margin:0px 10px 0px 0px;
}
 
.reference p{
	line-height: normal;
}
 
.reference h2{
	padding-bottom:4px;
	font-weight:normal;
}

.aktuality {
	width:100%;
	padding:0px;
	clear:both
}
 
.aktuality h2{
	margin:0px;
	padding:0px 0px 4px 0px;
	font-weight:normal;
	font-size:110%
}
.aktuality h2 span{ 	
    padding:0px 5px 0px 15px;
	color:#667700;
	text-decoration:none;
	background:url(../img/bg-aktuality.jpg) left center no-repeat;
} 

.aktuality p{line-height: normal; padding-bottom:20px}

.fotogalerie{ 
	float: left;
	width: 120px;
	margin: 0px 30px 15px 0px;
}

.fotogalerie img{
	background-color: #fff;
	padding:4px 4px 0px 4px;
	border: 1px solid #99aa00;
	border-bottom:none;
	margin:0px 10px 0px 0px;
}

.fotogalerie a{
	width:130px;
	display:block;
	padding:4px 0px 6px 0px;
	line-height:none;
	text-align: center;
	background-color:#99aa00;
	color:#FFF
 }
 
 .fotogalerie a:hover{
	background-color: #667700;
	color:#fc0
 }

#tl-strediska{
	width:240px;
	height:86px;
	position:absolute;
	top:25px;
	right:0px;
}

#tl-strediska ul li	{
	list-style:none;
	float:left;
	margin:0px 0px
}
#tl-strediska ul li a{
	display: block;
	width:86px;
	height:86px;
	text-decoration:none;
	margin-right:15px
}
#tl-strediska ul li.tl-mapa a{ background:url(../img/mapa.png) left top no-repeat; }
#tl-strediska ul li.tl-mapa a:hover{ background:url(../img/mapa.png) left bottom no-repeat; }
#tl-strediska ul li.tl-foto a{ background:url(../img/foto.png) left top no-repeat; }
#tl-strediska ul li.tl-foto a:hover{ background:url(../img/foto.png) left bottom no-repeat; }
#tl-strediska ul li.tl-mapa span, #tl-strediska ul li.tl-foto span{ visibility:hidden;}

.kontakt-strediska{
	float:right;
	width:260px;
	text-align:center
}

.kontakt-info{
	float:left;
	width:430px;
	text-align:left
}

ul#kontakt-menu  {
   width: 250px;
   margin: 0;
   font-size:12px;
   text-align:left;
   margin-left:10px
}

ul#kontakt-menu li {
	list-style:none;
	list-style-image:none
}

ul#kontakt-menu li a{
	display: block;
	width: 250px;
	line-height:20px;
	color: #000;
	text-align: left;
	text-decoration:underline
}

ul#kontakt-menu li a:hover {color: #667700}
ul#kontakt-menu li a span{ background-color:#99aa00; color:#FFF; padding:2px 5px; border-right:5px solid #FFF; text-decoration:none}
ul#kontakt-menu li a:hover span{ background-color: #FC0; color:#000; padding:2px 5px; border-right:5px solid #FFF;}
/* !!!!!!!!!! galerky !!!!!!!!!! */
.detail {
	padding:10px 0px;
	clear:both
}

.detail img{
	border: 1px solid #666;
	margin: 0px 9px 9px 0px;
	float:left;
	padding:3px;
	background-color:#F2F2F2
}

/* !!!!!!!!!! blok tisk !!!!!!!!!! */
#tisk{
	width:770px;
	line-height:35px;
	text-align: left;
	margin-bottom:20px;
	clear:both;
	font-size:11px;
	background:url(../img/bg-tisk.png) bottom left no-repeat
}

#tisk a{ color:#330000;}
#tisk p{ padding-left:35px}
.clear{ clear:both}


/* !!!!!!!!!! patice !!!!!!!!!! */

#patice {
   width:982px;
   height:80px;
   border-top: 1px solid #FFF;
   background:url(../img/bg-patice.png) left top no-repeat #000;
   color: #CCC;
   font-size:85%;
   text-align:right;
   margin:0 auto 0px auto;
   padding-top:10px;
   clear:both
}

#patice p{ padding: 10px 20px 0px 0px}
#patice a{ color:#ccc}


/* !!!!!!!!!! jirka admin !!!!!!!!!! */

#errorBox { background: url("../img/pozor.gif") no-repeat scroll 8px 16px #fad3c4; border: #f00 2px solid; padding: 5px; }
#tipBox { background: url("../img/tip.gif") no-repeat scroll 8px 16px #fcf9cf; border: #f4e95b 2px solid; padding: 5px; }
#errorBox h2, #errorBox p, #tipBox h2, #tipBox p { padding-left: 90px; color:#000 }
#errorBox ul, #tipBox ul { padding-left: 150px; }
#errorBox li, #tipBox li { padding-bottom: 5px; }
#errorBox li p, #tipBox li p { margin: 0; padding: 0; }
#errorBox img, #tipBox img { padding: 0; }
 
 
.form_ok { background: url(../img/form-ok.gif) 5px 5px no-repeat #0ac40d; }
.form_chyba { background: url(../img/form-error.gif) 5px 5px no-repeat #ff0d0d; }
.form_ok p, .form_chyba p { text-align: justify; padding: 10px 5px 10px 30px; }

#pravy-box table { width: 100%; color:#000; padding:0px 10px}
.cele { width: 100%; }
.textarea-cele { width: 100%; height: 200px; }
.pravy { text-align: right; padding-top: 5px; }
.skryte { display: none; }
 
#form th { text-align: left; }

.strankovani { padding-top:15px}
.strankovani .aktivni {color: #C00; background-color:#E4E4E4}
.strankovani a, .strankovani .aktivni{border:1px solid #CCCCCC;padding:1px 5px;text-decoration:none;}
.strankovani a:hover{ color:#c00}
/* mapa */
/*
#map  {
	height: 450px;
	padding-bottom: 10px;
}
.mapa_content h3 { font-weight: bold; }
.mapa_content p { color: #000; }
*/
#mapBox {
	width: 365px;
	float: right;
}
#map  {
	height: 260px;
	padding-bottom: 10px;
}
.mapa_content h3 { font-weight: bold; }
.mapa_content p { color: #000; }


#kontakt_1, #kontakt_2, #kontakt_3, #kontakt_4, #kontakt_5, #kontakt_6, #kontakt_7 { display: none; }

table{ 
   text-align:center; 
   margin:3px 0px 20px 0px; 
   color:#000000;
   font-size:12px;
   border-collapse: collapse}

table td { padding:5px 2px; border: solid 1px #888;  background-color: #F2F2F2}
table th{ padding:6px 2px; background-color: #99aa00; border: solid 1px #667700}