@charset "utf-8";
/* ###########################################################    CONTENTS    ########################################################### 

01. SPECIAL FONTS
02. GLOBAL STYLES
03. LAYOUT STYLES
04. INNOVA STYLES
05. DOWNLOAD DOCUEMNT STYLES
06. RESPONSIVE MENU
07. INTERNAL MENU
08. NEWS
09. EUCOOKIE
10. FORMS
11. ACCORDION

/* ###################################################################################################################################### */
/* ############################################################# 1. SPECIAL FONTS ####################################################### */
/* ###################################################################################################################################### */

/* ###################################################################################################################################### */
/* ############################################################# 2. GLOBAL STYLES ####################################################### */
/* ###################################################################################################################################### */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

html { overflow-x:auto; overflow-y:scroll; }
html,body, body.int {height:100%; margin:0; padding:0; }
body { background-image:url(../images/bg-tile.png); background-repeat:repeat-x; background-color:#717171; }
body.int { background-image:url(../images/bg-tile-int.png); background-repeat:repeat-x; background-color:#fff; }
body, div, td, th, p { font-family: Tahoma, Geneva, sans-serif; font-size: 15px; line-height: 16px; color: #000;  }
img { max-width: 100%; height: auto !important; border: none; }
.tright { text-align: right; }
.lightbox { max-width: 200px;  margin-right:8px; margin-bottom:8px; }
.lightbox2 { max-width: 200px; margin-left:6px; margin-right:6px; margin-bottom:12px; }
.ls2 .lightbox, .rs1 .lightbox { max-width: 140px; }
.ls2 .lightbox { max-width: 140px; }
.right { float: right; }
.white p, .white h1 { color:#fff; }
a { text-decoration: none; color: #000; transition: color .2s linear; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; }
H1 { font-family:'swiss921_btregular', Tahoma, Geneva, sans-serif; color: #000; font-size: 28px; line-height:30px; font-style: normal; margin: 0px; padding: 0px; }
#breadCrumbs { clear:both; padding-top: 5px; padding-bottom: 5px; text-transform:lowercase; }
H2 { font-family:'swiss921_btregular', Tahoma, Geneva, sans-serif; color: #ed1c24; font-size: 16.5px; font-weight: normal; font-style: normal; }
H3 { font-family:'swiss921_btregular', Tahoma, Geneva, sans-serif; font-size: 17px; line-height:19px; }
H4 { font-family:'swiss921_btregular', Tahoma, Geneva, sans-serif; font-size: 15px; line-height:17px; }
H5 { font-family:'swiss921_btregular', Tahoma, Geneva, sans-serif; font-size: 12px; line-height:15px; text-decoration: none; }
H6 { font-family:'swiss921_btregular', Tahoma, Geneva, sans-serif; }
hr { clear: both; }
.cursor { cursor: pointer; }
.scrollup{ position:relative; width:40px; height:40px; text-indent:-9999px; opacity:0.3; position:fixed; bottom:50px; right:50px; display:none;	background: url('/assets/css/images/icon_top.png') no-repeat; z-index:1000; }

/* ###################################################################################################################################### */
/* ####################################################### 3. LAYOUT STYLES ############################################################# */
/* ###################################################################################################################################### */

#wrap {
	width:1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -248px; /* the bottom margin is the negative value of the footer's height */
}
#wrap:after {
  content: "";
  display: block;
}

#header-en { background-image:url(../images/bg-header-en.png); background-repeat:no-repeat; height:300px; } 
#header-fr { background-image:url(../images/bg-header-fr.png); background-repeat:no-repeat; height:300px; } 
#header-es { background-image:url(../images/bg-header-es.png); background-repeat:no-repeat; height:300px; } 
#brand { }

#languages { float:right; }
	#languages, #languages ul, #languages li { list-style:none; margin:0px; padding:0px; }
		#languages li { float:left; padding-top:30px; opacity:1; }
		#languages li.active { float:left; padding-top:30px; opacity:0.5; }
	
#nav_bar { padding-top:130px;   }
	#btn_home, #btn_contact { position:absolute; z-index:1000; }
		#btn_home {  }
		#btn_contact { margin-left:896px; }
	#navContainer { padding-left:110px; padding-top:10px;  }
	#nav {  }
	
	#hmDeco { padding-top:24px; margin-bottom:20px; }
#map {  }
#main { width:1000px; min-height:200px; height:auto; margin:0 auto; z-index:10; }
#hm_content { padding-top:20px; }
.txt_padding { padding:10px; }
/*  SECTIONS  */
.section { clear: both; padding: 0px; margin: 0px; }
/*  COLUMN SETUP  */
.col { display: block; float:left; margin: 0; }
.col:first-child { }
/*  GROUPING  */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
/*  GRID OF THREE  */
.col_3_of_3 { width: 312px; }
.col_2_of_3 { width: 312px }
.col_1_of_3 { width: 375px }

.col_2_of_2 { width: 100% }
.col_1_of_2 { width: 50%; }


#hm_news_title { font-size:30px; font-weight:bold; font-style:italic; line-height:33px; padding-left:15px; }
	.hm_news_sub_title { font-weight:bold; font-size:20px; line-height:23px; }
	.hm_news_desc { min-height:90px; }
	#hm_news_container { padding-left:15px; padding-right:15px; }
	
#hmCol1, #hmCol2 { float:left; width:50%; }


/*  SECTIONS  */
.section { clear: both; padding: 0px; margin: 0px; }
.clear { clear:both; }
#Info1 { clear:both; display:none; padding:10px; }
	#infoLink1 { margin-bottom:10px; }

#footer, #wrap:after {
  /* .push must be the same height as footer */
	height:248px;
}

.push { height:248px; }
#footer { width:100%; min-width:1000px; clear:both; height:248px; margin:auto 0; background-image:url(../images/bg-footer.png); background-repeat:repeat-x;z-index:10; }


#footerContainer { width:1000px; height:auto; margin:0 auto; padding:0; padding-top:20px; }

#footer, #footer a, #footer p, #footerAddress, #footerTel, #footerTel a, .footerLeft, .footerRight, #terms, #footer_nav { color:#fff; }

.footerLeft { float:left; }
.footerRight { float:right; width:400px; height:200px; text-align:right; }

.footerRight p, #terms p { font-size:13px; }

	#footer_brand { clear:both; padding:0px; padding-left:10px; }
	#footerAddress, #footerTel, #footerEmail {  font-size:11px; line-height:12px; padding-left:10px; padding-top:10px; }
	#footerTel, #footerEmail { float:left; padding-bottom:10px; }
		#footerTel { border-right:solid 1px #fff; padding-right:10px; margin-right:10px; }
	#footerAddress { } 
	#terms { clear:both; }
	#footer_nav { padding-left:10px; text-transform:lowercase; }
.tright { text-align:right; }



/* ###################################################################################################################################### */
/* ####################################################### 6. MENU ###################################################################### */
/* ###################################################################################################################################### */

#menu-start {
	width:600px;
	margin:0px;
	padding: 0px;
	position: absolute !important;
	z-index: 999;
}
#menu-start li {
	display: block;
	margin:0px;
	padding: 0px;
	position: relative !important;
	float: left;
	vertical-align: bottom;
}
* html #menu-start li {
	width: 1px;
}
#menu-start li a:link, 
#menu-start li a:visited, 
#menu-start li a:hover{
	display: block;
	margin:0px;
	padding: 0px;
	white-space: nowrap;
}
#menu-start ul {
	display: none;
	margin:0px;
	padding: 0px;
	position: absolute !important;
	height: auto;
}
#menu-start ul li {
	float: none;
	margin:0px;
	padding: 0px;
}
/******** aMenu look *******/


