body 
{ 
margin:0px;
background:#4c3d24 ;
color: #392e1d;
font-family: Verdana, Arial, Helvetica; 
font-size: x-small; 
}
img
{
border: 0px;
}

table
{
border: 0px;
margin: 0px;
}





.sklepik1
{

position: relative;
display: block;
margin-left: 0px;
width: 100%;
height: 242px;
background-image:url('images/tlo1.jpg');
background-position: center;
}

.sklepik1 #cont
{
position: absolute;
display: block;
left:50%;
width: 950px;
margin-left: -475px;
height: 242px;

}



.sklepik3
{

position: absolute;
display: block;
background-image:url('images/shop.png');
top: 0px;
left: 0px;
margin: 0 0px;
width: 243px;
height: 91px;
}

.rekomend
{

position: absolute;
display: block;
background-image:url('images/klima tech rekomendowana firma.png');
top: 110px;
right: 20px;
margin: 0 0px;
width: 133px;
height: 84px;
}

.rekomend:hover
{

position: absolute;
display: block;
background-image:url('images/klima tech rekomendowana firma.png');
background-position: 0px 90px;
top: 118px;
right: 20px;
margin: 0 0px;
width: 133px;
height: 76px;
}





.sklepik1_2
{

position: relative;
display: block;
margin-left: 0px;
width: 100%;
height: 425px;
background-image:url('images/tlo1_2.jpg');
background-position: center;
}

.sklepik1_2 #cont2
{
position: absolute;
display: block;
left:50%;
width: 950px;
margin-left: -475px;
height: 423px;
padding-top:12px;
}


.bos
{
position: absolute; 
display: block;
width:67px;
height: 64px;
left:70px; 
top: 135px;
background-image:url('images/bos2.png');
z-index:30;
}

.bos:hover
{
position: absolute; 
display: block;
width:284px;
height: 124px;
left:59px; 
top: 113px;
background-image:url('images/bos1.png');
}





.bos2
{
position: absolute; 
display: block;
width:120px;
height: 96px;
left:-15px; 
top: 105px;
background-image:url('images/sprawdz.png');
}


.jmts{
position: absolute; 
display: block;
width:92px;
height: 103px;
right:-72px; 
top: 292px;
background-image:url('images/jmatysiak.png');
}







.zawartosc_strony { position: absolute; left:0; top: 15px; margin-top: 40px; width: 670px; height: 360px;  z-index: 1;}

h1, h2, h3, h4, h5 {font-size: x-small; display: inline; }

.startcontent {position: absolute; right:0; top:0px; padding-top: 10px; display: block; height: 330px; font-size: 15px;  font-family: Calibri; width: 380px; margin-right:50px; border-left-width: thin; border-left-style: dotted; z-index: 205;}


.startcontent p { display: inline; font-weight: bold; }
.startcontent h1 { display: inline; font-size: 15px; font-weight: bold; font-family: Calibri;}

#foterstartu { display: inline; font-size: 13px; font-weight: bold; font-family: Calibri;}

.startcontent2 {position: absolute; right:0; top:10px; display: block; height: 335px; width: 633px; }
#co { position: absolute; left:0; top:0px; font-size: 19px; font-family: Calibri; text-decoration: underline; margin: 0 0 0 10px; }


.startcontent2 p { display: inline; font-size: 15px; font-weight: bold; font-family: Calibri;}
.startcontent2 #pepe { display: inline; font-size: 17px; font-weight: bold; font-family: Calibri;}


