html {
    min-height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Arial';
    color: #919191;
    background: url('../images/bg-footer.png') repeat;
}

a {
    text-decoration: none;
    color: #94ab0e;
    font-size: 12px;
    font-family: 'Arial';
}

a:hover {
    text-decoration: none;
}

p, .text {
    font-size: 12px;
    color: #919191;
    line-height: 19px;
    font-family: 'Arial';
    margin: 5px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.clear { clear: both; }
.last { margin-right: 0 !important; }

#header-wrapper {
    position: relative;
    width: 100%;
    height: 117px;
    background: url('../images/bg.png') repeat;
}

#header {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 117px;
}

#logo {
    position: absolute;
    top: 24px;
    left: 0;
    height: 76px; 
    width: 232px;
    background: url('../images/logo.png') no-repeat;
    z-index: 20;
}

#slider-wrapper {
    position: relative;
    width: 100%;
    height: 518px;
    background: url('../images/bg-slider.png') repeat-x;
    border-bottom: 1px solid #fff;
}

#slider-img {
    position: absolute;
    width: 100%;
    height: 518px;
    top: 0;
    left: 0;
    overflow: hidden;
}

.slide-1 { position: relative; float: left; width: 100%; height: 518px; background: url('../temp/slide-1.png') no-repeat center top; }
.slide-2 { position: relative; float: left; width: 100%; height: 518px; background: url('../temp/slide-2.png') no-repeat center top; }
.slide-3 { position: relative; float: left; width: 100%; height: 518px; background: url('../temp/slide-3.png') no-repeat center top; }
.slide-4 { position: relative; float: left; width: 100%; height: 518px; background: url('../temp/slide-4.png') no-repeat center top; }
.slide-5 { position: relative; float: left; width: 100%; height: 518px; background: url('../temp/slide-5.png') no-repeat center top; }

