/* Para o CSS funcionar é importantissimo o Doctype */

body {
	background:#99ae6a url("../images/degrade.jpg") top left repeat-x fixed; 
	padding: 0;
	width: 750px;
	margin: 0 auto;
}

/* Centraliza a imagem e para aparecer a altura minima deve ser de 80px */
#topo {
	background-color: #3f4446;
	background-image: url(../images/acertcomp.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 80px;
	height: 80px;
}

/* Seção do menu */

#menu-container {
width: 750px;
background:gray;
}

#menu {
background:gray;
display:table;
margin: 0px auto;
}

#menu ul {
list-style:none;
padding:0px;
margin: 0px auto;
}

#menu ul li {
display:inline;
}

#menu ul li a {
font:13px verdana, arial, tahoma, sans-serif;
color:#000;
background:gray;
text-decoration:none;
float:left;
padding:5px 10px;
margin-left:1px;
}

#menu ul li a:hover {
color:orange;
background:#000;
}

/* Seção do Conteudo */

#manutencao {
	/* background-color:#3f4446; */
	background-color:#fff;
	width: 375px;
	min-height: 200px;
	height: 200px;
	float: left;
	/* background-image: url(images/manutencao.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
}	

#manutencao table {
height:100%;
width:100%
}

#manutencao table tr td {
text-align:center;
}

#manutencao a {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/manutencao.jpg);
background-repeat: no-repeat;
background-position: center center;

}

#manutencao a:hover {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/manutencaoh.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#hospedagem {
	/* background-color:#3f4446; */
	background-color:#fff;
	width: 375px;
	min-height: 200px;
	height: 200px;
	float: left;
	/* background-image: url(images/hospedagem.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
}	

#hospedagem table {
height:100%;
width:100%
}

#hospedagem table tr td {
text-align:center;
}

#hospedagem a {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/hospedagem.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#hospedagem a:hover {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/hospedagemh.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#redes {
	/* background-color:#3f4446; */
	background-color:#fff;
	width: 375px;
	min-height: 200px;
	height: 200px;
	float: left;
	/* background-image: url(images/redes.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
}	

#redes table {
height:100%;
width:100%
}

#redes table tr td {
text-align:center;
}

#redes a {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/redes.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#redes a:hover {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/redesh.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#sistema {
	/* background-color:#3f4446; */
	background-color:#fff;
	width: 375px;
	min-height: 200px;
	height: 200px;
	float: left;
	/* background-image: url(images/sistemas.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
}

#sistema table {
height:100%;
width:100%
}

#sistema table tr td {
text-align:center;
}

#sistema a {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/sistemas.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#sistema a:hover {
display:block;
width:375px;
height:200px;
min-height:200px;
background-image: url(../images/sistemash.jpg);
background-repeat: no-repeat;
background-position: center center;
}

#rodape {
background-color:#3f4446;
width: 750px;
min-height: 20px;
height: 20px;
float: left;
background-image: url(../images/acertcomp_rp.jpg);
background-repeat: no-repeat;
background-position: center right;
}

#rodape a img {
border: 0px;
}

#conteudo {
width:710px;
min-height:508px;
background-color:white;
margin:0px;
padding:20px;
}


#conteudo h1 {
font:25px verdana, arial, tahoma, sans-serif;
font-style:bold;
color:#000;
text-decoration:none;
}

#conteudo h2 {
font:18px verdana, arial, tahoma, sans-serif;
font-style:bold;
color:#000;
text-decoration:none;
text-align:center;
}

#conteudo p {
font:13px verdana, arial, tahoma, sans-serif;
color:#000;
text-decoration:none;
text-align:center;
}

#conteudo p img {
text-align:center;
}

#conteudo img.manutencao {
float:left;
margin:40px;

}

#conteudo img.web {
float:right;
margin-top:40px;
}

#conteudo ul {
/*list-style:none;*/
font:15px verdana, arial, tahoma, sans-serif;
color:#000;
line-height:20px;
background:gray;
}

#conteudo ul li a {
font:13px verdana, arial, tahoma, sans-serif;
color:#000;
/*background:gray;*/
text-decoration:none;
height:30px;
padding:5px 10px;
margin-left:1px;
}

#conteudo ul li a:hover {
color:orange;
background:#000;
}