/* general */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 70%;
color: #777;
text-align: center;
background: #dbe4f0 url("../grafika/bg.jpg") repeat-x;
}

a, a:link {
color: black;
text-decoration: underline;
}

a:visited {
color: #777;
}

a:hover, a:active, a:focus {
color: #006daa;
}

.blue {
color: #006daa;
}

.lightblue {
color: #dbe4f0;
}

.yellow {
color: #ffbe00;
}

.black {
color: black;
}

/* logo */
h1 {
width: 312px;
height: 96px;
color: #006daa;
font-size: 190%;
text-transform: uppercase;
position: absolute;
top: 35px;
left: 0;
}

h1 a {
display: block;
}

h2 {
font-size: 110%;
font-weight: bold;
color: black;
margin: 0 0 10px 0;
}

h2.margin {
margin-top: 20px;
}

/* aktivni polozka menu */
h3 {
height: 41px;
font-size: 100%;
font-weight: bold;
color: white;
overflow: hidden;
text-align: center;
}

h4 {
font-size: 105%;
color: #999;
margin: 0;
}

h5 {
font-size: 110%;
color: #dbe4f0;
margin: 20px 0 0 0;
}

p {
margin: 10px 0;
line-height: 150%;
}

ul {
margin: 10px 0;
}

li {
margin-left: 30px;
padding: 5px 0;
list-style: square;
}

ol li {
list-style: decimal;
}

ul#schema ul, ul#schema ul ul {
margin: 0;
}

ul#schema li {
margin-left: 10px;
}

.cistic {
_height: 1px;
_width: 1px;
_font-size: 1px;
_line-height: 1px;
_margin: -1px -1px 0 0;
clear: both;
}

.strong {
font-weight: bold;
}

img.left {
margin: 0 20px 20px 0;
float: left;
}

img.right {
margin: 0 0 20px 20px;
float: right;
}

img.right2 {
margin: 0 0 20px 20px;
float: right;
border: 2px solid #dbe4f0;
}

address {
font-style: normal;
}

/***************** layout *************/

#main {
width: 736px;
margin: 0 auto;
text-align: left;
background: white;
}

#header {
width: 736px;
height: 309px;
background: #ffdc17 url("../grafika/header.jpg") no-repeat;
float: left;
position: relative;
}

/* hledani */

#nadpis {
margin-bottom: 3px;
}

#hledani {
width: 145px;
height: 25px;
color: #c3c3c3;
font-weight: bold;
position: absolute;
top: 15px;
right: 17px;
}

input#hledat {
width: 112px;
height: 13px;
font-weight: normal;
font-size: 90%;
color: black;
float: left;
}

input#go {
padding: 0;
margin-left: 3px;
background: none;
border: 0;
float: left;
}

/* jazyky */

ul#jazyky {
width: 150px;
height: 17px;
line-height: 100%;
margin: 0;
padding: 0;
position: absolute;
bottom: 85px;
left: 20px;
}

ul#jazyky li {
width: 27px;
height: 17px;
margin: 0 5px 0 0;
padding: 0;
list-style: none;
display: block;
float: left;
}



/*** menu ***/

ul#menu {
width: 734px;
height: 41px;
line-height: 100%;
font-weight: bold;
font-size: 100%;
margin: 0;
padding: 0 0 0 2px;
float: left;
}

ul#menu li {
width: 122px;
height: 41px;
line-height: 41px;
margin: 0;
padding: 0;
list-style: none;
color: white;
display: block;
background: #002a60 url("../grafika/menu.jpg") no-repeat -122px 0;
float: left;
}

ul#menu li a {
width: 122px;
height: 41px;
text-align: center;
text-decoration: none;
display: block; /*dulezite*/
color: white;
background: #2b77a9 url("../grafika/menu.jpg") no-repeat 0 0;
overflow: hidden;
}

ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active {
background: #002a60 url("../grafika/menu.jpg") no-repeat -122px 0;
}

/**obsah**/

