/* CSS Document */

body{
background-color:rgb(234,231,231);
font-family:Calibri;
}

#pagecontainer {
text-align:center;
}

#page { 
width:987px; 
height:auto;
margin-left:auto;
margin-right:auto;
text-align:left;

}

#logo{
background-image:url(../images/mattec-moje_01.jpg);
width:270px;
height:114px;
float:left;
}


#header{
background-image:url(../images/mattec-moje_02.jpg);
width:717px;
height:68px;
float:left;
}

#buttony{
background-image:url(../images/buttony.jpg);
width:717px;
height:46px;
float:left;
}

.but{
float:left;
margin-top:14px;
width:143px;
text-align:center;
font-family:Calibri;
font-size:15px;
color:rgb(215,215,215);
}



#pole{
width:350px;
height:120px;
background-color:white;
}

a:link{
color:rgb(215,215,215);
text-decoration:none;
}

a:visited{
color:rgb(215,215,215);
text-decoration:none;
}

a:hover{
color:rgb(250,216,20);
text-decoration:none;
}

a:active{
color:rgb(250,216,20);
text-decoration:none;
}

a.active:link{
color:rgb(250,216,20);
text-decoration:none;
}

a.active:visited{
color:rgb(250,216,20);
text-decoration:none;
}

a.active:hover{
color:rgb(250,216,20);
text-decoration:none;
}

a.ctive:active{
color:rgb(250,216,20);
text-decoration:none;
}


a.m_link:link{
color:rgb(97,97,97);
text-decoration:none;
}

a.m_link:visited{
color:rgb(115,115,115);
text-decoration:none;
}

a.m_link:hover{
color:rgb(250,216,20);
text-decoration:none;
}

a.m_link:active{
color:rgb(250,216,20);
text-decoration:none;
}

#domek{
background-image:url(../images/mattec-moje_04.jpg);
width:571px;
height:351px;
float:left;
}

#right{
background-image:url(../images/mattec-moje_05.jpg);
width:416px;
height:206px;
float:left;
}

.logoski{
width:416px;
height:105px;
margin-top:47px;
}

#rightcol{
width:416px;
height:932px;
float:right;
background-color:white;
}

#leftcol{
width:571px;
height:auto;
float:left;
background-color:white;
}

.oferta{
color:rgb(97,97,97);

width:375px;
height:300px;
position:relative;
left:40px;
top:10px;


}

.of_1{

width:150px;
height:75px;
margin-top:10px;
margin-right:25px;
float:left;
}

.of_2{

width:150px;
height:75px;
margin-top:10px;
margin-left:0px;
margin-right:5px;
float:left;
}
.of_3{

width:150px;
height:75px;
margin-top:10px;
margin-right:25px;
float:left;
}
.of_4{

width:150px;
height:75px;
margin-top:10px;
margin-left:0px;
margin-right:5px;
float:left;
}
.of_5{

width:150px;
height:75px;
margin-top:10px;

margin-right:25px;
float:left;
}
.of_6{
background-image:url(../images/oferta_06.jpg);
width:150px;
height:75px;
margin-top:10px;
margin-left:0px;
margin-right:5px;
float:left;
}

img{
border-color:rgb(215,215,215);
}

#animacja{
width:300px;
height:250px;
margin-top:25px;
margin-left:55px;
}

#left{
position:relative;
left:20px;
width:200px;
float:left;
}

#main{
background-color:white;
width:320px;
height:auto;
position:relative;
left:50px;
float:left;
}

p.wstep{
font-family:Calibri;
font-size:13px;
color:rgb(80,80,80);
text-align:justify;
line-height: 0.50cm;
}

h3{

color:rgb(97,97,97);
width:225px;
margin-top:0px;
margin-bottom:10px;
text-align:middle;
font-family:Calibri;

}

#footer{
background-color:rgb(217,217,217);
width:987px;
height:20px;
float:left;
margin-bottom:20px;
}

.foot_link{
float:left;
width:80px;
font-size:13px;
margin-left:10px;
margin-top:2px;
text-align:center;
}

.copyright{
float:left;
width:auto;
font-size:13px;
margin-left:360px;
margin-top:2px;
text-align:center;
color:rgb(97,97,97);
}