html, body
{
background-color: black;
font-family: arial, tahoma, sans-serif;
}

td        
{
font-family: arial, tahoma, sans-serif;
font-size: 11pt;
color: #515151;
line-height: 16pt;
}

.belkaczarna
{
background-image:url('grafika/belkaczarna.jpg');
}

.belkalogo
{
background-image:url('grafika/belkalogo.jpg');
}

.belkamenu
{
background-image:url('grafika/belkamenu.jpg');
}

.baner01
{
background-image: url('grafika/baner01.jpg');
background-repeat: no-repeat;
background-position: center;
}

.baner02
{
background-image: url('grafika/baner02.jpg');
background-repeat: no-repeat;
background-position: center;
}

.baner03a
{
background-image: url('grafika/baner03a.jpg');
background-repeat: no-repeat;
background-position: center;
}

.baner04
{
background-image: url('grafika/baner04.jpg');
background-repeat: no-repeat;
background-position: center;
}

.baner05
{
background-image: url('grafika/baner05.jpg');
background-repeat: no-repeat;
background-position: center;
}

.baner06
{
background-image: url('grafika/baner06.jpg');
background-repeat: no-repeat;
background-position: center;
}

.banertest
{
background-image: url('grafika/banertest.jpg');
background-repeat: no-repeat;
background-position: center;
}

.szarabelka
{
background-image:url('grafika/szarabelka.jpg');
}

.szarabelka2
{
background-image:url('grafika/szarabelka2.jpg');
}

.liniapion
{
background-image:url('grafika/liniapion.png');
background-repeat: repeat-y;
background-position: center;
}

a
{
text-decoration: none;
outline: 0;
} 

a.menu
{
display: block;
width: 162px;
height: 50px;
text-decoration: none;
text-align: center;
vertical-align: middle;
font-family: arial, tahoma, sans-serif;
font-size: 11pt;
color: white;
outline: 0;
line-height: 11pt;
} 

a.menu:hover 
{
display: block;
width: 162px;
height: 50px;
background-image:url('grafika/buton0.png');
text-decoration: none;
text-align:center
font-family: arial, tahoma, sans-serif;
font-size: 11pt;
color: black;
outline: 0;
line-height: 11pt;
} 

a.menu1
{
display: block;
width: 162px;
height: 50px;
background-image:url('grafika/buton0.png');
text-decoration: none;
text-align: center;
vertical-align: middle;
font-family: arial, tahoma, sans-serif;
font-size: 11pt;
color: black;
outline: 0;
line-height: 11pt;
} 
        
a.stopka        
{
text-decoration: none;
text-align: center;
font-family: arial, tahoma, sans-serif;
font-size: 9pt;
color: #515151;
outline: 0;
} 

a.stopka:hover        
{
text-decoration: none;
text-align: center;
font-family: arial, tahoma, sans-serif;
font-size: 9pt;
color: white;
outline: 0;
} 

a.mdolne        
{
text-decoration: none;
text-align: center;
font-family: arial, tahoma, sans-serif;
font-size: 8pt;
color: #3977aa;
outline: 0;
} 

a.mdolne:hover        
{
text-decoration: none;
text-align: center;
font-family: arial, tahoma, sans-serif;
font-size: 8pt;
color: white;
outline: 0;
} 

.menudolne
{
font-size: 8pt;
color:  #3977aa;
} 

a.folio
{
text-decoration: none;
font-family: arial, tahoma, sans-serif;
font-size: 16;
color: #2494c9;
outline: 0;
} 

a.folio:hover
{
text-decoration: none;
font-family: arial, tahoma, sans-serif;
font-size: 16;
color: red;
outline: 0;
} 

.liniapoziom
{
background-image:url('grafika/liniapoziom.jpg');
}

.belka        
{
font-family: arial, tahoma, sans-serif;
font-size: 9pt;
color: #515151;
}

.ramka
{
border-image: 1px solid black;
}

a.ulotka
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/ulotka.jpg');
}

a.ulotka:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/ulotka1.jpg');
}

a.plakat
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/plakat.jpg');
}

a.plakat:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/plakat1.jpg');
}

a.logo
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/logo.jpg');
}

a.logo:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/logo1.jpg');
}

a.folder
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/folder.jpg');
}

a.folder:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/folder1.jpg');
}

a.d
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/3d.jpg');
}

a.d:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/3d1.jpg');
}

a.inne
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/inne.jpg');
}

a.inne:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/inne1.jpg');
}

a.wizki
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/wizki.jpg');
}

a.wizki:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/wizki1.jpg');
}

a.www
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/www.jpg');
}

a.www:hover
{
display:block;
width: 452px;
height: 140px;
background-image:url('grafika/portfolio/www1.jpg');
}

a h1:hover
{
background-color: #2494c9;
display: block;
font-family: arial black;
font-size: 19px;
font-weight: bold;
color: white;
}

h1,h2,h3,h4,h5,h6
{
margin:0;
padding:0;
font-weight: normal;
}

h1
{
font-family: arial black;
font-size: 19px;
font-weight: bold;
color: #2494c9;
}

h2
{
font-family: arial black;
font-size: 17px;
font-weight: bold;
color: #515151;
}

h3
{
font-family: arial black;
font-size: 14px;
font-weight: bold;
color: #2494c9;
}

h4
{
font-family: arial black;
font-size: 20px;
font-weight: bold;
color: black;
}