ÿþ/**************************************************************

   Internas - Alteraýÿýÿes do Layout Base e Novos Elementos

**************************************************************/

/* Botýÿes */

.send a {

	background: url(../imagens/internas/button_send.png) no-repeat #A6A6A6;

	color: #FFFFFF;

	float: left;

	font: bold 15px Arial;

	height: 31px;

	line-height: 31px;

	margin-right: 15px;

	text-align: center;

	width: 129px;

}



#Content .send a:hover { background-color: #094aa6; color: #FFFFFF; cursor: pointer; }

#ContentCotacao .send a:hover { background-color: #094aa6; color: #FFFFFF; cursor: pointer; }



.pedido a {

	background: url(../imagens/internas/button_oferta.png) no-repeat #A6A6A6;

	font: bold 13px Arial;

	height: 23px;

	line-height: 23px;

	width: 119px;

}



.cot a { background: url(../imagens/internas/btn_cotacao.png) no-repeat #A6A6A6; width: 119px; margin-top:20px; }

.sol_cot a { background: url(../imagens/internas/btn_solicitar_cot.png) no-repeat #A6A6A6; width: 144px; }



/* Alinhamentos dos Botýÿes */

.first_b, .first_c, .first_p { float: left; }

.first_p { padding-left: 38px; }

.first_b { padding-left: 12px; }

.first_c { padding: 70px 0 0 12px; }

.cot_align { float: right; width: 119px; }



/* Hover Internas */

#Content a:hover, .produto a:hover, .listagem_produto span a:hover { color: #094aa6; }



/**************************************************************

   Menu horizontal topo

**************************************************************/

#Menu {

	background: url(../imagens/internas/menu_bg.png) no-repeat;

	float: left;

	height: 37px;

	width: 100%;

}



/**************************************************************

   ýÿrea do Conteýÿdo

**************************************************************/

#DestaqueHome {

	background: url(../imagens/internas/bg_secundario.jpg) no-repeat bottom left;

	float: left;

	height: 111px;

	width: 980px;

}



#DestaqueHome img { float: right; padding: 46px 75px 0 0; }



.box_destaque { background: none; padding-bottom: 40px; width: 150px; }



.box_destaque .field {

	border: 1px solid #E5E5E5;

	color: #999999;

	float: left;

	font-size: 11px;

	height: 18px;

	margin-bottom: 11px;

	padding: 5px 0 0 6px;

	width: 119px;

}



.box_destaque .btn { float: right; padding: 0; }

.boletim { padding-bottom: 0; width: 124px; }



/**************************************************************

   ýÿrea do Conteýÿdo - Leitura

**************************************************************/

.listagem { float: left; overflow: hidden; }



#ContentBox .left {

	background: url(../imagens/line_vertical.gif) repeat-y top right;

	float: left;

	margin-bottom: -999em;

	padding-bottom: 1000em;

	width: 155px;

}

*html #ContentBox .left{width: 155px;}/* hack ie 6 */



#Content {

	color: #999999;

	float: left;

	margin-bottom: -999em;

	padding: 0 0 1000em 34px;

	width: 735px;

}

.listagem .ContentCesta{width:840px;}



#ContentCotacao {

	width: 920px;

	padding:0;

	color: #999999;

	float: left;

}

#Content h1 .aspa_left { padding-top: 5px; float: left; }

#Content h1 .frase{ float:left; margin:10px;}

#Content h1 .frase2{margin:6px 6px 6px 60px; float:left;}

#Content h1 .aspa_right { padding-top:30px; float:left;}

#Content p { font-size: 14px; line-height: 16px; }

#Content .right_content { float: right; padding: 15px 15px 0 15px;  }



#Content .Insitucional{ float:left; width:305px;}



#ContentCotacao {

	width: 920px;

	padding:0;

	color: #999999;

	float: left;

}

#ContentCotacao p { font-size: 14px; line-height: 16px; }



/**************************************************************

   Produtos

**************************************************************/