.slider-desc { position: relative; float: left; width: 500px; height: 432px; overflow: hidden; }
.slider-desc .slide { position: relative; float: left; width: 432px; height: 500px; }
.slider-desc .slide label, .baner label { position: relative; float: left; width: 500px; font-family: 'Georgia'; font-style: italic; font-size: 42px; color: #121f9c; text-transform: uppercase; margin-top: 120px; }
.slider-desc .slide label+label, .baner label+label { font-size: 22px; margin-top: 7px; color: #000; }
.slider-desc .slide .more, .baner .more { position: relative; float: left; font-size: 18px; color: #323da9; font-family: 'Georgia'; text-transform: uppercase; padding: 10px 30px; margin-top: 40px; border: 1px solid #e4e4e4; }

#slider {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 432px;
}

.menu { 
    position: absolute;
    left: 290px;
    top: 47px;
    height: 34px;
    width: 670px;
}

.menu a {
    position: relative;
    float: left;
    color: #717171;
    font-size: 18px;
    font-family: 'Georgia';
    font-style: italic;
    margin-left: 13px;
}

.menu a:hover, .menu a.active, .menu-f a:hover, .menu-f a.active { color: #2935a6; }

.content-wrapper { position: relative; margin: 0 auto; width: 100%; background: url('../images/bg-content.png') repeat-x #fff; }
.content { position: relative; margin: 0 auto; width: 960px; min-height: 200px; padding-bottom: 55px; }

.offer { position: absolute;  width: 968px; height: 173px; background-color: #fff; top: -87px; left: -5px; padding: 0 1px 0 1px; z-index: 50; }
.offer .box { position: relative; float: left; width: 317px; height: 192px; margin: 5px 0 5px 4px; background: url('../images/offer.png') no-repeat 0 0 }
.offer .box-a { background-position: -321px 0; }
.offer .box-b { background-position: -642px 0; }
.offer .box label { position: relative; float: left; width: 317px; font-family: 'Georgia'; font-style: italic; font-size: 30px; color: #2935a6; text-align: center; margin-top: 19px;  }
.offer .box label+label { font-size: 18px; color: #000; text-transform: uppercase; margin-top: 0; }
.offer .box a { position: relative; float: left;  padding: 5px 10px; border: 1px solid #fff; font-size: 11px; font-family: 'Georgia'; color: #121f9c; text-transform: uppercase; margin: 13px 0 0 104px; }
.offer .box a:hover { color: #000; border: 1px solid #000;  }

.fass-wrapper { position: relative; width: 100%; height: 260px; background: url('../images/fass.png') no-repeat center top #ceeff2; }
.fass { position: relative; margin: 0 auto; width: 960px; height: 260px; }
.fass #krs { position: absolute; top: 158px; left: 179px; font-family: 'Georgia'; color: #000; font-size: 30px; }

.news-home-wrapper { position: relative; width: 100%; height: 590px; background: url('../images/bg-news.png') repeat-x; }
.news-home { position: relative; margin: 0 auto; width: 960px; height: 590px; }

.footer-wrapper { position: relative; width: 100%; background: url('../images/bg-footer.png') repeat; }
.footer { position: relative; margin: 0 auto; width: 960px;  height: 216px; }

h1, h4 { position: relative; float: left; width: 100%; font-family: 'Georgia'; font-style: italic; font-size: 24px; color: #2935a6; margin: 30px 0 25px 0; padding: 16px 0 10px 29px; background: url('../images/h1.png') no-repeat; width: -moz-calc(100% - 29px); width: -webkit-calc(100% - 29px); width: -o-calc(100% - 29px);  width: calc(100% - 29px); }
h1 span, h4 span { text-transform: uppercase; color: #000; }

.start-left { position: relative; float: left; width: 463px; margin-top: 105px; }
.start-right { position: relative; float: right; width: 463px; margin-top: 105px; }

.button { position: relative; float: left; padding: 10px 20px; color: #5c5c5c; font-size: 14px; text-transform: uppercase; font-family: 'Georgia'; border: 1px solid #e8e8e8; margin-top: 25px; }
.button:hover { border: 1px solid #000; color: #000; }
.start-right img { float: left; margin-right: 1px; }

.gallery-box { position: relative; float: left; width: 431px; height: 80px; margin-left: 30px; }
.gallery-m { float: left; width: 107px; height: 80px; background: url('../images/gallery-m.png') no-repeat 0 0; }

.right-box { position: relative; float: left; width: 431px; margin-left: 30px; }

.footer .inside { position: relative; float: left; width: 960px; height: 92px; border-bottom: 1px solid #fff; }
.footer .menu-f { position: absolute; top: 40px; left: 175px; height: 30px; }

.menu-f a {
    position: relative;
    float: left;
    color: #717171;
    font-size: 16px;
    font-family: 'Georgia';
    font-style: italic;
    margin-right: 11px;
}

#project { position: absolute; top: 111px; right: 0; font-family: 'Arial'; color: #717171; font-size: 12px; }
#project a { color: #2935a6; }
#project a:hover { text-decoration: underline; }

#copyright { position: absolute; top: 111px; left: 0; font-family: 'Arial'; color: #717171; font-size: 12px; }
#copyright span { color: #2935a6; }

.news-home .news-box { position: relative; float: right; width: 928px; height: 470px; margin-top: 8px; background-color: #fff; }

.news-box .item { position: relative; float: left; width: 308px; height: 420px;  margin-left: 1px; }
.news-box .item img { position: relative; float: left; width: 308px; height: 210px;  }
.news-box .item .desc { position: relative; float: left; width: 308px; height: 210px; background-color: #fff; }
.news-box .item .desc-a { background: url('../images/news-a.png') no-repeat right top #fff; margin-top: 1px; }
.news-box .item .desc-b { background: url('../images/news-b.png') no-repeat left top #fff;  margin-bottom: 1px; }
.news-box .item .desc-c { background: url('../images/news-c.png') no-repeat left top #fff;  margin-top: 1px; }

.news-box .item h3 { position: relative; float: left; width: 253px; color: #2935a6; text-transform: uppercase; font-size: 18px; font-family: 'Georgia'; margin: 40px 0 25px 29px; }
.news-box .item p { position: relative; float: left; width: 253px; margin-left: 29px; }
.news-box .item a { position: relative; float: left; padding: 7px 12px; border: 1px solid #d7d7d7; text-transform: uppercase; color: #5c5c5c; font-size: 10px; font-family: 'Georgia'; margin: 12px 0 0 29px; }
.news-box .item span { position: relative; float: right;  text-transform: uppercase; color: #5c5c5c; font-size: 10px; font-family: 'Georgia'; margin: 20px 24px 0 0; }
.news-box .item a:hover { border: 1px solid #5c5c5c; color: #000; }

.baner-wrapper {
    position: relative;
    width: 100%;
    height: 280px;
    background: url('../temp/baner-1.png') no-repeat center top;
}

.baner { position: relative; margin: 0 auto; width: 960px; height: 280px;}
.baner label { margin-top: 55px; width: 100%; }

.content .left-c { position: relative; float: left; width: 598px; }
.content .right-c { position: relative; float: right; width: 318px; }

.menu-right { position: relative; float: left; width: 318px; margin: 44px 0 0 0; }
.menu-right .top { position: relative; float: left; width: 318px; height: 19px; background: url('../images/menu-top.png') no-repeat; }
.menu-right .center { position: relative; float: left; width: 278px; padding: 0 0 0 40px;  background: url('../images/menu-center.png') repeat-y; }
.menu-right .bottom { position: relative; float: left; width: 318px; height: 24px; background: url('../images/menu-bottom.png') no-repeat; }

.menu-right h4 { margin: 15px 0 0 0; }

.tree { position: relative; float: left; padding: 0; list-style-type: none; width: 271px;  }
.tree li { width: 220px; padding: 6px 0px 6px 20px; position: relative; float: left; }
.tree li a { font-size: 12px; font-family: 'Arial'; font-weight: bold; color: #2935a6; }
.tree li.active, .tree li:hover { color: #e62c13;  }
.tree li.active a, .tree li:hover a { color: #e62c13; }

.tree .soon-0.active, .tree .soon-0:hover { background-color: #fff;  }
.tree .soon-0.active a, .tree .soon-0:hover a { color: #e62c13; }

.left-c img { border: 2px solid #DFDFDF; padding: 3px; margin-right: 10px; }

/************************************************************************************/


.input {
    width: 435px;
    border: 1px solid #cfcfcf;
    margin-top: 5px;
    color: #6e6e6e;
    font-weight: bold;
    font-size: 11px;
    height: 25px;
    padding-left: 10px;
    font-family: 'Arial';
    background-color: #E9E9E9;
    border-radius: 0px;
}

textarea {
    width: 435px;
    border: 1px solid #cfcfcf;
    margin-top: 5px;
    min-height: 100px; 
    color: #6e6e6e;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 10px;
    resize: vertical;
    font-family: 'Arial';
    background-color: #E9E9E9;
    font-weight: bold;
    border-radius: 0px;
    overflow: auto; 
}

#contact-b {
    position: relative;
    float: left;
    margin: 5px 0 20px 0;
    width: 600px;
}

#contact-b label {
    color: #5F6669;
}

.msg {
    position: relative;
    float: left;
    border: 0px;
    border-style: solid;
    margin-bottom: 10px;
    background-color: #9EDCED;
    border-radius: 0px;
    padding: 10px 10px;
    text-align: center;
    margin-bottom: 15px;
    width: 581px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.msg.error {
    background-color: #B45859;
}

#submit-a {
    background-color: #121F9C;
    color: #fff;
    padding: 9px 13px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    border-radius: 0px;
    font-family: 'Georgia';
    
}

#siteForm label span {
    color: #EB3B01;
}


.newsx {
    position: relative;
    float: left;
    margin: 0px 0 40px 0;
    width: 590px;
}

.newsx:last-child {
    margin-bottom: 40px;
}

.newsx .news-inside {
    position: relative;
    float: right;
    width: 417px;
    border: 0;
    
}

.newsx h3 {
    position: relative;
    float: left;
    width: 425px;
    font-family: 'Georgia';
    font-weight: normal;
    padding: 0;
    top: 10px;
}

.newsx h3 a {
    position: relative;
    color: #242029;
    font-family: 'Georgia';
    font-size: 16px;
    text-decoration: none;
    top: -9px;
}

.newsx h3 span {
    position: relative;
    color: #2935a6;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 0;
    top: -7px;
    font-weight: normal;
    font-family: 'Georgia';

}

.newsx p {
    position: relative;
    float: left;
    width: 425px;
    margin: 18px 0 8px 0;
}

.read { color: #2935a6; }
.read:hover { text-decoration: underline; }

.hide { display: none; }

#mapa {
    position: relative;
    float: left;
    width: 600px; 
    height: 250px;
    border: 1px solid #DFDFDF;
}