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



/* 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%;
}

.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;
}