body{
font-family: trebuchet MS, Helvetica, Arial, sans-serif;
font-size: medium;
margin:0px;
text-align: center;
color: white;
background-image: url(img/tlo.jpg);
background-repeat: repeat-x;
background-color:#DCDCDC;
padding:0px;
margin-top: 0px;
padding-top: 5px;
}

#logo{
position: absolute;
left: 20px;
top: 0px;
width: 286px;
height: 142px;
}

#menu{
position: absolute;
top: 20px;
right: 20px;
width: 750px;
height: 50px;

}

#portfolio1{
position: relative;
margin-left: auto;
margin-right: auto;
width: 950px;
height:350px;
margin-top:150px;
text-align: left;

}

#tresc{
position: relative;
margin-left: auto;
margin-right: auto;
width: 900px;
margin-top:12%;
text-align: left;
color: #666666;
}

#tresc td{padding: 10px;

background-image: url(img/linia.jpg);
background-repeat: no-repeat;
background-position: top right;
}

b{color: black;}

h2{text-align: center; color: #666666;  margin-bottom: 10px; font-size: 22px;}
h3{text-align: left; color: white;  margin-top: 0px; font-size: 16px;}

#stopka{
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
border-top: 1px solid white;
background-image: url(img/tlo.jpg);
background-repeat: repeat-x;
padding-bottom: 1px;
}

#stopka_alt{
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 10px;
border-top: 1px solid white;
background-image: url(img/tlo.jpg);
background-repeat: repeat-x;
padding-bottom: 1px;
}

html>body#stopka{position: fixed;}

#stopka a, #stopka_alt a{font-size: small; color: #eeeeee; text-decoration: none;}
#stopka a:hover, #stopka_alt a:hover {font-size: small; color: #ffffff;}

a{color: #FF1919; }
a:hover{color: #eeeeee;}

.logotyp{margin: 10px; border: none;}