/* main tags */

html, body {height: 100%;}

body {font: normal 100% Verdana, Tahoma; background: #8fa1ad;}

a:hover {text-decoration: none;}

/* structure */

#top {position: relative; width: 970px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; background: #617889 url(../img/head_bg.jpg) no-repeat;}

#header {position: relative; height: 134px; font-size: 11px; color: #2d4b64; text-transform: uppercase;}
    #header-logo {position: absolute; top: 25px; left: 101px; width: 200px; height: 81px; background: url(../img/head_logo.jpg);}
        #header-logo span {position: absolute; top: 85px; left: 15px;}
    #header-tel {position: absolute; top: 55px; left: 582px; width: 303px; height: 37px; background: url(../img/head_tel.jpg);}
        #header-tel span {position: absolute; top: 40px; left: 122px;}
    #header-nav {position: absolute; top: 7px; left: 754px; width: 121px; height: 21px; background: url(../img/head_nav.gif);}
        #header-nav a {display: block; position: absolute; top: 3px; width: 15px; height: 15px;}
            #header-nav a.home {left: 0;}
            #header-nav a.contact {left: 52px;}
            #header-nav a.map {left: 108px;}

#topMenu {width: 840px; margin: 0 auto;}
    #topMenu a {display: block; padding: 7px 25px 8px; font-size: 12px; color: #fff; /* text-align: center; */ text-decoration: none; background: url(../img/topmenu_a.gif) 0 0 no-repeat; border-right: 1px solid #4f6270;}
    #topMenu a:hover, #topMenu a.current {color: #2d4b64; background: url(../img/topmenu_a_h.gif) 0 0 no-repeat; border-right: 1px solid #d1a10f;}

#megapic {position: relative; width: 840px; height: 200px; margin: 0 auto; background: url(../img/megapic.jpg);}
    #megapic p {position: absolute; top: 110px; left: 430px; font-size: 11px; color: #2d4b64; padding-bottom:15px;}

#body {padding-bottom: 188px; font-size: 0.8em;}
*:first-child+html #body {margin-bottom: 188px;}
    #leftCol {float: left; width: 280px; padding: 0 0 20px 65px;}
        #leftCol h1 {margin: 0 0 15px 60px; font-size: 18px;}
        #leftMenu {margin: 0 0 20px; padding: 12px 0 50px; background: #0e2846;}
            #leftMenu h1 {color: #617889;}
            #leftMenu ul {margin: 0 0 0 48px; border-top: 1px solid #617889;}
                #leftMenu ul li {border-bottom: 1px solid #617889;}
                    #leftMenu ul li a {position: relative; display: block; margin: 0 0 0 -17px; padding: 4px 0 5px 24px; color: #fff; text-decoration: none; background: url(../img/leftmenu_li.gif) 3px 7px no-repeat;}
                        #leftMenu ul li a ins {visibility: hidden; position: absolute; top: 0; right: -12px; width: 12px; height: 23px; background: url(../img/leftmenu_hover_ins.gif);}
                        * html #leftMenu ul li a ins {right: -13px;}
                    #leftMenu ul li a:hover {color: #fff; background: url(../img/leftmenu_hover.gif) 0 0 no-repeat;}
                        #leftMenu ul li a:hover ins {visibility: visible;}
                    #leftMenu ul li a.current {color: #4b555f; background: url(../img/leftmenu_cur.gif) 0 0 no-repeat !important;}
                        #leftMenu ul li a.current ins {visibility: visible; position: absolute; top: 0; right: -12px; display: block; width: 12px; height: 23px; background: url(../img/leftmenu_cur_ins.gif);}
                #leftMenu ul ul {margin: 10px 0 15px 7px; border: 0;}
                    #leftMenu ul ul li {border: 0;}
                    #leftMenu ul ul a {margin: 6px 0; padding: 0 0 0 15px; font-size: 12px; color: #fff; text-decoration: underline; background: url(../img/leftmenu_ulli.gif) 0 7px no-repeat;}
                    #leftMenu ul ul a:hover {text-decoration: none; background: url(../img/leftmenu_ulli.gif) 0 7px no-repeat;}
                    #leftMenu ul ul a.current {color: #8fa1ad !important; background: url(../img/leftmenu_ulli.gif) 0 7px no-repeat !important;}
                    
                    #leftMenu ul ul ul {margin: 5px 0 5px 20px; border: 0;}
                        #leftMenu ul ul ul li a {padding: 0 0 0 8px; background-position: -5px 7px;}
                        #leftMenu ul ul ul li a:hover {text-decoration: none; background-position: -5px 7px;}
        
        #newsArchive {margin: 0 0 20px; padding: 12px 0 20px; background: #223953;}
        #newsArchive h1 {color: #fec111;}
            #newsArchive-year {margin: 0 0 0 20px; padding: 15px 0 15px 40px; background: url(../img/leftmenu_li.gif) 15px 19px no-repeat; border-top: 1px solid #617889; border-bottom: 1px solid #617889;}
                #newsArchive-year a {font-weight: bold; color: #fff;}
                #newsArchive-year a.current {color: #8fa1ad !important; text-decoration: none;}
                #newsArchive-year span {padding: 0 15px;}
            #newsArchive-month {margin: 30px 0 0 35px;}
                #newsArchive-month li {margin: 0 0 10px; padding: 0 0 0 25px; background: url(../img/leftmenu_li.gif) 0 3px no-repeat;}
                #newsArchive-month a {color: #fff;}
                #newsArchive-month a.current {color: #8fa1ad !important; text-decoration: none;}
         
        #newsLenta {margin: 0 0 20px; padding: 12px 0 10px; background: #2d4b64;}
            #newsLenta h1 {margin-left: 30px; color: #fec111;}
                .newsLenta-entry {margin: 0 0 0 20px; padding: 20px 30px 20px 6px; color: #fff; border-top: 1px solid #617889;}
                    .newsLenta-entry span {font-size: 10px; font-style: Verdana;}
                    .newsLenta-entry a {display: block; margin: 10px 0 0; font-weight: bold; font-size: 12px; font-style: Verdana; color: #fec111; text-decoration: none;}
                    .newsLenta-entry a:hover {color: #8fa1ad;}
					.newsLenta-entry p {line-height:16px; font-style: Verdana; font-size: 11px;}
					
					
        #contacts {margin: 20px 0 0; padding: 12px 0 10px; background: #2e4053;}
            #contacts h1 {margin-left: 30px; color: #fec111;}
            #contacts a {color: #fff;}
                .contacts-entry {margin: 0 0 0 20px; padding: 20px 30px 20px 6px; color: #fff; border-top: 1px solid #617889;}                
        
    #rightCol {float: right; width: 520px; padding: 0 65px 20px 20px; z-index:555;}
        #content {color: #fff; line-height: 18px; font-size: 11px; z-index:555;}
            #content h1 {position: relative; margin: 14px 0 10px -20px; padding: 0 0 16px 20px; font-size: 18px; color: #fff; background: url(../img/h1bor.gif) 0 bottom no-repeat;}
                #content h1 a.print {position: absolute; left: 434px; top: 2px; width: 120px; font-size: 10px; font-weight: normal; color: #fff;}
                * html #content h1 a.print {left: 414px;}
            #content h2 {margin: 0 0 20px; font-size: 16px; color: #e1edf5;}
            #content h3 {margin: 0; font-size: 14px; color: #fff;}
			#content h3 a{color: #fec111;}
			#content h3 a:hover {color: #8FA1AD;}
            #content a {color: #ffe4b2;}
                #content a:hover {color: #8FA1AD;}

            #content a .nolink {color: #fff;text-decoration: none;}

            #content p {margin: 0 0 10px 0; line-height:16px;}
            /*#content ul {margin: 10px 0 10px 10px;}
                #content ul li {margin: 0 0 1px; padding: 0 0 0 15px; background: url(../img/leftmenu_li.gif) 0 6px no-repeat;}
            #content ol {margin: 10px 0 10px 10px;}
                #content ol li {margin: 0 0 1px; padding: 0 0 0 15px; background: url(../img/leftmenu_li.gif) 0 6px no-repeat;}*/
            
            #content ul {margin: 10px 0 10px 20px;}
                #content ul li {margin: 0 0 5px; padding: 0 0 0 20px; background: url(../img/li1.gif) 0 8px no-repeat;}
                #content ul ul li {background: url(../img/leftmenu_ulli.gif) -4px 10px no-repeat;}
                
            #content ol {margin: 10px 0 10px 25px; font-weight: bold;}
                #content ol li {margin: 0 0 10px;}
                    #content ol li b {font-weight: normal;} /* :) */
                    
            #content img {margin: 0px;}
			
			#content table {border: 1px;}
				#content table p {text-indent: 5px; }
			
            
            .gallery-entry {float: left; width: 250px; height: 185px; margin: 10px 20px 10px 0;}
                .gallery-entry img {margin: 0 0 8px;}
                .gallery-entry a {color: #fff; font-weight: bold; text-decoration: none;}
                .gallery-entry a:hover {color: #8fa1ad;}
            
            #gallery-desc {margin: 0 0 10px; line-height: 16px;}
                #gallery-desc td {padding: 10px 0 0;}
                #gallery-desc td.c1 {width: 170px; padding: 10px 20px 0 0; font-weight: bold;}
           
            #xForm textarea, #xForm input.text {width: 220px; margin: 3px 0;}
            #xForm textarea {height: 100px;}
            #xForm td {vertical-align: top;}
            #xForm td.c1 {padding-right: 10px; padding-top: 2px;}
            
            .uslugi-entry {float: left; width: 100%; margin: 0 0 -35px; line-height: 16px;}
                .uslugi-entry h1 {width: 100%; height: 20px;}
            
            .news-list-entry h2 {font-size: 12px !important; margin-bottom: 0 !important;}    
                .news-list-entry h2 a {text-decoration: none;}
                
            #zayavkaForm {width: 100%;}
                #zayavkaForm td {padding: 0 0 20px; vertical-align: top;}
                #zayavkaForm td.c1 {width: 180px; padding: 0 10px 0 0; text-align: right;}
                
                #zayavkaForm td.c2 input.text {width: 325px; font-family: Verdana; font-size: 12px; background: #c9d3da; }
                #zayavkaForm td.c2 textarea {width: 325px; height: 65px; font-family: Verdana; font-size: 12px; background: #c9d3da; }
                #zayavkaForm td.c2 input.radio {position: relative; top: 1px;}
                #zayavkaForm td.c2 input.file {width: 325px; font-family: Verdana; font-size: 12px; background: #c9d3da; }
            
            #pageNav {width: 100%; float: left; margin: 20px 0 0;}
                #pageNav a {color: #fff;}
                #pageNav td {width: 33%; padding: 20px 0; vertical-align: top;}
                    #pageNav td.c1 {}
                    #pageNav td.c2 {text-align: center;}
                        #pageNav td.c2 a {margin: 0 5px;}
                        #pageNav td.c2 span {margin: 0 5px; color: #8fa1ad;}
                    #pageNav td.c3 {text-align: right;}

#bottom {position: relative; width: 970px; height: 188px; margin: -188px auto 0; background: url(../img/footer_bg.jpg) no-repeat;}
    #botMenu {width: 890px; margin: 25px auto 0; text-align: center;}
        #botMenu a {padding: 0 20px; font-size: 11px; color: #223953;}
    #footer-logo {position: absolute; top: 75px; left: 61px; display: block; width: 131px; height: 55px; background: url(../img/footer_logo.jpg);}
    #footer-contacts {position: absolute; top: 77px; left: 237px; font-size: 12px; color: #223953;}
        #footer-contacts a {color: #223953;}
    #footer-counters {position: absolute; top: 89px; left: 732px; }
        #footer-counters img {margin: 0 0 1px;}

/* styles */

.date {font-size: 10px !important;}
img.right {margin: -10px 0 10px 15px !important;}

div.adv a {
	color: #ffc200 !important;
}


#content .YMaps {
color: black;
}

div.link {
	background: url(/images/link_gercon.jpg) no-repeat 0 0;
	padding-top: 80px;
	padding-bottom: 10px;
}
