/* FOLHA DE ESTILOS GERAL DO SITE: AQUI DEVER�O ENTRAR OS ESTILOS GEN�RICOS PARA O SITE*/
/* Defini��es dos elementos do site */

html{
	height:100%;
}

body{
	margin:0px;
	padding:0px;
	text-align:center;
	background: url('/site/images/bg_geral.jpg') repeat-x #fff;
	height:100%;
}

body, td, div, select, input, li, textarea{
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #878787;
}

fieldset{
	border: 1px solid #ccc;
	padding: 5px 2px 10px 10px;
}

fieldset legend{
	font-size:18px;
	border: 0px solid #c6c6c6;
	margin-left: 10px;
	padding: 10px 10px 0px 10px;
}

#conteudo input[type='text'], #conteudo input[type='password'], #conteudo select, #conteudo textarea{
	margin:2px 5px 5px 0px;
	width: 250px;
}

#conteudo textarea{
	height: 120px;
}

input[type='submit']{
	cursor: pointer;
	background: #ca8580;
	border: none;
	padding: 7px 15px 7px 15px;
	color: #fff;
}

img{
	border:0px;
}

ul, li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

*{
	margin:0px;
	padding:0px;
	outline: none;
}

a, a:link, a:visited, a:hover, #dialog, #dialog a{
	color: #878787;
	outline:none;
	text-decoration:none;
}

h1{
	font-size:18px;
	margin: 0px 0px 12px 0px;
	color: #fff;
	background: #be0612;
	width: 680px;
	height: 28px;
	padding: 4px 0px 0px 10px;
}

h2{
	font-size:16px;
	margin: 0px 0px 12px 0px;
	padding: 3px;
}

h3{
	color: #B32122;	
}
/* Fim das defini��es dos elementos do site */

/* Defini��es da estrutura do site */
#controlaConteudo{
	width:985px;
	position:relative;
	text-align:left;
	margin:auto;
}

#topo{
	
}

#boxLogin {
	float: left;
	margin: 62px 0px 0px 20px;	
}

#logo{
	float: left;
	margin-top: 28px;
}

#slogan{
	margin-top: 13px;
}

#menuTopo{
	height: 50px;
	width: 981px;
	padding-left: 4px;
}

#menuTopo a{
	float:left;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 12px;
	border-right: 1px solid #C4C4C4;
	background: #cd1129;
}

#menuTopo a:hover, #menuTopo a.menuMarcado{
	background: #ec1939;
}

#lateral{
	float:left;
	width: 280px;
	margin: 0px 10px 0px 0px;
}

#tituloLateral{
	margin: 0px;
	width: 270px;
	padding: 4px 0px 0px 10px;
}

#menuLateral ul li a{
	display: block;
	background: url('/site/images/seta_menu.jpg') no-repeat 250px 5px #d6d6d6;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #e7e7e7;
}

#menuLateral ul li ul{
	display: none;
}

#menuLateral ul li a:hover, #menuLateral ul li a.menuMarcado{
	background: #be0612;
	color: #fff;
	text-align: left;
}

#menuLateral ul li ul li a{
	display: block;
	background: #d6d6d6;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px solid #e7e7e7;
}

#conteudo{
	float: left;
	width: 694px;
	padding: 0px;
}

#texto{
}

#rodape{
	clear:both;
	background: #C30E2D;
	padding: 20px 10px 10px 20px;
	color: #fff;
	text-align: center;
}

#rodape a{
	color: #fff;
}

/* Fim das defini��es da estrutura do site */

/* Defini��es do conteudo */
.floatLeft{
	float:left;
}
.floatLeftImg{
	float:left;
	margin-right:10px;
}

.floatRight{
	float:right;
}

.floatRightImg{
	float:right;
	margin-left:10px;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.clear{
	clear:both;
}

.center{
	text-align:center;
}

.justificado{
	text-align: justify;
}

.middle{
	vertical-align: middle;
}		

.block{
	display:block;
}

.none{
	display:none;
}
/*Fim das defini��es do conteudo*/

/*Mensagens para o usuario */
.alertBox {
	background: url('/modulos/images/alert.gif') no-repeat #ffc 5px 5px;
	border:1px dashed #f00;
	width: 90%;
	color:#000;
	font-size:14px;
	margin:0px auto 5px auto;
	padding:5px 5px 5px 25px;
	text-align:left;
}
.errorBox {
	background: url('/modulos/images/warning.gif') no-repeat #ffc 5px 5px;
	border:1px dashed #333;
	width: 90%;
	color:#f00;
	font-size:14px;
	margin:0px auto 5px auto;
	padding:5px 5px 5px 25px;
	text-align:left;
}
.infoBox {
	background: url('/modulos/images/info.gif') no-repeat #ffc 5px 5px;
	border:1px dashed #333;
	width: 90%;
	color:#00c;
	font-size:14px;
	margin:0px auto 5px auto;
	padding:5px 5px 5px 25px;
	text-align:left;
}
.successBox {
	background: url('/modulos/images/aceitar.gif') no-repeat #ffc 5px 5px;
	border:1px dashed #333;
	width: 90%;
	color:#000;
	font-size:14px;
	margin:0px auto 5px auto;
	padding:5px 5px 5px 25px;
	text-align:left;
}
.error {
	color:red; 
	font-weight:bold;
}
.checked {
	background:url('/modulos/images/aceitar.gif') no-repeat;
	padding:0px 12px 3px 0px;
}
.formbox{
	width: 75%;	
}
/*Fim Mensagens para o usuario */
#mapa_site ul{
	margin: 0px 0px 0px 15px;
	padding:0px;
}
#mapa_site ul li{
	color: #000;
	margin:2px!important;
	padding:0px!important;
}
#mapa_site ul li a{
	color: #000;
	display: block;
}

#boxNoticias{
	padding: 0px 10px 0px 5px;
	float: left;
	width: 220px;
	margin-right: 4px; 
}

.linkNoticias{
	display: block;
	border-bottom: 1px solid #ccc; 
	padding: 5px;
}

.vermelho{
	color: #be0612;
}

.fontGrande {
	font-size: 16px;
}

.bordaSeparadora{
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

#boxNewsletter input[type='text'], #boxBusca input[type='text'], #boxNovidade input[type='text'], #boxNovidade textarea{
	width: 70%;
}

.tableListaFactory{
	width: 90%;
	background: #e9d3dd;
}

.fotos{
	float: left;
	text-align:center;
	margin: 15px 15px 0px 0px;
	border:1px solid #ccc;
}

/** stilos dentro do dialog **/
#dialog{
	text-align: left;
}

#dialog input[type='text'], #dialog textarea{
	width: 80%;
}
/* Paginador */
.pagination_container {
	text-align:center;
}
.pagination_box {
	background:#EEEEEE;
	border:1px solid #DDDDDD;
	text-align:center;
	padding:4px 12px 4px 12px;
	display: table;
	margin:0px auto;
	margin-top:10px;
}
.pagination_box p.pagination {
	color:#666;
}
.pagination_box p.pagination span,
.pagination_box p.pagination a:link,
.pagination_box p.pagination a:visited, 
.pagination_box p.pagination a:hover,
.pagination_box p.pagination a:active {
	text-decoration:none;
	background:#FFFFFF;
	padding:2px 5px;
	border: 1px solid #CCCCCC;
	color:#BE0612;
	font-size: 14px;
}
.pagination_box p.pagination a:hover {
	background:#BE0612;
	color: #fff;
}
.pagination_box p.pagination span.current {
	background:#BE0612;
	color: #fff;
	
}
/* Carrinho*/
#tabelaCarrinho, #tabelaCarrinhoResumo{
	width: 100%;
	background: #ccc;
	text-align: center;
}

#tabelaCarrinhoResumo{
	width: 50%;
}

#tabelaCarrinho th{
	padding: 3px;
}

#tabelaCarrinho td, #tabelaCarrinhoResumo td{
	background: #fff;
	padding: 3px;
}

#conteudo #tabelaCarrinho td input[type='text']{
	width: 50px;
}