@charset "utf-8";
/* CSS Document */


body {
	margin: 0;

}
a#linkExplicativo{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-size: 0.8em;
font-weight:bold;
text-decoration:none;
margin-top: -15px;
}
img{
border: none;
}
*{
outline: none;
}
#container01{
width: 1000px;
margin-left:auto;
margin-right:auto;
}
#container02{
width: 980px;
float:left;
}
#sombraEsquerda{
width: 10px;
height: 1050px;
_height: 1080px;
float:left;
background-image:url(imagem/sombraEsquerda.jpg);
background-repeat:repeat-y;
}
#sombraDireita{
width: 10px;
height: 1050px;
_height: 1080px;
float:left;
background-image:url(imagem/sombraDireita.jpg);
background-repeat:repeat-y;
}
/*Começa o topo*/
#topoContainer{
width: 980px;
height: 140px;
float:left;
}
#cantoEsquerdo{
width: 30px;
height: 140px;
float:left;
background-image:url(imagem/cantoEsquerdo.png);
}
#meioTopoContainer{
width: 920px;
height: 140px;
background-image:url(imagem/meio.png);
background-repeat:repeat-x;
float:left;
}
#cantoDireito{
width: 30px;
height: 140px;
float:left;
background-image:url(imagem/cantoDireito.png);
}
#meioTopo01{
width: 920px;
height: 100px;
float:left;
background-image:url(imagem/logo.png);
background-repeat:no-repeat;
}
#meioTopo02{
width: 920px;
height: 40px;
float:left;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color:#FFFFFF;
float:right;
margin-top: 15px;
}

ul#menu{
list-style: none;
float:right;
margin-top: 70px;
}
ul#menu li{
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin-left: 20px;
}
/*Termina o topo*/
#banner{
width: 980px;
height: 200px;
background-image:url(imagem/banner.jpg);
float:left;
}
#ladoA{
width: 650px;
height: 380px;
float:left;
}
#ladoB{
width: 650px;
height: 300px;
float:left;
}
#ladoC{
width: 330px;
_width: 300px;
background-image:url(imagem/fundoConteudo.jpg);
background-repeat:repeat-x;
height: 500px;
float:left;
}
#ladoAB{
float:left;
width: 650px;
background-image:url(imagem/fundoConteudo.jpg);
background-repeat:repeat-x;
}
h2#trabalhos{
width: 650px;
height: 40px;
margin-top: 20px;
margin-left: 20px;
_margin-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #FFFFFF;
padding-top: 10px;
padding-left: 10px;
background-image:url(imagem/headerTrabalhos.png);
background-repeat:no-repeat;
float:left;
}
h2#servicos{
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color: #FFFFFF;
padding-top: 0px;
*padding-top: 10px;
padding-left: 10px;
}
#header{
width: 280px;
height: 40px;
float:left;
background-image:url(imagem/header.png);
background-repeat:no-repeat;
margin-top: 20px;
margin-left: 30px;
_margin-left: 0px;
}
#corpoHeader{
width: 278px;
_width: 278px;
height: 150px;
_height: 160px;
float:left;
margin-left: 30px;
_margin-left: 0px;
background-image:url(imagem/corpo.png);
border-left: 1px solid #DCE2E7;
border-right: 1px solid #DCE2E7;
}
#trabalhosContainer{
width: 623px;
height: 320px;
border: 1px solid #DCE2E7;
float:left;
margin-left: 20px;
margin-top: -23px;
*margin-top: -10px;
_margin-left: 10px;
}
#contatoContainer{
width: 623px;
height: 215px;
border: 1px solid #DCE2E7;
float:left;
margin-left: 20px;
margin-top: -23px;
*margin-top: -10px;
_margin-left: 10px;
}
ul#works{
list-style: none;
margin-left: -40px;
*margin-left: 0px;
*margin-top: 10px;
_margin-left: -80px;
}
ul#works li{
display: block;
width: 180px;
height: 120px;
_height: 50px;
float:left;
margin-left: 20px;
margin-bottom: 20px;
border: 1px solid  #DCE2E7;
background-color:#333333;
}
ul#listaServicos{
list-style:none;
margin-left: -20px;
*margin-left: 10px;
*margin-top: 10px;
}
ul#listaServicos li{
	font-size: 0.8em;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	text-align:justify;
	width: 230px;
	_width: 218px;
}
li#topic01{
	background-image: url(imagem/iconeEstrela.gif);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 200px;
	
	font-size: 1.2em;
	color:#333333;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;
	line-height: 40px;
}
li#topic02{
	background-image: url(imagem/iconeLampada.gif);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 200px;
	
	
	font-size: 1.2em;
	color:#333333;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;
	line-height: 40px;
}
li#topic03{
	background-image: url(imagem/iconeMail.gif);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 200px;
	
	
	font-size: 1.2em;
	color:#333333;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;
	line-height: 40px;
}
li#topic04{
	background-image: url(imagem/iconeVarinha.gif);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 200px;
	
	
	font-size: 1.2em;
	color:#333333;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;
	line-height: 40px;
}
li#topic05{
	background-image: url(imagem/iconeCarta.gif);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 200px;
	
	
	font-size: 1.2em;
	color:#333333;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;
	line-height: 40px;
}
li#topic06{
	background-image: url(imagem/iconeGrampo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 200px;
	
	
	font-size: 1.2em;
	color:#333333;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;
	line-height: 40px;
}
.noLink{
text-decoration:none;
color:#333333;
}
/*Página Contato*/
ul#endereco{
list-style: none;
float: left;
width: 200px;
height: 280px;
padding-left: 10px;
*padding-left: 0px;
*margin-left: -20px;
border-left: 1px solid #999999;
margin-top: 10px;
}
ul#endereco li{
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
margin-left: 10px;
color:#333333;
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
margin-top: 5px;
margin-left: 10px;
}
label{
font-size: 0.8em;
font-family:Arial, Helvetica, sans-serif;
}
ul#envioFormulario{
list-style: none;
width: 180px;
height: 250px;
margin-left: -30px;
*margin-left: 10px;
float:left;
}
ul#envioFormulario li{
width: 150px;
*width: 180px;
margin-bottom: 5px;
}

/*Termina Página Contato*/
/*rodape*/
#rodape{
width: 980px;
height: 30px;
background-color:#333333;
float:left;
}
h1#rodapeDireitos{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#FFFFFF;
float:right;
margin-top: 5px;
margin-right: 10px;
}
/*Explicativos*/

.explicativo{
color:#333333;
text-align:left;
float:left;
width: 600px;
border-bottom: 2px solid #000000;
}
ul#listasExplicativo{
list-style:none;
margin-left: -30px;
*margin-left: 10px;
_margin-left: -40px;
}
ul#listasExplicativo li{
width: 600px;
text-align:left;
float:left;
}
li#cinza{
width: 600px;
height: 80px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#333333;
}
#explicativoWeb{
width: 623px;
height: 500px;
*height: 450px;
border: 1px solid #DCE2E7;
float:left;
margin-left: 20px;
margin-top: -23px;
*margin-top: -10px;
_margin-left: 10px;
}
#ladoAExplicativo{
width: 650px;
height: 550px;
*height: 520px;
float:left;
}
#sombraEsquerdaweb{
width: 10px;
height: 1215px;
*height: 1190px;
_height: 1240px;
float:left;
background-image:url(imagem/sombraEsquerda.jpg);
background-repeat:repeat-y;
}
#sombraDireitaweb{
width: 10px;
height: 1215px;
*height: 1190px;
_height: 1240px;
float:left;
background-image:url(imagem/sombraDireita.jpg);
background-repeat:repeat-y;
}