/* general */
@font-face { font-family: "Bitter-Bold"; src: url('../fonts/Bitter-Bold.ttf'); }
@font-face { font-family: "Bitter-Regular"; src: url('../fonts/Bitter-Regular.ttf'); }
@font-face { font-family: "MinionPro-Regular"; src: url('../fonts/MinionPro-Regular.otf'); }
@font-face { font-family: "Oswald-Bold"; src: url('../fonts/Oswald-Bold.ttf'); }

html { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

body { background-color: #000; color: #000000; font-family: 'MinionPro-Regular', Arial, Helvetica, sans-serif; font-size: 14px; height: 100%; margin: 0; min-width: 320px; padding: 0; }
div { vertical-align: top; }
/*ul { list-style-type: none; }*/
a, a:active, a:focus, a:hover, a:visited { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
img, video, canvas { border: 0; max-height: 100%; max-width: 100%; vertical-align: top; }
h1, h2, h3 { font-family: 'Oswald-Bold'; margin: 0; padding: 0; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0; width: 0; }
.d-n { display: none; }
.f-l { float: left; }
.f-r { float: right; }
.fw-b { font-weight: bold; }
.o-h { overflow: hidden; }
.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }
/* end */

/* components */
.xnotification { padding: 5px 0; }
.xnotification div { font-weight: bold; padding: 3px 5px 0 5px; text-align: center; }
.xnotification .success, .xnotification .n1 { background-color: #00ff00; border: 1px solid #00ff00; color: #fff; }
.xnotification .notice, .xnotification .n0 { border: 1px solid #0000ff; }
.xnotification .warning, .xnotification .n-1 { border: 1px solid #ffff00; }
.xnotification .error, .xnotification .n-2 { background-color: #ff0000; border: 1px solid #ff0000; color: #fff; }

.xform { margin: 0 auto; padding: 10px 0; }
.xform .form { padding: 0; }
.xform form { margin: 0; padding: 0; }
.xform .row { overflow: hidden; margin: 0; padding: 5px 0; }
.xform .input {}
.xform input[type="text"], .xform input[type="password"] { background-color: #ffffff; border: 1px solid #aaa; margin: 0; /*display: block;*/ width: 100%; }
.xform input[type="radio"], .xform input[type="checkbox"] { margin: 3px 5px; vertical-align: bottom; }
.xform select { background-color: #ffffff; border: 1px solid #aaaaaa; margin: 0; width: 100%; }
.xform textarea { background-color: #ffffff; border: 1px solid #aaaaaa; height: 100px; margin: 0; resize: none; width: 100%; }
.xform input[type="text"].false, .xform input[type="password"].false, .xform input[type="file"].false, .xform select.false, .xform textarea.false { background-color: #dddddd; border-color: #ff0000; }
.xform .input.false { border: 1px solid #ff0000; }
.xform .button { background-color: #eaeaea; border: 1px solid #4d4d4d; color: #000000; display: inline-block; font-weight: bold; line-height: 18px; padding: 3px 5px 0 5px; text-align: center; text-decoration: none; }
.xform .button:active, .xform .button:hover, .xform .button:visited { background-color: #ffffff; color: #000000; }
.xform .required { color: #f15a24; font-size: 1.5em; font-weight: bold; line-height: 0.5em; }

.xform .title { line-height: 24px; }
.xform .radio .title { display: inline-block; /*line-height: 24px;*/ }
.xform .radio .input { display: inline-block; /*padding: 1px 0;*/ /*width: 25px;*/ }
.xform .text .input { display: inline-block; }
.xform .text .title { display: inline-block; /*padding: 5px 0;*/ }
/* end */

/* common */
.con { margin: 0 auto; max-width: 860px; }
/*
.col-sm-4 { padding: 10px; width: 100%; }
.spacer-1a { background: #d9dddf url('../images/spacer-1a.jpg') no-repeat center; font-size: 0; height: 1px; line-height: 1px; }
.spacer-1b { background: url('../images/spacer-1b.jpg') no-repeat center; font-size: 0; height: 1px; line-height: 1px; }
.box-o { overflow: hidden; position: relative; width: 100%; }
.box-i { left: 50%; margin-left: -2500px; position: relative; text-align: center; width: 5000px; }
.button { background-color: #213e5e; color: #fff; display: inline-block; font-weight: bold; line-height: 18px; padding: 3px 10px; text-decoration: none; }
.button:active, .button:hover, .button:visited { color: #fff; }
*/
/* end */

/* main */
.body { height: auto !important; height: 100%; min-height: 100%; position: relative; }

.top { display: block; position: relative; }

.section-1 { line-height: 13px; }
.languages { padding: 11px 0; text-align: right; }
.languages a { display: inline-block; font-size: 13px; height: 13px; line-height: 13px; margin-left: 5px; width: 24px; }
.languages img { vertical-align: top; }

.section-2 {}
.section-2 .con { background: #000000 url('../images/top-back.jpg') no-repeat center bottom; height: 200px; }
.section-2 .col-1 { float: left; padding: 11px 14px 0 3px; width: 137px; }
.section-2 .col-1 a { display: inline-block; height: 59px; padding: 5px; width: 120px; }
.section-2 .col-1 img { width: 110px; }
.section-2 .col-2 { float: left; padding: 15px 0 0 0; width: 581px; }
.section-2 .col-2 img { width: 235px; }
.section-2 .col-3 { float: left; padding: 16px 0 0 0; }
.section-2 .col-3 img { width: 133px; }

.section-3 {}
.section-3 .con { background-color: #ffcc66; padding: 10px; }
.navi > div { padding-left: 15px; }
.navi > div > div { padding-right: 15px; }
.menu-1 { float: left; margin: 0; padding: 0; text-align: left; }
.menu-1 ul { margin: 0; padding: 0; z-index: 66; }
.menu-1 li { display: block; list-style-type: none; position: relative; }
.menu-1 a { display: block; }
.menu-1 a, .menu-1 a:visited { color: #fff; }
.menu-1 a:hover { color: #ae8f46; }
.menu-1 > ul { display: block; float: left; font-family: 'Bitter-Bold'; height: 38px; }
.menu-1 > ul > li { display: inline-block; padding: 8px 0; }
.menu-1 > ul > li > a { font-size: 14px; margin: 0 8px; }
.menu-1 > ul > li > ul { display: none; font-family: 'Bitter-Regular'; left: 0; padding: 12px 0 4px 0; position: absolute; }
.menu-1 > ul > li:active > ul,
.menu-1 > ul > li:focus > ul,
.menu-1 > ul > li:hover > ul,
.menu-1 > ul > li.hover > ul { display: block; }
.menu-1 > ul > li > ul > li { padding: 2px; }
.menu-1 > ul > li > ul > li > a { font-size: 13px; margin: 0 10px; white-space: nowrap; }
.fb { float: right; padding: 7px 0; }
.fb a { display: block; margin: 0 10px; }
.fb img { height: 24px; }

.middle { display: block; position: relative; }

.section-4 {}
.section-4 .con { background-color: #ffcc66; min-height: 250px; padding: 5px 10px 25px 10px; }
.section-4 .content { padding: 0 15px; }

.bottom { display: block; min-width: 320px; position: relative; }

.section-5 {}
.section-5 .con { color: #ffffff; padding: 5px 0; }

.section-5 .col-1 { float: left; }
.menu-3 ul { margin: 0; padding: 0; }
.menu-3 li { display: inline; list-style-type: none; margin-right: 15px; white-space: nowrap; }
.menu-3 a, .menu-3 a:hover, .menu-3 a:visited { color: #ffffff; }
.section-5 .col-2 { float: right; }

.section-6 {}
.section-6 .con { padding-bottom: 5px; }
.realization { color: #000; display: block; font-size: 1px; line-height: 2px; text-align: right; }
.realization a, .realization a:active, .realization a:focus, .realization a:hover, .realization a:visited { color: #000; }
/* end */

/* controller */

/* end */

/* LAYOUTS */
/*.layout-1 { background: #1b1a18 url('../images/l1-back.jpg') no-repeat center -210px; }*/
.layout-1 .navi > div { background: url('../images/l1-menu-main-left.png') no-repeat left center; }
.layout-1 .navi > div > div { background: url('../images/l1-menu-main-right.png') no-repeat right center; }
.layout-1 .navi > div > div > div { background-color: #1b1a18; }
.layout-1 .menu-1 > ul,
.layout-1 .menu-1 > ul > li > ul { background-color: rgba(27,26,24,0.84); }

/*.layout-2 { background: #192229 url('../images/l2-back.jpg') no-repeat center -210px; }*/
.layout-2 .navi > div { background: url('../images/l2-menu-main-left.png') no-repeat left center; }
.layout-2 .navi > div > div { background: url('../images/l2-menu-main-right.png') no-repeat right center; }
.layout-2 .navi > div > div > div { background-color: #192229; }
.layout-2 .menu-1 > ul,
.layout-2 .menu-1 > ul > li > ul { background-color: rgba(25,34,41,0.84); }

/*.layout-3 { background: #16211b url('../images/l3-back.jpg') no-repeat center -210px; }*/
.layout-3 .navi > div { background: url('../images/l3-menu-main-left.png') no-repeat left center; }
.layout-3 .navi > div > div { background: url('../images/l3-menu-main-right.png') no-repeat right center; }
.layout-3 .navi > div > div > div { background-color: #16211b; }
.layout-3 .menu-1 > ul,
.layout-3 .menu-1 > ul > li > ul { background-color: rgba(22,33,27,0.84); }

/*.layout-4 { background: #f1e1c7 url('../images/l4-back.jpg') no-repeat center -210px; }*/
.layout-4 .navi > div { background: url('../images/l4-menu-main-left.png') no-repeat left center; }
.layout-4 .navi > div > div { background: url('../images/l4-menu-main-right.png') no-repeat right center; }
.layout-4 .navi > div > div > div { background-color: #f1e1c7; }
.layout-4 .menu-1 > ul,
.layout-4 .menu-1 > ul > li > ul { background-color: rgba(241,225,199,0.84); }
/* end */

/* NEWS */
.news {}
.news .news-basic .image { float: right; padding: 8px 15px 0 15px; text-align: right; width: 415px; }
.news .news-basic .image img { max-width: 385px; }
.news .news-basic .text { padding: 0 15px; }
.news .news-basic .image + .text { float: left; width: 385px; }
.news .hr { padding: 33px 0 25px 0; }
.news .hr div { height: 10px; }
.news .hr > div { background: url('../images/hr-left.png') no-repeat left center; padding-left: 5px; }
.news .hr > div > div { background: url('../images/hr-right.png') no-repeat right center; padding-right: 5px; }
.news .hr > div > div > div { background-color: #1a1919; }
/* end */

/* CONTACT */
.contact { padding: 0 150px; }
.contact > .title { padding-bottom: 10px; }
/* end */

/* GALLERY */
.gallery { text-align: center; }
.gallery div { display: inline-block; padding: 2px; } 
.gallery a { display: block; }
.gallery img { max-width: 270px; }
/* end */

/* PARTICIPATION */
.participation { padding: 0 100px; }
/* end */

/* ACCREDITATION */
.accreditation { padding: 0 100px; }
/* end */