/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
color: #000000;
background:#000000 url("images/bgSite.jpg") repeat-x;
}

A {
  color: #FF0000;
  text-decoration: none;
}

A:hover {
  color: #FFDD00;
  text-decoration: underline;
}

A.linkConteudo {
  color: #3D3D3D;
  text-decoration: none;
}

A.linkConteudo:hover {
  color: #E0191E;
  text-decoration: underline;
}

A.bgBranco {
  color: #E0191E;
  text-decoration: none;
}

A.bgBranco:hover {
  color: #E0191E;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #ffffff;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 /* background: #9A9A9A url("images/infobox/headerNavigation.jpg");*/
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #333; 
}

A.headerNavigation:hover {
  color: #000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00 url("images/infobox/corner_right_left_novo.gif");
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #9A9A9A;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #9A9A9A url("images/infobox/headerNavigation.jpg");
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
 /* background:transparent;*/
  /*background: #b6b7cb;*/
  
 /*background: #b6b7cb url("images/infobox/fundoBox.jpg");*/
}

.infoBoxContents {
  /*background: #f8f8f9;*/
  background: #3D3D3D;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#FFFFFF;
}

.infoBoxContentsBgBranco {
  /*background: #f8f8f9;*/
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#3D3D3D;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #9A9A9A;
background-image:url("images/infobox/corner_right_left_novo.gif");
color: #ffffff;
padding-left:5px;
padding-right:5px;
 }

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background:#ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb url("images/infobox/corner_right_left_novo.gif");
  color: #FFFFFF; 
  font-weight: bold;
  padding:5px;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main,TABLE.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding:5px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { background-color: whitesmoke; }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border border: 0px outset #fdfefd; */
	color: white;
	background-color: transparent;
	width:200px;
	
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
	border:0px solid #3D3D3D;
    background:#FF0000 url("images/fundoMenu.jpg");
	font-weight:Bold;
}

.vertitem a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;		
	text-decoration: none;
	position: relative;
	display: block;	
	color:white;	
	padding-top:5px;
	

}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #ffffff;
	text-decoration: none;	
	

}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: white;
	background-color: gray;
	text-decoration: none;
	background:#FF0000 url("images/fundoMenuO.jpg");
	padding-top:5px;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: red;
	padding-top:5px;
	background-color: #666666;	
	text-decoration: none;	
	background:#FF0000 url("images/fundoMenuO.jpg");
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: gray;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: red;
	background-color: #666666;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}


/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #003300;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #841212;
	background-color: #ccc;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #ff0000;
	font-size: 13px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}


/* Padronizando propriedades pros navegadores ficarem parecidos e corrigindo alguns bugs */
/**/

* { margin: 0; padding: 0; outline: 0; font-style: inherit;
 font-size: 100%; font-family: inherit;
  outline: none; } /* vertical-align: baseline; line-height: 1.1em; zerando os valores de todas as tags html */
