body, form, input, select, textarea, td, th {font-family: Verdana, Arial, Helvetica, sans-serif;}
body { text-align: center; color: #fff; font-size: 70%; background: #00b4ff url('image/web/bg-body.gif') repeat-x 0px top; margin: 0; padding: 0; }
select, textarea, td, th {font-size: 100%;}
form {margin: 0; padding: 0;}
img {border: none;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}
h1 { font-size: 130%; color: #fff; }
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 { font-size: 110%; color: #b9e4fe; }
h3 { font-size: 105%; color: #fff; }
h4 { font-size: 100%; color: #fff; }

table {border-collapse: collapse;} 
td {vertical-align: top; padding: 5px;} 
a {color: #fff; text-decoration: underline }
a:hover {text-decoration: none}
.cleaner {clear: both; line-height: 0; visibility: hidden; font-size: 0;}


/* layout */
#shadow {width: 926px; margin: 0 auto; background: url('image/web/bg-shadow.png') repeat-y;} 
#layout, #header, #header-bottom, #content, #footer {width: 896px;}
#layout { text-align: left; background-color: #00253b; margin: 0 auto; border: 1px solid #000;} 

#header { height: 293px; background: url('image/web/bg-header.gif') no-repeat 0 top; }
#header a {display: block;}
#header img {margin-top: 99px;}
#header-bottom { height: 36px; background: url('image/web/bg-menu-header.gif') repeat-x 0px 0px; border-top: 2px solid #000;}

#content {padding-bottom: 2em;}

#footer {clear: both;  padding: 8px 0; background-color: #337aa6;}
#footer #copyright {color: #fff; font-size: 90%; text-align: center; padding: 0 8px;}


/* menu header */
#menu-header ul {margin: 0; padding: 0;}
#menu-header ul li {float: left; font-size: 120%; text-align: center; width: 224px; margin: 0 0 0 0; padding: 0 0 0 0; background: url('image/web/bg-menu-header-li-sep.gif') no-repeat left 0px; list-style-type: none;}
#menu-header ul li a { display: block; color: #000; padding: 10px 20px 10px 20px; text-decoration: none; font-weight: bold;}
#menu-header ul li.page-item-1 {background: none; padding: 0;}
#menu-header ul li a:hover,
#menu-header ul li#active a {color: #fff; background-image: url('image/web/bg-menu-header-acurrent.gif'); }


/* clanek */
#main {width: 866px; min-height: 540px; height: 540px; margin: 15px; text-align: justify; line-height: 135%;}
div>#main {height: auto}
#main ol {margin: 0 0 1em 1em; padding-left: 1.3em;}
#main ul li {margin: 0; padding-left: 1.5em; background: url('image/web/bg-li.gif') 5px 5px no-repeat; list-style-type: none;}

#main .vlevoobr {float: left; margin-right: 1em; margin-bottom: 0.2em;}
#main .vpravoobr {float: right; margin-bottom: 0.2em; margin-left: 1em;}