html, body {
    margin: 0 auto;
    padding: 0;
    font-family: "Roboto", sans-serif;
    height:100%;
    width: 850px;
    -webkit-font-smoothing: antialiased !important;
}

a {
    color: #00aeef;
    text-decoration:none;
}

a.w3c{
    display:block;
    text-align:left;
}

a:hover {
    text-decoration:none;
}

img {
    border: 0;
    vertical-align: baseline;
}

form {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

td {
    vertical-align: top;
    padding :0;
}

p {
    padding: 0;
    margin: 3px 0;
}

li{
    list-style: none;
}

ul{
    margin : 0;
    padding :0;
}

hr {
    border: 0;
    height: 2px;
    background: #95a1aa;
}

#container {
    margin: 10px auto 0 auto;
    width: 850px;
    /*width: 945px;*/
    min-height:100%;
    position:relative;
}

#content {
    padding-bottom:85px; /* Height of the footer element */
}

#footer {
    width: 850px;
    height:85px;
    position:absolute;
    bottom:0;
    left:0;
    font-size: 10px;
    color : #005395;
    /*margin-left: 95px;*/
    font-weight: 500;
}

#footer div {
    float :left;
}

#top {
    /*margin-left: 95px;*/
    width: 850px;
}

#topFont {
    color: #aaa;
    font-size: 10px;
    vertical-align: middle;
    font-weight: normal;
    border-bottom:1px dashed #95A1AA;
    text-align:right;
    width: 230px;
}

.topLinks {
    color: #005395;
    font-size: 12px;
    vertical-align: middle;
    width: 500px;
    font-weight: 400;
    text-align: left;
}

.topLinks a{
    color: #005395;
}

.topLinks a:hover{
    color: #00aeef;
}

.topLink{
    float:left;
    padding-right:15px;
}

.topLink::before {
    content: url("/img/greySquare.png");
}

#topSearch {
    width:222px;
    text-align: right;
}

#topSearch input {
    border: 1px solid #95a1aa;
    color: #95a1aa;
    font-size: 10px;
    background-color: white;
    padding: 3px;
}

#topFb{
    width:54px;
    float:right;
}

#topYt{
    width:44px;
    float:right;
}

#logo {
    margin: 5px 0;
}

#middle {
    /*margin-left: 95px;*/
    width: 850px;
}

#catBody  img {
    padding-right: 10px;
}

.inner #right {
    max-width: 600px;
    width: 600px;
    padding-left: 26px;
}

.inner #left {
    min-width: 224px;
    padding-left: 0px;
    padding-right: 0px;
}

#right {
    width: 224px;
    font-size :14px;
    padding-bottom: 24px;
}

#right table{
    max-width: 600px;
}

#left {
    /*width: 600px;*/
    padding: 0 24px 24px 0;
}

#center{
    width: 100%;
    font-size :14px;
    color: #005395;
    /*padding-left: 24px;*/
}

#center h1 {
    font-size: 28px;
    font-weight: bold;
    color: #005395;
    border-bottom: 2px solid #00aeef;
    border-top: 14px solid #00aeef;
    padding: 10px 0;
    margin: 0;
}

#center h2 {
    font-size: 28px;
    font-weight: bold;
    color: #005395;
    border-bottom: 2px solid #00aeef;
    border-top: 2px solid #00aeef;
    padding: 10px 0;
    margin: 0;
}

#center h3 {
    color: #005395;
    font-weight: bold;
    padding: 20px 0 0 0;
    margin-top:10px;
}

#center .nbody{
    padding-top :10px;
}

#center table{
    width: 100%;
}


.rgtNews{
    border-top: 2px solid #68d3ff;
    padding: 8px 0;
}

.rgtArea {
    margin-bottom: 5px;
    font-weight: 500;
}

.rgtArea a{
    color: #95a1aa;
}


/*.rgtArea img {*/
  /*vertical-align: middle;*/
/*}*/

.rgtArea span {
    padding-left:3px;
    position: relative;
    bottom: 2px;
    /*vertical-align: middle;*/
}

.rgtDate {
    font-weight: 400;
    color: #95a1aa;
}

