html {
    width:100%;
    height:100%;
}

body {
    background-color: #fff;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
    color:#333;
	font-size:15px;
	line-height:2.0em;
	/*background-image: url('../img/bg3a.png');
	background-repeat: repeat;*/
}  

h1 {
	font-size:2.0em;
}

h2 {
	font-size:1.2em;
	line-height:1.6em;
	padding:10px 0;
}

h3 {
	font-size:1.2em;
	line-height:1.7em;
	padding:10px 0;
	color:#007481;
	font-weight:bold;
}

h4 {
	font-size:1.1em;
	line-height:1.5em;
	padding:10px 0;
	color:#000;
	font-weight:bold;
}

.navbar {
	background:transparent;
	margin:0;
	padding:0;
	height:150px;
}
.navbar .container {
	padding: 0;
	margin:0 auto;
	height: 130px;
	margin-top: 20px;
	overflow: hidden;
}

.navbar-brand {
	margin:0;
	padding:0 0 0 20px;
}
.box-header {
	background:#fff; /* url('../img/bg_main.png') top center no-repeat;*/
	color:#fff;
	text-align:center;
	margin:0 0 25px 0;
	padding:0;
}
.box-header .container {
	background-color:transparent !important;
}
.menu-main {
	float:right;
	margin:0 0 10px 0;
	padding:0 20px 0 0;
}
.menu-main li {
	margin:0 0 0 12px;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.menu-main li a { 
	color:#fff !important; 
}
.menu-main li a:hover { 
	text-decoration:underline;
}
.menu-main li.active a { 
	background:none !important;
}
.menu-main li .eng-version, .menu-main li .pol-version { 
	margin:0 3px 3px 0;
	padding:0;
}

.main-text {
	margin:0 auto;
	text-align:center;
	display:none;
}
.main-text h1, .main-text h1 a {
	font-family: 'PT Sans', sans-serif;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
	text-shadow: 3px 1px 1px #000;
}

.container {
  padding: 0 25px;
  margin:5px auto;
}
.lista li {
	margin:5px 0;
}
.main.container{
	padding:15px 25px;
}


.footer {
	margin-top:40px;
	background-color: #007d89;
	color:#fff;
}
.text-muted {
	color:#fff;
}

.main-header {
	color:#007481;
	border-bottom:2px solid #ebebeb;
	padding:0 0 15px 0;
	margin:20px 0 15px 0;
	position:relative;
}
.main-header:before{
	content:  "";
	background-color:#007481;
	position:absolute;
	bottom:-2px;
	width: 60px;
	z-index:10;
	height: 2px;
}
.main-header.none, .main-header.none:before {
	border:0; 
	background-color:transparent;
}

.lead {
	font-weight:bold;
	margin:20px 0;
	font-size:1.0em;
}

.blockquote {
	color:#007481;
	margin-bottom:25px;
	font-style: italic;
	font-size:1.0em;
}

.italic {
	font-style: italic;
}
.green {
	color:#007481;
}
.grey {
	color:#474747;
}

.text-error {
	color:red;
}

.btn-start {
	background-color:#007481;
	color:#fff;
}
.btn-more {
	background-color:#0b1236;
	color:#fff;
}
.btn-red {
	background-color:#b32217;
	color:#fff;
}

.btn-start:hover, .btn-next:hover, .btn-more:hover, .btn-red:hover {
	text-decoration:underline;
	color:#fff;
}
.btn-next {
	background-color:#4A7585;
	color:#fff;
}
.btn-back {
	background-color:#F5C6CB;
	color:#fff;
}

.bg-white {
	background-color:#fff;
}
.bg-marin {
	background-color:#B4D4E0;
}

.text-small {
	font-size:0.8em;
	line-height:1.6em;
}
.text-medium {
	font-size:0.9em;
	line-height:1.6em;
}
.text-left {
	text-align:left;
}

.chartjs-wrapper {
	padding:50px 0;
}

.percent {
	color:#007481;
	font-weight:bold;
	font-size:1.5em;
}

.textarea {
	width:100%;
	padding:10px 0;
	height:70px;
}
.table input, .table select {
	padding: 8px;
	color: #3B3B3B;
	border-radius: 3px;
    border: 1px solid #dee6e9;
    border-bottom: 2px solid #dee6e9;
}
.text {
	width:300px;
}

/*.table td {
	border:0 !important;
}*/

a.link {
	color:#007481;
}

.toplayer {

    visibility: visible;
    position: fixed;
	top:35%;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    
    background-color: white;
    z-index: 100;
    /*min-height: 600px;*/

    width: 300px;

-moz-box-shadow: 0px 0px 50px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.25);
box-shadow: 0px 0px 50px rgba(0,0,0,0.25);
}

.toplayer.visible {
    display: box;
    visibility: visible;
}
.toplayer .content {
    padding:20px;

}

.toplayer .quit {
    background-color: #434343;
    color:#fff;
    position: absolute;
    top:0px;
    right:0px;
    text-align: center;

}

.toplayer .quit a {
    color:#fff;
    width:20px;
    height:20px;
    line-height: 20px;
    display:block;
    text-decoration: none;
    font-weight: bold;
}

.toplayer {
    visibility: hidden;
}

table.white tr td { height:100%; padding:3px; }

.button_choose, .button_choose_1 {
	width:100%;
	height:100%;
	text-align:center; 
	padding:7px; 
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
	border:0px;
	
}

.colour_1, .colour_8 {
	background-color:#FEFFB9;
	color:#343434; 
}
.colour_2, .colour_9 {
	background-color:#FFECC1;
	color:#343434; 
}
.colour_3, .colour_10 {
	background-color:#FCDCCF;
	color:#343434; 
}
.colour_4, .colour_11 {
	background-color:#D4FFEB;
	color:#343434; 
}
.colour_5, .colour_12 {
	background-color:#C4FECB;
	color:#343434; 
}
.colour_6, .colour_13 {
	background-color:#D5F6FF;
	color:#343434; 
}
.colour_7 {
	background-color:#FEFFB9;
	color:#343434; 
}
.colour_14 {
	background-color:#C4FECB;
	color:#343434; 
}


td.no-margin {
	margin:0; padding:1px;
}

table .blenda {
	/*opacity:50%;*/
}
table .green {
	background-color:#3EBFA1 !important;
}
table .disabled {
	display:none;
}
table .inactive {
	background-color:#EBEAE5 !important;
	color:#b8b8b8;
}

table.white {
	height: 1px;
}

/*
@media (min-width: 576px) { 
}

.toplayer {

    visibility: visible;
    position: fixed;
	left:40%;
    top: 35%;
}

@media (min-width: 768px) {  
}

@media (min-width: 992px) { 
}

@media (min-width: 1200px) { 
}
*/