/* reset --------------------------------------------------------------------------------*/ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{ border:0;margin:0;padding:0;font-size:100%; }html,body{ }article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }b,strong{ font-weight:bold; }img{ color:transparent;font-size:0;-ms-interpolation-mode:bicubic; }ol,ul{ list-style:none; }li{ display:list-item; }table{ border-collapse:collapse;border-spacing:0; }th,td,caption{ font-weight:normal;vertical-align:top;text-align:left; }q{ quotes:none; }q:before,q:after{ content:'';content:none; }sub,sup,small{ font-size:75%; }sub,sup{ line-height:0;position:relative;vertical-align:baseline; }sub{ bottom:-0.25em; }sup{ top:-0.5em; }svg{ overflow:hidden; } /* fonts --------------------------------------------------------------------------------*/ @font-face { font-family: 'open_sansregular'; src: url('../fontes/OpenSans-Regular-webfont.eot'); src: url('../fontes/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fontes/OpenSans-Regular-webfont.woff') format('woff'), url('../fontes/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fontes/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'open_sansbold'; src: url('../fontes/OpenSans-Bold-webfont.eot'); src: url('../fontes/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontes/OpenSans-Bold-webfont.woff') format('woff'), url('../fontes/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fontes/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../fontes/OpenSans-Semibold-webfont.eot'); src: url('../fontes/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontes/OpenSans-Semibold-webfont.woff') format('woff'), url('../fontes/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fontes/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } /* base --------------------------------------------------------------------------------*/ * { font-family:Arial; outline:none;} body { background: url(../images/layout/bg.png) 0 218px repeat-x; } h1 { float: left; text-indent: 20px; width: auto; text-transform: uppercase; font-family: 'open_sanssemibold'; font-weight:normal; color:#000; font-size:18px; background: url(../images/layout/bg-h1.png) 0 center no-repeat; } h1 b { text-transform: uppercase; font-family: 'open_sanssemibold'; font-weight:normal; color:#0e783d; font-size:18px; } h2 { font-family: 'open_sanssemibold'; margin-bottom: 5px; font-weight: normal; color: #000; text-transform: uppercase; font-size: 14px;} h3 { font-family: 'open_sanssemibold'; font-size: 16px; color: #FFF; text-transform: uppercase; font-weight: normal; } h4 { font-family: 'open_sanssemibold'; font-weight: normal; text-transform: uppercase; font-size:14px; color:#0e783d;} p { font-family: 'open_sansregular'; font-size:13px; line-height:140%; color:#000; text-align:left; } a { font-family: 'open_sansregular'; font-size:13px; color:#0e783d; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; -ms-transition:color 0.3s; -o-transition:color 0.3s; transition:color 0.3s; } a:hover { text-decoration:underline !important; } .none { display:none !important; } .left { float:left; } .txt-center { text-align:center; } .txt-justify { text-align:justify; } .txt-left { text-align:left; } .right { float: right !important;} .relativo { position: relative; } .title-pg {} .tsbg {-webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; -o-transition:background-color 0.2s; transition:background-color 0.2s;} /*Selects*/ .customSelect { width:100%; clear:both; display:block; text-indent: 7px; font-family: 'open_sansregular'; border:1px solid #a7a5a6; background: url(../images/layout/bg-select.png) right center no-repeat; padding:9px 0; font-size:14px; color:#9b9b9b; -webkit-box-shadow:inset 1px 1px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:inset 1px 1px 0px rgba(50, 50, 50, 0.1); box-shadow:inset 1px 1px 0px rgba(50, 50, 50, 0.1); -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .customSelect.customSelectHover { border-color: #0e783d; } .customSelect.erro { border-color: red; box-shadow: 0 0 2px red;} .customSelectInner { width: 80% !important; font-family: 'open_sansregular'; } select option { padding: 3px 0 3px 3px !important; font-size:14px; color:#707070; font-family: 'open_sansregular'; } select { padding: 3px 0 3px 3px !important; font-family: 'open_sansregular';} /* formulario --------------------------------------------------------------------------------*/ .formulario { float: left; } .formulario .campo { float: left; position:relative; margin-bottom:20px; padding-right: 26px;} .formulario .margin { margin-bottom: 20px;} .formulario .campo label { position: absolute; left: 15px; top: 11px; font-family: 'open_sansregular'; color: #9b9b9b; font-size: 14px;} .formulario label.erro { display: none !important;} .formulario input.erro , .formulario textarea.erro { box-shadow: 0 0 2px red; border:1px solid red !important; } .formulario input[type="text"], .formulario input[type="password"], .formulario textarea { float: left; width:100%; clear:both; display:block; font-family: 'open_sansregular'; border-radius: 3px; background:none; border:1px solid #a7a5a6; padding:9px 12px; height: 21px; font-size:14px; color:#707070; -webkit-transition:border 0.4s; -moz-transition:border 0.4s; -o-transition:border 0.4s; transition:border 0.4s; } .formulario textarea { height: 100px; resize:none;} .formulario input:hover , .formulario .selector:hover , .formulario .myFileClass:hover , .formulario textarea:hover { border:1px solid #999; } .formulario input:focus , .formulario textarea:focus { border:1px solid #0e783d; outline:none; -webkit-box-shadow:0px 0px 6px rgba(85, 65, 50, 0.5); -moz-box-shadow:0px 0px 6px rgba(85, 65, 50, 0.5); box-shadow:0px 0px 6px rgba(85, 65, 50, 0.5); } .formulario .campo.grid_1 { width:14px !important; } .formulario .campo.grid_2 { width:74px !important; } .formulario .campo.grid_3 { width:134px !important; } .formulario .campo.grid_4 { width:194px !important; } .formulario .campo.grid_5 { width:254px !important; } .formulario .campo.grid_6 { width:314px !important; } .formulario .campo.grid_7 { width:374px !important; } .formulario .campo.grid_8 { width:434px !important; } .formulario .campo.grid_9 { width:494px !important; } .formulario .campo.grid_10 { width:554px !important; } .formulario .campo.grid_11 { width:614px !important; } .formulario .campo.grid_12 { width:674px !important; } .formulario .campo.grid_13 { width:734px !important; } .formulario .campo.grid_14 { width:794px !important; } .formulario .campo.grid_15 { width:854px !important; } .formulario .campo.grid_16 { width:914px !important; } .formulario .checkNews { height: 30px; padding-top: 12px;} .formulario .checkNews input { float: left; margin-right: 5px;} .formulario .checkNews label { float: left; font-size: 14px; color: #9b9b9b; line-height: 17px; font-family: 'open_sansregular';} .botaoPadrao { width: 100%; height:35px; margin:0; padding:0; font-family: 'open_sansregular'; color:#FFF; border:0; font-size:18px; text-transform: uppercase; background: #0e783d; text-align: center; border-radius:3px; } .botaoPadrao:hover { cursor:pointer; background-color: #13532f; } .botaoCinza { float: left; width: 100%; height:35px; margin:0; padding:0; font-family: 'open_sansregular'; color:#4f4c4d; text-decoration: none; border:0; font-size:18px; text-transform: uppercase; background: #a7a5a6; text-align: center; border-radius:3px; } .botaoCinza:hover { cursor:pointer; background-color: #777; color: #FFF; text-decoration: none !important; } /* grid --------------------------------------------------------------------------------*/ .container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_4{left:240px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_8{left:480px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_12{left:720px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_4{left:-240px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_8{left:-480px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_12{left:-720px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1} .box180 { float: left; width: 180px;} .box240 { float: left; width: 240px;} .box300 { float: left; width: 300px;} .box360 { float: left; width: 360px;} .box420 { float: left; width: 420px;} .box480 { float: left; width: 480px;} .box540 { float: left; width: 540px;} .box600 { float: left; width: 600px;} .box660 { float: left; width: 660px;} .box720 { float: left; width: 720px;} #fundo { float: left; width: 100%; height: 100%; position: relative; } #fundo .tracado-fundo { position: absolute; top: 0; left: 0; width: 100%; height: 6px; z-index: 100; transition:all 1.5s; background: url(../images/layout/bg-fundo.png) center 0 no-repeat;} #fundo .tracado-fundo.ready { width: 100%; } /* top --------------------------------------------------------------------------------*/ #top { margin-bottom: 30px; position: relative; z-index: 30;} #top .top .top-1 { float: left; width: 100%; margin-top: 55px; height: 53px; } #top .top .top-1 .logo { height: 53px; overflow: hidden; } .sociais { float: left;} .sociais a { float: left; height: 40px; position: relative; } .sociais a.icon-facebook { background: url(../images/layout/icon-facebook.png) 0 0 no-repeat;} .sociais a.icon-contato { background: url(../images/layout/icon-mail.png) 0 0 no-repeat;} .sociais a.icon-contato span { background: url(../images/layout/span-contato.png) 0 bottom no-repeat;} .sociais a.icon-facebook span { background: url(../images/layout/span-facebook.png) 0 bottom no-repeat;} .sociais a:hover { background-position: 0 -40px;} .sociais a:hover span { opacity: 1;} .sociais a span { transition:all 0.2s; opacity: 0; position: absolute; width: 77px; height: 38px; left: 50%; margin-left: -39px; top: 40px;} /* menu --------------------------------------------------------------------------------*/ #top .top .menu-topo { height: 30px; margin-top: 55px; } #top .top .menu-topo li { float: left; height: 25px; padding-left: 6px; padding-right: 6px; padding-top: 6px; margin-right: 29px; position: relative; cursor: default; } #top .top .menu-topo li.last { margin-right: 0;} #top .top .menu-topo li span { border-radius: 0 5px 0 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 0px; transition:all 0.6s; background: #0e783d; z-index: 10; } #top .top .menu-topo a { position: relative; z-index: 15; font-family: 'open_sanssemibold'; padding:0 0 4px 0; color: #727272; font-size: 16px; text-transform: uppercase; text-decoration: none; transition:all 0.2s; } #top .top .menu-topo li:hover a { text-decoration: none !important; color: #FFF; background-position: 0 bottom;} #top .top .menu-topo li:hover span { height: 30px; transition:all 0.2s;} #top .top .menu-topo ul li ul { display: none; width: 155px; height: 108px; padding-top: 16px; position: absolute; top: 32px; left: 0; border-radius: 0 10px 10px 10px; background: url(../images/layout/span-drop.png) 0 bottom no-repeat;} #top .top .menu-topo ul li ul li { float: left; width: 100%; height: auto; margin-bottom: 2px; padding: 0; } #top .top .menu-topo ul li ul li a { float: left; width: 90%; margin-left: 3%; margin-right: 3%; padding-left: 4%; padding-top: 5px; padding-bottom: 5px; font-size: 15px; text-transform: none; font-family: 'open_sansregular'; color: #FFF; } #top .top .menu-topo ul li ul li:hover a { background: #085b28;} #top .top .menu-topo ul li:hover ul { display: block;} /* banners --------------------------------------------------------------------------------*/ #banner { width: 100%; height: 555px; margin-bottom: 40px; overflow: hidden; position: relative; } #banner .banner { height: 555px !important; z-index:10; } #banner .banner li { float:left; height:555px; text-align: center; } #banner .banner a { float: left; width: 100%; height: 100%; background-position: center top !important; } #banner .banner li button:hover { color: #FFF; background-color: #C70910; cursor: pointer;} #banner .bx-controls-direction a { position: absolute; top: 210px; width: 28px; height: 55px; z-index: 100; text-indent: -9999px; transition:all 0.2s cubic-bezier(0.680, -0.550, 0.265, 1.550);} #banner .bx-controls-direction a.disabled { opacity: 0.9; cursor: default;} #banner .bx-controls-direction a.bx-prev { left: 50%; margin-left: -470px; background: url(../images/layout/prev.png) 0 0 no-repeat;} #banner .bx-controls-direction a.bx-next { right: 50%; margin-right: -470px; background: url(../images/layout/next.png) 0 0 no-repeat;} #banner .bx-controls-direction a:hover { cursor: pointer; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } #banner .bx-pager { position: absolute; left: 50%; margin-left: -45px; bottom: 20px; z-index: 100; width: 90px;} #banner .bx-pager a { float: left; width: 19px; height: 19px; margin-right: 10px; border-radius: 30px; text-indent: -9999px; box-shadow:2px 2px 3px #000; overflow: hidden; background: url(../images/layout/nav.png) 0 0 no-repeat; } #banner .bx-pager a.active , #banner .bx-pager a:hover { background-position: 0 -19px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition:all 0.1s; } #banner .bx-pager a.active img , #banner .bx-pager a:hover img { opacity: 0.5; } /* corpo --------------------------------------------------------------------------------*/ #corpo { position: relative; z-index: 20;} body.page-home #corpo { float: left; width: 100%; margin: 0; min-height: 300px;} .pag-padrao { margin-top: 30px;} .marginBottom { margin-bottom: 100px;} body.page-home { background: url(../images/layout/bg.png) 0 778px repeat-x; } .titulo { margin-bottom: 20px; position: relative; } .titulo h1 { float: left;} .titulo span { width: auto; display: block; background: url(../images/layout/bg-titulos.png) 0 10px repeat-x;} .sombra { border-radius: 7px; box-shadow: 2px 2px 2px #CCC; overflow: hidden;} /* Box Bottom --------------------------------------------------------------------------------*/ .box-bottom { height: 155px; margin-top: 50px; margin-bottom: 50px; border: 1px solid #ececec; position: relative; background: url(../images/layout/traco-box-bottom.png) center 0 no-repeat #FFF;} .box-bottom .box { position: absolute; left: 0; top: 0; padding-left: 15%; width: 35%; height: 100%; transition: all 0.2s; background: url(../images/layout/circle-cifrao.png) 40px center no-repeat;} .box-bottom .box h3 { margin-top: 35px; margin-bottom: 10px; color: #3c3c3c; font-size: 16px; text-transform: none;} .box-bottom .box strong { font-family: 'open_sanssemibold'; font-weight: normal; color: #0e783d; font-size: 14px; } .box-bottom .box.box2 { left: 470px; background: url(../images/layout/circle-noticias.png) 40px center no-repeat;} .box-bottom .box a { position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .box-bottom .box:hover { background-position: 50px center; padding-left: 16%; width: 34%;} /* home --------------------------------------------------------------------------------*/ .texto-home { } .texto-home h2 { margin-bottom: 20px; font-family: 'open_sansregular'; letter-spacing: -2px; color: #0e783d; font-size: 31px; text-transform: none; } .texto-home h2 span { font-family: 'open_sansregular'; letter-spacing: -2px; color: #282828; font-size: 31px; text-transform: none;} .texto-home p { color: #707070; margin-bottom: 17px;} .texto-home strong { float: left; margin-top: 20px; width: 70%; font-size: 18px; font-family: 'open_sansregular'; letter-spacing: -1px; color: #0e783d; font-weight: normal; } .texto-home strong b { float: left; width: 100%; font-family: 'open_sansregular'; color: #a0a0a0; font-size: 14px; text-transform: uppercase; font-weight: normal; } .mapa { float: left; width: 100%;height: 435px; background: url(../images/home/mapa.jpg) center 0 no-repeat;} .noticias-home { float: left; width: 100%; height: 180px; } .noticias-home .item { text-decoration: none !important;} .noticias-home .item:hover .veja-mais { } .noticias-home .item:hover img {} .noticias-home .imagem { float: left; width: 100%; height: 57px; margin-bottom: 15px; overflow: hidden; position: relative;} .noticias-home .imagem img { transition: all 0.3s;} .noticias-home h3 { float: left; width: 100%; text-transform: uppercase; font-size: 14px; color: #0e783d; } .noticias-home p { float: left; width: 100%; font-family: 'open_sansregular'; font-size: 14px; color: #000; } .noticias-home a { font-family: 'open_sansregular'; text-decoration: none; font-size: 14px; color: #9b9b9b; } .news-home { float: left; width: 100%; height: 131px; position: relative; } .news-home button { position: absolute; right: 14px; bottom: 5px; width: 50px; height: 32px; padding: 0; font-size: 18px; border-radius: 3px; text-transform: uppercase; font-family: 'open_sansregular'; color: #FFF; cursor: pointer; border:0; background: #0e783d;} .news-home button:hover { background: #880000; } .box-celulas { float: left; width: 100%;} .box-celulas .celula { margin-bottom: 30px; overflow: hidden; height: 280px; background: #FFF; position: relative;} .box-celulas .celula:hover a { opacity: 1;} .box-celulas .celula a { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/layout/celulas-hover.png) 0 0 no-repeat;} .box-celulas .celula .foto { float: left; width: 100%; height: 179px; overflow: hidden; margin-bottom: 30px;} .box-celulas .celula p { float: left; width: 88%; margin-bottom: 3px; padding-left: 6%; padding-right: 6%; color: #a0a0a0; letter-spacing: -1px; font-size: 14px; text-transform: uppercase;} .box-celulas .celula h2 { float: left; width: 88%; padding-left: 6%; padding-right: 6%; color: #3c3c3c; letter-spacing: -1px; font-size: 17px; line-height: 17px;} .tst-2 { transition:all 0.2s;} .tst-3 { transition:all 0.3s;} .tst-4 { transition:all 0.4s;} .tst-5 { transition:all 0.5s;} /* Pagina Empresa --------------------------------------------------------------------------------*/ .pag-a-empresa {} .pag-a-empresa p { margin-bottom: 20px; } .pag-a-empresa .container_16 { margin-bottom: 40px;} .pag-a-empresa .principios {} .pag-a-empresa .principios li { float: left; width: 100%; margin-top: 10px; margin-bottom: 20px; } .pag-a-empresa .principios li img { float: left; margin-right: 15px;} .pag-a-empresa .principios li h2 { float: left; margin-bottom: 0;} .pag-a-empresa .principios li p { float: left; width: 385px; margin-bottom: 0; font-size: 13px;} .pag-a-empresa .linha-do-tempo ul { float: left; width: 100%; height: 30px; margin-bottom: 150px; background: url(../images/empresa/bg-linha-tempo.png) 0 bottom no-repeat;} .pag-a-empresa .linha-do-tempo ul li { float: left; position: relative; width: 72px; padding-left: 5px; font-family: 'open_sanssemibold'; color: #000; border-left: 1px solid #000;} .pag-a-empresa .linha-do-tempo ul li a { font-family: 'open_sanssemibold'; color: #000; text-decoration: none; } .pag-a-empresa .linha-do-tempo ul li ul { width: auto; height: 0; padding-top: 15px; overflow: hidden; position: absolute; left: 0; top: 20px; margin-bottom: 0; background: none; } .pag-a-empresa .linha-do-tempo ul li ul li { float: left; width: 220px; border: 0; border-left: 1px solid #0e783d; padding-top: 55px; padding-left: 6px; font-family: 'open_sansregular'; } .pag-a-empresa .linha-do-tempo ul li ul li b { font-size: 11px; font-weight: normal;} .pag-a-empresa .linha-do-tempo ul li:hover { background: #0e783d; cursor: pointer; border-left: 1px solid #0e783d;} .pag-a-empresa .linha-do-tempo ul li:hover ul { height: 200px; transition: all 1s 0s ease-in-out; } .pag-a-empresa .linha-do-tempo ul li:hover a { text-decoration: none !important; color: #FFF;} .pag-a-empresa .linha-do-tempo ul li ul li:hover { background: none;} .pag-a-empresa .linha-do-tempo ul li ul.ulRight { left: inherit !important; right: 0;} .pag-a-empresa .linha-do-tempo ul li ul.ulRight li { padding-right: 6px; padding-left: 0; text-align: right; border: 0; border-right: 1px solid #0e783d;} /* Pagina Servicos --------------------------------------------------------------------------------*/ .pag-servicos { } .pag-servicos .doutor { position: absolute; right: -5px; top: -15px; } .pag-servicos .veja-mais { text-transform: uppercase; text-decoration: none;} .pag-servicos .cubos-servicos { margin-top: 50px; } .cubos-servicos a { float: left; height: 280px; margin-bottom: 40px; text-decoration: none; position: relative;} .cubos-servicos a:hover span { background: #0e783d; } .cubos-servicos a:hover h3 { color: #c70910;} .cubos-servicos a:hover b { opacity: 1; right: 10px;} .cubos-servicos a span { float: left; width: 220px; height: 180px; background: #D8D8D8; transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.050);} .cubos-servicos a .imagem { position: absolute; top: 0; right: 0; width: 100%; height: 180px;} .cubos-servicos a h3 { float: left; width: 100%; margin-top: 10px; font-family: 'open_sanssemibold'; text-transform: uppercase; color: #000; } .cubos-servicos a p { float: left; width: 100%; margin-top: 0; font-family: 'open_sansregular'; font-size: 13px; color: #000;} .cubos-servicos a b { opacity: 0; position: absolute; width: 70px; top: 140px; right: 220px; font-family: 'open_sansregular'; font-weight: normal; color: #FFF; transition: all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.050);} .cubos-servicos a.cubo-1 .imagem { background: url(../images/servicos/cubo-1.png) center center no-repeat;} .cubos-servicos a.cubo-2 .imagem { background: url(../images/servicos/cubo-2.png) center center no-repeat;} .cubos-servicos a.cubo-3 .imagem { background: url(../images/servicos/cubo-3.png) center center no-repeat;} .cubos-servicos a.cubo-4 .imagem { background: url(../images/servicos/cubo-4.png) center center no-repeat;} .cubos-servicos a.cubo-5 .imagem { background: url(../images/servicos/cubo-5.png) center center no-repeat;} .cubos-servicos a.cubo-6 .imagem { background: url(../images/servicos/cubo-6.png) center center no-repeat;} /* Pagina Ofereça seu Tererno --------------------------------------------------------------------------------*/ .page-ofereca-seu-terreno form textarea { height: 80px;} /* Pagina Sobre --------------------------------------------------------------------------------*/ .sobre-1 { height: 264px;} .sobre-2 { height: 385px;} .sobre-3 { height: 425px;} .fotos-thumbs { float: left; margin-top: 20px; width: 100%; overflow: hidden; } .fotos-thumbs a { float: left; height: 95px; overflow: hidden; position: relative;} .fotos-thumbs a img { float: left; min-height: 95px; max-width: 140px; margin-top: 0;} .fotos-thumbs a span { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/sobre/hover-thumbs.png) 0 0 no-repeat;} .fotos-thumbs a:hover span { opacity: 1; transition: 0.2s;} /* Pagina Contato --------------------------------------------------------------------------------*/ .mapa-contato { height: 395px; margin-bottom: 20px; position: relative; } .page-fale-conosco .endereco { margin-top: 20px; background: url(../images/contato/target.png) 0 0 no-repeat; } .page-fale-conosco .endereco h2 { float: left; font-size: 18px; color: #0e783d; margin-top: 8px; margin-bottom: 20px; padding-left: 50px; width: 370px; } .page-fale-conosco .endereco p { margin-bottom: 15px; font-size: 16px; color: #000;} .box-logo { background: url(../images/contato/mapa-logo.png) right bottom no-repeat #fff; } .box-logo h2 { float: left; margin-top: 12px; margin-bottom: 0; width: 90%; padding-left: 32px; font-size: 18px; color: #3c3c3c; letter-spacing: -1px; font-family: 'open_sanssemibold'; } .box-logo p { float: left; width: 90%; padding-left: 32px; color: #a0a0a0; letter-spacing: -1px; font-size: 14px; text-transform: uppercase; } /* Noticias Laterais --------------------------------------------------------------------------------*/ .box-noticias { } .box-noticias .noticia { float: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; background: url(../images/layout/traco-duplo.png) 0 bottom repeat-x; } .box-noticias .noticia a { float: left; padding-left: 3%; padding-right: 3%; width: 94%; padding-top: 20px; padding-bottom: 20px; } .box-noticias .noticia h2 { float: left; width: 100%; font-size: 15px; margin-bottom: 10px; text-decoration: none;} .box-noticias .noticia h2 span { margin-left: 10px; font-size: 12px; color: #0e783d;font-family: 'open_sansregular'; text-transform: none; } .box-noticias .noticia p { float: left; width: 100%; text-decoration: none;} .box-noticias .noticia:hover a { background: #ededed;} .listar-todas { float: left; margin-top: 10px; padding-left: 30px; color: #000; font-size: 16px; font-family: 'open_sansregular'; text-decoration: none; text-transform: uppercase; background: url(../images/layout/icone-noticias.png) 0 center no-repeat;} .content-noticia p { margin-bottom: 10px;} .content-noticia .data { float: left; font-size: 12px; text-indent: 21px; font-family: 'open_sansregular'; width: 100%; color: #0e783d;} .page-noticias-detalhes .noticia h2 span { font-size: 11px;} .paginacao { float: left; width:auto; height:30px; margin-top: 20px; } .paginacao li { float:left; width: 20px; height: 24px; line-height:23px; margin-right: 8px; text-align: center; } .paginacao li:last-child { background:none; } .paginacao li a { font-family: 'open_sansregular'; font-size:14px; color:#0e783d; text-decoration:none; } .paginacao li.current { background: #0e783d;} .paginacao li.current a { color:#FFF; text-decoration:none; } .paginacao li:hover a { color:#000; text-decoration:none; } .paginacao li.first { width: 50px; } .paginacao li.last { width: 50px; } .noticias-laterais { } .noticias-laterais .item { width: 299px; padding: 20px; border-right: 1px solid #a7a5a6; border-bottom: 1px solid #a7a5a6; text-decoration: none !important;} .noticias-laterais .item.active , .noticias-laterais .item:hover { background: #f6f6f6;} .noticias-laterais .item .data { font-family: 'open_sanssemibold'; color: #4f4c4d; font-size: 11px; } .noticias-laterais .item p { } .noticias-laterais .item b { color: #0e783d; font-size: 14px; font-weight: normal; font-style: italic;} /* Nossa Historia --------------------------------------------------------------------------------*/ .linha-do-tempo { margin-top: 30px;} .linha-do-tempo ul { float: left; width: 100%; height: 30px; margin-bottom: 150px; background: url(../images/nossa-historia/bg-linha-tempo.png) 0 bottom no-repeat;} .linha-do-tempo ul li { float: left; position: relative; width: 72px; padding-left: 5px; font-family: 'open_sanssemibold'; color: #000; border-left: 1px solid #000;} .linha-do-tempo ul li a { font-family: 'open_sanssemibold'; color: #000; text-decoration: none; } .linha-do-tempo ul li ul { width: auto; height: 0; padding-top: 15px; overflow: hidden; position: absolute; left: 0; top: 20px; margin-bottom: 0; background: none; } .linha-do-tempo ul li ul li { float: left; width: 220px; border: 0; border-left: 1px solid #0E783D; padding-top: 55px; padding-left: 6px; font-family: 'open_sansregular'; } .linha-do-tempo ul li ul li b { font-size: 11px; font-weight: normal;} .linha-do-tempo ul li:hover { background: #0E783D; cursor: pointer; border-left: 1px solid #0E783D;} .linha-do-tempo ul li:hover ul { height: 200px; transition: all 1s 0s ease-in-out; } .linha-do-tempo ul li:hover a { text-decoration: none !important; color: #FFF;} .linha-do-tempo ul li ul li:hover { background: none;} .linha-do-tempo ul li ul.ulRight { left: inherit !important; right: 0;} .linha-do-tempo ul li ul.ulRight li { padding-right: 6px; padding-left: 0; text-align: right; border: 0; border-right: 1px solid #0E783D;} /* Pagina Empreendimentos --------------------------------------------------------------------------------*/ .dados-empreendimentos .selecione { margin-bottom: 20px; height: 130px; background: url(../images/layout/bg-selecionar.png) 20px 20px no-repeat #FFF;} .dados-empreendimentos .selecione p { float: left; margin-bottom: 20px; font-size: 16px; margin-left: 53px; margin-top: 13px; line-height: 18px; } .dados-empreendimentos .selecione .grid_4 { width: 200px;} .dados-empreendimentos .selecione form .customSelect { color: #FFF; border:1px solid #a1a1a1; background: url(../images/layout/bg-select-cinza.png) right center no-repeat #a1a1a1;} .dados-empreendimentos .celula { height: auto;} .dados-empreendimentos .info { float: left; margin-top: 20px; } .dados-empreendimentos .info p { color: #000; margin-bottom: 0; text-transform: none; letter-spacing: -0.5px; } .dados-empreendimentos .info strong { float: left; margin-bottom: 20px; padding-left: 6%; padding-right: 6%; width: 88%; color: #0e783d; font-family: 'open_sanssemibold'; font-size: 14px; font-weight: normal; } .sombra-link { margin-top: 30px; margin-bottom: 30px; padding-top: 20px; padding-bottom: 20px; } .sombra-link a { float: left; margin-left: 60px; color: #000; font-family: 'open_sansregular'; font-size: 15px; text-decoration: none; } .seta { background: url(../images/layout/icone-seta.png) 20px center no-repeat #FFF;} .mail { background: url(../images/layout/icone-mail.png) 20px center no-repeat #FFF;} .fone { background: url(../images/layout/icone-fone.png) 20px center no-repeat #FFF;} .globo { background: url(../images/layout/icone-globo.png) 20px center no-repeat #FFF;} /* bottom --------------------------------------------------------------------------------*/ #bottom { float:left; width:100%; margin-top:0; padding-top:33px; height:437px; background: url(../images/layout/bg-bottom.png) 0 bottom repeat-x #202020; } #bottom #logo { height:53px; margin-bottom: 60px; overflow:hidden; } #bottom #logo img { margin-top: -53px; } #bottom .endereco-bottom { height: 110px;} #bottom .endereco-bottom h3 { margin-bottom: 10px; } #bottom .endereco-bottom p { color: #FFF;} #bottom .newsletter { height: 143px;} #bottom .newsletter p { margin-bottom: 10px; color: #FFF;} #bottom .newsletter label { font-size: 13px; color: #0e783d; } #bottom .newsletter form { border-radius: 5px; box-shadow: 0 0 13px #000; width: 100%;} #bottom .newsletter input { background: #FFF; border-color: #FFF; border-radius: 5px 0 0 5px; } #bottom .newsletter button { cursor: pointer; width: 120px; margin: 0; padding: 0; height: 41px; font-family: 'open_sanssemibold'; font-size: 16px; color: #FFF; border:0; border-radius: 0 5px 5px 0; background:#0e783d; } #bottom .newsletter .campo { margin-bottom: 0;} #bottom .facebook { border-radius: 5px; overflow: hidden; background: #FFF; } #bottom .menu-bottom { float: left; height: 145px; } #bottom .menu-bottom ul { float:left; } #bottom .menu-bottom ul li { float: left; width: 100%; height:auto; margin-bottom: 1px; list-style: none } #bottom .menu-bottom ul li a { font-family: 'open_sansregular'; font-size:16px; color:#FFF; text-decoration:none; text-transform: uppercase; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; } #bottom .menu-bottom ul li a:hover { color:#0E783D; text-decoration:none !important; background-position: right 0; } #bottom .menu-bottom ul li ul { display: none;} #bottom .menu-bottom ul li.inicial { display: none;} #bottom .copyright { font-family: 'open_sansregular'; font-size:13px; color:#a7a5a6; } #bottom .delucca { float:left; } #bottom .delucca a { float:right; display:block; width:24px; height:18px; text-indent:-999px; overflow:hidden; background:url(../images/layout/bottom-ad.png) no-repeat 0 0px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; } #bottom .delucca a:hover { background-position:0 -18px; } /********************************************************************************/ /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap , .fancybox-skin , .fancybox-outer , .fancybox-inner , .fancybox-image , .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav , .fancybox-nav span , .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:0 !important; box-shadow:0 0 10px #000; } .fancybox-opened { z-index:8030; } .fancybox-opened .fancybox-skin { background:#FFF; } .fancybox-outer , .fancybox-inner { position:relative; } .fancybox-inner { overflow:hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; } .fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; } .fancybox-image , .fancybox-iframe { display:block; width:100%; height:100%; } .fancybox-image { max-width:100%; max-height:100%; } #fancybox-loading , .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url('../images/fancybox/fancybox_sprite.png'); } #fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; } #fancybox-loading div { width:44px; height:44px; background:url('../images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; } .fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('../images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; } .fancybox-prev { left:0; } .fancybox-next { right:0; } .fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; } .fancybox-prev span { left:10px; background-position:0 -36px; } .fancybox-next span { right:10px; background-position:0 -72px; } .fancybox-nav:hover span { visibility:visible; } .fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; } /* Overlay helper */ .fancybox-lock { overflow:hidden; } .fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position:fixed; bottom:0; right:0; } .fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; } /* Title helper */ .fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; } .fancybox-opened .fancybox-title { visibility:visible; } .fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; } .fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(180, 0, 0, 0.5); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; } .fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; } .fancybox-title-inside-wrap { padding-top:10px; } .fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }