html {background: #F5F2EE url(../images/obloha.png) repeat-x center top; }
body {width: 731px; ; margin: 0 auto; padding: 0; padding-bottom: 10px; font-family: 'Arial', Arial, sans-serif;}

.hidden {display: none;}
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}

#header {width: 720px; height: 262px; margin: 0 5px 0 6px; background: url(../images/baraky.png) no-repeat 53px bottom;}
#header #logo {width: 292px; height: 127px;}
#header #logo h1 {display: block; width: 292px; height: 127px; margin: 0; padding: 0; background: url(../images/logo.png) no-repeat; }
#header #logo a {display: block; width: 292px; height: 127px;}


ul#menu {height: 68px; width: 720px; margin: 0 5px 0 6px;  padding: 0; list-style-type: none; background: url(../images/menu.gif) no-repeat center top;}

ul#menu li {height: 68px; float: left;}
ul#menu li a {display: block; float: left; height: 68px;}
ul#menu li a.active {background: url(../images/menu.gif) no-repeat center bottom; }
ul#menu li a:hover {background: url(../images/menu.gif) no-repeat center center;  }

ul#menu li.men1 a {width: 154px;}
ul#menu li.men1 a.active {background-position: 0 bottom;}
ul#menu li.men1 a:hover {background-position: 0 center;}
ul#menu li.men2 a {width: 130px;}
ul#menu li.men2 a.active {background-position: -154px bottom;}
ul#menu li.men2 a:hover {background-position: -154px center;}
ul#menu li.men3 a {width: 135px;}
ul#menu li.men3 a.active {background-position: -284px bottom;}
ul#menu li.men3 a:hover {background-position: -284px center;}
ul#menu li.men4 a {width: 152px;}
ul#menu li.men4 a.active {background-position: -419px bottom;}
ul#menu li.men4 a:hover {background-position: -419px center;}
ul#menu li.men5 a {width: 149px;}
ul#menu li.men5 a.active {background-position: -571px bottom;}
ul#menu li.men5 a:hover {background-position: -571px center;}

#content {color: #505050; background: #FFFFFF url(../images/cont_middle.png) repeat-y;}
#content .inner {background: url(../images/cont_top.png) no-repeat top;}
#content .inner2 { min-height: 250px; padding: 5px 40px 45px 40px; background: url(../images/cont_bottom.png) no-repeat bottom;}


#content h2 {
color:#EB432F;
font-size:28px;
font-weight:normal;
margin:30px 0;
letter-spacing: -1px;
}
#content h3 {margin: 10px 0 0px 0; font-size: 1em; }
#content h3 small {font-weight: normal; padding-left: 5px; font-size: 0.6em;}
#content table th,
#content h4 {margin: 10px 0 0px 0; font-size: 0.9em; font-style: italic; }
#content hr {clear: both; border: 0; border-bottom: 1px #C9C6C2 solid;}
#content p {margin: 0px 0 10px 0;}
#content address {width: 32%; float: left; margin: 0 0 30px 0;}
#content a {color: #EB432F}
#content a:hover {text-decoration: none;}

#content span {font-size: 0.9em;}

#content ol.strong {font-weight: bold;}
#content ol.strong ul {list-style-type: lower-alpha; margin: 5px auto; font-weight: normal; }
#content ol.strong ul li {margin: 2px auto;}

#content table th {text-align: left;}
#content div.havarie {clear: both; padding: 20px; margin-bottom: 30px; background-color: #eb432f; color:white;}
#content div.havarie table {width: 100%; text-align: center; margin: 0;}
#content div.havarie table th {margin: 0; font-size: 1em; font-style: normal;}

#content table.pul {width: 50%; float: left; margin: 10px 0;}

#content #gallery td {width:160px; height:160px; vertical-align: top;}
#content #gallery td a img {border: 2px #ffffff solid;}
#content #gallery td a:hover img {border: 2px #EB432F solid;}

#bottom {clear: both; font-size: 0.6em; text-transform: uppercase; margin: 0; padding: 0 20px 10px 20px; color: #505050;}
#bottom p {margin: 0; padding: 0;}
#bottom p.left {float: left; margin: 0;}
#bottom p.right {float: right; margin: 0;}
#bottom a {text-decoration: none; color: #505050;}
#bottom a:hover {text-decoration: underline;}