@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,600);
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

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

body { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #ffffff; background-color: #000000; }


.block-wrapper { margin: auto; display: block; float: left; width: 100%; }
.block { margin: auto; display: block; width: 960px; }


.block-wrapper-top { height: 72px; background: #ffffff; }
.logo { width: 320px; height: 72px; display: block; float: left; }
.menu { width: 640px; height: 72px; display: block; float: left; color: #000000; text-align: right; }
.menu a {
    font-size: 14px; color: #020202; text-decoration: none; line-height: 72px; padding: 24px;  text-transform: uppercase;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}
.menu a:hover { color: #811200; border-top: 2px solid #811200; border-bottom: 3px solid #811200; background-color: rgba(129, 18, 0, 0.03); }



.block-wrapper-banner { height: 467px; background: url('../graphics/banner.jpg') no-repeat center center; }
.banner-text { padding: 127px 0px 0px 560px; width: 400px; height: 340px; display: block; float: left; }
.banner-text h1 { font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 30px; }
.banner-text p { font-size: 14px; line-height: 22px; }

.block-wrapper-bigmenu { height: 420px; background: #811200 url('../graphics/big-menu-bg.jpg') no-repeat center center; }
.block-bigmenu { height: 420px; }
.bigmenu-column { width: 280px; height: 370px; display: block; float: left; text-align: center; padding: 40px 20px 10px 20px; }
.bigmenu-column h1 { font-size: 26px; font-weight: 600; }
.bigmenu-column a { text-decoration: none; color: #ffffff; }
.bigmenu1 .bigmenu1img { background: url('../graphics/bigmenu1.png') no-repeat; display: block; width: 172px; height:198px; margin: auto; padding: 0px 0px 15px 0px; }
.bigmenu1:hover .bigmenu1img { background: url('../graphics/bigmenu1over.png') no-repeat;  }
.bigmenu2 .bigmenu2img { background: url('../graphics/bigmenu2.png') no-repeat; display: block; width: 172px; height:198px; margin: auto; padding: 0px 0px 15px 0px; }
.bigmenu2:hover .bigmenu2img { background: url('../graphics/bigmenu2over.png') no-repeat;  }
.bigmenu3 .bigmenu3img { background: url('../graphics/bigmenu3.png') no-repeat; display: block; width: 172px; height:198px; margin: auto; padding: 0px 0px 15px 0px; }
.bigmenu3:hover .bigmenu3img { background: url('../graphics/bigmenu3over.png') no-repeat;  }



.block-wrapper-heading { height: 50px; background-color: #811200; }
.block-wrapper-heading h1 { font-size: 26px; font-weight: 600; line-height: 50px; }

.block-wrapper-content { background: #000000 url('../graphics/main-bg.jpg') top center no-repeat;  padding: 20px 0px 10px 0px; }
.block-wrapper-content h1 { font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 5px 0px 2px 0px; }
.block-wrapper-content p { font-size: 14px; line-height: 22px; padding: 2px 0px 8px 0px; }
.block-wrapper-content ul { padding-left: 40px; }
.block-wrapper-content ul li { font-size: 14px; line-height: 22px; }
.block-wrapper-content a { text-decoration: none; color: #ffffff; }


.management-item { height: 300px; width: 400px; display: block; float: left; text-align: center; padding: 30px; }

.footer { text-align: right; padding: 10px 0px 10px 0px; color: #a4a4a4; }





/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


@media screen and (max-width: 960px) {
    .block { width: 100%; }
    .block-wrapper { width: 100%; }
    .block-wrapper-top { height: auto; }
    .logo { width: 100%; height: auto; }
    .menu { width: 100%; height: auto;  text-align: left; }
    .block-wrapper-banner { width: 100%; }
    .block-wrapper-bigmenu { width: 100%; height: auto; }
    .block-wrapper-heading h1 { padding-left: 20px; }
}