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

body{
margin:0px;
background:url(img/bg.gif) repeat-x;
background-color:#FFF;
}

#alinha{
margin:auto;
width:840px;
}

#corpo{
margin:0px;
float:left;
position:relative;
width:840px;
height:auto;
}

#topo{
background:url(img/topo.gif) repeat-x bottom left;
width:840px;
height:127px;
position:relative;
margin:0px;
float:left;
}

#topo h1{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
margin:40px 70px 42px 298px;
font-size:16px;
text-align:center;
}

#menu{
width:820px;
height:50px;
position:relative;
margin:0px;
float:left;
padding:0px 10px 0px 0px;
}

#menu p{
font-family:Arial, Helvetica, sans-serif;
color:#0077b0;
font-size:14px;
position:relative;
float:left;
font-style:normal;
margin:12px 0px 0px 10px;
}

#menu p a{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
position:relative;
float:left;
font-style:normal;
text-decoration:none;
background-color:#0077b0;
padding:2px;
}

#menu p a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
position:relative;
float:left;
font-style:normal;
background-color:#0077b0;
padding:2px;
}

#menu h2{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:14px;
position:relative;
float:left;
margin-left:30px;
}

#menu h2 a{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
position:relative;
float:left;
text-decoration:none;
background-color:#666;
padding:2px;
}

#menu h2 a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:14px;
position:relative;
float:left;
background-color:#0077b0;
}

#banner{
width:840px;
height:260px;
position:relative;
margin:0px;
float:left;
}

#conteudo{
width:840px;
height:auto;
position:relative;
float:left;
margin:0px;
}

#barra{
width:820px;
position:relative;
float:left;
background:#fff;
border: dashed 3px #ccc;
margin:10px 0px 0px 0px;
-moz-border-radius: 12px;      
-webkit-border-radius: 12px;
padding:7px;
}

#barra img{
float:left;
position:relative;
margin:10px 30px 0px 7px;
}

#barra p{
float:left;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
color:#767676;
margin:10px 0px 0px 0px;
width:670px;
}

#barra p a{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
color:#666;
text-decoration:underline;
}

#barra p a:hover{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
text-align:justify;
background-color:#0077b0;
text-decoration:none;
}


#barra h1{
float:left;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background:#666;
color:#FFF;
margin:10px 0px 0px 0px;
padding:4px 2px 4px 2px;
}

#rodape{
background:url(img/rodape.gif);
width:840px;
height:90px;
position:relative;
float:left;
margin:10px 0px 10px 0px;
}

#formulario{
position:relative;
float:left;
width:720px;
margin-left:100px;
}

#formulario p{
position:relative;
float:left;
width:auto;
}

#barra_obrigado{
width:820px;
position:relative;
float:left;
background:#666;
border: dashed 3px #fff;
margin:10px 0px 0px 0px;
-moz-border-radius: 12px;      
-webkit-border-radius: 12px;
padding:7px;
}

#barra_obrigado p{
float:left;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
font-weight:bold;
color:#FFF;
margin:10px 0px 0px 0px;
width:820px;
}