@Charset "utf-8";
/* CSS Document */

*{
		margin:0;
		padding:0;
		border: 0;
		font-family: verdana;
}

input{
		outline: none;
}

textarea{
		resize: none;
		outline: none;
}

.clear{
		clear:both;
}



.index{
		background: #0d1266;
}

/* Topo */

#areaTopo{
		width: 100%;
		height: 76px;
		float: left;
		background: url(../images/bg-topo.png) top center no-repeat;
		position: absolute;
		z-index: 1111;
}

#conteudoTopo{
		width: 980px;
		height: 76px;
		margin: 0 auto;
		/*background: red;*/
}

#logo{
		width: 190px;
		height: 76px;
		float: left;
}

/* Menu */

#menuTopo{
		width: 550px;
		height: 48px; /* 76*/
		color: #4874b6;
		padding-top: 29px;
		float: left;
		font-size: 12px;
}

#menuTopo ul{
		list-style-type: none;
		width: 530px;
		height: 20px;
}

#menuTopo li{
		float: left;
		position: relative;
}

#menuTopo a{
		color: #4874b6;
		font-size: 12px;
		display: block;
		line-height: 20px;
		padding: 0px 6px 0 6px;
		text-decoration: none;
}


#menuTopo ul ul{
		display: none;
		float: left;
		margin: 0;
		position: absolute;
		top: 20px;
		left: 0;
		width: 140px;
		z-index: 99999;
		border-top: 1px solid white;
}

#menuTopo ul li ul li{
		margin-bottom: 8px;
		width: 200px; /*140*/
}

#menuTopo ul li ul li:first-child{
		margin-top: 8px;
}

#menuTopo ul li:hover ul {
		display: block;
		width: 200px; /*140*/
		height: auto; /*60*/
		background: #599ece;
}

#menuTopo a:hover{
		color: #FFFFFF;
}

#menuTopo li:hover{
		background: #314386;
}

#menuTopo li:hover a{
         color: #FFFFFF;
}


/* Login */

#areaLogin{
		width: 240px;
		height: 76px;
		color: #4874b6;
		float: left;
}

.btnLogin{
		font-size: 11px;
		color: #FFFFFF;
		background: transparent;
		cursor: pointer;
}

.contornoLogin{
		padding: 1px 4px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
}

#frmLogin{
		padding-top: 25px;
		float: right;
}


/* Banner */

#areaBanner{
		width: 100%;
		height: 427px;
		margin-top: 38px;
		float: left;
		position: absolute;
		z-index: 2;
}

.banner{
		width: 100%;
		min-width: 980px;
		background-position: top center;
		float: left;
		position: absolute;
		z-index: 2; /* 0 */
}

#conteudoBanner{
		width: 100%;
		height: 427px;
		background: url(../images/banner/banner2.png) top center no-repeat;
}

#navBanner{
		width: 60px;
		height: 20px;
		font-size: 09px;
		margin-left: 880px;
		margin-top: 445px;
		position: absolute;
		z-index: 999999;
}

#navBanner li{
		display: inline;
}

/* Conteudo */

#divisao{
		width: 100%;
		height: 465px;
		float: left;
		background: url(../images/bg-divisao.png) bottom center no-repeat;

}

#divisaoConteudo{
		width: 980px;
		height: 465px;
		margin: 0 auto;
}

#areaConteudo{
		width: 100%;
		height: 100%;
		float: left;
		/*background: #161964;*/
}

#conteudo{
		width: 980px;
		height: 165px;
		margin: 0 auto;
}

#bgConteudo{
		width: 100%;
		height: 165px;
		background: url(../images/bg-piui.png) top center no-repeat;
}

#mapa {
		width: 425px;
		height: 350px;
		background-color: #599ece;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 5px;

}

.parceiros{
		margin-top: -30px;
		width: 216px;
		height: 193px;
		float: left;
}

.ano{
		font-weight: bold;
		font-size: 15px;
}

.servicos{
		margin-top: -30px;
		margin-left: 30px;
		width: 216px;
		height: 193px;
		float: left;
}

.clientes{
		margin-top: -28px;
		margin-left: 30px;
		width: 216px;
		height: 195px;
		float: left;
}

/* .boxContato{
		margin-top: 10px;
		margin-left:;
		width: 216px;
		height: 200px;
		float: right;
}*/

.endereco{
		width: 980px;
		height: 50px;
		margin-top: 30px;
		float:left;
		color: #FFFFFF;
		font-size: 15px;
		text-align: center;
}

#boxContato{
		margin-top: 10px;
		margin-left:;
		width: 216px;
		height: 200px;
		float: right;
		background: url(../images/box-contato.png) no-repeat;
}

.telefone{
		width: 216px;
		height: 76px;
		float: left;
		text-align: center;
}

.faleConosco{
		width: 216px;
		height: 80px;
		float: left;
		text-align: center;
}

.tel{
		padding-top: 5px;
		color: #FFFFFF;
}

.tel-800{
		padding-top: 15px;
		color: #FFFFFF;
}

.contato{
		padding-top: 30px;
		color: #2b417c;
}

.boxTel{
		width:50px;
		height:75px;
		float: left;
}

.boxContato{
		width:50px;
		height:80px;
		float: left;
		margin-top: -0px;
		display: block
}

#boxContatoMsgZaps{
		width:50px;
		height:80px;
		float: left;
		margin-top: -0px;
		/*display: block*/
		 display: table-cell;
      vertical-align: middle;

}



