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

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

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: 15px;}
body {color: #ffffe0;}
body {font-family: Ubuntu, Arial, Verdana, Sans-Serif, Serif;}
body {background-color: #5f005d;}
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: #5f005d;
float: center;
text-align: center;
font-size: 16px;
font-family: Ubuntu, Arial, Verdana, Sans-Serif, Serif;
}
 /* fim config do div geral*/

/* config do div capa*/
#capa
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 42px;
padding-bottom: 0px;
width:auto;
max width:100%;
background-color: #444;
text-align: center;
font-size: 16px;
color: #ffffe0;}

/* config do div topo*/
#topo
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 0px;
padding-bottom: 0px;
width:auto;
max width:100%;
background-color: #5f005d;
text-align: center;
font-size: 16px;
color: #ffffe0;}


/* config do div topo2*/
#topo2
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 13px;
width:100%;
background-color: #5f005d;
float: center;
text-align: cjustify;
font-size: 15px;
color: #ffffe0;}


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

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

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

#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: #5f005d;
display: inline;
text-align: justify;
font-size: 15px;
color: #ffffe0;}

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

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

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

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

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

.informes{
    background: #444;
    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: #000;
display: inline-block;
text-align: center;
font-size: 14px;
color: #ffffe0;
}

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

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

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

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