body {margin:0; background:#bdbdbd url(Images/bg_body.jpg) repeat-x top; color:#FFF; font-family: Verdana;}

a {color:#FFF; font-size:11px; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
br.clear{clear:both;}
.menu {float:left; width:976px; height:43px; background: url(Images/bg_mainMenu.gif);}
.menu ul {list-style:none; margin:0; text-indent:0; padding:0;}
.menu li {display:block; float:left; padding: 0 25px; height:40px; padding-top:3px; background: url(Images/bgMenu.gif) repeat-x bottom right;}
.menu li.select {background: url(Images/bgMenuRed.gif) repeat-x bottom right;}
.menu li.select a {color:#FFF;}
.menu li.last {padding: 0 28px 0 25px; height:40px; padding-top:3px;  background: url(Images/bgMenuLast.gif) repeat-x bottom right;}
.menu li.lastRed a {color:#FFF;}
.menu li.lastRed {padding: 0 28px 0 25px; height:40px; padding-top:3px;  background: url(Images/bgMenuLastRed.gif) repeat-x bottom right;}
.menu li.first {padding: 0 0px 0 28px; height:40px; padding-top:3px;  background: url(Images/bgMenuFirst.gif) repeat-x bottom left;}
.menu li.first a {padding:0 25px 0 0; background: url(Images/bgMenuAFirst.gif) no-repeat bottom right;}
.menu li.firstRed {padding: 0 0px 0 28px; height:40px; padding-top:3px;  background:#FFF url(Images/bgMenuFirstRed.gif) repeat-x bottom left;}
.menu li.firstRed a {padding:0 25px 0 0; color:#FFF; background: url(Images/bgMenuAFirstRed.gif) no-repeat bottom right;}
.menu li a {color:#3e3e3e; text-decoration:none; line-height:40px; font-size:0.85em; display:block; float:left;}
.menu li a:hover {text-decoration:underline;}
div.c1 {margin-right:10px;}

.container {width:976px; margin:auto; overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-488px;margin-top:-281px;}
.content {clear:both; float:left; width:966px; background: url(Images/bg_container.gif); padding:0 5px;}
/*.content {clear:both; float:left; width:966px; background: url(Images/bg_container.gif);}*/
.content .top {width:966px; height:121px; float:left; background: url(Images/bannerTop.jpg) no-repeat; border-bottom: 1px solid #4D5788;}
.content .top a.linkVideoDidi{width:100px; height:20px; float:right; position:relative; top:93px; left:-168px;}
.content .top .logo {width:227px; height:121px; float:left;}
.content .top .banner {width:521px; height:121px; float:right;}
.content .topInterna {width:966px; height:121px; float:left; background: url(Images/bannerTop.jpg) no-repeat; border-bottom: 1px solid #4D5788;}
.content .topInterna a.linkVideoDidi{display:block; width:100px; height:20px; float:right; position:relative; top:93px; left:-168px;}
.content .topInterna .logo {width:227px; height:121px; float:left;}
.content .topInterna .banner {width:521px; height:121px; float:right;}

.content .homeBanner {width:966px; height:204px;  float:left; background:#000; border-bottom: 1px solid #4d5788;}
.content .homeContent {width:914px; padding:25px 26px; float:left;}
.content .homeContent .homeBox {float:left; width:273px; height:93px; padding:13px 11px; overflow:hidden;}
.content .homeContent .homeBox h2 {margin:0 0 20px; font-size:12px;}
.content .homeContent .homeBox p {margin:0; font-size:11px;}
.content .homeContent .cadastroHome {background: url(Images/bg_cadastroHome.jpg);}
.content .homeContent .leopardHome {background: url(Images/bg_leopardHome.jpg); margin:0px 14px; padding-right:174px; width:110px;}
.content .homeContent .icapHome {background: url(Images/bg_homeBrokerHome.gif); padding-right:114px; width:170px;}
.content .homeContent .icapHome a{display:block; width:145px;}

/*Inicia estilo geral de paginas internas*/													
.content .col1 {width:614px; padding:20px; float:left;height:334px;overflow-y:auto;}
.content .col1 h1 {font-size:12px; font-weight:bold; display:block; border-bottom:1px solid #4d5788; padding-bottom:3px;}
.content .col1 h2 {font-size:11px;margin:15px 0px;}
.content .col1 h3 {font-size:0.75em; display:block; border-bottom:1px solid #4d5788; margin-top:25px;}
.content .col1 p {font-size:11px; margin:10px 0; line-height:14px;}

/*trabalhe na Icap*/
.content .col1 .formCur label{display:block; font-size:11px;}

/*Fale Conosco*/
.content .col1 .formFaleCon {font-size:11px;}
.content .col1 .formFaleCon .CheckBoxFaleCom{margin:5px 0 25px 0;}
.content .col1 .formFaleCon .CheckBoxFaleCom label{margin:0 13px 0 0;}

/*empresa*/
.content .col1 .empresaTextContent{width:590px; float:left;}
.content .col1 .empresaVideoContent{width:160px; float:right;}
.content .col1 .empresaVideoContent a{margin-left:10px;}
.content .col1 .empresaVideoContent div{width:136px; height:81px; margin:15px auto 5px auto; border:1px solid #4d5788; padding: 2px 0 0 2px;}
.content .col1 .empresaVideoContent div a{margin-left:0;}

/*Conta de Pessoa Juridica*/
.content .col1 .boxContaPadrao{border:1px solid #4D5788; color:#FFFFFF; display:block; font-size:1em; line-height:16px;margin:20px 0; padding:0 15px 15px; text-decoration:none;
}
.content .col1 ul.passoDoisConta {list-style:none; margin:20px 0 25px 0; text-indent:0}
.content .col1 ul.passoDoisConta li {height:13px;}
.content .col1 a.linkDownload{background:transparent url(Images/page_go.gif) no-repeat 0 15px; color:#FFFFFF; display:block; font-size:0.7em; line-height:16px; padding:15px 0 0 21px;}

/*Conta de Clubes e Fundos*/
.content .col1 .boxContaSmallLeft{font-size:1em; line-height:16px; display:block; margin:20px 0; color:#FFF; border:1px solid #4d5788; padding: 0px 15px 15px 15px; width:44%; float:left;
}
.content .col1 .boxContaSmallRight{font-size:1em; line-height:16px; display:block; margin:20px 0; color:#FFF; border:1px solid #4d5788; padding: 0px 15px 15px 15px; width:44%; float:right;
}

/*ICAP Leopard*/
.content .col1 .contentBox{background:transparent url(Images/bgBoxBottomRight.gif) no-repeat right bottom; float:left;}
.content .col1 .contentBox div{background:transparent url(Images/bgBoxBottomLeft.gif) no-repeat left bottom; float:left;}
.content .col1 .contentBox div div{background:transparent url(Images/bgBoxTopRight.gif) no-repeat right top; float:left;}
.content .col1 .contentBox div div div{background:transparent url(Images/bgBoxTopLeft.gif) no-repeat left top; float:left;}
.content .col1 .contentBox ul{list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 10px; padding:0; text-indent:0;font-size:16px}
.content .col1 .contentBox ul li{font-size:0.7em; line-height:16px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:0; text-indent:0;}
.content .col1 .contentBox .icapleopardBox{padding:5px 15px; width:275px;}
.content .col1 .icapleopardVideo{float:right;}
.content .col1 .icapleopardPhoto{clear:both; float:left; margin:38px 0; width:614px; }


/*Charity Day*/
.content .charityDayContent {clear:both; width:966px; height:415px; background:url(Images/bg_CharityDay.jpg) no-repeat left top; padding:0;}
.content .charityDayContent .charityDescricao {width:627px; height:223px; background:url(Images/charityDescricao.gif) no-repeat left top; margin-left:16px; _margin-left:8px; float:left; padding: 8px 0 0 10px;}
.content .charityDayContent .criancaEsperanca{width:299px; height:111px; background:url(Images/criancaEsperanca.gif) no-repeat left top; float:right; margin-top:56px;}
.content .charityDayContent p{width:611px; color:#ffffff; font-size:10px; margin:0; line-height:14px;} 
.content .charityDayContent h2{font-size:10px; color:#ffffff; margin:8px 0px}

.content .charityDayContent .HappyChildren{width:562px; height:165px; background:url(Images/imgHappyChildren.jpg) no-repeat left top; float:right;}
.content .charityDayContent .titleImage{width:404px; height:114px; background:url(Images/img_9_Dezembro.gif) no-repeat left top; margin:0; float:left;}
/**/


/*Relatorios Institucionais*/
.content .col1 .limparFloat{clear:both;}
.content .col1 .boxContentMacroeconomico{width:301px; float:left; border:1px solid #4d5788; margin-top:30px;}
.content .col1 .boxContentMacroeconomico .graficsMacroeconomico{width:301px; height:93px; background: url(Images/bg_macroEconomico1.gif) no-repeat;}
.content .col1 .boxContentMacroeconomico .graficsMacroeconomico p{width:170px; float:right; margin:0 11px;}
.content .col1 .boxContentMacroeconomico h3{border-bottom:0; margin:13px 0 23px 13px;}
.content .col1 .boxContentBmfBovespa{width:301px; float:right; border:1px solid #4d5788; margin-top:30px;}
.content .col1 .boxContentBmfBovespa .graficsBmfBovespa{width:301px; height:93px; background: url(Images/bg_bmfBovespa1.gif) no-repeat;}
.content .col1 .boxContentBmfBovespa .graficsBmfBovespa p{ width:170px; float:right; margin:0 11px;}
.content .col1 .boxContentBmfBovespa h3{border-bottom:0; margin:13px 0 23px 13px;}
.content .col1 .bottomBoxContent{width:301px; height:134px; background: url(Images/bg_boxSelectRelatorio1.gif) no-repeat  left top;}
.content .col1 .bottomBoxContent select.macroeconomicoSelect{width:268px; margin:0 0  0 15px; position:relative; top:55px;}

/*.content .col1 .bottomBoxContent select.comboboxDropDownButton {width: 22px; height: 21px; background: url(Images/bg_buttonSelectBox.gif) no-repeat;}
*/
.content .col1 .bottomBoxContent select.bmfBovespaSelect{width:268px; margin:0 0  0 15px; position:relative; top:55px;}
.content .col1 .boxContentBmfBovespa .boxBmfBovespaStage2{position:relative; top:15px; margin:0 0 0 15px; display:none;}
.content .col1 .boxContentBmfBovespa .boxBmfBovespaStage2 select{float:right; width:160px; margin:16px 18px 0 0;}
.content .col1 .boxContentMacroeconomico .boxMacroeconomicoStage2{position:relative; top:15px; margin:0 0 0 15px; display:none;}
.content .col1 .boxContentMacroeconomico .boxMacroeconomicoStage2 select{float:right; width:160px; margin:16px 18px 0 0;}

/*Coluna Lateral*/
.content .sideCol {width: 295px; float:left;}
.content .sideCol .sideBox {float:left; width:273px; height:93px; padding:13px 11px; overflow:hidden;}
.content .sideCol .sideBox h2 {margin:0 0 20px; font-size:12px;}
.content .sideCol .sideBox p {margin:0; font-size:11px;}
.content .sideCol .cadastroHome {background: url(Images/bg_cadastroHome.jpg);margin-top:42px}
.content .sideCol .leopardSide {width:141px; height:119px; background: url(Images/icap_leopard.gif); float:left; margin:13px 12px 16px 0;}
.content .sideCol .icapSide {width:141px; height:119px; background: url(Images/homeBroker_brasil.gif); float:left; margin:13px 0 20px 0;}
.content .sideCol .leopardSide a {display:block; width:141px; height:119px;}
.content .sideCol .icapSide a {display:block; width:141px; height:119px;}
.content .sideCol .leopardSide a:hover {background: url(Images/icap_leopardHover.gif);}
.content .sideCol .icapSide a:hover {background: url(Images/homeBroker_brasilHover.gif);}
.content .bot {float:left; background: url(Images/bgButtonLeft.gif) no-repeat top left; margin-top:10px; height:26px; padding:0 0 0 7px;}
.content .bot a {float:left; display:block; height:26px; line-height:26px; padding: 0 7px 0 0; font-size:11px; font-weight:bold; background: url(Images/bgButtonRight.gif) top right;}
													
/*Rodape do site*/
.footer {clear:left; float:left; width:976px; height:27px; background:url(Images/bgFooter.gif) no-repeat top left;} 
.footer .footerMenu {float:left; width:600px;}
.footer .footerMenu ul {padding:0 4px; margin:0;}
.footer .footerMenu ul li {background:none; height:22px; margin-top:2px; padding:0; display:block; float:left;}
.footer .footerMenu li a {color:#FFF; font-size:0.7em; line-height:16px; margin:7px 0; padding:0 10px 0 10px; border-right: 1px solid #FFF;}
.footer .footerMenu li a.last {border:0;}
.footer .rights {float:right;}
.footer .rights p {font-size:0.7em; margin:5px 20px; line-height:16px;}

/*CADASTRO*/
.content .UploaderInputFile {border:1px solid #474E71; height:22px;}

.Content {margin-bottom:7px;}
#lbCenter, #lbBottom, #lbBottomContainer {background:#000f55 !important;}
#lbBottom {border-color:#000f55 !important;}
#lbCaption {color:#FFF;} 

#imageContainer, #imageDataContainer {background:#000f55 !important;}
#imageData {color:#FFF !important;}
#lightbox #imageDataContainer #bottomNav a img {width:66px !important; height:22px !important;}

/* Produtos */

.content .listOrdAlfa {list-style-type:lower-latin;font-size:11px}
.content .listPadrao {font-size:11px}
.content .divContentProd {height:380px;overflow-y:auto;float:left}
.content .subItem {list-style-type:none}
.content .subItem li {margin-bottom:10px}
.content .btnVoltar {background:url(Images/arrowVoltar.gif) no-repeat 0px 4px;display:block;height:22px;padding-left:15px;width:35px}
.content .linksProd {width:267px;height:164px;float:left;margin:5px 15px 0px 0px !important;padding:0px !important}
.content .linksProd ul {margin:15px 0px 0px 35px;padding:0px}

.seloExecutionBroker {background: url(Images/bgSeloBmfHome.jpg) no-repeat;width:99px;height:121px;float:right;}
.seloExecutionBrokerProd {background: url(Images/bgSeloBmfProd.jpg) no-repeat;width:295px;height:76px;margin-top:13px}

.interna {width:284px !important;padding:20px 0px 0px 0px !important;} /* Conteudo da home mostrado internamente*/