/*@import url(http://fonts.googleapis.com/css?family=Ubuntu:100,300&subset=latin,latin-ext);
*/
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400&subset=latin,latin-ext);
* {
	margin: 0px;
	padding: 0px;
	
/*
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
*/	
}

ol, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border: 0px;
}
.cleaner, .clear, .mcleaner {
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}
.cleaner, .clear {
	clear: both;
}


.hidden {
	display: none;
}

body, div, input, select, textarea, td, ul, li {
	font-family: Arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
body {
	background: #FFF;
	font-size: 12px;
}

/* COMMON */
a {
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}



.body {
	width: 916px; margin: 13px auto 0;
}

.header {
	height: 122px; margin-bottom: 13px;
	background-color: #FCFCFC; 
}

.header strong, .header em {
	display: block;
	font-size: 0px; line-height: 0px;
	content: '';
}
.header a {
	
	display: block;
	width: 400px; height: 100%;
	background: url(../imgs/header2024.png) no-repeat; 
}

.header .banner-holder {float: right; padding: 11.5px 11.5px 11.5px 0; width: 454px; }

.ls-strip {
	height: 53px; background: url(../imgs/bg-login.gif) repeat-x;
	margin-bottom: 12px;
}

.ls-strip .login {
	float: left; font-size: 11px; color: #FFF;
	line-height: 33px;
	margin-left: 15px;
	padding-left: 25px;
	background: url(../imgs/ico-key.png) no-repeat left center;
}

.ls-strip .login a {color: #FFF; text-decoration: underline;}
.ls-strip input.submit { display: inline-block; vertical-align: top; border: none;}
.ls-strip input.text { background-color: #FFF; border: none; height: 33px; line-height: 33px; padding: 0 12px; color: #333; font-size: 12px;}

.login {margin: 10px; }
.login input.text { height: 33px; line-height: 33px; width: 100px; padding: 0 12px; color: #333; font-size: 12px;}
.login input.submit { width: 51px; height: 33px; font-weight: bold; font-size: 12px; color: #11204B;}

.search {float: right; margin: 10px; position: relative;}
.search input.text { height: 33px; line-height: 33px; width: 230px; padding: 0 12px; color: #333; font-size: 12px;}
.search input.submit { width: 51px; height: 33px; background: #F0F0F0 url(../imgs/ico-magnify.gif) no-repeat center;}
.search .dropdown {
	position: absolute; display: inline-block;
	width: 86px; height: 25px; right: 58px; margin-top: 3px; z-index: 1000; 
}

.search li {display: block; line-height: 25px; text-align: center; border: solid 1px #C0C0C0; color:#4C4C4C;
	background: url(../imgs/bg-butt-gray.gif) repeat-x;  font-size: 11px;
	cursor: pointer;
}

.search li:hover {color: #000; text-decoration: none;}


/* HOME */

.home-menu {height: 385px; margin-bottom: 13px; }
.home-menu .column {width: 296px; float: left;  position: relative;}
.home-menu .column.col-1 {left: 0px;}
.home-menu .column.col-2 {left: 310px;}
.home-menu .column.col-3 {left: 620px;}
.home-menu .column .inner {min-height: 385px; position: absolute; z-index: 100; left: 0px; right: 0px;}

/* SUB */

.page-menu { width: 297px; float: left; margin-bottom: 110px; }
.page-menu .column {margin-bottom: 14px;} 

/* MMENU common */

.mainmenu.col-1 .inner {background: #103D76 url(../imgs/bg-blue.gif) repeat-x top;}
.mainmenu.col-2 .inner{background: #107639 url(../imgs/bg-green.gif) repeat-x top; }
.mainmenu.col-3 .inner{background: #B26C00 url(../imgs/bg-orange.gif) repeat-x top;}

.mainmenu .content {padding: 15px 23px 0;}

.mainmenu  h2 {font-size: 30px; font-family: Source Sans Pro; font-weight: 300; padding: 15px 23px 9px; text-transform: uppercase;
							cursor: pointer; color: #FFF; }
.mainmenu  h2 a {text-decoration: none; color: #FFF; display: block;}							
.mainmenu  p {padding: 0 23px; margin-bottom: 13px;}

.mainmenu  ul {padding-bottom: 6px;}

.mainmenu  li a {color: #FEFEFF; padding: 5px 16px 5px 23px; display: block;}
.mainmenu  li a:hover,
.mainmenu  li.active a {text-decoration: none;}
 
.mainmenu  li {font-size: 18px; font-family: Source Sans Pro; font-weight: 400;	margin: 6px 0;}




/* MMENU colors */

.mainmenu.col-1 p, .mainmenu.col-1 p a {color: #B2D4FF}
.mainmenu.col-1 li.active {border: solid 1px #325889; background: url(../imgs/bg-blue-2.gif) repeat-y; xbackground-size: 100%;}
.mainmenu.col-1 li.active a {color: #B2D4FF;}
.mainmenu.col-1 li.active li a {color: #FEFEFF;}
.mainmenu.col-1 li.active a,
.mainmenu.col-1 li a:hover {background: url(../imgs/bul-menu-blue.gif) no-repeat 8px center;}
.mainmenu.col-1 li.active li a {background: none;}


.mainmenu.col-1 li.active li.open a {color: #B2D4FF;} 
.mainmenu.col-1 li.active li.open li a {color: #FEFEFF;}
.mainmenu.col-1 li.active li.open li.open a {color: #B2D4FF;}
.mainmenu.col-1 a:hover {color: #B2D4FF !important;}

.mainmenu.col-2 p, .mainmenu.col-2 p a {color: #B9FFD5}
.mainmenu.col-2 li.active {border: solid 1px #328955;  background: url(../imgs/bg-green-2.gif) repeat-y; xbackground-size: 100%;}
.mainmenu.col-2 li.active a {color: #B9FFD5;}
.mainmenu.col-2 li.active li a {color: #FEFEFF;}
.mainmenu.col-2 li.active a,
.mainmenu.col-2 li a:hover {background: url(../imgs/bul-menu-green.gif) no-repeat 8px center;}
.mainmenu.col-2 li.active li a {background: none;}

 
.mainmenu.col-2 li.active li.open a {color: #B9FFD5;} 
.mainmenu.col-2 li.active li.open li a {color: #FEFEFF;}
.mainmenu.col-2 li.active li.open li.open a {color: #B9FFD5;}
.mainmenu.col-2 a:hover {color: #B9FFD5 !important;}

.mainmenu.col-3 p, .mainmenu.col-3 p a {color: #FFE9C6}
.mainmenu.col-3 li.active {border: solid 1px #BD8124;  background: url(../imgs/bg-orange-2.gif) repeat-y; xbackground-size: 100%;}
.mainmenu.col-3 li.active a {color: #FFE9C6;}
.mainmenu.col-3 li.active li a {color: #FEFEFF;}
.mainmenu.col-3 li.active a,
.mainmenu.col-3 li a:hover {background: url(../imgs/bul-menu-orange.gif) no-repeat 8px center;}
.mainmenu.col-3 li.active li a {background: none;}


.mainmenu.col-3 li.active li.open a {color: #FFE9C6;} 
.mainmenu.col-3 li.active li.open li a {color: #FEFEFF;}
.mainmenu.col-3 li.active li.open li.open a {color: #FFE9C6;}
.mainmenu.col-3 a:hover {color: #FFE9C6 !important;}

/*///////////////
.mainmenu.col-2 p, .mainmenu.col-2 p a {color: #B9FFD5}
.mainmenu.col-2 li.active {border: solid 1px #328955;  background: url(../imgs/bg-green-2.gif) repeat-y;}
.mainmenu.col-2 li.active a,
.mainmenu.col-2 li a:hover {background: url(../imgs/bul-menu-green.gif) no-repeat 8px center;}
.mainmenu.col-2 li.active li a {background: none;}
.mainmenu.col-2 a:hover {color: #B9FFD5;} 

.mainmenu.col-3 p, .mainmenu.col-3 p a {color: #FFE9C6}
.mainmenu.col-3 li.active {border: solid 1px #BD8124;background: url(../imgs/bg-orange-2.gif) repeat-y;}
.mainmenu.col-3 li.active a,
.mainmenu.col-3 li a:hover {background: url(../imgs/bul-menu-orange.gif) no-repeat 8px center;}
.mainmenu.col-3 li.active li a {background: none;}
.mainmenu.col-3 a:hover {color: #FFD491;} 

.mainmenu li.active {border-width: 1px 0;}


/////////////*/

.mainmenu  li li {font-size: 14px; padding: 0 16px 0 32px ;}
.mainmenu  li li a {background: none !important; padding: 4px 0;}
.mainmenu  li li ul {padding-bottom: 0px;}
.mainmenu  li li li {font-size: 13px; padding: 0 0 0 16px ;}
.mainmenu  li li li a {background: none !important; padding: 4px 0;}




/* FOOTER */

	.footer {color: #FEFEFF; font-size: 11px; position: relative;}
	.footer a {color: #B8C5D6; text-decoration: underline;}
	.footer a:hover {color: #FFF; }
	
	.footer-upper {background-color: #103D76; padding: 14px 25px 9px 19px;}
	.foot-contact {width: 250px; float: right; text-align: right; line-height: 18px; padding-top: 8px;}
	
	.footer-upper h3 {font-family: Source Sans Pro; font-weight: 500; font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}
	.footer-upper h4 {font-size: 12px; font-weight: bold; text-transform: uppercase; }
	
	.foot-menu li {font-size: 11px; padding-bottom: 10px;}
	.col {width: 205px; float: left;}
	
	.footer-bottom {background-color: #0E3464; color: #B8C5D6; font-size: 11px; height: 30px; line-height: 30px; padding: 0 17px;}
	
	.copy {float: left;}
	.devel {float: right;}


/* HOME CONT */

	.home-content {position: relative;}
	
	.home-actuality {
		background-color: #F4F4F4;position: relative;
		width: 606px; float: right;
		min-height: 453px;
		margin-bottom: 11px;	
	}
	
	.home-actuality .inner {
		padding: 9px 16px 0px;
	} 
	
	.home-news {
		background-color: #D9D9D9; position: relative;
		width: 296px; float: left;
		height: 336px;
		margin-bottom: 11px;
	}

	.home-news .inner {
		padding: 10px 16px 3px; 
	}
	
	.home-news .item {
		margin-bottom: 22px;
	}
	
	.home-actuality h2, .home-news h2,
	.wsw.home-spec h2
	 {
		font-family: Source Sans Pro; font-weight: 300; font-size: 30px; text-transform: uppercase;
		color: #103D76;
		margin-bottom: 11px; 
	}
	
	.home-actuality h3, .home-news h3 {
		font-family: Source Sans Pro; font-weight: 300; font-size: 18px;
		line-height: 22px;  
	}
	
	.home-actuality h2 {margin-bottom: 15px;}
	.home-actuality h3 {margin-bottom: 9px;}
	.home-actuality p {line-height: 18px; margin-bottom: 9px; text-align: justify;}
	.home-actuality .item {margin-bottom: 30px;} 
	
	
	.home-actuality h3 a, .home-news h3 a{
		color: #103D76;
	}
	.home-actuality .date {font-size: 10px; color: #999; margin-bottom: 8px;}
	.home-news .date {font-size: 10px; color: #000; margin-bottom: 3px;}
	
	
	.home-actuality a.archiv,
	.home-news a.archiv, 
	.home-spec a.archiv
	{font-size: 11px; text-transform: uppercase; color: #103D76; text-decoration: underline; position: absolute; top: 7px; right: 10px;}
 
 
  .banner {margin: 11px 0 0;}

/* SOCIAL & INFO box, common */

.info {width: 296px; 
	position: absolute; left: 0px;
	}


.info {top: -115px;}

.info .inner {
	position: relative;
	margin: 5px 0 0 10px;
	height: 100px;
} 

.info h3 {
	font-family: Source Sans Pro; font-weight: 300; font-size: 18px;
	line-height: 22px; text-transform: uppercase;  
	color: #103D76;
	margin-bottom: 30px;
}

.info .social {
	position: absolute; top: 0px; right: 0px;
}

.info .social a {display: inline-block; width: 35px; height: 35px; font-size: 0px; line-height: 0px; margin-left: 6px; vertical-align: top;}
.info .social a.rss {background: url(../imgs/ico-rss.gif) no-repeat;} 
.info .social a.fb {background: url(../imgs/ico-fb.gif) no-repeat;}
.info .social a.tw {background: url(../imgs/ico-tw.gif) no-repeat;}

.info p {
	font-size: 11px; line-height: 14px;
	color: #103D76;
	text-align: right;
	position: absolute; bottom: 0px; right: 0px; 	
}


/* SUBPAGE */

.page-menu {
	position: relative;
	z-index: 1;
}

.page-right {
	width: 574px; padding: 9px 16px 16px; float: right;
	margin-bottom: 11px;
	background-color: #F4F4F4;	
}


/* CONT */

.chart-div {
  width:100%;
}

.chart-doughnut {
	height:350px;
}

.chart-lines {
	height:350px;
}


.search-users {
	width: 100%; 
}

.search-users td {
	font-size: 12px;
}

.message {padding: 0 40px 10px; font-weight: bold;}
.message .msg-ok {}
.message .msg-err {}
.message .msg-info {} 


.content .dropbar {margin-bottom: 20px;}

.content .dropdown {	position: relative; 
	width: 99%; height: 35px;
		margin-bottom: 8px;
}

.content .dropdown ul {	position: absolute; 
	width: 447px; height: 35px; right: 0px;
	background: url(../imgs/bg-drop-big.gif) repeat-x;
	background-size: 100% 100%; 
	z-index: 10;
	border: solid 1px #CCC; 
}

.content .dropdown.first ul {
	z-index: 20;
}

.content .dropdown li {
	background: url(../imgs/bg-drop-big.gif) repeat-x !important; cursor: pointer; line-height: 35px;
	background-size: 100% 100%; padding: 0 10px; font-size: 18px; 
	font-family: Source Sans Pro; font-weight: 300;
	color:#666;
	z-index: 11; 
	}

.content .dropdown li:first-child {
	background: url(../imgs/drop-arrow.png) no-repeat right center !important;
	margin-right: 11px;
	z-index: 9;
}

.content .dropdown ul.single li {background: none !important; cursor: default; }

.content .dropdown li:hover
 {color: #000; text-decoration: none;}

.content .dropdown ul.single li:hover 
	{ color:#666; }

.content .dropdown label {
	position: absolute; font-size: 18px; color: #333;
	left:0px; top: 6px;
	font-family: Source Sans Pro; font-weight: 300;
	width: 100px; height: 30px; line-height: 30px; text-align: right;	
}


.content .chart-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 12px;
}

.content .chart-table td {
	height: 24px; vertical-align: middle; 
}
.content .chart-table td, .content .chart-table td a {color: #333;}
.content .chart-table td.c {width: 48px; text-align: center;}
.content .chart-table td.c span {display: inline-block; width: 15px; height: 15px; border: solid 1px #999; margin: 3px 0;}
.content .chart-table td.n { font-weight: bold; font-size: 11px;  padding-right: 10px;width: 70%;}
.content .chart-table td.s { font-weight: bold; text-align: right; padding-right: 10px;}
.content .chart-table td.v { text-align: right; padding-right: 20px; white-space: nowrap;}
.content .chart-table td.p {width: 20px;}

.content .chart-table tr.odd {background: #E8E8E8; }

.content .source p {text-align: center; font-size: 11px; color: #666;}


.content .gallery {padding: 20px 0;}
.content .gallery img {margin: 0 20px 20px 0;}

.item .news-image {
	float: left; margin-right: 8px;
	margin-bottom: 12px;
}
.content .article-image-w {
  margin-bottom: 12px;
}

.content .article-image-t {
	float: left; margin-right: 8px;
}


@media screen and (max-width: 479px) { /* smartphone */
 * {	float: none;  }

.mcleaner { clear: both; }


/*	.body {width: 100%; min-width: 320px;}
*/

	.body {width: 320px; margin: auto;}

  .header { position: relative;
	height: 72px; margin-bottom: 96px; background: url(../imgs/header-mini.gif) no-repeat center;
	}

	.header a {
		
		display: block;
		width: 100%px; height: 100%;
		background: none; 
	}


	.header .banner-holder {float: none; padding: 6px 0; text-align: center; position: absolute; top: 80px; width: 320px;}
	.header .banner-holder a {display: inline;}
	.header .banner-holder img { width: 320px;}


	.home-menu {height: auto;}
	
	.page-menu {width: 100%; margin-bottom: 11px; float: none; position: static;}
	.home-menu .column,
	.page-menu .column {width: 100%; position: static;}

	.home-menu .column .inner {position: static; min-height: 0;}
	
	.column.mainmenu {margin-bottom: 12px;}
	
	.mainmenu li.active {	background-size: 100% 1px !important;}
	
	.home-menu .hideable {display: none;}
			
	.home-actuality {
		position: relative;
		width: 100%; 
		height: auto;
		margin-bottom: 11px;	
	}
	
	.home-news {
		position: relative;
		width: 100%; 
		height: auto;
		margin-bottom: 130px;
	}
	
	.page-content {width: auto; padding-bottom: 120px;}  
	.page-right {width: auto; float: none; padding-bottom: 6px;}

 	.info {
	 	width: 100%;
	 }
		
	.info .inner {
		margin: 5px 1px 0 19px;
	}
	
	.foot-contact {width: auto; float: right}
	.footer .col {width: auto; float: left; padding-top: 8px;}
	.footer-bottom {height: auto; line-height: 20px; padding-top: 4px; padding-bottom: 4px;}
	.footer-bottom .copy,
	.footer-bottom .devel {text-align: left; float: none;}   

	.ls-strip {height:auto; background-size: 100% 100%; background-repeat: repeat-x; background-position: bottom; padding: 8px 0 4px; text-align: center;}
	.ls-strip .login,
	.search {float: none; text-align: center; line-height: 20px; margin: 0px; padding-bottom: 4px;}
	.search input.text {width: 220px;}
	
	.search .dropdown {right: 68px;} 
	.ls-strip .login {width: auto; padding-left: 20px; margin: auto; float: none; display: inline-block; }

	.login {margin: 0px; padding: 0 0 3px;}
	.login input.text { height: 33px; line-height: 33px; width: 87px; padding: 0 12px; color: #333; font-size: 12px;}



.chart-doughnut {
	height:240px;
}

.chart-lines {
	height:240px;
}

	
	
.content .dropdown {	 
	width: 99%; height: 60px;
}

.content .dropdown ul {	
	width: 100%; height: 30px; top: 23px; left: 0px; 
}


.content .dropdown li {
	line-height: 30px;
	padding: 0 10px; font-size: 16px; 
	}

.content .dropdown li:first-child {
	background: url(../imgs/drop-arrow.png) no-repeat right center;
	margin-right: 11px;
}

.content .dropdown li:hover
 {color: #000; text-decoration: none;}

.content .dropdown label {
	position: absolute; font-size: 16px; color: #333;
	left:12px; top: 0px;
	height: 25px; line-height: 25px; text-align: left;	
}


.content .chart-table td {
	height: 22px; 
}
.content .chart-table td.c {width: 36px; text-align: center;}
.content .chart-table td.c span {display: inline-block; width: 14px; height: 14px; border: solid 1px #999; margin: 3px 0;}
.content .chart-table td.v { padding-right: 10px; }

	
.jcharttip {z-index: 100;}	

.content img.news-image {width: 100px;}
.content img.article-image-w {width: 288px;}
.content img.article-image-h {width: 144px;}

	
} /* EOF smartphone */






/*
.search .dropdown {
	position: absolute; display: inline-block;
	width: 86px; height: 25px; right: 58px; margin-top: 3px; z-index: 1000; 
}

.search li {display: block; line-height: 25px; text-align: center; border: solid 1px #C0C0C0; color:#4C4C4C;
	background: url(../imgs/bg-butt-gray.gif) repeat-x;  font-size: 11px;
	cursor: pointer;
}

.search li:hover {color: #000; text-decoration: none;}

*/








/*

.ls-strip {
	height: 53px; background: url(../imgs/bg-login.gif) repeat-x;
	margin-bottom: 12px;
}

.ls-strip .login {
	float: left; font-size: 11px; color: #FFF;
	line-height: 53px;
	margin-left: 15px;
	padding-left: 25px;
	background: url(../imgs/ico-key.png) no-repeat left center;
}

.ls-strip .login a {color: #FFF; text-decoration: underline;}

.search {float: right; margin: 10px; position: relative;}
.search input.text { background-color: #FFF; border: none; height: 33px; line-height: 33px; width: 230px; padding: 0 12px; color: #333; font-size: 12px;}
.search input.submit { display: inline-block; vertical-align: top; width: 51px; height: 33px; background: #F0F0F0 url(../imgs/ico-magnify.gif) no-repeat center; border: none;}
.search a {position: absolute; display: inline-block; width: 86px; height: 25px; line-height: 25px; text-align: center; border: solid 1px #C0C0C0; color:#4C4C4C;
background: url(../imgs/bg-butt-gray.gif) repeat-x; right: 58px; margin-top: 3px; font-size: 11px;
}

*/
.home-spec {position: relative;}