* +html #logo {
    left: -218px;
}

* +html #logo2 {
    left:226px;
}
 #top-menu ul li.imenu5 span a, #top-submenu ul li.imenu5 span a  { padding:5px 15px 0 20px;} 

.gif5 {
	background: url(../images/zvezda.gif) no-repeat;
	height: 20px;
	width: 20px;
	margin-top: -18px;
	margin-left: 175px;
	position: absolute;
}

.top_td input {
 color: #9B8A6A;
/* color: #D8BC97; */
 border: 0;
 font-weight: bold;
}

.top_td {
 font: bold 19px Arial;
 color: #005958;
}

#gallery {
           position:relative;
           margin-top:50px;
           margin-left:45px;
           width:618px;
           height:246px;
           padding-bottom:30px;
           }

#logo li { display: block; 
	      width:452px; 
	      height:218px; 
              margin-left:0px; 
	      list-style:none;
	      }
 
#gallery li img { border-radius:5px; 
                  -webkit-border-radius:5px; 
		  moz-border-radius:5px;
		  }


*{
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Tahoma
}

body{
	padding: 20px 40px;
	background:#fff;
	color: #000;
	text-align: center;
}

table{
	border-collapse: collapse;
}

table tr td{
	text-align: left;
}

img{
	border: none;
}

#main{
	width: 921px;
	margin:0 auto;
}

#top-menu, #top-submenu{
	height: 25px;
	text-align: center;
	padding-left: 20px;
}

#top-submenu{
	padding-left: 60px !important;
}
#top-menu ul, #top-submenu ul{
	text-align: center;
	list-style: none;
	display: block;
	margin:0 auto;
}

#top-menu ul li, #top-submenu ul li{
	display: inline;
	position: relative;
	left: auto;
	display: block;
	float: left;
}


#top-menu ul li span a, #top-submenu ul li span a{
	text-decoration: none;
	height: 20px;
	float: left;
	padding: 5px 26px 0px 36px;
	color: #005958;
	font: bold 13px Arial;
}

#top-menu ul li span, #top-submenu ul li span{
	display: block;
	float: left;
	color: #005958;
	display: block;
	padding-bottom: 0px;
	padding-right: 10px;
}

#top-menu ul li:hover span, #top-menu ul li.selected span{
	background: url(../images/tab.png) no-repeat right top;
}

#top-menu ul li:hover span a, #top-menu ul li.selected span a{
	background: url(../images/tab.png) no-repeat left top;
}

#top-submenu ul li:hover span, #top-submenu ul li.selected span{
	background: url(../images/tab.png) no-repeat right bottom;
}

#top-submenu ul li:hover span a, #top-submenu ul li.selected span a{
	background: url(../images/tab.png) no-repeat left bottom;
}

#top-submenu ul li:hover span.direct
{
	background: url(../images/tabd.png) no-repeat right top !important;
}
#top-submenu ul li.selected span.direct{
	background: url(../images/tab.png) no-repeat right top !important;
}

#top-submenu ul li:hover span.direct a {
	background: url(../images/tabd.png) no-repeat left top !important;
}
#top-submenu ul li.selected span.direct a {
	background: url(../images/tab.png) no-repeat left top !important;
}

/* ---------------- submenu ---------------------------- */

div.submenu {
	display: block;
	height: auto;
	float: left;
	z-index: 100;
	text-align: left !important;
	position: absolute;
	left: 0px;
	padding-bottom: 19px;
	background: url( ../images/tabb3.gif ) right bottom no-repeat;
	margin-top: 25px;
}

.imenu2 div.submenu {
	background: url( ../images/tab1.gif ) left bottom no-repeat;
	width: 153px;
}

.imenu4 div.submenu {
	background: url( ../images/tab4.gif ) left bottom no-repeat;
	width: 247px;
}

.ibmenu3 div.submenu {
	background: url( ../images/tabb3.gif ) left bottom no-repeat;
	width: 223px;
}

div.submenu ul {
	display: block !important;
	width: 100%;
	background: #fff;
}

div.submenu ul li{
	display: block !important;
	float: none !important;
	text-align: left;
	padding: 0px 14px;
	padding-top: 8px;
	border-left: 1px solid #cca97a;
	border-right: 1px solid #cca97a;
}

div.submenu a{
	margin: 5px 0px;
	color: #005958;
	text-decoration: underline;
	white-space: normal !important;
}

#top-menu ul li:hover div.submenu, #top-submenu ul li:hover div.submenu{
	display: block;
}

#top-menu ul li div.submenu, #top-submenu ul li div.submenu{
	display: none;
}
/* ---------------- /submenu ---------------------------- */


#logo{
	width: 452px;
	height: 218px;
	position: absolute;
}

#logo2{
	width: 452px;
	height: 218px;
	position: absolute;
}

#logo li { display: block; 
	      width:452px; 
	      height:218px; 
	      list-style:none;
	      }

#list {position: absolute; top: 0px; opacity: 0}
#list_v {position: absolute; top: 0px; opacity: 1}

#logo2 li { display: block; 
	      width:462px; 
	      height:218px; 
	      list-style:none;
	      }


#logo_test{
	width: 100%;
	height: 218px;
	position: relative;
	z-index:1;
}



#img_left {
	width: 452px;
	height: 218px;
}
#img_right {
	width: 462px;
	height: 218px;
}

.index-up-block{
	margin-top: 35px;
	height: 163px;
}

.index-up-block td{
	vertical-align: top;
}

.index-up-block .logo{
	width: 350px;
}

