/* CSS Document */

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

body{
width:100%;
text-align:center;
margin:0px;
padding:0px;
background-color:#3e322a;
background-image:url("../img/");
font-family:Tahoma;
}


#container{
margin:0 auto;
background-image:url("../img/content.jpg");
width:1000px;
height:747px;
padding:0px;
}


#foto{
width:800px;
height:521px;
background-image:url("../img/topfoto.jpg");

float:left;
margin-left:100px;
}

#form_tekst a{
color:#AC3C75;
text-decoration:none;

}

#przewijanie a{
color:#AC3C75;
text-decoration:none;
}

#kontakt{
width:800px;
height:521px;
background-image:url("../img/kontakt.jpg");

float:left;
margin-left:100px;
}


#oferta{
width:800px;
height:521px;
background-image:url("../img/oferta.jpg");

float:left;
margin-left:100px;
}



#o_mnie{
width:800px;
height:521px;
background-image:url("../img/o_mnie.jpg");

float:left;
margin-left:100px;
}


#polecam{
width:800px;
height:521px;
background-image:url("../img/polecam.jpg");

float:left;
margin-left:100px;
}


#referencje{
width:800px;
height:521px;
background-image:url("../img/referencje.jpg");

float:left;
margin-left:100px;
}


#srodek{
width:800px;
height:521px;
background-image:url("../img/srodek.jpg");

float:left;
margin-left:100px;


}


#galwejscie{
width:800px;
padding:0px;
margin-left:0px;

text-align:left;
float:left;
margin-top:100px;

}


#container2{
color:#fff;
background-color:#262021;
float:left;
margin-top:50px;
margin-left:50px;
position:relative;
width:255px;
height:360px;
overflow:hidden;
border:0px ridge white;

}

#content{
margin-left:30px;
position:absolute;
width:190px;
left:0px;
top:0px;


}


#przewijanie{
text-align:justify;
font-family:tahoma;
font-size:12px;
line-height:20px;
}



.pasek_menu{
float:left;
height:25px;
width:420px;
margin-top:0px;
margin-left:80px;
}

.pasek_menu_galeria{
float:left;
height:25px;
width:800px;
margin-top:-2px;
margin-left:0px;
color:#fff;
text-align:center;


}



.pasek_menu_galeria a{
color:#fff;
text-decoration:none;
}





.pasek_menu_galeria a:hover{
color:#fff;
text-decoration:underline;
background-color:#ac3c75;
}



.pasek_menu2{
float:left;
height:25px;
width:900px;
margin-top:107px;
margin-left:80px;



}




.pasek_menu a{
color:#fff;
text-decoration:none;
}





.pasek_menu a:hover{
color:#fff;
text-decoration:underline;
}


.pasek_menu2 a{
color:#fff;
text-decoration:none;
}


.pasek_menu2 a:hover{
color:#fff;
text-decoration:underline;
}


#dol1{
float:left;
margin-left:20px;
width:95px;
height:20px;


background-color:#822c58;
}

#dol2{
float:left;
margin-left:7px;
width:95px;
height:20px;
background-color:#822c58;
}

#dol3{
float:left;
margin-left:7px;
width:95px;
height:20px;
background-color:#822c58;
}

#dol4{
float:left;
margin-left:7px;
width:94px;
height:20px;
background-color:#822c58;
}



#dol1:hover{
float:left;
margin-left:20px;
width:95px;
height:20px;


background-color:#ac3c75;
}

#dol2:hover{
float:left;
margin-left:7px;
width:95px;
height:20px;
background-color:#ac3c75;
}

#dol3:hover{
float:left;
margin-left:7px;
width:95px;
height:20px;
background-color:#ac3c75;
}


#gal1{
float:left;
margin-left:14px;
width:245px;
height:20px;

color:#fff;
background-color:#822c58;
}

#gal2{
float:left;
margin-left:19px;
width:245px;
height:20px;
background-color:#822c58;
color:#fff;
}

#gal3{
float:left;
margin-left:20px;
width:245px;
height:20px;
background-color:#822c58;
color:#fff;
}


#gal1:hover{
float:left;
margin-left:14px;
width:245px;
height:20px;

color:#fff;
background-color:#ac3c75;
}

#gal2:hover{
float:left;
margin-left:19px;
width:245px;
height:20px;
background-color:#ac3c75;
color:#fff;
}

#gal3:hover{
float:left;
margin-left:20px;
width:245px;
height:20px;
background-color:#ac3c75;
color:#fff;
}


#gora1{
float:left;
margin-left:420px;
width:95px;
height:20px;
background-color:#822c58;
margin-top:5px;
}

.gora2{
float:left;
margin-left:7px;
width:95px;
height:20px;
background-color:#822c58;
margin-top:5px;
}

#gora1:hover{
float:left;
margin-left:420px;
width:95px;
height:20px;
background-color:#ac3c75;
margin-top:5px;
}

.gora2:hover{
float:left;
margin-left:7px;
width:95px;
height:20px;
background-color:#ac3c75;
margin-top:5px;
}


#gora3{
float:left;
margin-left:10px;
width:100px;
height:20px;
background-color:#822c58;
}
#gora4{
float:left;
margin-left:10px;
width:100px;
height:20px;
background-color:#822c58;
}



#form{
float:left;
color:#fff;
width:400px;
height:380px;
font-size:12px;
margin-top:130px;
}


#form_tekst{
float:left;
margin-top:100px;
width:352px;
height:400px;
color:#fff;
font-size:12px;
margin-left:40px;

}

.inputs{
width:350px;
height:30px;
background-color:#3a302d;
border:0px solid;
color:#fff;
float:left;
margin-top:2px;
margin-left:28px;
font-size:20px;

}

#polewiadmosci{
width:350px;
height:160px;
background-color:#3a302d;
border:0px solid;
color:#fff;
float:left;
margin-top:2px;
margin-left:28px;
font-size:16px;
overflow: auto;


}


.form_naglowek{
margin-left:28px;
color:#fff;
float:left;
width:350px;
text-align:left;
margin-top:8px;
}


#wyslij{
width:47px;
height:18px;
float:left;
background-color:#3a302d;
border:0px solid;
color:#fff;
margin-top:5px;
margin-left:331px;


}

#all{

background-color:#262021;
float:left;
height:125px;
min-width:1000px;

 width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : (document.documentElement.clientWidth > 2280 ? "2280px" : '100%')) : (document.body.clientWidth < 1000 ? "1000px" : (document.body.clientWidth > 2280 ? "2280px" : '100%')));
width: 100%;

}

#all2{
width:50%;
background-color:#493c33;
height:100%;
float:left;
min-width:500px;


}