/*  **********************/  /********************************/  /************************ */
/*  *********************/  /* FAVELA HOLDING PARTICIPAÇÕES 2013 StyleSheet */  /************************ */
/*  ********************/  /********************************/  /************************ */

/*============================ 2013 =====================================*/
/*================== Web Site Desenvolvido por.: =======================*/
/*============ MATEUS MARQUES & ALTAIR JUNIOR ============*/
/*================== WWW.MATEUSMARQUES.NET ===========================*/


/* ============================================ */
/*		     	  fontes   		            	*/
/* ============================================ */
@font-face {
    font-family:"NeoSans";
    src: url("fontes/NeoSans.eot");
    src: local("NeoSans"), url("fontes/neosans.ttf") format("opentype");
}


/* ============================================ */
/*		            Input		*/
/* ============================================ */



/* ============================================ */
/*		      Link			*/
/* ============================================ */
	
a			       { text-decoration: none; color:#777;}
a:visited		{ text-decoration: none; }
a:hover			{ text-decoration:none; }
.placars { text-decoration: none !important; color:#F6B221;}


/* ============================================ */
/*		      Texto			*/
/* ============================================ */

/* Titulos */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, 
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}
span				{ display:block; }
/* Efeitos */

.B		   { font-weight: bold; }
.Up	   	   { text-transform: uppercase; }
.Cp		   { text-transform: capitalize; }
.U		   { text-decoration: underline; }
.It		   { font-style: italic; }
.hr{border-bottom:solid 3px #000; width:100%; margin-top:0px; padding-top:0px; margin-bottom:5px;}
.clear				{clear:both;}
.linhaTitulo{
	width:100%;
	border-bottom:solid thin #000;
}
.titulo{
	width:auto;
	font-size:18px;
	font-weight:bold;
	color:#243A85;
	padding:10px 10px;
	border-left:solid 4px #FAA61C;
	border-right:solid 4px #FAA61C;
	font-family:Arial;
	border-radius:50px;
	margin:0px 0px 15px 5px;
}
.titulo2{
    font-size:18px;
    font-weight:bold;
    color:#243A85;
    font-family:Arial;
    margin:0px 0px 15px 15px;
}
.radius{
	border-radius:2px;
}
.off{
	display:none;
}
.on{
	display:block;
}

.floatEsq{
	float:left;
}
.floatDir{
	float:right;
}
.textoDir{
	text-align:right;
}
.textoJust{
	text-align:justify;
}

.espacoDir{
	margin-right:10px;
}
.espacoEsq{
	margin-left:10px;
}
.espacoCima{
	margin-top:10px;
}
.espacoBaixo{
	margin-bottom:10px;
}
.btn{ 
	cursor:pointer;
	padding:5px;
	background-color:#457E65;
	color:#fff;
	font-family:"NeoSans";
	font-size:14px;
	font-weight:bold;
	border-radius:4px;
}
.btn:hover{ 
	opacity:0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
}

/* Familia */

.Arial			{ font-family: Arial; }
.HelveticaCompressed    { font-family: helvetica-compressed; }
.HelveticaLight		{ font-family: helvetica-light; }

/* Tamanho */

.n9			{ font-size:9px;  }
.n10		{ font-size:10px; }
.n11		{ font-size:11px; }
.n12		{ font-size:12px; }
.n13		{ font-size:13px; }
.n14		{ font-size:14px; }
.n15		{ font-size:15px; }
.n16		{ font-size:16px; }
.n17		{ font-size:17px; }
.n18		{ font-size:18px; }
.n19		{ font-size:19px; }
.n20		{ font-size:20px; }
.n21		{ font-size:21px; }
.n22		{ font-size:22px; }
.n23		{ font-size:23px; }
.n24		{ font-size:24px; }
.n25		{ font-size:25px; }
.n27		{ font-size:27px; }
.n30		{ font-size:30px; }
.n35		{ font-size:35px; }
.n40		{ font-size:40px; }

.w7{ width:7%;}
.w10{ width:10%;}
.w13{ width:13%;}
.w15{ width:15%;}
.w17{ width:17%;}
.w19{ width:19%;}
.w21{ width:21%;}
.w23{ width:23%;}
.w27{ width:38%;}
.w37{ width:25%;}
/* Cor */

.Preto			{ color:#000000; }
.Branco			{ color:#FFFFFF; }
.cinza			{ color:#4c4c4c;  }
.cinzaEscuro	{ color:#231f20;	 }
.amarelo		{color:#f6b221;  }
.azul		        { color:#243A85; }


/* ============================================ */
/*		     	  Geral   		            	*/
/* ============================================ */


body{
    margin:0px;
    padding:0px;
    color:#555555;
    font-family:Arial;
    font-size:13px;
    overflow-x:hidden; 
    overflow-y:auto;
    background-image:url('../imagens/bg_site.png');
}

header{
    width:940px;
    height:180px;
    margin: 0px auto;
    margin-bottom: 10px;
    display:block;
    clear:both;
    padding:0px;
}
nav{
    width:875px;
    height:auto;
    float:right;
}

footer{
	width:100%;
	min-height:400px;
	background-color:#f4f4f4;
	clear:both;
	border-top:solid 1px #000;
	font-size:11px;
}
 
 #barraRedeSocial{
	width:100%;
	height:15px;
	background-color:#000;
	text-align:right;
	position:absolute;
 }
 #divFormBusca{
	width:300px;
	position:absolute;
	clear:both;
	top:2%;
	left:70%;
	z-index:6;
	display:inline-block;
	
	
 }
  
 #divFormBusca input{
	border:solid thin #000;
	padding-left:2px;
	border-radius:2px;
	box-shadow: 0px 1px 1px 0px #243A85;
	display:block;
 }
 
 #barraRedeSocial span{
	color:#FFF;
	margin-right:300px;
	z-index:5;
 }
 
 #barraRedeSocial a{
	float:right;
	padding:0px 12px;
	height:15px;
	z-index:5;
	overflow:hidden;
	transition:all 0.1s linear ;
	-o-transition:all 0.1s linear ;
	-webkit-transition:all 0.1s linear ;
	-moz-transition:all 0.1s linear ;
 }
 #barraRedeSocial a:hover{
	overflow:visible;
	transition:all 0.2s linear ;
	-o-transition:all 0.2s linear ;
	-webkit-transition:all 0.2s linear ;
	-moz-transition:all 0.2s linear ;
	float:right;
	padding:0px 12px;
	height:55px;
	
 }
.bordaTopo{
	border-right:solid 2px #FFF;
 }
 
 #erro_retorno{
	font-size:15px;
	font-weight:bold;
	color:red;
	width:100%;
	text-align:center;
	margin-top:10px;
	font-family:"Arial";
}
/*===== PAGINA INICIAL =====*/
#texto_links p{
    width: 100%;
    margin: 5px 0;
}
#texto_links p:hover{
    text-decoration: underline;
}
#texto_links p img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.logo{
    margin-top: 10px;
    float:left;
}
#slide{
	width:100%;
	height:350px;
	background-color:#243a85;
	border-top:solid 2px #FAA61C;
	border-bottom:solid 2px #FAA61C;
	padding-top:10px;
	overflow:hidden;
}

