/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }

/*=====================Adendos Acportal====================*/
 

.padding-left-10{padding-left: 10px!important;}

/* ==============
   End: MOBILE - Main
   ============== */
/*-------2° Nível de navegação--------*/
#nav ul li ul{
	padding:10px 2px;
	margin-left: -9px;
	position: absolute;
	top: 35px;
	width: 170px;
	z-index: 22;
	display: none;
}
/*End: Estado inicial dos links de 2° nível*/
/*#nav ul li ul li:hover{ background: none !important; text-decoration:underline !important;}
*/#nav ul li:hover ul{
	display: block;
}
/*====================================
End: Configuração da Navegação
=====================================*/
img { border: 0; -ms-interpolation-mode: bicubic; }
/*Hack Safari*/

/*End: Hack Safari*/
svg:not(:root) { overflow: hidden;}

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid, select:valid { border:1px solid #CCC;}
input:invalid, textarea:invalid, select:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.debug{ background-color:#EEE;  border:1px dotted #F90;  clear:both; text-indent:10px; overflow:scroll;  }
.debug *{ color:#000 !important }
#debugShow{ display:none;}
.clear { clear: both; display: block; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }	

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ===== Initializr Styles =====================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */


body{ 
	font:16px/26px Arial, Helvetica, sans-serif;
 }

.wrapper{
	width:90%;
	margin:0 5%;
}

.arredondamento3{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.arredondamento5{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.arredondamento10{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.arredondamento20{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.noarredondamento-top{ 
	-moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.btn{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	letter-spacing: 0px;
	padding:0px 10px !important;
	cursor:pointer; 
}

/*========================
 Estilos Ac Portal 
 =========================*/
/*Gerais*/

.left{ float:left;}
.right{float:right;}
.margem-direita-media{ margin-right:22px;/*22px de 1026px de resolução*/}
.margem-inferior{ margin-bottom:16px;}
.clear-pontilhado{ clear:both; margin:0px 0 0px 0;}
/*Galeria de Fotos Home*/
.basefoto{  width:160px !important; height: 160px !important; float:left; margin: 0px 15px 2px 0; text-align:center; z-index:90; overflow:hidden; z-index:90; text-align:center;}
.basefoto a{ vertical-align: middle; }
/*================================
Páginas Internas
================================*/
.interna .gallery .basefoto{ width:156px !important; height: 160px !important; line-height: 160px !important; vertical-align:middle; float:left; margin: 8px 15px 8px 0; text-align:center; z-index:90;}

.interna .gallery .basefoto:first-child{ margin-left:0px;}
.interna .gallery .basefoto a span{
	text-transform: capitalize;
	height: 70px;
	display: block;
	clear: both;
	position:absolute;
	margin-top:95px;
	text-align:center;
	width:160px !important;
	line-height:20px;
}
.interna .gallery .basefoto a{ text-decoration:none; color:#000;} 



/*================================
End: Páginas Internas
================================*/
.foto{ width: auto; max-height:114px;}
/*================================
Páginas Internas
================================*/
.interna .foto{ max-width:160px; max-height:90px; width: auto;}

/*================================
End: Páginas Internas
================================*/
/*================================
Páginas Internas
================================*/
/*================================
End: Páginas Internas
================================*/


/*Container Topo*/
div#header-container{
	position:relative;
	height: auto;
 	clear:both;
	z-index:50;}
	

/*Infos Topo*/
div.infos-top{
	height:55px;
	text-align:right;
}

div#infos-top-text
{
	float:right;
	padding:5px 0px;
}

/*logo*/
div.logo {
	max-width: 300px !important;
	margin-left: 10px;
}
html.interna div.logo {
	margin-left: -15px !important;
}
div.logo a{
	width:auto;
	height:100px;
	display:table-cell;
	vertical-align:middle;}
div.logo img{
	display: block;
	text-align: center;
	max-height: 125px;
	vertical-align: bottom;
	max-width: 100% !important;}
/*Redes Sociais*/
.redes-sociais{
	height: 35px;
	float:right;
	padding-top:10px;}
#main{
	position:relative;
	z-index:40;
	padding:0px 20px;
	top:0px;}
/*================================
Páginas Internas
================================*/
/*====Breadcrumbs===*/
.span2.btn-reclama {
  background-color: #ee1b24!important;
  text-align: center!important;
  border-radius: 10px!important;
  margin: 0!important;
  color: #fff!important;
}

.span2.btn-reclama:hover {
    background-color: #F24B52!important;
    color: #B4050D!important;
}

.breadcrumbs{
	width: 100%;
	height: 0px;
	position:absolute;
	bottom:9px;
}
.breadcrumbs ul{
	
	margin:0px;
	padding:0px;
	margin-top:4px;
	}
.breadcrumbs ul li{
	display:inline-block;
	float:left;
}
.breadcrumbs ul li a{
	text-decoration:none;}
.breadcrumbs ul li a:hover{ text-decoration:underline;}
/*====End: Breadcrumbs====*/
/*================================
End: Páginas Internas
================================*/

/*===============
   Banner Home
   =============*/
#main #banner {
height: 319px;
z-index:3;
}
/*========================
   DESTAQUES VARIADOS COM:
   1, 2, 3 OU 4 IMAGENS
   ======================*/
#main #destaques {
	max-width:100%;
	height: auto;
	overflow:hidden;/*As imagens não estourarão o box*/
	margin-bottom:20px;}
#main #destaques img{ max-height:130px;}
/*================================
Páginas Internas
================================*/
.interna #main #destaques{
	margin-top:10px;
	float:right;
	width:100%;}
/*================================
Páginas Internas
================================*/

/*================================
Páginas Internas
================================*/
.interna #main #destaques a:first-child img,
.interna #main #destaques a img,
.interna #main #destaques a:last-child img{
	clear:both;
	width:100%;
	margin: 0 0 10px 0;
	padding:0px;
}
/*================================
Páginas Internas
================================*/
.basefoto img:hover,
.section img:hover,
.section p:hover,
a img:hover, input#enviar:hover
{
	opacity:0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}
/*=====
Destaques Imagens
======*/
#main #destaques div:first-child{
	float:left;
	margin:0px;
}
#main #destaques div {
	text-align:center;
	width:100%;
	overflow:hidden;
}
#main #destaques div img{
	width:100%;
}
#main #destaques div:last-child{
	margin-right:0px !important;
}


