/* zakladni nastaveni - reset */
* { padding: 0; margin: 0; text-indent: 0; border: 0;} 

h1, h2, h3, h4, a img { padding: 0; margin: 0; border: 0;} 
ul { list-style: none; } 
ol {list-style-position: inside; font-weight: bold;}
ol li {margin-bottom: 4px;}
table  {border-collapse: collapse;}
table, td, th { border: 0; font-weight:normal; text-align: left;} 

/* definice nadpisu  */
h1{text-align: left; color: rgb(16,80,140); font-size: 15px; margin: 70px 0 0 15px; padding: 0;}
h2{text-align: left; color: black; font-size: 18px; margin: 0; padding: 0;}
h3{text-align: left; color: black; font-size: 15px; margin: 0; padding: 0;}
p {text-align: justify;  font-size: 13px; margin: 0; padding: 0; line-height: 22px;}

/* definice odkazu */
a {color: rgb(106,105,105); text-decoration: none;}
a:hover {text-decoration: underline;}
/* --- globalni tridy --- */
.clear			  {clear: both  !important;}
.right 			  {text-align: right  !important;}
.center			  {text-align: center !important;}
.middle       {vertical-align: middle !important;}
.left			    {text-align: left  !important;}
.block			  {display: block  !important;}
.justify      {text-align: justify !important;}
.noborder     {border: 0 !important;}
.toleft			  {display: block; float: left;	text-align: left;}
.toright		  {display: block; float: right; text-align: left;}
.hidden			  {display: none !important;}
.border			  {display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold			    {font-weight: bold;}
.underline	  {text-decoration: underline  !important;}
.white        {color: white !important;}
.red          {color: red !important;}
.black        {color: black !important;}
.tucne			  {font-weight: bold !important;}
.dt0           {position: absolute; left: 10px; top: 141px; width: 242px; height: 148px;   /* border: 1px black solid; */ }
.dt           {position: absolute; left: 16px; top: 46px; width: 222px; height: 39px; background: url(../img/logo_new.png) no-repeat;  /* border: 1px white solid; */}
.dt2          {position: absolute; left: 350px; top: 195px; width: 263px; height: 81px;  /* border: 1px white solid; */ }
div#errorhlaska {text-align: center; margin: 5px 0 25px 0; _margin: 5px 0 25px 0;}
div#errorhlaska span  {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
div.status {text-align: center; margin: 5px 0 25px 0; _margin: 5px 0 25px 0;}
div.status span  {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
li.selected   {background: url(../img/odrazka-selected.gif) no-repeat left center !important;}
li.selected a {color: rgb(0,68,132) !important; font-weight: bold;}
span#errorhlaska  {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
.doc, .rtf, .word {background: url(../img/doc.gif) no-repeat; padding-left: 20px;}
.xls, .excel {background: url(../img/xls.gif) no-repeat; padding-left: 20px;}
.txt {background: url(../img/icons/txt.gif) no-repeat;  padding-left: 20px;}
.rar, .zip {background: url(../img/icons/rar.gif) no-repeat; padding-left: 22px;}
.gif, .jpg, .gif, .obrazek {background: url(../img/icons/img.gif) no-repeat;  padding-left: 20px;}
img.logoright{
float: right;
margin: 30px 0px 0 0;
}
/* strankovani */
div#searchresult {margin: 0 5px;}
.pageselected {text-decoration: underline; font-weight: bold;}
span.errorinfo {font-weight: bold; color: red;}
div.execution{display: inline; margin: 0 !important;}

/* Lay out webu */
body {  
font-family:  Arial,'Trebuchet MS', Verdana,'Arial CE','Helvetica CE',helvetica, sans-serif;
color: black;
font-size: 14px;
text-align: center;
background-color: white; 
}

/* _________________________________TOP______________________________________ */

div#top{
height: 330px;
width: 1002px;
margin: 45px auto 0 auto; 
background-image: url(../img/hlavicka.jpg);
text-align: left;
position: relative;
}

div#top ul{
position: absolute;
top: 17px;
left: 256px;
}

