@CHARSET "UTF-8";
html, body{ 
	margin:0; 
	padding:0;
	height: 100%;
	background:url("../img/main_background.png");
	color:white;	
	
	text-align:center;
	/*font-family:tahoma,"Trebuchet MS",;*/
	font-family:"Trebuchet MS",tahoma;
	font-size:10px;
}
a{
	color:white;
	text-decoration:none;
}
a:hover{
	color:#416192;/*#f1c706;*/
}
p{
	font-size:12px;
	
}
h1{
	font-size:16px;
	/*letter-spacing:4px;*/
	text-transform:uppercase;
	text-decoration:underline;
	text-align:left;
}
h2{
	font-size:14px;
	/*letter-spacing:4px;*/
	text-transform:uppercase;
	text-align:left;
}
h3{
	font-size:12px;
	/*letter-spacing:4px;*/
	text-transform:uppercase;
	padding-bottom:4px;
	text-align:left;
}
h4{
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
}

#path{
	padding:2px 0px 4px 4px;
	text-transform:uppercase;
	color:#DDDDDD;
	text-align:left;
}
.cont{
	padding:10px;
	text-align:justify;
}
#pageWidth {	
	
	margin:0pt auto;
	text-align:left;
	width:900px;
	border-left:4px solid #416192;
	border-right:4px solid #416192;
	border-bottom:4px solid #416192;
}
#topmenu{
	position:relative;
	height:60px;
	width:900px;
	background:url("../img/top_bg_60px.png") repeat-x;
	vertical-align:top;
	
}
#header{
	position:relative;
	
/*	height:189px;*/
	height:120px;

	width:900px;
/*	background:url("../img/top_background.png") left top repeat-x;*/
	background:url("../img/top_bg_120px.png") left top repeat-x;
	z-index:1;
}
#mainCol{ 
	position: relative;  
	background:#b7b6b7 url("../img/maincol_background_small.png") left top repeat-x;	
	height:100%;
	width:900px;
}
#left{
	position:relative;
	float:left;
	width:180px;
	background:url(../img/menu.gif) left top no-repeat;
	min-height:200px;
}
#right{
	position:relative;	
	float:right;
	width:710px;
	font-size:10px;
	text-align:center;
	
}
#footer{
   	/*position:fixed;
    	bottom:0px;*/
	height:42px;
	background: url("../img/footer_background.png") left top repeat-x;
	/*padding-top:20px;*/
	font-size:9px;
	text-align:right;
	width:900px;
	
}
/*
 * @HP - HOMEPAGE LEFT,RIGHT
 */
#hp-left{
	position:relative;
	float:left;
	width:40%;
	height:100%;
}
#hp-right{
	position:relative;
	float:right;
	width:60%;
	height:100%;
}

/*
 * ITEM - jedna polozka, vyrobek
 */
#item,#item-detail{
	width:640px;
	border-bottom:1px solid #2c2c2c;
	margin:2px 0px 4px 0px;
	padding:2px 0px 4px 0px;
}


/*
 * zpusobi spravne zarovnani dvou divu vedle sebe
 */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{
	display: inline-block;
	height:100%;
}