body {
	padding: 0;
	margin: 0;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #D9F7FF;
	background: url('img/body-bg.jpg') #26567E left top repeat-x;
	scrollbar-face-color:#548FC9;
	scrollbar-arrow-color:#AAC7E4;
	scrollbar-base-color:#274776;
	scrollbar-shadow-color:#274776;
	scrollbar-dark-shadow-color:#548FC9;
	scrollbar-highlight-color:#548FC9;
	scrollbar-3d-light-color:#548FC9;
	cursor: default;
}

/* FORMOVANI STRANKY ===================================================================================*/

#body{ clear:both;}
#bodyContent {
	margin-left: auto; margin-right: auto;
	width:770px; height: 100%;
}

#header {height: 210px; margin: 0px; clear:both; }
#headerContent {
	width:770px; height: 210px;
	margin: 0px; padding: 0px;
	background: url('img/head-bg.jpg') left top no-repeat;
	clear:both;
	border: solid #ddd000 0px;
}
#header IMG{ margin: 30px 0px 0px 50px;}

#page { background: url('img/page-bg.jpg') left top repeat-y;}
#pageContentTop {
	width: 770px; 
	margin-top: 0px; padding: 0px;
	background: url('img/page-bg-top.jpg') left top repeat-x;
	border: solid #00FFFF 0px;
	clear:both;
}
#pageContentEnd {
	width: 764px; min-height: 600px; 
	margin-top: 0px; padding: 3px;
	background: url('img/page-bg-end.jpg') left bottom repeat-x;
	border: solid #00FFFF 0px;
	clear:both;
}

#footer {}
#footerContent {
	width: 770px; height: 100%;
	margin: 0px; padding: 5px 0 0 0;
	background: url('img/footer-bg.gif') left top repeat-x;
	color: #FFFFFF;
	clear:both;
}




/* NAVIGACE ============================================================================================*/
#menu {clear:both;}
#menuContent {
	width: 750px; height: 130px; /* 175-padding45 = 130*/
	margin: 0px 0px 2px 0px;
	padding: 45px 10px 0px 10px; /* srovna okraj pro IE */
	background: url('img/menu-bg.jpg') #196192 left top no-repeat;
	border: solid #ddd000 0px;
	float: none;
}
#menu UL { list-style: none; margin: 0px; padding: 0px;}
#menu LI {
	margin: 0px;
	padding: 0px;
}
#menu LI A{
	width:110px; height:14px;
	padding: 0px 0px 0px 10px;
	color: #66DFFF; font-size: 100%;
	background: url('img/menu-li1.gif') 0px 3px no-repeat;
}
#menu LI A:hover {
	width:110px; height:14px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF; font-size: 100%;
 	background: url('img/menu-li2.gif') 0px 3px no-repeat;
}
#menu .mezera {
	width:110px; height:16px;
}
#menu #obec {
	display:block;
	width: 165px;
	margin-left: 0px; padding: 0px;
	border: solid #ddd000 0px;
	float:left;
}
#menu #urad, #menu #firmy, #menu #kultura {
	display:block;
	width: 165px;
	margin-left: 28px; padding: 0px;
	border: solid #ddd000 0px;
	float:left;
}
#navi {
	width:530px;  /* DŮLEŽITÉ: trapne zmensit o padding, potoze je to U W3C nelogicky stanoveno a nerespektuje to implicitni nastaveni width a height  */
	margin: 0px 0px 10px 0px;  padding: 0px 10px 0px 10px;
	background: url('img/menu-li1.gif') 0px 3px no-repeat;
	border: solid #FF77FF 0px;
	float:left;
	clear:both;
}
#navi A{
	color: #66DFFF; font-size: 100%;	
}
#navi A:hover {
	color: #FFFFFF; font-size: 100%;
}




/* PAGE ================================================================================================*/

/* PAGE LEVA STRANA */
#pageLeft {
	width:550px; height: 100%;
	margin: 0px; padding: 10px 10px 5px 10px;
	border: solid #FF77FF 0px;
	float:left;
}
#pageLeft IMG {
	/*margin: 0px 10px; padding: 3px;*/
	/*border: solid #3F95C0 1px;*/	
}
#pageLeft ul { list-style: none; margin: 0px; padding: 0px;}
#pageLeft li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	background: url('img/menu-li3.gif') 0px 3px no-repeat;
}
#pageLeft li a{
	margin: 0px;
	padding: 0px
	color: #66DFFF; font-size: 100%;	
}
#pageLeft li a:hover {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF; font-size: 100%; 	
}
#pageLeft li .mezera {
	margin: 0px;
	padding: 0px;
	background: url('img/trans.gif') 0px 3px no-repeat;
	color: #66DFFF; font-size: 100%; 	
}
/*
#pageLeft table {
	clear: both;
	border-top: solid #236E9E 1px;
	border-left: solid #236E9E 1px;
	border-right: solid #236E9E 1px;
}
#pageLeft table th {
	margin: 0px; padding: 0px 5px;
	color: #FFFFFF; font-size: 100%;
	font-weight: bold;
	border-bottom: solid #3F95C0 2px;
}

#pageLeft table td {
	margin: 0px; padding: 0px 5px;
	color: #D9F7FF; font-size: 100%;
	border-bottom: solid #236E9E 1px;
}*/


