/* --- 
------------------------------- */

#container {background: url("/images/style/bg-container2.jpg") left top no-repeat;}


/* --- header
------------------------------- */

#header {min-height: 275px; padding-top: 27px;}
* html #header {height: 275px;}
#header #logo {height: 164px; overflow: hidden; padding-left: 42px;}
#header #quick-links {position: absolute; top: 13px; left: 211px;}
#header #search {position: absolute; top: 17px; left: 737px; width: 220px;}
#header #slogan {position: absolute; top: 42px; left: 180px; border-left: 1px solid #b2b2b2; width: 330px; height: 63px; overflow: hidden;}
#header .phone {position: absolute; top: 150px; left: 210px; width: 220px; height: 30px;}
#header #icq {position: absolute; top: 147px; left: 441px; width: 220px; height: 30px;}

#menu {height: 111px; margin: 0 22px; width: 916px; overflow: hidden;}
#menu td {padding: 42px 0 38px 0; background: url("/images/style/menu-line.jpg") right 42px no-repeat; text-align: center;}
#menu td.last {background: none;}

#search .search-input {vertical-align: middle; background: url("/images/style/search-input.jpg") left top no-repeat; width: 143px; border: 0; text-align: left; padding-right: 10px;}
#search .text {background: none; border: 0; padding: 2px 10px 0; height: 19px; width: 120px;}

#navibar {margin: 15px 0 15px 30px; font-size: 0.75em; font-family: "Microsoft Sans Serif", sans-serif;}
#navibar li {background: none; color: #b1b1b1; display: inline; padding: 0 2px 0 0;}
#navibar li a {color: #b1b1b1; margin: 0 2px 0 4px;}

#menu2 {margin: 0 29px; font: normal 1.17em "Arial Narrow" Arial, Tahoma, Verdana, Helvetica, sans-serif;}
#menu2 li {padding: 0; display: block; float: left; background: url("/images/style/menu2-left.jpg") left top no-repeat; margin-right: 5px;}
#menu2 li a {padding: 25px 7px 20px 7px; display: block; float: left; background: url("/images/style/menu2-right.jpg") right top no-repeat;}
#menu2 li.active {padding: 0; display: block; float: left; background: url("/images/style/menu2-left-a.jpg") left top no-repeat; margin-right: 5px;}
#menu2 li.active a {padding: 25px 7px 20px 7px; display: block; float: left; background: url("/images/style/menu2-right-a.jpg") right top no-repeat; color: #666; text-decoration: none;}

/* --- content
------------------------------- */

td.content {padding: 24px 0 90px 0; background: none;}
div.content {height: auto;}

td.hotspots4 {width: 1px; padding: 24px 29px 90px 0; vertical-align: top;} 
td.hotspots4 p {margin: 0;}
td.hotspots5 {width: 186px; padding: 24px 0 90px 67px; vertical-align: top;} 
td.hotspots5 .hottable {margin-bottom: 10px;}
td.hotspots5 p {margin: 0;}

#menu3 {font: normal 1.17em "Arial Narrow" Arial, Tahoma, Verdana, Helvetica, sans-serif; margin-bottom: 20px; width: 158px; padding: 0 10px 0 17px;}
#menu3 li {padding: 0 0 10px 17px; background: url("/images/style/menu3-arrow.jpg") left 0.5em no-repeat;}
#menu3 li.active {padding: 0 0 10px 17px; background: url("/images/style/menu3-arrow-a.jpg") left 0.5em no-repeat;}
#menu3 li.active a {color: #666; text-decoration: none;}
#menu3 li.active #menu4 a {color: #3399cc; text-decoration: none;}
#menu3 li.active #menu4 a:hover {text-decoration: underline;}

/*
td.content {padding: 24px 0 90px 0; background: none; width: 564px;}
div.content {height: auto;}

td.hotspots4 {width: 174px; padding: 24px 39px 90px 17px; vertical-align: top;} 
td.hotspots4 p {margin: 0;}
td.hotspots5 {width: 186px; padding: 24px 0 90px 67px; vertical-align: top;} 
td.hotspots5 .hottable {margin-bottom: 10px;}
td.hotspots5 p {margin: 0;}

#menu3 {font: normal 1.17em "Arial Narrow" Arial, Tahoma, Verdana, Helvetica, sans-serif; margin-bottom: 20px;}
#menu3 li {padding: 0 0 10px 17px; background: url("/images/style/menu3-arrow.jpg") left 0.5em no-repeat;}
#menu3 li.active {padding: 0 0 10px 17px; background: url("/images/style/menu3-arrow-a.jpg") left 0.5em no-repeat;}
#menu3 li.active a {color: #666; text-decoration: none;}
#menu3 li.active #menu4 a {color: #3399cc; text-decoration: none;}
#menu3 li.active #menu4 a:hover {text-decoration: underline;}

*/

#menu4 {font-size: 0.86em;}
#menu4 li {background: none; padding: 0 0 0 17px;}
#menu4 li.active {background: none; padding: 0 0 0 17px;}
#menu3 li.active #menu4 li.active a {color: #999; text-decoration: none;}
#menu3 li.active #menu4 li a {text-decoration: underline;}
#menu3 li.active #menu4 li a:hover {text-decoration: none;}

.beautyimg {border: 3px solid #d2d2d2;}

.fotoimage {float: left; width: 115px; height: 82px; overflow: hidden; margin: 0 5px 5px 0;}
.fotoimage img {border: 3px solid #d2d2d2;}

.beautytable {border: 1px solid #00a4ed;}
.beautytable th {background: #00a4ed; color: #fff;}
.beautytable th, .beautytable td {border-left: 1px solid #00a4ed; border-right: 1px solid #00a4ed; padding: 9px 20px;}
.beautytable .beautytr td {background: #dbdbdb;}