@CHARSET "UTF-8";

html{
    /*
    background: #ECECEC;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
        */
    background-size: cover;
    margin: 0% 5% 2% 5%;
}

body {
	font-family: 'Open Sans', sans-serif;
	background: transparent;
	font-size: 14px;
	padding-top: 0;
}

.container-fluid-jumbo {
	background: #eee;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}


.buttons {
    /*font-family: 'Alegreya Sans Light';*/
}

h1 h2 h3 h4 {
	font-family: 'Alegreya Sans', sans-serif !important;
	font-weight: 700;
	padding: 3px 10px 3px 20px;
}

h1 {
	font-size: 3.5rem;
	color: #14234F;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 5px;
}

h2 {
	font-size: 2.25rem;
	color: #53577C;
	line-height: 1.5;
	font-weight: lighter;
	margin-top: 5px;
	margin-bottom: 10px;
}

h3 {
	font-size: 1.75rem;
	color: #53577C;
	line-height: 1.5;
	font-weight: lighter;
	margin-top: 5px;
	margin-bottom: 10px;
}

.required
{
    color: red;
}

.spactiva-navbar {
	background-color: transparent;
	border: 0;
	margin: 0;
	min-height: 60px;
}

.spactiva-navbarpills{
	margin-top: 12px;
}

li a.spactiva-buttonlink{
	margin: 0 10px 0 0; 
	padding: 4px 8px 4px 8px; 
	background-color:#586182; 
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	color: white; 
	font-size: 12px; 
	font-weight: 100;
}

li a.spactiva-buttonlink:hover{
	background-color:#586182;
	opacity: 0.6; 
	filter: alpha(opacity=60);
}

li a.spactiva-buttonlink.activated{ 
	background-color:#586182;
	opacity: 1; 
	filter: alpha(opacity=100); 
}

.spactiva-usersession{
	font-size: 12px; 
	font-weight:lighter; 
	background-color: #586182; 
	color:white; 
	margin: 0; 
    margin-left: 3px;
	padding: 4px 8px 4px 8px; 
	opacity: 0.3; 
	filter: alpha(opacity=30);
}

.spactiva-usersession:hover{
	background-color: #586182; 
	color:white; 
	opacity: 0.6; 
	filter: alpha(opacity=60);
}

.spactiva-usersession.activated{ 
	background-color:#586182;
	color:white;
	opacity: 1; 
	filter: alpha(opacity=100); 
}


.spactiva-loggeduser{
	font-size: 12px; 
	font-weight:lighter; 
	/*background-color: #586182;*/ 
	color:black; 
	margin: 0; 
    margin-left: 3px;
	padding: 4px 8px 4px 8px; 
	opacity: 0.5;
	/*filter: alpha(opacity=30);*/
}


.spactiva-downloadbutton{
	font-size: 12px; 
	font-weight:lighter; 
	background-color: #586182; 
	color:white; 
	margin: 0; 
	padding: 4px 8px 4px 8px; 
	opacity: 0.3; 
	filter: alpha(opacity=30);
}

.spactiva-downloadbutton:hover{
	background-color: #586182; 
	color:white; 
	opacity: 0.6; 
	filter: alpha(opacity=60);
}

.spactiva-downloadbutton.activated{ 
	background-color:#586182;
	color:white;
	opacity: 1; 
	filter: alpha(opacity=100); 
}

.spactiva-panelbuttons{
	text-align: right; 
	margin-top: 12px;
}

.spactiva-navbartext{
	margin: 0 10px 0 0; 
	padding: 4px 8px 4px 8px; 
	font-size: 12px; 
	font-weight: 100; 
}

.spactiva-navtext{
	font-size: 12px;
}

.spactiva-lighttext{
	font-weight: lighter;
}

.spactiva-boldertext{
	font-weight: bolder;
}

li a.spactiva-buttonlistlink{
	margin: 0 10px 0 0; 
	padding: 8px 15px 8px 15px; 
	background-color:#586182; 
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	color: white; 
	font-size: 12px; 
	font-weight: 100;
	border:0;
	border-left: 5px solid #131D4A;
}

li a.spactiva-buttonlistlink:hover{ 
	background-color:#586182;
	color: white; 
	border:0;
	border-left: 5px solid #131D4A; 
	opacity: 0.6; 
	filter: alpha(opacity=60); 
}

li a.spactiva-buttonlistlink.activated{
	margin: 0 10px 0 0; 
	padding: 8px 15px 8px 15px; 
	background-color:#586182; 
	opacity: 1; 
	filter: alpha(opacity=100); 
	font-size: 12px; 
	font-weight: 100;
	color: white;
	border:0;
	border-left: 5px solid #131D4A;
}

.spactiva-whiteline{
	border-top: 1px solid #B1B4C2; 
	margin: 0; 
	padding: 0;
}

button.spactiva-button{
	border:0;
	background-color: #121D4B;
	color: white;
	padding: 10px 20px 10px 20px;
}

button.spactiva-button:hover{
	background-color: #121D4B;
	opacity: 0.6; 
	filter: alpha(opacity=60);
	color: white; 
}

input.spactiva-button{
	border:0;
	background-color: #121D4B;
	color: white;
	padding: 10px 20px 10px 20px;
}

input.spactiva-button:hover{
	background-color: #121D4B;
	opacity: 0.6; 
	filter: alpha(opacity=60);
	color: white;
}

.spactiva-gestorbody{
	margin-top: 10px;
}

.spactiva-generaltext{
	margin-bottom:25px; 
	font-size: 12px;
	font-weight: lighter;
}

.spactiva-image{
	width: 100%;
	height: auto;
}

.spactiva-buttonslist{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.spactiva-listrow{
	margin: 5px 0 0 0; 
	padding: 0;
}

.spactiva-tableheading{
	border-bottom: 4px solid #555;
	font-size: 14px;
}

.spactiva-tablepairrow{
	background-color: #E1E1E1;
}



a.myButton {
	background-color:#476e9e;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
a.myButton:hover {
	background-color:#6391c8;
}
a.myButton:active {
	position:relative;
	top:1px;
}

.btn-primary {
    color: #fff;
    background-color: #05377C;
    border-color: #05377C;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #FF4714;
        border-color: #FF4714;
    }
