body {
 background-color:#284F68;
 margin:0;
 padding:0;
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size:13px;
}

img { border:0 }

td {
 font-size:13px;
}

a { text-decoration:none }
a:hover { text-decoration:underline }


/* hlavni ramec stranky */
div#page {
background: white url(../images/pozadi_prouzek.jpg) repeat-y;
/*width: 782px;*/
width: 900px;
margin: 10px auto;
}

/* zahlavi s erbem a svatky */
div#zahlavi {
    /*width:782px; */
    width:900px;
    height:168px;
    background: url(../images/pozadi_zahlavi.jpg) top left no-repeat;
    position:relative;
}
/* tmave modra cast s erbem */
div#erb {
    width:672px;
    height:133px;
    background: #407299 url(../images/pozadi_erb.gif) top left repeat-x;
    position:absolute;
    top:27px;
    left:23px;
}
p#mesto_fulnek {
    width:298px;
    height:35px;
    background: url(../images/mesto-fulnek.jpg) no-repeat;
    position:absolute;
    margin:0;
    top:2px;
    left:10px;
}
p#mesto_fulnek a {
display:block;
height:100%;
}
p#mesto_fulnek span { display:none; }

img#obrazek_erbu {
    width:62px;
    height:78px;
    position:absolute;
    top:43px;
    left:54px;
}
div#tri_obrazky {
    background: #407299 url(../images/pozadi_3obrazky.gif) top left repeat-x;
    position:absolute;
    top:42px;
    left:309px;
    height:86px;
}
div#tri_obrazky img {
    margin:4px;
}


/* datum a svatek vpravo */
div#svatek {
    width:169px;
    height:133px;
    background: url(../images/svatek_pozadi.gif);
    position:absolute;
    top:27px;
    left:710px;
    color:#407299;
    text-align:center;
	 font-weight: bold;
    font-size:11px;
}
div#svatek p {
height:25%;
margin:10px 0 0;
}

/* stredni cast */
div#stred {
    /*width:782px;*/
    width:900px;
    min-height:404px;
    background: url(../images/pozadi_hlavni.jpg) top left no-repeat;
    overflow:auto;
}

/* pocitadlo + aktualizace */
div#pocitadlo {
	text-align: center;
	color: Gray;
    font-size:11px;
}


/* menu vlevo */
div#menu {
    width:180px;
    float:left;
    margin: 9px 0 0 23px;
    padding:0;
    _margin-left:12px; /* msie bug, float zdvojnasobi margin */

}

div#menu ul {
    margin:0;
    padding:0;
}
div#menu li{
    list-style:none;
    margin:0;
    padding:0;
    background:#6098c5 url(../images/menu_odrazka.gif) top left no-repeat;
    line-height:19px;
}
div#menu ul a {
    display: block;
    width:160px;
    height:100%;
    border-bottom: 2px solid white;
    padding-left:20px;
    text-decoration: none;
    color:white;
    font-size:11px;
}
/* TODO jde vyresit 1px dotted border okolo polozky pri focusu polozky ve firefoxu? */
ul.level1 { display:none;
}

ul.level1 a  {
background:#F6F8FA;
}
ul.level1 a span {
color:#164478;
}

/* link 'skip menu' */
a.skryty {
position:absolute;
left:-2000px;
}

/* hlavni cast */
div#hlavni_cast {
    width:640px;
    max-width:640px;
    float:right;
    margin: 9px 23px 0 0;
    _margin-right:15px; /* msie bug, float zdvojnasobi margin */
}


div#hlavni_cast a:link {  text-decoration: none; color: #0b2668}
div#hlavni_cast a:visited {  text-decoration: none; color: #0b2668}
div#hlavni_cast a:hover {  text-decoration: underline; color: #D92B18}
div#hlavni_cast a:active {  text-decoration: underline; color: #D92B18}


div#hlavni_cast div.nadpis {
background:#677987 url(../images/pozadi_nadpis.gif) top left repeat-x;
height:43px;
overflow:auto;
width:100%;
}
div#hlavni_cast div.iko_aktuality {
background:#677987 url(../images/iko_aktuality.gif) top left no-repeat;
height:100%;
width:59px;
float:left;
}
div#hlavni_cast div.iko_zakladni_info {
background:#677987 url(../images/iko_zakladni_info.gif) top left no-repeat;
height:100%;
width:44px;
float:left;
}

div#hlavni_cast h1.nadpis {
    width:100%;
    color:#F19C16;
    border-bottom:1px solid #F19C16;
    margin:0 0 20px;
    font-size:18px;
}


div#hlavni_cast h2 {
    width:auto;
    margin:0px;
    padding:0px;
    float:left;
    color:white;
    font-size:16px;
    line-height:43px;
}

/* aktuality na prvni strance */
table#aktuality {
width:100%;
border:0;
margin:10px 0;
}
table#aktuality td {
background: url(../images/iko_i.gif) top left no-repeat;
padding-left:17px;
text-decoration:underline;
}
table#aktuality td.vice {
background: none;
padding:0;
width:40px;
text-align:right;
}
table#aktuality td.vice a { color:#F19C15; }
table#aktuality span.datum { font-weight: bold; }

div#hlavni_cast h3 {
    text-decoration: underline;
    font-size: 13px;
    font-weight:bold;
}
div#hlavni_cast span.obce, div#hlavni_cast span.obce a {
    color:#00008B;
    text-decoration:none;
}

