/* Up side*/

body, html{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#header{
    font: 40px "Trebuchet MS";
	background-color: #cccccc;
	color: #fff;
	background-image: url(img/csst_bg2.gif);
	padding-bottom: 30px!important;
	padding-top: 30px!important;
	padding-left:90px!important;
	line-height:0.7em;
}

.tagline{

	font: 15px "Trebuchet MS";
	letter-spacing:5px;

}

#margines {
	margin:0 auto;
	padding:0 0 10px;
	width:900px;
	min-height:100%;
	height:auto;
	font:12px georgia, "times new roman", times, serif;
	color:#333;
}

#UpSpacing {
	float:left;
	margin-top:15px;
	width:900px;
	height:26px;
	background-image:url(img/main-bg-top.gif);
}

#mainContent {
	float:left;
	width:900px;
	height:495px;
	min-height:100%;
	background:#FFF url(img/main-bg.gif) repeat-y;
}

p, ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.75em;
	margin:0 0 10px 0;
}

.biglink {
	font:"Arial";
	font-size: 1.14em;
	font-weight:bold;
	color:#0000FF;
}

.icon {float:right; padding-top: 0.5%; padding-right: 0.8%;}



			/* Left Side*/

.sidebar {
	width:250px;
	float:left;
	text-align:justify;
	font-size: 14px;
}

.sidebar h1, .sidebar h2{
	margin-left:15px;
}

.sidebarmenu {
	float:right;
}

.LinkCenter {
	text-align:center;
}

.LinkRight {
	text-align:right;
}

.sidebar h1 {
	font:130% "Arial", helvetica, sans-serif;
	width:220px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #EAEAEA;
	margin-bottom:10px;
	margin-top:0;
}

.sidebar h2 {
	color:#666;
}
	
.sidebar p {
	font-size:0.95em;
	width:225px;
}

.sidebar a {
	font-weight: bold;
	padding: 3px;
	display: block;
	border: 2px #CCC;
	text-decoration: none;
	line-height: 1em;
	width: 185px;
}

.sidebar a:link, .sidebar a:visited {
	color: #666;
}
.sidebar a:hover, .sidebar a:active {
	color: #FFFFFF;
	background-color: #CCc;
	border: 0px solid #000;
}
#current a {
	color: #FFFFFF !important;
	background-color: #999999!important;
	border: 2px solid #000 !important;
}

.sidebar ul {
	padding-left: 1em;
	list-style-type: none;
	margin-left: 1em;
}

.sidebar li {
	margin: 0px 0px 6px 0px;
}



			/* Right Side*/

.right {
	width:628px;
	float:left;
	text-align:justify;
}

.right h1 {
	margin:0 0 10px 0;
	padding-bottom:5px;
	font:1.5em "verdana", helvetica, sans-serif;
	color: #993366;
	font-weight:bold;
	border-bottom:1px solid #EAEAEA;
}

.right h2 {
	margin:0 0 10px 0;
	padding-bottom:5px;
	font:1.5em "Arial", helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #EAEAEA;
}

.right h3 {
	margin:0 0 10px 0;
	padding-bottom:5px;
	font:1.2em "Arial", helvetica, sans-serif;
	font-weight:bold;
}

.text {
	width:585px;
	padding:0 0 0 25px;
	float:right;
}
#data1{
	float:right;
	font-size:11px;
	color: #000;
	padding-top: 10px;
}

#data2{
	float:right;
	font-size:11px;
	color: #000;
	padding-top: 10px;
}
#data3{
	float:right;
	font-size:11px;
	color: #000;
	padding-top: 10px;
}
#data4{
	float:right;
	font-size:11px;
	color: #000;
	padding-top: 10px;
}
#onlyHour{
	font: "Arial";
}

.text .normaltext{
    font:"Arial";
	font-size: 14px;
	font-weight:normal;
}

.text .kilobytes{
	font: "Times New Roman";
	font-size: 12px;
	color: #993366;
	font-weight:normal;
}

.text .abouttext{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 10px 0;
   	font: "Arial";
	font-size: 12px;
	line-height:1.5em;
}

.text .odstep{
	line-height:1.5em;
}

.obrazeklink img{
  border: 2px solid #000;
}

.obrazek{
	float:right;
	margin-left:5%;
}

.obrazekstuff{
	float:left;
	margin-right:1%;
	margin-top:1%;
}


			/* Down Side*/

#DownEndLine {
	float:left;
	margin-bottom:5px;
	width:900px;
	height:26px;
	background-image:url(img/main-bg-bottom.gif);
}
.smalltext{
	float:right;
	font-size:10px;
	color: #000;
/*	padding-left: 33%;*/
	padding-right: 3%;
}

#DownSpacing {
	width:100%;
	height:0px;
	padding-top:1px;
	clear:both;
}

#footer {
	background-color: #333333;
	color:#FFFFFF;
	background-image: url(img/csst_bg2.gif);
	height: 4em;
}