body { margin:0; padding:0; width:100%; background: #f4f4f4 url(../images/bg.jpg) 50% top no-repeat; font: normal 12px Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}
.clr {clear:both;}

/* main */
.main {width:964px; padding:0; margin:0 auto; }

/* header */
.header { width:964px; height:77px; margin:0; padding:0;}
.logo { width:260px; height:77px; margin:0; padding:0 0 0 10px; float:left;}

.text_smal { width:500px; padding:0; margin:0; float:right;}
.text_smal p { font:normal 11px Arial, Helvetica, sans-serif; color:#999999; padding:30px 0 0 180px;}

/* search */                          
.search-bar { padding:0; margin:0 auto; width:964px; height:40px; background:url(../images/search-bar-bg.png) repeat-x top; font:normal 12px Arial, Helvetica, sans-serif;}
.search-bar .l_search-bar { background:url(../images/search-bar-bg-l.png) no-repeat left; height:40px;}
.search-bar .r_search-bar { background:url(../images/search-bar-bg-r.png) no-repeat right; height:40px;}
.search { float:left; width:330px; height:33px; padding:3px 10px; margin:0;}
.search label { float:left; padding: 8px 0 0 15px; width:50px; color:#333; font-weight: bold;}
.search input[type=text] { float:left; border:1px solid #999999; margin:6px 0; font:normal 11px Arial, Helvetica, sans-serif;}
.search input.text { float:left; border:1px solid #999999; margin:6px 0; font:normal 11px Arial, Helvetica, sans-serif;}
.search input[type=image] { padding:6px; width: 21px; border:0px;}
.search input.search-button { padding:6px; width: 21px; border:0px;}

#where { width:660px; height:12px; padding:0 0 5px 0; margin:0 0 20px 0; font:bold 10px  Arial, Helvetica, sans-serif; border-bottom: 1px solid #eee;}
#where a.where{ font:bold 10px  Arial, Helvetica, sans-serif; text-decoration: none; margin:0;}
.nachazite { position: relative; width:400px; float:left; height: 10px; border:1px; padding:0 ; margin:0; font:bold 10px  Arial, Helvetica, sans-serif;}
.aktualizace { position: relative; width:610px; float:right; height: 10px; border:1px; padding:12px 0 ; margin:0; font:bold 10px  Arial, Helvetica, sans-serif;}
                                                                   
/* horni menu */	                          
.menu { padding:0; margin:0 auto; width:964px; height:50px; background:url(../images/menu-bg.png) repeat-x top;}
.menu .l_menu { background:url(../images/menu-bg-l.png) no-repeat left top; height:50px;}
.menu .r_menu { background:url(../images/menu-bg-r.png) no-repeat right top; height:50px;}
.menu ul { padding:0; margin:0 14px; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 0px 0 2px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#000; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:0px 20px; background:none;}
.menu ul li a:hover { background: url(../images/menu-bg-hover.png) repeat-x left top; color:#000;}
.menu ul li a.active { background:url(../images/menu-bg-active.png) repeat-x left top; color:#fff;}

/* leve menu */	                          
.leve_menu { padding:10px 0 0 25px; margin:0; float: left; width:268px; }
.leve_menu .ll_menu { width:287px; height:22px;background: url(../images/leve_menu-bg.png) no-repeat left top; color:#000; margin:0; padding:4px 0 0; color:#000; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.leve_menu .ll_menu a{ height:22px; margin:0; padding:4px 20px 0 20px; color:#000; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.leve_menu .ll_menu:hover { width:285px; background: url(../images/leve_menu-bg-hover.png) no-repeat left top; color:#fff;}
.leve_menu .ll_menu:hover a{ width:285px; background: url(../images/leve_menu-bg-hover.png) no-repeat left top; color:#fff;}
.leve_menu .ll_menu.active { width:285px; background: url(../images/leve_menu-bg-hover.png) repeat-x left top; color:#fff;}
.leve_menu .ll_menu.active a{ height:22px; margin:0; padding:4px 0 0 20px; color:#fff; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
/* panak-otaznik */
.panak-otaznik { padding:10px 0; margin:0; float: left; width:287px; font: 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.panak-otaznik-img { padding:0; margin:0; float: left; width:65px; }
.panak-otaznik-text { padding:25px 0;; margin:0; float: right; width:215px; }
.panak-otaznik-text a { float:left; margin:0; padding: 0; color:#115394; font:bold 13px  Arial, Helvetica, sans-serif; text-decoration:underline;}

/* space */
.space { clear:both; background:transparent;  margin:0; padding:0; float: right; height:5px; width:645px; display:block;}

/* slider */
.slider { background:transparent;  margin:0; padding:0 12px; float: right; height:255px; width:640px;	z-index: 900;}

/* numeric controls */	
ol#controls{ margin: 0;	padding:0; height:17px; position: relative; top:-50px; left: -30px;	z-index: 900;}
ol#controls li{ margin:0 5px 0 0; padding:0; float:left; list-style:none; height:17px; z-index: 900;}
ol#controls li a{ float:left; height:17px; line-height:17px; border:1px solid #ccc; background:#999; color:#000; font:bold 13px  Arial, Helvetica, sans-serif; padding:0 5px;	text-decoration:none;	}
ol#controls li.current a{	background:#115394;	color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#slider { margin:0; padding:0; list-style:none; clear:both;	z-index: 900;}
#slider ul, #slider li { margin:0; padding:0; list-style:none; width:560px; height:265px; overflow:hidden; }

/* levá strana těla stránky */
.body-left { display: table; width:660px; margin:0; padding:5px 0 0 25px; float:left; }
.body-left h1 { font-size: 18px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 0; line-height:1.2em;}
.body-left h1.red { font-size: 20px; font-weight: bold; color:#2a74bd; font-family: arial, verdana; margin:0; padding: 0; line-height:1.2em;}
.body-left h2 { font-size: 14px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 10px 0 15px 0; line-height:1.2em;}
.body-left h3 { font-size: 18px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 0; line-height:1.2em;}

.body-left td.akce { padding: 10px; background-color: #2a74bd; color:#fff; }

/* ---- úvod ---- levá strana těla stránky */
.body-left div.uvod { font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; height:200px; width: 640px;}
.body-left div.uvod p { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; width: 440px; padding: 5px 0 20px 10px;}
.body-left div.uvod p.image { float:right; width: 170px; margin:0; }

/* ---- levý úvodník ---- levá strana těla stránky */
.body-left div.uvodnik-levy {  float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; height:270px; width: 320px; display: block;}
.body-left div.uvodnik-levy p { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; width: 290px; padding: 5px 0 20px 10px;}
.body-left div.uvodnik-levy p.image { float:left; width: 279px; margin:0; }

/* ---- pravý úvodník ---- levá strana těla stránky */
.body-left div.uvodnik-pravy {  float:right; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; height:270px; width: 320px; display: block;}
.body-left div.uvodnik-pravy p { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; width: 280px; padding: 5px 0 20px 10px;}
.body-left div.uvodnik-pravy p.image { float:left; width: 279px; margin:0; }

.body-left div.oddelova { font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; background: #e7e7e7 url('../images/body-left-oddelovac-bg.png'); height:100px; width: 660px;}

#dalsi { width:660px; height:12px; padding:5px 0 5px 0; margin:0 0 20px 0; font:bold 10px  Arial, Helvetica, sans-serif; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }

/* Tooltip */  
#tooltip { position:absolute;	z-index:9999;	color:#000;	font-size:12px; font-weight: normal; width:300px; }
.body-left a { color:#115394; font:bold 13px  Arial, Helvetica, sans-serif; }
.tooltipfoto { padding:5px; margin:5px; }
.tooltipfoto img { padding: 2px 13px 0 5px; }

#tooltip .tipHeader { height:27px;	background:url(../images/tooltip-bg-header.png) no-repeat; }

/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}

#tooltip .tipBody { height:auto;	background: url(../images/tooltip-bg.png); padding:2px 5px 5px 5px; }

#tooltip .tipFooter { height:15px;	background:url(../images/tooltip-bg-footer.png) no-repeat; }

/* konec článku */
td.nadpis { height:18px; padding-left: 15px; color:#333; background-color:#ccc; font-size:12px; font-weight:bold; }
td.foto { width:85px; text-align:center;	font-size:12px; font-weight:bold; }
.bottomclanku-l { float:left; width: 300px; margin:0; padding: 20px 0;}
.bottomclanku-r { float:right; width: 330px; margin:0; padding: 20px 0; }
.bottomclanku-r li { padding: 5px; }
/* pravá strana těla stránky */
.body-right { width:250px; margin:0; padding:0 0 0 15px; float:right; position:relative; top:-30px; background:url(../images/rada.png) no-repeat right top;}
.body-right h3 { font-size: 14px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 3px 0; line-height:1.2em;}
.body-right p.img { float:left; padding:0 0 30px; margin:0;}
.body-right p.navsteva { padding:0 ; margin:0; width:130px;}
.body-right a { color:#115394; font:bold 13px  Arial, Helvetica, sans-serif; }
.body-right div.rada { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:80px 0 0 60px; height:170px; width: 150px; display: block;}
.body-right div.sidepanel { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0 0 0 30px; padding:0px 0 0 10px; background:url(../images/body-right-h3-bg.png) no-repeat left top; height:180px; width: 210px; display: block;}
.body-right div.sidepanel_novinky { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0 0 0 30px; padding:0 0 0 10px; background:url(../images/body-right-h3-novinky-bg.png) no-repeat left top; height:150px; width: 210px; display: block;}
.body-right div.sidepanel_novinky div.news_submit{ width: 140px; padding:5px;}
.body-right div.sidepanel_novinky input[type=text]{ width:140px; padding:0px;}
.body-right div.sidepanel_novinky input[type=submit]{ float:right;}
.body-right div.sidepanel_topeni { float:left; margin:0; padding:0px 0 0 10px; height:208px; width: 210px; display: block;}
.body-right div.sidepanel_pomocnik { float:left; margin:0 0 0 23px; padding:0px 0 0 10px; height:250px; width: 211px; display: block;}

.oddelovac { clear: both; width:950px; height:100px; margin:0; padding:0;}

/* reference */	                          
.reference { clear: both; position: relative; padding:0; margin:0; width:964px; height:40px; background:url(../images/menu-bg.png) repeat-x top;}
.reference .l_reference { background:url(../images/menu-bg-l.png) no-repeat left top; height:40px;}
.reference .r_reference { background:url(../images/menu-bg-r.png) no-repeat right top; height:40px;}
.reference h3 { float: left; font-size: 14px; font-weight: bold; color:#333; font-family: arial, verdana; margin:0 0 0 10px; padding: 11px 0 0 15px;}

/* videa */	                          
.videa { clear: both; position: relative; padding:7px 0 0 18px; margin:0 auto; width:950px; height: 200px; text-align: center;}

/* odrazky */
.cisla { list-style-type: decimal;}
.cisla li{ padding: 10px;}
.cisla li span{ text-decoration: underline;}
.cisla li img{ padding: 10px 0;}
	                          
.sipky { list-style-image: url(../images/li_sipka.png);}
.sipky li{ padding: 5px 5px 0 5px;}
.sipky li span{ text-decoration: underline;}
.sipky li img{ padding: 10px 0 15px 0;}

.gallery { list-style-type: none; list-style-image: none; padding: 0; margin: 0; }
.gallery ul{ padding-left: 0; margin-left: 0; border:0;}
.gallery li{ padding: 0; margin: 0; border:0;}


.gallery2 { list-style-type: none; list-style-image: none; padding: 0 0 30px 0; margin: 0; }
.gallery2 ul { display:inline; float: left; }
.gallery2 li{ display:inline; float: left; }
.gallery2 img{ padding: 0; margin: 10px 5px ; border:1px solid #999;}
.gallery2 a { padding:0 0 5px 0; margin:0 0 20px 0; font:bold 10px  Arial, Helvetica, sans-serif; }

.gallery3 a { font:bold 12px  Arial, Helvetica, sans-serif; }
.gallery3 a img{ padding:0; margin:0; border:0;}

.gallery4 { padding: 15px 0 15px 0; margin: 0; border-bottom:1px solid #eee;}
.gallery4 img{ padding: 0; margin: 5px 5px ; border:1px solid #999;}

/* side panel */
#tab {
	width:40px;
	height:160px;
	position:fixed;
	left:0px;
	top:100px;
	background: url(../images/sidepanel-mapa.png) no-repeat top left;
	display:block;
	cursor:pointer;
	border-left:0;
	z-index: 10001;
}

#tab:hover {
	width:43px;
	height:160px;
	position:fixed;
	left:0px;
	top:100px;
	background: url(../images/sidepanel-mapa-hover.png) no-repeat top left;
	display:block;
	cursor:pointer;
}

#tab2 {
	width:43px;
	height:160px;
	position:fixed;
	left:0px;
	top:245px;
	background: url(../images/sidepanel-akce.png) no-repeat top left;
	display:block;
	cursor:pointer;
	z-index: 9001;
}

#tab2:hover {
	width:43px;
	height:160px;
	position:fixed;
	left:0px;
	top:245px;
	background: url(../images/sidepanel-akce-hover.png) no-repeat top left;
	display:block;
	cursor:pointer;
}
#panel { position:fixed; left:0px; top:100px; background: url(../images/sidepanel-bg.png) no-repeat top left;	height:510px;	z-index: 10000;	display:none;/*if javascript isnt running*/ }
#panel a { font-weight:bold; }
#panel .content {	width:290px; margin-left:60px; }
#panel .content p { font-size:11px; }
#panel .content h2 { font-size: 18px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 25px 0 5px 0; line-height:1.2em;}
#panel .content img { float:left;	padding:0 10px 5px 0; }
#panel ul{ padding: 0 0 0 20px;}
#panel li{ padding: 5px 0 ; list-style-image: url(../images/li_sipka.png);}
#panel ul.odrazky li{ padding: 5px 0 0 0px; list-style-image: url(../images/li_odrazka.png);}
#panel ul.odrazky{ padding: 0 0 0 35px; }
#panel li span{ text-decoration: underline; color:#115394;}
#panel .content .nadpis { font-size: 18px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 25px 0 5px 0; line-height:1.2em; }

#panel2 {	position:fixed;	left:0px;	top:250px; background: url(../images/sidepanel-bg2.png) no-repeat top left; height:260px; z-index: 9000;	display:none;/*if javascript isnt running*/ }
#panel2 a { font-weight:bold; color:#115394;}
#panel2 .content2 {	width:290px; margin-left:60px; }
#panel2 .content2 p { font-size:11px; }
#panel2 .content2 h2 { font-size: 18px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 20px 0 5px 0; line-height:1.2em;}
#panel2 .content2 img { float:left;	padding:0 10px 5px 0; }
#panel2 .content2 .nadpis { font-size: 18px; font-weight: bold; color:#000; font-family: arial, verdana; margin:0; padding: 25px 0 5px 0; line-height:1.2em; }
#panel2 .content2 .akce { font-size: 14px; width: 250px; font-weight: normal; color:#000; font-family: arial, verdana; margin:0; padding: 25px 0 5px 0; line-height:1.2em; }

.sms { font-size: 14px; color:#000; font-family: arial, verdana; margin:0; padding: 0px 0 20px 0; line-height:1.2em;}

.blog {	padding: 15px 10px 20px 20px; background: url(../images/quotes-start.png) no-repeat top left; }
.blog_end {	background: url(../images/quotes-end.png) no-repeat bottom right; }

#telefon { width:190px; }

/* patička */
/* footer */
#footer{
background: url(../images/footer.jpg) no-repeat;
padding:2em 0;}

#footer h3{color:#003399; font-size:1.5em; font-weight:bold; padding-bottom:0.1em;}

#footer-inner{width:990px;margin:0 auto;padding:0;font-size:1em;}

.footer-links{float:left;width:16em;margin-right:3.5em;}
.footer-links ul{padding-left:10px;}
.footer-links li{background:url(../images/footer-list.png) left 4px no-repeat; list-style-type:none; padding-left:10px;line-height:1.5em;}
.footer-links li.none{list-style-type:none; background:none; padding:0;line-height:1.5em;}
.footer-links a{color:#333;text-decoration:none;}
.footer-links a:hover{color:#fff; background-color:#003399;}

.flast{margin-right:0;width:24em;}

#footer-contact{clear:both;font-size:11px;text-align:right;padding-top:0;}
#footer-contact p a{font-size:1em;padding-top:1em;color:#3333cc;}
#footer-contact p a:hover{text-decoration:none;color:#3333cc;}
#footer-contact .sep{color:#96bddc;margin:0 .5em;top:0;overflow:hidden;}
#footer-contact img{float:left;}
#footer-contact address{color:#333;font-size:10px;font-style:normal;line-height:1.9em;padding-top:1em;}
#footer-contact address span{color:#333;font-size:11px;font-family:tahoma,verdana,arial,sans-serif;}