/* PAGE PRAVA STRANA */
#pageRight {
	width:186px; height: 100%;
	margin-left: 3px; padding: 0px;
	/*background: url('img/home-divy.gif') top left repeat-y;*/
	border: solid #FF77FF 0px;
	float:right;
	/*clear:right;*/
}


/* POLOZKY PRAVE STRANY ================================================================================*/

/* POLOZKY PRAVE STRANY */
#home-vitejte {
	width:166px; /* W:186 */
	margin-left: 3px;  padding: 10px 10px 0px 10px;
	border: solid #FF77FF 0px;
	float:left;
	clear:both;
}
#home-kontakt {
	width:166px; 
	margin-left: 3px; padding: 10px 10px 10px 10px;
	border: solid #FF77FF 0px;
	float:left;
	clear:both;
}
#reklama {
	width:166px; height: 100px;
	margin: 0 0 0 0; margin-left: 3px; margin-top:0px; padding: 10px 10px 10px 10px;
	border: solid #FF77FF 0px;
	float:left;
	clear:both;
	text-align: center;
}
#znak {
	width:166px; height: 180px;
	margin: 0 0 0 0; margin-left: 3px; padding: 10px 10px 10px 10px;
	float:left;
	clear:both;
}
#prihlaseni {
	width: 140px;
	vertical-align: bottom;
	margin: 10px 0 0 0; padding: 0px;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#prihlaseni IMG {
	margin: 0px 0px -4px 0px;
}
#prihlaseni FORM {
	margin: -2px 0px 5px 0px;
}
#prihlaseni INPUT {
	margin: 0px; padding: 0px 3px;
	color: #FFFFFF; font-size: 11px;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	border: solid #3A91BE 1px;
	background-color: #26567E;
	
}
#prihlaseni .pole {
	width: 100px; height: 18px;
}
#prihlaseni .submit {
	width: 17px; height: 40px;
	background: url('img/prihlaseni-submit.gif') left top no-repeat;
	border: 0px;
}
#prihlaseni A, #vyhledavani A {
	display: block;
	margin: 7px 0 0 0; padding: 0 0 0 10px;
	background: url('img/menu-li1.gif') 0px 3px no-repeat;
}
#prihlaseni A:hover, #vyhledavani A:hover {
	display: block;
 	background: url('img/menu-li2.gif') 0px 3px no-repeat;
	
}


/* POLOZKY LEVE STRANY =================================================================================*/

/* UVODNI STRANA */
#aktuality {
	width:263px;
	margin: 0px; padding  0px
	border: solid #FF77FF 0px;
	float:left;	
}
#vyzvy {
	width:263px;
	margin-left: 15px; padding  0px
	border: solid #0F77FF 0px;
	float:left;	
}


/* VYHLEDAVANI */
#vyhledavani {
	width: 140px; height: 300px;
	margin: 0 0 0 10px; padding: 10px 10px 0px 10px;
	background: url('img/vyhledavani-bg.gif') left top no-repeat;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#vyhledavani IMG {
	margin: 0px 0px -4px 0px;
}
#vyhledavani FORM {
	margin: -2px 0px 0px 0px;
}
#vyhledavani select {
	font-size: 11px;
	padding-left: 2px;
	border: solid #F57700 1px;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	background-color: #FFEEE3;
}
#vyhledavani select option.kraj {
	background-color: #FFCC9B;
}
#vyhledavani .submit {
	margin:0px 0px;
	width: 135px; height: 20px;
	background: url('img/vyhledavani-submit.gif') left top no-repeat;
	border: 0px;
}


/* STRANKOVANI- */

#pageLeft #pager {
	width:550px; height:20px;
	margin: 20px 0px 0px 0px; padding: 0px;
	clear:both;
}
#pager p {
	width:80px; height:20px;
	margin: 0px; padding: 0px;
	float:left;}

#pager ul { 
	width:400px; height:20px;
	margin-left: 20px; padding: 0px; 
	list-style:none;
	}
