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


body { margin: 0; padding: 0;color: #fff; background: #333743 url(../images/body-bg.gif) repeat 0 0; font: 12px/18px "Arial CE", Arial, Helvetica, Verdana;  }


h1 { float: left; clear: both;  margin: 0; padding: 0; font-size: 15px; color: #fff; text-transform: uppercase;}
h1 em { font-style:normal; color: #ff7800; }
p { float: left; }
p img { float: right; border: 5px solid #dbdbdb; margin: 0 0 10px 10px;}
a { color: #ff7800; }
	.readMore { float: right; }
ul.punkty {	float: left; clear: both; width: 100%;  margin:20px 0 0 0; padding:0; list-style:none; }
	ul.punkty li { background: url(../images/punkt.gif) no-repeat 0 3px; padding: 1px 0 1px 25px; }
	ul.pdf li { background: url(../images/punkt-pdf.gif) no-repeat left center;  padding: 12px 0 12px 35px; line-height: 14px; }	
	ul.pdf li a { text-decoration: none; }
	ul.pdf li a:hover { color: #4ea1fd; }
	
#topstripe { width: 100%; height: 10px; float: left; font-size: 1pxol line-height: 1px; background-color: #1b1f2a; } 
#container { width: 760px; margin: 0px auto; }
	#flash { float: left; margin-top: 20px; width: 760px; height: 375px; }
	#menu { float: left; width: 760px; }
		#menu ul { foat: left; width: 760px; margin:0; padding: 0; list-style: none; }
		#menu ul li { float: left; margin: 0 1px 0 0; padding: 0;  }
		#menu ul li a { float: left; display: block; height: 80px; color: #343945; font-size: 1px; line-height: 1px; }
		#menu ul li a:hover { background-position: 0px -80px; }
		#menu ul li a.active { background-position: 0px -80px;cursor: default; }
		#home { width: 184px; background: url(../images/menu-home.gif) no-repeat 0 0;}
		#firma { width: 134px; background: url(../images/menu-firma.gif) no-repeat 0 0;  }
		#oferta { width: 131px; background: url(../images/menu-oferta.gif) no-repeat 0 0;}
		#realizacje { width: 152px; background: url(../images/menu-realizacje.gif) no-repeat 0 0;}
		#kontakt { width: 154px; background: url(../images/menu-kontakt.gif) no-repeat 0 0; }
	
	#galleryBox { float: left; width: 265px; background-color: #222632; margin: 20px 0 0 0; padding: 20px;}
		#galleryBox ul { float: left; width: 265px; margin:20px 0 0 0; padding: 0; list-style: none; }
		#galleryBox ul li { float: left; }
		#galleryBox ul li a {display: block; border: 5px solid #dbdbdb; margin: 0px 8px 8px 0px; }
		#galleryBox ul li a:hover { border-color: #4ea1fd; }
		#galleryBox ul li a img { border: 0; }
		#galleryBox p { width: 255px; }
		
	#textBox { float: left; width: 410px; margin: 20px 0 0 0; padding: 20px;}
		#textBox p { width: 410px; }

#containerBottom { float: left; width: 100%; margin: 20px 0 0 0; padding: 0 0 20px 0; border-top: 2px solid #10131c; background-color:#1b1f2a; }
	.subcontainer { width: 760px; margin: 20px auto; }
	.bottomBox { float: left; width: 200px; padding: 20px 10px 10px 10px; }
	.bottomBox p { clear: both; float: left; margin-top: 15px; width: 200px; }
	.offerBox { width: 275px; padding: 20px;  }

#containerFooter { float: left; width: 100%; border-top: 1px solid #434b5f; background-color:#10131c;  padding: 0 0 20px 0; }
	#containerFooter p { color: #808aa4; font-size: 11px;  line-height: 14px; }
	#containerFooter p a { color: #4ea1fd; text-decoration: none; }
	#containerFooter p a:hover { color: #fff; text-decoration: none; }
	#containerFooter p a em { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; text-transform: lowercase; }

#subcontent { float: left; width: 760px; padding-bottom: 30px;}
	#submenu	{float: left; width: 198px; margin: 20px 0 0 0;  background: #222632;}
	#submenu ul { float: left; margin: 0; padding: 0; list-style: none; }
	#submenu ul li { float: left; margin: 0; padding: 0; }
	#submenu ul li a { float: left; display: block; padding: 20px 15px 20px 15px; text-decoration: none; background: url(../images/subMenubg.gif) repeat-x 0 0; width: 169px;}
	#submenu ul li p { color: #fff; padding: 20px;}
	#submenu ul li p a { float: none; display: inline; padding: 0; background: none; width: auto; }
	#submenu ul li h1 { margin: 20px 0px 0px 20px !important; margin/**/: 20px 0px 0px 10px;  }
	#submenu ul li a:hover { background: #222632; color: #fff; }
	#submenu ul li a.active { font-weight: bold;color: #fff; }
	#subText { float: right; width: 520px; background-color: #222632; margin: 20px 0 0 0; padding: 20px;}
	#subText p { float: left; width: 520px;  margin-top: 20px;}
	#subText p a.folioImg { float: left; margin: 0 20px 0 0; padding: 0; width: 80px; height: 80px;}

.portfolio { float: left; width: 530px; clear: both;}
		.portfolio  a { float: left; display: block; border: 5px solid #dbdbdb; margin: 0px 8px 8px 0px; width: 70px;}
		.portfolio  a:hover { border-color: #4ea1fd; }
		.portfolio  a img { border: none; }
		
/* Google maps */
#google_map
{
	float: left;
	width: 520px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 30px 0 0px 0px !important;
	margin/**/: 30px 0 0px 0px;
}

#google_maker_msg
{
	display: block;
}