/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 22px;
	font-size: 16px;
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



#container {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0 auto;
	width: 1100px;
	position: relative;
}
html, body { background: #000 url('/content/tibg.jpg') no-repeat; background-size: cover;
  background-attachment: fixed; }

a, a:active, a:visited, a:link { color: #fff; text-decoration: underline; }
a:hover { /*color: #a4050c;*/ color: #dea935; }

#top-container { /*background: #ffffff;*/ position: relative; text-align: left; border-bottom: 1px solid #dea935; }
#top-container a#logolink { display: block; /*float: left;*/ position: absolute; margin-top: 30px; }
#top-container a#logolink img { width: 480px; }

/*#top-navigation { width: 90%; margin: 0 auto; text-align: center; }*/
#top-navigation { display: inline-block; border-radius: 0 0 5px 5px; /*padding: 0 10px;*/ }
/*#top-navigation a { margin-right: 10px; margin-left: 10px; width: 164px; height: 62px; background: url('/content/link.png') no-repeat; padding-top: 30px; text-decoration: none; display: inline-block; }*/
#top-navigation a { margin-right: 5px; margin-left: 5px; padding: 16px 5px; display: inline-block; text-decoration: none; color: #fff; }
#top-navigation a:hover { color: #dea935; }
#language-navigation { position: absolute; right: 0px; top: 10px; border-radius: 0 0 5px 5px; padding: 6px 4px; color: #fff; font-size: 14px; }
#language-navigation img { height: 10px; float: right; clear: both; border: 1px solid #000000; margin-bottom: 3px; }
#language-navigation a img { border: 1px solid #999999; }
#language-navigation a:hover { color: #dea935; }

#language-navigation span { text-decoration: underline; display: inline-block; padding: 0 2px; margin: 0 1px; }
#language-navigation a span { text-decoration: none; }

#button-container1 { position: absolute; right: 0px; top: 80px; }
#button-container1 span,
#button-container a { padding: 10px 20px 10px 20px; float: right; clear: right; width: 240px; height:36px; line-height: 36px; font-size: 20px; text-align: center; text-decoration: none; }
#button-container a:hover { background: #fec11c; }
/*#button-container1 span { padding: 10px 0 10px 0; width: 350px; height: 48px; line-height: 24px; }*/
#button-container1 span { padding: 80px 0 0 50px; width: 490px; height: 120px; line-height: 24px; background: url('/content/cloud1.png') no-repeat; 
text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff; }

#button-container .one { background: #fef41c; }
#button-container .two { background: #fef41c; }
#button-container .three { background: #fef41c; }
#button-container .four { background: #fef41c; }

#button-container .two { background: #fec11c; }
#button-container .three { background: #fec11c; }
#button-container .four { background: #fec11c; }
#button-container a:hover { background: #fef41c; }

/*#button-container .one { background: #a3f2ff; }
#button-container .two { background: #d6e62b; }
#button-container .three { background: #ff91c4; }
#button-container .four { background: #fec11c; }
#button-container .two:hover { background: #eeff37; }
#button-container .three:hover { background: #ffbada; }
#button-container .four:hover { background: #ffd974; }*/

#main-container { margin-top: 250px; background: rgba(0,0,0,.5); /*border-radius: 10px 10px 0 0;*/ border-radius: 10px; padding: 30px 30px 30px 30px; position: relative; color: #fff; font-size: 18px; line-height: 28px; }
#main-container .righticon { position: absolute; right: 8px; top: 8px; }
#main-container .righticon img { border: none; }
#main-container iframe { display: block; margin: 0 auto; }
#main-container li { margin-left: 30px; }
#footer-container { padding-top: 40px; padding-bottom: 30px; text-align: center; line-height: 26px; color: #fff; }
#footer-container div { display: inline-block; border-top: 1px solid #dea935; padding-top: 30px; }
#footer-container div .contactphone { display: inline-block; margin-bottom: 30px; font-size: 26px; line-height: 38px; }

h1 { font-size: 26px; font-weight: bold; padding-bottom: 40px; line-height: 38px; text-align: center; }
h2 { font-size: 22px; font-weight: bold; padding-bottom: 30px; line-height: 38px; }

.footerbr { display: none; }
.footerbr2 { display: none; }

#main-container .leftimage { float: left; margin-right: 40px; margin-bottom: 30px; max-width: 500px; }

@media (max-width: 1140px) {
    #container { width: 100%; }
    #footer-container { width: auto; margin: 0 15px; padding-left: 20px; padding-right: 20px; }
	#main-container { margin-left: 15px; margin-right: 15px; }
	#top-container { margin-left: 15px; margin-right: 15px; }
	#logolink { /*margin-left: 20px;*/ }
	#button-container1 { margin-right: 6px; }
	#language-navigation { /*right: 15px;*/ }
	
	#main-container .leftimage { max-width: 50%; }
}

@media (max-width: 1110px) {
    #main-container iframe { max-width: 100%; }
}

@media (max-width: 950px) {
    .footerbr { display: inline; }
    #main-container iframe { max-height: 450px; }
	#main-container { padding: 30px 18px 30px 18px; }
}

@media (max-width: 900px) {
    #button-container1 { top: 135px; }
	#button-container1 .one { background-size: contain; width: 410px; padding-top: 54px; padding-left: 30px; font-size: 18px; }
	/*#main-container iframe { max-width: 100%; }
	#main-container img { max-width: 100%; }*/
}

@media (max-width: 800px) {
	#top-container a#logolink img { width: 400px; }
	#top-container a#logolink { z-index: 2; /*top: 42px;*/ }
    #button-container1 { top: 165px; z-index: 1; }
	#button-container1 .one { background-size: contain; width: 410px; padding-top: 54px; padding-left: 30px; font-size: 18px; }
	#main-container { margin-top: 220px; }
	#main-container iframe { max-width: 100%; }
	#main-container img { max-width: 100%; height: auto !important; }
	#main-container .img-box img {
  max-width: 120px;
	max-height: 120px; }
    #main-container iframe { max-height: 400px; }
}