#pager li {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background: url('../img/trans.gif') left top no-repeat;
	color: #FFFFFF; font-weight:bold;
}
#pager li a, #pager li a:link, #pager li a:visited, #pager li a:active {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; font-weight:normal; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
}
#pager li a:hover {
	color: #FFFFFF;
	border-bottom: solid #3F95C0 2px;
}
#pager li span.prev {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(../img/pages-prev1.gif) 50% 40% no-repeat;
}
#pager li span.prev:hover {
	background:url(../img/pages-prev2.gif) 50% 40% no-repeat;
}
#pager li span.next {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(../img/pages-next1.gif) 50% 40% no-repeat;
}
#pager li span.next:hover {
	background:url(../img/pages-next2.gif) 50% 40% no-repeat;
}

/* FIRMY */
#pageLeft #firmy-vypis {}
#firmy-vypis ul{
	margin-top: 6px; margin-bottom: 1px;
}
#firmy-vypis li{
	margin-left: 0px;
}
#firmy-vypis p{
	margin: 0px; padding: 0px;
	border: solid #CC0000 0px;
}
#firmy-vypis h3{
	margin-top: 30px;
}
#firmy-vypis .web{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url('img/menu-li3.gif') 0px 3px no-repeat;
}
#firmy-vypis .text{
	width: 540px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
}
#firmy-vypis .logo{
	width: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#firmy-vypis .udaje{
	width: 390px;
	margin: 0px; padding: 0px;
	float: left;	
}
#firmy-vypis .provoz{
	width: 150px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}
#firmy-vypis .blank{
	clear: both;
	width: 540px; height: 10px;
	margin: 0px; padding: 0px;
	float: left;
}
#firmy-vypis .mezera{
	margin: 0px; padding: 0px;
	background: url('img/trans.gif') 0px 3px no-repeat;
	color: #66DFFF; font-size: 100%;
}

#firmy-vypis .logo IMG{
	border: solid #3F95C0 1px;
	margin: 2px; padding: 2px;
	background-color: #196192;
}
#firmy-vypis .sloupec{
	width: 170px;
	margin: 0px 10px 0px 0px; padding: 0px;
	float: left;
	background-color: #196192;
}

#pageLeft #akce-vypis {}


/* FOTOGALERIE =========================================================================================*/

#fotogalerie-vypis, #fotogalerie-popis, #fotogalerie-detail{
	width: 550px; 
	margin: 0px; padding: 0px;
	clear: both;
}

/* vypis */ 
#fotogalerie-vypis .foto{
	width: 170px; height: 170px;
	margin: 0px 0px 10px 5px; padding: 0px; float: left;
	border: 0px solid #3F95C0;
}
#fotogalerie-vypis .foto .image, #fotogalerie-vypis .foto .image table{
	width: 170px; height: 150px;
	margin: 0px; padding: 0px; border: 0px solid #3F95C0;
}
#fotogalerie-vypis .foto .image td{
	margin: 0px; padding: 0px;
	text-align: center; vertical-align: middle;
	border: 0px;	
}


/* detail */
#fotogalerie-detail .foto {
	width: 550px; 
	margin: 0px; padding: 0px; float: left;
	border: 0px solid #3F95C0;
}
#fotogalerie-detail .foto .image {
	width: 550px; text-align: center;
	margin: 0px; padding: 0px; border: 0px;
}


/* image */
#fotogalerie-vypis .foto .image a img, #fotogalerie-detail .foto .image a img{
	padding: 2px;
	border: 1px solid #3F95C0;	
}
#fotogalerie-vypis .foto .image a:hover img, #fotogalerie-detail .foto .image a:hover img{
	border: 1px solid #FFFFFF;	
}

/* popis*/
#fotogalerie-vypis .foto .popis, #fotogalerie-detail .foto .popis{
	margin-top: 0px; padding: 2px 5px 5px 5px;
	border-top: 0px solid #3F95C0;	
}

