@import url("menu.css");
@import url("basic.css");
@import url("modules.css");
@import url("user_edit.css");

#box{
	background: #fff url(../images/box.gif) repeat-y left;
	margin: 0 auto;
	width: 984px;
	text-align: left;	
}

#header{

	background:  url(../images/header.jpg) no-repeat top left;
	position: relative;
	height: 190px;	
	width: 984px;
}
#logo{
	position: absolute;
	top: 21px;
	left: 356px;
	width: 276px;
	height: 138px;
}
#language{
	position: absolute;
	top: 8px;
	right: 20px;
}
#language li{
	list-style-type: none;
	float: left;
	padding-right: 8px;
	padding-left: 7px;
	font-size: 85%;
	background: url(../images/lng.gif) no-repeat bottom right;
}

#lng_de{
	background: none !important;
}
#language a{
	text-decoration: none;
}
#language a.lng_active{
	color: #fff;
}
#drobky{
	width: 900px;
	font-size: 85%;
	padding: 8px 0;
	background: #09468e;
	text-align: left;
	overflow: hidden;
	clear: left;
}
#drobky  li{
	list-style-type: none;
	display: inline;
	padding-right: 14px;
	padding-left: 6px;
	background: url(../images/drobky.gif) no-repeat right;
	color: #fff;
}
#drobky  li a{
	color: #fff;
}
#drobky  li a:hover{
	text-decoration: none;
}
 #drobky li.posledni_drobek{
	background: none;
}


#main { 
	width: 960px;
	padding-left: 12px;  
	background:  url(../images/main.gif) repeat-y left bottom;
	clear: both;
	float: left;
	position: relative;
}

#banner{
	width: 961px;
	height: 190px;
	background: url(../images/banner.jpg) no-repeat top left;
}
#flash_banner{
	position: absolute;
	top: 0;
	left: 12px;
}


#obsah{
	width: 960px;
	overflow: hidden;
	float: left;
	background: url(../images/obsah.gif) repeat-x top; 
}
#content { 
	width: 936px; 
	padding: 12px;
	overflow: hidden;
	line-height: 1.3em;	
	font-size: 95%;

}



#footer{
	background: #c1a97d url(../images/footer_1.gif) repeat-x top; 
	text-align: left;
	clear: both;
	width: 960px;
	margin-left: 12px;

	color: #fefefe;
	font-size: 82%;
	position: relative;
}


#footer a{
	color: #6d3408;
}
#footer a:hover{
	color: #fff;
}



#footer ul{
	padding: 15px 0 10px  13px;
	float: left;
	background: url(../images/footer_logo.gif) no-repeat center left;
}
#footer ul li{
	list-style-type: none;
	display: inline;
	padding-left: 15px;
	padding-right: 14px;
	background: url(../images/footer_li.gif) no-repeat center right;
}
#footer ul li.posledni{

	background: none;
}

#footer_2{
	background: url(../images/footer_2.gif) top left;
	width: 984px;
	height: 55px;
	clear: left;
	overflow: hidden;
	text-align: center;
	color: #6d3408;
	font-size: 82%;
}
#footer_2 p{
	padding-top: 23px;
}
#footer_2 a{
	color: #6d3408;		
}
#footer_2 a:hover{
	text-decoration: none		
}

/**** tri sloupce ****/
#content_3{
	width: 960px;
	margin: 10px 0;
	float: left;
	background: url(../images/tri_sloupce.gif) repeat-y left;
}
#stranky_leva_3{
	width: 282px;
	padding: 0 13px 0 30px;
	overflow: hidden;
	float: left;
}
#stranky_prostredni{
	width: 349px;
	overflow: hidden;
	float: left;
	padding: 0 13px 0 13px;
}
#stranky_prava{
	width: 234px;
	overflow: hidden;
	float: left;
	padding: 0 13px 0 13px;
}

/**** dva sloupce ****/
#content_2{
	width: 960px;
	margin: 10px 0;
	float: left;
	background: url(../images/dva_sloupce.gif) repeat-y left;
}
#stranky_leva{
	width: 657px;
	padding: 0 13px 0 30px;
	overflow: hidden;
	float: left;
}
#stranky_prava{
	width: 234px;
	overflow: hidden;
	float: left;
	padding: 0 13px 0 13px;
}




