/*

    http://www.drewniane-domy.eu/css/main.css
      by Efrenzy Interactive Webdesign&SEO
      
    Michał Kowalski 2008 -- improved gamma ver
    
*/

body { 

    margin: 0;
    padding: 0;
    background-color: #99cc33;
    
    background-image: url(../images/top-bg2.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

a { text-decoration: none; color: #cc9933;}
p {
	text-align: justify;
	line-height: 150%;
	font-family: Verdana;
	color: #333366;
	font-size: .8em;
	padding: 5px 15px 5px 25px;
}
h1,h2,h3,h4 { margin: 0 0 0 15px; padding: 0; font-size: 1.3em; font-family: "Trebuchet MS";}
div { overflow: hidden;}
img { border: none; vertical-align: top;}
li { font-size: 12px;}

/*div's*/

#container { 

    width: 850px;
    height: auto !important;
    min-height: 800px;
    
    background-color: /*#efefef*/#fff;
    border: 4px solid #fff;
    
    margin-left: 70px;
    margin-top: 15px;
    margin-bottom: 25px;
    
}

#header { height: 280px; border-bottom: 3px solid white;
background-image: url(../images/wooden-bg.jpg); background-repeat: no-repeat; background-position: top right;}

#logo {float: left; background-image: url('../images/baner.jpg'); width: 410px; height: 200px; background-repeat: no-repeat; margin-left: 50px;}

#nav-top {

	float: left;
  vertical-align: bottom;
  width: 700px;
  height: 65px; /*good slogan display*/
  margin: 15px 49px 10px 20px; 
  padding: 0 0 0 0;
  
}

#nav-top ul{
   
	margin: 5px 0 10px 10px; padding: 18px 0 0 0;
	/*display: inline;*/
	list-style-type: none;
	width: 690px;
 	height: 80px;
 /*	background-image: url(../images/);
 	background-repeat: repeat-x;
 	background-color: #31461b;*/
 	
}
#nav-top ul li {display: inline; padding-left: 0px; height: 60px;}
#nav-top ul li a { 
  
  color: #0a140b; 
  margin: 4px;
  padding-top: 10px;
  Padding-right: 5px;
  
  font-family: "Georgia";
  font-size: 1.3em;
  font-weight: bold;
  height: 60px;
  
}
#nav-top ul li a:hover {color: orange;}
#nav-top ul li a.current {border-bottom: 1px solid white;}

#main {
  
	width: 840px;
	margin-left: 1px;
	padding-top: 20px;
	padding-bottom: 50px;
	
	background-color: #efefef;
	border-top: 3px solid orange;

}
#main a {border-bottom: 1px dotted;}
#main img { border: 1px solid grey; margin-bottom: 15px;}
#main ul li { font-family: Verdana; color:black; margin:5px 0 10px 0; color: #333366;}
#main1 {float: left; width: 605px;}
#main1 h2 { color: #cc9933;}
#main2 { width: 230px; border-left: 1px solid white;}
#main2 h2 {margin: 0;}
#main2 h3 { color: #3299CC;}
#main2 p {margin: 5px 0 5px 0; padding: 0; width: 170px; padding: 5px;}
#foto {margin-left: 30px; width: 250px;}

#fotos {

    width: 600px;
    height: auto !important;
    min-height: 110px;
    
    margin: 15px 0 15px 40px; /*border: 1px dotted #fff;*/

}
#fotos p { color: #3e3e3e;}
#fotos img { width: 150px; height: 100px; margin: 5px; border: 1px solid #3e3e3e;}


#domek {margin: 25px;}

#kontakt {margin: 25px; padding: 5px; background-color: #e0e0e0; border: 3px solid #f6f6f6;}
#kontakt p {margin: 0; padding: 0;}
#kontakt h3 {margin: 0; padding-bottom: 10px; color: #4c4c4c;}

#mapa { margin: 25px; padding: 5px;}

#galeria { margin: 10px; padding-top: 5px; 
background-color: 	#fbfbfb; background-image: url(../images/content-bg.jpg); background-repeat: repeat-x;
text-align: center;}
#galeria img { border: 3px solid #ADEAEA;}
#galeria img:hover { border: 3px solid orange;}
#galeria a { font-weight: bold; margin-bottom: 10px; padding: 6px;}

#cennik { width: 800px; margin: 35px;}

#footer {margin: 25px;}

/*class*/
.top_logo { 

	margin-right: 0; padding-right: 0;
    color: /*#cccc00*/#ff9900;    
    font-size: 1.4em;
}
.top2_logo { color: #ff9900; font-size: 1em; padding-bottom: 10px; width: 200px;}
.slogan {padding: 128px 0 0 0 ; margin: 15px; font-size: 14px; color: #3d3d3d;}

.left {float: right; vertical-align: top;}
.right {float: right;}

.pakiet { 
  
  background-image: url(../images/pakiet_p2.jpg); 
  background-repeat: no-repeat; 
  color: green; 
  padding: 20px;
  padding-left: 60px;
  padding-top: 20px;
  font-weight: bold;
  border: 3px solid gray;
}
.pakiet:hover { border: 3px solid #99ff00;}
.projekt { margin-left: 10px;}
.monika {float: right; border-right: 1px solid black; margin-right: 200px;}
.tlo {background-color: #ccff66;}
.small { font-size: .8em;}


.l { float: left;}
.cls { clear: both;}
.go { font-size: 1.1em; color: green; text-decoration: underline;}
.go2 { font-size: 1.1em; color: #7bcf19; text-decoration: underline;}
.label { width: 230px; height: auto; display: inline-block;}
.tst { width: 100px;}
.offer-box { width: 160px; display: inline-block; margin: 2px 2px 4px 2px; color: #3e3e3e; border: 1px solid silver; background-color: #fff;}
.list { margin-left: 40px; list-style-type: none; color: #e3e3e3; font-size: .9em;}
p.rzut img { width: 405px;}