a {text-decoration: none;}
a:hover {text-decoration: underline;}
* { margin:0;padding:0;}
img {border:0px;}
html, body {height:100%;border:none}
body, td, span, div, p, .txt, .links  {font: 11px arial; color:#333333;}
   
/* ########### FORMULÁRIOS  ############ */   
.formCheck {}
.formRadio {}
textarea, input.form{border:solid 1px #CCCCCC;background:#FAFAFA;padding:1px 0 0 5px}
input.borda{border:solid 1px #B7A87B;}
input, select, textarea {font: 10px Arial; color:#4F4331;margin:auto;padding:auto;}
input.codigo {width:71px;height:18px;background:url(../img/bgr_form_cod.gif) no-repeat fixed; border:none;padding:2px 0 0 5px}
input.senha {width:45px;height:18px;background:url(../img/bgr_form_senha.gif) no-repeat fixed; border:none;padding:2px 0 0 5px}
textarea {}   
.fix{background-attachment: fixed;}
html>body .fix{background-repeat: no-repeat;background-attachment: scroll;}
   
   
/* ############# CLASSES  ############## */
.box{width:367px;background:url(../img/bgr_box.gif) repeat-y}
.box div.saiba{height:24px;text-align:right;width:367px;background:url(../img/bgr_box_saiba.gif) repeat-y}
.box div.cont{margin:0 0 8px 20px;width:330px;}
.box div.cont2{margin:0 0 0 20px;width:330px;}
.box div.cont p{margin:0 0 -8px 0;}
.box div.cont2 p{margin:0 0 -8px 0;}
.none{}
.box div img {margin-right:6px}
.boxperguntas{width:365px;border-bottom:solid 1px #D8CEA7;border-top:solid 1px #D8CEA7;background:#FAF9F5;padding:14px 17px 14px 18px;margin-top:10px;}
html > body .boxperguntas{width:337px;}
.boxcla{width:541px;border-left:solid 1px #C5BA95;border-right:solid 1px #C5BA95;background:#F0EEE3}
html > body .boxcla{width:539px;}
.respcla{padding:6px 6px 0 6px;}
.tbcla{border-top:solid 1px #D1C8AB;border-bottom:solid 1px #D1C8AB;border-left:solid 1px #D1C8AB;margin-bottom:6px}
.tbcla td{border-right:solid 1px #D1C8AB;width:149px;padding:13px}
#conteudo .detcla p {padding-bottom:.2em}
.preco{background:#F6F4EB;border-top:solid 1px #DFD7BB;border-bottom:solid 1px #DFD7BB;padding:6px 0;text-align:right;margin-top:15px;font:14px tahoma;color:#333333;}
.precocla{font:14px tahoma;color:#333333;margin:3px 0 4px 0;}
.loja{border-top: solid 1px #DFD7BB;border-bottom: solid 1px #DFD7BB;background:#FBFAF4;padding:14px;width:540px}
html > body .loja{width:512px}

.login {font: 10px Arial; color : #000000;}
.boxmenu {border-right:solid 2px #F6F6F6;background:#fff}
.marginb8{margin-bottom:8px}
.marginl8{margin-left:8px}
.marginr10{margin-right:10px}
.marginl20{margin-left:20px}
.scroll{scrollbar-3dlight-color: #CCCCCC;scrollbar-arrow-color: #666666;scrollbar-base-color: #666666;scrollbar-darkshadow-color: #666666;scrollbar-face-color: #ECECEC;scrollbar-highlight-color: #CCCCCC;scrollbar-shadow-color: #CDCDCD;scrollbar-track-color: #E1E1E1;}
.txtlegenda{font-size: 9px;}
.txtmenor{font-size: 10px;color:#333333;}
.txtdestaquelegenda{font-size: 9px;color:#CC0000;}
.txtdestaquemenor{font-size: 10px;color:#CC0000}
.txtdestaque{font-size: 11px;color:#CC0000}
.txtesc{color:#4F4331}
.txtescmenor{font-size: 10px;color:#4F4331;}
.dhtml{background:url(../img/bgr_form.gif) no-repeat;padding:2px 0 0 5px;font-size:10px}
.saibamais{display:block;margin-top:5px;width:55px}
.saibamais img{margin-left:5px}
.box_home{width:236px;border-right:solid 2px #F6F6F6;background:#fff}
html > body .box_home{width:234px;}
.resp_filial{width:320px;border-bottom:solid 1px #E0D8BA;padding-bottom:12px;margin-bottom:12px}
.marginr12{margin:0 12px 0 0}
p.ttl{color:#E30C1C;font: 19px Tahoma}
.boxtopsorteio {background: url(../img/box_topo_sorteio.gif) no-repeat;width:178px;height:45px;padding:15px 0 0 50px;color:#E30C1C;font: 18px Tahoma;}
html > body .boxtopsorteio {height:30px;width:128px}
.boxcontsorteio{padding:0 1px 0 1px;background:#C5BA95;width:178px}
html > body .boxcontsorteio{width:176px}
.boxcontsorteio td.txt{padding-left:20px;width:88px;color:#4F4331}
.boxcontsorteio td.txt2{padding-left:20px;width:87px;color:#4F4331}
html > body .boxcontsorteio td.txt{width:68px}
html > body .boxcontsorteio td.txt2{width:67px}

.boxcontsorteiope td {font: 13px Tahoma;color:#333333;font-weight:bold}
.boxcontsorteiope td.ttl {font: 13px Tahoma;color:#E30C1C}

/* ### PAGINAÇÃO ### */
.paginacao {width:541px;border-left:solid 1px #C5BA95;border-right:solid 1px #C5BA95;background:#E1D8BC url(../img/bgr_box_pag.jpg) repeat-x;padding:0 14px}
html > body .paginacao {width:511px;}
.pagatv{color:#E30C1C;text-decoration:underline}
.blt{color:#E30C1C;}


ul.lista{list-style:none}
ul.lista li{background:url(../img/blt_menu.gif) 0 6px no-repeat;padding-left:10px;margin-bottom:4px}
ul.lista li a {color:#E30C1C;}

ul.listagr{list-style:none}
ul.listagr li{background:url(../img/blt_gr.gif) 0 5px no-repeat;padding-left:15px;margin-bottom:10px}
ul.listagr li a {color:#E30C1C;}
ul.listagr li a.txtesc {color:#333333;}


ul.veja{list-style:none;margin-top:15px;}
ul.veja li{background:url(../img/blt_quadrado_verm.gif) 0 6px no-repeat;padding-left:10px;margin-bottom:6px}
ul.veja li a {color:#4F4331;}

#vejatb{background:#FAF9F5}
#vejatb ul.veja{list-style:none;margin:8px 0 12px 10px;background:#FAF9F5}
#vejatb ul.veja li{background:url(../img/blt_quadrado_verm.gif) 0 6px no-repeat;padding-left:10px;margin-bottom:4px}


/* ############# ID´S  ############## */
#submenu_direita .lista{margin-top:8px;}
#submenu_direita .lista li{background:url(../img/blt_menu.gif) 0 4px no-repeat;line-height:13px;margin-bottom:9px;}
html > body #submenu_direita .lista li{background:url(../img/blt_menu.gif) 0 5px no-repeat;}
.marcada{text-decoration:underline;}
#menu .marcada{text-decoration:none;}
#caminho{width:603px;background:#F6F4EB;padding:1px 0;margin-bottom:12px;}
#caminho div{font-size: 10px; color : #6B5B43;padding:6px 0 6px 25px;border-left:solid 5px #E0DABA}
#caminho div a{font-size: 10px;text-decoration:underline;color : #6B5B43;}
#caminho div img{margin: 0 2px;}
#resul_filiais{margin-left:171px;background:#FBFAF7;width:370px;padding:18px 0 22px 25px;border-bottom:solid 1px #E0D8BA;}
html > body #resul_filiais{background:#FAF9F5;width:345px;}
#logo {padding:0 0 39px 0;}
#home #logo {padding:0 0 39px 0;background:url(../img/bgr_logo.jpg) bottom right no-repeat;}
#data{background: url(../img/bgr_data.jpg) no-repeat;width:160px;height:52px;margin:0 0 3px 0;text-align:right;padding:8px 16px 0 0;}
#data p{line-height:12px;font-size:9px;}
html > body #data{width:144px;height:44px;}
#footer td, #footer a{color:#E30C1C;font-size:10px}
#footer #footermenu {height:40px;background:url(../img/bgr_footer_int.jpg) no-repeat}
#home #footer #footermenu {height:40px;background:url(../img/bgr_footer.jpg) no-repeat}
/* ############# HOME ############### */
#hometopesq, .tdmenu {background: #F0ECDD url(../img/bgr_top_esq.jpg) repeat-x;}
#hometopcont {height:1%;width:775px; }
#hometopdir {width:50%;background: #FAF9F3 url(../img/bgr_top_dir.jpg) repeat-x;}
#homerodesq {width:50%;height:99%;background:#E4DCC2}
#home #homerodesq {width:50%;height:99%;background:#E4DCC2 url(../img/bgr_rod_esq.jpg) repeat-x;}
#dir_int{background:#FAF9F3 url(../img/bgr_dir_int.jpg) repeat-x;}
#dir_esq, .menutd{background:#E4DCC2 url(../img/bgr_esq_int.jpg) repeat-x;}

#homerodcont {background:#CFC194}
#homeroddir {background: #FAF9F3}
#tabletop{width:100%;background:url(../img/bgr_login.jpg) repeat-x;}
#tableint{width:100%;height:100%;margin-top:-1px}
#topesq{width:50%;height:32px;}
#topdir{width:50%}
#conceitual_int{width:604px;height:155px;}
#cont_int{background:url(../img/bgr_cont_int.gif) repeat-y;}

#table{width:100%;height:100%;}
#homeframe{padding-top:26px; background:url(../content/home/img/bgr_frame.jpg) repeat-x;}
#conteudo2, #conteudo{margin-left:30px;}
#conteudo p, #conteudo2 p{padding-bottom:1.2em}

/* ##########  BUSCA ######### */
#busca {padding-left:22px;height:50px}
#busca p{color:#E30C1C;padding: 6px 0 3px 2px}
input.palavra {height:18px;width:104px;border:none;background:url(../img/bgr_palavra.gif) no-repeat fixed;float:left;margin-right:1px;padding:2px 0 0 5px}
html > body input.palavra{margin-right:4px}


/* ##########  FILIAL ######### */
body#home #filial {padding:12px 14px 30px 0;text-align:right;margin-bottom:5px}
#filial {padding:12px 14px 20px 0;text-align:right;margin-bottom:5px}
#filial p{color:#E30C1C;padding: 10px 0 5px 2px;line-height:12px}
.uf {font-size:10px;height:18px;width:89px;border:none;background:url(../img/bgr_palavra.gif) no-repeat;padding:2px 0 0 5px}

div#subfilial{width:109px;background:#FAFAFA;visibility:hidden;border:solid 1px #CCCCCC;height:70px;overflow:auto;}
html > body div#subfilial{width:107px;}
div#subfilial a {display:block;font-size:10px;color:#333;padding:0 0 0 8px;width:91px;}
html > body div#subfilial a {width:82px}
div#subfilial a img{margin-right:5px}
div#subfilial a:hover {text-decoration:none;background:#EFEFEF}


/* ##########  SITES ######### */
#sites {padding:0 10px 5px 0;text-align:right;}
#sites p{color:#E30C1C;padding: 10px 0 5px 2px;line-height:12px}
.sites, #login .finasa {font-size:10px;height:18px;width:118px;border:none;background:url(../img/bgr_form.gif) no-repeat;padding:2px 0 0 5px;color:#333333;}

div#subsites, div#subsimulador{width:139px;background:#FAFAFA;visibility:hidden;border:solid 1px #CCCCCC;height:50px;overflow:auto;overflow-x:hidden}
html > body div#subsites, html > body div#subsimulador {width:137px}
div#subsites a, div#subsimulador a  {display:block;font-size:10px;color:#333;padding:0 0 0 8px;width:100%;}
html > body div#subsites a, html > body div#subsimulador a {width:113px}
div#subsites a img, div#subsimulador a img{margin-right:5px}
div#subsites a:hover, div#subsimulador a:hover {text-decoration:none;background:#EFEFEF}

/* ########## FINASA ########## */
div#subfinasa{width:139px;background:#FAFAFA;visibility:hidden;border:solid 1px #CCCCCC;height:80px;overflow:auto;}
html > body div#subfinasa{width:137px;}
div#subfinasa a {display:block;font-size:10px;color:#333;padding:0 0 0 8px;width:122px;}
html > body div#subfinasa a {width:113px}
div#subfinasa a img{margin-right:5px}
div#subfinasa a:hover {text-decoration:none;background:#EFEFEF}

/* ########## CLENTES E LOJISTAS ########## */
div#subclientes, div#sublojistas{width:150px;background:#FAFAFA;visibility:hidden;border:solid 1px #CCCCCC;height:180px;overflow:no;}
html > body div#subclientes, html > body  div#sublojistas{width:187px;}
div#subclientes a, div#sublojistas a {display:block;font-size:10px;color:#333;padding:0 0 0 8px;width:171px;}
html > body div#subclientes a, html > body div#sublojistas a {width:163px}
div#subclientes a img, div#sublojistas a img{margin-right:5px}
div#subclientes a:hover, div#sublojistas a:hover {text-decoration:none;background:#EFEFEF}

/* ####### LOGIN #########*/
#login{height:32px;background:url(../img/bgr_login.jpg) repeat-x;width:775px;}
#login td {color:#E30C1C;font-size:9px}

/* ##########  MENU ########## */
#menu{text-align:right;height:87px;padding-top:8px;}
html > body #menu{height:79px;}
#menu a{color:#E30C1C;display:block;margin:3px 16px 3px 0}
#menu a:hover{color:#E30C1C;font-weight:bold;text-decoration:none;}
#menu a img{margin-left:6px}
#menu a.marcada{font-weight:bold;color:#E30C1C;display:block;margin:3px 16px 3px 0}

body#home #submenu{text-align:right;padding:8px 0 8px 0;}
#submenu a{color:#E30C1C;display:block;margin:0px 16px 0 0;font-size:10px;width:144px;}
#submenu a:hover{color:#E30C1C;font-weight:bold;text-decoration:none;}
#submenu a img{margin-left:6px;}


/* ####### Histórico ######### */
#historico{border-left:solid 1px #C2B68F;border-right:solid 1px #C2B68F;background:#E6DFC7 url(../content/quem_somos/img/bgr_cont.jpg) repeat-x;width:367px;padding:18px 22px;}
html > body #historico{width:321px}
#historico img{float:left;margin-right:20px;}

.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;

	}

.transMenu.top .items {
	border:none;
/*	border-top:none;*/
	}

/* each TR.item is one menu item */
.transMenu .item td{
	font: 10px Trebuchet MS; 
	color:#333333;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:1px; width:2px;
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:0px; height:2px;
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#EFEFEF;
	color:#004471;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:8px;
	}

	
	
/* ############# FLASH ############## */
#conteudo h1{font-family: arial;margin: 0;	padding: 0;	font-size: 19px;font-weight:bold;letter-spacing: -.05em;}
#conteudo h2{font-family: arial;margin: 0;	padding: 0;	font-size: 14px;font-weight:bold;letter-spacing: -.02em;}

@media screen {
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
}