@CHARSET "UTF-8";

/**
 * Page
 */
* { margin: 0; padding: 0; line-height: 1.6em; }
body { font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; font-size: 13px; color: #76767b; background: #e8ebed; }
#page { display: table; width: 1000px; margin: 0px auto 0px auto; background-color: #fff; }
#page_content { display: table; width: 860px; margin: 0px auto 0px auto; }

/**
 * Header
 */
#header { display: block; width: 100%; height: 170px; margin: 0px; padding: 0px; border-bottom: 10px solid #679bc9; }

#header .brand_select { display: block; width: 320px; height: 96px; float: left; margin: 45px auto auto 0px; padding: 0; }
#header .brand_select a { border: none; text-decoration: none; margin-right: 2px; padding: 0; }
#header .brand_select a.site_link { filter:alpha(opacity=45); -moz-opacity:0.45; opacity: 0.45; }
#header .brand_select a.site_link:hover { filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; }
#header .brand_select img { border: none; text-decoration: none; margin: 0; padding: 0; }

#header .lang_select { display: block; width: 250px; height: 30px; float: right; text-align: right; margin: 45px 0px auto auto; padding: 0; }
#header .lang_select a { text-decoration: none; font-size: 12px; }

#header .search_select { display: block; width: 400px; float: right; margin: 4px 0px auto auto; padding: 0; }
#header .search_select table { float: right; }
#header .search_select td { vertical-align: middle; height: 40px; padding: 4px; }
#header .search_select .search_button { margin-left: 10px; }
#header .search_select .search_button img { margin-top: 5px; }
#header .search_select input { font-size: 14px; padding: 6px; border: 1px solid #999; -moz-border-radius: 0.4em; border-radius: 0.4em; }

/**
 * Menu
 */

#menu {
	display: block; width: 100%; height: 35px; margin: 0px; padding: 0px;
	font-size: 13px; color: #888;
}
#menu a { display: block; width: 100%; padding-left: 6px;  text-decoration: none; }
#menu a:hover { color: #333; text-decoration: none !important; }
#menu a.current { color: #4A92D9; text-decoration: none !important; }

#menu ul { width: 100%; }
#menu li { 
	display: inline; float: left; width: auto; height: 20px; margin: 5px 2px 0 2px; 
	background: transparent url(../img/top_menu_border.png) no-repeat bottom right;
}

/* submenu */
#menu li ul {
	display:none; visibility: hidden; height:auto; padding: 0px; margin:0px;
	position:absolute; z-index:100; background-color:transparent; width:150px;
	border: 1px solid #aaa; width: 170px;
}

#menu li:hover ul { display: block; visibility: visible; }
#menu li:hover { visibility: inherit; } 
#menu li ul li { display: block; height: auto; float:none; margin: 0; padding: 0; background: none; background: #fff; }

#menu li ul li a { display: block; width: 150px; text-align:left; margin: 0; padding: 10px 0px 10px 20px !important; background: #fff; }
#menu li ul li a:hover { background: #fff url(../img/top_menu_selected.png) no-repeat left; }


/**
 * Divisions
 */

#divisions { display: block; width: 100%; height: 310px; margin: 0px; padding: 0px; }

#divisions .divisions_picture { display: block; width: 100%; height: 225px; margin: 0px; padding: 0px; z-index: 1; }
#divisions img.division_trilanges { display: inline; margin-top: -10px; z-index: 1; }

#divisions .divisions_menu { display: block; width: 100%; margin: 20px 0px 0px 0px; padding: 0px; }
#divisions .divisions_menu ul { width: 100%; margin: 0px; padding: 0px; }
#divisions .divisions_menu li { display: block; float: left; width: 215px; margin: 0px; padding: 0px; }
#divisions .divisions_menu li a { 
	display: inline; float: left; width: 165px; height: 37px; margin: 0px; padding: 5px 25px 0px 25px;
	text-align: left; text-decoration: none; color: #fff; font-weight: normal; line-height: 1.1em; font-size: 14px;
}
#divisions .divisions_menu li a:hover { height: 47px !important; text-decoration: none !important; }
#divisions .divisions_menu li a.selected { height: 47px !important; text-decoration: none !important; }

#divisions li.div1 { background-color: #2abe43; }
#divisions li.div2 { background-color: #4a92d9; }
#divisions li.div3 { background-color: #e172e0; }
#divisions li.div4 { background-color: #a9a6a6; }

#divisions .left_corner { background: transparent url(../img/left_corner.png) no-repeat bottom left; }
#divisions .right_corner { background: transparent url(../img/right_corner.png) no-repeat bottom right; }
#divisions .both_corner { background: transparent url(../img/right_corner.png) no-repeat bottom right; }
#divisions .both_corner > a { background: transparent url(../img/left_corner.png) no-repeat bottom left; }

/**
 * Content
 */
#content { display: block; width: 100%; margin: 0px; padding: 0px; color: 76767b; }
#content .minheight { display: block; float: left; width: 1px; height: 300px; margin: 0; padding: 0; }

/**
 * News
 */
#content .news { display: block; float: left; width: 220px; margin: 0 0 30px 0; padding: 0 0 70px 0; border-right: 2px solid #ddd; }
#content .news ul { width: 100%; margin: 0px; padding: 0px; }
#content .news li {	width: 100%; list-style: none; margin: 0px; padding: 8px 0 8px 0; }
#content .news h2 { font-size: 16px; font-weight: bold; margin: 10px 0 10px 10px; color: #76767b; }
#content .show_updated { display: block; width: 100%; font-size: 11px; margin-bottom: 10px; padding-left: 10px; }
#content .news h3 { font-size: 14px; font-weight: normal; margin: 4px 0 2px 0; padding: 0 10px 8px 10px; color: #679bc9; border-bottom: 2px solid #ddd; }
#content .news p { font-size: 11px; padding: 0 10px 0 10px; }
#content .show_more img { margin-top: 1px; }