@media (max-width: 700px) {
	#main-container .leftimage { max-width: 45%; }
    #main-container iframe { max-height: 360px; }
}

@media (max-width: 600px) {
	#top-container a#logolink img { width: 320px; }
    #top-navigation { border-radius: 0 0 5px 0; }
	#language-navigation { right: 0px; border-radius: 0 0 0 5px; }
	#main-container { margin-top: 180px; }
	#main-container img.orgimage { max-width: 40%; }
    .footerbr2 { display: inline; }
	#main-container .leftimage { max-width: 100%; }
	
	#top-navigation a { margin-right: 5px; margin-left: 5px; padding: 16px 3px; display: inline-block; text-decoration: none; color: #fff; }
    #main-container iframe { max-height: 320px; }
}

@media (max-width: 550px) {
    #top-navigation { max-width: 85%; padding-top: 8px; padding-bottom: 8px; }
	#top-navigation a { margin-right: 5px; margin-left: 5px; padding: 8px 3px 8px 3px; display: inline-block; text-decoration: none; color: #fff; }
    #main-container iframe { max-height: 290px; }
}

@media (max-width: 495px) {
    #top-navigation { /*max-width: 90%; text-align: center; padding: 3px 2px;*/ }
    #top-navigation a { /*padding: 5px 1px;*/ }
	#container { overflow: hidden; }
	#main-container { padding: 20px 20px 20px 20px; }
}

@media (max-width: 460px) {
    #top-navigation { /*max-width: 82%;*/ }
    #top-navigation a { /*margin-left: 3px; margin-right: 3px;*/ }
	#top-container a#logolink {  }
    #button-container1 { top: 185px; right: -40px; }
	#footer-container div .contactphone { font-size: 24px; }
}

@media (max-width: 420px) {
	#top-container a#logolink img { width: 300px; }
    #top-navigation { max-width: 82%; }
}