body { font-size: 0.8em; color: black; font-family: Verdana, 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background: #9dcfe2 url('grafika/bg.gif') repeat-x; text-align: center; }

#obsah > p:first-child { line-height: 1.7em; font-size: 110%; margin-left: 1em;
    padding: 0.6em; border: 2px #cecece solid; margin-right: 1em; margin-bottom: 1.3em; 
    background: #E3E1E1 url('grafika/otazniky.gif') no-repeat right bottom; }

/* ---- zakladni formatovani stranky ----- */
#wrap       { width: 780px; position: relative; text-align: left; top: 0em; margin: auto; padding-bottom: 3em; }
#root       { width: 772px; background-color: #ecf2f6; border-left: #0e3c58 4px solid; border-right: #0e3c58 4px solid;}
#root-left       { position: absolute; width: 5px; height: 70%; }


#obsah       { padding-top: 1em; width: 68%; padding-left: 1.5em; padding-right: 1em; padding-bottom: 3em; min-height: 120em;
	    }
#hlavicka    { width: 100%; height: 160px; background: url('grafika/obsah_top.gif') no-repeat 50% 100%; }
#patka       { width: 100%; height: 140px; text-align: center; padding: 0em; background: url('grafika/obsah_bottom.gif') no-repeat 100% 100%; }

#logo { position: absolute; left: -15px; top: 0em; width: 829px; height: 174px; background-image: url('grafika/header.gif');}
#logo-text { position: absolute; left: 1em; top: 1em; width: 387px; height: 71px; }

#right  { float: both; position: absolute; top: 170px; left: 68%; width: 25%; height: 60%; padding-left: 3em; padding-right: 0.5em; }
#head-text   { position: absolute; top: 2em; left: 63%; width: 35%; height: 3em; background-color: #F6F6F6;
                     -moz-border-radius: 10px; font-size: 10pt; text-align: center; line-height: 3em;}

/* ---- odkazy ----------------------- */

