/* 
css reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
#corpo #content { padding-bottom:10px!important; }
/* 
clear fix
http://www.webtoolkit.info/css-clearfix.html
*/
.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%}

/*
classes reutilizaveis
*/
.imgrpl{display:block;font-size:1px;text-indent:-9000px;}
.show{display:block;}
.hide{display:none;}
.hidden{visibility:hidden;}
.nb{border:none;background:transparent;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
.abs{position: absolute;}
.selfix{vertical-align: 0 !important;vertical-align: -2px;}
.radfix{width:13px !important;height:13px !important;width:15px;height:15px;vertical-align: -2px;border:none;background:none;padding:0;margin:0;}
.fixbottom{padding-bottom: 2px !important;margin-bottom: 2px !important}
.clearBoth { clear:both; }
.indent{ text-indent:-9999px; overflow:hidden; display:block; }

/* 
uso geral
*/ 

/* fonte */
body,div,td,p,span,input,select,textarea {font: 11px tahoma, verdana, sans-serif;color:#868686;}
body{background-color:#ededed;}
/* forms  */
input,select,textarea{color: #000;}
textarea{overflow:auto;}

/* links */
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:underline;}

/* sirf */
@media screen {
	.sIFR-hasFlash h3.tit_green, .sIFR-hasFlash h3.tit_watergreen {
		visibility: hidden;
		font-family: Arial;
		font-size: 18pt;
		height: 29px;
	}
	.sIFR-hasFlash h3.tit_green {color: #0c6128}
	.sIFR-hasFlash h3.tit_watergreen {color: #97cbb5}
}

div.geral { padding:20px	 0 0 30px; }
div.geral a{ font: 11px tahoma, verdana, sans-serif;color:#868686; text-decoration:underline; }

/*1° Bloco da esquerda*/
div.geral div.e{ width:673px; float:left; }
div.geral div.e ul.links li{ float:left; width:148px; height:38px; margin:11px 12px 0 0; }
div.geral div.e ul.links li a{ width:148px; height:38px; }
div.geral div.e ul.links li.vantagens a{ background:url(img/bts/btn_vantagens.gif) no-repeat; }
div.geral div.e ul.links li.contatos a{ background:url(img/bts/btn_contatos.gif) no-repeat; }
div.geral div.e div.subhead p{ margin: 0 0 14px 22px; padding-right:30px; color:#666; }
div.geral div.e div.subhead p span.stg_credicard-master { background:url(img/tx/stg_credicard-master.gif) no-repeat; width:201px; height:12px; text-indent:-9999px; overflow:hidden; }
/*End 1° Bloco da esquerda*/



/*Bloco da Direita*/
/*================================================== Titulo e 1° BOX*/
div.geral div.d{ width:235px; float:left; }
div.geral div.d h2.veja { width:100px; height:19px; }
div.geral div.d h2.veja{ background:url(img/tx/vejatambem.gif) no-repeat; }
/*================================================== 2° BOX*/
div.geral div.d div.credicard{ width:235px; height:105px; margin-top:5px;}
/*================================================== 3° BOX*/
div.geral div.d div.comofunciona{ width:235px; height:150px; margin-top:15px;}
/*End Bloco da Direita*/



/*2° Bloco da esquerda*/
div.geral div.e div.outras { position: relative; width:630px; height:474px; background:url(img/bg/bx_outras.jpg) no-repeat; }
div.geral div.e div.outras ul { margin:78px 0px 0px 34px; color:#333; display:none;}
div.geral div.e div.outras li { margin-bottom:10px; }
div.geral div.e div.outras a.estab { position: absolute; display: block; left: 29px; top: 114px; width: 165px; height: 10px; }

div.geral a.voltar { width:74px; height:27px; background:url(img/bts/btn_voltar.gif) no-repeat; margin:13px 0 15px 0; }

div.rod { position: relative; width:633px; height:73px; background:url(img/bg/bx_rod.gif) no-repeat; }
div.rod a { position: absolute; display: block; left: 143px; top: 20px; width: 62px; height: 11px; }


div.geral div.contatos { width:633px; height:266px; background:url(img/bg/bx_contatos.jpg) no-repeat; }
div.geral div.contatos ul { margin:55px 0 0 16px; }
div.geral div.contatos ul li { float:left; }
div.geral div.contatos ul li.pri{ width:196px; }
div.geral div.contatos ul li.pri p{ margin-top:5px; }
div.geral div.contatos ul li.pri h3.internet { background:url(img/tx/internet.gif) no-repeat; width:57px; height:13px; } 
div.geral div.contatos ul li.pri h3.central { background:url(img/tx/central-de-atendimento.gif) no-repeat; width:161px; height:12px; }
div.geral div.contatos ul li.pri h3.vendas { background:url(img/tx/central-de-vendas.gif) no-repeat; width:121px; height:12px; }
div.geral div.contatos ul li.pri span.zo { background:url(img/tx/central0800.gif) no-repeat; width:117px; height:12px; margin-top:10px; }
div.geral div.contatos ul li.pri span.q { background:url(img/tx/central4004.gif) no-repeat; width:80px; height:12px; margin-top:10px; }
div.geral div.contatos ul li.sec{ width:208px; }
div.geral div.contatos ul li.sec h3.sac { background:url(img/tx/sac.gif) no-repeat; width:96px; height:12px; }
div.geral div.contatos ul li.sec span.zo { background:url(img/tx/sac0800.gif) no-repeat; width:115px; height:12px; margin-top:10px; }
div.geral div.contatos ul li.sec p { padding-right:25px; margin-top:5px;  }
div.geral div.contatos ul li.ter{ width:208px; }
div.geral div.contatos ul li.ter h3.ouvidoria{ background:url(img/tx/ouvidoria.gif) no-repeat; width:94px; height:12px; }
div.geral div.contatos ul li.ter span.zo { background:url(img/tx/ouvidoria0800.gif) no-repeat; width:116px; height:12px; margin-top:10px; }
div.geral div.contatos ul li.ter p { padding-right:10px; margin-top:5px; }