/* Principal */

div.caixote {
width: 90%;
margin-left: 5%;
padding: 1em;
line-height: 1.5;
background-color: #fff;
font-family: sans-serif;
color: #666;
}

div.topo {
text-align: center;
color: #0cf;
background-color: #cff;
display: block;
clear: both;
font-size: 2em;
font-weight: bolder;
padding: 0.5em;
}

div.menu {
font-size: 0.8em;
font-weight: bold;
padding: 1em;
width: 9em;
float:left;
}

div.miolos {
text-align: justify;
text-indent: 2em;
white-space: normal;
padding: 1em;
width: 45em;
float: left;
}

div.news {
border: 0.1em dashed #ccc;
background-color: #cfc;
}

.code {
padding: 1em;
border: 0.1em dashed #ccc;
background-color: #cff;
color: #000;
font-weight: normal;
white-space: pre;
}

table {
border: 0;
}

.light {
font-weight: lighter;
}

div.rodape {
clear: both;
padding: 1em;
display: block;
font-size: 0.8em;
text-align: center;
}

span.subd {
display: block;
text-align: center;
color: #fff;
background-color: #ccc;
font-size: 1.25em;
}

ul {
list-style-type: none;
margin: 0em;
padding: 0.5em;
}

/* estilos usados em listas e links em todo o site */
ul li.zebra1 {
margin-left:3em;
list-style-type: circle;
background-color: #fff;
}

span.italics {
font-style: italic;
}

span.destaque {
font-weight: bold;
}

/*
ul li.zebra2 {
margin-left:5em;
list-style-type: square;
background-color: #fff;
}
*/

/* classe 1 é usada para links estáticos, que fazem parte de estruturas, como seções, links, contatos, etc...*/
a.one:link {
color: #0cf;
text-decoration: none;
}

a.one:visited {
color: #666;
text-decoration: none;
}

a.one:hover {
display: block;
text-decoration: none;
background-color: #cff;
color: #666;
}
/* a classe 2 é usada dentro dos textos */
a.two:link {
color: #0cf;
text-decoration: none;
}

a.two:visited {
color: #600;
text-decoration: none;
}

a.two:hover {
text-decoration: underline;
}
/* Fim do principal */