/*layout*/
body {background: white;}

div#header{
position: absolute;
top: 10px;
left: 5px;
width: 950px;
height: 113px;
right: auto;
right: 0;
width: auto;
bottom: auto;
text-align: right;
padding: 0px;
background: url('header2.jpg') no-repeat   rgb(103,129,130);
}

div#links {
float: right;
margin:10px;
}
div#mobile_links {display: none;}
div#search {
position: absolute;
top: 44px;
right: 10px;

}

div#search input#query {
border: 1px solid rgb(147,202,179);
border: 1px solid rgb(75,143,121);
border: 1px solid rgb(218,234,235);


background: white;
}

div#hl, div#pop{
position: absolute;
top: 160px;
top: 123px;
width: 200px;
height: auto;
background: rgb(235,255,235);
background: rgb(228,247,240);
background: rgb(228,247,230);
background: rgb(218,234,235);
padding: 15px;
left: 755px;
right: 18px;
left: auto;
bottom: 10px;
padding-bottom: 40px;
}
div#hl{
bottom: 10px;
padding-bottom: 40px;
z-index: 1;
}
div#pop{
top: auto;
bottom: 10px;
border-top: 10px solid white;
padding-bottom: 5px;
z-index: 2;
}
div#pop li{
margin: 0;
padding: 0;
list-style-type:alpha;
margin-top:0.5em
}
div#pop ol{
xmargin: 15px;
margin-bottom: 0;
padding: 0;
}
div#pop h2 {margin-top: 0;}
hr
{
border: rgb(218,234,235);
}
div#login
{
position: absolute;
top: 100px;
left: 0px;
left: auto;
right: 28px;
text-align: right;
z-index: 18;
}
div#body{
position: absolute;
top: 160px;
left: 205px;
width: 550px;
height: auto;
right: auto;
right: 200px;
width: auto;
bottom: auto;
padding: 15px;
padding-top: 0;
 z-index: 0;
}
div{
top: 120px;
}
div#main {
height: 300px;
padding-right: 20px;

}
div#footer 
{
text-align: right;
margin-top: 10px;
border-top: 7px solid rgb(225,245,225);
border-top: 7px solid rgb(228,247,240);
border-top: 7px solid rgb(228,247,230);
border-top: 7px solid  rgb(218,234,235);
padding-top: 7px;
padding-right: 20px;
}

/*fonts*/
body, table{
font-family:Verdana, Arial, sans-serif;
font-size: 10pt;  
color: black;
font-weight: normal;
}
div#links, div#search{
color: rgb(147,202,179);
color: rgb(218,234,235);  
font-weight: bold;
}
div#hl, div#header, div.menu table, div#pop{
font-size: 80%;
}
div#login
{
color: rgb(165,185,165);
color: rgb(103,129,130);
color: white;
font-size: 80%;
}
div#login span.login{
font-weight: bold;
color:  rgb(105,125,105);
color: rgb(103,129,130);
color: white;
}
 div.menu table{
color: darkorange;
color: #c87b01;
color: rgb(232,123,1);
color: #CD0000;

font-weight: bold;
}
div.menu 
{color: rgb(256,247,158);
color: darkorange;
color: #c87b01;
color: rgb(232,123,1);
color: #CD0000;


font-weight: bold;
}

div#hl p.nadpis{
color: rgb(231,120,68);
color: orange;
font-weight: bold;
margin-bottom: 0;
}
div#hl p {margin-top: 0}
div#footer{
font-size: 80%;
color: rgb(147,202,179);
color: rgb(103,129,130);
}
h1,h2,h3
{
color:rgb(69,145,107);
color:rgb(78,153,130);
color:rgb(103,129,130);
font-weight: bold;
margin-top: 1em;
}
h1
{font-size: 150%;
font-family: Arial, Verdana, sans-serif;
}
h2 {
font-size: 100%;
margin-top: 3em;
}
h3 {
font-size: 100%;
}
div.border
{
border: solid 1px rgb(208,227,220);
padding: 10px;
margin-bottom: 5px;}
div.border h1,div.border h2,div.border h3
{margin-top: 0;}
p#navigacia, p#navigacia a 
{
color:rgb(69,145,107);
color:rgb(78,153,130);
color: rgb(103,129,130);
font-weight: normal;
font-size: 7pt;
}


/*anchors*/
a {
text-decoration: none;
font-weight: bold;
color: darkorange;
color: #c87b01;
color: rgb(232,123,1);
color: rgb(23,73,75);
color: #CD0000;
}
a:hover {
color: orangered;
color: orange;
color: red;
color: #FF4040;
}
div#header a{
color: rgb(256,247,158);
}
div#header a:hover{
color: rgb(256,256,198);
}
p#navigacia a:hover{
text-decoration: underline;
} 

/*prvky rozbalovacieho menu*/
			
