/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset {border: 0;}

/* body */
body {font: 0.625em/1.5em Arial, Verdana, sans-serif; color: #fff; background: #000 url(../img/site/body.bg.png) repeat-x; position: relative;}

/* container */
.container {width: 941px; margin: 0 auto;}

/* links */
a {color: #fff; text-decoration: none;}	
	a:hover {text-decoration: none; color: #d79900;}

/* header */
#header {width: 100%; display: table; background: url(../img/site/header.bg.jpg) 50% 0 no-repeat; margin-bottom: 13px;}
	#header .container {height: 119px; padding-top: 30px;}

	/* header logo */
	#header h1{width: 155px; height: 73px; margin: 0 auto; overflow: hidden;}
		#header h1 a {width: 155px; height: 73px; text-indent: -666em; display: block; background: url(../img/site/header.h1.a.png) no-repeat;}

/* beta version */	
#beta-version {width: 119px; height: 114px; background: url(../img/site/beta.version.png) no-repeat; position: absolute; top: 0; right: 0;}		
		
/* content */
#content {}
	#content .container {}
		#content .container:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";}

	#content #content-main {width: 474px; float: right; margin-top: 6px; }
	#content #content-sidebar {width: 444px; float: left;}
		#content #content-sidebar .content-sidebar-header {line-height: 1.93em; color: #000; text-align: center; background: url(../img/site/headers.bg.png) repeat-x; font-size: 1.6em;}
	
	/* content main -> content main */
	#content #content-main .content-main {background: #121212; min-height: 470px;}
		#content #content-main .content-main .content-main-header {line-height: 1.93em; color: #000; text-align: center; background: url(../img/site/headers.bg.png) repeat-x; font-size: 1.6em;}
		#content #content-main .content-main .content-main-body {padding: 25px 30px 5px 30px;}
			#content #content-main .content-main .content-main-body p {margin-bottom: 20px; font-size: 1.1em; text-align: justify;}
		
	/* content sidebar -> menu */
	#content-sidebar-menu {width: 444px; height: 242px; background: url(../img/site/content.sidebar.menu.bg.jpg) 0 100% no-repeat; padding: 6px 0 0 0; margin: 0 0 37px 0; overflow: hidden;}
		#content-sidebar-menu h3 {display: none;}
		#content-sidebar-menu ul {height: 68px; list-style: none; padding: 0; margin: 0; z-index: 1; background: url(../img/site/menu/menu.bg.png) repeat-x; position: relative;}
			#content-sidebar-menu ul li {float: left;}
				#content-sidebar-menu ul li a {float: left; display: block;}
			#content-sidebar-menu ul li .submenu {width: 349px; height: 38px; position: absolute; bottom: 0; left: 0; z-index: -1; background: url(../img/site/menu/submenu.bg.png) no-repeat; padding-left: 95px;}
				#content-sidebar-menu ul li .submenu li {margin-top: 3px; background: url(../img/site/menu/submenu.li.jpg) 100% 50% no-repeat;}
					#content-sidebar-menu ul li .submenu li.last-child {background: 0;}
					#content-sidebar-menu ul li .submenu li a {padding: 10px; font-size: 1.2em; color: #9f9f9f;}
						#content-sidebar-menu ul li .submenu li a:hover {color: #fff;}
		
			#content-sidebar-menu-offert {width: 113px; height: 	41px; margin: -6px 1px 0 50px; text-indent: -666em; background: url(../img/site/menu/menu.li.gif) 0 0 no-repeat;}
				#content-sidebar-menu-offert:hover, #content-sidebar-menu-offert.active {background: url(../img/site/menu/menu.li.gif) 0 -41px no-repeat;}
			#content-sidebar-menu-gallery {width: 113px; height: 41px; margin: -6px 1px 0; text-indent: -666em; background: url(../img/site/menu/menu.li.gif) -114px 0 no-repeat;}
				#content-sidebar-menu-gallery:hover, #content-sidebar-menu-gallery.active {background: url(../img/site/menu/menu.li.gif) -114px -41px no-repeat;}
			#content-sidebar-menu-contact {width: 113px; height: 41px; margin-top: -6px; text-indent: -666em; background: url(../img/site/menu/menu.li.gif) -228px 0 no-repeat;}
				#content-sidebar-menu-contact:hover, #content-sidebar-menu-contact.active {background: url(../img/site/menu/menu.li.gif) -228px -41px no-repeat;}
		
	
	/* content sidebar -> most viewed projects */
	#content-sidebar-most-viewed-projects {background: #121212;}
		#content-sidebar-most-viewed-projects ul {width: 444px; list-style: none; padding: 24px 0 24px 0; margin-left: -4px; overflow: hidden;}
			#content-sidebar-most-viewed-projects ul li {width: 132px; margin-left: 14px; float: left; position: relative; padding-top: 82px;}
				#content-sidebar-most-viewed-projects ul li h4 {font-size: 1.1em; text-align: center;}
					#content-sidebar-most-viewed-projects ul li h4 a {color: #fff; font-weight: bold;}
						#content-sidebar-most-viewed-projects ul li h4 a:hover {text-decoration: none; color: #d79900;}
				#content-sidebar-most-viewed-projects ul li .photo {position: absolute; top: 0; left: 0;}
					#content-sidebar-most-viewed-projects ul li .photo a {display: block; border: 1px solid #121212;}
						#content-sidebar-most-viewed-projects ul li .photo a img {display: block;}
						#content-sidebar-most-viewed-projects ul li .photo a:hover {border: 1px solid #a0a0a0;}
				#content-sidebar-most-viewed-projects ul li p {color: #fff; font-size: 1.1em; text-align: center;}
				
				/* gallery hover */
				ul.gallery li.hover  .photo a {border: 1px solid #a0a0a0 !important;}
				ul.gallery li.hover h4 a {text-decoration: none !important; color: #d79900 !important;}
				
				
	/* content main -> gallery content */
	#content-gallery {}
		#content-gallery #content-main .content-main .content-main-body {padding: 0px;}
			#content-gallery #content-main .content-main .content-main-body .video-player {margin-top: 20px;}
			#content-gallery #content-main .content-main .content-main-body ul {width: 444px; list-style: none; padding: 20px 0 0 14px; margin-left: -4px; overflow: hidden;}
				#content-gallery #content-main .content-main .content-main-body ul li {width: 132px; margin-left: 14px; float: left; position: relative; padding-top: 82px;}
					#content-gallery #content-main .content-main .content-main-body ul li h4 {font-size: 1.1em; text-align: center;}
						#content-gallery #content-main .content-main .content-main-body ul li h4 a {color: #fff; font-weight: bold;}
							#content-gallery #content-main .content-main .content-main-body ul li h4 a:hover {text-decoration: none; color: #d79900;}
					#content-gallery #content-main .content-main .content-main-body ul li .photo {position: absolute; top: 0; left: 0;}
						#content-gallery #content-main .content-main .content-main-body ul li .photo a {display: block; border: 1px solid #121212;}
							#content-gallery #content-main .content-main .content-main-body ul li .photo a img {display: block;}
							#content-gallery #content-main .content-main .content-main-body ul li .photo a:hover {border: 1px solid #a0a0a0;}
					#content-gallery #content-main .content-main .content-main-body ul li p {color: #fff; font-size: 1.1em; text-align: center;}
		
	/* content main -> contact content */	
	#content-contact {}
		#content-contact #content-main .content-main .content-main-body {width: 404px; padding: 30px 35px 20px 35px;}	
			#content-contact #content-main .content-main .content-main-body form {}	
				#content-contact #content-main .content-main .content-main-body form .contact-information {margin-bottom: 30px; padding: 0;}
					#content-contact #content-main .content-main .content-main-body form .contact-information li {font-size: 1.1em;}
						#content-contact #content-main .content-main .content-main-body form .contact-information li dl {}
							#content-contact #content-main .content-main .content-main-body form .contact-information li dl dt {font-weight: bold; width: 100px; text-align: left; padding: 0 5px 0 0;}
							#content-contact #content-main .content-main .content-main-body form .contact-information li dl dd {}
							#content-contact #content-main .content-main .content-main-body form .contact-information li dl dd a{color:#C0C0C0; text-decoration:none;}
							#content-contact #content-main .content-main .content-main-body form .contact-information li dl dd a:hover{color:#D79900; text-decoration:none;}
				#content-contact #content-main .content-main .content-main-body form ul {width: 404px;}
					#content-contact #content-main .content-main .content-main-body form ul li {margin: 5px 0 0;}
						#content-contact #content-main .content-main .content-main-body form ul li dl {overflow: hidden;}
							#content-contact #content-main .content-main .content-main-body form ul li dl dt {width: 194px; font-size: 1.1em; text-align: right; padding: 4px 5px 0 0; float: left;}
							#content-contact #content-main .content-main .content-main-body form ul li dl dd {float: left;}
							#content-contact #content-main .content-main .content-main-body form ul li .alert {color:#80021f; margin-left:200px;}
								#content-contact #content-main .content-main .content-main-body form ul li dl dd input {width: 192px; border: 0; font-size: 1.1em; color: #959595; background: #323030; padding: 5px; font-family: Arial, Verdana, sans-serif;}
								#content-contact #content-main .content-main .content-main-body form ul li dl dd select {font-size: 1.1em; background:#323030; color: #959595;}
								#content-contact #content-main .content-main .content-main-body form ul li dl dd textarea {width: 192px; height: 100px; border: 0; font-size: 1.1em; color: #959595; background: #323030; padding: 5px; font-family: Arial, Verdana, sans-serif;}
			#content-contact #content-main .content-main .content-main-body form p {}	
			#content-contact #content-main .content-main .content-main-body form .submit {margin: 20px 0 0 337px;}	
		
/* footer */
#footer {}
	#footer .container {height: 60px; position: relative;}
		#footer .container:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";}
	
	/* footer -> copyright */
	#footer .footer-copyright {position: absolute; top: 15px; right: 80px; text-indent: -666em; width: 138px; height: 28px; overflow: hidden; background: url(../img/site/footer.copyright.png) 0 0 no-repeat;}
	
	/* footer -> created by */
	#footer .footer-created-by {position: absolute; top: 15px; right: 15px; width: 43px; height: 28px; text-indent: -666em; overflow: hidden; line-height: 0;}
		#footer .footer-created-by a {width: 43px; height: 28px; display: block; background: url(../img/site/footer.created.by.png) 0 0 no-repeat;}
	

/* Komentarze*/
#comments {margin:0px; color:#bebebe;}
#comments ul{}
#comments ul li{}
#comments ul li ul li.top{}
#comments ul li ul li.bottom{}
#comments ul li ul li span.left{float:left; font-weight:bold; font-size:11px; color:#feb300;}
#comments ul li ul li span.right{float:right; font-size:10px; color:#363636;}

form.comment {margin-left:25px; margin-top:40px; margin-bottom:10px;}
form.comment p {margin-bottom:0px;}
form.comment p label.desc {color:#C0C0C0; float:left; text-align:right; margin-right:5px; width:125px; padding-top:5px;}
form.comment p input.input{float:left; background:#323030 none repeat scroll 0 0; border:0 none; color:#959595; font-family:Arial,Verdana,sans-serif; font-size:1.1em; padding:5px; width:202px; margin-bottom:5px;}
form.comment p  textarea.textarea {float:left; background:#323030 none repeat scroll 0 0; border:0 none; color:#959595; font-family:Arial,Verdana,sans-serif; font-size:1.1em; padding:5px; width:202px; margin-bottom:15px; height:100px;}
form.comment p.submit_com {}
form.comment p.submit_com  input.image{margin-left:40px; vertical-align:middle;}
.info_com {margin-left:25px;}
form.comment .alert {color:#80021f; margin-left:130px;}

#slider{ margin-left: 20px;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:300px;
	height:141px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
    position:absolute; 
	left:0px;
	top:0px;
	}	
#nextBtn{ 
	left:450px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}