@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; outline:none; } a { text-decoration:none; } a img { border:none; } a:hover { text-decoration:none; } .bn { border:none!important; } .pn { padding:0!important; } .tc { text-align:center; } .tr { text-align:right; } .dn { display:none!important; } .db { display:block!important; } ul { list-style:none; } .mn { margin:0!important; } .cb { clear:both!important; } .cl { clear:left!important; } .cr { clear:right!important; } .marginrn { margin-right:0!important; } .paddingrn { padding-right:0!important; } .left { float:left!important; } .right { float:right!important; } .abox, .abox1 { cursor:pointer; overflow:hidden; } .f15 { font-size:15px; } .f20 { font-size:20px; } a.underline { text-decoration: underline; } #ck { overflow:hidden; font-size: 14px; } #ck p { line-height:21px; padding:0 0 20px 0; } #ck a { font-weight:bold; color:#CCC; } #ck h1,#ck h2,#ck h3,#ck h4,#ck h5,#ck h6 { padding:0 0 20px 0; font-weight:normal; } #ck p a,#ck h2 a,#ck h3 a,#ck h4 a,#ck h5 a,#ck h6 a { font-weight:bold; } #ck a:hover { text-decoration:underline; } #ck ul { padding:10px 0 25px 30px; list-style:inside; } #ck ol { padding:10px 0 25px 45px; } #ck img { padding:5px 15px; }
@font-face { font-family: 'AllerBold'; src: url('/core/fonts/aller_bd-webfont.eot'); src: url('/core/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('/core/fonts/aller_bd-webfont.woff') format('woff'), url('/core/fonts/aller_bd-webfont.ttf') format('truetype'), url('/core/fonts/aller_bd-webfont.svg#AllerBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerRegular'; src: url('/core/fonts/aller_rg-webfont.eot'); src: url('/core/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/core/fonts/aller_rg-webfont.woff') format('woff'), url('/core/fonts/aller_rg-webfont.ttf') format('truetype'), url('/core/fonts/aller_rg-webfont.svg#AllerRegular') format('svg'); font-weight: normal; font-style: normal; } html, body { height: 100%; } body { font-size: 12px; color: #FFF; font-family: 'AllerRegular'; } body.institucional { background-color: #23485b; } body.social { background-color: #009966; } body.institucional.login { background-color: #019a64; } body.social.login { background-color: #00475b; } #site { min-height: 100%; position: relative; } /**************************************************************/ #logotipo { width: 129px; height: 133px; display: block; position: absolute; background-image: url(/core/images/logoSvtVideo.png); background-repeat: no-repeat; left: 50%; top: 60px; margin-left: -65px; } #logotipo.institucional { background-position: left bottom; } #blackBand { display: block; height: 22px; background-color: #000; } #btnAreas { width: 246px; height: 42px; margin: -14px auto 0 auto; } #btnAreas li { width: 123px; height: 42px; float: left; background-image: url(/core/images/btnsAreas.png); background-repeat: no-repeat; } #btnAreas.institucional li.btnInstitucional { background-position: left bottom; } #btnAreas.social li.btnInstitucional { background-position: left top; } #btnAreas.institucional li.btnSocial { background-position: right bottom; } #btnAreas.social li.btnSocial { background-position: right top; } #btnAreas li a { width: 123px; height: 42px; display: block; } #containerNav { height: 43px; margin: 60px 0 70px 0; font-family: 'AllerBold'; font-size: 16px; } #containerNav.institucional { text-align: center; height: 43px; background-color: #225464; } #containerNav.social { height: 43px; background-color: #333; } #nav { width: 735px; margin: 0 auto; overflow: hidden; } #nav li { float: left; padding: 12px 0; margin: 0 5px; text-align: center; width: 88px; } #nav li.separaLogo { width: 135px; } #containerNav.institucional #nav li a { color: #9ebccd; padding: 3px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #containerNav.institucional li a:hover, #containerNav.institucional li a.selected, #containerNav.institucional li a.selected_fix { background-color: #019966; color: #FFF!important; } #containerNav.social li a { color: #999; padding: 3px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #containerNav.social li a:hover, #containerNav.social li a.selected, #containerNav.social li a.selected_fix { background-color: #23485b; color: #FFF; } #nav li ul { position: absolute; padding: 30px 0; margin: 0 0 0 -60px; display: none; } #nav li ul li { width: 95px!important; height: 23px!important; background-image: url(/core/images/dropdown.png); background-repeat: no-repeat; line-height: 22px; } #containerNav.social #nav li ul li { background-position: left -42px; } #containerNav.institucional #nav li ul li.videos { background-position: right top; } #containerNav.social #nav li ul li.videos { background-position: right -42px; } #nav li ul li a { color: #FFF!important; } #nav li ul li a:hover { color: #FFF!important; background: none!important; } /***********************HOME******************************/ #containerBanner { width: 960px; height: 410px; margin: 0 auto; } #bannerPag { margin-top: 380px; position: absolute; z-index: 200; } #bannerPag a { display: block; float: left; width: 20px; height: 20px; background-image: url(/core/images/btnBanner.png); background-repeat: no-repeat; overflow: hidden; text-indent: -100px; margin: 0 5px 0 0; } #containerBanner.institucional #bannerPag a { background-position: right top; } #containerBanner.institucional #bannerPag a.activeSlide { background-position: left top!important; } #containerBanner.social #bannerPag a { background-position: right bottom; } #containerBanner.social #bannerPag a.activeSlide { background-position: left bottom!important; } #containerBanner ul { display: none; width: 960px; height: 410px; overflow: hidden; } #containerBanner ul li { width: 960px; height: 410px; overflow: hidden; } #containerBanner ul li div { width: 960px; overflow: hidden; position: absolute; z-index: 100; margin-left: 20px; width: 390px; overflow:hidden; color: #FFF: } #containerBanner ul li div h3 { font-size: 20px; font-weight: normal; font-family: 'AllerBold'; padding: 10px 10px 2px 10px; } #containerBanner ul li div h4 { font-size: 11px; font-weight: normal; padding: 0 10px 5px 10px; } #containerBanner ul li div img { float: right; margin: 0 0 10px 0; } #containerBanner.institucional ul li div { background-color: #019966; } #containerBanner.social ul li div { background-color: #225464; } .containerPagina { width: 960px; margin: 0 auto; overflow: hidden; } .containerPagina .tituloBarra { height: 52px; font-size: 32px; background-image: url(/core/images/tituloBarra.png); background-repeat: no-repeat; padding: 0 0 0 20px; line-height: 55px; margin: 20px 0; font-family: 'AllerBold'; font-weight: normal; } .containerPagina.social .tituloBarra { background-position: left bottom; color: #8cffd8; } .containerPagina.institucional .tituloBarra { background-position: left top; color: #8ab6cc; } .containerPagina.social .tituloBarra span { color: #155c7f; font-family: 'AllerRegular'; font-size: 24px; } .containerPagina.institucional .tituloBarra span { color: #019966; font-family: 'AllerRegular'; font-size: 24px; } .containerPagina #containerNavInformacoes { width: 354px; float: left; margin: 0 0 20px 0; } .containerPagina #containerNavInformacoes li { width: 108px; height: 119px; float: left; margin: 0 10px 0 0; font-family: 'AllerBold'; text-align: center; cursor: pointer; } .containerPagina #containerNavInformacoes li p { margin: 102px 0 0 0; } .containerPagina.social #containerNavInformacoes li { background-image: url(/core/images/informacoes_social.png); background-repeat: no-repeat; } .containerPagina.institucional #containerNavInformacoes li { background-image: url(/core/images/informacoes_institucional.png); background-repeat: no-repeat; } .containerPagina #containerNavInformacoes li.over p { color: #FFF; } .containerPagina.social #containerNavInformacoes li.out p { color: #00bb7d; } .containerPagina.institucional #containerNavInformacoes li.out p { color: #23485b; } .containerPagina #containerNavInformacoes li.inf_0.over { background-position: left top; } .containerPagina #containerNavInformacoes li.inf_1.over { background-position: center top; } .containerPagina #containerNavInformacoes li.inf_2.over { background-position: right top; } .containerPagina #containerNavInformacoes li.inf_0.out { background-position: left bottom; } .containerPagina #containerNavInformacoes li.inf_1.out { background-position: center bottom; } .containerPagina #containerNavInformacoes li.inf_2.out { background-position: right bottom; } .containerPagina #containerInformacoes { width: 566px; float: right; margin: 0 0 20px 0; min-height: 120px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .containerPagina #containerInformacoes h4 { padding: 15px; font-size: 14px; font-weight: normal; text-align: justify; } .containerPagina.social #containerInformacoes { background-color: #225464; } .containerPagina.institucional #containerInformacoes { background-color: #019966; } #containerGaleriaHome { height: 418px; } #containerGaleriaHome.institucional { background-image: url(/core/images/galeria_home_institucional.jpg); background-repeat: repeat-x; } #containerGaleriaHome.social { background-image: url(/core/images/galeria_home_social.jpg); background-repeat: repeat-x; } #containerGaleriaHome ul { width: 960px; margin: 0 auto; padding-top: 43px; overflow: hidden; } #containerGaleriaHome ul li { width: 318px; height: 176px; float: left; overflow: hidden; display: block; border: 1px solid #000; } #containerGaleriaHome ul li span { width: 51px; height: 51px; position: absolute; background-image: url(/core/images/play.png); background-repeat: no-repeat; margin: 63px 0 0 134px; } #listaClientes { overflow: hidden; padding: 10px 0 0 0; } #listaClientes li { text-align: center; width: 140px; height: 75px; float: left; margin: 0 65px 30px 0; } .containerPagina.social .ckInstitucional { padding: 15px; background-color: #113624; } .containerPagina.institucional .ckInstitucional { padding: 15px; background-color: #112936; } .containerPagina .ckServicos { width: 790px; float: right; } .containerPagina #navServicos { width: 69px; padding: 0 30px; float: left; text-align: center; } .containerPagina.social #navServicos { border-right: 1px solid #037f56; } .containerPagina.institucional #navServicos { border-right: 1px solid #32627b; } .containerPagina #navServicos li { margin: 0 0 20px 0; font-size: 11px; } .containerPagina #navServicos li a { color: #FFF; text-transform: uppercase; } .containerPagina #navServicos li span { width: 69px; height: 69px; display: block; margin: 0 0 5px 0; } .containerPagina #navServicos li span.selected, .containerPagina #navServicos li span.over { background-position: right top; } #contatoLeft { width: 240px; float: left; margin: 0 0 0 45px; } #contatoLeft p { font-size: 14px; } #contatoLeft p span { font-size: 30px; padding: 10px 0; display: block; color: #00e7a0; } #contatoLeft p a { color: #00e7a0; font-size: 16px; } #contatoLeft p a:hover { text-decoration: underline; } #formContato { width: 580px; overflow: hidden; float: right; margin: 0 25px 0 0; } #formContato .tfContato { width: 322px; float: left; background-color: #129acc; border: 0 solid; resize: none; font-family: 'AllerRegular'; font-size: 12px; color: #FFF; padding: 4px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 7px 7px 0; } #formContato .tfMini { width: 200px; } #formContato .tfArea { width: 540px; } #formContato input[type="image"] { float: right; margin: 0 25px 0 0; } .containerPagina.social #formContato .tfContato { background-color: #00c785; } .containerPagina.social #contatoLeft p a { color: #23485b; } .containerPagina.social #contatoLeft p span { color: #23485b; } #containerVideo.institucional { background-color: #11242d; height: 510px; margin: 0 0 20px 0; } #containerVideo.social { background-color: #004c33; height: 510px; margin: 0 0 20px 0; } #containerPlayer { width: 855px; height: 510px; margin: 0 auto; } #voltar { width: 83px; height: 29px; background-image: url(/core/images/voltar.jpg); background-repeat: no-repeat; display: block; position: absolute; cursor: pointer; margin: -20px 0 0 878px; } .containerPagina.institucional #voltar { background-position: right top; } #galerias { overflow: hidden; } #galerias li { width: 313px; height: 175px; float: left; overflow: hidden; overflow: hidden; } #galerias li div { background-image: url(/core/images/txtGalerias.png); text-align: right; padding: 3px 6px; position: absolute; width: 301px; margin: 138px 0 0 0; z-index: 100; } #galerias li span { background-image: url(/core/images/cadeado.png); position: absolute; width: 99px; height: 114px; margin: 8px 0 0 108px;; display: block; z-index: 200; } #listaFoto { width: 960px; overflow: hidden; } #listaFoto div { width: 180px; margin: 0 0 10px 0; cursor: pointer; } #listaFoto div span { position: absolute; text-align: center; font-size: 20px; color: #01455a; display: block; display: none; background-color: #79b6cb; font-weight: bold; } #listaFoto div span.horizontal { width: 180px; height: 90px; padding: 35px 0 0 0; } #listaFoto div span.vertical { width: 180px; height: 150px; padding: 110px 0 0 0; } .containerPagina.social #listaFoto div span { color: #01455a; } #cadeado { width: 154px; height: 154px; background-image: url(/core/images/cad.png); background-repeat: no-repeat; float: left; margin: 23px 0 0 30px; } #cadeado.social { background-position: right top; } #formlogin { width: 380px; float: left; margin: 23px 0 0 30px; } #formlogin p { font-family: 'AllerBold'; font-size: 14px; } #formlogin.institucional p.titulo { font-size: 18px; color: #05573a; } #formlogin.social p.titulo { font-size: 18px; color: #0c85a3; } #formlogin.institucional .tfLogin { border: 0 solid; background-color: #016743; padding: 2px 5px; font-family: 'AllerBold'; font-size: 13px; color: #FFF; width: 350px; margin: 0 0 6px 0; } #formlogin.social .tfLogin { border: 0 solid; background-color: #012a36; padding: 2px 5px; font-family: 'AllerBold'; font-size: 13px; color: #FFF; width: 350px; margin: 0 0 6px 0; } #btnLogin { border: 0 solid; background-color: #000; color: #FFF; font-family: 'AllerBold'; padding: 5px 10px; font-size: 11px; margin: 0 0 0 288px; cursor: pointer; } /***********************FOOTER****************************/ #clear { clear: both; padding-bottom: 200px; height: 1px; } #containerFooter { position: absolute; bottom: 0; * bottom: -15px; width: 100%; height: 133px; } #logotipo_footer { width: 86px; height: 87px; display: block; position: absolute; background-image: url(/core/images/logoSvtVideo_footer.png); background-repeat: no-repeat; left: 50%; margin: -50px 0 0 -43px; } #logotipo_footer.institucional { background-position: left bottom; } #containerNavFooter { height: 43px; font-family: 'AllerBold'; font-size: 16px; } #containerNavFooter.institucional { height: 43px; background-color: #019966; } #containerNavFooter.social { height: 43px; background-color: #23485b; } #navFooter { width: 735px; margin: 0 auto; overflow: hidden; } #navFooter li { float: left; padding: 12px 0; margin: 0 5px; text-align: center; width: 88px; } #navFooter li.separaLogo { width: 135px; } #containerNavFooter.institucional li a { color: #0b6144; padding: 3px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #containerNavFooter.institucional li a:hover, #containerNavFooter.institucional li a.selected { background-color: #23485b; color: #FFF!important; } #containerNavFooter.social li a { color: #1b3745; padding: 3px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #containerNavFooter.social li a:hover, #containerNavFooter.social li a.selected { background-color: #009966; color: #FFF; } #blackBand_footer { display: block; height: 90px; background-color: #000; } #paginacao { text-align: center; } #paginacao select { display: inline-block; width: 60px; height: 23px; margin-right: 8px; margin-left: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1); } .page { display: inline-block; padding: 4px 12px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1); } .page:hover { background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); } .page.selected { border: none; background: #616161; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .5); } .page.disabled { opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); cursor: default;; } .page.disabled:hover { background: none; background: #e9e9e9; } /**************************************************************/ 
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; color: #fff; } #sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 1999; text-align: left; visibility: hidden; display: none; } #sb-overlay { position: relative; height: 100%; width: 100%; } #sb-wrapper { position: absolute; visibility: hidden; width: 100px; } #sb-wrapper-inner { position: relative; border: 1px solid #303030; overflow: hidden; height: 100px; } #sb-body { position: relative; height: 100%; } #sb-body-inner { position: absolute; height: 100%; width: 100%; } #sb-player.html { height: 100%; overflow: auto; } #sb-body img { border: none; } #sb-loading { position: relative; height: 100%; } #sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; } #sb-loading-inner span { background: url(/core/tools/shadowbox/loading.gif) no-repeat; padding-left: 34px; display: inline-block; } #sb-body, #sb-loading { background-color: #060606; } #sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; } #sb-title, #sb-title-inner { height: 26px; line-height: 26px; } #sb-title-inner { font-size: 16px; } #sb-info, #sb-info-inner { height: 20px; line-height: 20px; } #sb-info-inner { font-size: 12px; } #sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; } #sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; } #sb-nav-close { background-image: url(/core/tools/shadowbox/close.png); } #sb-nav-next { background-image: url(/core/tools/shadowbox/next.png); } #sb-nav-previous { background-image: url(/core/tools/shadowbox/previous.png); } #sb-nav-play { background-image: url(/core/tools/shadowbox/play.png); } #sb-nav-pause { background-image: url(/core/tools/shadowbox/pause.png); } #sb-counter { float: left; width: 45%; } #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; } #sb-counter a.sb-counter-current { text-decoration: underline; } div.sb-message { font-size: 12px; padding: 10px; text-align: center; } div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }