/* CSS Document */
*{
padding: 0px;
margin: 0px;
}

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

body{
font-family: Arial;
text-align: center;
background: #fff url('../images/bg.png') top center repeat-x;
}

a{
text-decoration: none; 
}

a{
text-decoration: underline; 
}

.cleaner{
clear: both;
}

.box-left{
width: 200px; 
float: left;
}

img{
border: none;
}

img#banner{
float: left;
width: 925px;
height: 115px;
clear: both;
}

img.left{
float: left;
}


img.right{
float: right;
}


#galery{
width: 900px;
margin: 0 auto 0 auto;
}

#galery .gal-pics{
 _width: 100px;
 _height: 100px;
 max-width: 100px;
 max-height: 100px;
 border: 1px solid #399F8C;
}

#galery .gal-pics:hover{
 border: 1px solid green;
}

#galery2{
width: 600px;
margin: 0 auto 0 auto;
}

#galery2 .gal-pics{
 _width: 100px;
 _height: 100px;
 max-width: 100px;
 max-height: 100px;
 border: 1px solid #399F8C;
}

#galery2 .gal-pics:hover{
 border: 1px solid green;
}

.formular{
width: 220px;
margin: 20px 0 0 0;
font-size: 80%;
}

.formular label{
clear: both;
float: left;
margin: 5px 0 5px 0;
}

.formular input, .formular textarea{
float: right;
margin: 5px 0 5px 0;
}

.formular input{
width: 175px;
height: 20px;
border: 1px solid #000;
}


.formular .textarea{
width: 175px;
height: 90px;
border: 1px solid #000;
}

.formular .submit{
width: 175px;
padding: 3px 3px 3px 3px;
margin: 5px 0 0 0;
background-color: #A7C7D6;
color: #fff;
display: block;
border: 0px;
cursor: pointer;
}

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

ol{
padding: 0px;
font-size: 95%;
margin: 0 0 0 10px;
}

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

#web{
width: 973px;
height: auto;
margin: 0 auto 0 auto;
background: #fff;
border: 1px solid #B7D7D1;
}

#header{
width: 941px;
height: 218px;
text-align: left;
margin: 0 auto 4px auto;
}


h1#logo {
	float: left;
	position: relative; 
	overflow: hidden;
	text-decoration: none;
top: 70px;
left: 22px;
}

h1#logo, h1#logo span {
width: 350px;
height: 68px;
	display: block;
	vertical-align: middle; 
	cursor: pointer;
	padding: 0 0 0 135px;
	margin: 0px;
	font-smooth: never;
	text-transform: uppercase;
}
 

h1#logo span {
float: left;
	position: absolute; 
	left: 0; 
	top: 0; 
	color: #296A5D;
	font-size: 50%;
	z-index: 1;
	background: url('../images/logo.png') no-repeat;
}

h1#logo span strong{
color: #296A5D;
font-size: 135%;
}


h1#logo span em{
font-style: normal;
font-weight: bold;
font-size: 190%;
}

h1#logo a{
	text-decoration: none;
}

h1#logo a:hover{
	text-decoration: none;
}

#content{
width: 942px;
height: auto;
text-align: left;
margin: 0 auto 30px auto;
background: #fff;
}

#content ul{

}

#content #prezentace{
float: right;
width: 941px;
height: 257px;
margin: 0 0 10px 0;
}


#content #prezentace span.next{
float: right;
width: 24px;
height: 224px;
background: url('../images/next.png') left 100px no-repeat;
}

#content #prezentace span.next-2{
float: right;
width: 24px;
height: 224px;
background: url('../images/next-2.png') left 100px no-repeat;
}

#content #prezentace span.next a{
display: block;
width: 24px;
text-decoration: none;
height: 224px;
}

#content #prezentace span.prev{
float: left;
width: 25px;
text-decoration: none;
height: 224px;
background: url('../images/prev.png') left 100px no-repeat;
}

#content #prezentace span.prev-2{
float: left;
width: 25px;
text-decoration: none;
height: 224px;
background: url('../images/prev-2.png') left 100px no-repeat;
}

#content #prezentace span.prev a{
display: block;
text-decoration: none;
width: 24px;
height: 224px;
}

#content #prezentace #pruh{
clear: both;
display: block;
color: #1C3730;
font-weight: bold;
padding: 7px 0 0 15px;
top: 50px;
height: 36px;
background: #fff;
}

#content #prezentace #pruh span{
padding: 7px 0 0 16px;
font-size: 90%;
vertical-align: middle;
line-height: 140%;
background: url('../images/prez-sipka.png') left 11px no-repeat;
}

#content #prezentace #pruh .strankovani{
float: right;
margin-right: 15px;
}

#menu{
clear: both;
display: block;
width: 942px;
height: 33px;
margin: 4px 0 4px 0;
background: #0C5F33;
}

#menu ul{
clear: both;
list-style: none;
position: absolute;
top: 223px;
width: 942px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #71A28B;
background: #0C5F33 url('../images/menu.png') left top repeat-x;
}

#menu ul li{
float: left;
font-size: 70%;
height: 27px;
background: #0C5F33 url('../images/menu.png') left top repeat-x;
}

#menu ul li#active{
float: left;
font-size: 70%;
height: 27px;
background: #0C5F33 url('../images/menu-hover.png') left top repeat-x;
}


#menu ul li a{
color: #fff;
display: block;
font-weight: bold;
padding: 7px 20px 7px 19px;
text-decoration: none;
background: url('../images/menu-linka.gif') right top no-repeat;
}

#menu ul li a:hover{
color: #fff;
text-decoration: none;
background: #0C5F33 url('../images/menu-hover.png') left top repeat-x;
}

#menu ul li a:hover, #menu ul li:hover ul.sub, #menu ul li a:hover ul.sub li{
visibility: visible;
}

#menu ul li ul.sub{
 width: 208px;
 visibility: hidden;
 top: 28px; 
 position: absolute;
 background: #0C5F33;
 border: none;
}
#menu ul li ul.sub li{
background: none;
 position: relative;
font-size: 85%;
margin: 0px;
}

#menu ul li ul.sub li a{
width: 170px;
color: #fff;
background: url('../images/submenu-sipka.png') 7px 7px no-repeat;
}

#menu ul li ul.sub li a:hover{
text-decoration: underline;
background: url('../images/submenu-sipka.png') 7px 7px no-repeat;
}

.strankovani a{
float: left;
color: #fff;
text-decoration: none;
font-size: 90%;
display: block;
width: 21px;
text-align: center;
line-height: 145%; 
margin: 0 0 0 5px;
background: url('../images/but-str.png') left top no-repeat;
}

.strankovani a:hover{
color: #fff;
background: url('../images/but-str-hover.png') left top no-repeat;
}

.strankovani a#str-act{
color: #fff;
text-decoration: none;
font-size: 90%;
display: block;
width: 21px;
text-align: center;
line-height: 145%;
margin: 0 0 0 5px;
background: url('../images/but-str-hover.png') left top no-repeat;
}

#content h2{
color: #368C7C;
font-weight: bold;
font-size: 120%;
padding: 0 0 18px 15px;
}

#left_cont2 ul#veletrh-menu{
float: left;
list-style: none;
width: 215px;
border: 1px solid #F4F4F4;
padding: 5px 0 5px 0;
margin: 5px 0 0 0;
}

#left_cont2 ul#veletrh-menu li{
float: left;
width: 215px;
background: url('../images/pruh-li.png') center bottom no-repeat;
}

#left_cont2 ul#veletrh-menu li a{
color: #358D7D;
text-decoration: none;
font-size: 95%;
display: block;
font-weight: bold;
padding: 10px 20px 10px 35px;
background: url('../images/kosticka.png') 19px 17px no-repeat;
}

#left_cont2 ul#veletrh-menu li a:hover{
color: #358D7D;
text-decoration: underline;
font-size: 95%;
font-weight: bold;
}

#left_cont2 .vpravo{
float: right;
width: 650px;
height: auto;
}

#left_cont p{
font-size: 75%;
text-align: left;
line-height: 140%;
padding: 0 0 0 15px;
}

#left_cont table{
font-size: 75%;
font-weight: normal;
}

#left_cont ul{
padding: 0px;
font-size: 80%;
margin: 5px;
}

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

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

#left_cont h2{
color: #368C7C;
font-size: 120%;
padding: 10px 0 15px 15px;
}

#left_cont h3{
color: #999;
font-size: 100%;
padding: 10px 0 0 15px;
}

#left_cont h4{
color: #000;
font-size: 90%; 
padding: 10px 0 0 15px;
}

#left_cont img{
margin: 7px;
}

#content2 h2{
color: #368C7C;
font-weight: bold;
font-size: 120%;
padding: 0 0 5px 15px;
}

#left_cont2 p{
font-size: 75%;
text-align: left;
line-height: 140%;
padding: 0 0 0 15px;
}

#left_cont2 p span{
font-size: 110%;
color: #333;
text-align: left;
line-height: 170%;
margin: 0 0 10px 0;
}

#left_cont2 table{
font-size: 75%;
font-weight: normal;
padding: 0 0 0 15px;
}

#left_cont2 ul{
padding: 0px;
font-size: 80%;
margin: 5px;
}

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

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

#left_cont2 h2{
color: #368C7C;
font-size: 120%;
padding: 10px 0 15px 15px;
}

#left_cont2 h3{
color: #999;
font-size: 100%;
padding: 10px 0 0 15px;
}

#left_cont2 h4{
color: #000;
font-size: 90%; 
padding: 10px 0 0 15px;
}

#left_cont2 img{
margin: 7px;
}


#search_ul{
margin: 0 0 0 20px;
}

#search_ul li{
margin: 5px 0 0 0;
font-size: 80%;
width: 100%;
background: #eeeeee;
}

#search_ul li a{
color: #000;
text-decoration: none;
}

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

#box{
width: 909px;
height: 41px;
clear: both;
padding: 4px 0 0 31px;
margin: 0 0 10px 0;
border: 1px solid #E1E1E1;
line-height: 230%;
vertical-align: middle;
background: #F2F2F2;
}

#box form{
padding: 0px;
margin: 0px;
}


#box #search{
float: left;
width: 400px;
}


#box #search label{
float: left;
width: 131px;
color: #368C7C;
font-size: 90%;
text-transform: uppercase;
font-weight: bold;
}

#box #search input{
float: left;
width: 204px;
height: 34px;
border: none;
font-size: 80%;
line-height: 250%;
vertical-align: middle;
padding: 0 0 0 15px;
background: url('../images/form.png') left top no-repeat;
}

#box #search .submit{
float: left;
width: 32px;
height: 34px;
border: none;
cursor: pointer;
background: url('../images/search-but.png') left top no-repeat;
}

#box #veletrh{
float: right;
width: 400px;
margin: 0 25px 0 0;
}


#box #veletrh label{
float: left;
width: 141px;
color: #368C7C;
font-size: 90%;
text-transform: uppercase;
margin: 0 5px 0 5px;
font-weight: bold;
}

#box #veletrh select{
border: none;
width: 169px;
height: 20px;
border: 1px solid #fff;
display: block;
font-size: 80%;
line-height: 34px;
margin: 0 0 5px 0;
}

#box #veletrh span{
float: left;
width: 179px;
height: 27px;
padding: 7px 0 0 25px;
display: block;
background: url('../images/form.png') left top no-repeat;
}

#box #veletrh .submit{
float: left;
width: 34px;
height: 34px;
border: none;
cursor: pointer;
background: url('../images/ok.png') left top no-repeat;
}

#content .vystavy{
float: left;
width: 293px;
height: 120px;
background: #F1F1F1;
margin: 0 11px 15px 0;
padding: 0 10px 20px 0;
background: url('../images/vyst.png') left bottom no-repeat;
}

#content .vystavy h2{
color: #fff;
font-size: 80%;
width: 303px;
text-align: center;
padding: 13px 0 20px 0;
text-transform: uppercase;
background: url('../images/vyst-h2.png') left top no-repeat;
}

#content .vystavy img{
float: left;
max-width: 164px;
max-height: 65px;
_width: 55px;
_height: 55px;
margin: 0 20px 0 10px;
}

#content .vystavy p{
color: #616161;
font-size: 80%;
margin: 3px auto 0 auto;
padding: 0 0 0 10px;
}

