@charset "utf-8";
/* CSS Document */

/* Topo */
#topo .topo-logotipo{margin-top: 22px; margin-bottom: 25px; width: 85%;}
#topo .topo-logotipo.subtitulo{margin-top: 0px !important; margin-bottom: 15px !important; width: 85%;}
#topo .topo-facilidades{margin-top: 66px;}

/* Banner */
.slider-holder {max-width: inherit;}
.slider-holder .image-holder{
    height: 300px !important;
}
/* Menu */
.faixa-topo {padding:0px;}

.faixa-topo ul.inpe li{border-right:1px solid #3a72bc !important; }

.faixa-topo ul{float: right !important; width: auto; padding: 8px 0px;}
.faixa-top ul li{vertical-align: middle;}

#portal-column-one {
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
}

ul.cd-accordion-menu {margin-top: -50px !important;}

/* Conteudo */

#portal-column-content {
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
}

#content .localizacao iframe{
	width: 100%;
    margin-top: 10px;
}
#content .localizacao .right{width: 100%;}
	
#content h1.documentFirstHeading{color: #0074b8;}
.slider-holder .slider-change{margin-top: 1.2%; padding-bottom: 5px;}
div.documentByLine {
    font-size: 12.5px;
    display: block;    
    margin-top: 30px;
    margin-bottom: 10px;
    float: left;	
    line-height: 1.8em;
}

div.documentByLine.voltar {float:right !important;}

div.documentByLine a, div.documentByLine a:visited, div.documentByLine a:active{color: #2c66ce;}
div.documentByLine a:hover{color: #06F !important;}
#voltar-topo{float:right; margin-top: 50px; margin-bottom: 10px;}


/* Rodapé */
.rodape-inpe{background: #f2f2f2;padding: 20px 0px 5px 0px;}
.rodape-inpe .conteudo-rodape ul li span{color: #0f4098;}
.rodape-inpe .conteudo-rodape span{
	font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px;
    display: block;
    font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	color: #0f4098;
}
.rodape-inpe .conteudo-rodape ul li{border-left: 1px dotted #0f4098;}
.rodape-inpe .conteudo-rodape a:visited, .rodape-inpe .conteudo-rodape a:active{color: #0f4098 !important;}
.rodape-inpe .conteudo-rodape a{color: #0f4098 !important;}
.rodape-inpe .conteudo-rodape a img{outline: none !important;}
.rodape-inpe .conteudo-rodape p{color: #0f4098 !important;}
/*.rodape-inpe .conteudo-rodape > .left{margin:20px 20px 20px 0;}*/



/*===========================*/
/*FORMS*/

#content form.cadastro fieldset input[type="text"], #content form.cadastro fieldset input[type="number"] {width: 96%;}
#content form.cadastro fieldset div.campo input[type="text"], #content form.cadastro fieldset div.campo input[type="number"] {width: 92%;}
#content form.cadastro fieldset textarea {width:95% !important;}

#content form.cadastro .form-control {width: 95% !important;}



#content form.cadastro fieldset div.campo {width: 50%;}
#content form.cadastro fieldset div.campo.medio {width: 77%;}
#content form.cadastro fieldset div.campo.menor {width: 21%;}
}


span.error{margin-right: 20px;}
div.campo span.error{margin-right: 20px;}
div.campo.medio span.error {margin-right: 40px;}
div.campo.menor .input-group.date span.error {margin-right: -40px;}

/*FIM FORMS*/
/*===========================*/

@media only screen and (max-width: 990px){
	div.documentByLine{margin-left:5px; margin-top: 36px;}
	.slider-holder img {max-width: 100%;}
}

@media only screen and (max-width: 850px){
	.rodape-inpe{display:block; padding: 20px 10px 5px 10px;}
}

@media only screen and (max-width: 768px){
	#navigation .titulo:after{top: 25px;}
	#navigation .titulo {
		font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	    font-size: 22px;		
	    text-transform: uppercase;
	    font-weight: bold !important;
		display:inline-block;
		width:100%;
	    padding: 25px 15px;
		width:auto;	
	    text-align: left;
	}
	
	ul.inpe li a{padding: 8px 15px 8px 15px !important; display: block;} 	
	.faixa-topo ul.inpe li{text-align:right; border-right: none !important;}
	
	#navigation input.trigger[type=checkbox]:checked + label + ul.cd-accordion-menu{display:block;}

	ul.cd-accordion-menu a{	
		font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	    font-size: 22px;		
	    text-transform: uppercase;
	    font-weight: bold !important;
	}
	
	ul.cd-accordion-menu li ul a{		
	    font-size: 16px;		
	    text-transform: inherit;
	    font-weight: normal !important;
	}
	
	ul.cd-accordion-menu{
		display: none;
		position:inherit;
	    width: 100%;		
	}
	.faixa-topo ul{
		float:none;
		padding:0px;
	}
	.faixa-topo ul li{
	    text-align: left;
		border-right: none;	
		border-bottom:3px solid #3a72bc;
		display:block;
		width:100%;
		padding:0px;
	}
	.faixa-topo ul li a{		
		position:inherit;
		padding:25px 15px 25px 15px;
		outline: none !important;
	}
	
	.cd-accordion-menu li ul li{padding:0px;}
	.cd-accordion-menu li ul li a{		
		padding:15px 15px 15px 30px;
	}
	.cd-accordion-menu li ul li{text-align:left; width: 100%;}
	.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul{
		display: block;
    	position: inherit;
		max-width:inherit;
	}
	
}

@media only screen and (max-width: 768px){
	.faixa-topo ul li{margin: 0px;}
}

@media only screen and (max-width: 320px){	
	#content{margin-top:15px;}
	div.documentByLine{font-size:11px;}
	
	.menu li:hover ul{display: inline-block; position: inherit; top: 0;}
	.faixa-topo ul li ul li{margin: 0px;}
}