/*=====
Destaques com 4 Imagens
======*/

#main #destaques .destaque4{
	width:230px;
	margin-right:6px !important;
}

/*=====
Destaques com 3 Imagens
======*/

#main #destaques .destaque3{
	width:300px;
	margin-right:20px !important;
	
}


/*=====
Destaques com 2 Imagens
======*/

#main #destaques .destaque2{
	width:466px;
	margin-right:8px !important;
}
/*=====
Destaques com 1 Imagem
======*/
#main #destaques .destaque1{
	width:940px;
	margin-right:0px !important;
}


/*==============
Colunas da página
===============*/
#main header,#main section,#main aside { 
	width:31.7%;/*320px da resolução de 1026px*/
	*width:320px !important;
	min-width:250px;
	margin-bottom:35px;
	overflow:hidden;
	}
#main .section { width:auto; position:relative; z-index:80; margin-left:0px }

#main section { margin-top:10px; padding-top:10px }

.section_box { position:relative; z-index:80; margin-left:0px; float:left ; width:100%; display:table; }
.section_text{ margin:0px 0px; }

#section-box-3 .section_text { padding:0px; margin:0px; }
.section_box h4,.section_box h5 { margin:0px; padding:0px; margin-top:10px }


/*================================
Páginas Internas
Formulários
================================*/
.interna #main section.fale-conosco,.interna #main section.localizacao{width:100%;}
/*Formatações para linhas de formulários*/
.box-form{ 
	width:62%; 
	background: #F5F5F5;
	padding: 10px 15px 4px 3px;
	margin-bottom:38px;}
.celula, 
.linha-clear{ 
	position:relative; 
	width: auto; 
	float:left; 
	margin: auto 2px auto 2px; 
	height: auto; /*border:1px solid #F00;*/}
.linha-clear{ 
	clear:both; 
	margin-bottom:5px; 
	padding-left:5px;
	height: auto; 
	width:100%;}
.linha-clear label{
	margin: 5px 0 0 0;
	display: inline-block;
	swidth:110px;}
.error{ color:red;}	
/*Formatações para linhas de formulários*/
/*Campos de formulários*/
.linha-clear input{ padding: 7px 7px 6px 7px;}
.linha-clear.nome input,
.linha-clear.email input,
.linha-clear textarea{
	width:95%;
	padding:7px;}


.linha-clear select{
	width:99%;
	padding:7px;}

.linha-clear.telefones input{
	width: 45%;
	margin-top: 3px;
	margin-right: 7px;}
.linha-clear.telefones input:last-child{
	margin-right:0px !important;}


.redes-sociais.contato{ margin:0px !important; float:none !important;}

/*================================
End: Páginas Internas
Formulários
================================*/