/* navigace */
#pageLeft #photosNav {
	width:550px; height:20px;
	margin: 20px 0px 0px 0px; padding: 0px;
	text-align:center; clear:both; align:center;
}
#photosNav .polozky {
	width:200px; height:20px;
	margin: 0px; padding: 0px;
	float:left;
}
#photosNav ul { 
	width:172px; height:20px;
	margin: 0px; padding: 0px; text-align:center; 
	list-style:none; 1px solid #3F95C0;
}
#photosNav li {
	margin: 0px; padding: 0px;
	/*width:26px; height:16px;*/
	font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background: url('img/trans.gif') left top no-repeat;
	color: #FFFFFF; font-weight:bold;
}	
#photosNav li a, #photosNav li a:link, #photosNav li a:visited, #photosNav li a:active {
	margin: 0px; padding: 0px;
	/*width:150px; height:16px;*/
	color: #66DFFF; font-size: 100%; font-weight:normal; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
}
#photosNav li a:hover {
	color: #FFFFFF;
	border-bottom: 2px solid #3F95C0;
}
#photosNav li .zpet  {
	margin: 0px; padding: 0px;
	width:120px; height:16px;
}
#photosNav li a.prev  {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(img/pages-prev1.gif) 50% 40% no-repeat;
}
#photosNav li a.prev:hover {
	background:url(img/pages-prev2.gif) 50% 40% no-repeat;
}
#photosNav li a.next {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(img/pages-next1.gif) 50% 40% no-repeat;
}
#photosNav li a.next:hover {
	background:url(img/pages-next2.gif) 50% 40% no-repeat;
}

/* ZPRAVODAJ ================================================================================================*/

.zpravodaj {width:550px; margin: 0px, 0px, 25px, 0px; padding: 0px; clear: both;}
.zpravodaj h4 {width:100%; margin: 0px, 0px, 10px, 0px; clear: both; }
.zpravodaj div {margin-left: 10px; padding: 0px; width:170px; height:200px; float:left; }
.zpravodaj div img {border: solid #0F77FF 0px; }


/* HTML ================================================================================================*/

p {color: #D9F7FF; font-size: 100%;	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
strong {font-size: 100%;}
small {color: #66DFFF; font-size: 90%;}
em {color: #FFFFFF; font-size: 100%;}
img {margin: 0px; padding: 0px;}
h1 {margin: 0px 0px 8px 0px; padding: 0px; color: #FFF00C; font-size: 175%;	font-family: serif;}
h2 {margin: 0px 0px 8px 0px; padding: 0px; color: #FFF00C; font-size: 150%;	font-family: serif;}
h3 {margin: 0px; padding: 0px; color: #FFF00C; font-size: 130%;	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
h4 {margin: 0px; padding: 0px; color: #FFF00C; font-size: 100%; font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; font-weight: bold;}
h5 {margin: 0px; padding: 0px;	color: #66DFFF; font-size: 92%;	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
a {margin: 0px; padding: 0px; color: #66DFFF; font-size: 100%;}
a:link {margin: 0px; padding: 0px; color: #66DFFF; font-size: 100%; text-decoration: none;}
a:active {margin: 0px; padding: 0px; color: #66DFFF; font-size: 100%; text-decoration: none;}
a:visited {margin: 0px; padding: 0px; color: #66DFFF; font-size: 100%; text-decoration: none;}
a:hover {margin: 0px; padding: 0px; color: #FFFFFF; font-size: 100%; text-decoration: underline;}
img {margin: 0px; padding: 0px; border: solid 0px #3F95C0;}
a img {padding: 2px; border: 0px solid #3F95C0;}
a img:active { border: 0px solid #3F95C0;}
a img:visited { border: 0px solid #3F95C0;}
a img:link { border: 0px solid #3F95C0;}
a img:hover {border: 0px solid #FFFFFF;}

hr {color: #3F95C0; margin: 10px 0px 10px 0px; width: 100%; height: 1px; line-height: 1px; border: 0px; background-color: #3F95C0; clear:both;}

.zlute {color: #FFF00C; font-weight:bold;}

.table {
	clear: both;
	border-top: solid #236E9E 1px;
	border-left: solid #236E9E 1px;
	border-right: solid #236E9E 1px;
}
.table th {
	margin: 0px; padding: 0px 5px;
	color: #FFFFFF; font-size: 100%;
	font-weight: bold;
	border-bottom: solid #3F95C0 2px;
}

.table td {
	margin: 0px; padding: 0px 5px;
	color: #D9F7FF; font-size: 100%;
	border-bottom: solid #236E9E 1px;
}

.nazevodkaz { 
	margin: 0px; padding: 0px 25px 0px 0px; padding-right: 25px; display:block; clear:both;
	color: #FFF00C; font-size: 100%; text-decoration: none;	
	background: url('img/nazevodkaz-li1.gif') center right no-repeat;
	font-weight: bold;
}	
.nazevodkaz:link, .nazevodkaz:active, .nazevodkaz:visited {
  padding: 0px 25px 0px 0px; 
	color: #FFF00C;
}
.nazevodkaz:hover { 
  padding: 0px 25px 0px 0px;
	/*text-decoration: underline;*/
	background: url('img/nazevodkaz-li2.gif') center right no-repeat;	
}

/* EXTRAS ==============================================================================================*/

.FFclearer {clear:both; width:100%; height:0px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}