.intro { margin: 0 0 12px 0; }



.produto { float: left; padding: 0 30px 45px 0; width: 210px;}



.produto img { border: 1px solid #DFE3E6; }

.produto strong { color: #094aa6; font: bold 13px "Segoe UI"; }

#Content .produto p { color: #A8A8A8; font-size: 12px; margin: 2px 0 5px 0; line-height: 12px; }

.produto a { color: #545454; }



/**************************************************************

   Produtos Detalhes

**************************************************************/

.nav { float: left; padding-bottom: 40px; width: 100%; }

.listagem_produto h2 { color: #094aa6; font: bold 19px "Segoe UI"; float: left; }

.listagem_produto span { font-size: 15px; float: right; padding-top: 5px; }

.listagem_produto span a { color: #666666; }

.listagem_produto span img { padding: 0; }

#Content .listagem_produto p { color: #999999; font-size: 14px; line-height: 18px; margin: 0; }



.listagem_produto img { padding-top: 5px; border: 1px solid #DFE3E6;}

.listagem_produto .left_align { padding-right: 35px; }

.listagem_produto .right_align { padding-left: 35px; }



/**************************************************************

   Ofertas

**************************************************************/

.oferta_destaque {

	background: url(../imagens/line_horizontal.gif) repeat-x bottom left;

	float: left;

	margin-left: -32px;

	padding: 0 0 16px 32px;

	width: 100%;

}



.oferta_destaque .dest { float: left; padding-right: 38px; }

.oferta_destaque strong { color: #094aa6; font-size: 21px; }

#Content .oferta_destaque .other_info { padding-bottom: 10px; width: 350px; }

.other_info .MarcaOfertas { color: #666; font-size:12px; font-weight:bold;}





#Content .oferta_destaque p {

	color: #F29E0B;

	font: bold 17px "Segoe UI";

	margin: 5px 0 15px 0;

}



/* Listagem Ofertas */

#Content .oferta p { color: #094aa6; font: bold 15px "Segoe UI"; line-height: 18px; margin: 0 0 8px 0; }

.oferta { float: left; padding: 17px 30px 21px 0; width: 210px; }



.last {

	background: url(../imagens/line_horizontal.gif) repeat-x bottom left;

	float: left;

	height: 1px;

	margin-left: -32px;

	padding-left: 32px;

	width: 100%;

}



.oferta img { border: 1px solid #E2E5E8; float: left; margin-bottom: 4px; }

.oferta strong { color: #F29E0B; float: left; font-size: 13px; width: 100%; }



.other_info { float: left; font-size: 11px; padding: 3px 0 6px 0; }



/**************************************************************

   Cotaýÿýÿo

**************************************************************/

.erro{ color:#F00; font-size:11pt; font-weight:bold;}

.vermelho{ line-height:20px;color:#F00;}



.BoxS{

	float:left;

	margin:2px 14px 0 0;

}

.divide{ margin-top:23px; font: bold 15px "Segoe UI";}

.BoxS div{

	color: #094aa6;

	font: bold 15px "Segoe UI";

}

#BoxSearch input {

	border: 1px solid #E5E5E5;

	float: left;

	height: 24px;

	padding: 6px 3px 0 3px;

}



#ContentCotacao .intro_c { color: #666666; font-size: 19px; margin: 0 0 12px 0; }

#Content .intro_c { color: #666666; font-size: 19px; margin: 0 0 12px 0; }

.cotacao { float: left;}



.cotacao .span {

	color: #094aa6;

	float: left;

	font: bold 13px "Segoe UI";

	line-height:21px;

}



.list_cot {

	float: left;

	font-size: 13px;

	overflow:auto;

	height:250px;

	border: 1px solid #E5E5E5;

	padding: 10px 10px 20px 10px;

	margin:6px 0 0 0;

}

.veiculos_cot{ width:240px;}



.selected a{ background:#EEE;}



.list_cot a { color: #666666; float: left; width: 100%; padding:6px; }

.list_cot a:hover{ text-decoration:underline;}

.list_cot a .span { color: #C8C8C8; float: none; }



.veiculos_cot a{ border-bottom:1px dashed #e7e7e7;}



.cotacao_filtro { float: left; padding: 20px 0 0 0; width: 650px; }



.cotacao_filtro span {

	color: #B6B6B6;

	float: left;

	font: bold 13px "Segoe UI";

	width: 100%;

}



.cotacao_filtro .box_cot {

	border: 1px solid #E5E5E5;

	color: #666666;

	float: left;

	font-size: 14px;

	margin-top: 3px;

	padding: 3px 0 14px 0;

	width: 460px;

}



.cotacao_filtro .box_cot a { color: #666666; float: left; padding: 13px 19px 0 16px; }



.more_cot { color: #666666; font-size: 14px; line-height: 20px; padding-top: 30px; }

.more_cot a { color: #666666; }

.more_cot strong { font-size: 15px; }



.list_cot2 {

	float: left;

	font-size: 13px;

	border: 1px solid #E5E5E5;

	padding: 10px;

	margin:6px 0 0 0;

}



.list_cot2 a { color: #666666; float: left;padding:6px;margin:2px 4px 0 0; }

.list_cot2 a:hover{ text-decoration:underline;}

.list_cot2 a .span { color: #C8C8C8;}



.ListaProdutos{float: left; width:100%;}



.ListaProdutos .BordaLista {

	border: 1px solid #E5E5E5;

	color: #666666;

	float: left;

	font-size: 14px;

	padding: 3px 0 14px 0;

	margin:6px 0 0 0;

}



.ListaProdutos .BordaLista div{ font-weight:normal;color: #9b9b9b;}

.ListaProdutos .BordaLista .preco{ font-weight:bold;color: #666666;}

.ListaProdutos .BordaLista .vermelho{ font-weight:bold;color: #ff5c5c;}

.ListaProdutos a{

	color:#f7af0b;

	font-weight:normal;

	font-size:11px;

	float:left;

	font-size:14px;

	padding:2px 10px 2px 0;

}

.ListaProdutos .Separator{

		border-bottom:1px dashed #e7e7e7;

		padding:10px;

		float:left;

}

.ListaProdutos span {

	color: #094aa6;

	float: left;

	font: bold 13px "Segoe UI";

	width: 100%;

}



.Separator span{color: #666666;font:normal;}



.top20{padding:10px 0 0 0; }



.ListaProdutos th{ padding:10px 10px 10px 4px; font-weight:bold;}

.ListaProdutos td{ padding:10px 10px 10px 4px; font-size:13px; text-align:center;}

.ListaProdutos .AlternateGrid td{ background-color:#f7f7f7;}

.ListaProdutos .AlignDesc { text-align:left;}



.ListaProdutos .ResultadoCotacao{text-align:right; width:800px; color:#666;}

.ResultadoCotacaoNo{text-align:center;color:red;font-size:16px;font-style:italic;}

.ListaProdutos .TituloResultado{ font-size:18px; padding-top:10px;}

/**************************************************************

   Cotaýÿýÿo Lista

**************************************************************/

.cotacao_lista { float: left; padding-bottom: 40px; width: 100%; }

.cotacao_lista div { color: #094aa6; float: left; font-size: 13px; padding-top: 28px; width: 100%; }



.cotacao_lista span {

	border-bottom: 1px solid #E5E5E5;

	color: #A7A7A7;

	float: left;

	font: bold 11px "Segoe UI";

	padding: 11px 0 14px 17px;

	width: 98%;

}



.cotacao_lista span a { color: #A7A7A7; }

.cotacao_lista span strong { color: #666666; font-size: 14px; }



/**************************************************************

   Cotaýÿýÿo Formulýÿrio

**************************************************************/

.cot_form { padding-top: 0; }

.cot_form .box_cot { font-size: 12px; padding: 10px 0 10px 10px; width: 590px; }

.cot_form .box_cot a { font-size: 12px; padding: 3px 30px; }

.cot_form .box_cot a span { color: #C8C8C8; float: none; font-size: 12px; }





/**************************************************************

   SAC

**************************************************************/

h3 { color: #666666; font: bold 17px "Segoe UI"; padding: 20px 0; }

.box_atendimento {

	background: url(../imagens/internas/atendimento_box_bg.gif) no-repeat;

	float: left;

	height: 92px;

	margin: 0 35px 30px 0;

	padding: 10px 0px 17px 4px;

	width: 204px;

}



.box_atendimento img { float:left;padding-top: 7px; }



.box_atendimento .btn {

	background: url(../imagens/internas/atendimento_btn.png) no-repeat;

	float: right;

	height: 33px;

	margin: 2px 9px 0 0;

	padding-top: 3px;

	text-align: center;

	width: 104px;

}



.box_atendimento .btn a { color: #191919; cursor:pointer;font-size:10px;}

.box_atendimento .btn img { padding-right:1px; margin-left:6px;}

.box_atendimento .btn div{ float:left; margin-top:10px;}



.box_atendimento span {

	color: #B7B6B6;

	float: left;

	font-size: 11px;

	text-align: right;

	width: 130px;

	padding-bottom:2px;

}

.box_atendimento .NomeAtendimento{font-size:14px;

                                 font-weight:bold;

                                 color:#094aa6;

                                 }

.box_atendimento .EmailAtendimento{font-size:10px;}





/**************************************************************

   Formulýÿrios: Contato (SAC)  e Cadastro (Cotaýÿýÿo)

**************************************************************/

.col_left { float: left; width: 350px; }



#Contato, #Contato p {

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

}

#Contato{padding-bottom:30px;}



#Cadastro { float: left; padding-top: 35px; width: 600px;}

#Cadastro p { font-size: 13px; }

#Cadastro .label { float: left; text-align: right; width: 273px; padding: 5px 17px 0 0; }

#Cadastro .input { float: left; }

#Cadastro .subtitulo{font-size: 18px; padding-bottom: 10px; font-weight:bold;}



#Cadastro .LabelDados{ padding: 4px 0 0 5px; float:left; font-size:15px; color:#000;}



#Contato p, #Cadastro p {

	color: #646363;

	float: left;

	margin: 0;

	padding-bottom: 10px;

	width: 100%;

}



#Contato label { clear: both; float: left; }

#Contato input { clear: both; }



#Contato input, #Cadastro .input {

	border: 1px solid #E5E5E5;

	float: left;

	height: 17px;

	margin-top: 3px;

	padding: 3px;

}





#Cadastro .inputCPT {

	border: 1px solid #E5E5E5;

	height: 17px;

	margin-top: 3px;

	padding: 3px;

}



.inputerro{

	border: 1px solid #ff0000;

	background:#ffdcdc;

	float: left;

	margin-top: 3px;

	padding: 5px;

}



#Contato input{width: 302px;}

textarea {

	border: 1px solid #E5E5E5;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	height: 113px;

	margin: 5px 0 30px 0;

	padding: 3px;

	width: 302px;

}



.obrigatorio { color:#FF3300; }



p label.error {

	background-color: #FFBFBF;

	border: 1px solid #CF5A5A;

	clear: both;

	float: left;

	font: bold 12px Arial, Tahoma, Verdana;

	/*padding: 10px;*/

	margin-top: 10px;

	text-align: center;

	width: 312px;

}



p input.error { background-color: #FFEFEF; border: 1px solid red; }



/* #Cadastro p .error { */

#Cadastro p label.error {

	clear: both;

	float: left;

	text-align: center;

	width: 250px;

}



.Panelerro{ background:url(../imagens/erro.gif) no-repeat;

	padding-left:90px;

	float:left;

	min-height:100px;

	color:#F00;

	font-size:11pt;

}

#Cadastro .Panelerro p{

	color:#F00;

}



#Cadastro p .mini{ font-size:10px;}



*html .Panelerro{ height:100px;}







/*Modal Popup*/

.modalBackground {

	background-color:#595959;

	filter:alpha(opacity=70);

	opacity:0.7;

	z-index:998;

}



.modalPopup {

	background-color:#ddebff;

	border-width:3px;

	border-style:solid;

	border-color:#3f82bb;

	padding:5px;

	z-index:999;

}



.CollapsableHeader

{  cursor:move;

    }

.CollapsableHeader a{padding:2px 0 4px 0;color: #191919;}





	

/**************************************************************

   Formulýÿrios: Login

**************************************************************/



.LoginPanel { float: left; padding-top:10px; width: 600px; }

.LoginPanel p { font-size: 13px; }

.LoginPanel .label { float: left; text-align:left;padding: 5px 17px 0 0; width:30px; }

.LoginPanel .input {}

.LoginPanel .LKCAd{ text-decoration:underline; color:#333;}



.LoginPanel p {

	color: #646363;

	float: left;

	margin: 0;

	padding-bottom: 10px;

}



.LoginPanel .input {

	border: 1px solid #E5E5E5;

	height: 21px;

	font-size:14px;

	font-weight:bold;

	margin-top: 3px;

	padding: 3px;

}

.login_align { float:left; width: 119px;}

.login_align a{ margin:2px 0 0 10px;}



.LoginPanel .Panelerro p{ width:300px;

	color:#F00;

}





/**************************************************************

   Cesta de Compras

**************************************************************/



#box_cesta {width:840px; float:left; overflow:hidden;}



#box_cesta h2 {margin-top:35px; padding-left:10px; font-size:16px; color:#6BB7C5;}

#box_cesta p {font-size:14px; color:#6BB7C5; margin-top:10px; padding-left:20px; }

.fretepara {color:#949494; font-weight:normal;}



#box_cesta table {width:840px; margin-top:15px;}

#box_cesta table tr {background-color:#FDFDFD;}

#box_cesta table th {font-size:13px; color:#094aa6; padding:5px 10px; text-align:left;

font-weight:bold;background-color:#f4f8f9;

}

#box_cesta table td {font-size:12px; color:#646363; padding:5px 10px; text-align:left; border-top:2px solid #FFF;}

#box_cesta table td input {border:1px solid #CCC; width:35px; font-size:12px; color:#666; padding:3px; }

#box_cesta table td.celseta {width:10px; text-align:right;}

#box_cesta table td.celpreco {background-color:#F8F8F8; text-align:right; width:60px;}

#box_cesta table td.celcesta {background-color:#faf9f9; text-align:right; width:50px;}

#box_cesta table td.celtotal {background-color:#F2F2F2; text-align:right; width:100px;}

#box_cesta table td.celexcluir {text-align:center; width:50px;}



#box_cesta .AlternateGrid td{ background-color:#f7f7f7;}

#box_cesta .AlternateGrid td.celpreco {background-color:#F2F2F2;width:56px;}

#box_cesta .AlternateGrid td.celcesta {background-color:#f4f3f3;width:50px;}

#box_cesta .AlternateGrid td.celtotal {background-color:#E2E2E2;width:100px;}



#box_cesta .FPag{text-align:right; float:right;}

#box_cesta .DadosCesta{float:left; font-size:14px; line-height:18px; width:500px;}

#box_cesta .DadosCesta div{ font-weight:bold;}

#box_cesta .DadosCesta .dadospg{font-size:12px;font-weight:normal; padding-top:10px;}



#frete {width:440px; float:left;}

#frete label {float:left; color:#646363; padding-right:5px; font-size:11px; line-height:21px;}

.campocep1 {width:40px; float:left; border:1px solid #CCCBCB; font-size:11px; color:#666; padding:3px; margin-right:2px;}

.campocep2 {width:25px; float:left; border:1px solid #CCCBCB; font-size:11px; color:#666; padding:3px; margin-left:2px;}



#frete p.fretecep {font-size:15px; color:#CCCBCB; float:left; line-height:20px;}

.okfrete {float:left; margin-left:10px; margin-top:1px;}



#box_cesta .cestatotal {float:right; width:600px;}

#box_cesta .cestatotal a{ font-size:10px;color:#6BB7C5;}

#box_cesta .cestatotal h3{ font-size:13px; padding-bottom:0;}



#box_cesta .cestatotal div {height:39px;

			line-height:40px;font-size:12px; font-weight:bold;

			text-align:right;

			font-size:12px; color:#666; float:right;

}



#box_cesta .cestatotal div.total{width:110px; margin-left:2px;background-color:#F2F2F2;padding-right:10px;}

#box_cesta .cestatotal div.totalipi{width:52px;background-color:#F8F8F8;text-align:left; padding-left:16px;}

#box_cesta .cestatotal div.totalst{width:70px;background-color:#F8F8F8;}

#box_cesta .cestatotal div.totalunit{width:70px;background-color:#F8F8F8;}

#box_cesta .cestatotal div.totalqtde{width:50px;background-color:#faf9f9; margin-left:40px; text-align:left;}

#box_cesta .cestatotal div.TituloTotal{font-size:14px;}

#box_cesta .cestatotal img {clear:left; float:left; margin-top:25px; margin-right:10px;}



#botoes_cesta {width:590px; float:right; margin-top:25px;}

#botoes_cesta img {float:right; margin-left:10px;}

#botoes_cesta img.centraliza {margin-top:6px;}





#ContentCotacao .box_carrinho {width:362px; height:auto; position:absolute;z-index:9999; display:none;}



#ContentCotacao .carrinhotopo {width:362px; height:16px; background-image:url(../imagens/internas/carrinho_base.png); float:left;}

#ContentCotacao .carrinhobase {width:362px; height:26px; background-image:url(../imagens/internas/carrinho_topo.png); float:left;}

#ContentCotacao .carrinhocorpo {width:362px; background:url(../imagens/internas/carrinho_corpo.png) repeat-y; float:left;}

#ContentCotacao .ContCarr{ float:left; margin:0px 24px 20px 24px; color:#000; white-space:normal; text-align:left;}



#ProdutosRecentes{}

#ProdutosRecentes table{}

#ProdutosRecentes table img{ border:1px solid #e7e8ea;}

#ProdutosRecentes table th {color:#58bdeb; font-weight:bold; padding:10px 10px 10px 0; border-bottom:3px solid #f5f5f5;}

#ProdutosRecentes table{ font-size:10pt; color:#898989;}

#ProdutosRecentes table td{color:#898989; border-bottom:1px solid #f3f3f3; padding:15px 10px 10px 10px;}

#ProdutosRecentes .PaginacaoRecem table{ float:right;}

#ProdutosRecentes .PaginacaoRecem table td{ font-size:11pt; font-weight:bold; text-align:right; border-bottom:none; padding:2px;}

#ProdutosRecentes .PaginacaoRecem table td a{color:Red; text-decoration:underline;}



#ProdutosRecentes .paginacao {

	background-color: #fff;

	float:right;

	font-size: 12pt;

	height: 21px;

	margin: 25px 30px 0 0;

	padding: 0 0 0 1px;

}



#ProdutosRecentes .paginacao div{ float:left;}

#ProdutosRecentes .paginacao span { color: #666; float: left; padding: 0 3px 0 4px; }

#ProdutosRecentes .paginacao strong { color: #333; float: left; padding: 0 3px 0 4px; }

#ProdutosRecentes .paginacao a {font-size: 12pt; color:Red; float: left; padding: 0 4px 0 4px; text-decoration:underline;}

#ProdutosRecentes .paginacao img { float: left; padding: 6px 8px 0 8px; }



/****************************************************************************************************************************

   Info

     CSS Gerado por: Apici em 14-08-2009

     ýÿltima alteraýÿýÿo: #Content em 17-08-2009 por Apici

****************************************************************************************************************************/