@charset "UTF-8";
/* CSS Document */




/*----------------------------------------------------
[CONTEÚDO CSS]
1. @font-face
2. Customização das propriedades definidas no Bootstrap
3. Propriedades de estruturacao de páginas especifica (DIVs / sections / articles)
	3.1 home.php
	3.2 empresa.php
	3.3 contato.php	
4. Histórico de atualizações do arquivo
----------------------------------------------------*/




/*1. @font-face
----------------------------------------------------*/
@font-face {
  font-family: 'Muli';

  src: url('../fonts/mulilight.eot');
  src: url('../fonts/mulilight.eot?#iefix') format('embedded-opentype'), url('../fonts/mulilight.woff') format('woff'), url('../fonts/mulilight.ttf') format('truetype'), url('../fonts/mulilight.svg#glyphicons_halflingsregular') format('svg');
}
.muliFont {
  font-family: 'Muli';
}






/* 2. Customização das propriedades definidas no Bootstrap
----------------------------------------------------*/
	
	/*cores*/
		/*@brand-primary: #428bca;*/
		/*@brand-success: #5cb85c;*/
		/*@brand-info:    #5bc0de;*/
		/*@brand-warning: #f0ad4e;*/
		/*@brand-danger:  #d9534f;
		
		@font-family-base:"";
		@font-family-base:;
		@line-height-base:;
		
		@link-color*/
	
	
	/*sumir botão da tabela comparativo*/
	@media (max-width: 320px) {
		.hide320{display:none};
	}
	@media (max-width: 420px) {
		.hide420{display:none};
	}

	
		
	/*customizacoes gerais*/
	
	body {
		padding-top:0px;
		/*padding-bottom:70px; Footer fixed na base*/
	 	/* font-family: Muli,"Helvetica Neue", Helvetica, Arial, sans-serif;*/
	  	/*font-size: 14px;*/
	  	/*line-height: 1.42857143;*/
	  	/*color: #333;*/
	 	background-color:#ECECEC;
	}
	.bgblank{
		background-color:#fff;
	}
	
	/*Costumizacoe do NavBar ----->*/
	.navbar{
			background-color:transparent;
			border-bottom:#E9E9E9;
	}
	
	.navbar-nav{
		padding-top:28px;
	}
		@media (max-width: 768px){
			.navbar-nav{
				background-color: rgba(12, 10, 10, 0.74);
				text-align: center;
				padding-bottom: 20px;
				margin-top: 10px;
			}
		}
	
	.navbar-brand{
		padding:0 15px;
	}
	
	.navbar-wrapper{
		margin-top:0;
	}
	
	.nav a{
		color:#FFF;
	}
	
	.navbar-nav > li > a{
		padding:4px 8px;
		border: 1px solid rgba(255, 255, 255, 0.06);
	}
	
	.navbar-nav > li > a:hover{
		margim:0;
	}
	
	
	.nav li{
		height:25px;
		padding:10px;
	}
	
	
	@media (min-width: 769px) and (max-width: 991px){
		.nav li{
		padding:5px;
	}
	}
	
	.nav li a:hover{
		border:solid 1px #FFFFFF;
		color:#FFF;
		background-color:transparent;
		margim:0;
		
	}
	
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
		margin-left:17px;
	}
	
	.navbar-toggle{
		position: relative;
	    float: right;
	    padding: 9px 10px;
	    margin-top: 18px;
	    margin-right: 15px;
	    margin-bottom: 8px;
	    background-color: none;
	    background-image: none;
	    border: none;
	    border-radius: 4px;
	}
	
	
	.navbar-toggle .icon-bar{
		background-color:#fff;
	}
	
	.iconesHome{
		height:87px;
		text-align:center;
		
	}
	.iconesHomeTxt{
		font-size:22px;
		padding-top:25px;
	}
	
	
	 .breadcrumb{
                padding-top:10px;
				background-color:transparent;
				font-size:11px;
				color:#fff;
				position:relative;
				top:-35px;
            }
				.breadcrumb a{
					color:#fff;
				}
	
	/*tabelas*/
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { 
	padding: 4px !important; 
	}
	
	
	/* -----> Costumizacoe do NavBar*/
	
	
	/*Costumizacoes do Footer ----->*/
	
	.footer{
		background-color:#B4B4B4;
		/*margin-bottom:70px;*/
		padding:5px;
		color:#FFF;
	}
	
	.footer a{
		color:#FFF;
	}
	
	
	
	
	/* -----> Costumizacoes do Footer*/
	
	h1, h2, h3, h4, h5, h6, p{
		font-weight:normal;
	}
		@media (max-width: 768px){
			h3{
				font-size:16px;
			}
		}
		
		@media (min-width: 769px) and (max-width: 991px){
			h3{
				font-size:16px;
			}
		}
		
		@media (min-width: 992px) and (max-width: 1199px){
			h3{
				font-size:16px;
			}
		}
		@media (min-width: 1200px){
			
		}
		
	/*h1{font-size:30px;}*/
	/*h2{font-size:25px;}*/
	/*h3{font-size:18px;}*/
	/*h4{font-size:1.125em;}*/
	/*h5{font-size:1.125em;}*/
	
	p{
		font-size:14px;
		line-height:210%;
	}
	
	address{font-style:normal;}
		
	
	a{
		color:#0c4587;
		text-decoration:none;
	}
	
	a:hover{
		color:#d3d3d3;
		text-decoration:none;
	}
	
/*-------------------------------------------------*/	
		





