/*-------------------------------------------------------------------------------

	BASICO

	Data:			00/00/0000
	Descricao:		Arquivo com regras de configuração da página
	Autor:			Marcelo Casinha
	E-mail: 		marcelo@gadbrivia.com.br

-------------------------------------------------------------------------------*/


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
}
hr {
	display:none 
}
textarea {
	resize:none;
	overflow:auto
}

/* 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
}

/* clearing */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}
	* html>body .clearfix {
		display: inline-block;
		width: 100%
	}

/* end clearing */


/* replace */
	.replace {
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
		text-indent:-50000px;
		overflow:hidden;
		display:block
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent
	}
	.replace a {
		text-indent:0
	}
	.replace a span {
		text-indent:-10000px
	}
/* end replace */

/* replace de botoes */
	.replace-bt{
		text-indent:-999px;
		line-height:999999px;
		cursor:pointer;
		border:none
	}
/* end replace de botoes */

/* accessibility */
     span.accesskey {
     	text-decoration:none
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em
     }
/* end accessibility */

/* hidden */
	.hidden { 
		display:none
	}
/* end hidden */

/*--- centralizar imagem ---*/
/*----------------------------------------------------------------------
Exemplo da estrutura HTML:
<ul>
	<li class="centralizar">
		<span></span>
		<a href="" class="" title="" >
			<img src="comum/img/ex-carrossel-detalhe.jpg" alt="" />
		</a>
	</li>
</ul>

OBS: setar a largura e a altura do elemento com a classe "centralizar".
-------------------------------------------------------------------------*/
.centralizar{
	display: table-cell !important;
	text-align: center !important;
	vertical-align: middle !important;
}
.centralizar * {
	 vertical-align: middle !important;
}
/*-- IE 6 e 7 --*/
.centralizar span {
	*display: inline-block !important;
	*height: 100% !important;
}
/*-- IE 6 e 7 --*/

/*--- end centralizar imagem ---*/



/*_____ Substitui texto por imagem _____*/

.rpl {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	line-height: 0;
}