@charset "iso-8859-1";
/* CSS Document */

/*>>>>> Tabs <<<<<*/

@media projection, screen { .tabs-hide { display: none; } }
/* Hide useless elements in print layouts... */
@media print { .tabs-nav { display: none; } }

#componenteTVOAB { margin: 0; padding: 0; position: relative; z-index: 8; }
#componenteTVOAB ul li { list-style-type: none; float: left; }
.tabs-nav { list-style: none; margin: 0; padding: 0; }
.tabs-nav:after { display: block; clear: both; content: " "; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer; }
.tabs-nav .tabs-disabled { opacity: .4; }
.tabs-container { width: 393px; height: 296px; background: #f6f6f6; }
.interno .esq .componenteSociais { background: #f6f6f6; width: 393px; height: 26px; /*margin: -2px 0 0 0;*/ padding: 0; position: relative; z-index: 7; }
.interno .esq .componenteSociais span { float: left; padding: 6px 15px 0 12px; display: block;  }
.interno .esq .componenteSociais img { float: left; margin: 6px 10px 0 0; display: block; width: 16px; height: 16px; }

/*>>>>> Carousel <<<<<*/

#bannerEventos { position: relative; }
#bannerEventos .jcarousel-container { position: relative; width: 616px; height: 140px; background: #ababab; padding: 2px; }
#bannerEventos .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 616px; height: 140px; }
#bannerEventos .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
/* We set the width/height explicitly. No width/height causes infinite loops. */
#bannerEventos .jcarousel-list li,
#bannerEventos .jcarousel-item { float: left; list-style: none; width: 616px; height: 140px; }
#bannerEventos .jcarousel-next { z-index: 3; display: none; }
#bannerEventos .jcarousel-prev { z-index: 3; display: none; }
#bannerEventos .jcarousel-control { text-align: center; z-index: 5; position: absolute; right: 0; top: -6px; }
#bannerEventos .jcarousel-control a { text-decoration: none; background: url(../images/bgBTBannerEventos.png) no-repeat center top; width: 19px; height: 25px; float: left; font-size: 11px; font-weight: bold; text-align: center; color: #FFF; padding: 3px 3px 0 3px; }
#bannerEventos .jcarousel-control a:focus,
#bannerEventos .jcarousel-control a:active { outline: none; }
#bannerEventos .jcarousel-scroll { margin-top: 10px; text-align: center; }
/**/
.carouselRodape .jcarousel-container { position: relative; width: 220px; height: 122px; background: #ababab; padding: 4px; }
.carouselRodape .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 292px; height: 162px; }
.carouselRodape .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
/* We set the width/height explicitly. No width/height causes infinite loops. */
.carouselRodape .jcarousel-list li,
.carouselRodape .jcarousel-item { float: left; list-style: none; width: 292px; height: 162px; }
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.carouselRodape .jcarousel-next { z-index: 3; display: none; }
.carouselRodape .jcarousel-prev { z-index: 3; display: none; }

/*>>>>> Mega Menu <<<<<*/

ul#topnav { margin: 0; padding: 0; list-style: none; }
ul#topnav li { margin: 0; padding: 0; float: left; position: relative; z-index: 10; }
ul#topnav li.mnPrincipal a { background: #163157; display: block; }
ul#topnav li.mnPrincipal a.png:hover { background: url(../images/bgHoverMenu.jpg) repeat-x left top; }
ul#topnav li .sub { position: absolute; top: 38px; left: 0; background: #33558f; border: 1px #90a8c8 solid; padding: 20px; display: none; z-index: 20; min-width: 600px; width: auto !important; width: 600px; }
ul#topnav li .maior { min-width: 600px; width: auto !important; width: 600px; }
ul#topnav li .menor { min-width: 200px; width: auto !important; width: 200px; }
ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; width: 180px; float: left; }
ul#topnav .sub ul li { width: 100%; color: #fff; }
ul#topnav .sub ul li h2 { padding: 0 0 5px 0;  margin: 0; color: #c9e0ff; font-size: 11px; font-weight: bold; text-transform: uppercase; }
ul#topnav .sub h3 { padding: 0 0 5px 0;  margin: 0 0 10px 0; color: #c9e0ff; font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 1px #c9e0ff solid;  }
ul#topnav .sub ul li a { float: none; background: url(../images/bulletMegaMenu.jpg) no-repeat 5px 9px; padding: 3px 5px 3px 15px; display: block; text-decoration: none; color: #9dc7ff; }
ul#topnav .sub ul li a:hover { text-decoration: underline; }
ul#topnav .sub ul.semBg li a { background: none; }
ul#topnav .sub .esq { float: left; width: 380px; }
ul#topnav .sub .item { float: left; width: 180px; padding: 0 10px 0 0; }
ul#topnav .sub .item h2 { text-transform: none; }
ul#topnav .sub .item ul { margin: 0 0 15px 0; }
ul#topnav .sub .item ul li a { padding: 0 0 5px 0; background: url(../images/bulletMegaMenu.jpg) no-repeat 5px 9px; padding: 3px 5px 3px 15px; display: block; }
ul#topnav .sub .item ul li.titulo { background: url(../images/bulletMegaMenu.jpg) no-repeat 5px 9px; color: #9dc7ff; padding: 3px 5px 3px 15px; }
ul#topnav .sub .item ul.semBg li a { background: none; padding: 0 0 5px 30px; }
ul#topnav .sub .dir { float: left; width: 180px; padding: 0 0 0 20px; }
ul#topnav .sub .dir ul { margin: 0 0 15px 0; }

/*>>>>> Scroller <<<<<*/

.maisInformacoes .maisNoticias .paineis { position: relative; }
/* override the root element to enable scrolling */
#flowpanes { width: 293px; height: 352px; border: 1px #c8c8c8 solid; position: relative; overflow: hidden; clear: both; }
#flowpanes div { float: left; display: block; width: 293px; border: none; }
/* our additional wrapper element for the items */
#flowpanes .items { width: 20000em; position: absolute; clear: both; margin: 0; padding: 0; border: none; }
#flowpanes .items .imagem img { /*border: 1px #ababab solid;*/ border: none; }
#flowpanes .items .texto { background: url(../images/bgScrooller.jpg) no-repeat left top; width: 293px; height: 135px; }
#flowpanes .items .texto .titulo { width: 265px; font-size: 10px; font-weight: bold; color: #1180c6; border-bottom: 1px #c8c8c8 solid; padding: 30px 0 5px 0; margin: 0 15px 2px 15px;  }
#flowpanes .items .texto h3 { font-size: 16px; color: #163157; padding: 0 15px 10px 15px; margin: 0; }
#flowpanes .items .texto h3 a,
#flowpanes .items .texto h3 a:visited,
#flowpanes .items .texto h3 a:hover { text-decoration: none; color: #163157; }
#flowpanes .items .texto p { font-size: 11px; padding: 0 15px; margin: 0; }
#flutuante { position: absolute; top: 217px; width: 291px; height: 15px; padding: 10px 0 0 0; }
/* position and dimensions of the navigator */
#flutuante .navigator { width: 173px; height: 20px; float: left; padding: 0 0 0 17px; }
#flutuante .controle { width: 100px; float: right; }
#flutuante .controle a.prev { background: url(../images/btScrollerPrev.jpg) no-repeat left top; width: 37px; height: 11px; display: block; float: left; }
#flutuante .controle a.next { background: url(../images/btScrollerNext.jpg) no-repeat right top; width: 37px; height: 11px; display: block; float: left; }
#flutuante .controle .pausa { background: url(../images/btScrollerPause.jpg) no-repeat center top; border: none; width: 10px; height: 11px; cursor: pointer; float: left; }
/* items inside navigator */
div.navigator a { width: 8px; height: 8px; float: left; margin: 3px; background: url(../images/navigator.png) 0 0 no-repeat; display: block; font-size: 1px; }
/* mouseover state */
div.navigator a:hover { background-position: 0 -8px; }
/* active state (current page state) */
div.navigator a.active { background-position: 0 -16px; } 

/*>>>>> Scroller <<<<<*/

.maisInformacoes .maisNoticias .paineis { position: relative; }
/* override the root element to enable scrolling */
#nFlowpanes { width: 291px; height: 352px; border: 1px #c8c8c8 solid; position: relative; overflow: hidden; clear: both; }
#nFlowpanes div { float: left; display: block; width: 293px; border: none; }
/* our additional wrapper element for the items */
#nFlowpanes .items { width: 20000em; position: absolute; clear: both; margin: 0; padding: 0; border: none; }
#nFlowpanes .items .imagem img { /*border: 1px #ababab solid;*/ border: none; width:292px; height:352px; }
#nFlowpanes .items .texto { background: url(../images/bgScrooller.jpg) no-repeat left top; width: 293px; height: 135px; }
#nFlowpanes .items .texto .titulo { width: 265px; font-size: 10px; font-weight: bold; color: #1180c6; border-bottom: 1px #c8c8c8 solid; padding: 30px 0 5px 0; margin: 0 15px 2px 15px;  }
#nFlowpanes .items .texto h3 { font-size: 16px; color: #163157; padding: 0 15px 10px 15px; margin: 0; }
#nFlowpanes .items .texto h3 a,
#nFlowpanes .items .texto h3 a:visited,
#nFlowpanes .items .texto h3 a:hover { text-decoration: none; color: #163157; }
#nFlowpanes .items .texto p { font-size: 11px; padding: 0 15px; margin: 0; }
#nFlutuante { position: absolute; bottom: -20px; width: 291px; height: 15px; padding: 5px 0 0 0; background:#f2f2f2; border:1px solid #c8c8c8; }
/* position and dimensions of the navigator */
#nFlutuante .navigator { width: 173px; height: 20px; float: left; padding: 0 0 0 17px; }
#nFlutuante .controle { width: 100px; float: right; }
#nFlutuante .controle a.prev { background: url(../images/btScrollerPrev.jpg) no-repeat left top; width: 37px; height: 11px; display: block; float: left; }
#nFlutuante .controle a.next { background: url(../images/btScrollerNext.jpg) no-repeat right top; width: 37px; height: 11px; display: block; float: left; }
#nFlutuante .controle .pausa { background: url(../images/btScrollerPause.jpg) no-repeat center top; border: none; width: 10px; height: 11px; cursor: pointer; float: left; }

#nFlowpanes2 { width: 291px; height: 352px; border: 1px #c8c8c8 solid; position: relative; overflow: hidden; clear: both; }
#nFlowpanes2 div { float: left; display: block; width: 293px; border: none; }
/* our additional wrapper element for the items */
#nFlowpanes2 .items { width: 20000em; position: absolute; clear: both; margin: 0; padding: 0; border: none; }
#nFlowpanes2 .items .imagem img { /*border: 1px #ababab solid;*/ border: none; width:292px; height:352px; }
#nFlowpanes2 .items .texto { background: url(../images/bgScrooller.jpg) no-repeat left top; width: 293px; height: 135px; }
#nFlowpanes2 .items .texto .titulo { width: 265px; font-size: 10px; font-weight: bold; color: #1180c6; border-bottom: 1px #c8c8c8 solid; padding: 30px 0 5px 0; margin: 0 15px 2px 15px;  }
#nFlowpanes2 .items .texto h3 { font-size: 16px; color: #163157; padding: 0 15px 10px 15px; margin: 0; }
#nFlowpanes2 .items .texto h3 a,
#nFlowpanes2 .items .texto h3 a:visited,
#nFlowpanes2 .items .texto h3 a:hover { text-decoration: none; color: #163157; }
#nFlowpanes2 .items .texto p { font-size: 11px; padding: 0 15px; margin: 0; }
#nFlutuante { position: absolute; bottom: -20px; width: 291px; height: 15px; padding: 5px 0 0 0; background:#f2f2f2; border:1px solid #c8c8c8; }
/* position and dimensions of the navigator */
#nFlutuante .navigator { width: 173px; height: 20px; float: left; padding: 0 0 0 17px; }
#nFlutuante .controle { width: 100px; float: right; }
#nFlutuante .controle a.prev { background: url(../images/btScrollerPrev.jpg) no-repeat left top; width: 37px; height: 11px; display: block; float: left; }
#nFlutuante .controle a.next { background: url(../images/btScrollerNext.jpg) no-repeat right top; width: 37px; height: 11px; display: block; float: left; }
#nFlutuante .controle .pausa { background: url(../images/btScrollerPause.jpg) no-repeat center top; border: none; width: 10px; height: 11px; cursor: pointer; float: left; }

/* items inside navigator */
div.navigator a { width: 8px; height: 8px; float: left; margin: 3px; background: url(../images/navigator.png) 0 0 no-repeat; display: block; font-size: 1px; }
/* mouseover state */
div.navigator a:hover { background-position: 0 -8px; }
/* active state (current page state) */
div.navigator a.active { background-position: 0 -16px; }

/*>>>>> Scroller 2 <<<<<*/

.dir .banner .paineis2 { position: relative; }
/* override the root element to enable scrolling */
#flowpanes2 { width: 277px; height: 236px; position: relative; overflow: hidden; clear: both; }
#flowpanes2 div { float: left; display: block; width: 277px; border: none; }
/* our additional wrapper element for the items */
#flowpanes2 .items2 { width: 20000em; position: absolute; clear: both; margin: 0; padding: 0; }
#flowpanes2 .items2 .texto { background: url(../images/bgTituloScroller2.jpg) repeat center top; width: 277px; height: 24px; }
#flowpanes2 .items2 .texto .titulo { width:  200px; font-size: 10px; font-weight: bold; text-align: center; padding: 6px 0 8px 40px; }
#flutuante2 { width: 275px; height: 24px; border: 1px #c8c8c8 solid; position: absolute; top: 209px; left: 0; }
#flutuante2 .controle2 { width: 277px; position: relative; }
#flutuante2 .controle2 a.prev { background: url(../images/btScrollerGaleriaHomePrev.jpg) no-repeat left top; width: 39px; height: 26px; display: block; position: absolute; top: 0; left: 0;  }
#flutuante2 .controle2 a.next { background: url(../images/btScrollerGaleriaHomeNext.jpg) no-repeat right top; width: 37px; height: 26px; display: block; position: absolute; top: 0; right: 2px; }


/**************************************************************
	MultiBox
	v1.3
**************************************************************/

.MultiBoxContainer { position: absolute; border: 10px #163157 solid; background-color: #FFF; display: none; z-index: 200; text-align: left; /*overflow: hidden;*/}
.MultiBoxLoading { background: url(../img/loader.gif) no-repeat center; }
.MultiBoxContent { position: relative; width: 100%; height: 100%; overflow: hidden; }
.MultiBoxClose { position: absolute; top: -26px; right: -26px; background: url(../img/close.png) no-repeat; width: 24px; height: 24px; cursor: pointer; }
.MultiBoxControlsContainer { overflow: hidden; height: 0px; width: 100%; position: relative; }
.MultiBoxControls { width: 100%; height: auto; background-color: #163157; padding-bottom: 2px; position: absolute; bottom: 0px;}
.MultiBoxPrevious { position: absolute; background: url(../img/left.png) no-repeat; width: 24px; height: 24px; left: 0px; margin-top: 5px; cursor: pointer; }
.MultiBoxNext { position: absolute; background: url(../img/right.png) no-repeat; width: 24px; height: 24px; right: 0px; margin-top: 5px; cursor: pointer; }
.MultiBoxNextDisabled { cursor: default; background: url(../img/rightDisabled.png) no-repeat; }
.MultiBoxPreviousDisabled { cursor: default; background: url(../img/leftDisabled.png) no-repeat; }
.MultiBoxTitle { position: relative; margin: 10px 0 0 35px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; font-weight: bold; text-align: left; }
.MultiBoxNumber { position: relative; width: 50px; margin: 10px 35px 0 0; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: right; }
.MultiBoxDescription { clear: left; position: relative; margin: 0 35px 0 35px; padding-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: left; }