/* main tags */

html, body {height: 100%;}

body {font: normal 100% Arial;}

a:hover {text-decoration: none;}

/* structure */

#top {position: relative; width: 999px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto;}

#header {position: relative; height: 488px; margin: 0 0 40px 0; background: url(../img/bigpic.jpg) 0 0 no-repeat;}
    #logo {display: block; position: absolute; top: 75px; width: 181px; height: 56px; background: url(../img/logo.jpg) 0 0 no-repeat;}
    #info {position: absolute; top: 190px; width: 250px; height: 100px; padding: 20px; font-weight: bold; font-size: 14px; color: #09c;}
        #info-1 {height: 60px; margin: 0 0 0 -10px; padding: 5px 0 0 50px; font-size: 12px; font-weight: normal; color: #666; background: url(../img/1.gif) 0 0 no-repeat;}
        #info-2 {height: 60px; margin: 0 0 0 -10px; padding: 5px 0 0 50px; font-size: 12px; font-weight: normal; color: #666; background: url(../img/2.gif) 0 0 no-repeat;}
        #info-3 {height: 60px; margin: 0 0 0 -10px; padding: 5px 0 0 50px; font-size: 12px; font-weight: normal; color: #666; background: url(../img/3.gif) 0 0 no-repeat;}
        #info div span {display: block; font-size: 18px; color: #09c;}
        #info a {display: block; margin: 5px 0 0; font-size: 11px; font-weight: normal; color: #09c;}

#header_2 {position: relative; height: 431px; margin: 0 0 10px 0; background: url(../img/bigpic2.jpg) 0 0 no-repeat;}
    #header_2 #logo {display: block; position: absolute; top: 55px; width: 181px; height: 56px; background: url(../img/logo.jpg) 0 0 no-repeat;}
    #header_2 #info {position: absolute; top: 165px; width: 250px; height: 100px; padding: 20px; font-weight: bold; font-size: 14px; color: #09c;}
        #header_2 #info-1 {height: auto; width: 160px; margin: 0 0 5px -10px; padding: 5px 0 0 50px; font-size: 12px; font-weight: normal; color: #666; background: url(../img/1.gif) 0 0 no-repeat;}
        #header_2 #info-2 {height: auto; width: 160px; margin: 0 0 5px -10px; padding: 5px 0 0 50px; font-size: 12px; font-weight: normal; color: #666; background: url(../img/2.gif) 0 0 no-repeat;}
        #header_2 #info-3 {height: auto; width: 160px; margin: 0 0 5px -10px; padding: 5px 0 0 50px; font-size: 12px; font-weight: normal; color: #666; background: url(../img/3.gif) 0 0 no-repeat;}
        #info div span {display: block; font-size: 18px; color: #09c;}
        #info a {display: block; margin: 5px 0 0; font-size: 11px; font-weight: normal; color: #09c;}
        
#header_3 {position: relative; height: 200px; margin: 0 0 10px 0; background: url(../img/bigpic3.jpg) 0 0 no-repeat;}
    #header_3 #logo {display: block; position: absolute; top: 55px; width: 181px; height: 56px; background: url(../img/logo.jpg) 0 0 no-repeat;}

#horMenu {width: 943px; height: 54px; margin: 0 0 20px 0; background: #dedede url(../img/hormenu_bg.gif) 0 0 no-repeat;}
    #horMenu td {vertical-align: middle; text-align: center;}
        #horMenu td a {padding: 0 0 0 30px; font-size: 14px; font-weight: bold; color: #44b4da; background: url(../img/hormenu_li.gif) 0 50% no-repeat;}
        #horMenu td a:hover {color: #92c249; background: url(../img/hormenu_liover.gif) 0 50% no-repeat;}