/* nadpisu clanku jsou obrazkove */
div.obrazkovy_nadpis {
    width:500px;
    height:23px;
    background-position: top left;
    background-repeat:no-repeat;
    margin-bottom:20px;
}
div#hlavni_cast img { margin:3px; }

div#organizacni_struktura {
background:#FFFFE0;
font-size:12px;
padding: 20px 0 20px 20px;
}

div#organizacni_struktura ul li {
    list-style-type:none;
}
div#organizacni_struktura ul.level1 li {
margin:20px;
border:1px solid red;
}

/* seznam kontaktu */
div#hlavni_cast table.kontakty { margin-bottom:20px; }

div#hlavni_cast table.kontakty th {
    background:#715937;
    color:white;
}
div#hlavni_cast table.kontakty td { background:#FFDEAD; }
div#hlavni_cast table.kontakty tr.odbor td {
background:#FFDAB9;
font-weight:bold;
}
div#hlavni_cast table.kontakty td.jmeno { font-style:italic; }

/* modre tabulky s dokumenty */
table.uredni_deska  {
width:100%;
margin-top:10px;
}

table.uredni_deska th {
background:#DBEAF9;
text-align:left;
border-bottom:1px solid #778899;
}
table.uredni_deska td { background:#F5F9FD; vertical-align:top; padding-top:1px; }
table.uredni_deska td.datum {
	width: 70px;
	padding-top: 0;
	font-size: smaller;
}
/* prilohy */
div.box_prilohy {
width:100%;
overflow:auto;
margin:10px 0;
}
div.priloha {
float:left;
width:auto;
text-align:center;
margin: 0 10px 10px 0;
}

/* modre tabulky se seznamy osobnosti apod */
table.seznam  {
    width:100%;
    background:#F5F9FD;
    margin:20px 0; }
table.seznam td {
    background:#F5F9FD url(../obr/sipka1.gif) top left no-repeat;
    background-position: 0 13px;
    vertical-align:top;
    padding-left: 12px;
    border-top:3px solid white;
    line-height:30px;
    }
table.seznam td.popis {
padding-left: 40px;
background:#F5F9FD;
border-top:0;
line-height:18px;
}
/* prilohy u osobnosti, pamatek */
div.box_prilohy_zaznam {
width:100%;
overflow:auto;
margin:10px 0;
}
div.box_prilohy_zaznam div.priloha {
float:left;
width:230px;
max-width:230px;
text-align:center;
margin: 0 10px 10px 0;
}
div.box_prilohy_zaznam div.priloha img { border:1px solid gray; }


div.seznam_galerii {
width:80%;
overflow:auto;
margin:0 auto;
}
div.seznam_galerii_item, div.seznam_galerii_item2 {
width:40%;
float:left;
background: url(../obr/foto_m.gif) center left no-repeat;
padding-left:18px;
height: 20px;
}
div.seznam_galerii_item2 { width:80%; }

ul.fotogalerie li {
list-style-image:url(../obr/sipka1.gif);
}

/* tabulka s obrazky mapy */
table#mapa {
border:0;
margin:0 auto;
background:#f1d2a9;
}
table#mapa td {
text-align:center;
vertical-align:middle;
}
table#mapa tr.okraj_horni { height:10px; }
table#mapa tr.okraj_dolni { height:18px; }
table#mapa td.roh { width:18px; height:100%; }

table#mapa_vnitrni {
margin:0;
padding:0;
border:0;
border-collapse: collapse;
background:silver;
}
table#mapa_vnitrni td {
margin:0;
padding:0;
border:0;
}

table#mapa_vnitrni img {
margin:0;
padding:0;
border:0;
display:block;
}
table#mapa_vnitrni td a { display:block; }


p.tisk_odkaz {
text-align:right;
margin-right:5px;
}

/* zapati */
div#zapati {
	width: 900px;
	height: 40px;
	background: url(../images/pozadi_zapati.jpg) bottom left no-repeat;
	color: #00008B;
	text-align: center;
	font-size: 10px;
}
div#zapati hr {
    height: 5px;
    color:#CCD2D7;
    background:#CCD2D7;
    border:1px solid #CCD2D7;
    margin: 10px 15px 0;

}
div#zapati p {
    line-height:18px;
    margin:0 0 13px;
}
div#zapati a {
	color: #00008B;
    text-decoration:none;
}


/* hledany text */
.hledany_vyraz { background:red; }


/* tiskova verze */
body#tisk {
background:white;
}

/* obrazek v novem okne */
body#obrazek {
background:white;
margin:0;
}


/* zobraz.php */
body#zobraz {
background:#FEFEFE;
margin:10px 20px;

}
body#zobraz div.titulek {
background:#c0c0c0;
overflow:auto;
height:30px;
    line-height:30px;
}
body#zobraz div.titulek p {
    width:75%;
    float:left;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    margin:0;
}
body#zobraz span.datum { font-weight:bold; }

body#zobraz div.titulek div {
width:25%;
float:right;
}

body#zobraz hr {
    height: 1px;
    color:#808080;
    background:#808080;
    border:0;
}

.tlacitko {
	FONT-SIZE: 8pt;
	COLOR: Black;
	FONT-FAMILY: "Arial CE", Arial, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	background-color: #ADD8E6;
}

.anketalink {
	FONT-SIZE: 8pt;
	COLOR: #00008B;
	FONT-FAMILY: "Arial CE", Arial, sans-serif;
}