/* Start of CMSMS style sheet 'Podstawowy' */
/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~*/
	* {margin: 0; padding: 0; border: 0;}	

	a {text-decoration: none; color: #626367; font-weight: bold; outline:0;}
	a:hover {text-decoration: underline;}
	img, fieldset {border: none;}
	ul {list-style: none;}
	ol {list-style-position: inside;}
	h1, h2, h3, h4, h5, h6 {font-size: 1.2em; font-weight: bold;}

p.akapit {text-indent:3em;}

	body {padding: 0; background: url(../img/top_bg.jpg) center 0 no-repeat #2b2d2f; color: #626367; font-family: Tahoma, Verdana, sans-serif; font-size: 10px;}

body#tinymce {background-color:#E4E2CD;}

/*~~~~~~~~~~~~~~~~~~~~~
    =#wrapper	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#wrapper {margin: 0 auto; width: 1024px; font-size: 1.1em; line-height: 1.3em; background: url(../img/wrapper_middle.gif) repeat-y #393a3d;}

/*~~~~~~~~~~~~~~~~~~~~~
    =#top
~~~~~~~~~~~~~~~~~~~~~~~*/
	#top {float: left; height:407px; width: 1024px; background:  url(../img/top_bg.jpg) center 0 no-repeat; position: relative;}
		#top h1 {float: right; display: inline; width: 210px; margin: 130px 54px 0 0; background: url(../img/logo.png) left bottom no-repeat;}
			#top h1 a {float: left; display: block; width: 210px; height: 84px;}
				#top h1 a span {display: none;}
		#top_flash_box {float: left; display: inline; left:204px; top:48px; height: 217px; width: 348px; overflow: hidden; position: relative; z-index: 1; /*background: url(../img/tablet.jpg) no-repeat;*/}
		#top_hand_box {position: absolute; top: 0; left: 140px; width: 145px; height: 124px; z-index: 10; background: url(../img/hand.png) no-repeat;}
		h2#top_slogan {float: right; clear: right; display: inline; width: 363px; height: 35px; margin: 70px 40px 0 0; background: url(../img/top_slogan.png) no-repeat;}
			h2#top_slogan span {display: none;}
		#top ul {display: block; clear: both; padding: 0 0 0 39px;}
			#top ul li {float: left; padding: 0 10px 0 0;}
				#top ul li a {float: left; width: 181px; height: 45px;}
					#top ul li a span {display: none;}
				#top ul li.o-firmie a {background: url(../img/menu1.jpg) 0 0 no-repeat;}
				#top ul li.projekty-domow a {background: url(../img/menu2.jpg) 0 0 no-repeat;}
				#top ul li.projekty-wnetrz a {background: url(../img/menu3.jpg) 0 0 no-repeat;}
				#top ul li.projekty-ogrodow a {background: url(../img/menu4.jpg) 0 0 no-repeat;}
				#top ul li.kontakt a {background: url(../img/menu5.jpg) 0 0 no-repeat;}
					ul#menu li.active a, ul#menu li a:hover {background-position: 0 -45px !important;}
					
/*~~~~~~~~~~~~~~~~~~~~~
    =#content
~~~~~~~~~~~~~~~~~~~~~~~*/
	#content_bg1 {float: left; margin: 0 22px; display: inline; clear: both; width: 980px; background: url(../img/main_shadow_middle.jpg) repeat-y; position: relative; z-index: 2;}
	#content_bg2 {float: left; width: 980px; background: url(../img/main_shadow_top.jpg) no-repeat; padding: 20px 0 0 0;}
	#content_bg3 {float: left; width: 946px; background: url(../img/main_shadow_bottom.jpg) 0 bottom no-repeat; padding: 0 18px 20px 16px; overflow: hidden;}
	#content {float: left; width: 946px; color: #40474e;}
	.content_subpage_shadow {float: left; width: 946px;}
		.subpage .content_subpage_shadow {background: url(../img/content_subpage_shadow.jpg) 615px 3px no-repeat;}
		#content a {color: #40474e;}
	#content.mainpage {background: #DEDBBA !important;}
	#content {background: url(../img/sub_bg.gif) right 0 repeat-y #E4E2CD !important;}
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-size: 1.4em; padding: 0 0 15px 0;}
		#content h2, #tinymce h2 {padding: 0 16px 27px 42px; margin: 0 -16px 2px -16px; background: url(../img/h2_bg.jpg) 0 bottom no-repeat; font-size: 21px; line-height: 23px; font-family: Georgia, Times, serif; font-weight: normal; color: #2c3033;}

		#tinymce h2 {background: url(../../img/h2_bg.jpg) 0 bottom no-repeat !important;}

			#content h2 span {color: #744719;}
		#content h3 {padding: 0 0 10px 0; margin: 0; font-size: 20px; line-height: 23px; font-family: Georgia, Times, serif; font-weight: normal; color: #2c3033;}
			#content h3 span {color: #744719;}
			#content.mainpage #main h2, #content #sub h2 {background: url(../img/h2_bg2.jpg) 0 bottom no-repeat;}
		#content p {}
		#content img {float: left; margin: 0 10px 10px 0;}
		#content strong {font-size: 1.0em; font-weight: bold;}
		#content small {font-size: 1.0em; font-weight: normal; font-style: normal;}
		#content em {font-size: 1.0em; font-style: italic;}
		#content ul {padding: 0 0 10px 0;}
			#content ul ul {padding: 0;}
			#content ul li {padding: 0 0 0 15px; background: url(../img/arrows.gif) 3px 5px no-repeat; overflow: hidden; zoom: 1;}
		#content dl {padding: 0 0 10px 0;}
			#content dl dt {color: #a97944;}
			
		#menuwrapper {position:absolute; bottom:0px; left:0px;}
			
/*~~~~~~~~~~~~~~~~~~~~~
    =#main
~~~~~~~~~~~~~~~~~~~~~~~*/
	#container {width: 946px; overflow: hidden; background: #E4E2CD; padding: 6px 0 0 0;}
		#container .col {float: left; width: 289px; overflow: hidden; padding: 16px 13px 16px 13px; background: url(../img/main_shadow2.jpg) right 0 no-repeat;}
			#container .col.last {background: none; padding-right: 0;}
			#container .col  h2 {margin: 0 -13px 7px -13px;}
	
/*~~~~~~~~~~~~~~~~~~~~~
    =#main
~~~~~~~~~~~~~~~~~~~~~~~*/
	#main {float: left; width: 600px; padding: 22px 16px 16px 16px; overflow: hidden;}
		.mainpage #main {background: url(../img/main_shadow1.jpg) right 0 no-repeat;}
		
/*~~~~~~~~~~~~~~~~~~~~~
    =#sub
~~~~~~~~~~~~~~~~~~~~~~~*/
	#sub {float: left; width: 282px; padding: 22px 16px 16px 16px; overflow: hidden;}

/*~~~~~~~~~~~~~~~~~~~~~
    =#footer	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#footer {clear: both; line-height: 1.2em; padding: 55px 33px 20px 40px; overflow: hidden; width: 951px; margin: -15px auto 0 auto; background: url(../img/wrapper_bottom.gif) no-repeat #2b2d2f; position: relative; z-index: 1;}
		#footer p {float: right;}
		#footer ul {float: left; overflow: hidden;}
			#footer ul li {float: left; margin: 0 -1px 0 0; border-right: 1px solid #626367;}
				#footer ul li a {font-weight: normal; padding: 0 7px 0 8px;}
/*~~~~~~~~~~~~~~~~~~~~~
    =GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
	a.more {clear: both; float: right; width: 57px; height: 16px; background: url(../img/more.gif) no-repeat;}
		a.more span {display: none;}
	
	.left {float: left;}
	.right{float: right;}
	img.left {float: left !important; margin: 0 10px 10px 0 !important;}
	img.right {float: right !important; margin: 0 0 10px 10px !important;}
	img.center {float: none !important; display: block; margin: 0 auto 10px auto !important;}
	
	div.hr_line {height: 0; line-height: 0; font-size: 0; clear: both; display: block; border-top: 1px solid #cecbaf; border-bottom: 1px solid #FFF; margin: 2px 0 12px 0;}
	
	.aright {text-align: right;}
	.acenter {text-align: center;}
	
	.clear {clear: both;}
	#content h3.contact_head {font-style: italic; padding: 0 0 3px 0;}
		#content h3.contact_head small {font-style: italic; font-size: 0.8em; color: #7C4C24;}
		#content h3.contact_head a {font-weight: normal;}
img.webiso {height: 19px; width: 69px;}
/* End of 'Podstawowy' */