@charset "utf-8";

/* INFORMATION 



*/

/* Custom CSS */
@import url('table.css');
@import url('margin-padding.css');


/** paragraph CSS **/
h1 { color:#333; font-size: 36px; }
h2 { color:#333; font-size: 30px; }
h3 { color:#000; font-size: 24px; font-weight: 300; font-style: normal; }
h4 { color:#1b75bb; font-size: 18px; font-weight: 500; font-style: normal;}
h5 { color:#333; font-size: 16px; }
h6 { color:#666; font-size: 14px; font-weight: 300; font-style: normal;}

p	{ text-align: left; }

strong .strong {
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-style:normal;
}

.font-sm-95 {font-size:95%;} 
.font-sm-90 {font-size:90%;} 
.font-sm-85 {font-size:85%;} 

.txt-case-cap {text-transform: capitalize;}
.txt-case-upper {text-transform: uppercase;}
.txt-case-low {text-transform: lowercase;}
.txt-case-small {font-variant: small-caps;}

.underline {text-decoration:underline; }

/** common style **/
html, body { height:100%; }

body {
	background-image:url(../img/img-background.gif);
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-weight:normal;
	font-style:normal;
}

.css-front { 
	/*height: auto;*/
	margin:0; 
	padding:0;
	overflow-x: hidden;
	
	/*
	scrollbar-face-color:#cdcdcd;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#f0f0f0;
	button-text-color: #ffffff; */
}

.container { 
	width:980px; 
	min-height: 100%;
	margin: 0 auto 80px; /* the bottom margin is the negative value of the footer's height */
}

.shadow {
	width: 982px;
	margin: 0 auto; 
	padding:0;
	
	background-color: #fff;
	-moz-box-shadow: 0 0 0.5em #999;
	-ms-box-shadow: 0 0 0.5em #999;
	-o-box-shadow: 0 0 0.5em #999;
	-webkit-box-shadow: 0 0 0.5em #999;
	box-shadow: 0 0 0.5em #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.top-header {
	height:140px;
	margin:0;
	padding:0;
}

.push {
	height: 50px; /* '.push' must be the same height as 'footer' */
}

footer {
	clear: both;
	width: 980px;
	height: autox;
	margin: 20px 0 0;
	padding: 10px 30px 10px;
	text-align:center;
	background-color: #fff;
	
	position:fixed;
	bottom: 0;
	z-index:9999;
}

.footer {
	height: auto;
	border-top: 1px dotted #999;
	margin: 5px 0;
	padding: 10px 30px 0;

}


/*  HOME  */

.home-title {
	margin: 30px 10px 20px 60px;
	font-size:16px;
	font-weight:300;
	text-align:left;
}

.home-title2 {
	margin: 0 10px 20px 0;
	font-size:18px;
	color:#bc1339;
	font-weight:bold;
	text-align:left;
}

.home-img {
	padding-left:60px;
}

.home-txt {
	padding:0 10px;
	word-break:keep-all;
}

.home-txt2 {
	color:#bc1339;
	font-size:16px;
	padding-bottom: 5px;
}

.home-txt > p {
	color:#333;
	padding-top:10px;
}

.home-txt ol {
	margin: 10px 40px ;
}

.home-txt li {
	list-style-type: decimal;
}

.home-txt ul li {
	margin-left:15px;
	list-style-type: disc;
	padding-top:5px;
}


/** page style **/
.css-content {
	width:980px;
	height: 100%;
	margin:30px 30px 0;
}

.section {
	width:920px;
}

.title-page {
	width:auto;
	height:70px;
	border-bottom:1px dotted #666;
}

.title-search {
	width: 300px;
	float:left;
}

.bb {border-bottom:1px dotted #666;}

.sub-menu {
	height:50px;
	/*border-bottom:1px dotted #666;*/
	margin-bottom:20px;
	padding:12px 0 ;
	text-align:center;
}

.sub-menu:after,
.sub-menu > ul:after {
	clear: both;
}

.sub-menu li {
	float: left;
	border: 1px solid transparent;
	margin-left:11px;
}

.sub-menu2 li {
	float: left;
	border: 1px solid transparent;
	margin-left:20px;
}

.sub-menu li a {
	text-decoration: none;
}

.sub-menu ul li.active a,
.sub-menu ul li a:hover {
	display: block;
	color: #bc1339;
}

.session-menu {
	margin-bottom:20px;
	padding:6px 30px;
	word-break: keep-all;
	line-height:1.8;
}

.session-menu > a {
	color:#999;
}

.session-menu > a:hover {
	color:#ff0000;
}

.section-description {
	width:auto;
	border-bottom:1px dotted #666;
	padding:10px 30px 10px ;
	color:#888;
}

.session-menu2 {
	height:45px;
	padding:6px 30px;
}

.session-menu3 {
	height:45px;
	margin-left:7px;
	padding:6px 18px;
}

.dropdown-2 {
	float:left;
	margin-right:20px;
}

.dropdown-3 {
	float:left;
	margin-right:12px;
}

.btn-session {
	padding:6px 15px;
}

.bk-tooltip + .tooltip > .tooltip-inner {background-color: #000;}
.bk-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#000; }


/* page navigation */
.page-nav {
	width: 100%;
	height: 30px;
	vertical-align: middle;
	text-align:right;
	margin: 15px 0;
	padding-right:10px;
	font-size: 90%;
}

.page-nav a,
.page-nav a:hover { text-decoration:none;}

.page-nav img { margin-bottom:3px; margin-right:3px;}


/* search */

.search {
	float: right;
	width: auto;
	vertical-align:middle;
}

.search-msg {
	height:70px;
	border-bottom:1px dotted #666;
	margin-bottom:15px;
	padding:15px 0;
	text-align:center;
	vertical-align:middle;
}

.result-msg {
	height:70px;
	border-bottom:1px dotted #666;
	margin-bottom:15px;
	padding:20px 0;
	text-align:center;
	vertical-align:middle;
	background-color:#f3f3f3;
}

.blue { font-weight:bold; color:blue; font-size:18px; }
.red { font-weight:bold; color:red; font-size:18px; }

.title-result {
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#bc1339;
}



.title-legend { 
	float: right;
	margin: 30px 15px 0 0;
	font-size:12px;
}



/* SITE MAP */

.sitemap:after,
.sitemap > ul:after {
	clear: both;
}
/*
.sitemap li {
	border: 1px solid transparent;
}
*/

.sitemap2 li {
	float:none;
	border: 1px solid transparent;
	margin-top:2px;
	font-size:104%;
	font-weight:normal;
}

.sitemap2 li a:hover {

	font-weight:normal;
}

.sitemap li a {
	text-decoration: none;
}

.sitemap ul li a:hover {
	display: block;
	color: red;
}

.map-txt, .map-txt a {
	color:#bc1339;
}


/* content frame */
.top-bar { float:left; width:740px; height:10px; background-color:#0091da; }

.content-home {
	float: left;
	width: 740px;
	height:	580px;
}

.content-noscroll {
	float: left;
	width: 740px;
	height:	560px;
	padding: 15px 15px 5px 25px; 
}

.content-scroll {
	float:left;
	width:740px;
	height: 560px;
	overflow-y: scroll; 
	padding: 15px 15px 5px 25px; 
}


.content-scroll-search {
	float:left;
	width: 740px;
	height: 458px;
	overflow-y: scroll; 
	padding: 15px 15px 5px 25px; 
}



.lable-d {background-color:#aaaaaa;}