/**
 * Article
 */
#content .text { display: block; float: left; width: 630px; margin: 0; padding: 0; font-size: 13px; }
#content .text h1 { font-size: 16px; font-weight: bold; margin: 10px 0 0 20px; color: #679bc9; }
#content .article { display: block; float: left; width: 590px; margin: 20px; padding: 0; }
#article_menu { display: block; width: 100%; margin: 0 0 15px 0; padding: 0; float: left; }
#article_menu a { font-size: 13px; padding: 5px; margin: 0; text-decoration: underline !important; }
#article_menu a:hover, #article_menu a.selected { color: #4A92D9; }

#article_info { display: block; width: 610px; float: right; margin: 0 80px 16px 0; }
#article_info h2 { display: inline; float: left; font-size: 10px; font-weight: normal; color: #aaa; }
#article_info a { float: right; text-align: right; padding-right: 2px; }

/**
 * Footer
 */
#footer { display: table; width: 100%; background-color: #c7cbcd; color: #111; font-size: 12px; }
#footer table { width: 860px; height: 20px; margin: 15px auto 15px auto; text-align: center; }
#footer td { border-right: 1px solid #111; padding: 0 18px 0 18px; }
#footer a { color: #111; font-size: 12px; text-decoration: none; }
#footer .noline { border-right: none; }

#madeby_link { display: table; width: 920px; margin: 8px auto 10px auto; text-align: right; color: #999; font-size: 12px; }
#madeby_link a { color: #999; }

/**
 * Typo
 */

a { text-decoration: none !important; color: #76767b; }
a:hover { text-decoration: underline !important; color: #333; }

.article p { margin: 0 0 20px 0; }
.article ul { margin: 0 0 10px 0; }
.article li { list-style: disc; margin-left: 30px; }

.hidden { display: none; }
.disabled { background-color: #eee; color: :#999; border: 1px solid #DBE3F9; }

.center { text-align: center; }
.left {	text-align: left; }
.right { text-align: right; }
.bold { font-weight: bold; }
.warning { color: red !important; }
.smaller { font-size: 0.8em; }

textarea { width: 400px; height: 200px; border: 1px solid #DBE3F9; margin-left: auto; margin-right: auto; }

input[type=text] { border: 1px solid #DBE3F9; padding: 3px; margin: 0; }
input[type=password] { border: 1px solid #DBE3F9; padding: 3px; margin: 0; }

.buttons { display: block; float: right; margin: 20px 0px 20px auto; }

input[type=submit], input[type=button] { padding: 2px 10px 2px 10px; border: 1px solid #DBE3F9; background-color: #F5F2EB; color: #695945; font-size: 0.9em; -moz-border-radius: 0.3em; border-radius: 0.3em; }

input[type=submit]:hover, input[type=button]:hover { background-color: #DBE3F9; }
input[type=submit]:active, input[type=button]:active { background-color: #B3C3EF; }

label { display: block; font-weight: bold; text-align: right; float: right; font-size: 0.9em; padding-right: 10px; }

/**
* Fancybox pictures
*/ 
.pictures img { border: 1px solid #ddd; padding: 2px; -moz-border-radius: 0.3em; border-radius: 0.3em; }
.pictures img:hover { border-color: #DBE3F9; } 

/**
 * Article files display
 */

.files { display: table; width: 100%; margin: 10px 0 10px 0; padding: 10px 0 10px 0; font-size: 0.9em; }
.files table { width: 100%; display: table; margin: 0px; border: 1px solid #DBE3F9; }
.files td { vertical-align: middle; padding: 1px 0 1px 4px; }
.files th { background: #F6F6F6; color: #8796C2; padding: 2px 0 2px 4px; margin-left: 3px; margin-right: 3px; }
.files tr:nth-child(even) { background: #EFF1F7; }
.files img { width: 16px; padding-top: 2px; }
.files td a { float: left; margin-left: 4px; }

/**
 * Notice
 */

.notice { display: table; margin: 10px auto 0 auto; padding: 10px; background-color: #FCFFCD; border: 1px solid #DBE3F9; }

/**
 * Module items
 */

#module { display: block; float: left; margin-bottom: 30px; }
#module td { vertical-align: top; padding: 2px; }

.minified { font-family: "Trebuchet MS", Times, serif !important; font-size: 0.7em; color: #695945 !important; }
fieldset { margin: 40px; display: table; margin-left: auto; margin-right: auto; }
fieldset ul { display: table; margin-left: auto; margin-right: auto;	}
fieldset ul li { list-style: none; padding: 0; margin-bottom: 6px;	}
fieldset li { display: table;	min-width: 350px; text-align: left; }
fieldset label { font-weight: bold; text-align: right; width: 150px; float: left; font-size: 0.9em; padding-top: 2px; padding-right: 10px; }

/**
* Popup box (fancybox)
*/
.popup_dialog { background-color: #fefefe; border: 1px solid #DBE3F9; padding: 10px; display: table; }

.popup_dialog h2 {
	display: table; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;
	padding: 2px 0 2px 4px; font-size: 13px; width: 90%; height: 18px; border: 1px solid #DBE3F9; color: #fff;
}

.popup_dialog fieldset { padding: 20px; width: 90%;	}
.popup_dialog label { width: 100px; }
.popup_title { background: #8796BF url(../img/header_blue.png) bottom center repeat-x; }