/**
 * CSS Base, será carregado em todas as páginas indiferentemente do conteúdo
 */

@import url("generic.cabecalho.css"); /** CSS do Cabeçalho **/
@import url("generic.rodape.css"); /** CSS do Rodapé **/
@import url("generic.forms.css"); /** CSS dos Formulários **/
@import url("generic.helpers.css"); /** CSS de Helpers **/

* {
	margin: 0;
}

body {
	background: url(/img/rodape.fundo.gif);
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #343434;
}

img {
	border: 0;
}

h1 {
	font: 36px Tahoma, Arial, Helvetica, sans-serif;
	color: #424242;
}

h2 {
	font: 24px/30px Tahoma, Arial, Helvetica, sans-serif;
	color: #424242;
}

h3 {
	font: 16px Tahoma, Arial, Helvetica, sans-serif;
	color: #424242;	
	font-weight: bold;
}

h4 {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #424242;	
	font-weight: bold;	
}

h1 a, h2 a, h3 a, h4 a {
	color: #424242;
	text-decoration: none;
}

a {
	color: #2174d1;
}

a:hover {
	text-decoration: none;
}

#bg {
	background-color: #fff;
}

#base {
	padding: 7px 0;
}


#main {
	margin: 0px auto;
	padding: 5px 5px 10px 5px;
}


#coluna-esquerda {
	margin-right: 290px;
}

#coluna-direita {	
	width: 273px;
	float: right;
	overflow: hidden;
}

.min-width {
	min-width: 754px;
	
	_width: expression(document.body.clientWidth < 756 ? "754px" : "auto");
}

.max-width {	
	max-width: 985px;
	
	_width: expression(document.body.clientWidth > 987 ? "985px" : "auto");
}

#preload-images {
	display: none;
	visibility: hidden;
}



.error-message {
	color: #ef8686;
	font-size: 10px;
	font-weight: bold;
}

.foto-medium {

	padding: 3px;
	border: 1px solid #d1d1d1;
	background-color: #FFFFFF;
}
.foto-small {
	
	padding: 2px;
	border: 1px solid #d1d1d1;
	background-color: #FFFFFF;
	
}
.foto-tiny {

	padding: 1px;
	border: 1px solid #d1d1d1;
	background-color: #FFFFFF;
	
}
#foto-logo {
	background: url(/img/fundo.logo.gif) no-repeat;
	float: left;
	width: 113px;
	height: 113px;
	margin-right: 7px;
	padding: 1px;
}

.botao-mais {
	height: 12px;
	padding: 0px 10px 1px 20px;
	display: inline;
	color: #343434;	
	text-decoration: none;
	
}
.botao-mais-active {
	border: 1px solid #8bbe82;
	background: url(/img/botao.mais_claro.gif) #ffffff repeat-y;
	*background-position: 2px 2px;

}
.botao-mais-over {
	border: 1px solid #4e8f42;
	background: url(/img/botao.mais_escuro.gif) #ebf2ea repeat-y;
	*background-position: 2px 2px;
}

.botao-link {
	padding-left: 4px;
	text-decoration: none;
}

.botao-link:hover {
	text-decoration: underline;
}

#paginacao {
	width: 99%;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #e5e5e5;
	background: url(/img/produto.fundo.gif);
	font-size: 13px;
	color: #cccccc;
}
#paginacao span {
	margin:0px 7px;
}
#paginacao div {
	display: inline;
}
#paginacao .current {
	color: #343434;
}


#flash {
	position: fixed;
	height:23px;
	top: 15px;
	_margin-top: 15px;
	z-index:2000;
	background: url(/img/flash.fundo.gif) repeat-x;
	border:1px solid #ccca30;
	
	_position: absolute;
	_top: expression( (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px' );
	
}
#flashTxt {
	height: 22px;
	text-align: center;
	padding: 0px 10px;
	color: #4a4a4a;
}
#flashClose {
	vertical-align: top;
}
#flashMensagem a {
	color: #998b13;
}

#carregando {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 16px;
	border-bottom: 1px solid #389f3a;
	border-left: 1px solid #389f3a;
	background: url('/img/carregando.fundo.gif') repeat-x;
	padding: 3px;
	_padding-bottom: 0;
	color: #FFFFFF;
	text-align: center;
	
	position: fixed;
	_position: absolute;
	_top: expression( (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px' );
}
#carregandoImg {
	float:left;
	margin: 0 7px 0 0;
}

div .auto_complete {
	 background-color: white;
	 border: 1px solid #DDD;
	 margin: 0px;
	 padding: 0px;
	 color: #444;
	 overflow: hidden;
 }
 
ul {
 	padding: 0px;
}
 
#form-busca-input_autoComplete  {
	width: 200px !important;
}

.autocomplete li {
 	list-style: none;
 	padding: 0px;
 	margin: 2px;
 	border-bottom: 1px solid #FAFAFA;
 	vertical-align: top;
 	background-color: white;
 	cursor: pointer;
}

.autocomplete li.selected {
 	background-color:#EFF6FF;	
}

#form-busca .link-autocomplete{
	color: #444;
}

.char-counter {
	text-align: right;
	font-size: 10px;
	color: #999;
}