/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }
.image { border:none;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(../images/tlo.jpg);
 background-repeat:repeat-x;
 background-color:#dde7f3;
}
#wrapper { 
 margin: 0 auto;
 width: 898px;

}
#header {
 background-image:url(../images/ss.jpg);
 background-repeat:no-repeat;
 width: 896px;
 float: left;
 padding: 0px;
 height: 450px;
 margin: 0px 0px 0px 0px;
}

#top {
	float:left;
	width:894px;
	padding:0px 0px 0px 0px;
	border:none;}

#smenu {
	height:80px;
	float:right;
	width:294px;
	padding:0px 0px 0px 0px;}
	
#domki {
 float: left;
 height:80px;
 width:110px;
 padding:0px 0px 0px 0px;
}

#domki a {
display:block;
background:transparent url(../images/domki.jpg) no-repeat scroll 0 0;
height:80px;
width:110px;
float:left;
}

#domki a:hover {

background:transparent url(../images/domki.jpg) no-repeat scroll left -80px;
float:left;
color:#FFF;
}
#domki a.selected
{
background:transparent url(../images/domki.jpg) no-repeat scroll left -80px;
float:left;
color:#FFF;
}
#domki .end {
	float:left;}
	

#domki a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
display:block;
padding-top:15px;
text-align:center;
}

#telefon {
 float: left;
 height:80px;
 width:71px;
 padding:0px 0px 0px 0px;
}

#telefon a {
display:block;
background:transparent url(../images/telefon.jpg) no-repeat scroll 0 0;
height:80px;
width:71px;
float:left;
}

#telefon a:hover {

background:transparent url(../images/telefon.jpg) no-repeat scroll left -80px;
float:left;
color:#FFF;
}
#telefon a.selected 
{
background:transparent url(../images/telefon.jpg) no-repeat scroll left -80px;
float:left;
color:#FFF;
}
#telefon .end {
	float:left;}
	

#telefon a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
display:block;
padding-top:15px;
text-align:center;
}

#poczta {
 float: left;
 height:80px;
 width:112px;
 padding:0px 0px 0px 0px;
}

#poczta a {
display:block;
background:transparent url(../images/poczta.jpg) no-repeat scroll 0 0;
height:80px;
width:112px;
float:left;
}

#poczta a:hover {

background:transparent url(../images/poczta.jpg) no-repeat scroll left -80px;
float:left;
color:#FFF;
}
#poczta a.selected
{
background:transparent url(../images/poczta.jpg) no-repeat scroll left -80px;
float:left;
color:#FFF;
}
#poczta .end {
	float:left;}
	

#poczta a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
display:block;
padding-top:15px;
text-align:center;
}

#navigation {
 float: left;
 height:75px;
 width:897px;
 padding:0px 0px 0px 0px;
 text-align:center;
}

#firma {
 float: left;
 height:77px;
 width:184px;
 padding:0px 0px 0px 0px;
 background-image:url(../images/lewy.jpg);}


#omnie {
 float: left;
 height:77px;
 width:176px;
 padding:0px 0px 0px 0px;
}

#omnie a {
display:block;
background:transparent url(../images/omnie.jpg) no-repeat scroll 0 0;
height:77px;
width:176px;
float:left;
}

#omnie a:hover {

background:transparent url(../images/omnie.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#omnie a.selected
{
background:transparent url(../images/omnie.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#omnie .end {
	float:left;}
	

#omnie a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
display:block;
padding-top:20px;
text-align:center;
}

#realizacje {
 float: left;
 height:77px;
 width:176px;
 padding:0px 0px 0px 0px;
}

#realizacje a {
display:block;
background:transparent url(../images/realizacje.jpg) no-repeat scroll 0 0;
height:77px;
width:176px;
float:left;
}

#realizacje a:hover {