.rgtTit a {
    font-weight: 500;
    color: #005395;
    text-decoration: none;
}

.rgtSummary {
    font-weight: 400;
    color: #000;
}

.oneEvent {
    padding-bottom: 8px;
    border-bottom: 1px dashed #95a1aa;
    line-height: 95%;
}

#calMonth {
    font-size: 10px;
    width: 219px;
}

#calDays {
    font-size: 11px;
    color: #95a1aa;
    width: 219px;
    background-color: #eaeaea;
    padding: 3px 0;
    margin-bottom: 10px;
}

#calDays td {
    text-align: center;
    padding: 3px 0;
}

#calDays .dow {
    color: #005395;
}

#calDays .dayHit {
    color: #005395;
    font-weight: bold;
}

#right h1, h2 {
    font-size: 28px;
    font-weight: bold;
    color: #005395;
    border-bottom: 2px solid #00aeef;
    border-top: 14px solid #00aeef;
    padding: 10px 0;
    margin: 0;
}

#right h1 .date {
    font-size: 14px;
    font-weight: normal;
    color: #95a1aa;
    display: block;
}

#right h2 {
    font-size: 15px;
    border-top: none;
    font-weight: normal;
}

#right .nbody h3 {
    color: #005395;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 0 0 0;
    margin-top:10px;
}

#right .nbody h4 {
    font-weight:bold;
    font-size: 12px;
    color: #00aeef;
    line-height: 140%;
    margin: 8px 0 0 0;
}

#right .nbody {
    font-size: 14px;
    color: #005395;
    line-height: 140%;
    margin-top: 8px;
}

#right .nbody a{
    color: #00aeef;
}

#_mc_tmp p.label_rv{
	font-weight:bold;
	margin-top:1px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	color:#fff !important;
    background-color: #9a0505;
}


p.label_rv{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    color: #fff;
}

.available{
    width: 180px;
}


#right .nbody div.label_rv{
    font-weight:bold;
    margin-top:1px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    color:#fff;
    font-size: 18px;
    width:590px
}

#right .nbody .label {
    font-weight:bold;
    font-size: 14px;
    color: #00aeef;
    line-height: 140%;
    margin-top: 8px;
}

#right .nbody .vessel_img {
    border-top: 10px solid #FFDE00;
    padding-top:1px;
    margin-top:15px;
}

.nbody .vessel_flag {
    border-top: 1px solid white;
    background-color: #95a1aa;
    padding: 5px 10px;
    margin-bottom:15px;
    width : 592px;
}

#right .nbody .equipment_name {
    font-weight:bold;
    font-size: 12px;
    color: #005395;
    line-height: 140%;
    margin-top: 3px;
}

#right .nbody .equipment_info {
    background-color: #eee;
    border-top: 1px dashed #95a1aa;
    border-bottom: 1px dashed #95a1aa;
    padding: 5px 10px 5px 10px;
    margin: 10px 0 10px 0;
}

#right .nbody .equipment_img {
    width: 200px;
    padding: 5px 10px 10px 0;
}

#right .nbody ul {
    padding-left:14px;
    margin:0px;
}

#right .nbody table {
    border: none;
}

#right .nbody table img {
    max-width: 600px;
}

#right .nbody td.logo {
    height: 90px;
    padding: 0 10px 10px 0;
}

#right .nbody .summary{
    color:  #000;
}

#center .nbody hr {
    border: none;
    /*border-top: 1px solid #00aeef;*/
    height:1px;
    background : #00aeef;
}

.newsList {
    font-size: 14px;
    color: #005395;
    line-height: 140%;
}

.newsList .aNew {
    border-bottom: 1px solid  #00aeef;
    padding: 5px 0;
}

.newsList .aNew:last-child{
    border-bottom: 0;
}

#news .aNew{
    border-top: 0;
}

#events .aNew{
    border-top: 0;
}

.newsList .aNew .date {
    color: #95a1aa;
}

.newsList .aNew .title, .newsList .aNew .title a {
    font-weight: bold;
    text-decoration: none;
    color:  #005395;
    font-size: 14px;
}

