body,table,input,textarea,select {
  font-family		: verdana, arial, serif;
  font-size		: 11px;
  color			: #000;
}
body {
  background		: #bfd6e8;
}
#main-up {
  background		: #bfd6e8 url("back_top.png") repeat-x;
  color			: #000;
}

#main {
  width			: 763px;
  margin		: 0px 0px 0px 0px;
  text-align		: left;
  color			: #000;
  
   background: #bfd6e8 url("back.png") repeat-y;
}
body {
  margin		: 0px 0px 0px 0px;
  padding		: 0px 0px 0px 0px;
}
img {
  margin		: 0px 0px 0px 0px;
  padding		: 0px 0px 0px 0px;

}
#left {
  font-family	: arial, sans-serif;
  font-size		: 12px;
  float: left;
  display		: block;
  width			: 188px;
  padding		: 8px 0px 0px 0px;
  position: absolute;
  z-index: 10;
}

/* ===================== LEVE MENU ========================== */
.menu-left {
	position: relative;
	display: block;
	
	z-index: 100;
	
	padding: 0 0 0 10px;
	margin: 0 3px;
}
	.menu-left li {
		display: block;
		position: relative;

		margin: 0;
		padding: 0;
		padding-bottom: 1px;
		
		list-style-type: none;
		
	}
		.menu-left li a {
			position: relative;
			display: block;
			padding: 1px;
			text-decoration: none;
			_border: 1px solid rgb(221,234,243);
			_width: 166px;
		}
		.menu-left li a:hover,
		.menu-left li.hover a {
			padding: 0;
			_padding: 1px;
			background: #CADEED;
			border: solid 1px #468DBF;
			text-decoration: none;
		}
			.menu-left li.hover li a {
				padding: 1px;
				background: none;
				border: none;
			}

			
		/* - submenu -  */
		.menu-left li .menu {
			display: block;
			width: 160px;
			
			position: absolute;
			top: 0;
			left: 170px;
			
			z-index: 1050;
			visibility: hidden;
			
			margin: 0;
			padding: 0;
			
			border: solid 1px #468DBF;
			background: #89B6D6;
		}
			.menu-left li .menu li {
			}
				.menu-left li .menu li a {
					background: white;
					color: black;
					border: 0 !important;
				}
					.menu-left li .menu li a:hover {
						background: #E8EBED;
					}	
			.menu-left li .menu li {
				margin-left: 10px;
			}
				.menu-left li .menu li a {
					color: black;
				}
	
	.menu-left .menu-head {
		margin: 2px 0;
	}

/* - barevne odliseni kategorii - */
#osoby a {
	/* color: #800080; */
	color: navy;
}
#pozar a {
	 /* color: red;*/
	 color: navy;
}
#infrastruktura a {
	/* color: olive; */
	color: navy;
}
#servis a {
	/* color: gray; */
}
#telekomunikace a {
	/* color: #E3BD00;*/
}
#opravy a {
	/* color: blue; */
}


.li {
	margin: 0px 2px 0px 0px;
}
.li-nadpis {
	margin: 0px 2px 0px 17px;
	color: navy;
	margin-top: 5px;
}
.li-nadpis A:link, .li-nadpis A:visited {
	color: navy;
}
div.li {
	margin: 0px 0px 0px 10px;
}
#nad-stredom {
  z-index: 2;
}
#stred {
  padding: 23px 10px 0px 10px;
  position: relative;
  margin-left: 195px;
  z-index: 1;
}
#stred a {
  color			: #005;
}
#stred a:active {
  color			: white;
}
#stred .obr {
	margin: 7px;
}
.nadpis {
  display		: block;
  margin		: 0px 0px 13px 0px;
}
#stred h4 {
	color: #004;
	font-size: 1.1em;
	font-weight: bold;
	clear: both;
}
#stred h5 {
	color: black;
	font-size: 1.0em;
	font-weight: bold;
}


#stred li.odsazeni {
	margin-bottom: 5px;
}

#stred ul ul li {
	list-style-image: url('odrazka.gif');
}

#bottom {
  width: 763px;
  height: 50px;
  
  background: #030145 url("bottom.gif") no-repeat center;
  
  text-align: left;
  line-height: 1.2em;
  position: relative;
  
  clear: both;
	/* border: solid 1px red; */
}
#bottom #piste {
	position: absolute;
	top: 14px;
	left: 12px;
}
#address-bottom {
  color			: white;
  text-align		: right; 
  padding		: 18px 10px 0px 0px; 
  font-family		: "arial narrow", arial, serif;
  font-size		: 12px;
}
#address-bottom a {
  color			: white;
  text-decoration	: underline;
}
#address-bottom a:hover {
  color			: #4088f4;
}