#pruh {
width: 736px;
height: 160px;
padding: 15px 0;
background: white url("../grafika/dot2.jpg") repeat-x bottom left;
float: left;
}

#pruh img {
border: 2px solid #006eaa;
}

#pruh h2 {
margin: 5px 0 0 0;
color: black;
font-weight: bold;
font-size: 120%;
}

#prvni {
width: 248px;
height: 160px;
text-align: center;
background: url("../grafika/dot1.jpg") repeat-y top right;
float: left;
}

#druhy {
width: 242px;
height: 160px;
text-align: center;
background: url("../grafika/dot1.jpg") repeat-y top right;
float: left;
}

#treti {
width: 246px;
height: 160px;
text-align: center;
float: left;
}

#obal {
width: 736px;
background: white url("../grafika/bg2.jpg") repeat-y;
margin-top: 2px;
float: left;
position: relative;
}

#obal2 {
width: 696px;
padding: 20px;
min-height: 200px;
_height: 200px;
background: white;
margin-top: 2px;
float: left;
}

#aktuality {
width: 205px;
min-height: 200px;
_height: 200px;
padding: 20px;
color: white;
float: left;
}

#aktuality ul li a {
color: white;
}

#aktuality ul li a:visited {
color: black;
}

#aktuality ul li a:hover, #aktuality ul li a:focus, #aktuality ul li a:active {
color: #ffbe00;
}

#aktuality img {
border: 2px solid #c8c8c8;
}

#aktuality p {
line-height: 130%;
}

#aktuality h4 {
color: #dbe4f0;
font-size: 140%;
margin: 0 0 10px; 
}

#obsah {
width: 451px;
padding: 20px;
float: left;
}

#informace {
width: 224px;
height: 57px;
font-weight: bold;
font-size: 135%;
color: #dbe4f0;
line-height: 57px;
padding-left: 70px;
background: #002a60 url("../grafika/informace.jpg") no-repeat;
position: absolute;
bottom: 0;
right: 0;
}

a.vice, a.vice:visited {
color: #ffbe00;
margin: 10px 0;
float: right;
}

a.vice:hover, a.vice:focus, a.vice:active {
color: white;
}

/* formular */

input, textarea, select {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
padding: 3px;
background: white;
font-size: 100%;
border: 1px solid #cacaca;
}

fieldset {
padding: 20px;
background: #dcdcdc;
border: 2px solid white;
}

input#odeslat {
margin: 5px 0;
float: right;
padding: 3px 10px;
font-weight: bold;
border: 0;
background: #006daa;
color: white;
}

textarea {
width: 98%;
}

label {
color: black;
padding-bottom: 3px;
display: block;
}

/* archiv aktualit */

a#archiv, a#archiv:visited {
width: 205px;
height: 30px;
line-height: 30px;
font-size: 120%;
font-weight: bold;
text-align: center;
color: #ffbe00;
background: #002a60;
text-decoration: none;
display: block;
}

a#archiv:hover, a#archiv:focus, a#archiv:active {
color: white;
}

.datum {
color: #ffbe00;
font-size: 110%;
font-weight: bold;
margin-top: 20px;
}

/* reference */

.reference {
border-top: 1px solid #dbe4f0;
padding: 10px 0;
color: black;
float: left;
}

.reference span {
color: #006daa;
display: block;
width: 100px;
float: left;
}

.reference p {
width: 590px;
margin: 0;
float: left;
}

.reference img {
margin: 5px 10px 0 0;
border: 2px solid #dbe4f0;
}

/* paticka */


#paticka {
width: 726px;
height: 30px;
line-height: 30px;
padding-right: 10px;
color: #252d31;
background: #e1e1e1;
text-align: right;
float: left;
clear: both;
}

#paticka a {
color: black;
}

#paticka a:visited {
color: #777;
}

#paticka a:hover, #paticka a:active, #paticka a:focus {
color: #006daa;
}

.oddelovac {
margin: 0 7px;
color: #006daa;
}

#mapa {
padding: 5px;
border: 1px solid #ccc;
margin-top: 20px;
}