body{
	width: 100%;
	padding:0px;
	margin:0px;
	background: url("../images/background/background1_light_white.jpg")  no-repeat center fixed;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
  overflow-x:hidden;
	color:white;
}

.navbarMecma{
	height:50px;
}

.mecmaBrand{
	padding:0px
	;margin-right:50px;margin-top:0px;
	display:inline-block;float:left;
}

.mecmaBrand img{
	height:110%;;margin-top:10px;
}

.navbarMecma .nav-item{
	margin-right:15px;
	text-transform: uppercase;
	font-weight: bold;
}

.menu_title{
	padding-margin:20px;
	border-top:0px #3184CA solid;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:20px;
}

.section_title{
	border-bottom: 3px #3184CA solid;
	padding-top:3px;
	margin-top:10px;
	color:#3184CA;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-transform: uppercase;
	z-index:1;
}

p{
	padding:10px;
	text-align:justify;
}

.basicLayer{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background-color: white;
	position:absolute;
	opacity:0.0;
}

h1{
	color:black;
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
	font-weight:bold;
}

h2{
	font-size:16px;
	width:100%;
	border-bottom: 3px #3184CA solid;
	padding-top:3px;
	margin-top:10px;
	color:#3184CA;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-transform: uppercase;
	z-index:1;
}

h3{
	color:#3184CA;
	color:black;
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:3px;
}

.navbar .nav-item a:hover{
   color:#3184CA ;
   background-color: transparent;
}

.navbar .dropdown a:hover{
   color:#3184CA ;
   background-color: transparent;
}

.containerLayer{
  position:relative;
  width:100%;height:100%;
  border: 0px pink solid;
  margin:0px;
	padding:0px;
}

.transparentLayer{
  position:absolute;
  top:0;left:0;opacity:0.8;
  width:93%;height:100%;
  background-color:white;
  border: 0px red solid;
  z-index:0;
  border-radius:5px;
  margin:0px;
	padding:0px;
  border: 1px lightgray solid;
}

.textLayer{
  position:relative;
  opacity:1;
  width:90%;
	height:100%;
	min-height:700px;
  padding:20px;
	padding-top:10px;
  padding-right:0px;
  margin:0px;
	z-index:1;
  color:black;
}

.section{
	margin-top:50px;
	margin-left:50px;
	margin-bottom:10px;
}

.section .transparentLayer{
	border-top-right-radius:0px;border-bottom-right-radius:0px;
}


.section .textLayer{
	padding-bottom:20px;/*max-width:1200px;*/
}

.mecmaCarousel{
	margin-top:0px;
	margin-left:0px;
	border:1px white solid;
	border-radius: 3px;
}

.carouselImage{
	width:100%;
	height:180px;margin-left:auto;margin-right:auto;
	background-size:cover;
	background-position: center center;
	border-radius: 3px;
}


a{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
a:hover{
	text-decoration: none
}
a:visited{

}



header{
	text-align: center;
}

.multipleColumnText {
	-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;
	border: 0px gray solid;
	border-radius:5px;
	padding:10px;
}

#home{
	padding: 40px 15px;
	text-align: center;
}

#general_description{
	text-align: left;
	margin-top: 200px;
	margin-bottom: 100px;
	padding: 10px;
  background-color: transparent;
	color: white;
	font-weight: bold;
	opacity: 0;
}

#frontpage{
  padding:0px;
}

#container{
	padding: 10px;
    min-width: 960px;
	width:50%;
	margin: auto;
	min-height: 450px;
}

.linksite{
	padding-left: 20px;;
	margin-bottom: 20px;;
}
.linksite a{
	color: blue;
}


table.vesselscharacteristics tr th{
	text-align: left;
	min-width: 200px;
}

#sidebar{
}

#sidebar a{
	margin-left: -15px;
}

.main-vessel-image-container{
	margin-bottom: 50px;
}

.vessel{
 border:1px transparent solid;
 border-radius:3px;
}
.vessel:hover{
	border:1px #3184CA solid;
	background-color:rgb(49, 132, 202, 0.3);

}

.fleeticon{
	max-height:80px;

}
.fleeticon:hover{
}

.fleetlabel {
  padding: 0px 10px 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #3184CA;
  border-bottom: 1px solid lightgray;
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  height: 70px;
	background-color: rgba(214, 231, 245,1);
	border-radius:3px;
}

.welcomeMessage{
	text-align:right;
	border:0px gray solid;
	padding:5px;
	/*border-radius:3px;*/
	font-style:italic;
	margin-left:15px;
	border-left:5px gray solid;
}

.lightblue {
    color: #3184CA;
}

.blue {
    color: #015785;
}

.gray{
	color: #7D7D7D;
}

.boxLink{
	padding:5px;
	border-radius: 3px;
	border: 2px #3184CA solid;
	width:350px;
	display:block;
	color:#3184CA;
	font-weight: bold;
}

.boxLink:hover{
	color:#194467;
	border: 2px #194467 solid;
}

#map { height: 550px; width:100%; border: 1px white solid; margin-left:10px;}


.links ul{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.links li{
	 list-style: none;
	display: inline;
}

.version{
	margin-left:50px;
	color:#194467;
	font-weight: bold;
}