html {
        
}

body {
        background-color: #faf5e1;
        margin: auto;
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
		behavior:url("csshover.htc");
}

a{ outline: none; }

a img {
        border: none;
}
.everything {
        position: absolute;
        width: 914px;
        top: 0;
        left: 50%;
        margin-left: -457px;
                  background: url(/img/shadow-y-m.gif) repeat-y;
}

.top {
        padding: 10px 11px 0 10px;
        background: url(/img/shadow.gif) no-repeat top;
        height: 127px;
        z-index: 2;
}

.logo {
        border: 1px solid #2f493b;
        float: left;
}

.logo img{
        border: none;
}

.header {
        width: 893px;
        background-image: url(/img/top.jpg);
        background-repeat: no-repeat;
        background-position: right;
        height: 127px;
        position: relative;
        z-index: 2;
}

.porsa {
        position: absolute;
        top: 64px;
        right: 1px; 
}

.porsa img {
        border: none;
}

.menu {
        position: absolute;
        bottom: 0;
        right: 0;
}

.menu-new{ position: absolute; top: 100px; left: 185px; z-index: 5; }

.menu ul,
.menu-new ul {
        margin: 0;
        padding: 0;
}

.menu ul li,
.menu-new ul li {
        margin: 0;
        padding: 12px 7px 8px 7px;
        text-transform: uppercase;
        list-style-type: none;
        float: left;
        font-size: 14px;
        font-family: "Century Gothic";
        position: relative;
}

.menu ul li:hover ul,
.menu ul li.over ul,
.menu-new ul li:hover ul,
.menu-new ul li.over ul{
        display: block;
}

.menu ul li:hover a,
.menu ul li.over a,
.menu-new ul li:hover a,
.menu-new ul li.over a{
        color: #2a993c;
}

.menu ul li:hover ul li a,
.menu ul li.over ul li a,
.menu-new ul li:hover ul li a,
.menu-new ul li.over ul li a{
        color: #274235;
}

.menu ul li a,
.menu-new ul li a{
        color: White;
        text-decoration: none;
}

.menu ul li ul,
.menu-new ul li ul{
        position: absolute;
        width: 144px;
        left: 50%;
        top: 35px;
        margin-left: -72px;     
        background: #dfe0e2;
        display: none;
        z-index: 3;
}

.menu ul li ul li,
.menu-new ul li ul li{
        float: none;
        text-align: center;
        padding: 5px 0 7px 0;
        border-top: 2px solid #71817a;
}

.menu ul li ul li a,
.menu-new ul li ul li a{
        color: #274235;
        display: block;
}

.menu ul li ul li a:hover,
.menu-new ul li ul li a:hover{
        text-decoration: underline;
}

.center{
        padding: 0 11px 0 10px;
        background: url(/img/shadow-y-m.gif) repeat-y; 
}

.px{
        font-size: 1px;
        height: 3px;
        background: url(/img/shadow-y.gif) repeat-y -10px 0;
}

.main{
        padding:        0 4px 0 0;                 
        border-left: 1px solid #273c32;
        border-right: 1px solid #273c32;
        position: relative;
        z-index: 0;
}

.leftblock{
        background: #688678;
        width: 170px;
        float: left;
        color: White;
        font-size: 14px;
                        padding-bottom: 0;
                        margin-bottom: -11px;
}

.leftblock h2{
        font-size: 14px;
        color: White;
        text-align: center;
        padding: 0;
        margin: 0;
}

.addr{
        text-align: left;
        padding: 5px 6px;
        font-size: 11px;
}

.hotnews * {
        margin: 0;
        padding: 0;
}

.hotnews {
        width: 154px;
        border: 1px solid black;
        border-top: none;
        margin: auto;
        background-color: #faf5e1;
        padding-bottom: 10px;
        margin-bottom: 10px;    
        color: Black;
}

.hotnews h3{
        color: #2a993c;
        text-align: center;
        margin: 0;
        padding: 2px 15px;
        font-weight: normal;
        font-family: "Century Gothic";
        font-size: 14px;
        background-color: #dfe0e2;
        margin-bottom: 10px;
}

.hotnews p{
        margin: 0;
        padding: 0 10px;
        font-size: 10px;
}

.hotnews img{
        display: block;
        border: none;
}

.hotnews p.news {
        padding-bottom: 10px;
}

.hotnews p.news a{
        color: Black;
}

.hotnews p.allnews{
        text-align: center;
}

