/* reset básico */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

h1 {font-size: 1.6em;}
h1 {font-style: italic;}
h1 {font-weight: normal;}
h2 {font-size: 1.3em;}
h2 {font-style: italic;}
h2 {font-weight: normal;}
h3 {font-size: 14	px;}
h3 {font-style: normal;}
h3 {font-weight: normal;}
h4 {font-size: 11px;}
h4 {font-style: normal;}
h4 {font-weight: normal;}
	


/* config do div geral*/
#geral
{margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
border: none;
width: 100%;
background-color: #ffffe0;
float: center;
text-align: center;
font-size: 16px;
font-family: Ubuntu, Arial, Verdana, Sans-Serif, Serif;
}
 /* fim config do div geral*/6/***02332233

/* conteiner */
.container  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 
0px;
}
    

/* linha */
.row {
    margin-left: -5px;
    margin-right: -5px;
}
    .row:before,
    .row:after {
        content: "";
        display: table;
    }
    .row:after {
        clear: both;
    }

/* colunas */
.col {
    display: inline-block;
    vertical-align: top;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    margin-right: -4px;
    *zoom: 1;
    *display: inline;

}
    /* duas colunas */
    @media (min-width: 480px) {
        .col-2 {
            width: 50%;

        }
    }

/* config do div topofixo*/
.topofixo
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 3px;
padding-bottom: 0px;
width:100%;
background-color: #630;
float: center;
text-align: center;
font-size: 16px;
color: #ffffe0;}
 /* fim config do div topofixo*/

.titulo {
    background: #ffffe0;
    padding: 0 15px;
    text-align: left;
    margin: 2px 0;
    color: #630;
    max-width: 100%;
}

.logo {
    background: #ffffe0;
    padding: 5px;
    text-align: right;
    margin: 2px 0;
    color: #630;
    max-width: 100%;
}

#campoBusca {
  width: 72%;         /* Largura do campo */
  height: 40px;         /* Altura do campo */
  padding: 10px;        /* Espaçamento interno */
  font-size: 16px;      /* Tamanho da fonte */
  border: 1px solid #963; /* Borda marron padrão do site */
  border-radius: 5px;   /* Cantos levemente arredondados */
}

/* Estilo para o botão de busca */
#formBusca button {
  height: 40px;
  padding: 0 20px;
  background-color: #630; /* Cor de fundo */
  color: #ffffe0;           /* Cor do texto padrão do site */
  border: none;
  border-radius: 5px;
  cursor: pointer;        /* Muda o cursor para indicar que é clicável */
}

/* Ajuste para quando o usuário clicar no campo */
#campoBusca:focus {
  outline: none;           /* Remove a borda azul padrão do navegador */
  border-color: #630;   /* Muda a cor da borda para azul */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Adiciona uma sombra suave */
}

.publicidade {
    background: #ffffe0;
    padding: 5px;
    text-align: center;
    margin: 2px 0;
    color: #630;
}

.menu {
    background: #630;
    padding: 0px;
    text-align: center;
    margin: 0px 0;
    color: #ffffe0;
}
.menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.menu ul li
 { display: inline; 
}
.menu ul li a {
    	padding: 2px 24px;
    	display: inline-block;
     
    	/* visual do link */
    	background-color:#630;
    	color: #ffffe0;
    	text-decoration: none;
    }
.menu ul li a:hover {
    	background-color:#630;
    	color: #f60;
    }

/* config do div topocapa*/
.topocapa
{margin-top: -20px;
margin-bottom: 0px;
border: none;
padding-top: 0px;
padding-bottom: 0px;
background-image: url("../imgs/praia-da-freguesia2.jpg");
background-repeat: no-repeat;
background-size: cover;
width:100%;
float: center;
text-align: left;
font-size: 14px;
color: #ffffe0;}
 /* fim config do div topocapa*/

/* config do div topo3*/
#topo3
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 6px;
padding-bottom: 6px;
width:100%;
background-color: #630;
float: center;
text-align: center;
font-size: 13px;
color: #ffffe0;}

.conteudo{
    background: #630;
    padding: 1px;
    text-align: center;
    margin: 10px 10;
    color: #630;
    max-width: 100%;
}

.cadastros{
    background: #ffffe0;
    padding: 20px;
    text-align: justify;
    margin: 2px 0;
    color: #630;
    max-width: 100%;
}

/* config do div service*/
#service
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 12px;
padding-bottom: 0px;
width:auto;
max-width: 100%;
background-color: #ffffe0;
display: inline;
text-align: justify;
font-size: 14px;
color: #663300;}

/* config do div texto*/
#texto{
display: inline-block;
width: auto;
max-width: 96%;
float: center;
text-align: left;
padding-right: 14px;
padding-left: 5px;
vertical-align: top;
}

#service1{
display: inline-block;
width: 300px;
float: center;
text-align: left;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}

#service2{
display: inline-block;
width: 300px;
float: center;
text-align: left;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}

#service3{
display: inline-block;
width: 300px;
float: center;
text-align: Left;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}

#service4{
display: inline-block;
width: 300px;
float: center;
text-align: left;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}



.rodape{
    background: #000;
    padding: 0px;
    text-align: center;
    margin: 0 0;
    color: #ffffe0;
	max-width: 100%; 
}

.menu2 {
    background: #000;
    padding: 5px;
    text-align: center;
    margin: 2px 0;
    color: #ffffe0;
}

.rodape1 {
    background: #000;
    padding: 0 15px;
    text-align: center;
    margin: 5px 0;
    color: #ffffe0;
    max-width: 468px;
}

.rodape2 {
    background: #000;
    padding: 0 15px;
    text-align: center;
    margin: 5px 0;
    color: #ffffe0;
    max-width: 468px;
}



img{
	max-width:100%;
	height:auto;
}

/* USAR APENAS PARA DEMOSTRAÇÂO */


.big {
    height: 50px;
}