background:transparent url(../images/realizacje.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#realizacje a.selected
{
background:transparent url(../images/realizacje.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#realizacje .end {
	float:left;}
	

#realizacje a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
display:block;
padding-top:20px;
text-align:center;
}

#projekty {
 float: left;
 height:77px;
 width:176px;
 padding:0px 0px 0px 0px;
}

#projekty a {
display:block;
background:transparent url(../images/projekty.jpg) no-repeat scroll 0 0;
height:77px;
width:184px;
float:left;
}

#projekty a:hover {

background:transparent url(../images/projekty.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#projekty a.selected
{
background:transparent url(../images/projekty.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#projekty .end {
	float:left;}
	

#projekty a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
display:block;
padding-top:20px;
text-align:center;
}

 
 #kontakt {
 float: left;
 height:77px;
 width:184px;
 padding:0px 0px 0px 0px;
}

#kontakt a {
display:block;
background:transparent url(../images/kontakt.jpg) no-repeat scroll 0 0;
height:77px;
width:184px;
float:left;
}

#kontakt a:hover {

background:transparent url(../images/kontakt.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#kontakt a.selected
{
background:transparent url(../images/kontakt.jpg) no-repeat scroll left -77px;
float:left;
color:#FFF;
}
#kontakt .end {
	float:left;}
	

#kontakt a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
display:block;
padding-top:20px;
text-align:center;
}
 
 


#leftcolumn { 
 height: auto;
 width: 547px;
 float: left;
 padding:25px 0px 0px 0px;
 margin-bottom:25px;
}

#left {
	height:auto;
	width:448px;
	background-image:url(../images/left.jpg);
	background-repeat: no-repeat;  
	background-color:#030303;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:justify;
	padding:90px 25px 25px 25px;}
#leftb {
	height:24px;
	width:498px;
	background-image:url(../images/left_bottom.jpg);
	background-repeat:no-repeat;
	background-color:#030303;
}
.auto {
	margin:20px 0px 20px 25px;
	border:none;}
#rightcolumn {
 float: left;
 height: auto;
 width: 350px;
 padding:25px 0px 0px 0px;
}
#right {
 height: auto;
 width: 300px;
 background-image:url(../images/right.jpg);
 background-repeat:no-repeat;
 background-color:#030303;
 padding:90px 25px 10px 25px;
 color:#FFF;
 text-align:center;
 }
#rightb {
	height:24px;
	width:350px;
	background-image:url(../images/right_bottom.jpg);
	background-repeat:no-repeat;
	background-color:#030303;
}
	
#footer { 
 width:878px;
 height:77px;
 background-image:url(../images/footer.jpg);
 background-repeat:no-repeat;
 text-align:center;
 clear: both;
 color:#ffc600;
 margin: 25px 0px 20px 0px;
 padding:0px 20px 0px 0px;

}
#name {
	float:left;
	font-size:12px;
	font-weight:bold;
	padding:30px 0px 0px 25px;}

#menuq a {
font-size:12px;
font-weight:bold;
color:#ffc600;
text-decoration:none;
float:right;
padding:30px 5px 20px 5px; 
display:inline;
}

#menuq a:hover {
color:#FFF;
}
#menuq a.selected
{
color:#FFF;
}


#galery a {
	outline: none;
}

#galery a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 8px 10px 12px;
	vertical-align: top; 
}

#galery a img.last {
	margin-right: 0;	
}



#h1 {
	margin: 0px 0px 15px 11px;
	font-size: 30px;
	font-weight: bold;
	font-family: Arial;
}

#h2 {
	font-size: 15px;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: -0.05em;
}

#h3 { 
	text-align:center;
	font-size: 30px;
	font-weight: bold;
	font-family: Arial;
}

#h4 { 
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: -0.05em;
}

#h4 a {
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: -0.05em;
	color:#666;
	text-decoration:none;
	
}

#h4 a:hover {
color:#ffc600;
}
#h4 a.selected
{
color:#FFF;
}