p { margin-bottom: 0.5em; }
hr { clear: both; float: none; width: 100%; }
* html body hr { margin: -7px; display: block; }  /* os hr tem uma altura extra misteriosa no IE */
a, img { border: none; }
/*img { vertical-align: middle; }*/
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; } /* fieldset não é block em todos */
ul, ol { /* margin-left: 1.5em; */ list-style-position: outside; }
li { vertical-align: top; line-height: 1.2em; list-style: none; }  /* IE: posição vertical do marcador no IE  e espaço extra fantasma em li's */
li a { zoom: 1; line-height: 1.2em; }  /* complemento do anterior */
input[type=hidden]{ display: none !important; visibility: hidden !important; } /* input hidden no FF */
button { border: 1px outset #AAA; }
legend { margin-bottom: 1.4em; } /* Fixes incorrect styling of legend in IE6 fieldsets. */
/*label { display: block; }*/


caption, th, thead, tfoot { text-align: center; font-weight: bold; }
blockquote:before, blockquote:after,q:before, q:after { content: “”; }
blockquote, q { quotes: "" ""; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* FF 1999 */
 white-space: -pre-wrap; /* OP 4-6 */ white-space: -o-pre-wrap; /* OP 7 */  word-wrap: break-word; /* IE 5.5+ */ }
h1 { font-size: 250%; font-weight: normal; }
h2 { font-size: 200%; font-weight: normal; }
h3 { font-size: 150%; font-weight: normal; }
h4 { font-size: 120%; font-weight: normal; }
h5 { font-size: 110%; font-weight: normal; }
h6 { font-size: 100%; font-weight: bold; }

/* classes úteis de posicionamento */
.top { margin-top: 0; vertical-align: top; vertical-align: top; }
.bottom { margin-bottom: 0; vertical-align: baseline;  vertical-align: bottom; }
.left { margin-left: 0; float: left; }
.right { margin-right: 0; float: right; }
.center { margin: auto; vertical-align: middle; }
.first { margin-top: 0; margin-left: 0; vertical-align: top; }
.last { margin-bottom: 0; margin-right: 0; vertical-align: bottom; }
.lastVert { margin-right: 0 !important; padding-right: 0 !important; border-right: none !important; }

/* classes úteis na formatação */
.screenreader { display: none; }
.ak { text-decoration: underline; /* access keys */ }
.u { text-decoration: underline; /* textos underline */ }
.notice { background-color: #F9FF9A; /*yellow*/ }
.error { background-color: #FF8E8E; /*red*/ }
.highlight  { background:#ff0; }

/* clear float */
.clear { display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: block; zoom: 1; }
.divClear {clear: both; height:0; font-size:0; line-height:0; }

/* debug */
.debug {	border: 1px dashed red; }

/* anuladores */
.mNone { margin: 0 !important; }
.mLeftNone { margin-left: 0 !important; }
.mRightNone { margin-right: 0 !important; }
.floatRight { float: right !important; }
.floatLeft { float: left !important; }
.floatNone { float: none !important; } 
.pLeftNone { padding-left: 0 !important; }
.pRightNone { padding-right: 0 !important; }

.taLeft { text-align: left !important; }
.taRight { text-align: right !important; }
.bNone { border: none !important; }
.dNone { display: none  !important; }
.bgNone { background: none !important; }

/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1; }
.menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em; vertical-align: top }
.menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.2em }
.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden; width: 220px;}
.menu-hv li:hover ul,  .menu-vv li:hover ul,
.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible; background: #fff; }
.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden; background: #fff; }
.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible; background: #fff; }
.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden; background: #fff; }
.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible; background: #fff; }
/* características horizontal-vertical */
.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden; }
.menu-hv li { float: left; }  
.menu-hv li ul li { float: none; }
.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
/* características vertical-vertical */
.menu-vv { float: left; } 
.menu-vv li ul { left: 100%; top: 0; }
/* ****************************************
  ALTERE ABAIXO. defina a largura dos itens do seu menu abaixo
  ou apague as linhas se for definir em outro lugar */
.menu-hv li { position: static; }
.menu-vv li {  }
.menu-hv li a:hover {  }
.menu-vv li a:hover {  }
/* ****************************************
  Configuração de Estilo do menuNav */
