/*********************************************************************************/
/* Boxes                                                                         */
/*********************************************************************************/

iframe[id^="twitter-widget"]
{
	position: absolute !important;
	height: 94% !important;
	width: 92% !important;
	left: 4% !important;
	top: 3% !important;
}

.marquee 
{
	overflow: hidden;
	margin: 0;
	position: relative;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 100%;
}

.marquee p 
{  
	top: 20%;
	font-size: 131.3%;
	position: absolute;
	margin: auto 0;
	display: none;
	right: 0%;
	white-space: nowrap;
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1); 
} 

.marquee .alerts-separator
{
	margin: 0 20px;
	font-weight: bold;
}

.alert-message
{
	position: fixed;
	left: 30%;
	top: 45%;
	width: 40%;
	height: 10%;
	opacity: 0;
	font-size: 1.2em;
	z-index: 99999;
	color: #000;
	background: hsla(65, 0%, 100%, 0.9);
	text-align: center;
	padding: 20px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
	border-radius: 30px;
}

.alert-message span
{
	vertical-align: middle;
}

#banner 
{
	background-color: #303030;
	position: relative;
	margin: 0 !important;
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);
	width: 100%;
	height: 7%;
	line-height: 2em;
	font-size: 1.5em;
	font-weight: bold;
	color: white;
}

#banner * 
{
	width: 95%;
	margin: 0 auto;
	height: 100%;
}

#banner * *:FIRST-CHILD
{
	width: 48%;
	float: left;
	border-bottom: 1px solid white;
}

#banner * *:FIRST-CHILD+*
{
	width: 48%;
	float: right;
	border-bottom: 1px solid white;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#areas
{
	position: relative;
	background-image: url('images/bg.png');
	height: 93%;
	width: 100%;
	background-color: #303030;
	color: #999;
	/*text-shadow: -1px -1px 0px #181818;*/
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);
}

#areas > *
{
	overflow: hidden;
}

#areas > #top-left-area
{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 45%;
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);
}

#areas > #bottom-left-area
{
	position: absolute;
	top: 45%;
	left: 0;
	width: 50%;
	height: 50%;
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);
}

#areas > #right-area
{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 95%;
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);
}

#areas > #bottom-area
{
	/* 
	line-height: 131.3%;
	font-size: 1.313em;
	*/
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 5%;
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);
	background-color: #666;
	text-shadow: none;
} 

#areas > #bottom-area marquee *
{
	display: inline !important;
}
/*
#areas header
{
	top: 0;
	left: 0;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	margin-left: 4%;
	width: 100%;
	color: white;
}*/

#areas .document-preview
{
	position: relative;
	height: 100%;
	width: 92%;
	margin: 0 auto;
}

#areas .document-preview header
{
	top: 0;
	left: 0;
	font-size: 2em;
	line-height: 2em;
	font-weight: bold;
	/*margin-left: 4%;*/
	width: 100%;
}

#areas .document-preview header h2
{
	color: white;
}

#areas .files .info-document,
#areas .files .rss-document
{
	height: 100%;
	width: 100%;
	color: white !important;
	padding-top: 3em;
	word-break: break-all;
}

#areas .files .rss-document>*,
#areas .files .info-document>*
{
	display: block;
	margin: 0.5em 0;
}

#areas .files .rss-document>h1,
#areas .files .info-document>h1
{
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
}

#areas .files .rss-document>h2,
#areas .files .info-document>h2
{
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}

#areas .files .rss-document>h3,
#areas .files .info-document>h3
{
	font-size: 1.2em;
	line-height: 1.2em;
}

#areas .files .rss-document>a
{
	font-size: 1em;
	line-height: 1em;
	color: orange;
}

#areas .files .rss-document>.comments,
#areas .files .rss-document>.description
{
	font-size: 1em;
	line-height: 1em;
}

/*********************************************************************************/
/* BUTTON																		 */
/*********************************************************************************/

#areas #right-area .files .next,
#banner .nextDoc
{
	position: absolute;
	top: 50%;
	right: 2%;
	margin: 0;
	background-image: url( '../images/dx_arrow_in.png' );
	background-size: 40px;
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: 0;
}

#areas #right-area .files .prev,
#banner .prevDoc
{
	position: absolute;
	top: 50%;
	left: 2%;
	margin: 0;
	background-image: url( '../images/sx_arrow_in.png' );
	background-size: 40px;
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: 0;
}

#banner .nextDoc
{
	top: 0;
	left: 55%;
	background-image: url( '../images/dx_arrow.png' );
}

#banner .prevDoc
{
	top: 0;
	left: 51.5%;
	background-image: url( '../images/sx_arrow.png' );
}

#areas #right-area .files .goToView
{
	position: absolute;
	top: 1%;
	right: 2%;
	margin: 0;
	background-image: url( '../images/close.png' );
	background-size: 40px;
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: 0;
}

@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

*
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body
{
	font-family: 'Source Sans Pro' !important;
	font-weight: 300;
	background: #252122;
	background-image: url('images/bg02.png');
	color: #5d5d5d;
}

strong, b
{
	color: #252122;
	font-weight: 700;
}
	
h1, h2, h3, h4, h5, h6
{
	font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: inherit;
	text-decoration: none;
}

a
{
	color: #d52349;
	text-decoration: underline;
}
	
a:hover
{
	text-decoration: none;
}
			
br.clear
{
	clear: both;
}
	
p, ul, ol, dl, table
{
	margin-bottom: 2em;
}
	
section,
article
{
	margin-bottom: 2.5em;
}
	
section > :last-child,
article > :last-child
{
	margin-bottom: 0;
}

section:last-child,
article:last-child
{
	margin-bottom: 0;
}