.newsList .aNew .summary {
    color:  #000;
    text-decoration: none;
}

.newsList .aNew .summary a{
    text-decoration: none;
    color:  #000;
}


.newsList a {
    color:  #00aeef;
    text-decoration: underline;
}


#articleList {
    font-size: 14px;
    color: #005395;
    line-height: 140%;
}

#articleList .aNew {
    border-bottom: 2px solid  #005395;
    padding: 5px 0;
}

#articleList .aNew .date {
    color: #95a1aa;
}

#articleList .title a{
    font-weight: bold;
    text-decoration: none;
    color:  #005395;
    font-size: 14px;
}

#articleList .aNew .summary {
    color:  #000;
}

.searchFrag {
    /*border-bottom:1px solid  #005395;*/
    padding:5px 0;
}

.searchFrag .title{
    font-size: 28px;
    font-weight: bold;
    color: #005395;
    border-bottom: 2px solid #00aeef;
    border-top: 14px solid #00aeef;
    padding: 10px 0;
    margin: 0;
    line-height: 100%;
}

.searchFrag .summary{
    font-weight: 400;
    color: #000;
    font-size : 14px;
    border-bottom: 2px solid #00aeef;
    padding :14px 0;
}


.middleForm {
    padding:10px 0;
    border-bottom:2px solid  #00aeef;
}

#vessels{
    height: 477px;
    width: 611px;
}

.navCell {
    background-image: url("/img/navigatorGrey.png");
    width: 94px;
    height: 14px;
    font-size: 10px;
    color: white;
    font-weight: bold;
    padding-left: 7px;
}

#vesselBar {
    margin-top:30px;
}

#mainArticle{
    width: 600px;
}   

#mainImg {
    padding-bottom: 4px;
    border-bottom: 14px solid #ffde00;
}

#mainImg img{
    vertical-align: middle;
}

#mainSummary{
    font-size: 34px;
    font-weight: bolder;
    color : #005395;
    padding-top: 7px;
    line-height: 38px;
}

#rgtEvents{
    padding-top:10px;
}

.destImg img {
    width : 268px;
    height : 135px;
}

.destTitle{
    font-weight: 500;
    color: #005395;
    font-size : 18px;
    padding-top : 10px;
    line-height: 20px;
}

.destSummary{
    font-weight: 400;
    color: #000;
    font-size : 14px;
}

.destCat{
    background-color : #95a1aa;
    text-transform: uppercase;
    color : #fff;
    text-align: center;
    font-size : 14px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
}

.destImg{
    height: 137px;
}

#mainBody {
   padding-top: 5px;
}

#mainBody p{
    text-align: left;
    color : #000;
}

.forms td{
    padding-top:10px;
}

.forms tr td:first-child{
    width: 80px;
}

.pageSummary{
    font-weight: 400;
    color: #000;
    font-size : 14px;
    border-bottom: 2px solid #00aeef;
    padding :14px 0;
}

.button{
    background-color: #fff;
    color : #00aeef;
    border : 1px solid  #00aeef;
}

.forms input[type=text]{
    border : 1px solid  #00aeef;
    width: 341px;
}

form input[type=text]{
    border : 1px solid  #00aeef;
    width: 341px;
}

.forms textarea {
    border : 1px solid  #00aeef;
    width: 339px;
}

.cat0{
    font-weight : bold;
}

.catIn{
    font-weight : normal;
}

#sitemap a{
   text-decoration: none;
   color: #005395;
}

/* MENU ESQUERDO */

#menu{
    font-size :14px;
    font-weight: 500;
    color : #005395;
    cursor: pointer;
    max-width: 224px;
}

#menu li{
    border-top: 2px solid #005395;
    padding: 5px;
    padding-left: 18px;
    background: url("/img/yellowSquare10.png") no-repeat 0 10px #fff;
}

#menu li:last-child{
    border-bottom: 2px solid #005395;
}

#menu li a{
    color :#005395;
}

#menu li.selected a{
    color :#fff;
}

#menu li ul.subCatOpened li a{
    color :#005395;
}

#menu .selected {
    color : #fff;
    background: url("/img/whiteSquare10.png") no-repeat 0 10px #005395;
}