.right {
  margin		: 9px 40px 5px 20px;
}
a {
  background-color	: transparent;
  color			: black;
  text-decoration	: none;
}
a:hover, a:focus {
  text-decoration	: underline;
}
a:active {
  color			: white;
}
a.menu-top:hover, a.menu-top:focus {
  text-decoration	: none;
}
a.menu-top:active {
  text-decoration	: none;
}
img.bottom {
  margin		: 0px 0px 0px 23px;
  
}
h3 {
  margin		: 25px 0px 10px 3px;
  font-size		: 13px;
  color			: navy;
} 
p {
  text-indent		: 10px;
  /* margin		: 15px 40px 7px 1px; */
}
p.n {
  margin		: 15px 166px 7px 1px;
}

#nadpis-left {
  position		: absolute;
  display		: inline;
  height		: 48px;
  margin		: 0px;
}
#up {
  display		: block;
  position		: relative;
  margin		: 0px;
  
  background: black url('img/pozadi-menu-top.gif') repeat-x top left;
}


/* ================== horni menu =========================== */
#menu-top {
	display: block;
	position: absolute;
	top: 0;
	left: 188px;
	
	width: 560px;
	height: 56px;
	
	
	margin: 0;
	padding: 0;
}
	#menu-top li {
		display: block;
		
		float: left;
		
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		#menu-top li a,
		#menu-top li a:visited {
			border-right: solid 1px #787878;
			color: white;
			text-align: center;
/*			filter: alpha(opacity=60, style=0);	
			-moz-opacity: 0.6; */
			font-size: 10px;
			position: relative;
			z-index: 2;
		}
		#menu-top li a, #menu-top li a span {
			display: block;
			width: 68px;
			height: 38px;
			padding: 9px 4px 3px 4px;
		}

			#menu-top li a:first-line {
				font-weight: bold;
			}
			#menu-top li a:hover {
				text-decoration: none !important;
				background: none;
			}
			#menu-top li a span {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 3;
				cursor: pointer;
			}

			#menu-top li a:hover span {
				background-position: 0 -50px !important;
			}
			
			#menu-top li #mi-12 span {
				background: url("menu/menu-12.jpg") top left no-repeat;
			}

			#menu-top li #mi-13 span {
				background: url("menu/menu-13.jpg") top left no-repeat;
			}

			#menu-top li #mi-14 span {
				background: url("menu/menu-14.jpg") top left no-repeat;
			}

			#menu-top li #mi-16 span {
				background: url("menu/menu-16.jpg") top left no-repeat;
			}

			#menu-top li #mi-17 span {
				background: url("menu/menu-17.jpg") top left no-repeat;
			}

			#menu-top li #mi-18 span {
				background: url("menu/menu-18.jpg") top left no-repeat;
			}

			#menu-top li #mi-19 span {
				background: url("menu/menu-19.jpg") top left no-repeat;
			}
/*		
			#menu-top li #mi-12:hover {background-color: #599820;}
			#menu-top li #mi-13:hover {background-color: #A52B35;}
			#menu-top li #mi-14:hover {background-color: #C86F35;}
			#menu-top li #mi-16:hover {background-color: #9D6397;}
			#menu-top li #mi-17:hover {background-color: #5E74AD;}
			#menu-top li #mi-18:hover {background-color: #5EAD81;}
			#menu-top li #mi-19:hover {background-color: #A3AD5E;}
*/

/*#nadpis-stred {*/
h2 {
	margin-top: 0;
  font-size		: 17px;
  padding-left		: 20px;
  font-weight		: bold;
  color			: #004;
  background		: url("img/nadpis_img.gif") no-repeat bottom left;
  border-bottom: solid 1px #D5EBF9;
  
}

#stred .obsah {
	float: right;
	padding: 0 10px;
	width: 542px;
	_height: 200px;
	min-height: 200px;
}

/* ================== ODSTAVCE ===================== */


.wysiwyg  {
	border: solid 0px #C0D5E6;
	margin: 15px 0 0 0;
}
.wysiwyg h4 {
	margin-top: 20px;
}
.wysiwyg .obr {
	border: solid 1px #004;
	margin: 5px;
}
.wysiwyg p {
	clear: none;
	margin: 5px 0;
}
.wysiwyg table {
	font-size: 1.0em;
	
}
.wysiwyg table td,
.wysiwyg table th {
	
}

.wysiwyg table p {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
.wysiwyg li div {
	display:inline;
}
.wysiwyg ul li {
	list-style-position: inside;
}
.wysiwyg ul ul li {
	list-style-image: url('odrazka.gif');
}

div.obsah h4 {
	font-size: 11px !important;
}
/* ================== NOVINKY ======================== */
.novinka {
	clear: both;
}
.novinka h4 {
	padding: 0;
	margin-bottom: 2px;
}
.novinka .datum {
	font-size: 0.9em;
	font-style: italic;
	color: #004;
	margin-bottom: 10px;
}


/* ================== DETAILY ====================== */
#detail-window {
	padding: 10px;
}

