@charset "utf-8";

html,
body {
    width:100%;
    height:100%;
}

body {
    margin:0;
    padding:0;
    background:#f4f9f5 url(../img/bg-t.png) repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#434343;
}

input,
select,
textarea,
button {
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    font-size:12px;
    outline:none;
}

img {
    border:0;
}

a {
    color:#1f5077;
    text-decoration:underline;
    outline:none;
}

a:hover {
    text-decoration:none;
}

table {
    border-collapse:collapse;
}

h2 {
    font:bold 23px/1 Arial, Helvetica, sans-serif;
    margin:0 0 9px 0;
    color:#1f5077;
}

h3 {
    font:bold 19px Arial, Helvetica, sans-serif;
    color:#1f5077;
    margin:0 0 20px 0;
}

h3 img {
    vertical-align:middle;
    margin:0 17px 0 0;
}

h4 {
    font:bold 14px Arial, Helvetica, sans-serif;
    margin:0 0 6px 0;
    color:#1f5077;
}

h5 {
    font:bold 14px Arial, Helvetica, sans-serif;
    color:#1f5077;
    margin:0 0 15px 0;
}

.blue {
    color:#1f5077;
}

.red {
    color:#840606;
}

big,
.big {
    font-size:15px;
}

#container {
    margin: 0 auto;
    text-align: left;
    min-width:1000px;
    max-width:1400px;
    /*min-height:100%;
    height:auto!important;
    height:100%;*/
    position:relative;
}

.main-indent {
    width:98%;
    margin:0 auto;
    zoom:1;
    position:relative;
}

.header {
    position:relative;
    height:168px; /*!!!*/
    padding:16px 0 0 222px; /*!!!*/
    z-index:200;
}

.header .logo {
    position:absolute;
    display:block;
    background:url(../img/logo.png) no-repeat;
    width:185px;
    height:82px;
    overflow:hidden;
    text-indent:-9999px;
    cursor:pointer;
    top:16px; /*!!!*/
    left:14px;
}

.header .tel {
    position:absolute;
    left:19px;
    top:105px;
    padding:0 0 0 16px;
    font-size:17px;
    font-weight:bold;
    background:url(../img/phone.png) no-repeat 0 50%;
}

.header .menu {
    width:100%;
    position:relative;
    z-index:200;
}

.header .menu tr td {
    padding:0 11px 0 16px;
    background:url(../img/menu-dot.png) no-repeat 0 50%;
    font-size:14px;
    font-weight:bold;
    line-height:33px;
    text-align:left;
    vertical-align:top;
    text-align:center;
    text-transform:uppercase;
}

.header .menu tr td.first {
    padding-left:0;
    background:none;
}

.header .menu tr td a {
    display:inline-block;
    height:33px;
    background:url(../img/menu-btn.png) no-repeat 0 -9999px;
    color:#424242;
    text-decoration:none;
    padding:0 0 0 25px;
    white-space:nowrap;
}

.header .menu tr td a span {
    display:inline-block;
    background:url(../img/menu-btn.png) no-repeat 0 -9999px;
    height:33px;
    cursor:pointer;
    padding:0 25px 0 0;
}

.header .menu tr td.active a,
.header .menu tr td .hold:hover a,
.header .menu tr td .hold.hover a,
.header .menu tr td a:hover {
    background-color:#63a063;
    background-position:0 0;
    text-decoration:none!important;
    color:#fff;
}

.header .menu tr td.active a span,
.header .menu tr td .hold:hover a span,
.header .menu tr td .hold.hover a span,
.header .menu tr td a:hover span {
    background-position:100% 0;
}

.header .menu tr td .hold {
    zoom:1;
    position:relative;
    z-index:200;
    display:inline-block;
}

.header .menu tr td .hold:hover a,
.header .menu tr td .hold:hover a span,
.header .menu tr td .hold.hover a,
.header .menu tr td .hold.hover a span {
    background-image:url(../img/menu-btn2.png);
    position:relative;
    z-index:300;
}

.header .menu tr td .sub {
    position:absolute;
    width:249px;
    top:-9999px;
    left:-9999px;
    white-space:normal;
}

.header .menu tr td .hold:hover .sub,
.header .menu tr td .hold.hover .sub {
    top:16px;
    left:-1px;
}

.header .menu tr td .sub .sub-t {
    background:url(../img/sub-corners.png) no-repeat;
    height:15px;
    overflow:hidden;
}

.header .menu tr td .sub .sub-b {
    background:url(../img/sub-corners.png) no-repeat 0 -15px;
    height:15px;
    overflow:hidden;
}

.header .menu tr td .sub ul {
    list-style:none;
    margin:0;
    padding:0;
    background:#fff;
    border-left:1px solid #bae0e1;
    border-right:1px solid #bae0e1;
    text-align:left;
    font:normal 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:none;
    zoom:1;
    overflow:hidden;
}

