/* Zero down margin and paddin on all elements */
* {
	margin: 0;
	padding: 0;
}
BODY {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.2em;
	font-weight: normal;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
}

h1, h2, p {
	margin: 1em 0;
}

#body1 {
	background-image: url(images/bgr_7.jpg);
	background-repeat: repeat-x;
}
#body2 {
	background-image: url(images/bgr_8.jpg);
	background-repeat: repeat-x;
}
#hlavniNadpis { font-size: 40px; color: #000000; font-family: "Times New Roman", Times, serif; text-decoration: none; }

A { text-decoration: none;} 
A:link, A:visited   { color: #800000 } 
A:hover  { color: #b22222; text-decoration: underline } 

#hlava3 {
	height: 200px;
	background-image: url(images/hlava3.png);
}
#hlava2 {
	height: 200px;
	background-image: url(images/hlava2.png);
}
#hlava4 {
	height: 200px;
	background-image: url(images/hlava4.png);
}
#hlava5 {
	height: 200px;
	background-image: url(images/hlava5.png);
}
#hlava6 {
	height: 200px;
	background-image: url(images/hlava6.png);
}
#hlava7 {
	height: 200px;
	background-image: url(images/hlava7.png);
}
#hlava8 {
	height: 200px;
	background-image: url(images/hlava8.png);
}
#hlava9 {
	height: 200px;
	background-image: url(images/hlava9.png);
}
#hlava10 {
	height: 200px;
	background-image: url(images/hlava10.png);
}

/* TopMenu   ---------------------  TopMenu */
#TopMenu {
	float:left;
	margin:0;
	padding:0;
	font-variant: inherit;
	font-size: 96%;
	clear: both;
}

#TopMenu ul {
	background-image:url(TopMenu/back.gif);
	background-repeat:repeat-x;
	float:left;
	line-height:32px;
	list-style:none;
	margin:0;
	padding:0 8px 0 8px;
	width:987px;
}

#TopMenu li {
display:inline;
padding:0;
font-weight: bold;
}

#TopMenu a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#TopMenu a span {
	display:block;
	float:none;
	padding:0 10px 0 7px;
}

#TopMenu a span img {
border:none;
margin:8px 4px 0 0;
}

#TopMenu a img {
border:none;
margin:8px 4px 0 0;
}
/* show picture when mouse over link */
#TopMenu a:hover{
background: url(TopMenu/left.png) no-repeat left center;
}

#TopMenu a:hover span {
background:url(TopMenu/right.png) no-repeat right center;
}

#TopMenu a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}
/*  ------------------------------ */

#sloup  {
	list-style: none;
}


#menuTop ul li a#leftcorner2{
	float: none;
	padding-left: 10px;
	padding-right: 0px;
	background: top left;
	background-repeat: no-repeat;
	background-image: url(images/leftcorner2.gif);
}
.hlavicka2, .hlavicka3, .hlavicka4, .hlavicka5,.hlavicka6, .hlavicka7, .hlavicka8, .hlavicka9, .hlavicka10 {
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
}


#menu_2,.hlavicka2 { background-image: url(TopMenu/back2.gif); }
.Dmenu2 {background-color: #9EBB94;}
#menu_3, .hlavicka3 { background-image: url(TopMenu/back3.gif); }
.Dmenu3 { background-color: #FFBFF0; }
#menu_4,.hlavicka4 { background-image: url(TopMenu/back4.gif); }
.Dmenu4 { background-color: #FFBFF0; }
#menu_5, .hlavicka5 { background-image: url(TopMenu/back5.gif); }
.Dmenu5 { background-color: #B8B771;}
#menu_6,.hlavicka6 { background-image: url(TopMenu/back6.gif); }
.Dmenu6 { background-color: #B89F86; }
#menu_7,.hlavicka7 { background-image: url(TopMenu/back7.gif); }
.Dmenu7 {background-color: #A7C1E0;}
#menu_8, .hlavicka8 { background-image: url(TopMenu/back8.gif); }
.Dmenu8 {background-color: #DE9ECD;}
#menu_9, .hlavicka9 { background-image: url(TopMenu/back9.gif); }
.Dmenu9 {background-color: #F7C78F;}
#menu_10, .hlavicka10 { background-image: url(TopMenu/back10.gif); }
.Dmenu10 {background-color: #E3E3E3;}

#pata {
	background-color:#b0b0b0;
	padding: 1px 20px;
}
/* The Core Technique
================================= */

#obal {
	width: 1004px;
	margin: 0 auto;
	text-align: left;
	background: #BFFFE4 url(images/sloupyBack.png) repeat-y left bottom;
}
/*vlajky
================================== */
#vlajky { text-decoration: none; background-image: url("images/menu3.gif"); background-repeat: repeat-x; list-style-type: none; margin: 0; width: 100% }
#vlajky li { position: relative; right: 5px; float: right }
#vlajky a { margin-right: 5px; margin-left: 5px }
/**/
/*hlavni menu =============*/
#hlavniMenu {
	font-size: 1,3;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
#hlavniMenu ul { list-style-type: none; width: 204px; }
#hlavniMenu li { background-color: #0c2577; height: 20px; margin: 3px 0; white-space: nowrap; text-indent: 7px; }
#hlavniMenu a { color: #ffffff; background-color: #0c2577; text-decoration: none; display: block    }
#hlavniMenu a:hover {
	color: #FFFF00;
	background-color: #003399;
}
#hlavniMenu a:visited { color: silver }
/*leve menu =============*/
#sloup {
	width: 200px;
	float: left;
}
#menu_6, #menu_7 {
	white-space: nowrap;
}
#obsah {
	width: 794px;
	float: right;
}
#mainobsah {
	width: 580px;
	margin: 0;
	float: left;
}

#mainobsah td { font-size: 10pt; line-height: 13pt }
#mainobsah li {
	list-style-image: url(images/triangle_green.png);
	list-style-position: inside;
}
#mainobsah H2      {
	color: #006600;
	font-weight: bold;
	background-image: url("images/h2_bg.gif");
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 25px
}

