* { margin:0px; padding:0px; } @backgroundContentColor:#FFFFFF; @fontcolorTitulo:#0a4166; @fontcolorSubTitulo:#5E1A2F; @fontcolorLabel:#0a4166; @SbuttonFaceColor:#0a596b; /*cor da face do button salvar*/ @SbuttonFontColor:#ffffff; /*cor da font do button salvar */ @SbuttonBorderColor:#1B859F; /*cor da borda do button salvar*/ @NbuttonFaceColor:#ffffff; /*cor da face do button cancelar*/ @NbuttonFontColor:#1B859F; /*cor da font do button cancelar */ @NbuttonBorderColor:#1B859F; /*cor da borda do button cancelar*/ @HbuttonFaceColor:#015369; /*face hover do button*/ @HbuttonFontColor:#ffffff; /*Cor da font hover do button*/ @HbuttonBorderColor:#015369; /*Cor da borda hover do button*/ @inputBorderColor:#BDD0DD; @inputBackgroundColor:#fff; @HinputBackgroundColor:#FFFFDF; @inputFontColor:#047994; @colorDialog:#1B859F; @colorDatatableAgendamento:#f2f2f2; @colorData:#1B859F; @SbuttonFaceColorLogin:#1B859F; @SbuttonFontColorLogin:#FFF; @SbuttonBorderColorLogin:#1B859F; @HbuttonFaceColorLogin:#1B859F; @HbuttonFontColorLogin:#FFF; @HbuttonBorderColorLogin:#1B859F; @FontColorUser:#FFF; @inputBorderColor:#BDD0DD; @SbuttonFaceColor:#1B859F; /*cor da face do button salvar*/ @SbuttonFontColor:#FFF; /*cor da font do button salvar */ @SbuttonBorderColor:#1B859F; /*cor da borda do button salvar*/ @NbuttonFaceColor:#FFF; /*cor da face do button cancelar*/ @NbuttonFontColor:#1B859F; /*cor da font do button cancelar */ @NbuttonBorderColor:#23A6C7; /*cor da borda do button cancelar*/ @HbuttonFaceColor:#23A6C7; /*face hover do button*/ @HbuttonFontColor:#FFF; /*Cor da font hover do button*/ @HbuttonBorderColor:#015369; /*Cor da borda hover do button*/ @HeaderHeigth:180px; @FooterHeigth:670px; body { overflow-x:hidden; } img { border:none; } ul { list-style:none; } a { text-decoration:none; } a:hover { text-decoration:underline; } .wrapperTop { width:100%; height:160px;/* overflow:hidden;*/ padding: 0 0 4px; background:url(../imagensbv/layout/bg-top.jpg) no-repeat center 1px; } .wrapperTop .top { width:947px; margin:3px auto; } .alt900{height: 900px !important;} ul.menuNavleft { color:#003f66; font:13px 'PT Sans', Arial, Helvetica, sans-serif; list-style:none; float:left; padding:5px 0 0 0; } ul.menuNavleft li { float:left; } ul.menuNavleft li a { color:#003f66; text-decoration:none; padding:0 8px; background:url(../imagensbv/layout/separador.jpg) no-repeat left; } ul.menuNavleft li a.first { background:none; padding:0 8px 0 0; } ul.menuSM { float:right; padding:2px 0 0 0; } ul.menuSM li { float:left; } ul.menuSM li a.bt_blog { background:url(../imagensbv/icone/b.jpg) no-repeat; width:16px; height:16px; text-indent:-99999em; font-size:0px; float:left; display:block; margin:0 3px 0 0; } ul.menuSM li a.bt_fb { background:url(../imagensbv/icone/facebook.jpg) no-repeat; width:16px; height:16px; text-indent:-99999em; font-size:0px; float:left; display:block; margin:0 3px 0 0; } ul.menuSM li a.bt_twitter { background:url(../imagensbv/icone/twitter.jpg) no-repeat; width:16px; height:16px; text-indent:-99999em; font-size:0px; float:left; display:block; margin: 0 3px 0 0; } ul.menuSM li a.bt_orkut { background:url(../imagensbv/icone/ico_orkut.jpg) no-repeat; width:16px; height:16px; text-indent:-99999em; font-size:0px; float:left; display:block; margin:0 3px 0 0; } ul.menuSM li a.googleplus { background:url(../imagensbv/icone/ico_gplus.png) no-repeat; width:16px; height:16px; text-indent:-99999em; font-size:0px; float:left; display:block; margin:0 3px 0 0; } ul.menuSM li a.linkedin { background:url(../imagensbv/icone/ico_in.png) no-repeat; width:16px; height:16px; text-indent:-99999em; font-size:0px; float:left; display:block; margin:0 3px 0 0; } ul.menuSM li a.youtube { background:url(../imagensbv/icone/ico_youtube.jpg) no-repeat; width:16px; height:16px; text-indent:-99999em; font-size:0px; float:left; display:block; margin:0 3px 0 0; } .boxMaintop { width:947px; float:left; height:120px; } .boxMaintop h1 { padding:23px 0 0 0; float:left; } .boxMaintop h1 a { background:url(../imagensbv/layout/Boa-vista.jpg) no-repeat; width:149px; height:58px; float:left; display:block; font-size:0px; text-indent:-9999em; margin:30px 0 0 0; position:relative; } .boxMaintop ul.menuMainTop { float:left; font:12px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#ffffff; text-align:right; padding:25px 30px 0 0; position:relative; background:url(../imagensbv/layout/bg-home-topo.jpg) no-repeat right 0; height:94px; width:316px; margin:21px 0 0 0; } .boxMaintop ul.menuMainTop li a { color:#ffffff; text-decoration:none; } .carrinhoBusca { float:right; width:420px; padding:15px 0 0 0; } .carrinhoBusca .boxLogin { width:129px; height:36px; float:left; padding:0 0 12px; margin-top:22px; font:11px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#343434; } .carrinhoBusca a { color:#005278; text-decoration:none; font-weight:normal; } .carrinhoBusca a:hover { text-decoration:underline; } div.boxCarrinho { background:url(../imagensbv/icone/sacola.jpg) no-repeat 27px 3px; float:left; width:185px; float:right; color:#1b859e; font-size:11px; padding:20px 0 0 28px; margin:10px 0 0 15px; position:relative; z-index:5000; } .carrinhoBusca .boxCarrinho p.txtCesta { float:right; font:bold 13px/15px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#005278; clear:both; display:block; padding:0 0 0 0; text-transform:uppercase; position:absolute; top:10px; right:0px; } .carrinhoBusca .boxCarrinho p.txtCesta a { font:bold 13px/15px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#005278; text-transform:uppercase; position:absolute; top:0px; right:0px; } .carrinhoBusca .boxCarrinho p.itemQtd { float:right; font:11px/14px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#005278; clear:both; display:block; width:100%; text-align:right; margin:5px 0 0 0; } .carrinhoBusca .boxCarrinho p { display:block; width:100%; text-align:right;} .carrinhoBusca .boxCarrinho a { color:#8f8f8f; font:10px 'lucida_granderegular', Arial, Helvetica, sans-serif; text-transform:none; display:inline; float:left; margin:0 0 0 15px; } .carrinhoBusca .boxCarrinho p.links { color:#8f8f8f; } .carrinhoBusca .boxBusca { float:right; width:420px; padding:15px 0 0 0; } .carrinhoBusca .boxBusca input[type="text"] { float:left; width:328px; height:12px; background:#f5f5f5; border:1px solid #e5e5e5; padding:8px 10px; font:12px 'Conv_HelveticaNeue-Light', Arial, Helvetica, sans-serif; color:#8f8e8c; } .carrinhoBusca .boxBusca input.bt_busca { background:#01aa4f url(../imagensbv/botoes/btBuscar.jpg) no-repeat; border:1px solid #e5e5e5; width:69px; font:11px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; height:30px; } .boxFlash { width:100%; height:auto; /*background: #98acbf;*/ float:left; margin:5px 0 0 0; z-index:3; } .boxFlash div.banner { width:1115px; margin:0 auto; position:relative; } .boxFlash div.box_banner { height:200px; } .boxFlash div.slides { width:1015px; height:285px; margin:0 auto; position:relative; float:left; padding:0 50px; } .boxFlash div.slides ul.controls { position:absolute; top:233px; left:56px; } .boxFlash div.slides ul.controls li { float:left; } .boxFlash div.slides ul.controls li a { background:url(../imagensbv/botao/tv-controls.png) no-repeat; width:9px; height:10px; text-indent:-999em; float:left; display:block; font-size:0px; margin:0 7px 0 0; } .boxFlash div.slides ul.controls li a.act { background:url(../imagensbv/botao/tv-controls-act.png) no-repeat; } .boxFlash div.banner img { position:relative; width:1015px; margin:0 auto; z-index:5; float:left; } .boxFlash div.banner a.slideAnt { position:absolute; left:0px; top:90px; background:url(../imagensbv/botao/banner-tv-ant.jpg) no-repeat left top; width:35px; height:70px; z-index:99999; text-indent:-9999em; font-size:0px; display:block; float:left; } .boxFlash div.banner a.slideProx { position:absolute; right:0px; top:90px; background:url(../imagensbv/botao/banner-tv-prox.jpg) no-repeat left top; width:35px; height:70px; z-index:9999; text-indent:-9999em; font-size:0px; display:block; float:right; } .contCentral { width:947px; margin:0 auto; } .mainbox{ height:auto; overflow:hidden; } .contCentral h2.prodCert { font:20px/20px 'Conv_HelveticaNeue-Light', Arial, Helvetica, sans serif; color:#686868; BACKGROUND: #ffffff; float:left; padding:0 15px 0 0; text-transform:uppercase; position:absolute; left:0px; top:0px; } .contCentral div.boxTitulo { height:15px; border-bottom:1px solid #686868; width:100%; position:relative; margin:20px 0; float:left; } .contCentral ul.listaProdHome { width:100%; } .contCentral ul.listaProdHome li { width:229px; float:left; margin:0 10px 15px 0; } .contCentral ul.listaProdHome li.last { margin:0px; } .contCentral ul.listaProdHome li boxImgProd { width:229px; height:135px; } .contCentral ul.listaProdHome li div.boxImgProd { height:80px; } .contCentral ul.listaProdHome li div.boxDescProd { padding:10px 0 0 15px; font:13px 'HelveticaLTStdRegular', Arial, Helvetica, sans-serif!important; color:#a0a0a0; height:100px; position:relative; } .contCentral ul.listaProdHome li div.boxDescProd p { font:13px 'HelveticaLTStdRegular', Arial, Helvetica, sans-serif!important; } .contCentral ul.listaProdHome li div.boxDescProd h3 a { font:bold 15px/20px 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; color:#005278; } .contCentral ul.listaProdHome li div.boxDescProd p.preco { position:absolute; bottom:0px; left:14px; font:12px 'Conv_HelveticaNeue-Medium', Arial, Helvetica, sans serif; color:#005177; font-weight:bold; line-height:50%!important; } .contCentral ul.listaProdHome li div.boxDescProd p.preco span { clear:both; display:block; font-size:20px; padding:15px 0 0 0; } .contCentral ul.listaProdHome li div.boxDescProd a.bt_comprarHome { position:absolute; bottom:0px; right:0px; background:#c51a00; color:#FFF; font:bold 12px 'Conv_HelveticaNeue-Medium', Arial, Helvetica, sans-serif; border:none; cursor:pointer; height:25px; text-transform:uppercase; padding:10px 10px 0; } .wrapperFooter { background:#F5F5F5; width:100%; float:left; padding:15px 0 25px 0; margin:15px 0; } .wrapperFoot { background:#F5F5F5 url(../imagensbv/layout/bg-footer.jpg) no-repeat center top; width:100%; float:left; padding:15px 0 25px 0; margin:15px 0 0 0; height:422px; } .contCentral h2.infos { font:20px/20px 'Conv_HelveticaNeue-Light', Arial, Helvetica, sans serif; color:#686868; BACKGROUND: #f5f5f5; float:left; padding:2px 15px 2px 0; text-transform:uppercase; position:absolute; left:0px; top:0px; margin:0 0 15px 0; } .contCentral div.boxInfo { width:450px; margin:15px 20px 0 0; float:left; } .contCentral div.boxInfo h3 { font:bold 17px/24px 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; color:#005278; } .contCentral div.boxInfo p { font:11px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#686868; } .contCentral div.boxInfo a { font:12px 'Myriad Pro', Arial, Helvetica, sans-serif; color:#c51a00; margin:20px 0 0 0; float:left; } .contCentral p { font:11px Arial, Helvetica, sans-serif; color:#a0a0a0; padding:8px 0 8px 0; } .contCentral .calendario { padding:5px 0; float:left; width:947px; } .contCentral .calendario p { font:11px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#686868; } .contCentral .calendario .topCalend { margin:15px 0 10px 0; background:url(../imagensbv/layout/bg-calendario.jpg) no-repeat; width:947px; height:41px; padding:3px 0 0 0; } .contCentral .calendario .topCalend p.ano { padding:10px 0 0 15px; } .contCentral .calendario .topCalend p { font:bold 20px/20px 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; float:left; color:#ffffff; text-transform:uppercase; } .contCentral .calendario .topCalend p span { float:left; padding:0 10px 0 0; } .contCentral .calendario .topCalend a.ant { background:url(../imagensbv/botao/bt-anterior.jpg) no-repeat left top; width:22px; height:21px; float:left; display:block; font-size:0px; text-indent:-9999em; margin:0 2px 0 0; } .contCentral .calendario .topCalend a.prox { background:url(../imagensbv/botao/bt-proximo.jpg) no-repeat right top; width:22px; height:21px; float:left; display:block; font-size:0px; text-indent:-9999em; } .contCentral .calendario .topCalend .meses { width:800px; float:right; padding:10px 0 0 10px; list-style:none; } .contCentral .calendario .topCalend .meses li { font:15px/20px 'Conv_HelveticaNeue-Light', Arial, Helvetica, sans serif; float:left; color:#ffffff; text-transform:uppercase; padding:0 18px; letter-spacing:-1px;} .contCentral .calendario .topCalend .meses li a { color:#ffffff; padding:0 2px; } .contCentral .calendario .topCalend .meses li a.lkAct { background:#E7EDFE; color:#005278;} .contCentral .calendario p.semResultado { text-align:center; } .contCentral .calendario .topCalend .meses p { font:15px/20px 'Conv_HelveticaNeue-Light', Arial, Helvetica, sans serif; float:left; color:#ffffff; text-transform:uppercase; padding:0 5px; letter-spacing:-1px; } .contCentral .calendario ul.itens { width:100%; float:left; margin:15px 0; } .contCentral .calendario ul.itens li { border-bottom:1px dotted #666; float:left; padding:15px 0; } .contCentral .calendario ul.itens li img { float:left; margin:0 15px 15px 0; border:1px solid #e9eef1; } .contCentral .calendario ul.itens li div.texto { float:left; width:800px; } .contCentral .calendario ul.itens li p.titulo { font:14px/18px 'lucida_granderegular', Arial, Helvetica, sans serif; color:#039; text-transform:uppercase; } .contCentral .calendario ul.itens li a { font:12px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#c51a00; float:left; margin:10px 0 0 0; } .footer { width:947px; margin:0 auto; } .footer ul.menufooter { float:left; margin:15px 80px 0 0; display:list-item; } .footer ul.menufooter li { display:block; clear:both; margin:0 0 5px 0; float:left; } .footer ul.menufooter.last { margin:15px 0 0 0; } .footer ul.menufooter li p { font:15px/20px 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; color:#005278; text-transform:uppercase; margin:0 0 10px 0; letter-spacing:-1px; } .footer ul.menufooter li a { font:11px 'lucida_granderegular', Arial, Helvetica, sans-serif; color:#999999; padding:0 0 0 10px; float:left; background:url(../imagensbv/layout/list-footer.png) no-repeat 0 5px; } .footer .infos { width:100%; float:left; clear:both; display:block; margin:20px 0 0 0; } .footer .infos .telefone { width:200px; float:left; margin:0 55px 0 0; color:#005278; } .footer .infos .telefone h4 { font:bold 15px/20px 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; color:#005278; text-transform:uppercase; letter-spacing:-1px; margin:0 0 5px 0; } .footer .infos .telefone p { font:12px 'HelveticaLTStdRegular', Arial, Helvetica, sans-serif; color:#005278; } .footer .infos .telefone p span { font:20px 'Conv_HelveticaNeue-Medium',Arial, Helvetica, sans-serif; } .footer .infos .pagamento { width:580px; float:left; } .footer .infos .pagamento h4 { font:15px/20px 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; color:#005278; text-transform:uppercase; float:left; margin:0 15px 0 0; letter-spacing:-1px; } .footer .infos .pagamento img { float:left; margin:0 1px; } .endFooter { width:947px; padding:0; float:left; padding:58px 0 0 0; *padding:85px 0 0 0; } .endFooter h1 { float: left; width: 309px; height: 105px; background: url(../imagensbv/layout/bg-h1.jpg) no-repeat right 0; } .endFooter h1 a { background: url(../imagensbv/layout/boavista-footer.jpg) no-repeat 0 0; width:111px; height:46px; display:block; text-indent:-5000em; margin:25px 50px 0 160px; float:left; } .endFooter p { float:left; width:500px; text-align:left; font-family: 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; font-size:12px; color:#686868; margin:20px 0 0 230px; width:210px; } .endFooter p span { font-family: 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; font-size:15px; color:#005278; clear:both; display:block; text-transform:uppercase; } .endFooter p.infoFooter { float:left; width:100%; text-align:left; font:11px 'HelveticaLTStdRegular', Arial, Helvetica, sans serif; color:#686868; clear:both; margin:30px 0 0 0; } /* Internas */ /*breadcrumb*/ div.breadcrumb { clear: both; width: 950px; margin: 0 auto; padding:10px 0 0; color:#047994; font:11px 'UniversLTStd55Roman', Tahoma, Geneva, sans-serif; text-transform:uppercase; } div.breadcrumb a { color:#005278; } div.breadcrumb a:hover { text-decoration:underline; } div.breadcrumb span { color:#7c7a7a; } div.fundoTitulo100 { width: 100%; height: 36px; clear: both; margin: 12px 0 8px; } div.fundoTitulo100 div.boxTitulo { width: 947px; margin: 0 auto; padding: 6px 0; height: 30px; border-bottom: 1px solid #686868; } div.fundoTitulo100 div.boxTitulo.carrinho { height: 15px; border-bottom: 1px solid #686868; } div.fundoTitulo100 div.boxTitulo h2 { text-transform: uppercase; width: 700px; float: left; font: 20px 'UniversLTStd55Roman', Tahoma, Geneva, sans-serif; color: #005278; padding:10px 10px 10px 0; } div.fundoTitulo100 h1 { text-transform: uppercase; width: 700px; float: left; font: 20px 'UniversLTStd55Roman', Tahoma, Geneva, sans-serif; color: #005278; padding:10px 10px 10px 0; background: none !important; } /*categorias*/ div.contCentral div.cat{ clear:both; padding:30px 10px; overflow:hidden; } div.contCentral div.cat span{ font:11px 'UniversLTStd55Roman', Tahoma, Geneva, sans-serif; color:#005278; text-transform:uppercase; font-weight:bold; margin-right:20px; float:left; } div.contCentral div.cat a{ font:11px 'UniversLTStd55Roman', Tahoma, Geneva, sans-serif; color:#7c7a7a; display:block; float:left; margin-right:16px; text-transform:uppercase; } /* fim Internas */ /* --- LIGHT BOX CHAT ---*/ /*COMUM*/ .lightbox_chat .wrapper{font-family:'myriad_proregular'; color:#6f6f6f; font-size:13px;} .lightbox_chat .left{float:left;} .lightbox_chat .right{float:right;} .lightbox_chat .clear{clear:both;} .lightbox_chat .inv{display:none;} h1{color:#0a4166; font:22px 'interfacebold'; text-transform:uppercase; font-weight:normal;} h2{color:#0a4166; font-size:20px; text-transform:uppercase; font-weight:normal;} h3{color:#FF0000; font-size:15px; text-transform:uppercase; font-weight:normal; font-family:'UniversLTStd55Roman'; font-weight:700;} .lightbox_chat h4{} .wrapper { width:653px; margin:0 auto; position: fixed; display: block; height: 470px; z-index: 9000; margin-left: -331px; left: 50%; top: 55px; background-color: white; } .lightbox_chat .bg_wrapper{background:url(../imagens/layout/bg.jpg) repeat-y; min-height:540px;} .lightbox_chat .bg_wrapper a.btFechar { float:right; clear:both; background:#0a4166; width:19px; height:19px; font:11px 'UniversLTStd55Roman', Tahoma, Geneva, sans-serif; color:#ffffff; text-align:center; line-height:19px; font-weight:bold;cursor: pointer; } /*HEADER*/ .lightbox_chat .header_wrap{background:url(../imagens/layout/header_bg.jpg) no-repeat; width:100%; height:128px; margin:19px 0 56px 0; display:inline-block;} .lightbox_chat .header_wrap p{font:31px 'interfacebold'; color:#fff; display:block; text-transform:uppercase; margin:60px 0 0 143px;} /*CONTENT*/ .lightbox_chat .content{padding:0 30px; text-align:center; margin:0;} .lightbox_chat .content .separator{float:left; width:1px; height:163px; background:url(../imagens/layout/separator.png) repeat-y; margin:25px 18px 0 18px;} .lightbox_chat .content .contLeft{float:left; width:278px;} .lightbox_chat .content .contRight{float:right; width:278px;} .lightbox_chat .content .contLeft p, .content .contRight p{margin:10px 0 0 0; line-height:16px;} .lightbox_chat a.cliqueA{display:block; width:165px; height:31px; background:url(../imagens/botao/clique_aqui.png) no-repeat; font:19px 'interfacebold'; color:#fff; padding:10px 0 0 8px; margin:25px 0 0 70px; *margin:25px 0 0 35px;} /*FOOTER*/ .lightbox_chat .footer{width:100%; margin:33px 0 0 0; position:relative; display:inline-block; *margin:-23px 0 0 0;} .lightbox_chat .footer .footerInfo{float:left; text-align:center; width:475px; height:76px; background:#fff; color:#0a4166; line-height:16px; padding:15px 0 0 0;} .lightbox_chat .footer .logo{display:block; width:178px; height:106px; background:url(../imagens/layout/logo.png) no-repeat; float:right;} .bg_lightbox {z-index: 999!important;} .bg_lightbox {position:fixed;left:0;top:0;width:100%; height:100%;background:#000;opacity:0.70;-moz-opacity: 0.70;filter: alpha(opacity=70);z-index:5001;} /* --- LIGHT BOX CHAT ---*/ .flash_wrap { position: absolute!important; left: 50%!important; width: 1710px!important; margin-left: -855px!important; text-align: center!important; } .flash_wrap object { } .ui-dialog { overflow-x: hidden; overflow-y: hidden; padding-bottom: 0.2em; padding-left: 0.2em; padding-right: 0.2em; padding-top: 0.2em; position: absolute; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding-bottom: 0.4em; padding-left: 1em; padding-right: 1em; padding-top: 0.4em; position: relative; background-color: @colorDialog !important; border-top: 2px solid @colorDialog; border-left: 2px solid @colorDialog; border-right: 2px solid @colorDialog; border-bottom: 1px dashed #c4c4c4; color: #fff; } .ui-dialog .ui-dialog-content { padding-bottom: 0.4em; padding-left: 1em; padding-right: 1em; padding-top: 0.4em; position: relative; background-color: #fff !important; border-left: 2px solid @colorDialog; border-right: 2px solid @colorDialog; border-bottom: 2px solid @colorDialog; } .ui-dialog .ui-dialog-buttonpane{ background-color: #fff !important; margin-top: 0; } button.btn_master { background: @SbuttonFaceColor; color: @SbuttonFontColor; border: 1px solid @SbuttonBorderColor; padding: 2px 0; font-family: 'UniversLTStd55Roman'; font-size: 10px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; margin-left: 15px; margin-right: 10px; cursor: hand; } button.btn_master:hover { background: @HbuttonFaceColor; border: 1px solid @HbuttonBorderColor; color: @HbuttonFontColor !important; padding: 2px 0; font-family: 'UniversLTStd55Roman'; font-size: 10px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; margin-left: 15px; margin-right: 10px; cursor: hand; } button.btn_master:active { background: @SbuttonFaceColor; color: @SbuttonFontColor; border: 1px solid @SbuttonBorderColor; padding: 2px 0; font-family: 'UniversLTStd55Roman'; font-size: 10px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; margin-left: 15px; margin-right: 10px; cursor: hand; } button.btn_masterBigLogin{ background: @SbuttonFaceColor; color:@SbuttonFontColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:15px; font-family: Arial; font-size:11px; text-transform:uppercase; display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer; border:1px solid @SbuttonBorderColor; } button.btn_masterBigLogin:hover{ background:@HbuttonFaceColorLogin; color:@HbuttonFontColor; border:1px solid @HbuttonBorderColor; } a.btn_masterBigLogin{ background: @SbuttonFaceColor; color:@SbuttonFontColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:15px; font-family: Arial; font-size:11px; text-transform:uppercase; display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer; border:1px solid @SbuttonBorderColor; } a.btn_masterBigLogin:hover{ background:@HbuttonFaceColorLogin; color:@HbuttonFontColor; border:1px solid @HbuttonBorderColor; } button.btn_masterBigLoginC{ background:@NbuttonFaceColor; color: @NbuttonFontColor; border:1px solid @NbuttonBorderColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:15px; font-family: Arial; font-size:11px; text-transform:uppercase; display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer; } button.btn_masterBigLoginC:hover{ background:@HbuttonFaceColor; color:@HbuttonFontColor; border: 1px solid @HbuttonBorderColor; } button.btn_masterBigLoginA{ background:@SbuttonFaceColor; border:1px solid @SbuttonBorderColor; color:@SbuttonFontColor; padding-top:7px !important; padding-bottom:7px !important; padding-left:15px; padding-right:45px; font-family: Arial; font-size:11px; text-transform:uppercase; display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer; } button.btn_masterBigLoginA:hover{ background:@HbuttonFaceColor; color: @HbuttonFontColor; border: 1px solid @HbuttonBorderColor; } button.btn_masterBigLoginS{ background:@SbuttonFaceColor; border:1px solid @SbuttonBorderColor; color:@SbuttonFontColor; padding-top:3px !important; padding-bottom:1px !important; padding-left:-25px; padding-right:45px; font-family: Arial; font-size:11px; text-transform:uppercase; display:block; margin-top:0; text-align:center; margin-right:10px !important; cursor: pointer; } button.btn_masterBigLoginS:hover{ background:@HbuttonFaceColor; color: @HbuttonFontColor; border: 1px solid @HbuttonBorderColor; } button.btn_masterSkin { background: @SbuttonFaceColor; color: @SbuttonFontColor; border: 1px solid @SbuttonBorderColor; padding: 2px 0; font-family:arial; font-size: 11px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; margin-left: 15px; margin-right: 10px; cursor: hand; } button.btn_masterSkin:hover { background: @HbuttonFaceColor; border: 1px solid @HbuttonBorderColor; color: @HbuttonFontColor !important; padding: 2px 0; font-family: arial ; font-size: 11px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; margin-left: 15px; margin-right: 10px; cursor: hand; } button.fontFat{ font-family: 'UniversLTStd55Roman'; font-size:13px; text-transform:uppercase; } button.fontFat:hover{ font-family: 'UniversLTStd55Roman'; font-size:13px; text-transform:uppercase; } a.btn_masterClient { background: @SbuttonFaceColor; color: @SbuttonFontColor; border: 1px solid @SbuttonBorderColor; padding: 10px 0; font-family:arial; font-size: 11px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; margin-left: 15px; margin-right: 10px; cursor: hand; } a.btn_masterClient:hover { background: @HbuttonFaceColor; border: 1px solid @HbuttonBorderColor; color: @HbuttonFontColor !important; padding: 10px 0; font-family: arial ; font-size: 11px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; margin-left: 15px; margin-right: 10px; cursor: hand; text-decoration:none; } button.btn_masterBigLoginS .ui-button-text { font-family: Arial; font-size:11px; text-transform:uppercase; text-align:center; text-indent: 0px; } .toplinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #777777; color: #fff; border-bottom: 2px solid #c3c3c3; margin-bottom: 10px; padding-bottom: 10px; } .toplinks a,.toplinks a :visited { color: #FFF; } .small { font-size: 10px; line-height: 12px; color: #006; font-weight: normal; font-family: Arial, Helvetica, sans-serif; position: relative; top: -10px } /************** Skin 1 *********************/ .dd { /*display:inline-block !important;*/ text-align:left; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; position:relative; } .dd .ddTitle { background:#f2f2f2; border:1px solid #c3c3c3; padding:3px; text-indent:0; cursor:default; overflow:hidden; height:16px; } .dd .ddTitle span.arrow { background:url(dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; } .dd .ddTitle span.ddTitleText {text-indent:1px; overflow:auto; line-height:16px; width: 150px;} .dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0} .dd .ddTitle img.selected { padding:0 3px 0 0; vertical-align:top; } .dd .ddChild { /*position:absolute;*/ border:1px solid @inputBorderColor; display:block; margin-top:10px; margin-left:10px; margin-right:10px; width:378px !important; height:190px !important; overflow-y:scroll; overflow-x:hidden !important; background-color:#f2f2f2; } .dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px} .dd .ddChild a { display:block; padding:10px 16px 6px 3px; text-decoration:none; color:#000; overflow:hidden; white-space:nowrap; cursor:pointer; padding-left: 60px !important; background-image: url("../images/certificate.gif"); background-repeat: no-repeat; background-position: 5px 5px; font-family: tahoma, Times New Roman, Times, serif; font-size:11px; } .dd .ddChild a:hover { background-color: #FFF2B7; } .dd .ddChild a img { border:0; margin-top:-5px; vertical-align:bottom !important; float: left; padding-right:10px; display: none !important; } .dd .ddChild a.selected { background-color: @SbuttonFaceColorLogin; color: #fff !important; } .hidden {display:block;} .dd .borderTop{border-top:1px solid #c3c3c3 !important;} .dd .noBorderTop{border-top:none 0 !important} /************** Skin 2 *********************/ .dd2 { /*display:inline-block !important;*/ text-align:left; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; } .dd2 .ddTitle { background:transparent url(../images/msDropDown.gif) no-repeat; padding:0 3px; text-indent:0; cursor:default; overflow:hidden; height:36px; } .dd2 .ddTitle span.arrow { background:transparent url(../images/icon-arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px; } .dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; margin-top:15px; line-height:33px; font-family: Arial, verdana, serif; font-size:16px; font-weight:bold; color:#fff;} .dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;} .dd2 .ddTitle img.selected { padding:0 2px 0 0; vertical-align:middle; } .dd2 .ddChild { position:absolute; border:1px solid #c3c3c3; border-top:none; display:block; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#ffffff; font-size:14px; } .dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px} .dd2 .ddChild a { display:block; padding:3px 0 3px 3px; text-decoration:none; color:#005E9E; overflow:hidden; white-space:nowrap; cursor:pointer; font-size: 10px !important; } .dd2 .ddChild a:hover { background-color:#66CCFF; } .dd2 .ddChild a img { border:0; padding:0 2px 0 0; vertical-align:middle; display: none !important; } .dd2 .ddChild a.selected { background-color:#66CCFF; } .dd2 .borderTop{border-top:1px solid #c3c3c3 !important;} .dd2 .noBorderTop{border-top:none 0 !important} /************* use sprite *****************/ .dd .ddChild a.sprite, .dd .ddChild a.sprite:visited { background-image:url(../icons/sprite.gif); background-repeat:no-repeat; padding-left:24px; } .dd .ddChild a.calendar, .dd .ddChild a.calendar:visited { background-position:0 -404px; } .dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited { background-position:0 -330px; } .dd .ddChild a.cd, .dd .ddChild a.cd:visited { background-position:0 -439px; } .dd .ddChild a.email, .dd .ddChild a.email:visited { background-position:0 -256px; } .dd .ddChild a.faq, .dd .ddChild a.faq:visited { background-position:0 -183px; } .dd .ddChild a.games, .dd .ddChild a.games:visited { background-position:0 -365px; } .dd .ddChild a.music, .dd .ddChild a.music:visited { background-position:0 -146px; } .dd .ddChild a.phone, .dd .ddChild a.phone:visited { background-position:0 -109px; } .dd .ddChild a.graph, .dd .ddChild a.graph:visited { background-position:0 -73px; } .dd .ddChild a.secured, .dd .ddChild a.secured:visited { background-position:0 -37px; } .dd .ddChild a.video, .dd .ddChild a.video:visited { background-position:0 0; } .blockUI .blockOverlay{ cursor:default !important; } .blockMsg, .blockUI { width: 40%; top: 30%; left: 35%; text-align: center; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 0; margin:0; color: #000; } .blockMsg { width:400px !important; top:10px; right:10px; border:none; padding:5px; cursor:default; color: #fff; backgroundColor: #000; } .ui-growl { position:fixed; top:20% !important; right:50% !important; left:42% !important; margin:0 auto !important; width:301px; z-index:9999; color:#000; } .ui-growl-item-container { position:relative; margin:0 0 0 0; background-color:#fff; } .ui-growl-item { display:block; padding:10px 15px; } .ui-growl-item p { padding:0; margin:0; } .ui-growl-title { font-weight:bold; padding:0 0 7px 0; display:block; padding-top: 12px; } .ui-growl-image { width:32px; height:32px; float:left !important; margin-top: 10px !important; } .ui-growl-message { padding:0 0 5px 0; width:205px; float:right; } .ui-growl-message .ui-growl-error{ color: #9F6000; } /*******************************/ .breadcrumb{display:block; clear:both; margin:14px 0 27px;} .breadcrumb li{font:13px/13px 'RobotoRegular', Arial, Helvetica, sans-serif; color:#ffdf00; display:inline;} .breadcrumb li + li:before{content:'\203A'; margin-right:4px; color:#ffffff;} .breadcrumb li a{text-decoration:none; color:#ffffff;} .breadcrumb li a:hover{text-decoration:underline;} iframe.CabecalhoSkin{ width:100% !important; height:@HeaderHeigth !important; } iframe.RodapeSkin{ width: 100% !important; height: @FooterHeigth !important; } div.squaredTwoCert .ui-chkbox .ui-chkbox-box{ background-image: url("../images/check32_error.png") !important; background-position: 0px 0px; width:40px !important; height:54px !important; z-index:9999 !important; border: none; background-color:transparent !important; background-repeat: no-repeat; } div.squaredTwoCert .ui-chkbox:checked{ border: 1px solid #003f66; background-color: red; } div.squaredTwoCert .ui-chkbox .ui-state-active { background-image: url("../images/check32_.png") !important; background-position: 0px 0px; width:40px !important; height:54px !important; z-index:9999 !important; border: none; border-radios:30px; -moz-border-radius:30px; } div.squaredTwoCert .ui-widget-content { background-image: url("../images/check32_.png"); } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 29px; border-bottom: 1px solid #ccc; border-left: 0px solid #ccc; width: 950px; margin-left: 0px !important; } ul.tabs li { float: left; margin: 0; padding: 0; height: 28px; line-height: 28px; border-top: 0px solid #ccc; borde-left: none; margin-bottom: -1px; overflow: hidden; position: relative; font-family: 'Univers57CondensedRegular'; font-size: 14px; color: #8f8f8f; text-transform: uppercase; list-style-type:none; } ul.tabs li a { text-decoration: none; color: #8f8f8f; display: block; font-size: 12px; padding:0 ; padding-bottom:15px; border: 0px solid #fff; outline: none; font-weight: bold; } ul.tabs li a:hover { color: @colorData; } ul.tabs li span { background-color: #fff; border: 1px solid #ccc; padding: 5px 20px 5px 20px; margin-left: 2px; margin-right: 2px; } html ul.tabs li.active{ background-color: #fff; border: 1px solid #ccc; border-bottom: 1px solid #fff; padding: 0 20px; } html ul.tabs li.active a:hover{ background: #fff; color: @colorData; } html ul.tabs li.active span { border: 0px solid #ccc; } @media only screen and (max-width: 600px) { iframe.CabecalhoSkin{ display: none !important; } iframe.RodapeSkin{ display: none !important; } div.boxInfo { width: 55% !important; margin: 15px 0px 5px 0px; float: left; } div.fundoTitulo100 h1{ text-transform: uppercase; width: 100%; float: left; font: 18px 'UniversLTStd55Roman', Tahoma, Geneva, sans-serif; color: #005278; padding: 10px 10px 10px 25px; background: none !important; } span.lab_addtitle { display: block; text-align: left; padding-left: 0; padding-right: 20px; margin-left: 60px !important; text-transform: uppercase; font-family: 'UniversLTStd55Roman'; font-size: 13px; font-weight: 700; color: #00bbee; } div.boxInputsEsquerda { height: 60px; float: left; margin-bottom: 15px; display: block; width: 100% !important; } label.lab_add { display: block; text-align: left; text-transform: uppercase; font-family: 'UniversLTStd55Roman'; font-family: tahoma; font-size: 12px; font-weight: 400; color: #0a4166; margin-left: 74px !important; padding: 10px 5px 5px 0; } input.inp_add { display: block; padding: 14px; margin-left: 74px !important; border: 1px solid #BDD0DD; margin-bottom: 25px; color: #003f66; width: 50% !important; } button.btn_master { background: #1B859F; color: #FFF; border: 1px solid #1B859F; padding: 2px 0; font-family: 'UniversLTStd55Roman'; font-size: 15px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; padding: 6px; /* margin-right: 10% !important; */ width: 56% !important; margin-left: 74px !important; /* align-content: center; */ /* margin-top: 15px !important; */ } button.btn_master:hover{ background: #1B859F; color: #FFF; border: 1px solid #1B859F; padding: 2px 0; font-family: 'UniversLTStd55Roman'; font-size: 15px; text-transform: uppercase; display: block; margin-top: 0; text-align: center; padding: 6px; /* margin-right: 10% !important; */ width: 56% !important; margin-left: 74px !important; /* align-content: center; */ /* margin-top: 15px !important; */ } .tam405 { width: inherit; } .espacamento20 { width: 100%; height:0px; } span.simulaInputWarningAutori { display: block; padding: 7px 87px 10px 29px; margin-left: 0px; width: 75% !important; height: 110px; margin-top: 0px; border: 1px solid #E5E5E5; margin-bottom: 5px; background-color: #fffff4; background-image: url(http://localhost:8080/common-static-web/static/css/themes/SkinDynamic/images/uparrow_arriba_5811.png); background-repeat: no-repeat; background-position: 850px 5px; background-size: 60px; font: 13px "universltstd55roman", tahoma, geneva, sans-serif; } .mobile-container { background-color: transparent; } .topnav { overflow: hidden; background-color: #333; position: relative; } .topnav #myLinks { display: none; } .topnav a { color: white; padding: 14px 16px; text-decoration: none; font-size: 17px; display: block; } .topnav a.icon { background: black; display: block; position: absolute; right: 0; top: 0; } .topnav a:hover { background-color: #ddd; color: black; } .active { background-color: #00bbee; color: white; background-image: url(http://localhost:8080/common-static-web/static/css/themes/SkinDynamic/images/logo200_57.png); background-size: 100px; background-repeat: no-repeat; background-position-x: 15px; background-position-y: 8px; height: 30px; } .ui-growl { position: fixed; top: 20% !important; right: 0% !important; left: 5% !important; margin: 0 auto !important; width: 301px; z-index: 9999; color: #000; } //tela do video .tam935 { width: 100%; } .alt500 { height: auto !important; } #showconference { height: 600px !important; width: auto !important; margin: 0 auto !important; } .displayoff{ display: none !important; } }