#detail-window .obr {
	padding: 5px;
}
#detail-window .obrazky {
	text-align: center;
}

/* ======================= FORMULARE ========================== */
form {
	margin: 0;
	padding: 0;
}
form input, form textarea {
	font-family: verdana;
}
form .fi-text, form .fi-textarea {
	background: #D5EBF9;
	border: solid 1px #004;
	width: 300px;
}
form .fi-textarea {
	height: 100px;
}
form .fi-submit {
	background: #004;
	border: solid 1px #D5EBF9;
	padding: 1px;
	color: #D5EBF9;
	font-weight: bold;
}
form label {
	width: 5em;
	
	padding-right: 5px;
	padding-top: 1px;
	text-align: right;
	display: block;
	float: left;
}
form .submit {
	text-align: right;
}

.chyby {
	color: #CC0000;
	margin: 20px 0;
}
.chyby ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
.chyba {
	color: #CC0000;
}

.msg {
	border: solid 1px #004;
	padding :5px;
	margin: 10px;
}


/* ======================== BOXIKY ============================== */
#stred .box {
	width: 250px;
	text-align: left;
	background: #DDEAF3;
	margin: 0;
}
#stred .box#novinky {
	float: left;
}
#stred .box#jobs {
	float: right;
}
#stred .box ul, #stred .box li {
	margin: 0;
	padding: 0;
	display: block;
}
#stred .box li {
	list-style-type: none;
}
#stred .box ul {
	padding: 3px;
	margin-bottom: 5px;
}

#stred li.vice {
	text-align: right;
}

#stred .box h5 {
	color: white;
	background: #004 url('img/pozadi-box-nadpis.gif') no-repeat top left;
	padding: 3px 7px;
	margin: 0;
	border-bottom: solid 1px white;
}
#stred .box h5 a {
	color: white;
	text-decoration: none;
}
#stred .box .datum {
	width: 4em;
	font-weight: bold;
}
#stred .box .box-footer {
	background: black url('img/pozadi-box-dole.gif') no-repeat bottom center;
	border-top: solid 1px white;
	color: white;
	padding: 2px 5px;
	text-align: right;
}
#stred .box .box-footer a {
	color: white;
}

#stred .tit-boxy th {
	font-weight: normal;
	text-align: center;
	background: #DDEAF3;
}


img.onsitel {
  margin		: 10px;
  border		: 1px solid black;
}
img.onsiter {
  margin		: 10px;
  border		: 1px solid black;
}
.odkaz {
  background: 		: #fff; 
  border		: 1px solid;
}
.even {
  background		: #afc6d8;
}
.uvod-box {
	text-align: center;
}
.uvod-box P {
	text-align: center;
}
.instalace {
	padding-left: 5px;
}
.vypis P {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}
.loga-table TD {
	width: 130px;
	height: 60px;
}
.reference TD {
	font-weight: bold;
}
.reference A:link, .reference A:visited {
	text-decoration: underline;
}
.reference A:hover {
	text-decoration: none;
}


/* ============================ POPUP OKNO ================================= */
.popup {
}
.popup-top {
	height: 40px;
	padding: 8px;
	background: #2468D8;
	border-bottom: solid 3px #BFD6E8;
}
.popup-main {
	padding: 5px;
	width: 505px;
}
.popup-main-obal {
	background: #BFD6E8;
	border-top: solid 2px #2468D8;
}
.popup-main h2 {
	font-size: 1.5em;
	color: #004;
}
.popup-main p {
	margin: 5px 0;
	padding: 0;
	text-indent: 0;
}

/* ======================== BOXIKY V POPUPU ============================== */
.popup .box {
	width: 250px;
	text-align: left;
	background: #DDEAF3;
	margin: 0;
}
.popup .box#novinky {
	float: left;
}
.popup .box#jobs {
	float: right;
}
.popup .box h5 {
	color: white;
	background: #004 url('img/pozadi-box-nadpis.gif') no-repeat top left;
	padding: 3px 7px;
	margin: 0;
	border-bottom: solid 1px white;
}
.popup .box .datum {
	font-weight: bold;
	text-align: right;
}
.popup .box-obsah {
	padding: 5px;
}
.popup .obr {
	border: solid 1px black;
	margin: 0 5px 5px 0;
}
.popup .box .box-footer {
	background: black url('img/pozadi-box-dole.gif') no-repeat bottom center;
	border-top: solid 1px white;
	color: white;
	padding: 2px 5px;
	text-align: right;
}
.popup .box .box-footer a {
	color: white;
}

.image-detail {
	text-align: center;
}
.image-detail .obr {
	margin-left: auto;
	margin-right: auto;
}


/* -------------- PROTIPOZARNI SYSTEMY -------------- */
#page-29 #stred .hlavicka h2 {
	color: #CC0000;
}