
body{
	margin:0;
	padding:0;
	background:#aaa url(/img/bg.gif) repeat fixed;
	font-size: 80%;
	text-align: center;
	font-family: sans-serif;
}

A:link        {font-family: sans-serif; font-size: 100%; color: blue; text-decoration: none;}
A:visited        {font-family: sans-serif; font-size: 100%; color: red; text-decoration: none;}
a:hover    {font-family: sans-serif; font-size: 100%; color: yellow; background-color: #00bbff; text-decoration: underline overline; }


input, textarea, select {background-color: #ffffcc; color: navy; border: 1px dotted brown}
input.tlacitko {background-color: #f8951d; color: #ffffcc; font-weight: bold; cursor: hand}
input.tlacitko:hover {background-color: #ffcc00; color: #ffffcc; font-weight: bold; cursor: hand}
input:focus {background-color: white; color: red; border: 1px dotted brown}

h2{
	font-size:1.1em;
	line-height:8px;
	color:#33302e;
	margin:0;
	padding:8px;
	font-weight:normal;
	background:#e8e6df;
}


#header{
	width:910px;
	height:19px;
	margin:0 auto;
	padding:0;
	background:#ffcc00 url(/img/headbg2.png);
	position:relative;
	z-index: 10;
}
#header2{
	width:910px;
	height:54px;
	margin:0 auto;
	padding:0;
	background:#ffcc00 url(/img/headbg2.png);
	position:relative;
	z-index: 10;
}

#upperbar{
	width:890px;
	margin:5px auto 0;
	height:20px;
	background:#ffcc00 url(/img/topgrad2.png);
	font-family:Verdana,Arial,sans-serif;
	line-height:1.8em;
	padding:0 0px 0px 0px;
	white-space:nowrap;
	color:#000;
	border-top:solid 1px #a2c9f8;
	font-size: 80%;
}

#header a:link,#header a:visited{
	color:#ff0;
	font-size:0.95em;
	font-weight:normal;
}

#header2 a:link,#header2 a:visited{
	color:#ff0;
	font-size:0.95em;
	font-weight:normal;
}

#pathbar{
width:910px;
	height:20px;
	margin:0 auto;
	padding:0;
	background:#ffcc00 url(/img/pathbg.png);
	position:relative;
	z-index: 10;

}

#entire{
	width:910px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}	
	
	#content{
	width:910px;
	margin:0 auto;
	padding:0 0 10px 0;
	overflow:hidden;
}

#hlava2 { width: 90%; background-color: #ffcc00;height: 22px; margin: 0 auto;border-top: 1px dotted silver;}
#hlava {width: 90%; background-color: #ffcc00; height: 17px; margin: 0 auto; text-align: left; }
#posledni { width: 90%; background-color: #ffcc00;height: 65px; margin: 0 auto; border-top: 1px dotted silver;}
#mydiv2 { float:left;
	width:285px;
	margin:0;
	padding:0 5px;}
#mydiv3 { float:left;
	width:285px;
	margin:0;
	padding:0 5px;}
#mydiv1 { float:left;
	width:285px;
	margin:0;
	padding:0 5px;}
	
.container{
	font-size:12px;
	margin:0 10px 10px 10px;
	padding:0;
	background-color:#fff;
	text-align:left;
}

html>body .container h2{	/* Not IE6 */
	background-image:url(/img/bargloss2.png);
	background-repeat:repeat-x;
	background-position:top top;
}
.container .container-inner{
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
}
.container h2,.container h2 a,.container h2 a:visited,.container h2 a:hover{
	color:#eee;
	font-family:Trebuchet MS,Arial;
	font-weight:normal;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	padding-left:5px;
}
.container h2.s0,.container h2.s0 a{
	color:#eee;
	font-family:Trebuchet MS,Arial;
	font-weight:normal;
}
.container h2.s0{
	background-color:#497cd1;
}
.container h2.s1{
	background-color:#df9f23;
}
.container h2.s2{
	background-color:#d04e4e;
}
.container h2.s3{
	background-color:#689352;
}
.container h2.s4{
	background-color:#f8951d;
}
.container ul{
	margin:0;
	padding:4px 0;
}
.container ul li{
	list-style:none;
	padding:2px 0 2px 22px;
	background:url(/img/bul0.png) no-repeat;
	background-position:8px 6px;
	vertical-align: text-top;
}

.container ul li:hover{
	background-image:url(/img/bargloss2.png);
	background-repeat:repeat-x;
	background-position:top top;
	background-color: yellow;
	
}

