@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------ // GLOBAL */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#c1d4d2 url(../img/layout/background.jpg) top left repeat-x;
}

img { border:0; }

.left { float:left; }
.right { float:right; }

/* ------------------------------------------------------------------ // FONT STYLE */

h2 {
	font-size:28px;
	margin-bottom:30px;
	line-height:30px;
}

h3 {
	font-size:20px;
	margin:4px 0;
}

h4 {
	margin:10px 0;
	font-size:14px;
}

small {
	font-size:11px;
	color:#888;
	display:block;
	padding:10px;
	margin:10px;
	border:1px solid #ccc;
}

.white { color:#fff; }
.black { color:#333; }
.grey { color:#666; }
.green { color:#099; }

/* ------------------------------------------------------------------ // LAYOUT */

div#wrapper {
	position:relative;
	left:50%;
	width:950px;
	margin-left:-475px;
}

div#header {
	height:130px;
}

div#navigation {
	height:50px;
}

div#leftPanel {
	position:relative;
	width:340px;
	z-index:2;
}

div#content {
	position:relative;
	float:right;
	width:616px;
	z-index:1;
	font-size:14px;
	line-height:1.5;
	background:url(../img/layout/transWhite.png) repeat;
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	margin:0 0 20px 0;
}

div#footer {
	position:relative;
	left:50%;
	width:950px;
	height:40px;
	margin:0 0 0 -475px;
	overflow:hidden;
	clear:both;
	font-size:11px;
	background:url(../img/layout/footer.png) bottom left no-repeat;
	z-index:10;
}

/* ------------------------------------------------------------------ // HEADER */

div.logo {
	margin:10px 0 0 0;
}

div.languages {
	padding-top:70px;
	font-size:18px;
	margin-bottom:26px;
	line-height:26px;
	color:#3aa9de;
	font-weight:bold;
}

/* ------------------------------------------------------------------ // NAVIGATION */

#navigation table {
	border:0;
	padding:0;
	margin:0;
	height:40px;
}

#navigation td {
	background:url('../img/layout/backgroundMenu.jpg') top left repeat-x;
	margin:0;
	border:0;
	vertical-align:middle;
}

#navigation td.naviLeft {
	background:url('../img/layout/backgroundMenuLeft.jpg') top left no-repeat;
}

#navigation td.naviRight {
	background:url('../img/layout/backgroundMenuRight.jpg') top right no-repeat;
}

	#navigation ul {
		margin:0 0 0 26px;
		padding:0;
		list-style-type:none;
		font-size:14px;
		font-weight:bold;
	}
	
	#navigation li a {
		float:left;
		display:block;
		padding:10px 16px;
		letter-spacing:0px;
	}
	
	#navigation a:link, #navigation a:visited {
		color:#555;
	}
	
	#navigation a:hover, #navigation a:focus, #navigation a:active {
		color:#333;
		background:url('../img/layout/backgroundMenuActive.jpg') top left repeat-x;
	}
	
	#navigation a.active {
		color:#548ca8;
		text-decoration:none;
		background:url('../img/layout/menuActive.png') 0 -2px repeat-x;
	}
	
/* ------------------------------------------------------------------ // CONTENT */

#content div.imageSlider {
	height:280px;
}

#content div.text {
	margin:20px;
}

#accordion h2 {
	font-size:16px;
	margin:0;
}

img.imgAvatar {
	float:left;
	margin:0 14px 14px 0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #97cadf;
	border-bottom:1px solid #97cadf;
}

#content a.link:link,#content a.link:visited {
	color:#009999;
	text-decoration:underline;
}

#content a.link:hover, #content a.link:focus, #content a.link:active {
	color:#333;
	text-decoration:none;
}

ul.list { 
	list-style-type:disc;
	margin:0 0 0 28px;
	padding:0 0 20px 0;
}

ul.list li { margin:0 0 0 8px; }

ul.listNum { margin:0 0 0 28px; }
ul.listNum li { margin-bottom:8px; }

ul.textfield { list-style-type:disc;margin:0 0 0 28px; }
ul.textfield li { margin-bottom:8px; }

#content ul.listNum { list-style-type:decimal; }

table.news a:link,table.news a:visited { color:#0B373B;background:#fff;display:block;padding:2px 4px;margin-bottom:1px; }
table.news a:hover,table.news a:focus,table.news a:active { text-decoration:underline; }
div.toggler p { margin:14px 0;}
	
/* ------------------------------------------------------------------ // LEFT PANEL */

#leftPanel_top {
	position:absolute;
	top:0;
	left:0;
	background:url(../img/layout/leftPanel_top.png) top left no-repeat;
	height:277px;
	width:300px;
	padding:10px 20px;
	z-index:4;
	font-size:13px;
	line-height:1.5;
	text-align:right;
	color:#222;
}