#menu .subCatOpened .selected {
    color : #fff;
    background: url("/img/whiteSquare10.png") no-repeat 20px 10px #005395;
}

#menu .selected .subCatOpened .selected a{
    color : #fff;
}

.subCatOpened li a{
    padding-left: 20px;
    font-weight: normal;
}

#menu .subCatOpened li{
    border-top: 0;
}

#menu li:hover {
    background: url("/img/whiteSquare10.png") no-repeat 0 10px #005395;
}

#menu li:hover a{
    color : #fff;
}

#menu .subCatOpened li{
    border-top: 0px solid #005395;
    padding: 5px;
    padding-left: 18px;
    background: url("/img/yellowSquare10.png") no-repeat 20px 10px #fff;
}

#menu .subCatOpened li:hover {
    background: url("/img/whiteSquare10.png") no-repeat 20px 10px #005395;
    color : #fff;
}

#menu .subCatOpened li {
   border-bottom: 0;
}


/* MENU TOPO */

#nav {
    list-style: none;
    padding: 0;
    text-align: center;
    cursor: pointer;
    width: 850px;
    margin: 4px 0 19px 0;
    /*margin: 4px 0 19px 95px;*/
}

#nav .mainC {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    min-height: 26px;
}

#nav li a{
    padding:1px 0;
    position: relative;
    display: inline;
}

#nav span {
    display: inline-block;
    color: #005395;
    font-size: 18px;
    font-weight: 400;
    height: 26px;
}

#nav a {
    display: inline-block;
    color: #005395;
    font-size: 18px;
}

#nav ul {
    position: absolute;
    left: -9999px;
    margin: 0;
    padding: 1px 0 0 0;
    text-align: left;
    z-index: 1;
}

#nav li ul li {
    display: block;
    background-color: #005395;
    border-bottom: 0;
    color: #fff;
    padding: 10px 10px 0 20px;
}

#nav li ul li:last-child {
    padding-bottom: 10px;
}

#nav li ul li span {
    font-size: 14px;
    height: 20px;
}

#nav ul li:last-child {
    border-bottom: 1px solid #005395;
}

#nav li:hover ul {
    left: 0;
}

#nav ul a {
    white-space: nowrap;
    display: block;
}

#nav ul span {
    white-space: nowrap;
    display: block;
    color: #fff;
    padding-left:5px;
}

#nav li:hover a  {
    background-color: #ffde00;
    color : #005395;
}

#nav li:hover ul a {
    text-decoration: none;
    background: none;
    color: #005395;
    font-size: 14px;
}

#nav li:hover ul li:hover {
    text-decoration: none;
    background: url("/img/yellowSquare.png") no-repeat 0px 14px #005395;
}

.selected{
    background-color : #FFDE00;
}

#map img {
    padding:0;
}


.children2 li.selected a{
    background: #ffde00 none;
}

.entry{
    padding: 10px 0;
    border-top: 2px solid #00aeef;
}

.reset-control{
    background: url("/img/Reset.png") no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer !important;
}

#vesselTit {
    color: #005395;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0;
}

#vesselTit a {
    color: #005395;
}

#vesselFoto {
    border-top: 1px solid white;
}

#vesselName {
    border-top: 1px solid white;
    background-color: #95a1aa;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    color: white;
}

#vesselInfo {
    border-top: 1px solid white;
    background-color: #95a1aa;
    font-size: 10px;
    padding: 5px 10px;
    color: white;
}

#vesselInfo a {
    color:#ffde00;
}


.tabela{
    width : 100%;
    font-size : 13px;
    border-collapse: collapse;
}

.tabela td{
   border-left: 1px solid #00aeef;
   border-right: 1px solid #00aeef;
   border-bottom : 2px solid #00aeef;
   padding: 5px;
}

.tabela tr:first-child td{
    border-top:  2px solid #00aeef;
}

.tabela tr:last-child td{
    border-bottom:  2px solid #00aeef;
}

.tabela h3{
    color: #005395 !important;
    font-weight: bold !important;
    padding: 5px 0 !important;
}