.hotnews p.hr {
        background: url(/img/dot.gif) repeat-x center;
}

.hotnews p.act{
        padding-left: 23px;
}

.hotnews a {
        color: #3c2977;
        text-decoration: none;
}

.list h3{
        margin: 0;
        padding: 5px;
        color: #27513e;
        font-size: 12px;
                  padding-left: 15px;
}

.list ul {
        margin: 0 10px;
        padding: 0 15px;
        font-size: 12px;
}

.list ul li a {
        font-size: 12px;
		text-decoration: none;
		color: White;
}


.content{
        width: 710px;        
        margin: 0 0 0 170px;
        border-left: 1px solid #4e6455 !important;
        border-left: none;
        background-color: #faf5e1;
        padding-bottom: 30px;
		font-family: tahoma;
}

.text {
        font-size: 12px;
        padding: 20px;
        color: #030;
}

img#top-banner{ margin: 0px 0px 5px 0px; }

.content h1{
        font-size: 15px;
}

.content h1 a{
        font-size: 16px;
        color: #688678;
        text-decoration: none;
}

.content h1 a:hover{
        font-size: 16px;
        color: #688678;
        text-decoration: underline;
}

.content h2{
        font-size: 16px;
}

.content h2 a{
        font-size: 16px;
        color: #688678;
        text-decoration: none;
}

.content h2 a:hover{
        font-size: 16px;
        color: #688678;
        text-decoration: underline;
}

.content a {
        color: #688678;
}

.content p{
        margin: 0;
        padding: 0 0 10px 0;
}

.lead{
        padding-top: 5px;
}

/* ----------------------------------------------------------------------------------------------------------------- */
.imgnav {
        text-align: center;
}
         
.navlink {
        width: 164px;
        height: 164px;
        text-align: center;
        float: left;
        margin: 5px;
        border: 2px solid #688678;
}        
.navlink img{
        display: block;
        margin: auto;
}       

.navlink a {
        display: block;
        width: 160px;
        height: 160px;
        margin: 2px;
}

.navlink div.a {
        display: block;
        width: 160px;
        height: 160px;
        margin: 5px;
}

.navlink br{
        clear: left;
}        


div.navlink2 {
        width: 164px;
        height: 164px;
        text-align: center;
        float: left;
        margin: 5px;
        border: 2px solid #688678;
        font-size: 12px;
}
div.navlink2 img{
        display: block;
        margin: 0 auto 3px; auto;
}

div.navlink2 a {
        display: block;
        width: 160px;
        height: 160px;
        margin: 2px;
        text-align: center;
}
div.navlink2 br{
        clear: left;
}

.imggallery {
        width: 164px;
        height: 124px;
        float: left;
        text-align: center;
        border: 2px solid #688678;
        margin: 5px;
}

.imggallery img{
        margin: 2px; 
                  
}

.projects {
        background: white;
        border: 2px solid #6E0D74;
}

.projects img{
        border: none;
}

#img{
        display: block;
        margin: 0 auto;
   border: 2px solid #688678;
}

.arrows{
        width: 100px;
        margin: 10px auto;

}

.pages{
        
}

.content h3 {
        font-size: 14px;
}