/* 3. Propriedades de estruturacao de páginas especifica (DIVs / sections / articles)
----------------------------------------------------*/


	/*4.1 home.php*/
	
	.icoMenu{
		background-color:#BF201D;
		min-height:70px;
		color:#FFF;
		padding-top:5px;
	}
	
	.icoMenu a{
		color:#FFF;
		text-decoration:none;
	}
	
	.icoMenu a:hover{
		color:#FF6C55;
		text-decoration:none;
	}
	
	.ico_icoMenu{
		margin-top: 18px;
	}
	
	/*.linha_icoMenu{
		border-right:1px solid;
		height: 70px;
		margin-top: 12px;
		padding:0px;
	}*/
	
	.linha_icoMenu{
		border-left:1px solid #FFF;
	}
	
	@media (max-width: 767px) {
		.icoMenu{
			padding-left:0px;
			min-height:68px;
		}
	}
	
	.bannerInst{
		margin-top:70px;
	}
	
	.bannerInst h2{
		margin-top:0px;
	}
	
	.laranja{
		color:#FF6C55;
	}
	
	.bannerInst p{
		font-size:16px;
		line-height:30px;
	}
	
	@media (max-width: 767px) {
		.bannerInst{
			text-align:center;
		}
		
		.bannerInst h2{
			margin-top:10px;
		}
	}
	
	
	.bannerWindow{
		color:#FFF;
		background-color:#1E92DF;
		margin-top:70px;
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.bannerWindow h3{
		margin-top:5px;
	}
	
	.bannerWindow img{
		margin-top:5px;
	}
	
	.bannerWindow button{
		margin-top:17px;
		white-space:normal;
	}
	
	@media (max-width: 767px) {
		.bannerWindow{
			text-align:center;
		}
		.bannerWindow button{
			margin-bottom:20px;
		}
	}
	
	
	
	.carousel-inner > .item > img{
		height:350px;
	}
	.carousel{
		height:350px;
		margin-bottom: 0px;
	}
	
	.carousel .item{
		height:350px;
	}
	
	/*4.2 peliculas*/
	
	.peli{
		margin-top:45px;
	}
	
	.porc_peli{
		padding-left:0px;
	}
	
	
	
	.boxxLegisla{
		margin-top:25px;
		background-color:#ffffff;
		color:#000;
		font-size:12px;
		text-align:center;
	}
	
	
	.boxxLegisla p{
		font-size:14px;
		line-height:150%;
		font-weight:normal;
	}
	
	
	.boxxLegisla .titBox{
		border-bottom:1px solid #000;
		margin-bottom:16px;
		padding-bottom:9px;
		text-align:center;
	}
	
	
	
	.boxLegisla{
		margin-top:75px;
		background-color:#0095da;
		color:#FFF;
		font-size:12px;
		text-align:left;
	}
	
	.boxLegisla p{
		font-size:14px;
		line-height:150%;
		font-weight:normal;
	}
	
	.boxLegisla .titBox{
		border-bottom:1px solid #FFF;
		margin-bottom:16px;
		padding-bottom:9px;
		text-align:center;
	}
	
	.linha_peli{
		border-bottom:1px solid #FF6A47;
		margin-left:16px;
		margin-bottom:20px;
	}
	
	.linha_peli_blue{
		border-bottom:1px solid #0D90E2;
		margin-left:16px;
		margin-bottom:20px;
	}
	
	
	.blue{
		color:#0D90E2;
	}
	
	
	
	/*4.3 ferramentas.php	*/
	
	.linha_fer{
		border-bottom:1px solid #FF6A47;
		margin-bottom:20px;
	}
	
	.fer{
		margin-top:45px;
		padding-left:0px;
		padding-right:0px;
	}
	
	.noPadding_left{
		padding-left:0px;
	}
	
	.noPadding_right{
		padding-right:0px;
	}
		@media (max-width: 767px) {
			.noPadding_left{
				padding-left:10px;
			}
			
			.noPadding_right{
				padding-right:10px;
			}
		}
	
	/*4.4 contato.php	*/
	
	.dadosContato{
		background-color:#FF6C55;
		color:#FFF;
		min-height:397px;
	}
	
		.noPadding_left{
		padding-left:10px;
	}
	
	.titFormulario{
		background-color:#FF6C55;
		color:#FFF;
		padding:18px;
		margin-bottom:10px;
		padding-right: 10px;
		margin-right: 20px;
	}
	
	.titFormulario h3{
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.form-control{
		border-radius:0px;
		border: solid 1px #FF6C55;
		height:32px;
	}
	
	.form-group .btn-primary{
		color:#FFF;
		background-color:#FF6C55;
		border:1px solid #C75D43;
		border-radius:0px;
		height:32px;
	}
	
	.form-group .btn-primary:hover{
		color:#FFF;
		background-color:#C75D43;
		border:1px solid #C75D43;
	}
	
	@media (max-width: 767px){
		.contato{
			margin-top:20px;
		}
	}
	
	.dadosContato a{
		color:#FFF;
		text-decoration:none;
	}
	
	.dadosContato a:hover{
		color:#BF201D;
		text-decoration:none;
	}
	
	
/*-------------------------------------------------*/	
		

/*4. Historico de atualização
----------------------------------------------------

13/06/2014
. Insercao da classe .hide420 e .hide320 para não mostrar em largura menor que 420px


07/06/2014
. Insersão do historico de altualização do arquivo
. acrescentado customizacoes gerais para tags (address, body, h, p)




*/