/** * Helpers **/ hr { clear:both; } /** CLASSES ***************************/ .border-green5px { border:5px #a6c1b0 solid; } .no-border { border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .border-color-box { background: #000; position: absolute; top: 0; left: 0; display: none; } /* border with rounded corners */ .rounded_border { background: #6666ff; padding: 8px; } .clear { clear: both; font-size: 0; line-height: 0; } /** * Buttons **/ .buttons { height: 28px; line-height: 28px; padding: 6px 0 6px 0; font-size: 16px; text-align: center; } /** * ------------- // * Right Tooltip * ------------- // **/ .tooltip-right { position: absolute; color: #FFF; z-index: 9999; display:none; margin:5px 0 0 5px; height:36px; overflow:hidden; } .tooltip-right a { display:block; float:left; padding:7px 0 9px 0; height: 13px; } .tooltip-right div { width: 13px; height:36px; float:left; display:block; } .tooltip-right div:first-child { background:url('/static/img/common/tooltip/map-front.png') no-repeat; } .tooltip-right div { background:url('/static/img/common/tooltip/map-back.png') no-repeat; } /** * ------------- // * Left Tooltip * ------------- // **/ .tooltip-left { position: absolute; color: #FFF; z-index: 9999; display:none; margin:5px 0 0 5px; height:36px; overflow:hidden; } .tooltip-left a { display:block; float:left; padding:7px 0 9px 0; height: 13px; } .tooltip-left div { width: 13px; height:36px; float:left; display:block; } .tooltip-left div:first-child { background:url('/static/img/common/tooltip/left-front.gif') no-repeat; } .tooltip-left div { background:url('/static/img/common/tooltip/left-back.gif') no-repeat; } /** * ------------- // * Zoom Tooltip * ------------- // **/ .tooltip-zoom { position: absolute; color: #FFF; z-index: 9999; display:none; margin:5px 0 0 5px; height:36px; overflow:hidden; } .tooltip-zoom a { display:block; float:left; padding:7px 0 9px 0; height: 13px; } .tooltip-zoom div { width: 13px; height:36px; float:left; display:block; } .tooltip-zoom div:first-child { background:url('/static/img/common/tooltip/zoom/map-front.gif') no-repeat; } .tooltip-zoom div { background:url('/static/img/common/tooltip/zoom/map-back.gif') no-repeat; } /** * ------------------------------- // * Sustainability [START] * Usado nas páginas internas * ------------------------------- // **/ #sustainability { overflow: hidden; margin: 0 20px 40px 0; clear:both; } #sustainability li { float: left; width: 652px; height: 104px; background: #dfdfd1 left no-repeat; cursor:pointer; } #sustainability li span { margin: 8px 0 0 171px; display: inline-block; width: 450px; } #sustainability li span a { font-weight: bold; } #sustainability li:first-child { background: #7a8c7d url( '/static/img/common/ico-sustentability.png' ) no-repeat; background-position: 31px 23px; width: 174px; padding: 0 20px 0 112px; font-size: 22px; } #sustainability li:first-child a { width: 156px; color: #f8f8e9; display: inline-block; margin-top: 31px; line-height: 22px; } /** * ------------------------------- // * Sustainability [END] * Usado nas páginas internas * ------------------------------- // **/ /** * --------------------------- // * Box-transparent [START] * --------------------------- // **/ .box-transparent { width: 467px; margin-left: 20px; float: left; } .box-transparent:hover { opacity: 0.8; } .box-transparent a { width: 467px; height: 198px; display: block; text-indent: -9000px; border: 1px solid #dfdfd1; cursor: pointer; } .box-transparent:first-child { margin-left: 0px; } .box-transparent a:hover { background-color: #dfdfd1; } /** * ------------------------- // * Box-transparent [END] * ------------------------- // **/ /** * ------------------------- // * Msg Sucess [START] * ------------------------- // **/ .msg-sucess { position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; background: #f8f8e9; z-index: 9999; overflow: hidden; padding-top: 120px; display: none; } .msg-sucess a { width: 130px; display: inline-block; } /** * ------------------------- // * Msg Sucess [END] * ------------------------- // **/ .block-text { margin-bottom: 40px; } .block-text p { width: 700px; } /** * ------------------------- // * Accordion [START] * ------------------------- // **/ .itens-accordion li { margin-bottom: 5px; } .itens-accordion .hold-text { padding: 10px 0; } .itens-accordion li .head { background: #dfdfd1; line-height: 40px; display: block; margin-right: 20px; font-size: 20px; color: #767676; padding-left: 78px; } .itens-accordion li .head.link-hover { background-color: #004f3f; background-position: 18px -31px; color: #8dcd96; } /** * ------------------------- // * Accordion [END] * ------------------------- // **/ /** * Social Projects **/ .pop-social-projects h2 { color: #006600; } .pop-social-projects p { margin: 20px 0; } .pop-social-projects > div { border: 1px #d0dbca solid; padding: 20px; height: 400px; } .pop-social-projects > div h3 { color: #ff800f; margin-bottom: 5px; width: 720px; } .pop-social-projects > div p { margin: 0 0 20px 0; width: 700px; } .pop-social-projects > div .img-holder { width: 306px; float: left; display: inline; margin: 0 20px 10px 0; } .pop-social-projects > div .img-holder img{ float: left; width: 306px; height: 200px; } .pop-social-projects > div .img-holder figure { width: 306px; height: 200px; } .pop-social-projects .scroll-holder { width: 770px; height: 398px; } .pop-social-projects .scroll-pane { margin: 0 20px 0 0; } .pop-social-projects .scroll-pane h3 { color: #ff7500; margin: 0 0 15px 0; font-size: 16px; } /* Tabela de recursos (pop papel pinel) */ .pop-social-projects table.resources { width: 100%; margin-bottom:20px; } .pop-social-projects table.resources thead td { background: #7a8c7d; color: #FFF; text-align: center; padding: 5px; vertical-align: middle; } .pop-social-projects table.resources tbody td { text-align: center; background: #dedecf; color: #505c50; padding: 5px; vertical-align: middle; } /** * ------------------------- // * Social Network [START] * ------------------------- // **/ .itens-social-network { margin:0 0 0 20px; } .itens-social-network img { float:left; margin: 0; padding: 0; } .itens-social-network hgroup { width:211px; height:50px; margin-left: 0; position:relative; float: left; } .itens-social-network h4 { top:0; display:none; background:#a6c1b0; position:absolute; font-size:11px; padding:8px 15px 0 20px; width:192px; height:45px; } .itens-social-network li { width:261px; /* border: 5px #a6c1b0 solid; */ cursor: pointer; background: #a6c1b0; padding: 5px; *padding: 5px 5px 0 5px; } .itens-social-network li h3 { margin:16px 0 0 20px; text-align:left; font-size:18px; } /** * ------------------------- // * Social Network [END] * ------------------------- // **/ .underline { text-decoration: underline; } #form-sendtofriend .radius{padding: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #d0dbca;float: left;} #form-sendtofriend .custom-input{padding: 5px;} #corretor-success{padding: 50px 0;}