#conteudoEmpresas{
	width:100%;
	height:520px;
	display:block;
	margin:10px 0;
}

#conteudo_index{
	width:1000px;
	height:250px;
	margin:auto;
	padding-top:30px;
        
}
#conteudo_index #texto{
    width: 600px;
    float: left;
    display: block;
}
#conteudo_index #video{
    width: 360px;
    height: 214px;
    box-shadow:  0px 0px 5px 3px #243A85;
    float: right;
    display: block;
    
}

.leiaMais{
	font-size:10px;
	color:#243A85;
}

.leiaMais:hover{
	text-decoration:underline;
}
#conteudo-empresas{
    width: 900px;
    height: auto;
    margin:auto;
    margin-bottom: 10px;
    display: block;
}
#lista-empresas {
    display: block;
}
#lista-empresas div{
    width: 70%;
    margin: auto;
}
#lista-empresas span{
    width: 170px;
    display: block;
    margin: 20px 5px;
    float: left;
}
#lista-empresas span:hover{
    opacity:0.75;
    -moz-opacity: 0.75;
    -webkit-opacity: 0.75;
    -o-opacity: 0.75;
    filter: alpha(opacity=75);
}
#slideShow{
	background-color: #243A85;/*e3dce0;*/
	width: 500px;
	height: 204px;
	border-radius:2px;
	box-shadow: 0px 0px 5px 3px #243A85;
        display: block;
        float: left;
}
#empresas{
	width:100%;
	margin:auto;
	height:300px;
	border-top:solid 2px #FAA61C;
	border-bottom:solid 2px #FAA61C;
	border-radius:2px;
	padding-top:20px;
	padding-left:15px;
	display:block;
	background-color:rgba(38,58,133,0.7);
}
#noticias-empresas{
    width: 350px;
    height: 204px;
    display: block;
    float: right;
    border-radius:2px;
    box-shadow: 0px 0px 5px 3px #243A85;
    background: #FFF;
    padding: 0px 7px;
}
#noticias-empresas h2{
    font-size: 22px;
    color: #243A85;
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: solid thin #243A85;
}
#noticias-empresas p{
    font-size: 11px;
    margin: 3px 0px 9px 0px;
}
#empresasAlinha{
	width:950px;
	height:auto;
	margin:auto;
	display:block;
}