.header .menu tr td .sub ul li {
    padding:0 10px 0 24px;
    background:url(../img/dot.png) no-repeat 9px 6px;
    margin:10px 0;
}

.header .menu tr td .sub ul li a {
    padding:0;
    display:inline;
    height:auto;
    background:none!important;
    white-space:normal;
    color:#1f5077!important;
    text-decoration:underline;
}

.header .menu tr td .sub ul li a:hover {
    text-decoration:none;
}

.header .text {
    position:relative;
    top:13px;
    margin:0 auto;
    text-align:center;
    background:url(../img/head-text.png) no-repeat;
    width:718px;
    height:16px;
    margin:0 auto;
    color:#224e6f;
    line-height:15px;
    font-size:12px;
    text-shadow:1px 2px 0 #9cbebf;
    left:-111px;
}

.three-col {
    padding:0 245px 0 258px;
    zoom:1;
}

.two-col {
    padding:0 0 0 258px;
    zoom:1;
}

.aside-l {
    float:left;
    width:249px;
    padding:0 9px 0 0;
    margin:0 0 0 -258px;
    position:relative;
    display:inline;
}

.aside-r {
    float:left;
    width:235px;
    margin:0 0 0 -245px;
    left:255px;
    position:relative;
    display:inline;
}

.mainContent {
    float:left;
    /*min-width: 660px !important;*/
    width:100%;
    position:relative;
}

.footer-place {
    overflow:hidden;
    clear:both;
    float:none;
    padding:50px 0 0 0;
}

.footer {
    position:relative;
    zoom:1;
    overflow:hidden;
    padding:0 0 21px 0;
    background:url(../img/bg-b.png) repeat-x;
    font-size:11px;
    line-height:1.4;
    color:#303030;
}

#footer-wrap {
    min-width:1000px;
    max-width:1400px;
    zoom:1;
    margin:0 auto;
}

.footer .b-menu {
    list-style:none;
    margin:0 0 8px 0;
    padding:0;
    text-align:center;
    font:bold 11px/34px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#fff;
}

.footer .b-menu li {
    display:inline-block;
    padding:0 25px 0 30px;
    background:url(../img/menu-dot-b.png) no-repeat 0 50%;
}

.footer .b-menu li.first {
    padding-left:0;
    background:none;
}

.footer .b-menu li a {
    color:#fff;
    text-decoration:none;
}

.footer .b-menu li a:hover {
    text-decoration:underline;
}

.footer .studio {
    float:right;
}

.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: ' ';
    clear:both;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

.aside-l .block {
    margin:0 0 10px 0;
    zoom:1;
}

.aside-l .block .bg-t {
    background:url(../img/aside-l-block.png) no-repeat;
    height:17px;
    overflow:hidden;
}

.aside-l .block .bg-b {
    background:url(../img/aside-l-block.png) no-repeat 0 -19px;
    height:17px;
    overflow:hidden;
}

.aside-l .block .bg-c {
    background:#fff;
    border-left:1px solid #bae0e1;
    border-right:1px solid #bae0e1;
    padding:13px 19px;
    zoom:1;
}

.aside-r .block {
    margin:0 0 10px 0;
    zoom:1;
}

.aside-r .block .bg-t {
    background:url(../img/aside-r-block.png) no-repeat;
    height:9px;
    overflow:hidden;
}

.aside-r .block .bg-b {
    background:url(../img/aside-r-block.png) no-repeat 0 -11px;
    height:9px;
    overflow:hidden;
}

.aside-r .block .bg-c {
    background:#def2ff;
    border-left:1px solid #b1dfe0;
    border-right:1px solid #b1dfe0;
    padding:0 9px;
    zoom:1;
    overflow:hidden;
}

.mainContent .block {
    margin:0 0 10px 0;
    zoom:1;
    z-index:1;
}