div#top ul li{
float: left;
height: 61px;
width: 98px;
background: url(../img/odrazka.gif) no-repeat left center;
padding: 28px 10px 0 12px;
}

div#top ul li a{
font-family: arial;
font-size: 16px;
color: rgb(162,162,162);
font-variant: small-caps;
}

div#top ul li div{
display: inline;
}

/* ________________________________MIDDLE____________________________________ */
div#middle{
margin: auto;
width: 1000px;
border: 1px rgb(240,240,240) solid; 
border-top: 0;
font-family: arial;
}

/* left */
div#left{
float: left;
width: 255px;
min-height: 500px;
_height: 500px;
text-align: left;
}

div#left h2{
font-family: verdana;
margin: 15px 15px 0 15px;
color: white;
background-color: rgb(162,162,162);
padding: 2px 0px 2px 7px; 
font-size: 15px;
}

div#left h2.paus-klient{
background-color: rgb(202,200,201);
}

div#left h2.paus-klient a{
color: white;
font-size: 15px;
}

ul.archiv-aktualit{
width: 300px;
}

div#left div.datum,
ul.archiv-aktualit div.datum{
margin: 15px 0 0 20px;
font-weight: bold;
font-size: 15px;
}

div#left div.anotace,
ul.archiv-aktualit div.anotace{
margin: 0 50px 0 20px;
}

div#left a.vice,
ul.archiv-aktualit a.vice{
text-align: right;
display: block;
margin-right: 40px;
color: rgb(64,115,163);
}

div#left a.archiv,
ul.archiv-aktualit a.vice{
display: block;
margin: 0px 0 0 20px;
font-weight: bold;
}

/* right */
div#right{
position: relative;
color: rgb(106,105,105);
padding: 10px 30px 50px 0; 
float: left;
width: 715px;
min-height: 500px;
_height: 500px;
text-align: left;
}

/* ___________________________________form___________________________________ */
form.form{
margin: auto; 
float: left;
}

form.form div{
clear: left;
width: 550px;
margin: 10px 0 0 0;
padding: 1px 3px 0 0;
text-align: left;
}

form.form div label{
display: block;
float: left;
width: 200px;
padding: 0px 5px;
margin: 0 0 5px 0;
text-align: right;
}

form.form div input, select{
width: 220px;
height: 21px;
border: 1px solid rgb(135,135,135);
}


form.form div.submit{
text-align: center;
margin-top: 30px;
}

form.form div.submit input{
width: 75px;
background-color: rgb(162,162,162);
color: white;
vertical-align: middle;
font-weight: bold;
}

table.pripady{
margin: 50px 20px  0 20px;
text-align: left;
}

table.pripady tr td{
font-size: 15px;
vertical-align: top;
}

table.odkazy a{
text-decoration: underline;
}

form.kontakt{
position: absolute;
width: 300px;
left: 390px;
top: 150px;
background-color: rgb(245,245,245);
padding: 10px 0 60px 20px;
}

form.kontakt label{
float: left;
display: block;
width: 65px;
}

form.kontakt div{
margin-bottom: 10px;
}

form.kontakt div.submit{
text-align: center;
}

form.kontakt div.submit input{
background-color: rgb(162,162,162);
color: white;
}

form.kontakt textarea{
width: 200px;
height: 100px;
}

div.kontakt-nadpis{
text-align: center;
font-weight: bold;
margin-bottom: 20px !important;
}

ul.muj-ucet{
margin: 80px 0 0 20px;
}

ul.muj-ucet li{
list-style: disc inside;
margin-bottom: 10px;
}

ul.muj-ucet li a{
font-weight: bold;
}

div.mapka{
position: absolute;
left: 320px;
top: 329px;
}

/* ________________________________FOOTER____________________________________ */
div#footer{
width: 1002px;
margin: 3px auto 25px auto; 
}

div#footer ul li{
display: inline;
margin: 0 40px; 
color: rgb(170,166,166);
}

div#footer ul li a{
color: rgb(170,166,166);
}

div#footer ul.toright li{
margin: 0 7px;
}