#mudaFundo{
	width:173px;
	height:173px;
	display:inline-block; 
	margin:6px;
	float:left;
	background-color:#FFF;
	border-radius:4px;
	transition:all 1s linear ;
	-o-transition:all 1s linear ;
	-webkit-transition:all 1s linear ;
	-moz-transition:all 1s linear ;
}
#boxEmpresas{
	width:172px;
	height:172px;
	display:inline-block;
	border-radius:4px;
	overflow:hidden;
	border:solid thin #fff;
}
#boxEmpresas img{
    width: 170px;
    height: 170px;
}

.br{
	width:100%;
	height:190px;
	display:block;
}
#mapa_site{
	width:100%;
	height:350px;
}

#mapa_site_rodape{
	width:100%;
	min-height:350px;
}

#box_mapa_site{
	width:800px;
	margin:auto;
}
#mapa_site_links{
	width:330px;
	float:left;
	display:block;
}
#tabelaRodape table{
	width:100%;
	height:50px;
	text-align:left;
	margin:auto;
	margin-top:20px;
	font-weight:bold;
	font-size:11px;
	
}
#tabelaRodape table a{
	color:#555;
	text-decoration:none;

}
#tabelaRodape table a:hover{
	text-decoration:underline;
}

#mapa{
	width:450px;
	background-color:#F4F4F4;
	float:right;
	display:block;
	overflow:hidden;
}
#mapa .mapa{
	width:290px;
	height:245px;
	display:block;
	overflow:hidden;
	float:right;
	background-color:#F4F4F4;
}

#rodape{
	width:100%;
	height:20px;
	background-color:#243a85;
	color:#FFF;
	display:block;
	text-align:center;
	line-height:20px;
	font-size:12px;
	clear:both;
}
.rodape{
	margin-top:60%;
	font-weight:bold;
}


/* ======== COMECO DO MENU =========*/


#menu{
	font-family:"NeoSans", Arial;
	font-weight:bold;
	font-size:16px;
	line-height:25px;
	
}
#menu li{
	list-style:none;
}
ul.menubar{
   padding: 0px;
}
 
ul.menubar, li.submenu{
  margin:0 5px;
  padding: 0px;
  list-style: none;
  float:left;
} 
li.borda{
	border-left:solid 2px #FFF;
}

ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
  padding:3px;
  z-index:4;
 
}


ul.menubar a{
  padding:10px 10px 10px 10px;
  display:block;
  text-decoration: none;
  color:#243A85; 
  border-radius:100px;
  border-left:solid 4px #FFF;
  border-right:solid 4px #FFF;
}
 
li.submenu a:hover { 
    color:#243A85;
	
	border-left:solid 4px #FAA61C;
	border-right:solid 4px #FAA61C;
}

li.submenu a.active { 
        color:black;
}

li.borda { 
	border-left:solid 2px #FFF;
} 
li.submenu a:hover { 
		
}
/* ======== FIM DO MENU =========*/	

