body{font-family:Arial,Trebuchet MS;font-size:75%; line-height: 150%;margin: 0;	padding: 0; text-align: center; color: #717171; background: white; }
hr.cistic {  clear: both; height: 1px; border: none; margin: -1px 0 0 0; visibility: hidden; }
a {text-decoration: none; color: #01468B;}
img {	border: 0;}
p {margin: 0 0 10px 0 ; padding:0;}
hr {margin: 0; padding: 0;}
h4{font-size: 10px;margin: 0; padding:0;}
h3{font-size: 12px;margin: 0 0 5px 0; padding:0; color: black;}
h2{font-size: 14px; margin: 0 0 10px 0; padding: 0 0 0px 10px; background: url(../img/sipka-blue.gif) no-repeat center left;}
h2 span{color:#01468B; }
ul{list-style: square;}

/* ********************** */

#Root{width:700px;text-align: left; margin-left: auto; margin-right: auto; margin-top: 10px; }

/* Horni panel */
#TopPanel {background: url(../img/main-top.jpg) no-repeat right bottom;}
#TopPanel #HomeLinks{ width: 220px; float: left;}
#TopPanel #HomeLinks a{ width:200px; height:45px;display: block; background: url(../img/logo-chmp.gif) no-repeat;}
#TopPanel #HomeLinks a span{ display:none;}

#TopPanel #Menu { width: 205px; xheight: 145px; padding: 0px 0 0 0; clear: both;}
#TopPanel #Menu ul{ list-style: none; padding: 0; margin: 0px 0 0 0px;}
#TopPanel #Menu ul li{ padding: 0; padding: 0px 0 0px 0;}
#TopPanel #Menu ul li a{ display: block; width: 205px; height: 29px; background: no-repeat 0px -29px; }
#TopPanel #Menu ul li a span{visibility: hidden;}
#TopPanel #Menu ul li a:hover{background-position: 0px 0px;}
#TopPanel #Menu ul li a.selected{background-position: 0px 0px;}
#TopPanel #Menu ul #l1 a{background-image: url(../img/btn_ospolecnosti.jpg);}
#TopPanel #Menu ul #l2 a{background-image: url(../img/btn_sluzby.jpg);}
#TopPanel #Menu ul #l3 a{background-image: url(../img/btn_reference.jpg);}
#TopPanel #Menu ul #l4 a{background-image: url(../img/btn_kontakty.jpg);}
#TopPanel #Menu ul #l5 a{background-image: url(../img/btn_domu.jpg);}


/* ikony */
#ikony {padding: 10px 0 0 520px;}
#ikony span {display: none;}
#ikony a {display: block; height: 21px; float: left; margin: 5px 10px 0 0;}

#ikony #ikon1 { background: url(../img/icon_home.jpg) no-repeat; width: 32px;}
#ikony #ikon2 { background: url(../img/icon_sitemap.jpg) no-repeat;width: 46px;}
#ikony #ikon3 {background: url(../img/icon_flag_cz.jpg); width: 29px;}
#ikony #ikon4 {background: url(../img/icon_flag_en.jpg); width: 32px;}



/* MAIN */
#Main{background: url(../img/bgr_root.jpg) repeat-y -3px 0; margin: 3px 0 0 0; }

#Navigace{ float: left; width: 205px;}


/* submenu */
#Submenu{ width: 205px; }
#Submenu ul{ list-style: none; margin: 0 0 3px 0; padding: 0;}
#Submenu ul li{ background: url(../img/submenu-bgr.jpg) no-repeat white; padding: 10px;}
#Submenu a{ display: block; width: 170px; padding: 0 0 0 15px;color:gray; font-size: 11px; background: url(../img/odrazka.gif) no-repeat center left;}
#Submenu a:hover{ color: #01468B; }
#Submenu a.selected{color:#01468B;}




#PanelContact{	width: 205px;color:white;height: 216px; 
					background: url(../img/blue-logo-bgr.jpg) no-repeat left top; margin: 0px 0 0 0;}
#PanelContact ul{	list-style: none; margin: 0; padding: 10px 0 10px 20px;}
#PanelContact ul li{	padding: 0 0 0 10px;}
#PanelContact ul li.First{	font-weight: bold; padding-bottom: 10px;}
#PanelContact ul li.space{ padding-top: 10px;}
#PanelContact ul li span{ text-align: right; margin: 0 0 0 23px;}										

/* Hlavni cast */
#Content{float:right;width: 450px;background: url(../img/content-bgr.jpg) no-repeat ; margin: 0px 0 0 0px;padding: 40px 20px 10px 20px; text-align: justify;
}

#Content img {	border:0;border-bottom: 8px solid #899395;padding-bottom: 1px;	margin: 10px;}
#Content ul li {margin: 5px 0 0 0;}
#Content ul#majitele span {font-weight: bold;}
#Content img.navysku{width: 101px;height: 135px;}




/* zapati */
#Footer{	background: url(../img/footer-bgr.jpg) no-repeat; color: white; font-size: 80%; padding: 1px 10px 0px 0; text-align: right; xheight: 16px; margin: 0 0 5px 0; border-top: 1px solid white;}
#Footer a{	color: white; font-size: 90%;}
#Footer a:hover{text-decoration: underline;}



/*mapa stranek*/
ul.mapa {padding: 0; margin: 0 0 10px 0; list-style: none;}
ul.mapa li {padding: 0 0 0 10px;}
ul.mapa li.sekce {font-weight: bold; padding: 0 0 0 0;}
ul.mapa li a:hover{text-decoration: underline;}


#reference .ref{ width: 220px; padding: 10px 5px 0 0; float:left; text-align: center; }
#reference .ref img{ width: 220px; height: 144px;border: 0; padding: 0; margin: 0; border-bottom: 8px solid #899395}

#iso a{display:block; width: 140px; height: 198px; float: left; margin: 0 5px 0 0;border-bottom: 8px solid #899395;padding-bottom: 1px;}
#iso a span{display: none;}
#iso a {background: no-repeat;}