html, body {
height: 100%; 
margin: 0; 
padding: 0;
}

#all {
position: relative; 
height: 100%;
}

html>body #all {
height: auto; 
min-height: 100%;
}

#empty, #footer {
height: 30px;
}

#footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}

.leftbg{
background-image: url('left.jpg'); 
background-position: right top;
background-repeat: no-repeat;
}

.rightbg{
background-image: url('right.jpg'); 
background-position: left top;
background-repeat: no-repeat;
}


.razd {
font: bold 10px Tahoma;
text-align: center;
color: #565c63;
background-color: #e4e7ec;
}

.razd a{
text-decoration: none;
color: #000000;
}

.razd a:visited{
color: #000000;
}

.razd a:hover{
text-decoration: underline;
color: #a2a2a2;
}

.txt {
font: 16px Arial;
text-align: left;
color: #000000;
}

.txt a{
text-decoration: none;
color: #000000;
}

.txt a:visited{
color: #000000;
}

.txt a:hover{
text-decoration: underline;
color: #a2a2a2;
}

.cop {
font: bold 10px Verdana;
text-align: center;
color: #cccccc;
margin-bottom: 35px;
}

.cop a{
color: #cccccc;
}

.cop a:visited{
color: #cccccc;
}

.cop a:hover{
color: #cccccc;
}

.fon{
background-image: url('fon.png'); 
background-position: left top;
background-repeat: repeat-x;
background-color: #FFFFFF;
}

.pt {
font: bold 13px Tahoma;
text-align: center;
color: #4d4d4d;
margin-top: 23px;
}

.pt a{
text-decoration: none;
color: #cccccc;
}

.pt a:visited{
text-decoration: none;
}

.pt a:hover{
color: #FFFFFF;
text-decoration: underline;
}




.menu {
font: 12px Tahoma;
text-align: left;
color: #000000;
}

.menu a{
padding-left: 0px;
padding-top: 0px;
color: #4d4d4d;
text-decoration: none;
}

.menu a:visited{
text-decoration: none;
}

.menu a:hover{
color: #000000;
text-decoration: underline;
}