@charset "UTF-8";

/* BASIC */
body {margin: 0; padding: 0; text-align: center; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height : 1.5em; background: #006027 url(../img/bg-site.gif) center right repeat;}
h1 {font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 1.6em; color: #8d8f90; font-weight: bold; margin: 0; padding: 20px 0 0 0; line-height: 2.2em;}
h2 {font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 1.4em; color: #8d8f90; font-weight: normal; margin: 0; padding: 15px 0 5px 0;line-height: 1.2em;}
h3 {font-size: 1em; font-weight: bold; margin: 0; padding: 0 0 10px 0;}
p {margin: 0; padding: 0 0 15px 0;}
a {text-decoration: underline; color: #398bc3; outline-style: none;}
a:visited {text-decoration: underline; color: #398bc3;}
a:hover {text-decoration: underline; color: #db2209;}
table {margin: 10px 0 20px 0;}
th {background: #d4d4d4; border: 1px solid #d4d4d4; padding: 4px; color: #000; text-align: left;}
td {border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; padding: 3px;}
img {border: none;}
.clearFloat {clear:both; height: 0; font-size: 1px; line-height: 0;}
div#container {width: 900px; margin: 0 auto 0 auto; text-align: left;}

/* MENU */
div#navigationContainer {height: 30px; float: right; margin: 51px 0 0 0;}
ul#navigation {display: inline; list-style: none; margin: 0; padding: 0;}
ul#navigation li {float: left; display: inline; list-style: none;}
ul#navigation li a {float: none !important; float: left; display: block; font-size: 1.2em; padding: 7px 0 5px 0; margin: 0 0 0 24px; color: #FFFFFF; font-weight: bold; text-decoration: none; height: auto !important; height: 1%;}
ul#navigation li a:hover {padding-top: 4px; color: #d9b019; border-top: 3px solid #d9b019;}
ul#navigation li:first-child a {margin-left: 0;}


/* SUBMENU */
ul#submenu {list-style: none; line-height: 18px; margin: 30px 0 0 0; padding: 0;}
ul#submenu li {padding: 6px 15px 6px 0; border-bottom: 1px solid #e3e3e3;}
ul#submenu li a {padding-left: 17px; text-decoration: none; background: url(../img/bp-submenu.gif) no-repeat left top;}

/* TOP - LOGO */
div#topBox {padding: 0; height: 99px; width: 900px; border-bottom: 4px solid #01441c;} 
div#top {width: 900px; margin: 0 auto 0 auto; text-align: left;} 
div#logo {padding-top: 20px; margin-left: -4px; float: left;}

/* HEADER - HOMEPAGE */
div#header {width: 900px; height: 260px; margin: 0 auto 0 auto; text-align: left;}

div#header #slideshow {position: relative; margin-top: 0px; width: 100%; display: block; margin-bottom: 0px; height: 260px; clear: both;}
div#header #slideshow #slides {width: 900px; height: 260px;}
div#header #slideshow #slides img {z-index: 100; width: 900px; display: none; height: 260px;}
div#header #slideshow #slidenav {z-index: 3000; position: absolute; text-align: right; width: 900px; bottom: 28px; right: 47px;}
div#header #slideshow #slidenav a {width: 17px; background: url(../img/bullet-not-active.png) no-repeat; height: 19px; margin-right: 5px; text-decoration: none; display: inline; font-size: 17px; outline-style: none; padding-top: 1px;}
div#header #slideshow #slidenav a img {width: 17px; height: 19px;}
div#header #slideshow #slidenav a.activeSlide {background: url(../img/bullet-active.png) no-repeat;}
div#header #slideshow #slidenav2 {z-index: 3000; position: absolute; text-align: right; width: 900px; bottom: 28px; right: 25px;}
div#header #slideshow #slidenav2 a {width: 17px; background: url(../img/bullet-not-active.png) no-repeat; height: 19px; margin-right: 5px; text-decoration: none; display: inline; font-size: 17px; outline-style: none;}
div#header #slideshow #slidenav2 a img {width: 17px; height: 19px;}
div#header #slideshow #slidenav2 a.prev {background: url(../img/arrow-left.png) no-repeat; margin-right: 77px; }
div#header #slideshow #slidenav2 a.next {background: url(../img/arrow-right.png) no-repeat; margin-left: 35px; }


div#subpageTitle {width: 900px; height: 88px; background: #185aab url(../img/bg-title.jpg) no-repeat left top;}
div#subpageTitle h1 {font-size: 1.6em; color: #ffffff; font-weight: normal; margin: 0; padding: 25px 15px 30px 15px; line-height: 2em;}

/* CONTENT */
div#mainContent {width: 900px; margin: 0 auto 0 auto; text-align: left; background: #ffffff url(../img/bg-content) no-repeat center top;}
div#leftColumn {width: 550px; float: left; margin:0; padding: 0 0 30px 30px;}
div#leftColumn ul {list-style: none;  margin: -13px 0 0 0; padding: 0 0 10px 10px;}
div#leftColumn li {padding: 0 0 0 15px; background: url(../img/bp.gif) no-repeat left top;}
div#rightColumn {width: 250px; float: right; margin: 0; padding: 0 30px 30px 0;}
div#rightColumn img.no-border {border: none; padding:0}
div#anotation {font-weight: bold;}
div#leftBox {width: 290px; float: left;}
div#rightBox {width: 290px; float: right;}
.compInfo {padding: 0 0 0 25px; background: url(../img/bp-comp-info.gif) no-repeat left top;}
.imgLeft {float: left;}
.linkMore {margin-top: -7px; padding-left: 15px; text-decoration: none; background: url(../img/bp-more.gif) no-repeat left top;}
.news {padding: 30px 0 30px 0; border-bottom: 1px solid #d7d8d8; min-height: 140px;}
.news h1 {margin-top: -30px;}
h2.compTitle {padding: 0;}
div#rightColumn img, div#leftColumn img {border: 1px solid #d4d4d4; padding: 5px;}
div#rightColumn .contentRight {margin-left: 80px;}
div#leftColumn .newsArticle {margin-left: 170px;}
div#partnersBox {margin: 30px 5px 5px 5px; padding: 22px; background-color: #f3f3f3; border-top: 1px solid #e5e5e5; text-align: center;}
div#partnersBox .partner {margin: 0 45px 0 45px;}
div#partnersBox .partner2 {margin: 20px 45px 0 45px;}
div#rightColumn .motto {margin-top: 30px; padding: 0 20px 10px 20px; background-color: #dfdfdf; border-top: 3px solid #c9c9c9;}
div#rightColumn .motto h1 {margin-top: -10px;}
.rightBanner {margin: 20px 0 0 0; text-align: center;}
.imgGallery {margin: 0 20px 20px 0; }
div#leftColumn img:hover {background-color: #d4d4d4;}
div#rightColumn img:hover {background-color: #d4d4d4;}

/* FOOTER */
div#footer {width: 900px; margin: 0 auto 0 auto; text-align: left; color: #829f8e; font-size: 0.94em;}
div#footerLeft {float: left;}
div#footerRight {float: right;}
div#footer p {margin: 0; padding: 0 0 10px 0;}
div#footer a {color: #829f8e;}
div#footer a:visited {color: #829f8e;}
div#footer a:hover {color: #ffffff;}

/* NEW 20101216 */
.flags {position: absolute; margin: 10px 10px 0 765px; padding: 0; border: none}
.flags a {color: #159c4c; text-decoration: none;}
.flags a:visited {color: #159c4c; text-decoration: none;}
.flags a:hover {color: #FFF; text-decoration: underline;}

/************************************************************************************
CAROUSEL
*************************************************************************************/
#intro {
	width: 100%;
	margin: 0 auto;
}
.wrapper {
	background-color: white;
	width: 100%;
	margin: 20px;
	padding: 0;
}
.list_carousel {
	margin: 0;
	width: 100%;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 6px 40px 6px 6px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: 100%;
	margin-left: 0;
}
.pager {
	float: left;
	width: 100%;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}

div#leftColumn .newsArticle.pf {
  margin-left: 0;
  background-color: #21adff;
  padding-top: 13px;
  /* padding-bottom: 20px; */
  padding: 30px;
  /* padding-top: 5px; */
  padding-bottom: 50px;
}

.newsArticle.pf h1 {text-align: center;font-size: 32px;color: #ffffff;margin-top: 0;padding: 0;margin-bottom: 0px;}

.newsArticle.pf p {text-align: center;color: #ffffff;font-size: 14px;font-weight: bold;}

.newsArticle.pf a {color: white;}