html,body{
	margin: 0px; padding: 0px;
	font-size: 12px; font-family: trebuchet ms, trebuchet, iArial, Tahoma, Verdana, arial, sans-serif; font-weight:normal;
	color:#8bc5ff;
	background:#242424;
	text-align:center;	
	width:100%;
}

a{
color: #ffba00; font-weight:bold; text-decoration:underline;
}

a:hover{
color:#ffffff;
}

h1{
 margin:0px; padding:0px;
 font-size:15px; font-weight:bold;
 color: #ffba00;
}

#root{
	position:relative;
	text-align:left;
	width:975px;
	margin: 0px auto; 
}

#logo{
    margin: 0px;
    width: 975px; height: 249px;
    overflow: hidden;
    font-size: 16px;
	position:relative;
    }
#logo span {
		width: 975px; height: 249px;
		background: url('gui/logo.png');      
		position: absolute;
        top: 0px; left: 0px;
    }
	
	
.clear{
	clear:both;
}

.leftside{
	width:507px; height:366px;
	float:left;
	
}

.rightside{
	width:468px; height:366px;
	float:left;
	
}

.leftside2{
	width:507px; height:156px;
	float:left;
;
}

.rightside2{
	width:468px; height:156px;
	float:left;

	
}

.leftin{
	padding:0px 69px 20px 50px;
	
}

.rightin{
	padding:0px 57px 20px 0px;
	
}

.content{
	width:100%; height:320px;
	overflow:auto;
}

.contentin{
	width:100%;
}

.image{
	border:4px #989898 solid;
	float:left;
	margin:2px;
}

.barva{
	color:#4275ba;
}