/*** COMMOM *******************************/
* { 
    max-width:100%;
    box-sizing: border-box; 
    -moz-box-sizing: border-box;
    min-height:inherit!important;
	min-width:inherit!important;
}

body,html {
    width:100%;
    height:100%;
    font-size: 62.5%;
}

body, .bgInterna, .bgRodapeDegrade { background-image:none }

body { border-top:1.3em solid #095 }

.mobile { display:block }

.topo { height:auto; margin-top:2em; }
	
.topo * { display:none }
		
.topo .logo, .topo .logo * { display:block!important;  margin:0 auto; padding:0; height:auto }
		
.topo .logo { float:none!important; position:relative!important; margin: 0 auto; }

#mssg .in { width:100% }

#mssg .in .btnFecha { float:none; clear:both; position:relative; margin:10px; width:30px; height:30px }

/*** COMMOM *******************************/

.caixa { 
  top:0!important; left:0!important;
  height:auto!important;
  max-height:100%!important;
  overflow:auto!important 
}

.caixa .caixaIn { max-height:inherit!important  }

#hint { display:none!important; }

/*** TABELA *******************************/
.tabelaTMP { overflow:auto; }

.tabelaTMP div { font-size:2em }

.tabelaTMP table { clear:both }

.tabelaTMP table tr { height:auto; }

.tabelaTMP div.vertical, .tabelaTMP div.horizontal { 
  	width:25px; height:25px; float:left;
  	margin:2px 3px;
  	background-image:url(/images/icon-set.png);
  	background-position:-315px -368px;
  	border:1px solid #06b;
  	border-radius:5px;
  	background-size:1600%;
	  cursor:pointer
}

.tabelaTMP div.horizontal { 
	background-position:-289px -368px;
}

table.vertical,table.vertical thead,table.vertical tbody,
table.vertical th,table.vertical td,table.vertical  tr { 
	display: block; 
}
	
/* Hide table headers (but not display: none;, for accessibility) */
table.vertical thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
table.vertical tr { border-bottom: 2em solid #fff; }
	
table.vertical td { 
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding: 0!important;
  clear:both;
  overflow:hidden;
  line-height: 2.6em; 
  vertical-align: middle;
}
	
table.vertical td:before { 
	padding: 4px 7px; 
	margin-right:10px;
  width:30%;
  display:block;
 	float:left;
  content: attr(data-coluna);
	background-color	: #369;
	font-weight			: bold;
	color				: #FFF;
  line-height: 1.3em;
}
/*** TABELA *******************************/

/*** TOPO *******************************/

.breadcrumbGeral { background-color:#28b; padding:1.1em; text-align:center; height:5em; margin:0; margin-top:1em; margin-bottom:2em  }

.breadcrumbGeral * { color:#fff!important; float:none!important; text-align:center; }

#hotLinks {
    margin: 0;
    padding: 0 !important;
    width: 100%;
}

#hotLinks a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    float: none;
    font-size: 2em;
    padding: 7px;
    text-align: center;
    width: 100%;
  	margin:0!important
}

#hotLinks .janela{ 
  	margin-top:5px!important
  
}

#lnk-cameras, #lnk-berth { display:none!important }

#perfil {
    margin:0!important; padding:0; 
    box-shadow:none; clear:both; float:none; border-top:3px solid #fff; 
    margin-bottom:3em!important;
  	background-image:none;
}

#sairlog { 
  	height:2.5em; margin:0;
  	background-color:#28b;
    color:#fff!important;
    padding:0.6em; width:100%;
  	clear:both; text-align:center
}

/*** TOPO *******************************/

#base {  
    padding:0; margin:0; height:auto;
    overflow:hidden; display:block
}

#base h2{  padding:0; margin:0; text-align:center; border-bottom:2px solid #28b; margin-bottom:1.2em;  }

#base h3{  padding:0!important; margin:0; text-align:center; border-bottom:2px solid #28b; margin-bottom:1em;   }

#base h4{  padding:0; margin:0; text-align:center; border-bottom:2px solid #28b;   }

#base fieldset {
    clear: both;
    margin: 5em  2em!important;
  	padding:0  2em!important;
}

#base fieldset label {
    clear: both;
  	width:100%; text-align:left
}

#base fieldset legend {
   padding:0; margin:0
}

#base fieldset li {
    overflow: hidden; border-bottom:1px solid #ccc
}

#base fieldset input {
    margin-bottom: 1em;
}

#ecpf, .right fieldset strong { display:none!important }

#base .right { float:none!important; clear:both; margin:0!important; padding:0!important; width:100%!important;  }

#base .right .aviso {
    clear: both;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

#base .aviso, #base .janela {
    height: auto;
}
   
#cadastre_se { margin-top:2em!important }

#esqu { margin:0!important }

#menu.buttonbar { margin;0; padding:0 }

#menu.buttonbar a{ border:none;border-bottom:1px solid #28b; width:100%; text-align:center; padding:0.5em }

#menu.buttonbar a.janela{ background-color:#28b!important; color:#fff }

.consultas { width:100%!important; margin-top:3em }

.consultas fieldset { width:100%!important; margin:0!important; padding:0 0!important; background-image:none!important; }

.consultas fieldset input{ margin-left:1em;  margin-bottom:0!important }

.consultas legend{ background-color:#095!important; color:#fff; height:25px; text-align:center; background-image:none!important }

.menubutton { 
    width:100%; margin:0; padding:0;
}

.menubutton li{ 
    border-bottom:1px solid #28b;
    width:100%; margin:0; padding:2em
}

.menubutton li .titulo_menu{ 
    font-size:1.4em!important; padding-left:0.6em
}

#base.atracacao .janela, #base.atracacao .aviso { width:100%!important; float:none; clear:both }

#base.atracacao .janela { font-size:2em }

/*** RODAPE *******************************/

#menu-btn { background-color:#095; width:100%; text-align:center; margin-top:2em }

#Srodape { background-color:#095; background-image:none; display:none; }

#Srodape * { display:none;  }

/*** RODAPE *******************************/

/*** OVERLAY *******************************/
#overlay .load-wrap{ margin-top:0.5em!important; }

#overlay .btnFecha {  
    margin:0; 
		font-size:1.6em
}

#overlay .loader { 
    max-height:inherit;
    position:static;
}

#overlay #aviso { display:none }
/*** OVERLAY *******************************/