<div id="maincontainer">

<div id="topsection"><div class="innertube">

</div></div>

<div id="contentwrapper">
<div id="contentcolumn"><div class="innertube_contentcolumn">




body{
background: #ffffff;
margin:0;
padding:0;
line-height: 1.5em;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-image: url('../images/cocky-logo.jpg');
}

#topsection{
background: #EAEAEA;
height: 260px; /*Height of top section*/
background-image: url('../images/oasys.jpg');
}

#topsection a{
position: relative; left: 5px; top: 80px;
}

#topsection img{
border:0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 230px; /*Set left margin to LeftColumnWidth*/
}

#contentcolumn h1{
position: relative; 
}

#leftcolumn{
float: left;
width: 250px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
background-color: #EAEAEA;
}

#leftcolumn img {
float: left;
margin-left: -40px;
border: 0px;
}

#footer{
background-image: url('../images/oasys-lista.jpg');
height: 30px;
background-position: bottom;
clear: left;
width: 100%;
color: #000000;
text-align: right;
padding: 4px 0;
}

#footer a{
color: #000000;
}

.innertube{
margin: 0px 20px 0px 40px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innertube_contentcolumn{
margin: 0px 20px 0px 0px; /*Margins for inner DIV inside each column (to provide padding) upravuji*/
}

.innertube_footer{
margin: 50px 20px 10px 80px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.menu{
margin: 0;
padding: 0;
width: 170px;
}

.menu li a{
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000066;
display: block;
width: auto;
text-decoration: none;
}

.menu li a:visited, .menu li a:active{
color: #003399;
}

.menu li a:hover{
color: black;
}

/*menu*/
.category_list{
	margin:0;
	font-size:1.1em;
	list-style: none ;
	padding:0px 0px;
}

.category_list li a{
  width:220px;
  display:block;
	padding:2px 0 2px 20px ;
	line-height:15px;
	font-weight: bold;
	border-bottom: 1px dashed #000000;
	position:relative;
	color:#ffffff; /*písmo*/
	background: #0221EB; /*pozadi výchozí*/
	text-decoration: none !important;
}
.category_list li a:hover{
	background: #000000; /*pozadi po najetí myší*/
	color:#eeeeee;
}
/*konec menu*/