* { margin: 0px; padding: 0px;}

body{
  font-family: "Times New Roman", "Trebuchet MS", Tahoma, serif;
  background-color: rgb(253,254,255);
  line-height: 140%;
  color: rgb(78,79,80);
}

a{
  color: rgb(222,33,96);
  text-decoration: none;  
  border-bottom: 1px rgb(228,229,230) solid;
  padding: 0px 3px;
}
a:hover{
  color: #FFF;
  background-color: rgb(222,33,96);
  border-color: rgb(216,65,116);
}
a.inactive{
	color: rgb(128,129,130);
}

h1{
  padding: 15px 0px 8px;
  font-size: 1.6em;
  font-weight: normal;
  color: rgb(170,200,0);
}
h2{
  padding: 22px 0px 4px;
  margin-top: 16px;
  font-size: 1.3em;
  font-weight: normal;
  border-top: 1px rgb(170,200,0) dotted;
}
h3{
  padding: 10px 0px 4px;
  font-size: 1.25em;
  font-weight: normal;
}
#left h3{
  font-size: 1.15em;
}
strong{
  font-weight: normal;
/*  background-color: rgb(243,244,245); */
  padding: 0px 3px; 
}
strong.green{
  background-color: rgb(170,200,0);
  font-size: 1.2em;
  color: #FFF;
}
.clear{
  clear: both;  
}


.wraper{
  width: 960px;
  margin: 0px auto;  
}




.menu_bg{
  float: left;
  width: 100%;
  background-color: rgb(38,39,40);
}
#menu{
  width: 960px;
  margin: 0px auto;
  list-style: none;
}
#menu li{
  float: left;
}
#menu a{
  display: block; 
  float: left;
  padding: 10px 20px;
  text-decoration: none;
  color: #FFF;
  border-right: 1px rgb(18,19,20) solid;
  border-bottom: none;
}
#menu a span{
  color: rgb(238,239,240);
}  
#menu a:hover{
  color: #FFF;
  background-color: rgb(222,33,96);
}
#menu a.active{
  color: rgb(38,39,40);
  background: rgb(254,251,252);
}



#top{
  float: left;
  width: 100%;
  background: url(../img/tlo2.gif) repeat center top;  
  border-bottom: 1px rgb(248,246,246) solid;
}
#top div.wraper{
  display: table;
  background: url(../img/sea.jpg) no-repeat 17px bottom;
}
#top img.boat{
  display: block;
  float: right;
  margin: 1px 30px 30px 20px;  
}


#logo{
  position: relative; left: 120px; top: 50px;
  margin: 0px;
  float: left;
  height: 120px; width: 400px;
  overflow: hidden;
}
#logo a{
  display: block; float: left;
  width: 100%;
  padding-top: 130px;
  background: url(../img/logo_wplyn1.png) no-repeat 0px 0px;
}
#logo a:hover{
  opacity: 0.7; 
  filter: alpha(opacity=70);
}




#content #left ul.oferta{
  list-style: none;
  padding: 0px; margin: 0px;
}
#content #left ul.oferta li{
  padding: 12px 0px 6px;
  background: url(../img/mark_oferta.gif) no-repeat 5px 16px;
  text-indent: 22px;
  font-size: 1.05em;
}  
#content #left ul.oferta a{
  font-size: 1.2em;
}

#content p.zajawka{
  font-size: 1.05em;
}

#content{
  float: left;
  width: 100%;
  padding: 15px 0px 25px;
}

#left{
  float: left;
  width: 560px;
  padding: 0px 40px 10px 10px;
    
}
#right{
  float: right;
  width: 340px;
  padding: 0px 0px 10px 0px;
}

#startowy{
  width: 310px;
  padding: 0px 14px 20px;
  margin: 10px 0px 0px;
  background-color: rgb(243,244,245);
  border: 1px rgb(238,239,240) solid;
}
#startowy h1{
  font-weight: normal;
  text-align: center;
}
#startowy h3.question{
  color: rgb(100,100,100);
  text-indent: 15px;
}
#startowy h3.answer{  
  text-align: right;  
  color: #000;
  padding-top: 10px;
}
#startowy h3.answer span{
  padding: 0px 5px;
  font-size: 1.3em;  
}
#startowy span.price{  
  display: block; float: right;
  font-size: 2.5em; padding: 10px 5px 10px; margin: -5px 0px -20px 2px;
  background-color: rgb(170,200,0);
  color: #FFF;
}


#content p{
  padding: 8px 0px 4px;
}

#right a.realizacje{
	display: block;
  position: relative;
  width: 326px; height: 285px;
  border: 2px rgb(243,241,241) solid;
  padding: 5px;
  margin-top: 10px;
  background: url(../img/klimasoft.jpg) no-repeat 5px 5px;
}
#right a.realizacje:hover{
	color: rgb(78,79,80);
}
#right a.realizacje span{
	display: block;
  position: absolute; bottom: 5px; left: 5px;
  width: 316px;
  padding: 5px;
  background-color: rgb(248,249,250);
}
#content ul{
  list-style: none;
  margin: 0px 0px 10px;
}
#content #right ul{
  padding: 4px 0px 20px;
  border-bottom: 1px rgb(170,200,0) dotted;
}
#content ul li{
  padding: 4px 0px 0px 22px;
  background: url(../img/mark_small.png) no-repeat 5px 9px;
  
}
#content #right ul li{
  font-size: 1.05em;
}
#content ul a{
  font-size: 1.05em;
}
#content ul a.active{
  color: rgb(78,79,80);
  background: none;
  border: none;
}

#content #right ul.realizacje{
  font-size: 0.9em;
}

#footer{
  float: left; width: 100%;
  padding: 10px 0px 40px;
  color: rgb(253,254,255);
  background-color: rgb(38,39,40);
}
#footer h2{
  margin: 0px; padding: 12px 0px 6px;
  border: none;
}
#footer .snap{
  float: left;
  width: 300px;
  padding: 0px 10px;
}
#footer ul{
  float: left;
  list-style: none;  
}
#footer a{
  border-color: rgb(58,59,60);  
}

#footer .copyright{
  clear: both;
  padding: 30px 10px 0px;
  color: rgb(158,159,160);
  font-size: 0.9em;  
}

#left div.realizacje img{
	display: block;
  border: 1px rgb(228,229,230) solid;
  padding: 4px;
}
#left div.realizacje a{
  padding: 0px; margin: 0px;
  border: none;
}
#left div.realizacje a:hover img{
  border-color: rgb(222,33,96);
  background-color: #FFF;
}

iframe.mapka{
  margin: 20px 0px 0px;
  padding: 4px;
  border: 1px rgb(228,229,230) solid;
  
}