/*** 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 { background-image:none }

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

#overlay fieldset textarea { width:99% }

.column, .holder, .half { 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; }

#top { position: static; margin:0; padding: 0; height: 0 }

menu.menu { display:none; z-index:100; position:absolute; top:80px }

i { font-size:26px }

i.menu.active { background-color: #ccc; color:white }

.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(/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 *******************************/
#topo { 
    overflow:hidden; margin:0!important; 
    padding:0;
    background-color:white
}

#topo * { position:static;  }

#topo i.menu { float:right; margin:10px; padding: 10px; border:1px solid #ccc }

#topo div.in{ overflow:hidden; height:100% }

#topo #logo { float:left; }

#topo .hotlinks { display:none }

.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 h1 {
  padding:0; margin:0; text-align: center;  
}

#base h2{  padding:0; margin:0; text-align:center;  }

#base h3{  padding:0!important; margin:0; text-align:center; margin-bottom:1em;   }

#base h4{  padding:0; text-align: center }









#base  {
  padding-top:25px
}

#base div.half {
  margin-bottom:15px
}

#base .half.images, #base .nivo-controlNav { display:none }

#base div.half p {
  line-height: 150%; text-align: center
}

#base div.half button {
  width:100%
}

#topo { border-bottom:10px solid #ccc }

#topo #logo  { width:175px!important; margin:0 10px!important; }

#topo i.menu { margin-top:35px }

section#intro div.half {
  padding:0 10px;
}

section#equipe h3 { 
  margin:0;
}

section#equipe div.column { 
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

section#noticias { 
  padding:15px 0!important;
}

section#noticias div.half { 
  padding:0!important;
}

section#noticias div.post { 
  padding:0 10px;
}

section#noticias div.half strong { 
  text-align: center;
  display: block
}

section#noticias ul.half { padding:0 15px }

section#noticias ul.half .img { width:29%; margin-right:5px }

section#noticias ul.half div.dados { float:left; width:69%; margin:0  }

section#noticias ul.half div.dados strong { margin:0 }

section#noticias ul.half div.dados span { width:100%!important; }

section#contato:after { content: none }

section#contato .half { padding:10px }

section#contato .half.intro { background-color: #eee; padding:10px }

section#contato .half.intro div.news i { position:absolute; top:0; right:0  }

section#contato .half button { width:100%  }

section#contato input, section#contato textarea { width:100%  }



#rodape .logo { margin:0 auto; margin-bottom:20px; float:none!important; }

#rodape #address { margin:10px auto; float:none;  overflow: hidden; text-align: center }

#rodape #address * { text-align: center; width:100% }

#rodape #hotlinks { width:100% }

#rodape #hotlinks svg { width:20.33%; padding:5%; margin:0 6%  }


#end { height:auto; overflow: hidden }

#end #copyright { width:200px }

#end #relation {
  width:65px
}

#end #relation span {
  display:none
}