a:link, a:visited { color: #1c44a2; }
a.nolink { text-decoration: none; border-bottom: 0px; }

p a, p a:visited, p a:link { color: #3566da; text-decoration: none; border-bottom: 1px dotted #154961; }
p a:hover, p a:active { color: #154961; border-bottom-style: solid; }
p a[href^="http:"] { background: url('grafika/external_link.png') no-repeat right top; padding-right: 1em;}

img { border: 0px; text-decoration: none; }

#patka li a {  color: #19548e; font-size: 0.7em; padding: 0.2em; background-color: #d1e6f3; text-decoration: none; }
#patka li a:hover {  color: #19548e; font-size: 0.7em; padding: 0.2em; background-color: #a3cfea; text-decoration: none; }

/* ---- seznamy ----------------------- */

#patka ul { margin: 0em; padding: 0em; }
#patka li { display: inline; padding: 0em 0em 0em 1em; font-weight: bold; line-height: 2.5em;}

ul.news {  font: 110%/1.3 'Arial CE', Arial, Verdana, 'Helvetica CE', Helvetica, sans-serif; margin: 2em 1em 1.5em 1em; padding-left: 3em;}

/* ---- formatovani textu ----- */

p {  font: 110%/1.5 'Arial CE', Arial, Verdana, 'Helvetica CE', Helvetica, sans-serif; margin: 0.5em 1em 1.5em 1.1em; }
p.citace {  font: 110%/1.4 'Arial CE', Arial, Verdana, 'Helvetica CE', Helvetica, sans-serif; margin: 0.5em 1em 1.5em 2em;
            font-style: italic; padding: 1em 1em 1em 2em; border-left: #1c5c79 5px solid; border-bottom: #cae0e6 1px solid;
            background: #c7dee4 url('grafika/citace.gif') no-repeat 100% 100%; border-right: #cae0e6 1px solid; }

#patka > p   { color: #000000; font-size: 0.8em; padding: 0em; margin: 0px; }
#head-text > p   { font: italic 12pt/1.5 "Arial CE", sans-serif; color: #c80000; padding-bottom: 0em; }

h1, h2, h3, h4 { font: bold 225%/1.5em Arial, sans-serif; margin: 0.5em 0em 0.5em 0em; padding:0; }

h1 { width: 266px; height: 137px; position: absolute; top: 1em; padding: 0;	margin: 0;
       cursor: pointer; font-size: 1.5em; overflow:hidden; }
h1 a { color: white; }

h2  { letter-spacing: 0em; font-size: 150%; font-weight: bold; color: #000000; margin-bottom: 0.5em;
      background: url('grafika/h2.png') no-repeat 0% 50%; padding-left: 2em; border-bottom: 2px #badaef dotted;}

h4  { color: #4685a2; font-size: 125%; font-weight: bold; margin-top: 0em;
      margin-left: 1em; margin-right: 0em; margin-bottom: 0.5em;
      border-bottom: 1px #19548e dotted; }

h3 { line-height: 1.65em; font-size: 110%; margin-top: 0.5em; margin-left: 1.1em; margin-right: 1em; margin-bottom: -0.2em; }

.box   { border-left: #b0cbda 1px solid; border-right: #b0cbda 1px solid; border-bottom: #b0cbda 2px solid; margin: 0.2em; margin-bottom: 1em;
         background: #dbe7ed url('grafika/box_corner.gif') no-repeat 100% 100%; text-align: left; }

div.box > h3  { font-size: 110%; font-weight: bold; color: #0B415A; margin: 0px; padding-bottom: 0.2em; padding-left: 0.8em; 
                background: #a0c0d1 url('grafika/menu_bg.gif') repeat-x 0% 50%;   }

/* ---- right menu ----- */
#right ul { list-style-type: none; text-align: left; border: 0em; padding: 0em 0em 0em 1em; }
#right li { padding-bottom: 0.2em; }
#right ul li a { background: transparent url(grafika/odrazka.gif) left center no-repeat; padding-left: 1.4em;
text-align: left; font: normal 1.1em Verdana, "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
text-decoration: none; color: #000; }

#right ul li a:hover { background: url(grafika/odrazka2.gif) left center no-repeat; color: #3e3e3e; font-weight: bold; }

/* ---- novinky ----- */

.addthis { text-align: right; position: relative; top: -2.5em; left: -1.5em; }

.source { text-align: right; font-size: 70%; font-weight: italica; }

h2.news  { letter-spacing: 0em; font-size: 150%; font-weight: bold; color: #000000; margin-bottom: 0.5em;
      padding-left: 0.5em; border-bottom: 2px #badaef dotted;
      background: #ecf2f6 url('grafika/headline_bg.gif') repeat-x 0% 50%; }

.newsdat { font-family: Arial, sans-serif; font-size: 8pt; color: #0d4655; text-align: right;
	   margin: 0; padding-right: 3px; font-weight: normal; position: relative; top: 30px; }


.newsnad   { font-family: Arial, sans-serif; font-size: 11pt; font-weight: Bold; color: white; margin-top: 0px;
             margin-left: 0px; margin-right: 0px; margin-bottom: 4px; text-align: left;
	     background: #B7D6E1 url('grafika/bg_news.gif'); padding-left: 5px; }

.nwsbody { border: #c5d7e3 2px dotted; background-color: #dfe8ee; padding-bottom: 5px; margin: 10px; margin-top: 0px; }

.obsah { border: #1D5A75 1px solid; width: 470px; background-color: #C8DEE5; padding-bottom: 5px; margin: 10px; margin-top: 0px; }

.com { padding-top: 7px; }


/* ---- formular ----- */
fieldset { padding: 1em; margin: 0em 1.2em 0.8em 1.5em; border: 4px #D0D0D0 double; }
legend { color: #fff; text-align:center; font-weight:bold; padding: 0.2em 0.6em; background-color: #CF1313; }
textarea { width: 90%; height: 7em;}
label { display:block;}
fieldset > div { padding-bottom: 5px;}
.chyba_formular { color: red; font-weight:bold;}
input { margin-bottom: 0.5em; vertical-align: middle; }

/* ---- tabulka ----- */
table {width: 60%; border: 4px #B3B3B3 double; margin: 0em 0em 2em 1.5em; font-size: 120%; }
thead {background-color: #0e3c58; color: white; }
thead th { color: white; padding: 0.2em; background: #0e3c58 url('grafika/navigace_bbg.gif') repeat-x 0% 50%; }
td {background-color: #F0F0F0; padding: 0.2em; }
tbody tr th {background-color: #D8D8D8; padding: 0.1em; padding: 0.2em 0.2em;}
tfoot tr td {background-color: #CFCECE; color: black; padding: 0.2em;}

/* ---- ostatni ----- */
acronym { cursor:help; }
dl { margin-left: 1.5em; }
dt { float: left; font-weight: bold;}
dd { padding-bottom: 1em;}
.mail { unicode-bidi:bidi-override; direction: rtl;  }
.hidden { display: none;  }
.show { display: block;  }
.center { display: block; ext-align:center; }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#navigace{ position: absolute; top: 118px; left: 250px;
float: left;
width: 60%;
font-size: 120%;
line-height: normal;
}

#navigace ul{
list-style-type: none;
margin: 0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#navigace li{
display:inline;
margin:0;
padding:0;
}

#navigace a{
float:left;
background:url(grafika/glowtab-left2.gif) no-repeat left top;
margin:0;
margin-right: 7px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#navigace a span{
float:left;
display:block;
background:url(grafika/glowtab2.gif) no-repeat right top;
padding: 10px 12px 5px 3px;
font-weight:bold;
color:#164358;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigace a span {float:none;}
/* End IE5-Mac hack */

#navigace a:hover span {
color: #d7e8f1;
}

#navigace #current a{ /*Selected Tab style*/
background-position:0 -40px; /*Shift background image up to start of 2nd tab image*/
}

#navigace #current a span{ /*Selected Tab style*/
background-position:100% -40px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#navigace a:hover{ /*onMouseover style*/
background-position:0% -40px; /*Shift background image up to start of 2nd tab image*/
}

#navigace a:hover span{ /*onMouseover style*/
background-position:100% -40px; /*Shift background image up to start of 2nd tab image*/
}

<!--[if IE]>
<style type="text/css">
p.iepara { /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->

/* ---- paging ----- */
#paging {
	margin: 1em 1em;
	padding: 1em 1em;
	background-color: transparent;
	text-align: center; font-size: 15pt;
}

#paging a {
	border: 1px solid #096C8F;
	background-color: #8EC8DE;
	text-align: center; color: Black;
	padding: 2px 5px; margin: 2px;
	display: inline; text-decoration: none;
}

#paging a.actual {
	background-color: #2C4F8A;
	font-weight: bold;
	color: White; text-decoration: none;
}

#paging a:hover {
	background-color: #4EBAFA;
	text-decoration: none;
}