BODY {FONT-SIZE: 12px; BACKGROUND: #FFFFFF; margin:0 auto; padding: 0px; font-family: Arial, sans-serif; background-image: url(img/tlo.gif); background-repeat: repeat-x;}
.site {position: relative; width: 850px; margin:0 auto;}
fieldset {width:560px; background-color: #fafafa; padding:15px; border: 1px #ebebeb solid; margin-top: 20px;}
img { margin: 0 auto; border: 0; }

img.fotka {float: left; margin-top: 20px; padding: 2px; border: 1px solid #c8d0d5; }
img.fotka:hover { padding:2px; border:1px solid #006bb7; }

img.fotka2 {float: right; margin-left: 15px; padding: 2px; border: 1px solid #c8d0d5; }
img.fotka2:hover {padding:2px; border:1px solid #006bb7; }

img.fota {padding: 2px; border: 1px solid #c8d0d5;}
img.fota:hover {padding:2px; border:1px solid #006bb7;}

#alert {padding-left: 15px; margin-top: 15px;}
#alert ul {list-style-type: square; padding-left: 20px; margin: 0; line-height: 16px;}
#alert ul li {list-style-position: outside; color: #2776c4; font-weight : bold; padding-left: 10px; line-height: 16px;}

/* top ------------------------------------------------------------ */
.top {text-align: right; color: #B2B2B2; padding-left: 30px; padding-right: 17px; padding-top: 42px; background-image: url(img/top.gif); background-repeat: repeat-x; height: 53px; line-height: 16px;}
.foto {float: left; width: 460px; height: 200px;}
.notka {color: #FFF; text-align: justify; float: left; width: 342px; height: 136px;  padding-top: 64px; padding-left: 24px; padding-right: 24px; background-image: url(img/notka.gif); background-repeat: repeat-x; line-height: 14px;}

/* main ------------------------------------------------------------ */
.main {float: left; margin: 0 0; height: 100%; background-image: url(img/main.gif); background-repeat: repeat-y; }
.menu {font-family:ArialCE,Arial,Verdana,Tahoma,HelvaticaCE,Helvetica,sans-serif; font-size: 15px; color: #75b7d0; font-weight: bold; height: 37px; width: 210px; padding-top: 19px; padding-left: 15px; background-image: url(img/view.gif); background-repeat: repeat-x; } 
.left {float: left; width: 225px; height: 100%; }
.right {float: left; width: 625px; padding-bottom: 15px; }
.left-text {text-align: left; color: #B2B2B2; padding: 0px; margin-bottom: 0px; width: 225px; height: 100%; }
.view {font-family:ArialCE,Arial,Verdana,Tahoma,HelvaticaCE,Helvetica,sans-serif; font-size: 15px; text-align: right; color: #75b7d0; font-weight: bold; background-image: url(img/view.gif); background-repeat: repeat-x; height: 37px; padding-right: 15px; padding-top: 19px; } 
.right-text {text-align: justify; color: #3c4c5b; padding-left: 15px; padding-right: 15px; padding-top: 15px; width: 595px; line-height: 16px; }
.belka {color: #FFF; font-weight: bold; text-align: justify; float: left; width: 574px; height: 24px; padding-top: 8px; padding-left: 22px; background-image: url(img/belka.gif); background-repeat: repeat-x; line-height: 16px;}

/* menu-blue ------------------------------------------------------------ */
.menu-blue .blue-bg, .menu-blue-last .blue-bg {float: left;  height: 246px; background-image: url(img/menu.gif); background-repeat: repeat-x; }
.menu-blue ul, .menu-blue-last ul {list-style-type: none; margin: 0; padding: 0px 0; } 
.menu-blue ul li, .menu-blue-last ul li {margin: 0; padding: 0; padding-bottom: 0px; background-image: url(img/menu_bg2.gif); background-repeat: repeat-x;}
.menu-blue ul li a:link:hover,
.menu-blue ul li a:visited:hover,
.menu-blue-last ul li a:link:hover,
.menu-blue-last ul li a:visited:hover {color: #FFF; background-image: url(img/hover.gif);}

.menu-blue ul li a:link,
.menu-blue ul li a:visited,
.menu-blue-last ul li a:link,
.menu-blue-last ul li a:visited {display: block; width: 210px; height: 28px; color: #96d4eb; font-weight : bold; text-decoration: none; margin: 0; padding-left: 15px; padding-top: 13px; padding-bottom: 0px; }

/* links ------------------------------------------------------------ */
A.gray {color: #87a3b1; text-decoration: none; }
A.gray:hover {color: #00448C; TEXT-DECORATION: none;}

A.navyblue {color: #0060b2; text-decoration: none;}
A.navyblue:hover {color: #96d4eb; TEXT-DECORATION: none;}

A.blue {color: #96d4eb; text-decoration: none;}
A.blue:hover {color: #FFF; text-decoration: none;}

#header a:hover {background-position: 0 0;}
#header a {background-position: 0 0;}

a {font-style: normal; text-decoration: none; color: #006bb7;}
a:hover {text-decoration: none; color: #3c4c5b;}

/* footer ------------------------------------------------------------ */
.footer_main {width: 100%; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-image: url(img/footer.gif); background-repeat: repeat-x; height: 56px; float: left;}
#footer{overflow:hidden; width: 850px; height: 56px; margin:0 auto; background-image: url(img/footer2.gif); background-repeat: repeat-x;}
#footer p{margin: 0 0; color:#87a3b1;}
#footer .links {float:left; width: 700px; padding-top: 15px; padding-left: 15px;}
#footer .kart {float:left; width: 50px; padding-top: 13px;}
#footer .topp {float: right; width: 70px; padding-top: 21px; text-align: right; padding-right: 15px; height: 35px;}