@charset "UTF-8";
/* CSS Document */


a {
					color: #fea025;
}

body {
	margin:0;
	padding: 0;
	background: #141414 url(../grafika/body-bg.jpg) repeat-x 0 0;
	font: 11px/16px "Arial CE", Arial, Helvetica, sans-serif;
	}
	#container { 
		width: 760px;
		margin: 0px auto;
		}
		#logo {
			float: left;
			width: 175px;
			height: 135px;
			}
			
		#menu {
			float: right; 
			width: 585px;
			margin: 73px 0 0 0;
			}
			#menu ul { 
				margin: 0;
				padding: 0;
				list-style: none;
				float: right;
				width: 450px;
				height: 37px;
				}
				#menu ul li {
					float: left; 
					}
				#menu ul li a {
					width: 80px;
					height: 37px;
					float: left; 
					display: block;
					text-align: center;
					color: #fff;
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
					padding: 15px 5px 10px 5px;
					background: url(../grafika/menu.gif) no-repeat center 0px;				
					}
					#menu ul li a:hover {
						background-position: center 7px;
						}
					#menu ul li a.active {
						background: url(../grafika/menu-on.gif) repeat-x 0 0;
						}
					#menu ul li a.active:hover { background-position: 0px 0px; }

		#flash { 
			float: left; 
			width: 760px;
			height: 256px;
			}
		#box1 {
			float: left;
			width: 380px;
			height: 220px; 
			background:url(../grafika/box1.jpg) no-repeat 0 0;
			}		
		#box2 {
			float: left;
			width: 379px;
			height: 220px; 
			background:url(../grafika/box2.jpg) no-repeat 0 0;
			}
			
		#box1 ul, #box2 ul {
			width: 340px;
			float: left;
			margin: 70px 0px 0px 35px !important;
			margin/**/: 70px 0px 0px 17px;
			color: #fff;
			clear: both;
			line-height: 14px;
			}
		#box1 ul li, #box2 ul li {
			
			}
			#box1 ul a, #box2 ul a {
				color: #fff;
				}
			#box1 ul a:hover, #box2 ul a:hover { text-decoration: underline;}
				.button1 {
				float: right;
					display: block;
					width: 180px; 
					height: 20px;
					background: url(../grafika/button1.gif) no-repeat 0 0;
					color: #fff;
					padding: 4px 0 0 15px;
					margin: 20px 20px 0 0;
					text-decoration: none;
					text-transform: uppercase;
					font-size: 10px;
					}
				.button2 {
					float: left;
					display: block;
					width: 94px; 
					height: 20px;
					background: url(../grafika/button2.gif) no-repeat 0 0;
					color: #fff;
					padding: 4px 0 0 15px;
					margin-top: 20px;
					margin-left: 35px !important;
					margin-left/**/: 17px;
					text-decoration: none;
					text-transform: uppercase;
					font-size: 10px;
					}
		#infoBox {
			float: left;
			width: 760px;
			background: #2e2e2e url(../grafika/bg2.jpg) repeat-x 0 0;
			padding: 0 0 0px 0;
			}
			#infoBox .who, #infoBox .what {
				float: left;
				width: 255px;
				background: url(../grafika/line1.jpg) repeat-y top right;
				}
				
				#infoBox .who p, #infoBox .where p {
					float: left;
					color: #ccc;
					padding: 0px 15px 0px 35px;
					width: 205px;
					margin: 25px 0 0 0;
					}
				#infoBox .where p {
					float: left;
					color: #ccc;
					padding: 0px 0px 0px 35px;
					width: 204px;
					}
				#infoBox .what ul {
					width: 200px;
					float: left;
					margin: 25px 0 0 0;
					padding: 0px 15px 0px 35px;
					}
				#infoBox .who p b, #infoBox .where p b { color: #fff; }
				#infoBox .who h1, #infoBox .what h1, #infoBox .mainContent h1 { 
					float: left;
					color: #fff; 
					font-size: 17px;
					margin: 35px 0 0 35px !important;
					margin/**/: 35px 0 0 17px;
					
					}
				#infoBox .where h1 { 
					float: left;
					color: #fff; 
					font-size: 17px;
					margin: 35px 0 0 35px;
					}
				#infoBox .where .button2 { 
					margin-left: 35px; 
					}
				#infoBox .sub h1 { color: #999; }
				
				
			#infoBox .mainContent {
				width: 500px;
				float: left;
				padding-bottom: 30px;
				}	
				#infoBox .mainContent .gallery {
					float: left;
					width: 435px;
					padding: 0px 15px 0px 35px;
					}
					#infoBox .mainContent .gallery a {
						float: left;
						border: 3px solid #ccc;
						margin: 5px 5px 0px 0px;
						}
						#infoBox .mainContent .gallery a:hover  { border-color: #fea025; }
						 
						#infoBox .mainContent .gallery a img {
							float: left; 
							border: none; 
							}
				#infoBox .mainContent h1 {
					padding-bottom: 10px; 
					}
				#infoBox .mainContent p {
					font-size: 12px;
					line-height: 20px;
					float: left;
					width: 435px;
					padding: 0px 15px 0px 35px;
					margin: 15px 0 0 0;
					color: #ccc;
					}
				#infoBox .mainContent ul {
					padding: 0px 15px 0px 35px;
					color: #ccc;
					width: 435px;
					font-size: 12px;
					line-height: 20px;
					}
				#infoBox .mainContent b {
					color: #fff;
					}
	ul.submenu {
		float: left;
		clear: both; 
		margin: 20px 0 0 35px !important;
		margin/**/: 20px 0 0 17px;
		padding: 0 0 20px 0;
		list-style: none;
		border-top: 1px solid #4a4a4a;
		}
		ul.submenu li {
			float: left;
			}
			ul.submenu li a {
				width: 175px;
				float: left;
				color: #fff;
				text-decoration:none;
				display: block;
				padding: 7px 0px 7px 15px;
				border-bottom: 1px solid #4a4a4a;
				background: url(../grafika/li.gif) no-repeat 0px 12px;
				color: #fea025;
				}	
				ul.submenu li a:hover {
					color: #fff;
					background: #353535 url(../grafika/li.gif) no-repeat 5px 12px;
					}
				ul.submenu li a.active {
					color: #fff;
					font-weight: bold;
					cursor: default;
					}
		#infoBox ul.submenu li p {
			margin: 20px 0 0 0;
			padding: 0;
			width: 204px;
			}
			#infoBox ul.submenu li p a {
				float: none;
				margin: 0;
				padding: 0;
				display: inline;
				width: auto;
				height: auto;
				background: none;
				border: 0;
				
				}
	#footBox {
		float: left;
		width: 760px;
		background-color: #0d0d0d;
		padding-bottom: 35px;
		}
		
		#footBox p {
			float: left; 
			width: 500px; 
			color: #575757;
			font-size: 10px;
			margin: 35px 0 0 35px !important;
			margin/**/: 35px 0px 0px 17px;
			}
			#footBox p a {
				color: #fff;
				text-decoration: none; 
				}
		ul.punkt {
			float: left;
			clear: both; 
			margin: 0;
			padding: 0;
			list-style: none;
			}
			ul.punkt li {
				background: url(../grafika/li.gif) no-repeat 0px 5px;
				padding-left: 15px;
				}
				ul.punkt li a {
					text-decoration: none;
					}
					


/* Google maps */
#google_map
{
	float: left;
	width: 430px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0px 35px !important;
	margin/**/: 10px 0 0px 17px;
}

#google_maker_msg
{
	display: block;
}