/*================================
End: Páginas Internas
================================*/
#main section.col2 .gadgets{
	width:100%;
	height:300px;}
#main article{
	margin-top:22px;}

.mobile{ display:none;}
/*================================
Páginas Internas
================================*/
.interna #main article{
	margin-top:30px;
	width:685px;}
.interna #main header{
	width: 100%;} 
	
	
.interna .listagem-item {color:#5f5f5f; width:100%; border: 1px #CCC solid;  height:150px; text-decoration:none; display:block; position:relative;  margin-bottom:10px; padding:0px; float:left}
.interna a.listagem-item{ color:#000 !important; overflow:hidden; padding-bottom: 15px;}
.interna .listagem-item:hover {background:#e2e2e2 right 0 no-repeat; border: 1px #FFF solid;  height:150px;}
.interna .listagem-item .listagem-img {width:150px; height:150px; overflow:hidden; position:relative; float:left; padding:10px 20px 10px 10px; }
.interna .listagem-item img {width:150px;  position:absolute;  max-height:150px;}
.interna .listagem-item .listagem-desc, .listagem-item .listagem-info {padding:0px 20px 0px 20px; position:relative}
.interna .listagem-item .listagem-desc {min-height:135px}
.interna .listagem-item .listagem-desc h4,
.interna .listagem-item .listagem-info{ color:#9E0621 !important;}
.interna .listagem-item .listagem-info {font-size:13px; letter-spacing:-1px; white-space:pre; text-transform:uppercase; position:absolute; right:0px; bottom:0px;}

/*================================
Páginas Internas
================================*/
.interna #main aside{
	margin-top:22px;
	padding:0px;
	width:230px;
	min-width:230px;}
/*================================
End: Páginas Internas
================================*/
#main h1,#main h2{
	text-transform:uppercase;
	margin:0px 0px 18px 0px;
}
h2.galeria-de-fotos {
	position: absolute;
	margin-left:-9px;
	display: block;
	top: -35px !important;
}
/*================================
Páginas Localização
================================*/
	.localizacao_endereco
	{
		width: 700px;
	}
	#map_canvas {
        height: 400px;
        width: 680px;
		float: left;
		position:relative;
		color: #333;
		margin-bottom:20px;
      }
	  
	#directions-panel {
		width: 680px;
        height: 100%;
        float: left;
        overflow: auto;
		position:relative;
		display:none;
      }
	  
	#searchTextField	{
		width: 680px;
		margin-bottom:10px;
      }  
/*================================
End: Páginas Localização
================================*/
	  

#main h1+img, #main h2+img{
	border: none}
#main aside{
	color:white;
	padding:0px 5% 10px;
}
/*Footer*/
#footer-container{ margin-bottom:0px;}
#footer-container footer{
	height:100%;
	padding:30px 0px 0px 0px;
}

.footer-wrapper{
	padding-bottom: 20px;
}

/*Box E-mail Marketing*/
#footer-container #e-mail-marketing{
line-height:20px;
	font-size:18px;
	max-width: 300px;
	max-height: 190px;
	}
#footer-container #e-mail-marketing span{
	display:block;
	line-height:20px;
}
#footer-container #CadastroNews{
	margin-top:10px;
}

#footer-container #e-mail-marketing .linha-form input#nome,
#footer-container #e-mail-marketing .linha-form input#email{
	width:96%;
	height: 29px;
	font-size:13px;
    padding: 0px 4px;
	margin-bottom:5px;
}
/*End: Footer*/
/*Microdados da empresa*/
#footer-container .microdata{
	width:300px;
	height:auto;
	text-align:right;
	}
#footer-container .microdata #linha-form{
	margin-top: 5px;}
#footer-container .microdata span[itemprop=name]{ font-size:18px;}
#footer-container #assinatura{
	padding-top:0px;
	min-height:40px;}
#addthis,.addthis_toolbox.addthis_default_style{  height:25px; margin-top:5px }
#footer-container #assinatura-nitrosite {
	margin-top: 0px;
	margin-right: 0px;}
/*Scripts JS*/
/* ===============
    ALL: IE Fixes
   =============== */
.ie7 #title{ padding-top:20px; }
/* ===== Primary Styles ========================================================
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* Accordion */
 
#main-container ol{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
 
#main-container ol li{
    cursor: pointer
}

#main-container ol ol li{
    cursor: text;
}

#main-container ol li{
     line-height: 30px;
    text-indent: 10px;
}

#main-container ol ol li{
     padding: 5px;
    padding-left: 25px;
    text-indent: 0px;
    line-height: 20px;
} 

#modulo-home .fundo-top{ position:absolute; top:-225px!important}