/* CSS Document */
/* Created by www.GoldenDesign.cz */

/* BODY */
body{
	font-family: Century Gothic, Meiryo, Tahoma, Arial, sans-serif;
	color: #5f5f5f;	
	font-size: 13px;
	background-color: #f1f1f1;
	background-image: url("../design/index-bg.jpg");
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height: 1.5em;}

/* INDEX */
#index {
	width: 883px;
	height: auto;
	margin: 0 auto;}

#zahlavi {
	width: 883px;
	height: 98px;
	float: left;}

	#logo {
		width: 245px;
		height: 98px;
		background-image: url("../design/logo.jpg");
		background-repeat: no-repeat;
		margin: 0 0 0 35px;
		float: left;}

	#motto {
		width: 450px;
		height: 75px;
		margin: 18px 0 0 40px;
		float: left;}

	#flags {
		width: 50px;
		height: 18px;
		text-align: right;
		padding: 3px 20px 0 0;
		float: right;}

#title {
	width: 883px;
	height: 224px;
	background-color: #fff;
	background-image: url("../design/main-image.jpg");
	background-repeat: no-repeat;
	background-position: left;
	float: left;}
	
	#main-menu {
		width: 250px;
		height: 224px;
		background-image: url("../design/menu-bg.jpg");
		background-repeat: no-repeat;
		background-position: left;
		float: right;}
		
		menu {
				width:211px;
				line-height: 160px;
				float:right;
				text-align: left;
				margin: 29px 30px 0 6px;
				padding: 0px;}
				
				
				menu li.pdu {background-image: url("../design/button-pdu.jpg"); background-repeat: no-repeat;}
				menu li.pdu-hover, menu li.pdu:hover {background-image: url("../design/button-pdu-hover.jpg"); background-repeat: no-repeat;}
				menu li.sluzby {background-image: url("../design/button-sluzby.jpg"); background-repeat: no-repeat;}
				menu li.sluzby-hover, menu li.sluzby:hover {background-image: url("../design/button-sluzby-hover.jpg"); background-repeat: no-repeat;}
				menu li.cenik {background-image: url("../design/button-cenik.jpg"); background-repeat: no-repeat;}
				menu li.cenik-hover, menu li.cenik:hover {background-image: url("../design/button-cenik-hover.jpg"); background-repeat: no-repeat;}
				menu li.kontakt {background-image: url("../design/button-kontakt.jpg"); background-repeat: no-repeat;}
				menu li.kontakt-hover, menu li.kontakt:hover {background-image: url("../design/button-kontakt-hover.jpg"); background-repeat: no-repeat;}
				
				menu li.button {margin: 1px 0 0 0;}
				menu li.button {float:left;width:211px;height:40px;display:block;}
				menu li.button a {font-size:17px;font-weight:bold;color:#536689;text-decoration:none;display:block;padding: 2px 0 0 50px;line-height:1.1em;}
				menu li.button a:hover {color: #838c1a; }
				
				menu li.button-hover {margin: 1px 0 0 0;}
				menu li.button-hover {float:left;width:211px;height:40px;display:block;}
				menu li.button-hover a {font-size:17px;font-weight:bold;text-decoration:none;display:block;padding: 2px 0 0 50px;line-height:1.1em;color: #838c1a;}	
				
				.plus, plus:hover {font-size:12px;color:#858484;text-decoration:none; font-weight:normal;}

#submenu {
	width: 883px;
	height: 95px;
	float: left;}
	
	#submenu-01 {
		width: 204px;
		height: 95px;
		background-image: url("../design/submenu-01.jpg");
		background-repeat: no-repeat;
		float: left;}
	
	#submenu-02 {
		width: 204px;
		height: 95px;
		background-image: url("../design/submenu-02.jpg");
		background-repeat: no-repeat;
		float: left;}
	
	#submenu-03 {
		width: 204px;
		height: 95px;
		background-image: url("../design/submenu-03.jpg");
		background-repeat: no-repeat;
		float: left;}
	
	#submenu-04 {
		width: 271px;
		height: 95px;
		background-image: url("../design/submenu-04.jpg");
		background-repeat: no-repeat;
		float: left;}
	
#body {
	width: 883px;
	background-image: url("../design/body-bg.jpg");
	background-repeat: repeat-y;
	margin: 0px;
	padding: 20px 0 20px 0;
	float: left;}

#signature {
	width: 880px;
	line-height: 90px;
	background-image: url("../design/index-bg.jpg");
	background-repeat: repeat-x;
	border-left: 2px solid #fff;
	border-right: 1px solid #fff;
	line-height: 18px;
	text-align: center;
	color: #9cb3e2;
	float: left;}