* { margin:0; padding:0; outline:0; font-size:100%; vertical-align:baseline; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } table { border-collapse:collapse; border-spacing:0; } img { border:none; } a, button, input[type="submit"] { cursor:pointer; } a { text-decoration:none; } em, cite, address { font-style:normal; } @charset "utf-8";  #successMessage, #errorMessage { display:inline; float:left; border-width:1px; border-style:solid; width:719px; margin:20px 0 0 30px; padding:10px 40px; font-size:1em; } #errorMessage a, #successMessage a { color:#333; } #successMessage { border-color:#85c271; background:#e0ece0; color:#3d8b39; } #errorMessage { border-color:#f68d76; background:#f1ded9; color:#b2412d; } body { font-family:"Trebuchet MS"; font-size:0.7em; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-body.gif) repeat-x left top; } hr { display:none; } .selected { display:block; } #wrap { clear:both; width:100%; } #wrap .container { position:relative; display:table; width:992px; margin:0 auto; } #wrap .container .content { display:inline; float:left; width:992px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-content.jpg) no-repeat center bottom; } #wrap .container .content.home { background:none; padding-top:50px; } #wrap .container .content.home .principal { height:283px; padding-bottom:0; } #wrap .container .content .principal { position:relative; display:inline; float:left; width:992px; padding-bottom:50px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-principal.jpg) no-repeat center top; } #wrap .container .content.home .principal { padding-bottom:0; } #wrap .container .content .principal p { line-height:1.4em; } #wrap .container .content ul.partners, #wrap .container .content ul.partners li, #wrap .container .content ul.partners li a { display:inline; float:left; } #wrap .container .content ul.partners { margin-top:20px; } #wrap .container .content ul.partners li { margin:0 15px 20px 15px; } #wrap .container .content ul.partners li a { width:160px; height:64px; text-indent:-9999em; } #wrap .container .content ul.partners li.logo1 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro1.jpg) no-repeat center top; } #wrap .container .content ul.partners li.logo2 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro2.jpg) no-repeat center top; } #wrap .container .content ul.partners li.logo3 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro3.jpg) no-repeat center top; } #wrap .container .content ul.partners li.logo4 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro4.jpg) no-repeat center top; } #wrap .container .content ul.partners li.logo5 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro5.jpg) no-repeat center top; } #wrap .container .content ul.partners li.logo6 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro6.jpg) no-repeat center top; } #wrap .container .content ul.partners li.logo7 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro7.jpg) no-repeat center top; } #wrap .container .content ul.partners li.logo8 a { background:url(/app/webroot/css/frontend/../../img/frontend/base/parceiro8.jpg) no-repeat center top; } #wrap .container .breadcrumb h1 { display:inline; float:left; width:540px; line-height:2em; } #wrap .container .breadcrumb h1 strong { padding:0 3px; } .content .principal .box .box-open, .content .principal .box .box-close, .content .principal .box { display:inline; float:left; width:858px; } .content .principal .box { margin:9px 0 0 68px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-content-base-rpt.jpg) repeat-y left top; } .content .principal .box .box-open { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-content-base-top.jpg) no-repeat left top; } .content .principal .box .box-close { padding-bottom:25px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-content-base-bottom.jpg) no-repeat left bottom; } .content .principal .box .box-close { position:relative; min-height:600px; } html>body ..content .principal .box .box-close { height:auto; } .content .principal .box .box-sidebar, .content .principal .box .box-content { display:inline; float:left; margin-top:50px; } .content .principal .box .sidebar-hugh { display:inline; float:left; width:214px; } .content .principal .box .box-sidebar { margin-left:28px; margin-right:16px; padding-top:40px; width:170px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-box-sidebar.jpg) no-repeat left 23px; } .content .principal .box .box-sidebar .bt-mapa, .content .principal .box .box-sidebar .bt-cadastro { display:inline; float:left; width:169px; height:33px; margin-top:10px; text-indent:-9999em; } .content .principal .box .box-sidebar .bt-mapa { background:url(/app/webroot/css/frontend/../../img/frontend/base/bt-mapa.gif) no-repeat left top; } .content .principal .box .box-sidebar .bt-cadastro { background:url(/app/webroot/css/frontend/../../img/frontend/base/bt-cadastro.gif) no-repeat left top; } .content .principal .box .box-sidebar.contato h2 { height:23px; padding:2px 0 0 25px; margin-bottom:5px; background:url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bullet-sidebar-menu.gif) no-repeat left top; } .content .principal .box .box-sidebar.contato h3 { margin:10px 0 15px 0; } .content .principal .box .box-sidebar.contato p, .content .principal .box .box-sidebar.contato a { color:#666; } .content .principal .box .box-sidebar ul, .content .principal .box .box-sidebar ul li, .content .principal .box .box-sidebar ul li a { display:inline; float:left; clear:both; } .content .principal .box .box-sidebar ul { margin-bottom:23px; } .content .principal .box .box-sidebar ul li { margin-bottom:7px; } .content .principal .box .box-sidebar ul li a { padding:4px 0 7px 21px; text-decoration:none; background:url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bullet-sidebar-menu.gif) no-repeat left center; color:#333; } .content .principal .box .box-sidebar p { clear:both; } .content .principal .box .box-sidebar p a { text-decoration:none; color:#2e1d88; } .content .principal .box .box-content { position:relative; width:604px; padding-left:10px } .content .principal .box .box-content.middle { width:406px; } .content .principal .box .box-content h1, .content .principal .box .box-content h2 { display:inline; float:left; margin-bottom:16px; } .content .principal .box .box-content h2 { margin-left:19px; } .content .principal .box .box-content p { clear:both; } .content .principal .box .box-content .breadcrumb { display:inline; float:left; height:47px; margin-left:10px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-tit-breadcrumb.gif) no-repeat left top; } .content .principal .box .box-content .box-main, .content .principal .box .box-content .box-main .main-menu, .content .principal .box .box-content .box-main .main-menu li, .content .principal .box .box-content .box-main .main-menu li a { display:inline; float:left; } .content .principal .box .box-content .box-main { border:1px solid #e5e5e5; width:607px; min-height:364px; padding:15px 0 10px 0; background:#f9f9f9 url(/app/webroot/css/frontend/../../img/frontend/base/bg-box-main.gif) repeat-x left top; } .content .principal .box .box-content.middle .box-main { clear:both; width:406px; } .content .principal .box .box-content .box-main h3 { display:inline; float:left; margin:0 0 20px 20px; } .content .principal .box .box-content .box-main .main-menu { clear:both; width:210px; padding-left:10px; } .content .principal .box .box-content .box-main .main-menu li { position:relative; margin-bottom:15px; } .content .principal .box .box-content .box-main .main-menu li a { position:relative; z-index:20; width:165px; padding:6px 0 8px 25px; text-decoration:none; background:url(/app/webroot/css/frontend/../../img/frontend/base/bullet-seta.gif) no-repeat 10px 7px; color:#333; } .content .principal .box .box-content .box-main .main-menu li.selected a, .content .principal .box .box-content .box-main .main-menu li a:hover { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-service-menu-hover.gif) no-repeat left top; color:#993333; } .content .principal .box .box-content .box-main .main-description { position:absolute; top:-100px; left:189px; z-index:10; display:inline; float:left; border:1px solid #cbcbcb; width:365px; padding:10px; background:#fff; } .content .principal .box .box-content .box-main .main-description p img { display:inline; float:left; border:1px solid #e5e5e5; margin-right:10px; } .content .principal .box .box-content .box-main .main-description h4 { display:inline; float:left; clear:both; margin:20px 0 10px 10px; } .content .principal .box .box-content .box-main .main-description ul, .content .principal .box .box-content .box-main .main-description ul li, .content .principal .box .box-content .box-main .main-description ul li a { display:inline; float:left; } .content .principal .box .box-content .box-main .main-description ul { width:360px; } .content .principal .box-abas, .content .principal .box-abas .abas-open { display:inline; float:left; width:604px; } .content .principal .box-abas { margin-top:28px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-abas-top.jpg) no-repeat left 29px; } .content .principal .box-abas .abas-open { position:relative; padding:67px 0 17px 0; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-abas-bottom.jpg) no-repeat left bottom; } .content .principal .box-abas .abas-open .aba h3 { position:absolute; top:0; background:none; } .content .principal .box-abas .abas-open .aba h3 a { display:inline; float:left; height:48px; text-indent:-9999em; } .content .principal .box-abas .abas-open .aba h3.missao { left:24px; } .content .principal .box-abas .abas-open .aba h3.missao a { width:71px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-missao.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba h3.missao a:hover, .content .principal .box-abas .abas-open .aba h3.missao.btn-selected a { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-missao-hover.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba h3.visao { left:97px; } .content .principal .box-abas .abas-open .aba h3.visao a { width:71px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-visao.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba h3.visao a:hover, .content .principal .box-abas .abas-open .aba h3.visao.btn-selected a { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-visao-hover.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba h3.valores { left:169px; } .content .principal .box-abas .abas-open .aba h3.valores a { width:71px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-valores.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba h3.valores a:hover, .content .principal .box-abas .abas-open .aba h3.valores.btn-selected a { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-valores-hover.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba h3.compromisso { left:241px; } .content .principal .box-abas .abas-open .aba h3.compromisso a { width:112px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-compromisso.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba h3.compromisso a:hover, .content .principal .box-abas .abas-open .aba h3.compromisso.btn-selected a { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-aba-compromisso-hover.gif) no-repeat left top; } .content .principal .box-abas .abas-open .aba div { display:none; } .content .principal .box-abas .abas-open p { padding:0 23px; } .content .principal .box-abas .abas-open h4.first { padding-top:0; } .content .principal .box-abas .abas-open h4 { padding:20px 23px 10px 23px; font-size:1.1em; } .solution { position:relative; } .solution h1, .solution h2 { position:absolute; display:inline; float:left; } .solution h1 { top:-25px; left:103px; } .solution h2 { cursor:pointer; } .solution.residential h2 { top:-25px; left:304px; } .solution.small h2 { top:-25px; left:492px; } .solution.middle-large h2 { top:-25px; left:713px; } .box-solutions { position:absolute; float:left; width:100%; height:283px; } .box-solutions h3 { display:inline; float:left; height:45px; } .box-solutions ul, .box-solutions ul li, .box-solutions ul li a { display:inline; float:left; clear:both; } .box-solutions ul li a { color:#333; text-decoration:none; } .box-solutions ul li { width:223px; margin-bottom:13px; padding-left:12px; background:url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bullet-arrow.gif) no-repeat left center; } .box-solutions .btn { display:inline; float:left; clear:both; font-size:0.95em; font-weight:700; text-decoration:none; color:#3a2a8f; } .box-solutions img { float:left; vertical-align:middle; } .box-solutions ul, .box-solutions p { color:#3a3a3a; }  .box-solutions .services, .box-solutions .catalogs, .box-solutions .informations { display:inline; float:left; }  .box-solutions .informations { width:170px; margin:56px 0 0 102px; } .box-solutions .informations img { margin-bottom:9px; } .box-solutions .informations .btn.more-info { margin-top:10px; }  .box-solutions .services { width:252px; margin:56px 0 0 27px; }  .box-solutions .catalogs { width:298px; margin:56px 0 0 62px; } .box-solutions .catalogs img { margin-right:13px; } .box-solutions .catalogs p { display:inline; float:left; width:140px; } .box-solutions .catalogs .btn.see-products { clear:none; margin-top:10px; } .box-solutions.residential { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-box-residential.jpg) no-repeat left top; } .box-solutions.small { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-box-small.jpg) no-repeat left top; } .box-solutions.middle-large { background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-box-middle-large.jpg) no-repeat left top; } .box-highlight, .box-highlight h2, .carousel, .carousel ul, .carousel ul li, .btn-control { display:inline; float:left; } .box-highlight { position:relative; width:952px; padding:0 0 60px 40px; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-highlight.gif) no-repeat left 1px; } .box-highlight h2 { width:99px; height:26px; margin:40px 0 15px 60px; text-indent:-9999em; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-tit-highlight.gif) no-repeat left top; } .carousel { left:60px!important; width:952px; } .carousel ul { height:177px; margin:0 6px; } .carousel ul li { display:none; height:177px!important; } .btn-control { position:absolute; z-index:300; top:75px; } .btn-control.next, .btn-control.prev { width:54px; height:185px; text-indent:-9999em; } .btn-control.next { left:911px; background:#fff url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bt-carousel-next.gif) no-repeat left center; } .btn-control.prev { left:40px; background:#fff url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bt-carousel-prev.gif) no-repeat left center; } .product { display:inline; float:left; width:231px; margin-right:56px; text-align:center; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-box-product-open.gif) no-repeat left top; } .product a { display:block; float:none; margin:10px auto 10px auto; } .product .product-content { width:211px; margin-top:10px; padding:10px; text-align:left; background:url(/app/webroot/css/frontend/../../img/frontend/base/bg-box-product-close.gif) no-repeat left bottom; color:#fff; } .product .product-content h3 { padding-bottom:5px; font-size:1.3em; } form,fieldset{display:inline;float:left;} legend{display:none;} fieldset{border:none;} input,select, textarea {border:solid 1px #D3D3D3;font-family:Trebuchet MS;font-size:11px;} input,textarea{padding:1px;} input,select{vertical-align:middle;} textarea{vertical-align:top;} #wrap .header, #wrap .header .logo, #wrap .header .atendimento { display:inline; float:left; } #wrap .header { position:relative; z-index:5555; width:992px; height:137px; background:#fff url(/app/webroot/css/frontend/../../img/frontend/base/header/bg-header.gif) no-repeat center top; } body#home #wrap .header { background:#fff url(/app/webroot/css/frontend/../../img/frontend/base/header/home/bg-header.gif) no-repeat center top; } .header .logo { position:absolute; top:18px; left:21px; width:162px; height:60px; } .header .atendimento { position:absolute; top:27px; left:286px; width:365px; height:47px; text-indent:-9999em; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bg-atendimento.gif) no-repeat bottom } .header .links .email, .header .links .newsletter { display:inline; float:left; width:189px; height:15px; text-indent:-9999em; } .header .links { position:absolute; top:33px; z-index:5000; left:769px; width:200px; } .header .links .email { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bg-email.gif) no-repeat left bottom; } .header .links .newsletter { padding-top:7px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bg-newsletter.gif) no-repeat left bottom; } .header .menu { position:absolute; top:91px; left:20px; width:622px; } .header .menu li { display:inline; float:left; } .header .menu li { padding:0!important; } .header .menu li a { display:inline; float:left; margin-right:2px; height:47px; text-align:center; text-indent:-9999em; background-position:left top; background-repeat:no-repeat; } .header .menu li.home a { width:65px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-home.gif); } .header .menu li.monytech a { width:105px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-monytech.gif); } .header .menu li.servicos a { width:87px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-servicos.gif); } .header .menu li.produtos a { width:88px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-produtos.gif); } .header .menu li.biblioteca a { width:151px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-biblioteca.gif); } .header .menu li.fale a { width:114px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-fale.gif); } .header .menu.initial li.home a { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/home/bt-home.gif); } .header .menu.initial li.monytech a { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/home/bt-monytech.gif); } .header .menu.initial li.servicos a { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/home/bt-servicos.gif); } .header .menu.initial li.produtos a { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/home/bt-produtos.gif); } .header .menu.initial li.biblioteca a { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/home/bt-biblioteca.gif); } .header .menu.initial li.fale a { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/home/bt-fale.gif); } .header p.bt-logged { position:absolute; top:97px; left:650px; color:#666; } .header p.bt-logged a { text-decoration:none; color:#3A2A8F; } body#home .header .menu li.home a, .header .menu li.home a:hover { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-home-hover.gif); } body#monytech .header .menu li.monytech a, .header .menu li.monytech a:hover { height:48px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-monytech-hover.gif); } body#services .header .menu li.servicos a, .header .menu li.servicos a:hover { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-servicos-hover.gif); } body#products .header .menu li.produtos a, .header .menu li.produtos a:hover { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-produtos-hover.gif); } body#libraries .header .menu li.biblioteca a, .header .menu li.biblioteca a:hover { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-biblioteca-hover.gif); } body#contacts .header .menu li.fale a, .header .menu li.fale a:hover { background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bt-fale-hover.gif); } .header form.area-tecnica { position:absolute; top:98px; left:650px; background:url(/app/webroot/css/frontend/../../img/frontend/base/header/bg-form-login.gif) no-repeat left top; } .header form.area-tecnica fieldset { padding-left:72px; height:18px; } .header form.area-tecnica fieldset label { display:inline; float:left; padding:0 0 0 5px; } .header form.area-tecnica fieldset label input { border:1px solid #e9e6e6; height:16px; color:#b2b2b2; } .header form.area-tecnica fieldset label.login input { width:73px; } .header form.area-tecnica fieldset label.password input { width:55px; } .header form.area-tecnica fieldset button { border:none; width:22px; height:11px; margin:3px 0 0 5px; text-indent:-9999em; background:url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bt-form-login.gif) no-repeat left top; } .header .forgot-password { position:absolute; top:101px; left:900px; } .header .forgot-password .posit { position:relative; } .header .forgot-password .posit .btn-forgot { display:inline; float:left; width:130px; text-decoration:none; color:#999; } .header .forgot-password form { position:absolute; left:-185px; top:25px; z-index:300; } .newsletter-subscription, .newsletter-subscription fieldset, .newsletter-subscription fieldset .bt-fechar, .newsletter-subscription fieldset p, .newsletter-subscription fieldset label, .newsletter-subscription fieldset button { display:inline; float:left; } .newsletter-subscription { position:absolute; top:78px; left:640px; z-index:300; border:1px solid #afaeac; width:271px; height:119px; background:#efefef url(/app/webroot/css/frontend/../../img/frontend/base/bg-newsletter.gif) no-repeat left top; ; } .newsletter-subscription fieldset { position:relative; width:100%; } .newsletter-subscription fieldset .bt-fechar { position:absolute; top:4px; right:5px; border:1px solid #cbcbcb; width:17px; height:16px; text-indent:-9999em; background:url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bt-close.gif) no-repeat scroll left top; } .newsletter-subscription fieldset p { position:absolute; top:32px; left:11px; width:245px; line-height:1.4em; color:#333; } .newsletter-subscription fieldset .related { position:absolute; top:73px; left:0; } .newsletter-subscription fieldset label { width:232px; margin-bottom:2px; text-align:right; color:#333; } .newsletter-subscription fieldset label input { border:1px solid #e9e6e6; width:150px; } .newsletter-subscription fieldset button { position:absolute; top:97px; left:241px; border:none; width:22px; height:11px; text-indent:-9999em; background:url(/app/webroot/css/frontend/../../img/frontend/icons-buttons/bt-newsletter.gif) no-repeat left top; } #wrap .footer-container { display:inline; float:left; width:100%; height:172px; background:url(/app/webroot/css/frontend/../../img/frontend/base/footer/bg-footer.gif) repeat-x center top; } #wrap .footer-container .footer { display:table; width:992px; margin:auto; } .footer .menu, .footer .menu li, .footer .menu li a, .footer h4, .footer cite { display:inline; float:left; } .footer .menu { width:528px; height:27px; margin:27px 0 0 228px; } .footer .menu li { margin-right:34px; } .footer .menu li a { text-decoration:none; color:#313131; } .footer .menu li a:hover { text-decoration:underline; } .footer .engloba { clear:both; width:921px; padding-top:18px; } .footer h4 { text-indent:-9999em; } .footer cite, .footer cite a { color:#b7b6b6; } .footer cite { width:528px; margin:4px 81px 0 151px; } .footer cite a { text-decoration:underline; } .footer .logo-monytech { width:62px; height:19px; background:url(/app/webroot/css/frontend/../../img/frontend/base/footer/logo-monytech.gif) no-repeat center top; } .footer .logo-feb { width:99px; height:15px; background:url(/app/webroot/css/frontend/../../img/frontend/base/footer/logo-feb.gif) no-repeat center top; }