.container ol{
	margin:0;
	padding:4px 0;
}
.container ol li{
	list-style:none;
	padding:2px 0 2px 8px;
	
}
.container-two{
	float:left;
	width:360px;
	margin:0;
	padding:0 0 0 5px;
}
.container-two .container .container-inner{
	height:130px;
}
.container-two ul li{
	background:0;
	padding-left:14px;
}
.container-two img{
	padding-right:3px;
	vertical-align:top;
	width:16px;
	height:16px;
}
.container-two-feature{
	float:left;
	width:115px;
	margin:0 0 0 15px;
	padding:16px 4px;
	border:solid 1px #ababab;
	text-align:center;
	height:142px;
	background:transparent url(/img/rcol-div.png) no-repeat right top;	
}
.container-two-feature img{
	vertical-align:middle;
	text-align:center;
	border:0;
	padding-right:3px;
}
.container-three{
	float:left;
	width:285px;
	margin:0;
	padding:0 5px;
}

.container .more{
	text-align:right;
	margin:0;
	padding:3px 10px 3px 22px;
	background-color:#e6e8eb;
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
	border-bottom:1px solid #ababab;
}
.container .more a{
    color:#333;
}
.container .box-inner{
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
}

.container .more{
	text-align:right;
	margin:0;
	padding:3px 10px 3px 22px;
	background-color:#e6e8eb;
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
	border-bottom:1px solid #ababab;
}
.container .more a{
    color:#333;
}
#newrec{position: absolute; left: 30%; top: -10px; width: 40%; height: 20px; margin: 0; margin-top: 5px; text-align: center; z-index: 26;}	
#search {position: absolute; left: 35%; top: 50px; width: 35%; height: 185px; margin: 0 auto; margin-top: 5px; text-align: left; visibility: hidden; z-index: 25;}
#login {position: absolute; left: 72%; top: 4px; width: 25%; height: 200px; margin: 0 auto; margin-top: 5px; text-align: left; z-index: 25; visibility: hidden;}
#heslo {position: absolute; left: 72%; top: 30px; width: 25%; height: 100px; margin: 0 auto; margin-top: 5px; text-align: left; z-index: 26; visibility: hidden;}
#vypis {padding:10px 10px 10px 10px; position: absolute; background-color: #000; left: 25%; top: 50px; width: 50%; text-align: left; visibility: visible; z-index: 25;}
#setup {position: absolute; left: 45%; top: 50px; width: 23%; margin: 0 auto; margin-top: 5px; text-align: left; z-index: 25; visibility: hidden;}
#zmenahesla {position: absolute; background-color: #ffffcc; left: 25%; top: 50px; width: 50%; height: 125px; margin: 0 auto; margin-top: 5px; border-style: outset; text-align: left; visibility: hidden}
#users {font-size: 80%; text-align: center; position: absolute;  left: 45%; top: 100px; width: 30%; height: 135px; margin: 0 auto; margin-top: 5px;  text-align: left; visibility: hidden; z-index: 25;}
#countdown {position: absolute; left: 30%; top: 40%; width: 40%; height: 100px; margin: 0; margin-top: 5px; text-align: center; z-index: 26;}
#message {position: absolute; left: 15%; top: 15%; width: 70%; height: 300px; margin: 0; margin-top: 5px; text-align: center; z-index: 26;}
#msgbox {position: absolute; left: 30%; top: 15%; width: 40%; height: 300px; margin: 0; margin-top: 5px; text-align: center; z-index: 26;}
#newmsg {position: absolute; left: 15%; top: 15%; width: 70%; height: 300px; margin: 0; margin-top: 5px; text-align: center; z-index: 26;}
#pozadi{position: absolute; left: 0; top: 0; width:90%; height:800px; margin:30px 50px; background-color:#000; border:1px solid white;opacity:0.6; z-index: 25; filter: alpha(opacity=60);}
#novy{position: absolute; left: 20%; top: 30%; width: 60%; height: 300px; margin: 0; margin-top: 5px; text-align: center; z-index: 26;}
#showuser{position: absolute; left: 20%; top: 15%; width: 60%; height: 300px; margin: 0; margin-top: 5px; text-align: center; z-index: 26;}
#containeredit {width: 90%; height: 340px; margin: 0 auto; margin-top: 5px; border-style: outset; text-align: left;opacity:1.0}
#radek { background-color: #ffffbb; border-bottom: 1px dotted silver;}
#radekdole {background-color: #ffffaa;}
#vpravo {position: relative; top: 0px; float: right;}
#vpravo1 {width: 33%; background-color: #00ccff; position: relative; float: right; text-align: right;}
#vlevo1 {width: 33%; background-color: #00ccff; position: relative; float: left; text-align:left}
#vlevo2 {width: 90%; background-color: #00ccff; position: relative; float: left;}
#stred1 {width: 33%; background-color: #ffffaa; position: relative; float: center;}
#vpravo2 {width: 10%; position: relative; float: right; text-align: center;}
#radeksrc { width: 95%; background-color: #ffffbb; border-bottom: 1px dotted silver; height: 23px;}
#containersrc {width: 90%; text-align: left;}

#radek:hover { background-color: #ffff00; border-bottom: 1px dotted silver;}

#paticka
{
width: 100%;
position: fixed;
bottom: 0;
left: 0;
height: 12px;
background: #cc9900;
font-size: 70%; color: yellow;
} 