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

body {
	margin: 0;
	padding: 0;
	background: #010101 url(../grafika/body-bg.jpg) no-repeat center top;
	font: 12px/18px "Arial CE", Arial, Helvetica, sans-serif;
	}

	#container {
		margin: 0px auto; 
		width: 760px;
		}
		
		#logo {
			float: left;
			margin: 15px 0 0 80px !important;
			margin/**/: 15px 0 0 40px;
			}
			
			
		#slogan {
			float: right;
			width: 413px;
			height: 43px;
			margin-top: 18px;
			}
			
		#menu {
			float: right;
			padding: 0;
			margin: 96px 0 0 0;
			list-style: none;
			width: 408px;
			}
		#menuShadow {
			float: right;
			padding: 0;
			margin: 0px 0 0 0;
			list-style: none;
			width: 408px;
			}
			#menu li, #menuShadow li {
				margin: 0 1px 0 0;
				padding: 0;
				float: left; 
				}
				#menu li a {
					display: block;
					float: left;
					width: 101px;
					height: 32px;
					margin-right: 0px;
					font-size: 1px;
					line-height: 1px;
					}
				#menuShadow li a {
					display: block;
					float: left;
					width: 101px;
					height: 30px;
					font-size: 1px;
					line-height: 1px;
					text-decoration: none;
					}
					#menu li a:hover { background-position: 0px -79px;  color: #fff;}
					#menu li a.active { background-position: 0px -79px;  color: #fff; cursor: default; }
					#home { color: #fcebb3; background: url(../grafika/menu-home.gif) no-repeat 0px -6px; }
					#firma { color: #9a3f01; background: url(../grafika/menu-firma.gif) no-repeat 0px -6px; }
					#oferta { color: #de6a03; background: url(../grafika/menu-oferta.gif) no-repeat 0px -6px; }
					#kontakt { color: #ee8501; background: url(../grafika/menu-kontakt.gif) no-repeat 0px -6px; }
					
					#home2 { color: #fcebb3; background: url(../grafika/menu-home.gif) no-repeat 0px -43px; }
					#firma2 { color: #9a3f01; background: url(../grafika/menu-firma.gif) no-repeat 0px -43px; }
					#oferta2 { color: #de6a03; background: url(../grafika/menu-oferta.gif) no-repeat 0px -43px; }
					#kontakt2 { color: #ee8501; background: url(../grafika/menu-kontakt.gif) no-repeat 0px -43px;}
			
		#flashContainer {
				float: left;
				clear: both; 
				margin: 5px 0 0 0;
				width: 750px;
				height: 322px; 
				}
		
		#links {
			float: left; 
			margin: 0px 0 0 0;
			width: 760px;
			height: 80px;
			}
			#links a {
				float: left;
				margin-right: 1px;
				width: 189px;
				height: 33px;
				color: #f69900;
				text-decoration: none;
				text-align: center;
				font-size: 14px;
				padding: 16px 0 0 0;
				background: #3c2a1c url(../grafika/newBox-bg.gif) repeat-x 0 0;
				}
				#links a:hover { background-position: 0px -80px; color: #fff;}


		#aboutBox {
			margin-top: 0px;
			width: 460px;
			float: left; 
			}
		#contactBox {
			margin-top: 0px;
			width: 230px;
			float: right; 
			}
			#aboutBox h1, #contactBox h1 {
				float: left;
				color: #f49801; 
				font-size: 16px;
				height: 45px;
				background: url(../grafika/line-bg.gif) repeat-x left bottom;
				}	
			#aboutBox h1 {
				width: 460px;
				}
			#contactBox h1 {
				width: 230px;
				}
			#aboutBox p, #contactBox p {
				color: #b2947d;
				}
.logoFlash {
	float: left;
	margin-top: 90px;
	}
			
			
	#content {
		margin: 40px 0 0 0;
		float: left;
		width: 760px;
		clear: both; 
		}
		#contactBox {
			color: #B2947D;
			}
			#contactBox b { 
				color: #fff;
				}
				#contactBox a {
					color: #f49801;
					}
		#Submenu { 
			float: left;
			width: 258px;
			margin-top: 50px !important;
			margin-top/**/: 40px;
			}
			#Submenu ul {
				width: 200px;
				margin: 0;
				padding: 0;
				list-style: none;
				border-top: 1px solid #bd4c01;
				color: #B2947D;
				}
				#Submenu ul b { color: #fff; }
				#Submenu ul li a {
					display: block;
					width: 190px;
					height: 33px;
					border-bottom: 1px solid #bd4c01;
					color: #f49801;
					text-decoration: none;
					padding: 15px 0 0 10px;
					
					}
					#Submenu ul li a:hover {
						color: #fff;
						border-color: #fff;
						/*filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
						}
					#Submenu ul li a.active {
						color: #fff;
						border-color: #fff;
						font-weight: bold;
						cursor: default;
						/*filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
						}
				#Submenu ul li a.mail {
					display: inline;
					width: auto;
					height: auto;
					border-bottom: none;;
					color: #f49801;
					text-decoration: none;
					padding: 0px 0 0 0px;
					
					}
				#Submenu img { border: 0; }

		.more {
			float: right; 
			color: #f49801;
			}
		#Text { 
			float: right;
			width: 500px;
			}	
			#Text h1 { 
				border-bottom: 1px solid #bd4c01;
				float: left;
				color: #f49801; 
				font-size: 16px;
				height: 40px;
				width: 500px;
				}
			#Text p, #Text ul {
				line-height: 20px;
				color: #b2947d;
				}
			#Text a { 
				color: 	#f49801; 
				}	
			#Text b { color: #fff; }	
			
				#Text .gallery { 
					float: left;
					width: 500px;
					margin-left: 0px !important;
					margin-left/**/: 0px;
					}
					#Text .gallery a {
						float: left;
						border: 5px solid #3a281a;
						margin: 5px;
						}
						#Text .gallery a:hover { border-color: #feefb8; }
						#Text .gallery a img { float: left; border: none; width: 145px;}
	#foot { 
		float: left;
		width: 100%;
		padding: 89px 0 0 0;
		margin: 20px 0 0 0;
		background: url(../grafika/foot-bg.gif) repeat-x 0 0;
		}	
		#foot .container {
			width: 760px;
			margin: 0px auto;
			color: #858585;
			}		
			#foot p, #foot span {
				width: 349px;
				float: left;
				margin: 60px 0 0 0; 
				padding-bottom: 60px;
				font-size: 10px;
				}
			#foot img { float: left; margin: 50px 0 0 0;}
			#foot span { text-align: right; }
			#foot a { color: #fff; text-decoration: none; padding: 0px 3px 0px 3px; }
			#foot a:hover { background-color: #fff; color: #000000; }
			
			
/* Google maps */
#google_map
{
	float: left;
	width: 500px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 40px 0px !important;
	margin/**/: 10px 0 0px 0px;
}

#google_maker_msg
{
	display: block;
}