/* 
##############################

base.css é responsavel por realizar um CSS reset em todos os elementos da pagina,
e adicionar algumas regras e classes. Se algum elemento estiver aparecendo sem
formatação, este documento eh o culpado.

##############################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.tcen {
	text-align: center;
}
.tdir {
	text-align: right;
}
.tesq {
	text-align: left;
}
.tjus {
	text-align: justify;
}
/*
 elementos flutuantes
*/

.fleft {
 float: left;
}
.fright {
 float: right;
}

/* evitando que elementos flutuantes vazem para fora dos seus containers */

br.clear {
 clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* esta classe contem todos os atributos em comum em todos os elementos que possuem o efeito de imagem replacement */
.IR {	
   background-repeat: no-repeat;
   display: block;
   height: 0;
   overflow: hidden;
}
input.IR {
    border: none;
    content: ""; /* opera */
    display: inline-block; /* opera */
    line-height: 0; /* ie */
    text-indent: -9999px;
}

/*
##############

Redefinicoes de elementos

###############
*/

ol,ul {
	margin: 10px 0 10px 25px;
}
ul li {
	list-style: disc;
}
p {
	margin: 10px 0;
}
h2, h3, h4, h5, h6 {
	margin: 15px 0;
}

/*
#####################

formatacoes basicas de menu

#####################
*/

.menu ul, .links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --- links --- */

/* links sao menus utilizados especificamente para algum bloco de conteudo, como por exemplo, uma lista de opcoes para uma noticia */

.links ul li {
	display: inline;
}

/*  --- */

/* --- paginacao --- */

/* a paginacao deve ser utilizada em listagens subdivididas em paginas */

.paginacao li a {
	text-decoration: none;
	padding: 5px;
}
.paginacao li a:hover {
	padding: 4px;
	border: 1px solid #ccc;
}
.paginacao li.ativo a {
	border: 2px solid #666;
	padding: 3px;
}

/* --- */

/* --- menu horizontal --- */

.menuHorizontal ul li {
	float: left;
}
.menuHorizontal ul li a {
	display: block;
	margin: 10px 9px;
}

.menuVertical ul li {
	float: none;
}

/* --- */

/* --- abas dinamicas --- */


.abas ul li a {
	margin: auto 2px;
}
.abas ul li a span {
	display: block;
}
.abas ul li a span.cantoEsq {
	padding-left: 15px;
}
.abas ul li a span.cantoDir {
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 7px;
}