#content .vystavy p a{
width: 70px;
float: right;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 9px;
color: #368C7C;
text-decoration: none;
background: url('../images/vyst-sipka.png') left 4px no-repeat;
}

#content #left_cont{
float: left;
width: 638px;
}

#content #left_cont2{
float: left;
width: 900px;
}

#content .akce{
clear: both;
float: left;
width: 612px;
height: 166px;
margin: 0 0 22px 0;
padding: 0 0 0 10px;
background: url('../images/akce-back.png') left top no-repeat;
}

#content .akce h3{
color: #368C7C;
font-size: 95%;
padding: 17px 7px 10px 0;
border: none;
}

#content .akce img{
float: left;
margin: 13px 15px 0 0;
}

#content .akce p{
color: #368C7C;
font-size: 80%;
line-height: 160%;
padding: 0 25px 0 0;
}

#content .akce p a{
width: 70px;
float: right;
display: block;
margin: 20px 0 0 0;
padding: 0 0 0 10px;
color: #368C7C;
text-decoration: none;
background: url('../images/akce-sipka.png') left 5px no-repeat;
}

#content .akce p a:hover{
text-decoration: underline;
}

#left_cont2 ul{
margin: 0 0 0 35px;
}

#left_cont2 ol{
margin: 0 0 0 35px;
}

a#archiv{
float: right;
margin-right: 50px;
text-decoration: none;
padding: 0 0 0 15px;
color: #368C7C;
font-size: 95%;
background: url('../images/akce-sipka.png') left 3px no-repeat;
}

a#archiv:hover{
text-decoration: underline;
color: #368C7C;
font-size: 95%;
}

#content .akce2{
clear: both;
float: left;
width: 879px;
height: auto;
margin: 0 0 22px 0;
padding: 0 7px 0 0;
}

#content .akce2 span{
clear: both;
display: block;
width: 885px;
height: 19px;
}

#content .akce2 h3{
color: #368C7C;
font-size: 95%;
padding: 17px 0 10px 7px;
border: none;
}

#content .akce2 img{
float: left;
margin: 13px 15px 0 10px;
}

#content .akce2 p{
color: #368C7C;
font-size: 80%;
line-height: 160%;
padding: 0 5px 0 7px;
}

#content .akce2 p a{
width: 70px;
float: right;
display: block;
margin: 20px 0 0 0;
padding: 0 0 0 10px;
color: #368C7C;
text-decoration: none;
background: url('../images/akce-sipka.png') left 5px no-repeat;
}

.kalendar_vystav{
float: left;
width: 295px;
height: auto;
height: 80px;
margin: 0 0 15px 14px;
}

.kalendar_vystav img{
float: left;
max-width: 66px;
max-height: 65px;
min-width: 66px;
min-height: 65px;
margin: 0 24px 0 0;
}

.kalendar_vystav span{
font-size: 70%;
color: #999;
font-weight: normal;
}

.kalendar_vystav h2{
font-size: 95%;
}

.kalendar_vystav p{
font-size: 75%;
text-align: left;
line-height: 140%;
font-weight: normal;
padding: 0 0 0 15px;
}

.kalendar_vystav a{
color: #4F8B6B;
font-weight: bold;
font-weight: normal;
text-decoration: none;
}

.kalendar_vystav a:hover{
color: #4F8B6B;
font-weight: normal;
text-decoration: underline;
}

#content .akce2 p a:hover{
text-decoration: underline;
}



#content #right_cont{
float: right;
width: 303px;
}

#content #right_cont h2{
padding-left: 25px;
}

.left_p{
float: left;
width: 195px;
}

#charakt{
width: 189px;
min-height: 102px;
_height: 102px;
overflow: auto;
color: #358C7B;
margin: 7px 0 0 0;
padding: 7px 10px 7px 17px;
font-size: 75%;
border: 1px solid #F4F4F4;
}

#charakt h2{
padding: 5px 0 5px 0; 
}

#content #right_cont .boxik{
float: right;
width: 284px;
height: auto;
text-align: center;
color: #fff;
font-size: 95%;
margin:  0 0 10px 0;
padding: 5px 0 0 0;
background: #368C7C url('../images/boxik_top.png') left top no-repeat;
}