#leftPanel_bottom {
	position:absolute;
	top:240px;
	left:0;
	width:300px;
	padding:60px 20px 20px 20px;
	background:url(../img/layout/leftPanel_bottom.png) bottom left no-repeat;
	z-index:3;
	font-size:14px;
	line-height:1.5;
	color:#333;
	text-align:right;
}

#leftPanel_top img { margin-top:4px; }
#leftPanel_bottom img { margin:4px 0 0 0; }

#leftPanel h2.white { text-align:right;margin:0 0 30px 0;font-size:26px; }
#leftPanel h4 { margin-top:8px; }
#leftPanel ul { margin-bottom:20px; }

#leftPanel a:link,#leftPanel a:visited { color:#099; }
#leftPanel a:hover, #leftPanel a:focus,#leftPanel a:active { color:#333; text-decoration:underline; }
#leftPanel a.active { color:#333; }

/* ------------------------------------------------------------------ // DOWNLOAD */

table.tableDownload {
	border:0;
	margin:0;
	padding:0;
}

.tableDownload td { margin:0 0 1px 0; }

.tableDownload a { display:block;padding:3px; }
.tableDownload a:link,.tableDownload a:visited { color:#333; }
.tableDownload a:hover,.tableDownload a:focus,.tableDownload a:active { color:#096;background:#fff; }

/* ------------------------------------------------------------------ // SITEMAP */

ul.sitemap { color:#ccc;margin-left:20px;}
ul.sub { list-style-type:disc;color:#ccc;margin-left:20px; }

ul.sitemap li.main { list-style-type:disc; }

ul.sitemap li.main a:link,ul.sitemap li.main a:visited {
	font-weight:bold;
	color:#099;
}

ul.sitemap li.main a:hover,ul.sitemap li.main a:focus,ul.sitemap li.main a:active {
	text-decoration:underline;
}

ul.sub li a:link,ul.sub li a:visited {
	color:#666;
}

ul.sub li a:hover,ul.sub li a:focus,ul.sub li a:active {
	text-decoration:underline;
}

/* ------------------------------------------------------------------ // FOOTER */

#footer div {
	margin:16px;
}

#footer a:link,#footer a:visited { color:#333;text-decoration:underline; }
#footer a:hover,#footer a:focus,#footer a:active { text-decoration:none; }

/* ------------------------------------------------------------------ // LINKS */

a.active {
	text-decoration:underline;
}

/* ------------------------------------------------------------------ // ALERTS */

.alertOK {
	border:1px solid #B6FF78;
	background:#DFC;
	padding:10px;
	margin-bottom:10px;
}

.alertFALSE {
	border:1px solid #FA8E8E;
	background:#FEDBDB;
	padding:10px;
	margin-bottom:10px;
}

.alertOUTPUT {
	border:1px solid #6bcfa9;
	background:#fff;
	padding:10px 20px;
	margin-bottom:10px;
	color:#666;
}

.alertOUTPUT h4 {
	color:#009999;
	font-size:16px;
	margin:0 0 6px 0;
}

/* ------------------------------------------------------------------ // INPUTS */

input.radio {
	margin:0;
}

input {
	width:100%;
	border:1px solid #999;
	padding:4px;
	margin-bottom:2px;
}

input.contact { width:400px; }

textarea {
	border:1px solid #999;
	padding:4px;
	font-size:12px;
	font-family:Arial, sans-serif;
	width:400px;
	height:130px;
}

table td { vertical-align:top; }

.divBG {
	padding:4px 10px;
	background:url(../img/layout/accordionDIV.png) top left repeat-x;
	color:#fff;
	margin-bottom:20px;
}

.divBG h4 { display:block;margin:4px 0; }

/* ------------------------------------------------------------------ // TESTS */

table.test {
	width:100%;
	padding:0;
	margin:0;
	border:1px solid #ddd;
}

table.test td {
	background:#fff;
	padding:4px;
	border-bottom:1px solid #ddd;
}

table.test td.input {
	border-left:1px solid #ddd;
	text-align:center;
	background:#ededed;
}

table.test input.radio {
	margin-top:4px;
}

table.test input.submit {
	width:140px;
}

/* ------------------------------------------------------------------ // CONTACT */

table.contact {
	font-size:13px;
}

table.contact a:link,table.contact a:visited {
	color:#333;
	text-decoration:underline;
}

table.contact a:hover, table.contact a:focus, table.contact a:active {
	text-decoration:none;
}