@charset "utf-8";
/* CSS Document */
* {
padding: 0;
margin: 0;
list-style; none;
}
body{
background-color:#E5E5E5;
/*background-image: url("img/bg/bg2.png");
background-repeat: repeat-x;*/
padding: 2px;
}
#tudo{
width: 980px;
margin: 0px auto;
}
#topo{
width: 980px;
height: 150px;
background-image:url("img/topo/topo.png");
background-position: top;
background-repeat: no-repeat;
text-align: center;
margin: 0 auto;
float: left;
}
#logo{
float: left;
width: 260px;
height: 130px;
text-align: center;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 10px;
line-height:130px;
}
#topo-conteudo{
float: right;
width: 680px;
height: 130px;
text-align: center;
margin-left: 0px;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 10px;
}
#menu{
width: 980px;
height: 35px;
float: left;
background-image: url("img/menu/menu.png");
background-repeat: repeat-x;
margin: 0 auto;
}
ul{
list-style-type:none;
}
ul#nav{
width: 980px;
margin: 0 auto;
}
ul#nav li{
position:relative;
float:left;
}
ul#nav li a{
font-size: 20px; 
font-family: Arial, Helvetica, sans-serif; 
text-shadow: 1px 1px 1px #fff;
color:#000;
display:block;
float:left;
padding:0 20px;
height:35px;
line-height:35px;
background-image: url("img/menu/menu.png");
text-decoration:none;
border-right:groove #f00;
}
ul#nav li a:hover{
color: #fff;
text-shadow: 1px 1px 1px #f00;
border-right:groove #f00;

}
ul#nav li ul{
display:none;
position:absolute;
top:35px;
left:0px;
}
ul#nav li:hover ul{
display:block;
}
ul#nav li ul a{
width:120px;
border-bottom:groove #f00;
border-right:none;
}
ul#nav li ul a:hover{
width:120px;
border-bottom:1px solid #f00;
border-right:none;
border-bottom:groove #f00;
}
#conteudo{
margin: auto;
width: 976px;
background-color: #FFF;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2px;
padding-right: 2px;
}
#rodape{
float: left;
width: 980px;
margin: 0px auto;
text-align: center; 
background-color: #FFF;
background-image: url("img/rodape/rodape.png");
background-position: top;
background-repeat: no-repeat;
text-align:center;
}
#box_tudo{
margin: 0 auto; 
width:852px;
height:200px;
/*margin: 10px 29px 10px 15px;*/
text-align:center;
}
#box_empresa{
float:left;
width:280px;
height:200px;
border: solid 1px #666;
/*margin: 10px 15px 10px 29px;*/
background-repeat:repeat-x;
text-align:center;
background-color:#DBDBDB;
}
#box_servicos{
float:left;
width:280px;
height:200px;
border: solid 1px #666;
/*margin: 10px 15px 10px 15px;*/
background-repeat:repeat-x;
text-align:center;
background-color:#DBDBDB;
}
#box_produtos{
float:left;
width:280px;
height:200px;
border: solid 1px #666;
/*margin: 10px 29px 10px 15px;*/
background-repeat:repeat-x;
text-align:center;
background-color:#DBDBDB;
}
h1{
font-family: "Arial Black", Helvetica, sans-serif;
font-size: 20px;
color: #000;
text-align: center;
text-decoration: underline;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
text-align: left;
text-decoration: underline;
}
p{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
text-align: justify;
}
.box{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000;
text-align: justify;
}
.shadow{
text-shadow: 1px 1px 1px #000;
}
.shadowbox{
text-shadow: 1px 1px 1px #fff;
}
.shadowtopo{
text-shadow: 2px 2px 2px #000;
font-size: 50px; 
}
.rodape{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-align:center;
}