#content #right_cont .boxik p{
color: #fff;
font-size: 85%;
text-align: left;
padding: 10px 8px 0 10px;
}

#content #right_cont .boxik a{
color: #fff;
text-decoration: none;
}

#content #right_cont .boxik a:hover{
color: #fff;
text-decoration: underline;
}


#content #right_cont .boxik span{
clear: both;
display: block;
width: 284px;
height: 9px;
margin: 0px;
padding: 0px;
background: url('../images/boxik_down.png') left bottom no-repeat;
}


#content #right_cont #kalendar{
float: right;
width: 284px;
height: 224px;
text-align: center;
color: #fff;
font-size: 80%;
margin:  0 0 10px 0;
padding: 0 0 10px 0;
background: url('../images/kalendar-back.png') left top no-repeat;
}

#content #right_cont #kalendar table{
width: 268px;
height: 200px;
font-size: 85%;
color: #fff;
text-align: center;
margin: 7px auto 0 auto;
}

#content #right_cont #kalendar tr{
height: 25px;
margin: 3px 0 0 0;
}
#content #right_cont #kalendar a#kal_prev{
background: url('../images/prev-kal.png') left 7px no-repeat;
}

#content #right_cont #kalendar a#kal_next{
background: url('../images/next-kal.png') right 7px no-repeat;
}

#content #right_cont #kalendar tr.radek{
background: #B4CED0;
color: #000;
}

#content #right_cont #kalendar tr#dny{
font-weight: bold;
height: 20px;
line-height: 15px;
margin: 3px 0 0 0;
background: url('../images/prouzek-kal.png') left top no-repeat;
}

#content #right_cont #kalendar td a{
background: #A2B9C7;
color: #000;
display: block;
padding: 5px 0px 5px 0px;
text-decoration: none;
}

#content #right_cont #kalendar td a:hover{
color: #000;
text-decoration: none;
}

#content #right_cont #kalendar .box-kal{
background: #A2B9C7;
width: 150px;
position: absolute;
}

#content #right_cont #kalendar .box-kal a{
clear: both;
}

#content #right_cont #kalendar .box-kal span{
display: block;
clear: both;
height: 19px;
margin: 0 8px 0 0;
float: right;
}

#content #right_cont #kalendar .box-kal a:hover{
text-decoration: underline;
}

#content #right_cont #anketa{
float: right;
width: 284px;
color: #fff;
margin:  0 0 10px 0;
padding: 0 0 0 0;
text-align: left;
background: #368C7C url('../images/anketa-back.png') left top no-repeat;
}

#content #right_cont #anketa span{
clear: both;
width: 284px;
height: 10px;
display: block;
background: url('../images/anketa-span.png') left bottom no-repeat;
}

#content #right_cont #anketa table{
color: #fff;
width: 230px;
font-size: 75%;
margin: 0 auto 0 auto;
}

#content #right_cont #anketa table td.italic{
text-align: center;
font-style: italic;
}

#content #right_cont #anketa table a{
color: #C5D7DB;
text-decoration: none;
}

#content #right_cont #anketa table a:hover{
color: #C5D7DB;
text-decoration: underline;
}


#footer{
width: 942px;
text-align: left;
margin: 0 auto 0 auto;
}

#footer span{
float: left;
line-height: 120%;
padding: 12px 0 0 0;
}

#footer img{
border: none;
margin: 10px 0 0 7px;
}

#footer p#left{
float: left;
color: #A4A4A4;
font-size: 85%;
}

#footer p#left a{
color: #A4A4A4;
font-weight: bold;
text-decoration: none;
}


#footer p#left a:hover{
color: #A4A4A4;
text-decoration: underline;
}

#footer p#right{
float: right;
}

#footer p#right a#design,#footer p#right a#design:hover{
float: left;
width: 103px;
height: 13px;
margin: 12px 7px 0 0;
text-decoration: none;
background: url('../images/design.gif') left top no-repeat;
}

#footer p#right a#dream,#footer p#right a#dream:hover{
float: left;
width: 103px;
height: 13px;
margin: 12px 7px 0 0;
text-decoration: none;
background: url('../images/web.gif') left top no-repeat;
}