#body {padding-bottom: 150px; font-size: 0.75em;}
    *:first-child+html #body {margin-bottom: 150px;}
    #leftCol {float: left; width: 242px;}
        #mM {padding: 15px 20px 0 10px; background: #fff url(../img/menu.gif) 0 0 no-repeat;}
        #mMenu {margin: 0 0 0 0; padding: 0 0 5px 0;}
            #mMenu li {margin: 0 0 15px 0; padding: 0 0 2px 30px;}
            #mMenu li.current {background: url(../img/curli.gif) 0 0 no-repeat;}
                /*#mMenu li.current a {text-decoration: none;}*/
                #mMenu li a {font-size: 14px; font-weight: bold; color: #09c;}
                #mMenu li a:hover {color: #666;}
                
                #mMenu ul {margin: 10px 0 0;}
                #mMenu ul li {margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../img/menu_li.gif) 7px 7px no-repeat;}
                #mMenu ul li a {font-size: 12px; color: #666;}
                #mMenu ul li a.current {text-decoration: none;}
                
                    #mMenu ul ul {margin: 5px 0 10px 0;}
                        #mMenu ul ul li {margin: 0;}
                        #mMenu ul ul li a {font-size: 11px !important; font-weight: normal;}
                        #mMenu ul ul li a.current {font-weight: bold;}
        
        .leftCol-block {margin: 20px 20px 0; color: #666;}
            .leftCol-block h2 {font-size: 14px; color: #09c;}
            .leftCol-block a {color: #5e9605;}
        
        .leftCol-rasporka {height: 250px;}
        .leftCol-rasporka2 {height: 330px;}
        
        #leftCol-links {margin: 150px 30px 0 15px; font-size: 10px; color: #aaa;}
        	#leftCol-links a {color: #aaa;}
    
    #centerCol {float: left; width: 400px; margin: 0 30px;}
        #content {font-size: 1.16em; padding: 10px 0 0;}
            #content h1 {margin: -5px 0 10px; font-size: 26px; font-family: Tahoma; font-weight: normal; color: #09c;}
            #content h2, #centerCol h2, #centerCol-leftCol h2, #centerCol-rightCol h2, #rightCol h2 {margin: 0 0 10px; font-size: 22px; font-weight: normal; color: #0089b6;}
            #content h3 {margin: 0 0 10px; font-weight: normal; font-size: 18px; color: #09c;}
            #content h4 {margin: 0 0 10px; font-weight: bold; font-size: 14px; color: #09c;}
            
            #content p {margin: 10px 0;}
            #content a, #centerCol a {color: #01a7be;}
            
            #content table td {vertical-align: top;}
            
            #content ul, #centerCol ul {margin: 10px 0 10px 5px;}
                #content ul li, #centerCol ul li {margin: 0 0 3px 0; padding: 0 0 0 20px; background: url(../img/li.gif) 0 6px no-repeat;}
            
            #content ul.xUl, #centerCol ul.xUl {}
                #content ul.xUl li, #centerCol ul.xUl li {margin: 0 0 3px 0; padding: 0 0 0 20px; background: url(../img/ulli.gif) 0 8px no-repeat;}
            
            #content ul.xUl2, #centerCol ul.xUl2 {}
                #content ul.xUl2 li, #centerCol ul.xUl2 li {margin: 0 0 3px 0; padding: 0 0 0 20px; color: #666; background: url(../img/li2.gif) 5px 6px no-repeat;}
                
            #content table {}
                #content table tr.xRow td {background: #dedede;}
                #content table td {padding: 6px 12px; font-size: 12px; border-bottom: 1px solid #dedede;}
                
            #interest {position: relative; width: 430px; height: 219px; margin: 20px -15px 0 -15px; font-size: 14px; background: url(../img/interest.gif) 0 0 no-repeat;}
                #interest table {width: 100%; height: 100%;}
                #interest table td {vertical-align: middle;}
                #interest p {margin: 10px 0;}
                #interest a.zapros {display: block; width: 170px; margin: 25px auto 0; padding: 0 0 4px 35px; font-size: 22px; color: #0098cb; background: url(../img/krug.jpg) 0 0 no-repeat;}
                
            #pageNav {clear: both; margin: 20px 0; text-align: center; font-size: 12px;}
                #pageNav a {margin: 0 2px;}
                #pageNav span {position: relative; margin: 0 2px; padding: 2px 4px; color: #c1ec00; background: #09c; font-weight: bold;}
                
            .news-entry {color: #999; font-size: 11px; margin: 0 0 20px 0;}
                .news-entry span {font-size: 18px; font-weight: bold;}
                .news-entry a {display: block; font-size: 12px;}
                
            .staty-entry {color: #999; font-size: 12px; margin: 0 0 20px 0;}
            
            #pageNav2 {width: 100%; margin: 20px 0;}
                #pageNav2 td {width: 33%; border: 0 !important; padding: 0 !important;}
                    #pageNav2 td.c1 {}
                    #pageNav2 td.c2 {text-align: center;}
                    #pageNav2 td.c3 {text-align: right;}
                    
            .photo-entry {float: left; width: 185px; height: 215px; margin: 0 0 20px 0; text-align: center; font-size: 11px;}
                .photo-entry table {width: 100%; height: 185px; margin: 0 0 5px 0; background: #f6f6f6;}
                    .photo-entry table td {text-align: center; border: 0 !important; vertical-align: middle !important;}
                
            #photo {width: 100px; background: #f6f6f6; margin: 0 auto;}
                #photo td {padding: 20px !important; border: 0 !important; font-size: 14px !important;}
                    #photo td img {margin: 0 0 10px 0;}
                
        
        #centerCol-banner {clear: both; margin: 40px 0;}
        
        #centerCol-leftCol {float: left; width: 195px;}
            .centerCol-leftCol-newsEntry {margin: 0 0 15px 0; color: #999;}
                .centerCol-leftCol-newsEntry span {font-size: 18px; font-weight: bold;}
                .centerCol-leftCol-newsEntry a {color: #01a7be;}
            #centerCol-rightCol-gallery {margin: 15px 0 0;}
                #centerCol-rightCol-gallery img {margin: 0 0 5px 0;}
                #centerCol-rightCol-gallery a {color: #01a7be;}
        #centerCol-rightCol {float: right; width: 190px;}
        
    #rightCol {float: left; width: 242px;}
        #rightCol-zapros {padding: 20px 20px 15px; font-size: 14px; color: #666; background: #fff url(../img/menu.gif) 0 0 no-repeat;}
            #rightCol-zapros a {display: block; margin: 15px 0 0; padding: 0 0 4px 35px; font-size: 22px; color: #0098cb; background: url(../img/krug.jpg) 0 0 no-repeat;}
        
        .rightCol-block {margin: 20px 20px 0; color: #666;}

#bottom {position: relative; width: 999px; height: 150px; margin: -150px auto 0; font-size: 0.75em;}
    #bottom-gerla {position: absolute; top: -220px; width: 261px; height: 297px; background: url(../img/geisha.jpg) 0 0 no-repeat;}
    #bottom-flower {position: absolute; top: -300px; left: 70px; width: 116px; height: 358px; background: url(../img/flower.jpg) 0 0 no-repeat;}
    #bottom-copyright {position: absolute; top: 30px; left: 270px; width: 400px; color: #666;}
        #bottom-copyright a {color: #01a7be;}
    #bottom-telefon {position: absolute; top: 30px; left: 720px; width: 183px; height: 71px; background: url(../img/bottom_tel.jpg) 0 0 no-repeat;}
    #bottom-banner {position: absolute; top: -100px; left: -40px; width: 100%; text-align: center;}
	 #bottom #leftCol-links {position: absolute; bottom: 10px; left: 20px; width: 100%; margin: 0 !important; text-align: center;}

/* styles */

.link2 {padding: 0 15px 0 0; color: #5e9605 !important; background: url(../img/link.gif) right 50% no-repeat;}

.igr {font-style: italic; color: #5e9605;}

.noTable, .noTable td {border: 0 !important; padding: 0 !important;}