#areas #top-left-area .iframe 
{
	width: 92%;
	height: 92%;
	top: 4%;
	position: absolute;
	left: 4%;
	overflow: hidden;
}

#areas #top-left-area .iframe iframe
{
	width: 100%;
	height: 100%;
	margin-bottom: 2%;
}
	
/* List bottom / top left */
	
#areas #right-area ul.dates,
#areas #top-left-area ul.dates,
#areas #bottom-left-area ul.dates
{
	overflow: hidden;
	padding-top: 0.1em;
}
		
#areas #right-area ul.dates li,
#areas #top-left-area ul.dates li,
#areas #bottom-left-area ul.dates li
{
	position: relative;
	border-top: solid 1px #ddd;
	padding: 1.2em 0 2em 6.75em;
}

#areas #right-area ul.dates .date,
#areas #top-left-area ul.dates .date,
#areas #bottom-left-area ul.dates .date
{
	display: block;
	position: absolute;
	left: 0;
	top: 1.3em;
	background-color: #d52349;
	height: 3.5em;
	text-align: center;
	color: #fff;
	line-height: 1em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0.5em 0.75em 0 1em;
}

#areas #right-area ul.dates .date:after,
#areas #bottom-left-area ul.dates .date:after
{
	content: '';
	position: absolute;
	bottom: 0;
	right: -1.2em;
	border-left: solid 1.25em #d52349;
	border-top: solid 1.8em transparent;
	border-bottom: solid 1.8em transparent;
}

#areas #right-area ul.dates .date strong,
#areas #top-left-area ul.dates .date strong,
#areas #bottom-left-area ul.dates .date strong
{
	display: block;
	font-size: 1.75em;
	padding-top: 0.15em;
	color: white;
	font-weight: 700;
}
				
#areas #right-area ul.dates h3,
#areas #top-left-area ul.dates h3,
#areas #bottom-left-area ul.dates h3
{
	font-size: 1em;
	color: white;
	width: 98%;
}

#areas #right-area ul.dates h3 span,
#areas #top-left-area ul.dates h3 span,
#areas #bottom-left-area ul.dates h3 span
{
	display: block;
	/*
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
	line-height: 1.2em;
	font-size: 1.5em;
}
	
#areas #right-area ul.dates li.act h3,
#areas #top-left-area ul.dates li.act h3,
#areas #bottom-left-area ul.dates li.act h3
{ 
    outline: none !important;
    border: 1px solid #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
	padding: 0.4%;
	background-color: whitesmoke;
	color: black;
	text-shadow: none;
}
	
#areas #right-area ul.dates div.description,
#areas #top-left-area ul.dates div.description,
#areas #bottom-left-area ul.dates div.description
{
	margin: 0;
}

/*
#areas #right-area ul.dates div.description > *:FIRST-CHILD,
#areas #top-left-area ul.dates div.description > *:FIRST-CHILD,
#areas #bottom-left-area ul.dates div.description > *:FIRST-CHILD
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.5em;
}*/

#areas #right-area ul.dates li:first-child,
#areas #top-left-area ul.dates li:first-child,
#areas #bottom-left-area ul.dates li:first-child
{
	border-top: 0;
	padding-top: 0.5%;
}
			
#areas #right-area ul.dates li:first-child .date,
#areas #top-left-area ul.dates li:first-child .date,
#areas #bottom-left-area ul.dates li:first-child .date
{
	top: 0;
}

#areas #bottom-left-area ul.dates div.description,
#areas #right-area ul.dates div.description
{
	color: white !important;
	margin-top: 1%;
}


/* List right area */
	
	/*
#areas #right-area ul.dates
{
	min-height: 27.5%;
	margin-top: 2.5%;
	box-shadow: none !important;
	text-shadow: none !important;
	font-weight: bold;
	overflow: hidden;
}
		
#areas #right-area ul.dates li
{
	display: block;
	padding: 0 0.5em;
	min-height: 2.5em;
	line-height: 2.5em;
	background-color: white;
	border-top: solid 1px #ddd;
	position: relative;
	width: 100%;
}

#areas #right-area ul.dates .date,
#areas #right-area ul.dates .fullDate
{
	line-height: 2.5em;
	position: absolute;
	right: 0.5em;
	font-size: 1em;
	color: black !important;
}

#areas #right-area ul.dates .date strong,
#areas #right-area ul.dates .date span
{
	display: inline;
	margin: 0 0.5em;
}
			
#areas #right-area ul.dates h3
{
	font-size: 1.1em;
	color: #3B95C6 !important;
	text-decoration: underline;
	max-width: 70%;
	word-wrap: break-word;
}

#areas #right-area ul.dates li.act
{ 
    outline: none !important;
    border: 1px solid #9ecaed !important;
    box-shadow: 0 0 20px #9ecaed !important;
}
	
#areas #right-area ul.dates div.description
{
	margin: 0;
	display: none;
}

#areas #right-area ul.dates li:first-child
{
	border-top: 0;
	padding-top: 0;
}
			
#areas #right-area ul.dates li:first-child .date
{
	top: 0;
}*/

#areas #right-area div.files
{
	height: 100%;
	width: 92%;
	position: absolute;
	left: 4%;
	z-index: 999999;
	background-color: #303030;
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner
{
}

#banner a
{
	text-decoration: none;
	outline: 0;
}

#banner header
{
	background-color: #252122;
	background-color: rgba(34,30,31,0.98);
	text-align: center;
}
		
#banner header h2
{
	color: #fff;
	font-weight: 700;
}

#banner header .byline
{
	color: #d52349;
	padding: 0;
	font-style: normal;
}
			
#banner .image-full
{
	margin: 0;
}