/*** COMMOM *******************************/
body { background-image:none }

#overlay * { 
    max-width:100%;
}

#overlay div.loader div.base{
  padding:0;
}

#overlay button.close { background-color: transparent; padding:10px 20px }

#overlay fieldset input.default { width:99% }

#overlay fieldset textarea { width:99% }

.column, .holder { width:100%!important; margin:0; }

.mobile { display:block }

.desktop { display:none }

#mssg .in { width:100% }

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

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

#hotlinks { clear:both; float:none; overflow:hidden; }

.menu { margin-top:10px }

.menu li{ 
  	border-top:1px solid white;
  	width:100%;
  	margin:0;
}

.menu li a{ 
  	border-radius:0;
}

.menu .submenu{ 
  	position:relative;
  	padding:0; border:none;
  	opacity:0.8
}

.caixa { top:0!important; left:0!important; height:auto!important; overflow:hidden!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(/_img/_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 *******************************/
#topo { overflow:hidden }

#topo #logo { margin-bottom:10px }

#topo * { position:static;  }

.topo { height:auto; }
	
.topo div.menu { 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; }

/*** 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; }

#end {  
  height: auto;
}

#end:after {  
  content:'';
  clear:both;
  display: block;
}

#end #copyright {
  text-align: right!important;;
  padding:1px 3px
  
}

#end #credits {
  margin:0;
  float:right!important;
  width:auto!important;
}

#end #relation {
  width:65px
}