@charset "UTF-8";

@media screen {

/* ========================================= 
@UNIVERSAL NORMALIZES
========================================= */
header, nav, section, article, aside, footer, hgroup { display: block; margin: 0; padding: 0; font-size: 100%; font-weight: normal; line-height: 1.25em; }
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, cite, blockquote, pre, form, fieldset, input, textarea, select, table, th, td { margin: 0; padding: 0; font-size: 100%; font-weight: normal; line-height: 1.25em; }
h1, h2, h3, h4, h5, h6, p, li { cursor: default; }
ol, ul { list-style-type: none; }
a, embed, object, .button { outline-style: none; outline-width: 0; }
a, a:hover { text-decoration: none; cursor: pointer; }
hr	{ clear: both; display: block; height: 1px; border: none; }
fieldset, img { border: 0; }
mark { background: none; }
input, textarea, select { background: #1a1a1a; border: none; padding: 4px;  box-sizing:border-box; -moz-box-sizing: border-box; color:#808080;}
input:hover, textarea:hover,
input:active, textarea:active,
input:focus, textarea:focus { background:#f89128; color:#000 !important;}
input.button, input.submit, .button input { cursor: pointer; }
.crash, .bless, .info { display: block; margin: 10px 0 10px 0; padding: 10px 6px 6px 45px; color: #FFF !important; background-repeat: no-repeat; background-position: 7px center; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.crash a, .bless a, .info a { color: #656565 !important; }
.error { position:absolute; right:340px; top:76px; z-index:3; box-sizing:border-box; -moz-box-sizing:border-box;}
.error p { margin:0 0 10px 0px !important; font-size:0.875em !important;  font-family:Arial, Helvetica, sans-serif !important;}
.crash { background-image: url(../images/system_crash.png); background-color:#d2232a; }
.bless { background-image: url(../images/system_bless.png); background-color:#1C6827; }
.info { background-image: url(../images/system_info.png); background-color:#247bbd; }
.crash span, .bless span, .info span { display: inline-block; font-weight: bold; line-height: 1.2em; text-transform: uppercase; color: #FFF; font-family:Arial, Helvetica, sans-serif !important;}	
.left { float:left; display:inline;}
.right { float:right; display:inline;}
.clear { clear: both; height: 0; font-size: 0; line-height: 0; }
.line { clear: both; height: 0; font-size: 0; line-height: 0; border-top: 1px solid #CCC; }
.center { text-align:center;}
.orange { color:#f89128;}

/* @BASIC FONT */
body, body * { font-family: "Myriad Pro", Arial;}
h1, h2, h3, h4, h5 { font-weight: normal; }

/* @BASIC SIZE	*/
html { text-align: center; width: 100%; }
body { background-color:#000 !important; margin: 0 auto; width: 100%; line-height: 1.25em;}
body > iframe {display:none}
.container { position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; max-width: 980px; }

/* @HEADER */
header { position:relative; overflow:visible; min-height:400px; }
header .container { position:relative;}
#nav { margin-top:10px; min-height:340px;}

.top { position:absolute; right:0; top:2%; text-align:right; z-index:99; box-sizing:border-box; -moz-box-sizing:border-box; min-height:12px; overflow:visible;}
a.oc { float:right; margin:0 10px 0 0; display:block; width:22px; height:23px; background:url(../images/oc_language.png) center center no-repeat; text-indent:-2000px; font-size:0.1px; }

.lang { color:#FFF; margin:3px 10px 5px 10px; font-size:0.75em; display:none;}
.lang:hover, .lang:active { color:#f89128;}

.open a.oc { margin:0 10px 0 0;}
.open a.lang, .open a.mpl { display:inline-block;}
a.mp { float:right; margin:0 10px 0 0; display:block; width:22px; height:28px; background:url(../images/music16.png) center center no-repeat; text-indent:-2000px; font-size:0.1px; }
.mpl { color:#FFF; display:none; margin-right: 36px;}
.open .mpl { display: block;}
#mpl, #lng { background:#000; clear: right; line-height: 1em;}
.hidden { display: none; }

p.title { position:absolute; left:2%; top:30px; text-align:left;  text-shadow:1px 1px 1px #000; color:#FFF;}
p.title span { display:block; color:#f89128;}


/* @NAV */
nav { position:absolute; bottom:0px; left:0; width:100%;}
#mainnav { width:100%; max-width:980px; margin: auto;}
#mainnav li {display:inline; padding:0 2%; line-height: 2em;}
#mainnav li a { color:#FFF; white-space:nowrap; margin:8px; font-size:1.5em; text-shadow:1px 1px 1px #000; font-weight:bold;}
#mainnav li.selected a { color:#f89128; }
#mainnav li a:hover, #mainnav li.selected a:hover { color:#f89128; }

/* @CONTENT */
.content { z-index:2; position: relative; box-sizing: border-box; -moz-box-sizing:border-box; }
.prev { position:fixed; left:0; top:45%;  overflow:hidden; background:#f89128 url(../images/arrow.png) top left no-repeat; width:40px; height:40px; }
.next{ position:fixed; right:0; top:45%;  overflow:hidden; background:#f89128 url(../images/arrow.png) bottom right no-repeat; width:40px; height:40px;}
.prev:hover, .next:hover { width:auto; overflow:visible;}
.prev a, .next a{ color:#000 !important; text-shadow:1px 1px 0px #CCC; display: block; /*box-sizing: border-box; -moz-box-sizing:border-box;*/ height:28px; }
.prev a { float:left; padding:12px 10px 0 40px; white-space:nowrap;}
.next a { float:right; padding:12px 40px 0 10px; white-space:nowrap;}

.content .container { text-align:left; max-width:980px; overflow:auto; }
.content .container a { color:#f89128; }
.content .container a:hover { color: #e5e5e5; }

.textcontent { padding:0 2%; color: #FFF; min-height: 400px; min-height: 300px; }
.textcontent h2, .textcontent h3, .textcontent h4, .textcontent h5, .textcontent h6{ color: #FFF; }
.textcontent h1, .textcontent h2, .textcontent h3, .textcontent h4, .textcontent h5, .textcontent h6 {  line-height:1.25em; vertical-align: baseline; }
.textcontent p, .textcontent ul, .textcontent ol { margin: 15px 0px; font-size: 1em; line-height:1.25em;  vertical-align: baseline;}
.textcontent h1 { font-size: 2.25em; margin: 30px 0 0 0; padding:0; color:#f89128; }
.textcontent h2 { font-size: 2.0em; margin: 15px 0px;}
.textcontent h3 { font-size: 1.75em; margin: 15px 0px;}
.textcontent h4 { font-size: 1.5em; margin: 15px 0px;}
.textcontent h5 { font-size: 1.25em; margin: 15px 0px;}
.textcontent h6 { font-size: 1.125em; margin: 15px 0px; }
.textcontent ul li { padding: 2px 0 2px 20px; background: url(../images/bg-ul.png) 5px 8px no-repeat; }
.textcontent ol li { padding: 2px 0 2px 0; list-style-type: decimal; list-style-position: outside; margin: 0 0 0 20px;}
.textcontent h1 a, .textcontent h2 a, .textcontent h3 a, .textcontent h4 a, .textcontent h5 a { color: inherit; text-decoration: none; }
.textcontent img { display:inline; }
.textcontent sup { font-size: 0.6em; vertical-align: baseline; position: relative; top: -0.6em;}

/* FORM */
form { position:relative;box-sizing:border-box; -moz-box-sizing:border-box; width:100%; margin:0 auto 20px auto;}
form .text{ width:100%; height:26px; margin:0 0 4px 0; padding:3px;}
form .button { background:#f89128; height:26px;  color:#000; font-size:14px !important; padding:0 8px; margin:auto; text-transform:uppercase;}
form .button:hover { background:#333; color:#FFF !important; }
#captcha-container img, #captcha-container input {vertical-align: middle;}
form .box { clear:left; float:left; line-height:36px; height:36px;}
.privacy { margin-left:5px; font-size:0.75em; line-height:36px;}

/* @FOOTER */	
footer { margin-top:80px; padding:0; text-align:left; background: url(../images/bg_footer.png) left top repeat-x; border-top:1px solid #d37e2b;}
footer .container { min-height:60px;}
footer img.logo { position:absolute; right:10px; top:-80px;  padding-bottom:20px;}
footer p { padding:35px 0 0 2%; font-size:0.875em; color:#999;}
footer p a { color:#999; margin-left:20px;}
footer p a:hover { color:#FFF;}
footer ul { background:#0174bd url(../images/bg_vcard.png) left bottom repeat-x; padding:10px; z-index:2; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; overflow:auto; padding-right:140px;}
footer li { float:left; display:inline-block; width:auto; box-sizing:border-box; -moz-box-sizing:border-box; color:#FFF; border-left:1px solid #d37e2b; padding:0 20px;}
footer li:nth-child(1) { border:none; padding-left:1%;}
footer li:nth-child(2) { }
footer li:nth-child(3) { }
footer li:nth-child(4) { }
footer li:nth-child(5) { }
footer li:nth-child(6) { }
footer li a { color:#FFF; white-space:nowrap; margin:8px;}
footer li a:hover { color:#FFF; }

/* VCARD */
.vcard {  box-sizing:border-box; -moz-box-sizing:border-box; margin-top:0px;}
.vcard p { color:#FFF; font-size:0.75em; padding:0; }
.vcard p a { color:#FFF; }

}


@media all and (min-width: 1201px) {
	body { background: url(../images/bg_page2.jpg) center top no-repeat;}
}

@media all and (max-width: 1200px) {
	body { background: url(../images/bg_page.jpg) center top no-repeat; background-size:100% auto;}
}

@media all and (max-width: 980px) {
	header { min-height:300px; }
	#nav { min-height:260px;}
}

@media all and (max-width: 640px) {
	header { min-height:300px; }
	#nav { min-height:260px;}
	p.title { position:absolute; left:2%; top:10px;}
	.error { position:relative; left:0; top:0; width:100%;}
	form { width:100%; padding:0 2% 0 0; margin:0;}
	form .text, #recaptcha_response_field { width:100%; }
	textarea { width:100%; min-height:96px; font-size:1em; resize:none; -moz-box-shadow: inset 0 0 2px 2px #CCC;}
	#recaptcha_widget div { width: 300px !important; margin: 0 auto; }

	.prev, .next {position:relative; width:auto; display:inline-block;}
	.prev { float:left;}
	.next { float:right;}

	footer p span { padding:10px 0;}
}

@media all and (min-width: 641px) {
  #mainnav { display: block!important; }
}

@media all and (max-width: 590px) {
	footer li {font-size:0.9375em;  padding:0 0 0 10px;}
	footer li:nth-child(1) { padding:0 10px 0 0;}
}

@media all and (max-width: 540px) {
	footer li {font-size:0.9375em;  padding:0 !important; border:none; clear:left;}
	footer img.logo { top:-48px;}
	footer p { padding:25px 0 0 3%; font-size:0.75em; line-height:1.25em; }
	footer p span { display:block; margin:0; padding:0;}
	footer p a { color:#999; margin-left:0px; padding-right: 10px;}
}

@media all and (max-width: 480px) {
	header { min-height:200px; }
	#nav { min-height:200px;}
	p.title { display:none;}
}

@media all and (max-width: 360px) {
	footer ul { padding-right:0;}
	footer p { padding-top:15px; }
	footer img.logo { width:40px; top:100px;}
}

@media all and (max-width: 320px) {
	header { min-height:190px; }
	#nav { min-height:180px;}
}

/* media embed */
video {
  width: 100%    !important;
  height: auto   !important;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}