/* body */
body, body * { font-family: Tahoma, sans-serif; font-size: 12px; color: #222222; }
body { margin: 0; padding: 0; background-color: #ffffff; }
body#body-website { background: #dddbd7; }
fieldset { margin: 0; padding: 0; border: none; }

/* float */
.fleft { float: left; }
.fright { float: right; }
.fcleft { clear: left; }
.fcright { clear: right; }
.fcboth { margin: 0; clear: both; }

/* visibility */
.visible { display: block; }
.invisible { display: none; }

/* general */
h1 { margin: 0 0 10px 0; font-size: 20px; font-family: "Times New Roman", serif; font-style: normal; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-transform: none; color: #544d37; }
h2 { margin: 0 0 10px 0; font-size: 16px; font-family: "Times New Roman", serif; font-style: normal; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-transform: none; color: #544d37; }
h3 { margin: 0; font-size: 11pt; font-family: Myriad Pro, sans-serif; font-style: normal; text-decoration: none; font-weight: bold; letter-spacing: 0; color: #6c6c6c; }
h3>a { font-size: 8pt; line-height: 8pt; font-family: Tahoma, sans-serif; font-style: normal; text-decoration: none; font-weight: normal; letter-spacing: 0; color: #26446e; }
h3>a:hover { text-decoration: none; }
h4 { margin: 20px 0 0 0; font-size: 9pt; line-height: 8pt; font-family: Tahoma, sans-serif; font-style: normal; text-decoration: none; font-weight: bold; letter-spacing: 0; color: #26446e; }
p { margin: 0 0 10px 0; line-height: 20px; }
strong { font-weight: bold; font-family: "Times New Roman", serif; font-size: 120%; color: #544d37; }
a { color: #435f7c; text-decoration: none; }
a.button { padding: 10px; background: #a13034; color: #fffeec; }
a.button:hover { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { text-decoration: none; border: none; }
img { max-width: 100%; }
.background { padding: 1px 6px; background: #26446e; color: #ffffff; text-decoration: none; display: inline; }
.background:hover { text-decoration: none; }
.iframe-16x9 { width: 625px; height: 351.5625px; }

/* tables */
table { width: 100%; border-collapse: collapse; }
table th { font-weight: bold; }
table td, table th { padding: 3px 3px 3px 5px; text-align: left; }
table td { padding-left: 15px; }
table td, table th { border-right: 1px solid #333333; }
table td:last-child, table th:last-child, table td.last-child, table th.last-child { border-right: none; }
table tr>th { border-bottom: 1px solid #333333; }
table tr:hover>td { background-color: #b49c48; color: #ffffff; }

/* header */
#header { width: 100%; margin: 0; background: url(./images/layout/bar_top.png) repeat-x 0 -20px; position: relative; }
#header-bar { display: none; }
#header-bar a { margin: 0 10px; color: #111111; text-decoration: none; font-size: 25px; line-height: 35px; }
#header-bar a:hover, #header-bar a:active { color: #666666; }
#header>div { margin: 0 auto; padding-top: 25px; width: 960px; position: relative; overflow: visible; }
#header-pic { width: 100%; height: 360px; background-repeat: no-repeat; background-size: cover; background-position: center center; }

/* main menu */
#menu { width: 100%; margin: 0; padding: 0; list-style-type: none; background: #554d37; float: left; }
#menu>li { height: 45px; margin: 0; padding: 0; float: left; position: relative; }
#menu>li>a { height: 15px; margin: 15px 0 0 -1px; padding: 0 22px; border-left: 1px solid #ffffff; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; font-weight: normal; font-family: "Times New Roman", serif; text-align: center; color: #ffffff; font-size: 15px; display: block; }
#menu>li:first-child>a { border: none; }
#menu>li:last-child>a { padding-right: 0; }
#menu>li>a:hover, #menu>li>a.selected { text-decoration: underline; }

/* content */
#frame { margin: 0 auto; width: 960px; background: #ffffff; position: relative; }
#content { width: 100%; padding: 25px 0; background: #ffffff; float: left; }

/* left part */
#l { width: 625px; margin: 0 25px 25px; float: left; }

/* right part */
#r { width: 230px; margin: 0 0 25px 10px; padding: 0 0 0 30px; border-left: 1px solid #544d37; float: left; }
#r>p { margin: 0 0 10px; line-height: 16px; }

/* footer */
#footer { width: 960px; height: 22px; margin: 0 auto; padding: 0; list-style-type: none; overflow: hidden; position: relative; background: #554d37; }
#footer>li { margin: 5px -1px 0 0; padding: 0 10px; line-height: 12px; color: #ffffff; border-right: 1px solid #ffffff; float: right; }
#footer>li>a { text-decoration: none; color: #ffffff; display: block; }
#footer>li>a:hover, #footer>li>a.selected { text-decoration: underline; }

/* forms */
form>div { clear: left; }
form>div.separator { height: 20px; }
form>div>label { width: 80px; height: 26px; padding: 0 30px 0 0; line-height: 25px; color: #544d37; font-family: Tahoma,sans-serif; font-size: 11px; text-align: right; float: left; }
form>div input, form>div textarea, form>div select { padding: 2px 5px; font-family: Tahoma,sans-serif; color: #000000; background: #ffffff; font-size: 11px; border: 1px solid #c6c6c6; }
form>div>input, form>div>textarea, form>div>select { width: 350px; margin: 3px 0 3px 5px; float: left; }
form>div>textarea { width: 350px; height: 120px; }
form>div>input.half, form>div>textarea.half, form>div>select.half { width: 165px; margin-right: 5px; }
form>div>div { width: 100px; margin: 5px 0 5px 5px; float: left; }
form>div>div.single { width: 345px; }
form>div>img { margin: 5px 0 5px 5px; }
form>div input[disabled="disabled"] { color: #999999; }

div.form-full, div.form-submit { width: 345px; clear: left; }
input.checkbox, input[type="checkbox"], input.radio, input[type="radio"]{ width: auto !important; border: none !important; }
input[type="file"]  { border: none !important; }
div.form-submit input, input.submit { width: auto; height: auto; margin: 5px 0 0 115px; padding: 5px 20px; background: #b49c48; color: #ffffff; border: none; cursor: pointer; }
input.submit:active, div.form-content input.submit:active { padding: 2px 0 0 2px; }
div.form-field-missing label { color: #d10009; }
div.form-field-missing input, div.form-field-missing select, div.form-field-missing textarea { border: 1px solid #d10009; }

/* messages */
.error-message { padding: 3px; list-style: inside square; }
.error-message li { color: #d10009;  }
label.error { color: #d10009 !important; }
input.error, select.error { border: 1px solid #d10009; }
.success-message { color: #18b818; font-weight: bold; }


/* RESPONSIVE */

/* medium screen */
@media (max-width : 990px) {
#header>div { width: 98%; }
#header-pic { height: 270px; }
#frame { width: 98%; }
#footer { width: 98%; }
#l { width: 68%; margin: 0 1.9% 25px 1.9%; }
#r { width: 25%; margin: 0 0 25px 1%; padding: 0 0 0 1.9%; }
h1 { margin: 0 0 5px 0; font-size: 16px; }
h2 { margin: 0 0 5px 0; font-size: 14px; }
#menu>li>a { padding: 0 2vw; letter-spacing: 0; font-size: 13px; }
.iframe-16x9 { width: 100%; height: 36.5vw; }
}

/* small screen */
@media (max-width: 740px) {
	#menu>li>a { padding: 0 6vw; letter-spacing: 1; font-size: 14px; }
	#menu>li:nth-child(4n-3) { margin-left: 4vw; border: none; }
	#menu>li:nth-child(4n-3)>a { border: none; }
}

/* mobile */
@media (max-width: 600px) {
#header { width: 100%; margin: 0; background-position: 0 -5px; position: relative; }
#header-bar { width: 100%; height: 40px; display: block; }
#header>div { padding-top: 0; }
#header-pic { height: 245px; }
#main { margin-top: 10px; }
#menu { display: none; }
#menu.opened { display: block; }

#menu { margin: -245px 0 0; background: rgba(85, 77, 55, 0.3); }
#menu>li { width: 100%; height: auto; margin: 0; padding: 0; border: none; float: left; }
#menu>li:nth-child(4n-3) { margin-left: 0; }
#menu>li>a { width: 90%; height: auto; margin: 5px 0; padding: 0 5%; line-height: 25px; text-align: center; border: none; font-size: 17px; letter-spacing: 1px; }
#menu>li>a.selected, #menu>li>a:hover { text-decoration: none; font-weight: bold; }
#menu>li>ul { width: 100%; position: unset; padding: 2px 0 3px 25px; background: transparent; top: 0; left: 0; float: left; clear: left; }
#menu>li>ul>li { width: 100%; }

#footer { display: none; }
#menu>li.other { display: block; }
#l { width: 95%; margin: 0 2.5% 15px 2.5%; float: left; }
#r { width: 95%; margin: 0 2.5% 15px 2.5%; padding: 0; border-left: none; float: left; }
.iframe-16x9 { width: 100%; height: 50.6vw; }

form { width: 90%; }
form>div>textarea { height: 70px; }
}
/*
@media (min-width: 601px) {
.js .nav-collapse { position: relative; }
.js .nav-collapse.closed { max-height: none; }
.nav-toggle { display: none; }
}
*/