.startcontent2 #telemorele { position: absolute; left:0; bottom:0px; border-width: 0px; margin: 0 0 0 0px; }
.contactcontent1 { position: absolute; left:127px; line-height: 18px; top:25px; width: 200px;  text-align: right; font-family: Calibri; font-size: 15px;}
.contactcontent1 a { font-size: 15px; color: #392e1d; }
.contactcontent2 { position: absolute; left:345px; line-height: 18px; top:25px; width: 300px;  text-align: left; font-family: Calibri; font-size: 15px;}

#formularzkontakt { position: absolute; left:200px; bottom:-23px; border-width: 0px; margin: 0 0 0 0px; }





#back

{
margin: 0px;
position: relative;
display: inline-block;
width: 190px;
height: 170px;
vertical-align:middle;
}














.now1{position: absolute; display: block; width: 115px; height:95px; left:-10px; top:40px; vertical-align:middle; border-bottom-width: thin; border-bottom-style: dotted; z-index: 50;} 
.now1_2{position: absolute; display: block; padding-left: 10px; width: 260px; height:95px; left:105px; top:40px; border-bottom-width: thin; border-bottom-style: dotted; vertical-align:middle;z-index: 100;} 



.now2{position: absolute; display: block; width: 115px; height:95px; left:-10px; top:140px;  border-bottom-width: thin; border-bottom-style: dotted; z-index: 50;} 
.now2_2{position: absolute; display: block; padding-left: 10px; width: 260px; height:95px; left:105px; top:140px;  border-bottom-width: thin; border-bottom-style: dotted; z-index: 100; } 


.now3{position: absolute; display: block; width: 115px; height:95px; left:-10px; top:240px; vertical-align:middle; border-bottom-width: thin; border-bottom-style: dotted; z-index: 50;} 
.now3_2{position: absolute; display: block; padding-left: 10px; width: 260px; height:95px; left:105px; top:240px; border-bottom-width: thin; border-bottom-style: dotted; z-index: 100;} 























a.menu
 {
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: normal;
text-decoration: none;
cursor:pointer;

}

a.menu:link 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: normal;
text-decoration: none;
cursor:pointer;
}

a.menu:visited 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: normal;
text-decoration: none;
cursor:pointer;
}

a.menu:hover 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: #c0f4a9;
font-weight: normal;
text-decoration: none;
cursor:pointer;

}


a
 {
color: #392e1d;
font-weight: normal;
text-decoration: underline;
cursor:pointer;

}

a:link 
{ 
color: #392e1d;
font-weight: normal;
text-decoration: underline;
cursor:pointer;
}

a:visited 
{ 
color: #392e1d;
font-weight: normal;
text-decoration: underline;
cursor:pointer;
}


a:hover 
{ 
color: #392e1d;
font-weight: normal;
text-decoration: none;
cursor:pointer;

}




a.green
 {
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: #60a129;
font-weight: normal;
text-decoration: underline;
cursor:pointer;

}

a.green:link 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: #60a129;
font-weight: normal;
text-decoration: underline;
cursor:pointer;
}

a.green:visited 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: #60a129;
font-weight: normal;
text-decoration: underline;
cursor:pointer;
}


a.green:hover 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: #60a129;
font-weight: normal;
text-decoration: none;
cursor:pointer;

}

















a.menu3
 {
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: bold;
text-decoration: none; 
cursor:pointer;
}



a.menu3:link 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: bold;
text-decoration: none; 
cursor:pointer;
text-valign: middle;
}

a.menu3:visited 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: bold;
text-decoration: none; 
cursor:pointer;
text-valign: middle;

}


a.menu3:hover 
{ 
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: bold;
text-decoration: none; 
cursor:pointer;
text-valign: middle;

}




.men1actual
 {
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: bold;
text-decoration: none;
text-valign: middle;
}

.men2actual
 {
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: white;
font-weight: bold;
text-decoration: underline;
text-valign: middle;
}




.menuactive
{
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: #c0f4a9;
font-weight: normal;
text-decoration: none;
text-valign: middle;
}










.tekst
{
font-family: Verdana, Arial, Helvetica;
font-size: x-small;
color: saddlebrown;
line-height: 0.5cm;

}




.tekst h1
{ 
font-size: x-small; 
display:inline;
font-weight: bold;
}




.tekstletter
{
font-family: Verdana, Arial, Helvetica;
font-size: xx-small;
color: saddlebrown;
line-height: 0.5cm;

}








.tekst2
{
font-family: Verdana, Arial, Helvetica;
font-size: 9;
color: saddlebrown;
line-height: 0.5cm;
text-align: right;
text-valign: middle;
text-weight: bold;
}

.stopka
{
font-family: Verdana, Arial, Helvetica;
font-size: 9;
color: white;
text-align: right;
text-valign: middle;
text-weight: bold;
}



.separator
{
font-family: Verdana, Arial, Helvetica;
font-size: 12;
color: white;
text-align: right;
text-valign: middle;
text-weight: bold;
}



h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: saddlebrown;
display: inline;
margin: 0px;
padding: 0px;
}


p.mts 
{
position: absolute;
right: 0px;
left: 750px; 
bottom: 0%;
} 

