/* classes de elementos principais */
* { margin: 0; padding: 0; }
body { background-color: #eff2f3; text-align: center; font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; }

/* titulo */
h1 { margin: 0 0 20px 0; padding: 5px 10px 5px 0; color: #5F9EA0; font-size: 230%; }
h2 { margin: 20px 0 10px 0; padding: 5px 10px 5px 0; color: #5F9EA0; font-size: 160%; }
h3 { margin: 10px 0 10px 0; padding: 5px 10px 5px 0; color: #367; font-size: 120%; }
h4 { margin: 10px 0 10px 0; padding: 5px 10px 5px 0; color: #367; font-size: 100%; }
h5 { margin: 0 0 5px 0; padding: 3px; width: 100%; background-color: #79a; color: #fff; font-size: 100%; font-weight: bold; text-transform: capitalize; }
div > h5 { width: 166px; } /* hack pro IE */
.centro { text-align: center; }

/* texto */
p { margin: 0 3em 0.4em 0; text-indent: 1.5em; text-align: justify;}
small { font-size: 85%; }
label { font-weight: bold; }
.verde { color: #008000; }
.comentario { display: block; margin: 0 0 10px 0; color: red; }
.erro { display: block; margin: 25px 0 10px 0; color: red; font-weight: bold; }
.destaque { color: red; text-transform: uppercase; }
.nota { margin: 10px 30px 10px 30px; color: red; text-indent: 0; }
.especial { margin: 20px 0 10px 0; text-indent: 0; }

/* links */
a { color: #70c; text-decoration: none; }
a:hover { color: #05a; }
.orientacao { color: #008B8B; }
.orientacao:hover { color: #5F9EA0; }

/* formulario */
legend { text-transform: capitalize; }
option { padding: 0 3px 0 3px; }
input, textarea, select { padding: 1px; border: 1px solid #000; font-family: verdana, tahoma, arial, sans-serif; font-size: 100%; }
textarea { overflow: auto; }
.readonly { padding-left: 5px; background-color: transparent; border: none; }
.semborda { border: none; }
.botao { display: block; padding: 1px 3px 1px 3px; border: 1px solid #bee; background-color: #bee; }
.botao:hover { background-color: #F0F8FF; border: 1px solid #000; cursor: hand; }
.inline { display: inline; }

/* outros elementos */
img { border: 0; }
br { clear: left; }