.content h4{ font-size: 12px; ате-weight: bold; border-bottom: 1px solid #949F8E; padding: 0px 0px 7px 0px; margin: 10px 0px; }
.content h4 span{ color: #C82F2A; }

.content ul{ padding: 0px 0px 10px 15px; margin: 0px; }
.content ul li{ padding: 0px 0px 5px 0px; }

.art {
        margin: 10px 0;
}

.art h3 {
        padding: 0;
        margin: 0 0 5px 0;
}

.art img {
        float: left;
        margin: 0 10px 10px 0;
        border: none;
}

.art p {
        margin: 0;
        padding: 0;
}

.art p.details {
        margin-bottom: 15px;    
}


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


.rightblock{
        float: right;
        width: 311px;
        padding: 3px;
        margin: 10px;
}





.pix {  
 height: 300px;
        display: block;
}

.box{

}

.img{
        position: relative !important;
        position: static;
}

.s1,
.s2,
.s3,
.s4{
        width: 51%;
        height: 51%;
        position: absolute;
        font-size: 1px;
                  display: block !important;
                  display: none;
}

.s1{
        background: url(/img/s1.gif) no-repeat left top;
        z-index: 1;
        top: 0;
        left: 0;
}

.s2{
        background: url(/img/s2.gif) no-repeat right top;
        z-index: 2;
        top: 0;
        right: 0;
}
.s3{
        background: url(/img/s3.gif) no-repeat right bottom;
        z-index: 3;
        right: 0;
        bottom: 0;
}
.s4{
        background: url(/img/s4.gif) no-repeat left bottom;
        z-index: 4;
        left: 0;
        bottom: 0;
}

.calc {
        width: 294px;
        height: 168px;
        border: 1px dashed green;
        margin: 10px auto;
}

.ende {
        font-size: 1px;
        border-top: 1px solid #273c32;
        margin: 0 5px 0 171px;
        clear: both;
        background-color: #688678;
        height: 25px;
}

.lists {
        background-color: #688678;
        margin: 0 5px 0 10px;
        padding: 3px 0 10px 0;
        clear: both;
}

#artright { width: 280px; float: right; margin: 0 0 10px 20px; }

.lists-new{ background-color: #688678; margin: 0px 5px 0px 20px; padding: 3px 0px 10px 0px; position: absolute; bottom: 0px; margin-bottom: 65px;
            z-index: 5; width: 870px;}

.lists h2,
.lists-new h2{
        margin: 2px 0 3px 0;
        padding: 0;
        font-size: 14px;
        color: White;
        width: 152px;
        text-align: right;
}

.lists h3,
.lists-new h3{
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        clear: left;
        width: 152px;
        text-align: right;
}

.lists ul,
.lists-new ul{
        margin: 0 0 0 161px;
        padding: 0px 0 3px 0;
        text-indent: 0 !important;
        text-indent: -3px;      
}

.lists li,
.lists-new li{
        list-style-type: none;
        color: White;
        display: inline;
        margin: 0;
        padding: 0;
} 


.bottom{
        background: url(img/shadow.gif) no-repeat center bottom;
        height: 51px;
        padding: 0 11px 11px 10px;
        clear: both;
}

.end{
        height: 50px;
        font-size: 1px;
   background: url(/img/shadow-y.gif) repeat-y; 
}

.footer {
        background: url(img/bottom.gif);
        height: 51px;
        background-position: top;
        background-repeat: no-repeat;
        position: relative;
}

.downmenu {
text-align: right;
padding: 15px 10px 0 190px;
}

.downmenu ul{
        margin:  0;
        padding: 0;
        border-right: 1px solid white;
}

.downmenu ul li{
        float: left;
        list-style-type: none;
        margin: 5px 0 0 0;
        padding: 1px 5px 2px 5px;
        border-left: 1px solid white;
}

.downmenu ul li a {
        color: White;
        text-decoration: none;
}

.downmenu ul li ul {
        display: none;
}

.niceweb {
        position: absolute;
        width: 500px;
        text-align: center;
        left: 50%;
        margin-left: -250px;
        bottom: -35px;
        font-size: 10px;
        color: #4c6253;
        padding-bottom: 10px;
}

.niceweb a{
        text-decoration: none;
        color: #4c6253;
}

.path {
        margin-bottom: 10px;
}
strong.toggler{ cursor: pointer; text-decoration: underline; padding-bottom: 5px;} 
div.element{ margin: 5px; }
div.element a {color: #003300; text-decoration: none; }

#gallery-main{ width: 280px; float: right; margin: 25px 0px 20px 0px; }
#gallery-main #title{ background-color: #688678; border: 1px solid #000000; padding: 4px 0px 6px 6px; margin-bottom: 10px; }
#gallery-main #title a{ display: block; color: #FFFFFF; }
#gallery-main .gallery-left{ width: 150px; float: left; margin-bottom: 15px; }
#gallery-main .gallery-right{ width: 130px; float: left; margin-bottom: 15px; }
#gallery-main img{ margin-bottom: 3px; }

#projects-main{ background-color: #688678; padding: 0px 0px 0px 12px; margin: 20px 0px 20px 0px; height: 160px; }
#projects-main #title{ padding: 10px 0px 8px 0px; }
#projects-main #title a{ color: #FFFFFF; }
#projects-main .project{ width: 163px; float: left; padding: 0px 0px 15px 0px; }
#projects-main .project img{ margin: 0px 0px 10px 0px; }
#projects-main .project a{ color: #FFFFFF; }

#h2 { color: #003300; font-size: 14px; display: inline; margin: 0; padding: 0; }
span.spn { cursor: pointer; text-decoration: none; }
span.spn:hover { cursor: pointer; text-decoration: underline; }