@import url(fonts/fonts.css);

body { margin:0; padding:0; }
.estrutura { margin:0 auto; width:95%; max-width:1000px; }
.hidden { overflow:hidden; }
h1,h2,h3,h4,h5,h6 { font-family:'kabel_bk_btbook'; font-weight:normal; }

.fdTopo { background: #dddddd; background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 50%, #dddddd 100%); background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 50%,#dddddd 100%); background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 50%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 );}
.logomarca { float:left; padding:5px 0; }

.mainMenu { float:right; width:100%; max-width:500px; font-size:0; margin:0; padding:0; }
.mainMenu li { font:17px 'kabel_bk_btbook'; display:inline-block; width:25%; text-align:center; list-style:none;}
.mainMenu li a { display:block; line-height:190px; color:#333; text-decoration:none; -webkit-transition:background 250ms ease-out; -moz-transition:background 250ms ease-out; -ms-transition:background 250ms ease-out; -o-transition:background 250ms ease-out; transition:background 250ms ease-out; }
.mainMenu li a:hover { background:#4cbbcf; color:#fff;}

.banner { width:100%; height: 350px; position:relative; }
.banner img { width:100%; height:auto; }
.fotos p { font:22px 'kabel_bk_btbook'; color:#fff; text-align:center; margin: 0; position: absolute!important; right: 0; position:absolute; bottom:15px; background:rgba(0,0,0,0.7); width:100%; padding:30px 0; z-index:1000; overflow: hidden;}
.fotos p span { font-size:26px; }
.fotos{width: 100%; height: 100%; background-size: cover; position: relative;}
#buttons{width: 100%; position: absolute; display: flex; justify-content: space-between; top: 50%; margin-bottom: -50px; z-index:1000;}
.next, .prev{width: 50px; line-height: 50px; color: rgb(255, 255, 255); font-size: 40px !important; text-align: center; cursor: pointer;}

.sombra { width:100%; max-width:960px; display:block; margin:0 auto; }

.conteudo { margin:25px auto; }
.conteudo h1 { color:#4cbbcf; margin:0; }
.conteudo p { text-align:justify; font:12px/24px Arial; }
/*.conteudo p > span:before{content: "● ";}*/
.conteudo p > span:hover{cursor: pointer; color: #656565;}
.home img { float:right; width:50%; max-width:469px; margin-left:25px; }
.underTitulo { background:#4cbbcf; border-left:50px solid #2ea0b2; width:30%; height:5px; margin:20px 0; }

.utilitarios01 { background:#1f1f1f; padding:50px 0; }
.utilitarios01 .meio { margin:0 5%; }
.utilitarios01 .blocoUtil { width:30%; float:left; color:#ccc; }
.utilitarios01 .blocoUtil h2 { margin:0; }
.utilitarios01 .blocoUtil a { color:#ccc; font:bold 12px/25px Arial; text-decoration:none; }
.utilitarios01 .blocoUtil a:hover { text-decoration:underline; }
.utilitarios01 .circulo { width:65px; font:45px/65px 'kabel_bk_btbook'; color:#fff; text-align:center; background:#4cbbcf; float:left; border-radius:50%; margin-right:10px; }

.utilitarios02 { padding:50px 0; }
.utilitarios02 .blocoUtil { width:25%; box-sizing:border-box; float:left; text-align:center; border-left:1px solid #ccc; }
.utilitarios02 .sborda { border-left:none; }
.utilitarios02 .blocoUtil .icone { font-size:55px; color:#4cbbcf; }
.utilitarios02 .blocoUtil a { font:12px/20px Arial; text-decoration:none; color:#000; display:block; }
.utilitarios02 .blocoUtil a:hover { text-decoration:underline; }

.rodape { background:url(imagem/fd_utilitarios.png) top center no-repeat; padding:40px 0; }
.rodape .linksUteis { float:left; width:55%; }
.rodape h2 { color:#fff; }
.rodape ul { width:33%; float:left; margin:0; padding:0; list-style:none; }
.rodape ul a { font:12px/48px Arial; color:#fff; text-decoration:none; }
.rodape ul a:hover { text-decoration:underline; }
.rodape .programacao { width:40%; float:right; }
.rodape form input { width:100%; color:#fff; font:12px Arial; background:rgba(17,22,30,0.5); padding:10px 7px; margin-bottom:4px; border-radius:2px; border:none; outline:none; }
.rodape form button { color:#fff; font:12px Arial; background:#11161e; padding:10px; border-radius:2px; border:none; outline:none; cursor:pointer; }
.rodape form a { color:#fff; font:12px Arial; text-decoration:none; }
.rodape form a:hover { text-decoration:underline; }
.rodape .online { color:#fff; font:12px Arial; text-decoration:none; }
.rodape .online:hover { text-decoration:underline; }

.clear { clear:both; }
.txtRDP { font:12px Arial; text-align:center; color:#fff; margin-top:70px; }

.tabela{width: 80%;}
.tabela td{padding: 10px; border: 1px solid rgb(200, 200, 200);}

@media screen and (max-width: 900px){
	.logomarca { float:none; margin:0 auto; display:block; }
	.mainMenu { float:none; max-width:900px; }
	.mainMenu li a { line-height:70px; }
	
	.rodape .linksUteis, .rodape .programacao { float:none; width:100%; }
	.programacao form input { width:33%; float:left; }
	.programacao form input[name='cliente_documento'] { margin:0 0.5%; }
}

@media screen and (max-width: 640px){
	.utilitarios01 .blocoUtil { width:100%; text-align:center; }
	.utilitarios01 .circulo { display:none; }
	.utilitarios01 .meio { margin:20px 0; }
	.utilitarios01 br { display:none; }
	
	.utilitarios02 .blocoUtil { width:50%; text-align:center; margin:20px 0; }
	.utilitarios02 .blocoUtil:nth-child(3) { border-left:none; }
}

@media screen and (max-width: 480px){
	.banner { display:none; }
	.home img { display:none; }
	.rodape { background:#2e707d; }
	.rodape ul { width:33%; }
	.programacao form input { width:100%; float:none; }
	.programacao form input[name='cliente_documento'] { margin:0 0 4px; }
}

@media screen and (max-width: 320px){
	.rodape ul { width:100%; }
	.rodape ul li { width:50%; float:left; }
}