BODY, HTML {
	background-color: #ffffff;
	color: #000000;
	font-family: arial, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	background-image: url("../images/background1.png");
	background-repeat: repeat-y;
	background-position: left top;
}

/* --- spolecne ------------------------------------ */

A IMG		{ border: none; }
A			{ color: #0065B3; text-decoration: underline; }
A:hover 	{ color: #0090FF; text-decoration: none; }
.none		{ display: none; }
.floatleft	{ float: left; }
.floatright	{ float: right; }
.textcenter { text-align: center; }
.textleft	{ text-align: left; }
.textright	{ text-align: right; }
.clear		{ clear: both; font-size: 1px; width: 1px; height: 1px; }
.DIV		{ border: 1px dashed red; margin:-1px;}

/* --- W3C ------------------------------------------ */

.w3cbutton3	{
	margin: 2px 0;
	width: 9em;
	border: 1px solid #ccc;
	font-family: helvetica, arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
}
.w3cbutton3 a {
	display: block;
	width: 100%;
}
.w3cbutton3 a:link, .w3cbutton3 a:visited, .w3cbutton3 a:hover {
	background-color: #fc6;
	color: #000;
	text-decoration: none;
}
.w3cbutton3 span.w3c {
	padding: 0 4pt;
	background-color: #fff;
	color: #0c479d;
}

/* --- pro stranky ---------------------------------- */

#top {
	height: 130px;
	background: url("../images/top_back.png") repeat-x #BADFAC;
	position: relative;
	min-width: 750px;
}
#top-left {
	position: absolute;
	left:0px;
	top:0px;
	background-image: url("../images/top1.png");
	background-repeat: no-repeat;
	width: 201px;
	height: 130px;
}
#top-right {
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url("../images/top2.png");
	background-repeat: no-repeat;
	width: 57px;
	height: 130px;
}
#top H1 A { /* logo */
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	width: 325px;
	height: 63px;
}
#top H1 {
	position: absolute;
	top: 25px;
	left: 155px;
	margin:0px;
	padding:0px;
	font-size: 20%;
}	
#top SPAN {
	position: absolute;
	display: block;
	bottom: 8px;
	left: 155px;
	color: #ffffff;
	font-weight: bolder;
	font-size: 110%;
}

#wrapper {
	position: relative;
	background-image: url("../images/strom1.png");
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 275px;
	height:auto;
	_height: 275px;
}
#leftcol {
	width:160px;
	position:absolute;
	top: 61px; left: 0px;
}

#leftcol A {
	display: block;
	height: 27px;
	font-size: 105%;
	color: #000000;
	font-weight: bold;
	padding: 0px 10px;
	text-decoration: none;
}
#leftcol A:hover {
	color: #00923F;
	text-decoration: none;
}
#leftcol SPAN {
	display: none;
}

#maincol {
	width: auto;
	padding-left: 160px;
}

 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.content {
	padding: 10px;
}

.havarie {
	font-weight: bold;
	border: 1px solid red;
	padding: 8px;
	margin: 8px;
	color: red;
	text-align: center;
	width: 70%;
	text-transform:uppercase;
}

.width50 {
	width: 49%;
}

H2 {
	margin-top: 0px;
	font-size: 140%;
	color: #00923F;
}
H3 {
	margin-top: 0px;
	font-size: 110%;
}

UL.reference LI {
	margin-bottom: 10px;
}
UL.reference LI IMG {
	margin: 5px 0px;
}

/* --- pro tisk ------------------------------------- */
@media print {
	#leftcol, #top-left, #top-right, #top H1 A {display:none;} 
	#twocols, #maincol{width:auto; float:none; padding: 5px;}
	#top H1 { font-size: 130%; position: relative; top: auto; left: auto; }
	#top { height: auto; }
	#top SPAN { position: relative; display: block; bottom: auto; left: auto; font-weight: bolder; font-size: 80%; }
}