.img1{
		margin-top: 22px;
		margin-left: 20px;
}

#img2{
		margin-top: 10px;
		margin-left: 20px;
		vertical-align: middle;
}

#img3{
		margin-top: 28px;
		margin-left: 28px;
		vertical-align: middle;
}


/* Paginas Internas */

#areaTopoPaginas{
		width: 100%;
		height: 250px;
		float: left;
		background: #FFFFFF;
}

.topoQuemSomos{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/fundo-sancred.png) top center no-repeat;
}

.topoMetodologia{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/metodologia.png) top center no-repeat;
}

.topoTrabalhe{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/fundo-trabalho.png) top center no-repeat;
}

.topoPremios{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/fundo-premios.png) top center no-repeat;
}

.topoServicos{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/fundo-servicos.png) top center no-repeat;
}

.topoClientes{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/fundo-clientes.png) top center no-repeat;
}

.topoContato{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/fundo-contato.png) top center no-repeat;
}

.topoParceiros{
		width: 100%;
		height: 219px;
		margin-top: 30px;
		background: url(../images/paginas/fundo-parceiros.png) top center no-repeat;
}

#areaConteudoInterno{
		width: 100%;
		height: 100%;
		min-height: 330px;
		float: left;
		background: #FFFFFF;
}

#conteudoInterno{
		width: 980px;
		height: 100%;
		min-height: 330px;
		margin: 0 auto;
		/*background: yellow;*/
}

.imgPrincipal{
		margin-top: -186px;
		float: left;
		width: 397px;
		height: 505px;
}

.textoInterno{
		width: 530px;
		height: auto;
		min-height: 330px;
		padding: 20px 0;
		float: right;
		/*margin-right: 50px;*/
		color: #1d1f62;
		font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
		font-size: 12px;
		/*background: purple;*/
}

.textoInterno table{
		/*border: 1px solid;
		border-color: #000000;*/
}

.tituloInterno{
		font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
		font-size: 18px;
		font-style: italic;
}

.textoInterno ul{
		list-style-type: none;
}

.linkInterno{
		color: #1d1f62;
}

.linkInterno:hover{
		font-weight: bold;
}

.content{
		width: 400px;
		height:318px;
}

.tituloParceiros{
		text-align: center;
		color: #FFFFFF;
		background: #044361;
}

/* Rodape */

#areaRodape{
		width: 100%;
		height: 100%;
		float: left;
		background: #100e65;
}

#rodape{
		width: 980px;
		height: 60px;
		margin: 0 auto;
		line-height:60px;
}

.sociais{
		width: 110px;
		height: 55px;
		padding-top: 5px;
		float: left;
		text-align: center;
}

.enderecoRodape{
		width: 1000px;
		height: 60px;
		color: #FFFFFF;
		font-size: 15px;
		float: left;
		text-align: center;
}

.telefoneContato{
		width: 369px;
		height: 55px;
		padding-top: 5px;
		padding-left: 10px;
		float: left;
}

.boxRodape{
		width: 176px;
		height: 55px;
		float: left;
}

.boxRodape2{
		width: 166px; /*176*/
		padding-left: 10px;
		height: 55px;
		float: left;
}

.imgRodape{
		float: left;
		padding-top: 13px;
}

.telefoneRodape{
		color: #FFFFFF;
		margin-top: -5px;
		padding-left: 40px;
}

.conoscoRodape{
		color: #6dbfdb;
		margin-top: -5px;
		padding-left: 40px;
}

/* Formulário */

#areaFormulario{
		width: 100%;
		height: auto;
		margin-top: 70px;
		float: left;
		/*background: red;*/
}

#conteudoFormulario{
		width: 980px;
		height: auto;
		min-height: 500px;
		margin: 0 auto;
		/*background: yellow;*/
		/*font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;*/
}

.tituloFormulario{
		padding-top: 10px;
		font-size: 20px;
		color: #1d1f62;
		text-align:center;
		font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
}

.inputForm{
		padding: 3px 4px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid;
		border-color: #1d1f62;
}

.btnForm{
		width: 70px ;
		height: 20px;
		float: right;
		margin-top: 5px;
		margin-right: 45px;
		background: #1d1c61;
		color: #FFFFFF;
		cursor: pointer;
}

.bgInterno{
		background: #100e65;
}

/* CONTATO */

#conteudoInternoContato{
		width: 980px;
		height: auto;
		min-height: 330px;
		margin: 0 auto;
		/*background: yellow;	*/
}

.textoInternoContato{
		width: 530px;
		height: auto;
		min-height: 330px;
		padding: 20px 0;
		float: right;
		color: #1d1f62;
		font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
		font-size: 12px;
		position: relative;
		margin-top: -760px;
		/*background: purple;*/
}

/* FORMULARIO */

#formularioContato{
		width: 450px;
		height: 420px;
		float: left;
		margin-top: 10px;
		margin-bottom: 20px;
		position: relative;
		/*background: red;*/
}

.tituloFormContato{
		padding: 10px 0px;
		text-align: center;
		color: #1d1f62;
		font-weight: bold;
}

.inputFormContato{
		border: 1px solid #1d1f62;
		padding: 3px 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}

#centerForm{
		width: 350px;
		height: 420px;
		margin-left: 40px;
		/*background: green;*/
}

.tipoForm{
		color: #1d1f62;
		margin-top: 5px;
		margin-bottom: 5px;
}