div#M,  div#E,div#C,div#B,div#P,div.menu_M2,div.menu_M3, div.menu_E2,div.menu_E3,div.menu_C2,div.menu_C3,div.menu_B2,div.menu_B3,
div.menu_P2,div.menu_P3
{
position: absolute;
background: rgb(235,255,235);
background: rgb(228,247,240);
background: rgb(228,247,230);
background: rgb(218,234,235);
bbackground: #deffd5;
visibility: hidden;
}
div#M,  div#E, div#C, div#B, div#P
 {visibility: visible;
 z-index: 10;}
 div.menu_M2,div.menu_M3, div.menu_E2,div.menu_E3,div.menu_C2,
div.menu_C3,div.menu_B2,div.menu_B3,div.menu_P2,div.menu_P3
 { z-index: 20;}

div#M{
left: 5px;
top: 160px;
top: 123px;
width: 200px;
padding: 5px;
}
div.menu_M2{
left: 200px;
width: 155px;
} 
div.menu_M3{
left: 350px;
width: 160px;
} 

div.menu table {
width: 100%;
padding: 0;
margin: 0;
border: solid 1px rgb(205,225,205);
border: solid 1px white;
}

div#M table {border: none;}
div#E table,div#C table,div#B table ,div#P table,{border: none;text-align: center;}
div.menu table td{
width: 100%;
padding: 2px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
}
td.menu_sel{
color:  rgb(69,145,107) !important;
color:  #FF4040 !important;  
}

div#E, div#C, div#B, div#P{
top: 123px;
width: 130px;
padding: 0px;

border: none;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: center;
}
div#P
{left: 210px;}
div.menu_P2{
left: 210px;
width: 150px;
} 
div.menu_P3{
left: 355px;
width: 150px;
} 

div#E{left: 340px;}
div.menu_E2{
left: 340px;
width: 150px;
} 
div.menu_E3{
left: 485px;
width: 150px;
} 
div#C
{left: 470px;}
div.menu_C2{
left: 470px;
width: 150px;
} 
div.menu_C3{
left: 615px;
width: 150px;
} 

div#B
{left: 600px;}
div.menu_B2{
left: 600px;
width: 150px;
} 
div.menu_B3{
left: 745px;
width: 150px;
} 
div.menu td.menu_oddelovac
{color: black;
color:gray;
color:rgb(78,153,130);
color: white;
font-style: italic;
font-weight: normal;
bborder-bottom: 1px solid silver}

img {border: none;}

ul.mapa_stranok, ul.zoznam
{list-style-type: disc;
color: gray;
color:rgb(78,153,130);
color: rgb(103,129,130);}

table.novinky td
{vertical-align: top;
padding-top: 5px;}
table.novinky td.date
{color: rgb(78,153,130);
color: rgb(103,129,130);
text-align: right;
}
table.novinky td.popis
{font-size: 90%;
padding-top: 0;}
.date,.zakon,.telefon,.suma {white-space: nowrap;}
.note {font-size: 80%; font-style: italic;}
.small {font-size: 80%;}
.ans {font-weight: bold;}

table th 
{font-weight: bold; 
text-align: left;}
ul {font-weight: bold;
margin-left: 0;} 
ul li{font-weight: normal;margin-left: 2em;
list-style-type: disc;}

div#body input {
background:rgb(205,225,205);
background:rgb(218,234,235);
}

div#body table {border-collapse: collapse;
margin-top: 1em;}
div#body table td, div#body table th
{border: solid 1px silver;
padding: 5px;} 
div#body table caption {
padding-bottom: 1em;
font-weight: bold;
text-align: left;}

div#body table.noborder td,
div#body table.noborder th,
div#body table.novinky td,
div#body table.novinky th
{border: none;} 
 
ul.oznamy {margin-bottom: 4em;}
ul.oznamy li
{list-style-type: none;
margin: 0;
margin-top: 2em;}
ul.oznamy p.date {font-weight: bold;}
ul.oznamy p {margin-top: 0.5em; }

ul.dokumenty {list-style-type: none; margin: 0; }
ul.dokumenty li{ list-style-position: outside; list-style-type: none; margin: 0; margin-top: 1em;}
ul.dokumenty li li {margin-left: 1em; margin-top:0.5em; }



@media print{

div#header,div#hl,div#footer,div.menu,p#navigacia,div#login, div#pop
{display: none;}
div#print_header {
position: static;
margin-bottom: 2em;
border-bottom: 1px solid black;}
div#body{
position: static;
padding: 0;
color: black !important;
}
div.border{
border:none ;
border-top: 1px solid black ;
}

table,a,h1,h2,h3,h4,ul, li 
{color: black !important;}

div#mobile_links {display: none;}

}

@media screen{
div#print_header {display:none;}
div#mobile_links {display: none;}
}

@media handheld{

div#header,div#hl,div#footer,div.menu,p#navigacia,div#login, div#pop
{display: none;}
div#mobile_links {display: block;}

div#print_header {}
div#body{
position: static;
margin: 0;
padding: 0;
width: 320px;
}
div.border{
}

* {margin: 0; padding: 0; font-size: 80%}
}