/* -------------------------------------------------------------- 
   
   typography.css
   * Definir formata��o do texto
   
-------------------------------------------------------------- */
html { font-size:100.01%; }
body { 
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:75%; /* 100% corresponde a 16px, logo 75% corresponde a 12px. */
  color:#222; 
  background:#fff;
}


/* Titulos
-------------------------------------------------------------- */
h2,h3,h4,h5,h6 { font-weight:normal; }

h1 { } /* Utilizar apenas para identificar o logotipo do site. */ 
h2 { font-size:1.7em; } /* Utilizar no titulo da seccao. */
h3 { font-size:1.3em; } /* Utilizar em sub-t�tulos. (ex: T�tulo de uma not�cia) */
h4 { font-size:1.1em; }
h5 { font-size:1em; }
h6 { font-size:1em; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }

/* Elementos do Texto
-------------------------------------------------------------- */
p { margin:0 0 1.5em; }
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus, a:hover { color:#83cbf3;}
a, a:visited { color:#59A4CE; text-decoration:none; cursor:pointer;}

blockquote { margin:1.5em; color:#666; font-style:italic; }
strong,dfn { font-weight:bold; }
em,dfn { font-style:italic; }
sup, sub {line-height:0; }

abbr,
 acronym { border-bottom:1px dotted #666;}
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }

pre { margin:1.5em 0; white-space:pre; }
pre,code,tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}

/* Listas
-------------------------------------------------------------- */
li ul, li ol { margin:0; }
ul, ol { margin:0 1.5em 1.5em 1.5em; padding-left: 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }

/* Tabelas
-------------------------------------------------------------- */
table { margin-bottom:1.4em;width:100%; }
th { font-weight: bold;} 
thead th { background:#c3d9ff; }
th, td, caption { padding:4px 10px 4px 5px; }
/* Código para criar linhas de cores diferentes. Aplicar class even a cada tr */
tbody tr:nth-child(even) td, 
	tbody tr.even td  { background: #e5ecf9; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#eee; }


/* Extras
-------------------------------------------------------------- */
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }

.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }

.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

