/* CSS Document */
/* creted by GoldenDesign.CZ */

/* BODY */
body{
	font-family: Arial, Tahoma, sans-serif;
	color: #3d3d3d;	
	font-size: 12px;
	text-align: left;
	background: #fff url("../design/bg-body.jpg") repeat-x;
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height:1.5em;}

/* INDEX */
#index {
	width: 715px;
	margin: 0 auto;
	background: url("../design/bg-top-lane.jpg") repeat-x;}

/* ZAHLAVI */
#zahlavi {
	width: 715px;
	height: 52px;
	float: left;}

/* MENU */
#part-menu {
	width: 715px;
	height: 52px;
	float: left;
	display: inline;
	background: #fff url("../design/bg-menu.jpg") no-repeat;}

#search {
	width: 265px;
	height: 40px;
	float: left;
	margin: 10px 0 0 20px;
	padding: 13px 0 0 10px;}
	
	menu {
	width:417px;	
	height: 32px;
	float:right;
	display:inline; 
	text-align:center;
	margin: 16px 0 0 0; 
	padding: 0px;}
	
        menu li {display: block; float:left; width:100px; line-height:32px; font-size:14px;}
        menu li a {color:#3d3d3d; font-weight:bold; display:block; float:left; width:100px; height:32px; text-decoration: none;}
        menu li a:hover {text-decoration:underline;}
        menu li a.a-active {color:#3d3d3d; font-weight:bold; display:block; float:left; width:100px; height:32px; text-decoration:underline; background:#8cc0d7;}
		
		menu li.menu-line {height:26px; width: 1px; background:#9acbe0; margin: 3px 0 0 0;}

/* LOGO */	
#logo {
	width: 715px;
	height: 212px;
	float: left;
	background: url("../design/bg-green-lane.jpg") repeat-x;}


#logo-logo {
	width: 351px;
	height: 173px;
	float: left;
	padding: 20px 0 0 20px;}
	
#logo-image {
	width: 326px;
	height: 204px;
	float: left;
	background: url(../design/logo-image.jpg) 15px 9px no-repeat;}

/* SUBMENU */
#submenu {
	width: 715px;
	height: 140px;
	float: left;
	background: url("../design/bg-submenu.jpg") no-repeat;}
	
#login {
	width: 250px;
	height: 130px;
	float: left;
	margin: 0 0 0 20px;}	
	
#submenu-body {
	width: 420px;
	height: 130px;
	float: left;
	margin: 0 0 0 15px;}
	

/* BODY */	
#body {
	width: 715px;
	float: left;
	text-align: left;}
	
#body-right-50 {
	width: 355px;
	float: left;
	text-align: left;
	margin: 0 0 0 5px;}
	
#body-left-50 {
	width: 355px;
	float: left;
	text-align: left;}
	
#body-left {
	width: 315px;
	float: left;
	text-align: left;
	padding: 0 0 0 5px;}
	
#category {
	width: 310px;
	float: left;
	text-align: left;
	background: #e1f1f7;
	border: 1px solid #bcdfee;
	margin: 5px 0 5px 0;}
	
#promotion {
	width: 310px;
	heigrh: 250px;
	float: left;
	text-align: left;
	margin: 5px 0 5px 0;}
	
#body-right {
	width: 380px;
	float: left;
	text-align: left;
	margin: 0 0 0 10px;}
	
#home {
	width: 368px;
	float: left;
	text-align: justify;
	padding: 5px;
	margin: 5px 0 25px 0;
	border: 1px solid #bcdfee;
	background: #e1f1f7;}

/* ZAPATI */
#index-zapati {
	width: 100%;
	height: 125px;
	float: left;
	background: #fff url("../design/bottom-lane.jpg");
	background-repeat : repeat-x;}
	
#zapati {
	width: 715px;
	height: 125px;
	margin: 0 auto;
	background: #fff url("../design/bottom-lane.jpg");}
	
#index-zapati-uvod {
	width: 100%;
	height: 20px;
	float: left;}
	
#zapati-uvod {
	width: 715px;
	height: 20px;
	margin: 0 auto;
	color: #9fc4d6;
	text-align: center;}