ul.menuNav { font: normal 12px Arial, Helvetica, sans-serif; color: #252525; width: 170px; }
ul.menuNav li { height: 25px; border-bottom: 1px solid #ccc; }
ul.menuNav li a { color: #252525; background: #fff url(./new_images/arrow02.png) no-repeat 5px 10px; padding-left: 20px; font-weight: bold; text-decoration: none; line-height: 25px; }
ul.menuNav li a:hover { color: #252525; background-color: #f6f6f6;  text-decoration: none; }

ul.menuNav li ul.lastNivel li a { font-weight: normal; background: none; padding-left: 10px; }
ul.menuNav li ul.lastNivel li a:hover { background-color: #f6f6f6;  text-decoration: none; color: #f4161e; }

/* ****************************************
  Configuração de Estilo do menuNavHv */
ul.menuNavHv { font: normal 12px Arial, Helvetica, sans-serif; color: #252525; width: 210px; }
ul.menuNavHv li { /* height: 25px; */ border-bottom: 1px solid #ccc; width: 190px; }
ul.menuNavHv li a { color: #252525; background: #fff url(./new_images/arrow02.png) no-repeat 5px 10px; padding-left: 20px; font-weight: bold; text-decoration: none; line-height: 25px; }
ul.menuNavHv li a:hover { color: #252525; background-color: #f6f6f6;  text-decoration: none; }

ul.menuNavHv li ul.lastNivel { position: relative; }
ul.menuNavHv li ul.lastNivel li a { font-weight: normal; background: none; padding-left: 20px; line-height: 20px; visibility: visible; }
ul.menuNavHv li ul.lastNivel li a:hover { background-color: #f6f6f6;  text-decoration: none; color: #f4161e; }

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

/* styles html */
body { background: #000 url(./new_images/bg_body.png) repeat-x left top; }

.wraper {

	text-align:center;
	width:100%;	
	
}

.containerGeral { background: #fff; width: 980px; margin:0 auto; vertical-align: middle; padding: 5px; margin-left:auto;margin-right:auto }

.containerHeader { background: url(./new_images/bg_header.png) repeat-x left top; height: 140px; width: 100%; position: relative;}
/*.containerHeader { background: url(./new_images/fundo_natal.jpg) no-repeat; height: 140px; width: 100%; position: relative;}*/
.topo { position:relative; height: 109px; }
.img_televendas { position: absolute; top:90px; left: -20px; }

ul.menuNavHeader { background: url(./new_images/sprite_navHeader.png) no-repeat left top; height: 24px; position: absolute; right: 0; bottom: 0; }
ul.menuNavHeader li { background: url(./new_images/sprite_navHeader.png) repeat-x left bottom; height: 24px; float: left; }
ul.menuNavHeader li a { background: url(./new_images/arrow03.png) no-repeat left center; padding-left: 15px; padding-right:20px; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; line-height: 24px; text-decoration: none;  }
ul.menuNavHeader li a:hover { color: #FFEF94; text-decoration: none; }

.containerBuscaCart { background: url(./new_images/bg_BuscaCart.png) repeat-x; height:63px; margin-top: 5px; padding:0 10px; }
.formBusca { float: left; margin-top: 10px; text-align:left;/* height: 25px; */ }
.formBusca input, .formBusca span { vertical-align: middle; }
.formBusca label { color: #000; font: bold 12px arial, helvetica, clean, sans-serif; display: inline; height: 25px; line-height: 25px; }
.inputLogin { background: url(./new_images/bg_inputLogin.png) no-repeat; padding-left: 3px; padding-left: 3px; width: 150px; height: 25px; border: none; font: normal 12px arial, helvetica, clean, sans-serif; margin-left: 5px; color: #4c4c4c; line-height: 24px;}
.inputBusca { background: url(./new_images/bg_inputBusca.png) no-repeat; padding-left: 6px; width: 274px; height: 25px; border: none; font: normal 12px arial, helvetica, clean, sans-serif; margin-left: 5px; color: #4c4c4c; line-height: 24px;}

.btBusca {background: url(./new_images/bt_buscaOK.png) no-repeat; width: 44px; height: 25px; border: none; margin-left:5px; line-height: 25px;}
.btBusca:hover {background: url(./new_images/bt_buscaOK2.png) no-repeat; cursor:pointer;}

a.buscaAvanc { background: url(./new_images/arrow04.png) no-repeat 0 4px; font: bold 11px  Arial, Helvetica, sans-serif; color: #333; text-decoration: none; padding-left: 10px; margin-left: 50px; /* display: block; */ }
a:hover.buscaAvanc { color: #EB161C; }

.containerBreadCrumb {margin-bottom: 10px; font: normal 12px Arial, Helvetica, sans-serif;}
.containerBreadCrumb a{color: #333; text-decoration: none; background: url(./new_images/arrow05.png) no-repeat left 6px; padding-left:  10px; margin-right: 3px;}
.containerBreadCrumb a:hover{color: red; text-decoration: none;}

.containerCart {float: right; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; /* width: 335px; */}
.contentLogin {float:left; text-align: right; margin-right: 10px; background: url(./new_images/img_separadorCart.png) no-repeat right -5px; padding-right: 30px; height: 50px; font-size: 12px; font-weight: bold;width:300px}
.contentLogin2 {float:left; text-align: right; margin-right: 10px; height: 50px; font-size: 12px; font-weight: bold;}

a.bt_logOut {color: #fff; background: url(./new_images/bt_logOut.png) no-repeat; width: 45px; height: 19px; text-decoration: none; 
font: bold 11px  Arial, Helvetica, sans-serif; display: block; text-align: center; float: right; line-height: 19px;}
a:active.bt_logOut {margin: 1px 1px 0 0;}
a:hover.bt_logOut {color: #FFEF94;}

.yourCart {float: right; background: url(./new_images/img_sacolaFla.png) no-repeat 0 5px; padding-left: 45px; text-align:left}
.yourCart p {color:#ee091a; font-size: 11px; font-weight: bold;}
.valueCart span{color: #333; font: normal 18px Arial, Helvetica, sans-serif; margin-right: 5px; }

.containerTwitter {background: url(./new_images/bg_twitter.gif) no-repeat 0 0; width: 655px; height: 99px; position: relative; text-align: left;}
h3.lastTwitt {font: normal 22px Arial, Helvetica, sans-serif; color: #333; letter-spacing: -1px; font-style: italic; position: relative; top:10px;  width:600px;margin-left:120px}
h3.lastTwitt a{ color: orange; text-decoration: none;}
h3.lastTwitt a:hover{ color: #333; text-decoration: none;}
a.linkFollow {font: bold 12px Arial, Helvetica, sans-serif; color: red; text-decoration: none; position: absolute; right: 0; bottom: 0; margin: 0 30px 10px 0;}
a.linkFollow:hover {color: #333; text-decoration: none;}

.containerLojas {background: url(./new_images/bg_lojas.png) repeat-x; height: 93px;}
.boxLojas {float: left;}
.infoEnderecos {float: left;}
.infoEnderecos span{display: block; color: #fff; font: bold 12px arial; }

.containerRodape { background: #000 url(./new_images/bg_rodape.png) repeat-x left top; height: 300px; padding: 35px 0 0 40px; text-align:left }
.containerRodape h3{ font: bold 16px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; }

.boxRodape { height: 135px; width:260px }
.colunaRodape { float: left; border-right: 1px solid #5d5d5d; padding-right: 0px; margin-right: 35px; }

.textoFormaPag { font: normal 11px Arial, Helvetica, sans-serif; color: #fff; margin-top:6px; }

.bg_crf { background: url(./new_images/escudo_crfRodape.png) no-repeat 46% 30px; width:300px; }

ul.navRodapeList { margin-top: 6px; }
ul.navRodapeList li { background: url(./new_images/arrow01.png) no-repeat 0 8px; padding-left: 12px; font: normal 12px Arial, Helvetica, sans-serif; line-height: 20px; }
ul.navRodapeList li a { text-decoration: none; color: #fff; }
ul.navRodapeList li a:hover { color: #fbd637; }

ul.navSocialMedia { margin-top: 6px; }
ul.navSocialMedia li { background: url(./new_images/sprite_socialMedia.png) no-repeat; height: 30px; padding-left: 40px; float: left; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 25px; }
ul.navSocialMedia li strong { font-weight: bold; }
ul.navSocialMedia li a { text-decoration: none; color: #fff; }
ul.navSocialMedia li a:hover { color: #fbd637; }
ul.navSocialMedia li.twitter { background-position: 0 0; margin-right: 70px; }
ul.navSocialMedia li.orkut { background-position: 0 -60px; }
ul.navSocialMedia li.facebook { background-position: 0 -30px; }

ul.navTelevendas { margin-top: 6px; }
ul.navTelevendas li { background: url(./new_images/sprite_televendas.png) no-repeat; padding-left: 22px; font: normal 12px Arial, Helvetica, sans-serif; line-height: 20px; color: #fff; height: 17px; margin-bottom:8px; }
ul.navTelevendas li.tel { background-position: -2px  2px; }
ul.navTelevendas li.mail { background-position: 0  -13px; }
ul.navTelevendas li.hora { background-position: 0  -28px; }

.containerCredito { background:url(./new_images/bg_credito.png) repeat-x; height: 70px; padding: 0 15px; text-align:left }
.copyright { float:left; font-family: Arial, Helvetica, sans-serif; margin-top: 25px; position: relative; font-style: normal; }
.logoFlaRodape { position: absolute; top: -48px; }
.copyright strong { font-weight: bold; font-size: 11px; }
.copyright p { font-size: 10px; }
h5 a.creditos { width:126px; height:28px; background: url(./new_images/logo_realweb.png) no-repeat top left; display: block; float: right; text-indent:-9999px; position: relative; top:25px; }
h5 a:hover.creditos { width:126px; height:28px; background: url(./new_images/logo_realweb.png) no-repeat top right; display: block; }


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression
*/
* html * { color: expression( (function(who){ if(!who.MXPC && who.nodeName != 'A'){
 who.MXPC = '1';
 who.onmouseenter=function(){ who.className += ' hover'};
 who.onmouseleave=function(){ who.className = who.className.replace(' hover','')};
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }

.containerSteps {margin-bottom: 15px; border: 1px solid #666; border-top: none; border-bottom: none; margin-left:auto;
margin-right:auto;width:928px; }
a.stepsCheckout {background: url(./images/img_divSteps.png) no-repeat right top; height: 30px; line-height: 30px; color: #333;
border: 1px solid #666; border-right: none; border-left: none; text-align: center; width: 217px;
float: left; display: block; padding-right: 15px; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif;  line-height: 30px;  }
a:hover.stepsCheckout { height: 30px; line-height: 30px; color: red; }
a.ative { height: 30px; line-height: 30px; color: red; }


div.jqZoomTitle
{
    z-index:5000;
    text-align:center;
    font-size:13px;
    font-family:Tahoma;
    height:16px;
    padding-top:2px;
    position:absolute;
    top: 0px;
    left: 0px;
    width: 70%;
    color: #FFF;
    background: #999;

}

.jqZoomPup
{
        overflow:hidden;
        background-color: #FFF;
        -moz-opacity:0.6;
        opacity: 0.6;
        filter: alpha(opacity = 60);
        z-index:10;
        border-color:#c4c4c4;
        border-style: solid;
        cursor:crosshair;
}

.jqZoomPup img
{
    border: 0px;
}

.preload{
    -moz-opacity:0.8;
    opacity: 0.8;
   filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
   text-decoration: none;
    border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
    text-align:center;
   background-image: url(images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
    width:90px;
    * width:100px;
    height:43px;
    *height:55px;
    z-index:10;
    position:absolute;
    top:3px;
    left:3px;

}

.jqZoomWindow
{
    border: 4px solid #999;
    background-color: #FFF;

}

.contentVisuProd {padding: 20px; }
h2.nomeProdVisu { color: #333; font: bold 18px Arial, Helvetica, sans-serif; margin-bottom: 25px; }
.cliqueAmp {font: bold 10px Arial, Helvetica, sans-serif; color: #333;}
.infoProdVisu {border-left: 1px solid #ccc; padding-left: 20px; margin-left: 20px; height: 140px; }
.infoProdVisu span{color: red; font-size: 16px;}
.infoProdVisu p{ color: #333; font: bold 12px Arial, Helvetica, sans-serif; font: bold 12px Arial, Helvetica, sans-serif; }
.tabelaInfoProd {border: 1px solid #000; margin-top: 30px; border-collapse: collapse;}
.tabelaInfoProd td{border: 1px solid #000; padding: 5px; }



/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;}
 .menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
 .menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em; vertical-align: top }
 .menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.2em }
 .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
 .menu-hv li:hover ul,  .menu-vv li:hover ul,
 .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
 .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
 .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
 .menu-hv li li:hover ul,  .menu-vv li li:hover ul,
 .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
 .menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
 .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
 .menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
 .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
 /* características vertical-vertical */
 .menu-vv { float: left; } 
 .menu-vv li ul { left: 100%; top: 0; }
 /* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
 */
 .menu-hv li { width: 100px; background-color: white }
 .menu-vv li { width: 100px; background-color: white }
 .menu-hv li a:hover { background-color: cyan }
 .menu-vv li a:hover { background-color: cyan }
 
 .menu_internal { border:0px solid gray; }
 
 .menu_internal li { width: 100px; background-color: white;padding:5px; font-size:11px; }
 .menu_internal li:hover { background-color: whitesmoke;cursor:pointer }  
 
 
 /* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }