@import url(normalize.css);


/* ITENS DO HTML PADRÃO */
* { margin: 0; padding: 0; }
body { text-align: center; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; background-color: #fafafa; }
a { color:#EE1122; text-decoration:none; }
img { border: none; }
p { margin-bottom: 10px; }
ul { margin: 0 0 20px 20px; }
h1 { font-size:22px; font-weight:bold; margin-bottom:20px; }
h2 { font-size:18px; font-weight:bold; margin-bottom:20px; }
h3 { font-size:14px; font-weight:bold; margin-bottom:10px; }

/* Force Vertical Scrollbar */
html { overflow-y: scroll; }


/*
 * Show image placeholders
 */
img:-moz-broken{
	-moz-force-broken-image-icon:1;
	width:24px;
	height:24px;
}

/* PADROES DA AGÊNCIA, NÃO PRECISA ALTERAR NADA */
input, textarea, button { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box;         /* Opera/IE 8+ */ }
input[type=text], input[type=password], input[type=file], textarea, select { border: solid 1px #e2e2e2; }
.clear { height:0; overflow:hidden; visibility:hidden; clear:both; font-size:1px; line-height:0; }
.tab { padding:5px; border: 1px dashed #C0C0C0; }
.tabSB { padding:0px; border: 0px; }
.tabhea { background-color:#666; font-weight: bold; color:#F7F7F7; padding:5px; vertical-align:top; text-align:center; font-size:14px; }
.hea { background-color: #F7F7F7; font-weight: bold; color:#000; padding:5px; vertical-align:top; }
.lab { padding-right:10px; text-align:right; padding-top:4px; padding-bottom:4px; min-width: 150px; }
.dat { padding-top:4px; padding-bottom:4px; }
.cou { background-color: #F4F4EC; color:#666; padding:5px; text-align:center; font-size:9px; }
.foo { background-color: #F7F7F7; font-weight: bold; padding:5px; }
.off { filter:alpha(opacity=30); opacity:0.3; }
.aviso, .avisoOK, .erro { border:1px dashed #CCC; padding:10px; font-size:12px; font-weight:bold; margin-bottom: 10px; display: block; }
.aviso { background-color:#FFFFCC; color:#F60; }
.avisoOK { background-color:#DDFDBD; color:#060; }
.erro { background-color:#FFDDDE; color:#600; }
.rig { text-align: right !important; }
.lef { text-align: left !important; }
.cen { text-align: center !important; }
.jus { text-align: justify !important; }
.top { vertical-align: top !important; }
.bot { vertical-align: bottom !important; }
.bol { font-weight: bold; }
.semBorda { border: none !important; }
.semMargem { margin: 0 !important; }
.semMargemBaixo { margin-bottom: 0 !important; }
.semMargemCima { margin-top: 0 !important; }
.margemCima { margin-top: 20px; }
.margemBaixo { margin-bottom: 20px; }
.margemEsquerda { margin-left: 50px; }
.margemDireita { margin-right: 20px; }
.margemDireita10 { margin-right: 10px; }
.espaco { padding: 20px; }
.menor { font-size: .8em !important; }
.oculto { display: none; }
.destaque { color: #EE1122;}

/* Clear Fix */
.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%; }

.escuro
{
    color: #333;
}


/* ESTRUTURA DESTE SITE */

label 
{
    line-height: 1.5em;
    padding-right: 10px;
}

#pagina 
{
    width: 960px;
    margin: 20px auto;
    text-align: left;
    border: solid 1px #ddd;
    -moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-o-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
    background-color: #fff;
}

#lateral 
{
    display: inline;
    float: left;
    width: 160px;
}

#conteudo 
{
    display: inline;
    float: left;
    width: 800px;
}

#rodapeContainer 
{
    clear: both;
}

h1.titulo 
{
    margin-top: 50px;
    text-align: left;
}

h2.titulo 
{
    text-align: center;
    font-size: 24px;
}

.linkMenor 
{
    font-size: 11px;
}

.bloco 
{
    margin-top: 40px;
}

.bloco,
.blocoTexto 
{
	padding: 20px;
}

.links 
{
    text-align: right;
    font-size: 11px;
    margin: 20px;
}

.links a 
{
    color: inherit;
}

.coluna
{
	display: inline;
	float: left;
	padding: 20px;
	overflow: hidden;
}

.coluna200 
{
	width: 160px;
}

.coluna300 
{
	width: 260px;
}

.coluna400 
{
	width: 360px;
}

.coluna500 
{
	width: 460px;
}

.coluna600 
{
	width: 560px;
}

.tabela 
{
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 12px;
}

.tabela th 
{
	text-align: left;
	background-color: #f4f4f4;
	color: #7b7679;
	font-weight: normal;
}

.tabela,
.tabela th,
.tabela td
{
	border: solid 1px #e2e2e2 !important;
}

.tabela th,
.tabela td
{
	padding: 2px;
}



/* PECAS */
.modelo 
{
	padding-bottom: 10px;
}

.modelo p
{
	margin-left: 20px;
}

.modelo a 
{
	display: inline;
	float: right;
	margin-right: 20px;
}

#imagem,
#tabela 
{
	width: 958px !important;
	position: relative;
	left: -160px;
	background-color: #fff;
}

#imagem 
{
	clear: both;
	height: 400px;
	overflow: auto;
	border: solid 1px #666;
	margin-top: 20px;
	text-align: center;
	position: relative;
}

#imagem .link,
#imagem .link a {
	width: 60px;
	height: 60px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

#imagem .link {
	position: absolute;
}

#imagem .link a {
	display: block;
	background-color: #66ffff;
	opacity: 0;
	filter: alpha(opacity=0);
	text-indent: -5000px;
}

#imagem div a.ativo,
#imagem div a.hover,
#imagem div a:active,
#imagem div a:hover {
	background-color: #ffff00;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#imagem #imagemContainer 
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	min-width: 10px;
	display: inline;
	display: inline-block;
}

#tabela table
{
	table-layout: auto !important;
}

#tabela th {
	background-color:#CCC;
}

#tabela .descontaRolagem,
#tabela .rolagem {
	width: 958px;
	border: solid 1px #666;
}

#tabela .descontaRolagem
{
	border-bottom-width: 0;
	background-color: #ccc;
}

#tabela .rolagem 
{
	border-top-width: 0;
	height: 200px;
	overflow: auto;
	overflow-x:hidden;
}

#tabela table {
	table-layout: fixed;
	border-collapse: collapse;
}

#tabela table td 
{
	position: relative;
	z-index: 1;
}

#tabela .rolagem table tr:hover,
#tabela .rolagem table tr.ativo {
	background-color: #FFC;
	cursor: default;
}

#tabela .rolagem table td:first-child,
#tabela .rolagem table th:first-child,
#tabela .rolagem table td:last-child,
#tabela .rolagem table th:last-child 
{
	border-left-width:0;
	border-right-width:0;
}

#tabela .rolagem table tr:first-child th, 
#tabela .rolagem table tr:last-child th,
#tabela .rolagem table tr:first-child td, 
#tabela .rolagem table tr:last-child td
{
	border-top-width:0;
	border-bottom-width:0;
}

.listaCheckbox th,
.listaCheckbox td
{
	border: none !important;
	padding: 0 !important;
}

/* Remover filtros do IE9+ */
:root * { filter: none; }


/* Novo layout */
.tabelaPedidos
{
	font-size: 9px;
	width: 790px;
}

.tabelaPedidos th,
.tabelaPedidos td 
{
	border: solid 1px #e2e2e2;
	padding: 2px;
	clear: both;
}

.tabelaPedidos th
{
	background: #dd0000 url(../images/bgTituloPedidos.png) repeat-y center top;
	color: #fff;
	padding-left: 10px;
	text-align: left;
}

.tabelaPedidos .icone 
{
	float: right;
	vertical-align: middle;
	margin-left: 3px;
	width: 14px;
}

.tabelaPedidos td a 
{
	text-decoration: underline;
	color: #000;
}

.quadro 
{
	width: 750px;
	margin: 20px auto;
	color: #7b7679;
}

.quadro .titulo
{
	background-color: #f4f4f4;
	margin: 0;
	padding: 10px 20px 5px 20px;
	font-size: 14px;
	text-align: left;
}

.quadro .borda 
{
	border: solid 1px #e2e2e2;
	padding: 10px 20px;
}

.quadro .borda>table 
{
	width: 710px;
}

.quadro .divisao 
{
	border-bottom: solid 1px #e2e2e2;
	line-height: 10px;
	height: 10px;
}


/* Fique por dentro */
.fiquePorDentro


{
    clear: both;
    margin-bottom: 20px;
}

.fiquePorDentro .titulo h3
{
    font-size: 18px;
}

.fiquePorDentro .titulo img
{
    float: left;
    width: 60px;
}

.fiquePorDentro .titulo h3
{
    border-bottom: solid 1px #000;
    float: left;
    width: 582px;
    margin: 0 0 10px 0;
}

.fiquePorDentro .itens
{
    margin-left: 70px;
    width: 502px;
}

.fiquePorDentro .item img
{
    width: 40px;
    float: left;
}

/* Impressão do Catálogo */
.imprimir 
{
	vertical-align: middle;
	float: right;
	line-height: 32px;
	margin-bottom: 10px;
}

.imprimir img
{
	float: left;
	vertical-align: middle;
	margin-right: 10px;
}

.tabelaImpressao 
{
	border-spacing: 5px;
	border-collapse: separate;
	width: 1050px;
	font-size: 12px;
	-webkit-print-color-adjust:exact;
}

.tabelaImpressao th,
.tabelaImpressao td 
{
	border: solid 1px #000;
	padding: 10px;
}

.tabelaImpressao th 
{
	font-size: 16px;
}

.tabelaImpressao .pagina 
{
	width: 80px;
}

.tabelaImpressao .modelo 
{
	font-size: 1.5em;
	width: 150px;
}

.tabelaImpressao .logo
{
	width: 180px;
}

.tabelaImpressao .imagem 
{
	max-height: 524px;
	overflow: hidden;
	vertical-align: top;
}

.tabelaImpressao .imagem,
.tabelaImpressao .imagem img 
{
	width: 360px;
}

.tabelaImpressao .lista 
{
	padding: 0;
	vertical-align: top;
	border: none;
}

.tabelaImpressao .tabela 
{
	margin: 0;
	font-size: 12px;
	border: none !important;
	table-layout: fixed;
	width: 100%;
}

.tabelaImpressao .tabela th 
{
	background-color: #777;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.tabelaImpressao .tabela th,
.tabelaImpressao .tabela td 
{
	padding: 5px;
	border: none !important;
	vertical-align: top;
}

.pagebreak 
{
	page-break-after: always;
	page-break-inside: avoid;
}

@media print
{
	.imprimir 
	{
		display: none;
	}
}