#amenu-wrapper {
	padding: 0px;
}
#menu-start ul li {
}
#menu-start li.parent {
}

#menu-start li.parent > a {
/*	background: url(images/down_arrow.gif) no-repeat 92% 50%; */
}
#menu-start li.parent a:link, #menu-start li.parent a:visited {
/*	padding-right:25px; */
}
	#menu-start li a:link, #menu-start li a:visited {
	color:#fff;
	padding:2px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	border-right:solid 1px #fff;
}

#menu-start li.last a:link, #menu-start li.last a:visited {
	border:none;
}

#menu-start li a:hover, #menu-start li a.active {
	color: #fff;
	background-color: #444444;
}

#menu-start ul {
}
#menu-start ul li {
	min-width:150px;
	background-color: #444444;
}
#menu-start ul li.parent > a {
	background: url(/assets/images/right_arrow.gif) no-repeat 95% 50%;
	padding-right:20px !important;
}
#menu-start ul li a:link, #menu-start ul li a:visited {
	color:#FFF;
	height: 20px;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	border-left: none;
	border-right:none;
}
#menu-start ul li a:hover, #menu-start ul li a.active {
	background-color: #a3a3a3;
	color: #fff;
}

#menu-start .navhidden {
	display:none;
}

/* ###################################################################################################################################### */
/* ######################################################### 7. INTERNAL MENU ########################################################### */
/* ###################################################################################################################################### */
.int-sub-nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	margin-bottom: 10px;
}
.int-sub-nav a {
	color: #fff;
	text-decoration: none;
}
.int-sub-nav a:hover {
	text-decoration: underline;
}
.int-sub-nav li {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-bottom: solid 1px #7d8991;
}
.int-sub-nav li > ul, .int-sub-nav li ul li {
	border-bottom: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.int-sub-nav li ul li {
	margin-left: 20px;
	padding-top: 5px;
}
.int-sub-nav .active { font-weight: bold; }
/* ###################################################################################################################################### */
/* ############################################################# 8. NEWS ################################################################ */
/* ###################################################################################################################################### */
#hmNewsDivider { clear: both; }


.newsPadding { padding-left: 25px; }
.newsTeaserWrapper { min-height:100px; overflow:hidden; }
#newsMainTitle { text-align:center; }
.NewsYearContainer { clear: both; }
.NewsYear { padding: 5px; margin-bottom: 10px; font-size: 18px; background-color: #ccc; }
.NewsYearContainerContent { display: none; }
.newsTitle { font-size:18px; line-height:22px; }
.newsPageDate {	font-weight: bold; color: #fff; padding-top: 10px; }
.newsTeaserTxt { min-height: 80px; }
.newsTeaserTxt, .newsTeaserTxt p { color: #fff; }

.newsPageTeaser { }
.newsPageTeaserNoMargin { }
.newsPageTeaserClear { }

.newsCol1, .newsCol2 { float:left; width:50%; }
.newsCol2 { text-align:right; }

.newsPageTeaser, .newsPageTeaserClear, .newsPageTeaserNoMargin { width: 100%; height: auto; }
.newsPageTeaserNoMargin { }
.newsPageTeaserClear { clear: left; }

.newsbtn { font-weight:bold; }
.newsMainImg { float:right; margin-left:20px; margin-bottom:10px; }

.newsContainer, .newsContainerNoMargin { width: 100%; height: auto; }
.newsContainer { margin-right:1.6%; }


/* ###################################################################################################################################### */
/* ############################################################# 9. euCookie ############################################################ */
/* ###################################################################################################################################### */
#euCookie {
	position: fixed;
	bottom: 0px;
	width: 170px;
	padding: 10px;
	height: auto;
	background-color: #000;
	color: #FFF;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	-moz-box-shadow: 2px 2px 3px 3px #000;
	-webkit-box-shadow: 2px 2px 3px 3px #000;
	box-shadow: 2px 2px 3px 3px #000;
	z-index: 10000;
}
#euCookieButton {
	width: 120px;
	height: auto;
	background-color: #000;
	color: #fff;
	border: none;
	cursor: pointer;
	background-image: url(/assets/images/eu-cookie/tick.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 45px;
}
#euCookiePos { }
#euCookie a { color: #fff; text-decoration: underline; }
#euCookieCaution { background-image: url(/assets/images/eu-cookie/caution.png); background-repeat: no-repeat; padding-left: 45px; }
/* ###################################################################################################################################### */
/* ############################################################# 10. FORMS ############################################################### */
/* ###################################################################################################################################### */
.error, .errorStep	{ color:#ff0000; }
.errorStep	{ padding-left:20px; }
#contactForm	{ }
#contactAddress	{ height:auto; float:right;	width:50%;
}
#contactAddress #address { float:left; width:370px; }
#contactAddress #tel { float:left; width:45%; }
#contactAddress a { color:#fff; }
.sectionDividers	{ font-weight:600; color:#fff; letter-spacing: .1px;	font-size:17px; }
#captchaBox	{ width:90%; padding:10px; background-color:#142835; border:solid 1px; border-color:#000; color:#fff; margin-bottom:5px; }
.contactSelect	{ width:90%; padding:5px; height:auto; border:solid; border-width:1px; border-color:#000; margin-bottom:2px; }
.contactInputs	{ width:90%; padding:5px; height:auto; border:solid; border-width:1px; border-color:#000; margin-bottom:2px; padding:5px; }
.contactInputsTelephone	{ width:200px; height:auto; border:solid; border-width:1px; border-color:#000; margin-bottom:2px; }
.contactInputsSm	{ width:100px; height:auto; border:solid; border-width:1px; border-color:#000; margin-bottom:2px; }
.contactMessage	{ font-family: Tahoma, Geneva, sans-serif; font-size:12px; width:90%; height:82px; border:solid; border-width:1px; border-color:#000;	margin-bottom:2px; padding:5px; }
.contactCaptcha	{ width:105px; height:auto; border:solid; border-width:1px;	border-color:#000; margin-top:2px; margin-bottom:2px; }
.contactButton	{ width:150px; height:auto;	margin-top:10px; margin-bottom:10px; padding:5px; color:#fff; font-weight:bold;	border:solid; border-width:1px;	border-color:#000; background-color:#505459; }
.form-item, .form-item a	{ font-size:10px; text-decoration:none; }
.form-required	{ font-size:10px; color:#F00; margin-right:2px; }
#CallBackFrm .InputFields	{ width:230px; height:auto;	border:solid; border-width:1px;	border-color:#6d6e71; margin-bottom:2px; }
#CallBackFrm .label	{ color:#000; font-size:8px; padding-right:5px; }


/* ###################################################################################################################################### */
/* ########################################################### 10. ACCORDION ############################################################ */
/* ###################################################################################################################################### */
:focus, :active {
	outline: 0;
}

#accordion a {
	text-decoration: none;
}

#accordion {
	width: 100%;
}
#accordion .ui-accordion-header {
	background-color: #ccc;
	margin: 0px;
}
#accordion .ui-accordion-header a {
	color: #fff;
	line-height: 42px;
	display: block;
	font-size: 12pt;
	width: 100%;
	text-indent: 10px;
	border-right: 1px solid rgba(0, 0, 0, .2);
	border-left: 1px solid rgba(0, 0, 0, .2);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	border-top: 1px solid rgba(250, 250, 250, .2);
}
#accordion .ui-accordion-content {
	width: 100%;
	background-color: #f3f3f3;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
				inset 0px -1px 0px 0px rgba(0, 0, 0, .4);
}
#accordion .ui-accordion-content > * {
	margin: 0;
	padding: 10px;
}
#accordion .ui-accordion-content a {
	color: #777;
}
#accordion .ui-accordion-header {
	background-color: #557d9e;
	background-image:url(/assets/images/btn-accordion-down.png);
	background-position:top right;
	background-repeat:no-repeat;
}
#accordion .ui-accordion-content:last-of-type {
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
				inset 0px 0 0px 0px rgba(0, 0, 0, .5);
}