body {
margin : 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #000;
background : #7fffd4;
text-align : center;
}
#tudo { 
width : 760px;
background : #ccc;
text-align : left;
margin : 0 auto;
position: relative;
bottom: 0;
} 
#topo { 
height : 80px;
background-color : #b5daa2;
} 
#principal { 
width : 760px;
height : 310px;
background-color : #9cf;
float : right;
text-align : right;
overflow: hidden;
} 
#navegacao { 
width : 179px;
background-color : #9cf;
float : left;
margin-bottom : 1px;
text-align : center;
overflow: hidden;
} 
#navegacao * { 
margin-bottom : 1px;
padding : 0 10px;
} 
#rodape { 
clear : both;
height : 20px;
background-color : #b5daa2;
text-align : center;
} 
ul#menutt { 
width : 135px;
position : absolute;
left : -10px;
top : 230px;
list-style : none;
font : bold 14px Arial, Verdana, Serif;

} 
ul#menutt li { 
position : relative;
} 
ul#menutt a { 
width : 135px;
display : block;
text-align : left;
padding : 5px 10px;
margin-bottom : 2px;
text-decoration : underline;
color : #000;
background : #ffff00;
border-left : 10px solid #05a22e;
border-right : 5px solid #05a22e;
border-bottom : 1px solid #17c71c;
voice-family : "\"}\"";
voice-family : inherit;
width : 135px;
} 
* html ul#menutt li { 
float : left;
height : 1%;
} 
* html ul#menutt li a { 
height : 1%;
} 
ul#menutt a:hover { 
color : #fff;
background : #000;
border-right : 5px solid #17c71c;
border-left : 10px solid #17c71c;
border-bottom : 1px solid #17c71c;
} 
ul#menutt a span { 
display : none;
} 
ul#menutt a:hover span { 
display : block;
position : absolute;
top : 0;
left : 180px;
width : 130px;
padding : 5px;
margin-left : 2px;
color : #000;
background : #e0ffff;
font-size : 10px;
font-weight : bold;
text-align : left;
border : 2px solid #ff0000;
} 
ul#menuttdir { 
width : 135px;
float : right;
position : absolute;
left : 540px;
top : 230px;
list-style : none;
font : bold 14px Arial, Verdana, Serif;
} 
ul#menuttdir li { 
position : relative;
} 
ul#menuttdir a { 
width : 135px;
display : block;
text-align : left;
padding : 5px 10px;
margin-bottom : 2px;
text-decoration : underline;
color : #000;
background : #ffff00;
border-left : 10px solid #05a22e;
border-right : 5px solid #05a22e;
border-bottom : 1px solid #17c71c;
voice-family : "\"}\"";
voice-family : inherit;
width : 135px;
} 
* html ul#menuttdir li { 
float : left;
height : 1%;
} 
* html ul#menuttdir li a { 
height : 1%;
} 
ul#menuttdir a:hover { 
color : #fff;
background : #000;
border-right : 5px solid #17c71c;
border-left : 10px solid #17c71c;
border-bottom : 1px solid #17c71c;
} 
ul#menuttdir a span { 
display : none;
} 
ul#menuttdir a:hover span { 
display : block;
position : absolute;
top : 0;
left : -150px;
width : 130px;
padding : 5px;
margin-left : 2px;
color : #000;
background : #e0ffff;
font-size : 10px;
font-weight : bold;
text-align : left;
border : 2px solid #ff0000;
} 

h1 {
text-transform : uppercase;
text-align:center;
color:#ff0000;
font-size:40px;
border:0;
}
h2 { 
font-family : Verdana, Arial, sans;
text-align : center;
font-size : 18px;
font-weight : bold;
background-color : #e6e6ff;
} 
p.titfrase { 
text-transform : uppercase;
font-size : 16px;
font-weight : bold;
} 
p.titnavesquerda {
position : absolute;
left : 50px;
top : 190px; 
text-transform : uppercase;
font-size : 16px;
font-weight : bold;
} 
p.titnavdireita { 
text-transform : uppercase;
font-size : 16px;
font-weight : bold;
position : absolute;
left : 600px;
top : 190px;
}
p.logotwitter { 
text-align : center;} 
p.mudacor { 
text-align : center;
font-size : 18px;
font-weight : bold;
} 
#validar { 
position : relative;
left : -75px;
} 

#data { 
text-align : center;
font-size : 18px;
font-weight : bold;
background-color : #7fffd4;
} 
#tressetas { 
text-align : center;
} 
#imgnavesq { 
position : relative;
left : -15px;
}

#correio { 
position : absolute;
left : 580px;
top : 560px;
float : left;
text-align : center;
} 
 
p.frases:first-letter  {
color: #FF0000;
font-size:xx-large;
font-weight : bold;
}

p.frases1:first-letter  {
color: #FF0000;
font-size:xx-large;
font-weight : bold;
}

p.titfrases {
position : absolute;
top : 835px;
left : 530px; 
font-size:12px;
}


p.frases {
position : absolute;
top : 860px;
left : 530px; 
text-indent:0.5cm; 
font-size:12px;
}

span.pense {
color:#ff0000; 
font-weight: bold;
} 
p.destaque { 
background-color : #e6e6ff;
font-size : 18px;
font-weight : bold;
padding : 2px;
} 
p.benvindo { 
text-align : center;
font-weight : bold;
font-size : 28px;
} 
A:visited { 
color : #ff0080;
} 
A:hover { 
color : #fa8f00;
background-color : #2aec09;
} 
A:link img { 
border-top-style : none;
border-right-style : none;
border-left-style : none;
border-bottom-style : none;
} 

A:visited img { 
border-top-style : none;
border-right-style : none;
border-left-style : none;
border-bottom-style : none;
} 
#validar { 
text-align : right;
position : absolute;
top : 995px;
left : 600px;
} 
#imagemtopcentral { 
position : absolute;
top : 230px;
left : 240px;
} 

#imagembottomcentral { 
position : absolute;
top : 840px;
left : 240px;
} 

#imgdir { 
position : absolute;
left : 528px;
top : 640px;
float : left;
}

#logotipo {
position : absolute;
left : 180px;
top :118px;
}


#todoform {
position : absolute;
left : 182px;
top : 530px;
background-color:#e6e6ff;
font:12px arial, verdana, helvetica, sans-serif;
border-top:8px solid #cffccc;
border-left:8px solid #cffccc;
border-right:8px solid #696969;
border-bottom:8px solid #696969;
border-collapse:collapse;
color:#000000;
font-weight: bold;
}
#todoform th {
background-color:#ffe4b5;
padding:3px;
font: bold 15px arial, verdana, helvetica, sans-serif;
border-bottom:1px solid #ff9900;
text-align : center;
}
#todoform td {
padding:1px;
}
#todoform input {
background-color:#ffffff;
border:2px solid #ff9900;
}
#todoform textarea {
border:2px solid #ff9900;
background-color:#ffffff;
}
#todoform input.botao {
background-color:#000000;
color:#ffffff;
border:2px solid #ffffff;
}
p.obrigado {
font:18px arial, verdana, helvetica, sans-serif;
font-weight: bold;
}
p.linkvoltar {
font:16px arial, verdana, helvetica, sans-serif;
font-weight: bold;
}

a {color:#333; text-decoration:underline}
a:hover {color:#000; text-decoration:none}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#00c;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}



#boxes #dialog2 {
  background:url(notice.png) no-repeat 0 0 transparent; 
  width:320px; 
  height:160px;
  padding:40px 0 20px 45px;
}
.close{display:block; text-align:right;}