.input {
border: 1px solid black;
background: white;
font-family: Verdana, Arial, Helvetica;
font-size: x-small;
color: black;
text-decoration: none; 
display: inline;
width: 150px;

}

.form {
display: inline;

}


.button {
    border: 1px solid white;
    background: #b2a07c;
font-family: Verdana, Arial, Helvetica;
font-size: x-small;
color: white;
font-weight: bold;
text-decoration: none; 
cursor:pointer;
display: inline;

}
.button:hover {
    border: 1px solid white;
    background: #C4B9A4;
font-family: Verdana, Arial, Helvetica;
font-size: x-small;
color: white;
font-weight: bold;
text-decoration: none; 
cursor:pointer;
display: inline;

}


#newsrama
{
margin:20px 50px 0px 345px;
border-right-width: thin; border-right-style: solid;
height: 300px;
color: saddlebrown;
position:absolute;
}




.news3 
{
margin:20px 0px 0px 355px;
font-size:xx-small;
width:400px;
color: saddlebrown;
text-align: justify;
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
}
.news3 a {font-size: 12px;}






#newsletter
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
margin:0px auto;
color: #6b4424;
width: 100%;
position:relative;
display: inline;
background: #b9e04b;
}

.shopex
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
margin:0px auto;
color: #ffffff;
width: 100%;
position:relative;
display: inline;
background: #3188f2;
}
.shopex a 
{
text-decoration: underline;
font-weight: bold;
color: #ffffff;
}


.mail
 {

font-family: Verdana, Arial, Helvetica;
font-size:xx-small;
color: white;
font-weight: bold;
text-decoration: none;
display: inline;
}



.mail2
 {
font-size:xx-small;
color: white;
font-weight: bold;
display: inline;
}



.galle
{
position: absolute;
display:block;
right: 50px;
top: 55px;
width: 580px;
height: 270px;
text-align: center;
}

.galle2
{
position: absolute;
display:block;
right: 55px;
top: 70px;
width: 500px;
height: 270px;
text-align: center;
}

.galle3
{
position: absolute;
display:block;
left: 100px;
top: 55px;
width: 500px;
height: 270px;
text-align: left;
font-size: 15px; font-weight: normal; font-family: Calibri;color: #392e1d;
}




.galle h1
{
position: absolute;
display:block;
right: 370px;
top: -30px;
width: 200px;
height: 20px;
text-align: left;
}


.galle img
{
border-style:solid;
border-width: 2px;
border-color: white;
margin: 1px 0px;
}



.gale
{

position: relative;
display: inline-block;
padding: 0;
text-align: right;
vertical-align: middle;
margin: 0 0px;
width: 160px;
height: 130px;
text-align: left;
font-weight: bold;
}

.gale span
{
display: inline-block;
text-align: right;
width: 149px;
}

#gala
{
display: inline;
margin 0;
padding 0;
text-decoration: none;
cursor:pointer;
}

#meniii {position: absolute; margin-top: 3px; height: 10px; display: block; width: 970px; }

.menunizej {
background: #C4B9A4;
width: 900px;
padding-right: 260px;
margin: 0 auto;
z-index: 2;
margin-top: 3px;
height: 10px;
border: none;
filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;

}

.sklepik2 a { border: 0px;}


.realizacje {position: absolute; display: block; width: 234px; height:132px; right:20px; top:257px;} 




.nowosci1{position: absolute; display: block; width: 115px; height:107px; left:-55px; top:-15px; } 
.nowosci1_2{position: absolute; display: block; width: 184px; height:62px; left:50px; top:13px;  border-bottom-width: thin; border-bottom-style: dotted;} 


.nowosci2{position: absolute; display: block; width: 118px; height:118px; left:-55px; top:73px; } 
.nowosci2_2{position: absolute; display: block; width: 184px; height:87px; left:50px; top:103px;  border-bottom-width: thin; border-bottom-style: dotted;} 

.nowosci3{position: absolute; display: block; width: 148px; height:95px; left:-90px; top:177px; } 
.nowosci3_2{position: absolute; display: block; width: 184px; height:62px; left:50px; top:202px;  border-bottom-width: thin; border-bottom-style: dotted;} 

.nowosci4{position: absolute; display: block; width: 105px; height:104px; left:-45px; top:250px; } 
.nowosci4_2{position: absolute; display: block; width: 184px; height:80px; left:50px; top:275px;  } 