/* ======== PAGINAS DE CONTEUDO =========*/	
#tituloPagina{
	width:100%;
	height:40px;
	background-color:#243a85;
	border-top:solid 2px #FAA61C;
	border-bottom:solid 2px #FAA61C;
	color:#FFF;
	font-size:25px;
	text-align:left;
	line-height:50px;
}
#conteudo{
	width:800px;
	min-height:400px;
	margin:auto;
	display:block;
	padding-top:10px;
	font-size:13px;	
	border-right:solid 1px #000;
	border-left:solid 1px #000;
	border-radius:2px;
	background-color:#FFF;
	z-index:3;
	text-align:justify;
}

#conteudo p{
	width:95%;
	margin:auto;
}

/*=======PAGINA DE NOTICIAS========*/
#listNoticias{
	width:700px;
	height:auto;
	min-height:250px;
	margin-left:100px;
}
#listNoticias .logo{
	float:left;
	display:block;
	
}

#listNoticias .texto{
	font-family:Arial;
	margin-top:90px;
	display:block;
}
.tituloNoticia{
	font-family:Arial;
	font-size:20px;
	color:#243A85;
	
}
#listNoticias p{
	padding-bottom:30px;
	
}
#listNoticias span{
	vertical-align:center;
	
}
#listNoticias .img{
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	display:block;
	margin-bottom:30px;
	margin-right:20px;
	border-radius:4px;
	-moz-box-shadow: 0 0 10px 1px #555;
	-webkit-box-shadow: 0 0 10px 1px #555;
	-o-box-shadow: 0 0 10px 1px #555;
	-ms-box-shadow: 0 0 10px 1px #555;
	box-shadow: 0 0 10px 1px #555;
}

#listNoticias .img2{
	width:120px;
	height:auto;
	overflow:hidden;
	float:left;
	display:block;
	padding:2px;
	margin-bottom:30px;
	margin-right:20px;
	border-radius:4px;
	-moz-box-shadow: 0 0 10px 1px #555;
	-webkit-box-shadow: 0 0 10px 1px #555;
	-o-box-shadow: 0 0 10px 1px #555;
	-ms-box-shadow: 0 0 10px 1px #555;
	box-shadow: 0 0 10px 1px #555;
}
#listNoticias a{
	opacity:0.75;
	-moz-opacity: 0.75;
	-webkit-opacity: 0.75;
	-o-opacity: 0.75;
	filter: alpha(opacity=75);
}
#listNoticias a:hover{
		opacity:1;
	-moz-opacity: 1;
	-webkit-opacity:1;
	-o-opacity: 1;
	filter: alpha(opacity=100);
}

/* ======== PAGINAS DEPOIMENTOS =========*/
#depoimentos{
    width: 570px;
    height: auto;
    padding: 0px;
    margin: 0px 35px;
    display: block;
    margin-bottom: 30px;
}
#conteudo hr{
    width: 70%;
    margin: auto;
    margin-bottom: 30px;
    display: block;
    clear: both;
    border: solid 1px #FAA61C;
}
#depoimentos p{
    width: 100%;
    text-align: justify;
    margin: 5px 0;
    font-style: oblique;
}
#depoimentos p img{
    width: 100px;
    border: solid thin #777;
    padding: 2px;
}
#depoimentos h4{
    font-size: 11px;
    color: #777;
}

/* ======== PAGINAS VIDEOS =========*/
#video{
    width: 370px;
    height: 208px;
    padding: 0px;
    background: #243A85;
    margin: 15px;
    display: block;
    box-shadow:  0px 0px 5px 3px #243A85;
    float: left;
    overflow: hidden;
    
}
#video:hover{
    height: auto;
    
}
 
 /*=======FORMULARIOS========*/
 #formContato{
	margin-top:30px;
	margin-left:30px;
 }
 
 #formContato label{
	width: 100px;	
	float: left;
	display: inline-block;
}	
 #formContato textarea{
	width:330px;
	height:200px;
 }

.btn{
	padding:10px;
	background-color:#243A85;
	color:#FFF;
	font-weight:bold;
	border-radius:4px;
}
/*=========================================================                   =====================================================================*/
/*=========================================================ÁREA ADMINISTRATIVA=====================================================================*/
/*=========================================================                   =====================================================================*/

#formNoticia{
	margin-top:30px;
}
#formNoticia label{
	float:left;
	display:block;
	width:70px;
}

#formNoticia #conteudoNoticia{
	width:90%;
	min-height:500px;
}