a:link {text-decoration: none;color: #000}
a:active {text-decoration: none;}
a:visited {text-decoration: none;color: #000}
a:hover {text-decoration: none;color: #132400}

h2 {font-size: 16px;}
h2 {font-style: normal;}
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 da pagina*/

body {font-style: normal;}
body {font-weight: normal;}
body {font-size: 16px;}
body {color: #18365b;}
body {font-family: Ubuntu, Arial, Verdana, Sans-Serif, Serif;}
body {background-color: #fff;}
body {padding-top: 0px;}
body {padding-left: 0px;}
body {margin-top: 0px;}
body {margin-bottom: 0px;}
body {margin-left: 0px;}
body {margin-right: 0px;}
body {text-align: center;}
 /* fim da config da pagina*/

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

/* config do div topo*/
#topo
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 10px;
padding-bottom: 0px;
width:auto;
background-color: #fff;
display: inline;
text-align: center;
font-size: 16px;
color: #18365b;}

/* config do div topo2*/
#topo2
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 0px;
padding-bottom: 0px;
width:100%;
background-color: #cf1818;
float: center;
text-align: center;
font-size: 16px;
color: #18365b;}

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

/* config do div topo4*/
#topo4
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 0px;
padding-bottom: 0px;
width:100%;
background-color: #fff;
float: center;
text-align: center;
font-size: 14px;
color: #18365b;}


#logo{
display: inline-block;
float: center;
width: 340px;
vertical-align: top;
}

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

#titulo{
display: inline-block;
float: center;
width: 340px;
vertical-align: top;
text-align: center;
}

#calendar{
display: inline-block;
float: center;
width: 340px;
text-align: center;
vertical-align: top;
} 

.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:#cf1818;
    	color: #ffffe0;
    	text-decoration: none;
    }
.menu ul li a:hover {
    	background-color:#ffffe0;
    	color: #4a6a5a;
    }

.menu {
    background: #cf1818;
    padding: 5px;
    text-align: center;
    margin: 2px 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:#cf1818;
    	color: #ffffe0;
    	text-decoration: none;
    }
.menu ul li a:hover {
    	background-color:#ffffe0;
    	color: #cf1818;
    }

#fotos{
display: inline;
float: center;
width: auto;
text-align: center;
} 

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

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

#service2{
display: inline-block;
width: 300px;
float: center;
text-align: center;
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: center;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}

#anuncios{
display: inline-block;
width: 90%;
max-width: 1200px;
float: center;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}

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

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

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

#valores{
display: inline-block;
width: auto;
max-width: 100%;
float: center;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}

#forms{
display: inline;
width: auto;
max-width: 444px;
float: center;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
}

/* config do rodape*/
#rodape
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 10px;
padding-bottom: 0px;
width:100%;
background-color: #18365b;
display: inline-block;
text-align: center;
font-size: 14px;
color: #ffffe0;
max-height:500px;}

#rodape1
{
display: inline-block;
width: 330px;
float: center;
text-align: center;
padding-top: 5px;
padding-right: 15px;
padding-left: 10px;
vertical-align: top;
color: #ffffe0;
}

#rodape2{
display: inline-block;
width: 330px;
float: center;
text-align: center;
padding-top: 5px;
padding-right: 15px;
padding-left: 10px;
vertical-align: top;
color: #ffffe0;
}

#rodape3{
display: inline-block;
width: 330px;
float: center;
text-align: center;
padding-top: 5px;
padding-right: 15px;
padding-left: 10px;
vertical-align: top;
color: #ffffe0;
}

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