/* css document */

body{
background-color:rgb(192,190,190);
font-family:Calibri;
background-image:url(../images/tlo-ie8.jpg);
margin-top:0px;
}

#pagecontainer {
text-align:center;
height:auto;
}

#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);
}


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: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;
}

#dom{
background-image:url(../images/mattec-podstrona_04.jpg);
background-color:rgb(33,33,33);
width:987px;
height:206px;
float:left;
}

#domek{
width:571px;
height:206px;
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;
}

#maincol{
background-color:white;
width:987px;
height:auto;
float:left;
}



#animacja{
width:300px;
height:270px;
position:relative;
top:10px;
left:20px;
float:left;
}

#menu{
width:320px;
margin-left:0px;
height:auto;

}

#leftcol{
width:320px;
height:auto;
float:left;
}

#prawacol{
width:630px;
height:auto;
float:left;
}

#main{
background-color:white;
width:627px;
height:auto;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
float:left;
}

#menu_header{
background-image:url(../images/menu_01.jpg);
width:300px;
height:35px;
}

#menu_content{
background-image:url(../images/menu_02.jpg);
width:300px;
height:auto;
color:rgb(115,115,115);
margin-top:0px;
}

#menu_footer{
background-image:url(../images/menu_03.jpg);
width:300px;
height:23px;
}

.menu_link{
width:200px;
margin-left:50px;
margin-top:10px;
margin-bottom:10px;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
}

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;
}



h4{
color:rgb(97,97,97);
margin-left:30px;
margin-top:0px;
margin-bottom:0px;
text-align:middle;
padding:8px;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
}

.naglowek{
width:627px;
}

.tekst{
width:627px;
height:auto;
}

.firma{
width:200px;
height:170px;
margin-right:9px;
float:left;
}

.firma_nagl{
width:200px;
height:auto;
background-color:rgb(217,217,217);
text-align:center;
}

.firma_logo{
width:auto;
margin-left:auto;
margin-right:auto;

}


h3{
color:rgb(97,97,97);
margin-top:0px;
margin-bottom:0px;
text-align:middle;
font-family:calibri;

}

#footer{
background-color:rgb(217,217,217);
width:987px;
height:20px;
float:left;
margin:auto;
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);
}


p.wstep{
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;

color:rgb(80,80,80);
text-align:justify;
line-height: 0.55cm;
}

.tabela{
width:150px;
height:auto;
float:left;
}



.mapa{
width:425px;
height:auto;
}

.mapka{
float:left;
}

.ramka{
width:425px;
float:left;
position:relative;
left:40px;
}

table{
font-family:calibri;
font-size:12px;
color:rgb(115,115,115);
}

.oferta{
color:rgb(81,81,81);
width:375px;
height:300px;
margin-top:10px;
margin-left:0px;
}

.of_1{

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

.of_2{

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

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

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

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

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

.f_img{
border:none;
width:auto;
}

.produkt{
width:250px;
height:300px;
position:relative;
left:90px;
float:left;
}

.produkt_nagl{
width:200px;
height:auto;
background-color:rgb(217,217,217);
text-align:center;
}

.produkt_zdj{
width:250px;
margin-left:auto;
margin-right:auto;
float:left;
}

input{
color:rgb(115,115,115);
border:none;
background-color:rgb(228,228,228);
}

input.submit{
font-family:calibri;
font-size:13px;
font-weight:bold;
color:rgb(115,115,115);
border:none;
width:110px;
background-color:rgb(255,255,255);
}

textarea{
color:rgb(115,115,115);
border:none;
background-color:rgb(228,228,228);
}
.copyright2{
font-size:12px;
text-align:center;
}


.male {
	color:#CCC;
	font-size:12px;
}
.fotka {
	float:left;
	margin:5px;
}
.clear {
	clear:both;
}