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

.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
   ========================================================================== */

 
.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;
}


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

 
/*================================
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%;  height:220px; text-decoration:none; display:block; position:relative;  margin-bottom:10px; padding:0px; float:left}
.interna .listagem-item:hover {background:#e2e2e2 url(../images/seta.png) right 0 no-repeat}
.interna .listagem-item .listagem-img {width:150px; height:200px; overflow:hidden; position:relative; float:left; padding:10px 20px 10px 10px; }
.interna .listagem-item img {width:150px;  position:absolute;  max-height:200px;}
.interna .listagem-item .listagem-desc, .listagem-item .listagem-info {padding:0px 20px 0px 20px; position:relative}
.interna .listagem-item .listagem-desc {min-height:200px}
.interna .listagem-item .listagem-info {font-size:13px; letter-spacing:-1px; white-space:pre; float:right; 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;
}




input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.number-input {
	display: flex;
}

input {	border: solid 1px lightgrey;
	border-radius: 0;
	text-align: center
}

.spinner {
	border: solid 1px lightgrey;
	font-size: 10px;
}

.spinner:hover {
	background: lightgrey;
}

.spinner:first-child {
	border-radius: 3px 0 0 3px;
}

.spinner:last-child {
	border-radius: 0 3px 3px 0;
}