body{	font-family: Verdana, Arial, Trebuchet MS; font-size: 75%;	margin: 0;	padding: 0; text-align: center; color: black; background:  url("../images/bg_main.jpg") left top repeat-x #579fd1;}
hr.cistic {  clear: both; height: 1px; border: none; margin: -1px 0 0 0; visibility: hidden; }

a {text-decoration: none; color: #D85852;}
a:hover {text-decoration: underline;}
images {	border: 0;}
p {margin: 0; padding:0 0 10px 0;}
hr {margin: 0; padding: 0;}
h4{font-size: 100%;margin: 0; padding:0;}
h3{font-size: 110%;margin: 0; padding:0; clear: both;}
h2{font-size: 120%; margin: 0; padding: 0;}
h1{font-size: 130%; margin: 0; padding: 0;}
/* ********************** */
#root{width:898px;text-align: left; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; background: white; padding: 0px; }


.main_header { background: url("../images/up_header.jpg") no-repeat center; height: 132px; }
.main_header a { display: block; margin: 0px 0px 0px 17px; width: 213px; height: 40px; }
.main_header .homelink { display: none; }


/* HORNI MENU */
#menutop { padding: 29px 25px 7px 20px; background: url("../images/menu_bg.jpg") no-repeat; text-align: right; color: #FFFFFF; }
#menutop a { color: #FFFFFF; padding: 0px 10px; }

/* hlavni div - tvori pozadi */
#main {margin: 0px; padding: 1px 0 0px 15px;background: url(../images/bgr_main.jpg) repeat-y left #FFFFFF; }

#navig_path { margin-left: 20px; margin-top: 5px; float: left; width: 450px; }
.navig_menu { margin-left: 20px; margin-top: 5px;  }

/* pomocny div - uzavira content a footer */
#main2{ width: 860px; float: left; padding: 0px; min-height: 600px;   }
* html #main2 {  width: 862px;  }
#main2 #content {  width: 462px; float: left; margin-left: 3px; color: #57575A; padding: 6px; background: #FFFFFF; color: #000000; font-size: 11px; }
#main2 #content h1{ padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal; font-size: 18px; color: #D85852; border-bottom: 1px solid #D85852; }
#main2 #content h2{ padding: 0px; margin: 0px 0px 10px 0px; font-weight: bold; font-size: 15px; color: #D85852; text-decoration: underline; }
#main2 #content h3{ padding: 0px; margin: 0px 0px 10px 0px; font-weight: bold; font-size: 13px; color: #333333; }
#main2 #content h4	{ margin: 15px 0px 5px 0px; font-size: 16px; color: #000000; background: #EFEFEF; padding: 8px; border: 1px solid #CCCCCC; line-height: 30px; }
#main2 #content h5	{ margin: 15px 0px 5px 0px; font-size: 11px; color: #000000; background: #EFEFEF; padding: 8px; border: 1px solid #CCCCCC; line-height: 20px; }

#content ul			{ list-style-type: none; margin: 10px; font-size: 11px; }
#content ul a			{ font-weight: normal; text-decoration: none; }
#content ul a:hover			{ text-decoration: underline; }
#content ol a:hover			{ text-decoration: underline; }
#content ol a			{  font-weight: normal; text-decoration: none; }
#content ul li				{ list-style-type: none; margin: 0 0 0.3em; padding-left: 5px;  }
#content li ul			{ list-style-type: none; margin: 0.3em 0 0 ; }


#content form { margin: 0px; padding: 0px; }

#content hr { margin: 10px; height: 1px; border: 1px solid #CCCCCC; }

#content .banner { margin: 5px 0px 5px 0px; border: none; }

.ikony_sekci { margin-top: -46px; margin-left: -5px; background: #FFFFFF; z-index: 100; position: absolute; width: 472px; height: 150px; }
* html .ikony_sekci { width : 476px; margin-left: -6px; } 
.ikony_sekci a { color: #000000; }
.ikony_sekci a:hover { text-decoration: none; }
.ikony_sekci .ikona { width: 116px ; height: 190px; float: left; margin: 1px; }
.ikony_sekci .ikona .nazev_sekce { width: 110px ; height: 67px; padding: 4px; text-align: center; display: block; cursor: pointer; overflow: hidden; font-size: 13px; }
* html .ikony_sekci .ikona .nazev_sekce { width: 109px ; }
.ikony_sekci .ikona .popis_sekce { padding: 5px; text-align: left; display: block; cursor: pointer; font-size: 9px; }

.ikony_sekci_sub { margin-top: -46px; margin-left: -5px; background: #FFFFFF; z-index: 100; position: absolute; width: 472px; height: 80px; }
* html .ikony_sekci_sub { width : 476px; margin-left: -6px; } 
.ikony_sekci_sub a { color: #000000; }
.ikony_sekci_sub a:hover { text-decoration: none; }
.ikony_sekci_sub .ikona { width: 116px ; height: 80px; float: left; margin: 1px; }
.ikony_sekci_sub .ikona .nazev_sekce { width: 110px ; height: 67px; padding: 4px; text-align: center; display: block; cursor: pointer; overflow: hidden; font-size: 13px; }
* html .ikony_sekci_sub .ikona .nazev_sekce { width: 109px ; }
.ikony_sekci_sub .ikona .popis_sekce { padding: 5px; text-align: left; display: block; cursor: pointer; font-size: 9px; }


.aplikace { background: url("../images/icon_aplikace.jpg") no-repeat; }
.aplikace_sub { background: url("../images/icon_aplikace_sub.jpg") no-repeat; padding-top: 6px; }
.aplikace_sub .nazev_sekce { color: #999999; }
.aplikace_sel { background: url("../images/icon_aplikace_selected.jpg") no-repeat; }


.infra { background: url("../images/icon_infra.jpg") no-repeat; }
.infra_sub { background: url("../images/icon_infra_sub.jpg") no-repeat; padding-top: 6px; }
.infra_sub .nazev_sekce { color: #999999; }
.infra_sel { background: url("../images/icon_infra_selected.jpg") no-repeat; }


.is { background: url("../images/icon_is.jpg") no-repeat; }
.is_sel { background: url("../images/icon_is_selected.jpg") no-repeat; }
.is_sub { background: url("../images/icon_is_sub.jpg") no-repeat; padding-top: 6px; }
.is_sub .nazev_sekce { color: #999999; }

.vzdelavani { background: url("../images/icon_vzdelavani.jpg") no-repeat; }
.vzdelavani_sel { background: url("../images/icon_vzdelavani_selected.jpg") no-repeat; }
.vzdelavani_sub { background: url("../images/icon_vzdelavani_sub.jpg") no-repeat; padding-top: 6px; }
.vzdelavani_sub .nazev_sekce { color: #999999; }

.homepage_content { margin-top: 150px; }
.subpage_content { margin-top: 45px; }

/* AKTUALITY UPROSTRED */

#main2 #content .Aktuality { width: 450px; background: url(../images/aktuality.jpg) top no-repeat #F1F1F1; padding: 35px 5px; margin-top: 10px; border-bottom: 1px solid #155461; }
#main2 #content .Aktuality .separator { clear: both; background: url("../images/aktuality_separator.gif") no-repeat; height: 2px; text-align: center; }

#main2 #content .Aktualita { padding: 7px 0px 7px 0px; }
#main2 #content .Aktualita a { font-weight: bold; color: #000000; }
#main2 #content .Aktualita .text { margin-top: 5px; }

#main2 #content .Aktualita .foto { float: left; margin-right: 5px; padding: 9px 0 0 6px; width: 117px; height: 65px ; background: url("../images/aktuality_foto_bg.jpg") no-repeat left top; }
#main2 #content .Aktualita .foto span { display: none; }
#main2 #content .Aktualita .foto a { width: 103px; height: 47px; display: block; background: no-repeat center center; }

#main2 #content .Aktualita img {border:0; width: 125px; height: 92px;}


/* SLOUPEC VLEVO */

#levysloupec{ width: 180px; float: left; padding: 0px; color: #000000; }
* html #levysloupec{ float: left; padding: 0px; color: #000000; font-size: 11px; }

#levysloupec a { color: #4E7096; }
#levysloupec h2 { padding: 5px 0px 0px 0px; margin: 0px; font-size: 14px; color: #568000; border-bottom: 1px solid #568000; }
#levysloupec h3 { padding: 2px 0px 0px 0px; margin: 0px; font-size: 13px;  }
#levysloupec h3 a { color: #000000; }
#levysloupec form { margin: 0px; }

#levysloupec #Menu { width: 180px; xheight: 145px; padding: 0px 0 0 0; clear: both; font-size: 11px;}
* html #levysloupec #Menu { width: 160px; }
#levysloupec #Menu ul{ list-style: none; padding: 0; margin: 0px 0 0 0px;}
#levysloupec #Menu ul li{ padding: 0; padding: 0px 0 0px 0;}
#levysloupec #Menu ul li a{ display: block; padding: 7px 5px 5px 20px; width: 172px; height: 18px; background: no-repeat 0px -30px; background-image: url(../images/btn_bg.jpg); color: #000000; }
* html #levysloupec #Menu ul li a{ width: 155px; }
#levysloupec #Menu ul li a:hover{background-position: 0px 0px; text-decoration: none; }
#levysloupec #Menu ul li a.selected{background-position: 0px 0px;}

#levysloupec #Menu ul li ul li a{ background-image: url(../images/subbtn_bg.jpg); }



/* submenu pro vybranou kategorii */

#levysloupec #SubMenu { width: 180px; xheight: 145px; margin-top: 10px; padding: 0px 0 0 0; clear: both; font-size: 10px;}
* html #levysloupec #Menu { width: 160px; }
#levysloupec #SubMenu ul{ list-style: none; padding: 0; margin: 0px 0 0 0px;}
#levysloupec #SubMenu ul li{ padding: 0; padding: 0px 0 0px 0;}
#levysloupec #SubMenu ul li a{ display: block; padding: 5px 5px 2px 20px; width: 172px; height: 18px; background: no-repeat 0px -25px; color: #000000; }
* html #levysloupec #SubMenu ul li a{ width: 155px; }
#levysloupec #SubMenu ul li a:hover{background-position: 0px 0px; text-decoration: none; }
#levysloupec #SubMenu ul li a.selected{background-position: 0px 0px;}

#levysloupec #SubMenu ul.sub_vzdelavani { border-top: 3px solid #a5a5a5; }
#levysloupec #SubMenu ul.sub_vzdelavani li a{ background-image: url(../images/subbtn_bg_vzdelavani.jpg); }
#levysloupec #SubMenu ul.sub_vzdelavani li ul li a{ background-image: url(../images/subsubbtn_bg_vzdelavani.jpg); }

#levysloupec #SubMenu ul.sub_is { border-top: 3px solid #F4E055; }
#levysloupec #SubMenu ul.sub_is li a{ background-image: url(../images/subbtn_bg_is.jpg); }
#levysloupec #SubMenu ul.sub_is li ul li a{ background-image: url(../images/subsubbtn_bg_is.jpg); }

#levysloupec #SubMenu ul.sub_infra { border-top: 3px solid #E99F50; }
#levysloupec #SubMenu ul.sub_infra li a{ background-image: url(../images/subbtn_bg_infra.jpg); }
#levysloupec #SubMenu ul.sub_infra li ul li a{ background-image: url(../images/subsubbtn_bg_infra.jpg); }

#levysloupec #SubMenu ul.sub_aplikace { border-top: 3px solid #D85852; }
#levysloupec #SubMenu ul.sub_aplikace li a{ background-image: url(../images/subbtn_bg_aplikace.jpg); }
#levysloupec #SubMenu ul.sub_aplikace li ul li a{ background-image: url(../images/subsubbtn_bg_aplikace.jpg); }


/* SLOUPEC VPRAVO */

#pravysloupec{ width: 190px; float: right; padding: 5px; color: #000000;  }
#pravysloupec #Menu2 { margin-bottom: 10px; }
#pravysloupec #Menu2 ul{ list-style: none; padding: 0; margin: 0px 0 0 0px; text-align: right;}
#pravysloupec #Menu2 ul li{ list-style-type: none; padding: 0px 10px 0px 0; background: url(../images/odrazka.jpg) no-repeat right 6px ; }
#pravysloupec #Menu2 ul li a{ display: block; padding: 2px 5px 5px 23px; color: #535353; font-weight: bold; font-size: 13px; }
#pravysloupec #Menu2 ul li a:hover{ text-decoration: underline; }

#pravysloupec .sidlo { margin-left: 15px; }
#pravysloupec .prani { margin-top: 10px; font-size: 9px; text-align: right; }


/* AKTUALITY VPRAVO */

#pravysloupec .Aktuality { width: 185px; font-size: 11px; background: url(../images/aktualityr.jpg) top no-repeat #FFFFFF; padding: 35px 5px 25px 5px; margin-top: 20px; border-bottom: 1px solid #E4E4E4;  }
#pravysloupec .Aktuality .separator { clear: both; background: url("../images/aktuality_separator.gif") no-repeat; height: 2px; text-align: center; }

#pravysloupec .Aktualita { padding: 7px 0px 7px 0px; }
#pravysloupec .Aktualita a { font-weight: bold; color: #000000; }
#pravysloupec .Aktualita .text { margin-top: 5px; }


/* SLOUPEC PATICKA */

.main_foot { background: url("../images/content_foot.jpg") no-repeat center; height: 65px; }
#footer{ font-size: 10px; width: 870px; color: #FFFFFF; margin: 0px; padding-top: 10px; padding-left: 15px; text-align: center; border-top: 3px solid #FFFFFF; }
#footer a { color: #76E102; }



/* systemova nastaveni */
.KlasickyText{
font-family: "Arial";
font-size: 12px;
color:#000000;
}
.ZvyraznenyText{
  font-family: "Arial";
 font-size: 12px;
  color:#005786;
  font-weight:bold;
}


.NadpisHlavni{
  font-weight:bold;
  font-family: "Arial";
  font-size: 13px;
  color:red;
}
.query{font-size:10px;font-family:Arial;width:130px;}
.submit{font-size:10px;font-family:Arial}