#sloup2 {
	width: 200px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
}
#pata {
	clear: both;
	text-align: center;
}
/* Add some padding */

#sloup, #sloup2 {
	padding-top: 0px;
	padding-bottom: 0px;
}
#sloup *, #sloup2 * {
	padding-left: 0px;
	padding-right: 0px;
}
#sloup * *, #sloup2 * * {
	padding-left: 0;
	padding-right: 0;
}



.leveMenu ul {
	list-style-type: none;
	width: 200px;
}
.leveMenu li {
	margin: 1px 0;
	white-space: nowrap;
	text-indent: 7px;
}
.leveMenu a {
	color: #000000;
	text-decoration: none;
	display: block
}
.leveMenu a:hover {
	color: #903;
	background-color: #CCCCCC;
}
.leveMenu a:visited {
	color: #B32400
}
#menuTop {
	list-style: none;
	margin: 0;
	position: relative;
	bottom: 0px;
	font-size: 110%; text-decoration: none; display: block; color: #333; 
}
#menuTop a {  float: left; margin: 16px 1px 0 0; padding: 3px 8px; border: solid 1px #9b8748 }

#menuTop a:hover {
	background-color: #CCCCCC;
}

#fotogalerie      { line-height: 25px; text-decoration: none; background-image: url("images/fotogalerie.png"); background-repeat: no-repeat; text-align: left; text-indent: 35px }
/**/
#Studenka   { color: orange; line-height: 60px; text-decoration: overline; background-image: url("images/Studenka.gif"); background-repeat: no-repeat; text-align: left; text-indent: 55px; vertical-align: bottom }
#Poodri { color: orange; line-height: 60px; text-decoration: overline; background-image: url("images/Poodri.gif"); background-repeat: no-repeat; text-align: left; text-indent: 105px; vertical-align: bottom }
#Bilovecko { color: orange; line-height: 60px; text-decoration: overline; background-image: url("images/Bilovecko.gif"); background-repeat: no-repeat; text-align: left; text-indent: 105px; vertical-align: bottom }
#Odersko { color: orange; line-height: 60px; text-decoration: overline; background-image: url("images/Odersko.gif"); background-repeat: no-repeat; text-align: left; text-indent: 95px; vertical-align: bottom }
#Fulnek  { color: orange; line-height: 60px; text-decoration: overline; background-image: url("images/Fulnek.gif"); background-repeat: no-repeat; text-align: left; text-indent: 55px; vertical-align: bottom }
#Pribor { color: orange; line-height: 60px; text-decoration: overline; background-image: url("images/Pribor.gif"); background-repeat: no-repeat; text-align: left; text-indent: 55px; vertical-align: bottom }
/**/
#docPDF { line-height: 20px; text-decoration: none; background-image: url("images/page_pdf.png"); background-repeat: no-repeat; text-align: left; text-indent: 20px }
#docXLS { line-height: 20px; text-decoration: none; background-image: url("images/page_excel.png"); background-repeat: no-repeat; text-align: left; text-indent: 20px }
#docWORD { line-height: 20px; text-decoration: none; background-image: url("images/page_word.png"); background-repeat: no-repeat; text-indent: 20px }
#webmasterovi       { font-size: 90%; }
#oficialniWeb      { font-size: 90%; }