.mainContent .block-holder .block {
    margin:0 0 10px 0;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

.mainContent .block-holder .active {
    z-index:2;
}

.mainContent .block-holder {
    width:100%;
    overflow:hidden;
    position:relative;
    height:500px;
}

.mainContent .block .bg-tl {
    background:url(../img/mainblock.png) no-repeat;
    height:15px;
    overflow:hidden;
    padding:0 0 0 15px;
}

.mainContent .block .bg-tr {
    height:15px;
    background:url(../img/mainblock.png) no-repeat 100% -34px;
}

.mainContent .block .bg-bl {
    background:url(../img/mainblock.png) no-repeat 0 -17px;
    height:15px;
    overflow:hidden;
    padding:0 0 0 15px;
}

.mainContent .block .bg-br {
    height:15px;
    background:url(../img/mainblock.png) no-repeat 100% -51px;
}

.mainContent .block .bg-c {
    background:#d3e2ed url(../img/mainblock-c.png) repeat-x;
    border-left:1px solid #b1dfe0;
    border-right:1px solid #b1dfe0;
    zoom:1;
    padding:2px 21px 32px 21px;
}

.l-menu {
    list-style:none;
    margin:0 0 0 -25px;
    position:relative;
    left:14px;
    zoom:1;
    padding:0;
    font-size:16px;
    font:normal 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    width:230px;
}

.l-menu li {
    padding:8px 0 0 0;
    background:url(../img/menu-hover.png) no-repeat 0 -9999px;
    position:relative;
    zoom:1;
}

.l-menu li:hover,
.l-menu li.hover {
    background-position:0 0;
    z-index:10;
}

.l-menu li a {
    display:block;
    padding:0 5px 8px 9px;
    background:url(../img/menu-hover.png) no-repeat 0 -9999px;
}

.l-menu li:hover a,
.l-menu li.hover a {
    background-position:0 100%;
    text-decoration:underline;
}

.l-menu li a span {
    padding:0 0 0 15px;
    background:url(../img/dot2.png) no-repeat 0 5px;
    display:block;
}

.l-menu li ul {
    list-style:none;
    padding:8px 1px 15px 11px;
    position:absolute;
    background:url(../img/submenu.png) no-repeat 0 100%;
    width:179px;
    top:-9999px;
    left:21px;
    margin:-1px 0 0 0;
    z-index:10;
    line-height:1.2;
    font-size:13px;
}

.l-menu li:hover ul,
.l-menu li.hover ul {
    display:block;
    top:100%;
}

.l-menu li ul li {
    padding:0;
    background:none;
    zoom:1;
    vertical-align:bottom;
    margin:0;
}

.l-menu li ul li a,
.l-menu li ul li:hover a,
.l-menu li ul li.hover a {
    background:url(../img/submenu-link.png) no-repeat 0 50%;
    padding:5px 0;
    zoom:1;
}

.l-menu li ul li.first a {
    background-position:0 0!important;
    padding-top:0;
}

.l-menu li ul li.last a {
    background-position:0 100%!important;
    padding-bottom:0;
}

.l-menu li ul li a:hover {
    background-color:#fff;
    text-decoration:underline;
}

.l-menu li ul li a span {
    padding:0 0 2px 0;
    background:url(../img/submenu-link-span.png) no-repeat 0 -9999px;
}

.l-menu li ul li a span span {
    padding:2px 8px 0 15px;
}

.l-menu li ul li a:hover span {
    background-position:0 100%;
}

.l-menu li ul li a:hover span span {
    background-position:0 0;
}

.carousel {
    position:relative;
    zoom:1;
    padding:2px 0 2px 0;
}

.carousel .prev {
    background:url(../img/carousel-arr.png) no-repeat;
    width:47px;
    height:47px;
    overflow:auto;
    cursor:pointer;
    top:0;
    left:0;
    position:absolute;
}

.carousel .next {
    background:url(../img/carousel-arr.png) no-repeat -159px 0;
    width:47px;
    height:47px;
    overflow:auto;
    cursor:pointer;
    top:0;
    right:0;
    position:absolute;
}

.play, .carousel .play {
    background:url(../img/carousel-arr.png) no-repeat -106px 0;
    width:47px;
    height:47px;
    overflow:auto;
    cursor:pointer;
    top:10px;
    right:60px;
    position:absolute;
    z-index: 50;
}

.pause, .carousel .pause {
    background:url(../img/carousel-arr.png) no-repeat -53px 0;
    width:47px;
    height:47px;
    overflow:auto;
    cursor:pointer;
    top:10px;
    right: 60px;
    position:absolute;
    z-index: 50;
}

.carousel .hold {
    width:217px;
    position:relative;
    overflow:hidden;
    height:663px;
}

.carousel .hold ul {
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    top:0;
    left:0;
    height:9999px;
    overflow:hidden;
}

.carousel .hold ul li {
    width:187px;
    height:193px;
    background:url(../img/carousel-items.png) no-repeat;
    margin:0 0 9px 0;
    overflow:hidden;
    padding:22px 15px 0 15px;
}

.carousel .hold ul li.top {
    background-position:-219px 0;
}

.carousel .hold ul li h4 {
    line-height:17px;
    height:32px;
    overflow:hidden;
    margin:0 0 10px 8px;
}

.carousel .hold ul li h4 a {
    text-decoration:none;
}

.carousel .hold ul li .photo {
    height:115px;
    text-align:center;
}

.carousel .hold ul li .text {
    font-size:11px;
    line-height:15px;
    height:47px;
    overflow:hidden;
}

.more {
    zoom:1;
    overflow:hidden;
    font-size:12px;
    margin:5px 0 0 0;
    line-height:21px;
}

.more a {
    display:block;
    float:right;
    background:url(../img/green-btn.png) no-repeat;
    padding:0 0 0 6px;
    height:21px;
    color:#fff;
    text-decoration:none;
}

.more a span {
    background:url(../img/green-btn.png) no-repeat 100% -23px;
    display:block;
    float:left;
    padding:0 15px 0 9px;
    cursor:pointer;
}

.top-banner {
    zoom:1;
    overflow:hidden;
    padding:16px 12px 28px 12px;
    font-size:14px;
    color:#1f5077;
}

.top-banner .photo {
    float:right;
    margin:-6px 0 0 0;
    width:45%;
    text-align:center;
}

.top-banner a {
    text-decoration:none;
}

.top-banner h2 {
    line-height:0.8;
    margin-right:24px;
}

.top-banner .big1 {
    font-size:27px;
    text-transform:uppercase;
    font-weight:normal;
    line-height:1;
}

.top-banner .big2 {
    font-size:48px;
}

.white-block {
    zoom:1;
    margin:0 0 16px -28px;
    position:relative;
    left:14px;
    font-size:15px;
    font-weight:bold;
    color:#840606;
}

.white-block .white-tl {
    background:url(../img/bordered-white.png) no-repeat;
    height:7px;
    overflow:hidden;
    padding:0 0 0 7px;
}

.white-block .white-tr {
    height:7px;
    overflow:hidden;
    background:url(../img/bordered-white.png) no-repeat 100% -18px;
}

.white-block .white-bl {
    background:url(../img/bordered-white.png) no-repeat 0 -9px;
    height:7px;
    overflow:hidden;
    padding:0 0 0 7px;
}

.white-block .white-br {
    height:7px;
    overflow:hidden;
    background:url(../img/bordered-white.png) no-repeat 100% -27px;
}

.white-block .white-c {
    background:#fff;
    border-left:1px solid #bae0e1;
    border-right:1px solid #bae0e1;
    zoom:1;
    overflow:hidden;
    padding:7px 12px;
}

.list {
    list-style:none;
    margin:23px 0;
    color:#1f5077;
    font-weight:bold;
    left:0.9;
    padding:0;
    height:100%;
    overflow:hidden;
}

.list li {
    margin:18px 0;
    zoom:1;
    padding:0 0 0 35px;
    background:url(../img/dot2.png) no-repeat 19px 5px;
}

.image {
    zoom:1;
    margin:20px 0 40px 0;
}

.image.fl {
    clear:left;
    float:left;
    margin:0 17px 25px 0;
}

.image.fr {
    clear:right;
    float:right;
    margin:0 0 25px 17px;
}

.image img {
    display:block;
    border:5px solid #b1dfe0;
}

.rfloatimg {
    clear:right;
    float:right;
    margin:0 0 25px 17px;
}

.promo-hold{
    width:100%;
    overflow:hidden;
    position:relative;
    height:500px;
}

.promo-text {
    margin:0 250px;
    text-align:justify;
    position:absolute;
    left:0;
    top:0;
}

.promo-text h1 {
    font-size:16px;
    text-align:center;
}
.slider-prev {
    width:47px;
    height:47px;
    cursor:pointer;
    position:absolute;
    top:10px;
    right:110px;
    z-index:50;
    background:url(../img/slider-nav.png) no-repeat;
}

.slider-next {
    width:47px;
    height:47px;
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px;
    z-index:50;
    background:url(../img/slider-nav.png) no-repeat -53px 0;
}

/*---NEW---*/
.partners {
    background:url(../img/partners.png) no-repeat;
    height:60px;
    padding:0 0 0 13px;
    margin:0 0 8px 0;
    position:relative;
    overflow:hidden;
}

.partners .bg {
    height:49px;
    position:relative;
    background:url(../img/partners.png) no-repeat 100% -70px;
    padding:11px 0 0 0;
}

.partners .block {
    float:left;
    width:50%;
    position:relative;
    height:45px;
    background:url(../img/partners.png) no-repeat 0 -140px;
    left:-8px;
}

.partners .block.right {
    float:right;
    left:-5px;
}

.partners .block .bg2 {
    height:45px;
    background:url(../img/partners.png) no-repeat 100% -195px;
    position:relative;
    /*padding:10px 0 0 0;*/
    margin:0 0 0 11px;
}

.partners .block h4 {
    font-size:12px;
    color:#7c7c7c;
    font-weight:bold;
    padding:0 5px;
    background:#fff;
    position:absolute;
    margin:0;
    top:-7px;
    left:25px;
}

.partners table {
    width:100%;
}

.partners table tr td {
    height:45px;
    padding:1px 0 0 0;
    text-align:center;
    vertical-align:middle;
}