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

body { background: #5b9d96 url(/img/bg2.png) top center repeat-x; padding: 0; margin: 0; 
    font-size: 0.8em; font-family: "Trebuchet MS", Tahoma, Verdana, Arial; line-height: 1.3em;
    }

body#sobre a#menu-sobre,
body#localizacao a#menu-localizacao,
body#noticias a#menu-noticias,
body#galeria a#menu-galeria,

body#contato a#menu-contato

{ color: #88b8b3; }



a { color: #148d7b; text-decoration: none; }
a:hover { color: #ffa800;  }

a.link-botao { padding: 3px 10px; color: #fff; font-weight: bold; background: #1ab099; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
a.link-botao:hover { background: #2bc2ab; color: #fff; cursor: pointer; text-decoration: none; }

img { border: none; display: block; }

h1, h2, h3, h4 { margin: 0; padding: 0; text-shadow: 2px 2px 2px #dae3df; text-transform: uppercase; color: #275c56; }

h1.capa { color: #888888; margin: 20px 0 5px 0; font-size: 2em; line-height: 1em; }
h1.capa small { display: block; font-size: 0.6em; }

h1 { margin: 20px 0 5px 0; font-size: 2em; line-height: 1em; }
h1 small { display: block; font-size: 0.6em; }

h2 { margin: 20px 0 5px 0; font-size: 1.6em; line-height: 1em; }
h3 { color: gray; margin: 20px 0 5px 0; font-size: 1.3em; line-height: 1em; }

ul.normal { margin: 15px 0 20px; padding: 0; }
ul.normal li { margin: 0; padding-left: 14px; list-style: none; background: url(/img/lista.png) left center no-repeat; padding-left: 16px; }

.voltar_topo { padding: 20px; text-align: center; clear: both; }
.separador { padding: 0 20px; }
.sinalizador { background-image: url(/img/sinalizador.png); background-position: top; background-repeat: repeat-x; margin: -10px -20px 0 -20px; }


/*
=====================================================================
Classes gerais ======================================================
=====================================================================
*/

/* Largura total do site = 980px / 940+20+20 (Paddings Esq+Dir) */
.casca { background: #f4f5f6; width: 940px; margin: 10px auto; padding: 20px; border: 1px solid #275c56; }

/* Cantos redondos */
.redondo { -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* Sombra no texto */
.sombra { text-shadow: 2px 2px 2px #dae3df; }
hr { clear: both; border-top: 1px solid #dae3df; border-right: none; border-left: none; border-bottom: 2px solid #fff; margin: 20px 0; }


/*
=====================================================================
Slider ==============================================================
=====================================================================
*/

#slider { margin: 0 -20px;}

.intro { height: 305px; background: #dae4e3 left center no-repeat; }

.intro .bem-vindo { width: 240px; float: left; text-align: left; padding-left: 20px; padding-right: 20px; }
.intro .bem-vindo h1 { color: #275c56; text-shadow: 2px 2px 2px #b1c4c2; }

.intro .sites { padding: 10px; border: 0 solid red; width: 250px; float: left; }
.intro img.link_sites { margin: 6px 14px 6px 35px; border: 2px solid #2c2e2e; }
.intro img.link_sites:hover { border: 2px solid #b8bcbc; }    
    
.intro .navigation { border: 0 solid red; float: left; width: 40px; height: 305px; margin-left: 25px; }
.intro ul.pagination { margin: 80px 0 0 0; padding: 0; vertical-align: middle; border: 0solid red; float: left; text-align: center; }
.intro ul.pagination li { list-style: none; }
.intro ul.pagination li a { outline: none; display: block; border: 0 solid red; width: 32px; height: 32px; background: url("/img/button_off.png") top center no-repeat; }
.intro ul.pagination li a:hover { outline: none; background: url("/img/button_on.png") top center no-repeat; }
.intro ul.pagination li.active a, .intro ul.pagination li.active a:hover { outline: none; background: url("/img/button_active.png") top center no-repeat; }    
a:active { outline: none; }

.intro .splash { float: right; }


.next, .previous { font-size: 0.8em; clear: both; display: block; visibility: hidden; }

.container { width: 632px; height: 305px; overflow: hidden; position: relative; cursor: pointer; float: right; }
.slides { position: absolute; top: 0; left: 0; }
.slides div { position: absolute; top: 0; width: 632px; display: none; }

#loopedSlider,#newsSlider { margin:0 auto; position:relative; clear:both; }


/*
=====================================================================
Menus ===============================================================
=====================================================================
*/

#menu { color: #fff; background: #165a55; padding: 7px 14px; margin-bottom: 20px; }
#menu a { color: #fff; margin-right: 30px; font-weight: bold; }
#menu a:hover { color: #f3df00; text-decoration: none; }
#menu a.texto { margin: 0; padding: 0; }

#submenu { width: 230px; border: 0 solid red; float: left; background: #e8eaec; padding: 10px; line-height: 2em;  }
#submenu a { display: block; }
#submenu a:hover { text-decoration: none; }
#submenu a strong { font-size: 1.3em; background-color: #5b9d96; color: #fff; padding: 0 8px;
-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;  }

#submenu a:hover strong { background: #ffa800; }




#submenu .menu_off { font-size: 1.3em; background-color: #5b9d96; color: #fff; padding: 0 8px;
-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;  }
/*
=====================================================================
Blocos ==============================================================
=====================================================================
*/

#topo img.logo { margin-bottom: 10px; }
#topo form#login { float: right; }
#topo form#login td { padding-left: 10px; }
#topo form#login td.extra { padding-top: 3px; font-size: 0.9em; text-align: right; }

#topo .logado { float: right; text-align: right; }

.bloco50 { width: 46%; border: 0 solid red; padding-right: 30px; vertical-align: top; }
.bloco60 { width: 60%; border: 0 solid red; padding-right: 30px; vertical-align: top; }
.bloco30 { width: 30%; border: 0 solid red; padding-right: 30px; vertical-align: top; }
.bloco_esquerda { float: left; }
.bloco_direita { float: right; }

.caixa100 { margin-top: 20px; margin-bottom: 20px; width: 90%; border: 0 solid red; padding: 0 20px 10px 20px; background-color: #fff; vertical-align: top; border: 1px solid #e8eaec;
-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

.caixa50 { margin-top: 20px; margin-bottom: 20px; margin-right: 3%; width: 40%; border: 0 solid red; padding: 0 20px 10px 20px; background-color: #fff; vertical-align: top; border: 1px solid #e8eaec;
-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
float: left; }


#painel_interno { margin-left: 280px; border: 0 solid #e0e2e4; }

/*
=====================================================================
Forms ===============================================================
=====================================================================
*/

label { color: #275a55; font-weight: bold; display: block; text-shadow: 2px 2px 2px #dae3df; }
input.campo { padding: 3px 6px; border: 1px solid #dae3df; font-family: Georgia; }
.botao { color: #fff; font-weight: bold; background: #1ab099; border: 2px solid #1ab099; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.botao:hover { border-color: #2bc2ab; background: #2bc2ab; color: #fff; cursor: pointer; }
#frm_contato label { margin: 10px 0 3px 0; }
#contato .campo2 { padding: 3px 6px; border: 1px solid #dae3df; font-family: Georgia; font-size: 1.1em; }


/*
=====================================================================
Tables ==============================================================
=====================================================================
*/

.x100 { width: 99%; }
.x50 { width: 49%; }

table.simples, table.linhas { margin: 20px 0; }

table.simples th { text-transform: uppercase; font-size: 0.85em; color: gray; }
table.simples td { background: #fff; padding: 8px; border: 1px solid #e8eaec; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}

table.linhas th { text-transform: uppercase; font-size: 0.85em; color: gray; border-bottom: 1px solid #e8eaec; text-align: left; }
table.linhas td { background: #fff; padding: 3px 12px; border-bottom: 1px solid #e8eaec; }



/*
=====================================================================
Galeria de fotos na capa ============================================
=====================================================================
*/

ul.galeria { margin: 0; padding: 0; border: 0 solid red; }
ul.galeria li { float: left; list-style: none; margin-right: 30px; width: 205px; }
ul.galeria li img.mini { border-right: 5px solid #dae0e3; border-bottom: 5px solid #dae0e3; }
ul.galeria li img.mini:hover { border-top: 5px solid #f4f5f6; border-left: 5px solid #f4f5f6; border-bottom: none; border-right: none; }
ul.galeria li img.botao_imagem_link, .botao_imagem_link { border: none; padding-bottom: 3px; }
.botao_imagem_link:hover { padding-top: 3px; padding-bottom: 0; border: none; }

/*
=====================================================================
Galeria de fotos interna ============================================
=====================================================================
*/

ul.galeria li.item_galeria { vertical-align: top; }
ul.galeria li.item_galeria img { border-right: 5px solid #dae0e3; border-bottom: 5px solid #dae0e3; border-top: none; border-left: none; margin-top: 20px;}
ul.galeria li.item_galeria img:hover { border-top: 5px solid #f4f5f6; border-left: 5px solid #f4f5f6; border-bottom: none; border-right: none; }
ul.galeria li.item_galeria .legenda { font-size: 0.85em; text-align: center; color: #999; }


/*
=====================================================================
Retratos avulsos ====================================================
=====================================================================
*/

.retrato { border: 1px solid #ccc; background: #fff; padding: 5px; }
.retrato .legenda { font-size: 0.8em; text-align: center; }
.retrato_esquerda { float: left; margin-right: 10px; margin-bottom: 10px; }
.retrato_direita { float: right; margin-left: 10px; margin-bottom: 10px; }
.retrato_centro { clear: both; margin: 10px auto; }
.retrato_centro img { margin: auto; }

/*
=====================================================================
Rodape ==============================================================
=====================================================================
*/

#rodape { color: #999; }
#rodape img { display: inline; float: left; }
#rodape .creditos { margin-left: 30px; float: left }
#rodape .fone { margin-left: 50px; float: left; font-size: 1.3em; line-height: 1.1em; }
#rodape  .producao { font-size: .7em;}

/*
=====================================================================
Clearfix ============================================================
=====================================================================
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Tratamento de erros*/
label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}


input.error {
	border: 1px solid red;
   background-color:#CCFFFF;
	color:black;
}
select.error {
   color:black;
   font-weight:normal;
}
form .valid {
	color:black;
	font-weight:normal;
}
div.error {
	position:absolute;
	margin-top:-21px;
	margin-left:350px;
	border:2px solid #C0C097;
	background-color:#fff;
	color:white;
	padding:3px;
	text-align:left;
	z-index:1;
	color:#333333;
	font:100% arial,helvetica,clean,sans-serif;
	font-size:15px;
	font-weight:bold;  
}

 fieldset.cadastro {
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	padding: 10px;
	margin: 0;
	width:80%;
	margin-left:80px;
	color: #275a55; display: block; text-shadow: 2px 2px 2px #dae3df;
	}
fieldset.cadastro  legend,label	{
	font-weight: bold !important;
}
.anuncio_topo{
	height:90px;
	font-size:9px;
	padding:10px 20px 10px 20px;
	margin:auto;
	width:940px;
	}
#anuncio_super_banner{
	position:absolute;
	margin-left:106px;
	/*background-color:#fff;*/
	width:728px;
	height:90px;
	font-size:11px;
}

#anuncio_banner_h240{
	background-color:#fff;
	width:240px;
	height:60px;
	font-size:11px;
	margin:auto;
	text-align:center;

}

#anuncio_half_banner{
	background-color:#fff;
	width:120px;
	height:60px;
	font-size:11px;
	margin:auto;
	
}

.escondeErro p.mt-2.text-sm.text-negative-600 {
    display: none;
}

div.alert-success {
    width: 715px;
	margin-top:15px;
	margin-left:80px;
	margin-bottom: 25px;
	border:2px solid #C0C097;
	background-color:green;
	color:white;
	padding:15px;
	font-size:15px;
	font-weight:bold;  
}

div.alert-error {
    width: 715px;
	margin-top:15px;
	margin-left:80px;
	margin-bottom: 25px;
	border:2px solid #C0C097;
	background-color:red;
	color:white;
	padding:15px;
	font-size:15px;
	font-weight:bold;  
}