.index-up-block .banner{
	width: 342px;
}

.index-up-block .vacansions{
	padding-left: 42px;
	padding-top: 10px;
	width: 230px;
}
.vacansions table thead td{
	color: #f00;
	font: bold 13px Arial;
	text-align: left;
	padding-bottom: 18px;
}

.vacansions table tbody a{
	text-decoration: underline;
	color: #000;
}

.vacansions table tfoot td{
	padding-top: 30px;
}

.vacansions table tfoot a{
	text-decoration: underline;
	color: #005958;
	font: bold 13px Arial;
}

.index-middle-block{
	margin-top: 52px;
}

.index-middle-block td {
	vertical-align: top;
}

.index-middle-block .blank{
	width: 80px;
}

.index-middle-block .news-annonce{
	width: 294px;
	background: url( ../images/line.png ) right top no-repeat;
}

.index-middle-block .quiz{
	width: 317px;
	text-align: center;
	background: url( ../images/line.png ) right top no-repeat;
}

.index-middle-block .to-know{
	width: 230px;
}

.news-annonce table thead td{
	background: url(../images/icons.png) 0px -58px no-repeat;
	height: 35px;
	display: block;
	padding-left: 45px;
	font: italic 22px Arial;
	color: #f00;
	padding-top: 5px;
}

.news-annonce table tfoot td a{
	font: bold 13px Arial;
	color: #005958;
}

.news-annonce table tfoot td{
	padding-top: 26px;
}

.news-annonce table tbody td{
	padding-top: 14px;	
}

.news-annonce table tbody td a{
	font: bold 13px Arial;
	color: #000;
}

.news-annonce table tbody td h3{
	padding: 3px 0px;
}

.quiz table{
	margin:0 auto;
	width: 240px;
}
	
.quiz table thead td{
	background: url(../images/icons.png) 0px -97px no-repeat;
	height: 35px;
	display: block;
	padding-left: 45px;
	font: italic 22px Arial;
	color: #307877;
	padding-top: 5px;
}

.quiz table tfoot td{
	padding-top: 14px;
}

.quiz table tbody td{
	font-size: 15px;
	padding-top: 15px;
}

.quiz table table{
	margin-top: 25px;
	margin-left: -17px;
}

.quiz table table.quiz-table td{
	height: 72px;
	width: 80px;
	text-align: center;
	color: #8f5110;
	font: bold 12px Arial;
	cursor: pointer;
	padding: 0px !important;
	border: 0px !important;
}

.quiz-table-class {
	margin-top: 25px;
	margin-left: -17px;
}

.quiz-table-class td{
	height: 20px;
	width: auto;
	text-align: left;
	color: #000;
	padding: 4px !important;
	padding-left: 20px !important;
	border: 0px !important;
}

.quiz td.yes{
	background: url(../images/yes.png) center bottom no-repeat;
}

.quiz td.unsure{
	background: url(../images/unsure.png) center bottom no-repeat;
}

.quiz td.no{
	background: url(../images/no.png) center bottom no-repeat;
}

.to-know table{
	width: 188px;
	float: right;
}

.to-know table thead td{
	background: url(../images/icons.png) 0px -138px no-repeat;
	height: 35px;
	display: block;
	padding-left: 45px;
	font: italic 22px Arial;
	color: #307877;
	padding-top: 5px;
}

.to-know table tfoot td{
	padding-top: 40px;
	text-align: center;
}

.to-know table tbody td{
	font-size: 15px;
	padding-top: 15px;
}

#footer{
	margin-top: 29px;
	border-top: 2px solid #f6eacf;
	width: 880px;
	float: right;
	margin-right: -37px;
}

.copyright{
	width: 234px;
	float: right;
	height: 30px;
	font-size: 10px;
	text-align: left;
	padding-top: 10px;
	color: #525252;
}

.copyright a{
	font-size: 10px;
	color: #d1a767;
	text-decoration: underline;
}

.footer-navi{
	float: left;
	height: 30px;
	padding-top: 10px;
}

.footer-navi a{
	display: block;
	float: left;
}

.home-link{
	height: 33px;
	width: 31px;
	background: url( ../images/icons.png ) 0px -180px no-repeat;
}

.delim{
	display: block;
	float: left;
	height: 18px;
	width:9px;
	background: url( ../images/icons.png ) 0px -214px no-repeat;
	margin: 0px 15px;
}

.contact-link{
	height: 18px;
	width: 25px;
	background: url( ../images/icons.png ) 0px -233px no-repeat;
}

.sitemap-link{
	height: 18px;
	width: 25px;
	background: url( ../images/icons.png ) 0px -252px no-repeat;
}

.home2-link{
	height: 18px;
	width: 25px;
	background: url( ../images/icons.png ) 0px -271px no-repeat;
}

/* directline */
#dlContacts {width:270px; height:30px; font-size:10px; color:#525252; float:right; padding-top:10px; text-align:left; }

#dlBranches {position:absolute; background-color:#f6e8ce; z-index:50; padding:20px; top:120px; left:30px;}
#dlBranches .dashed {font-size:16px; color:#005958; font-weight:bold; text-decoration:none; border-bottom:2px dashed #005958;}
#dlBranches dt {white-space:nowrap; margin-top:10px;}
#dlBranches dt a {font-weight:bold;}
#dlBranches dd {white-space:nowrap; padding-left:10px;}
#dlBranches td {padding-right:20px;}
#dlBranches a {color:#005958;}

#top-menu     
{     
z-index:1000;     
position:relative; 
}
