body { background-image:url(../img/bg-body.jpg); background-color:#FFF; background-repeat:repeat-x; color:#666; font-family:Verdana; font-size:14px; } p { color:#000; font-size:14px; color:#000; line-height:22px;} h1 { letter-spacing:-1px; } h2 { font-family: 'VarelaRoundRegular'; color:#e94c1b; font-size:30px; letter-spacing:-1px; font-weight:normal; } h3 { font-family: 'VarelaRoundRegular'; color:#e94c1b; font-size:20px; font-weight:normal; margin-bottom: 15px; } h4 { font-family: 'VarelaRoundRegular'; color:#009E80; font-size: 18px; margin-bottom: 10px; font-weight: normal; letter-spacing: -1px; } a:hover { color: #000; text-decoration: none; } /*HEADER ****************************/ header {padding:10px 0px 10px; border-top:solid 10px #0c6250;} header .row {position:relative; overflow: inherit; height: 140px; } header a { transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; } .associated-area {} .associated-area a { background-color:#ffffff; font-family: 'VarelaRoundRegular'; border:solid 1px #dddddd; text-decoration:none; background-image:url(../img/ico/seta-area-associado.png); display:block; background-repeat:no-repeat; background-position:135px 11px; padding:8px 3px 8px 20px; width:140px; float:right; font-size:12px;} .associated-area a:hover, .associated-area a.active {background-color:#e8eaea; color:#a9a9a9;} #associated-login { display:none; padding:5px 0px 5px 0px; border:solid 3px #fff; width:500px; background-color:#F5F5F5; -webkit-box-shadow: 1px 1px 2px 0px #666; -moz-box-shadow: 1px 1px 2px 0px #666; box-shadow: 1px 1px 2px 0px #666; position:absolute; top:33px; right:20px; z-index:9999; } #associated-login a#close { position:absolute; right:0px; padding:3px 5px; background-color:#ccc; cursor:pointer; top:0px;} #associated-login a#close:hover { color:#fff;} #associated-login .form { padding:0px 20px 5px 20px; background-color:transparent; border:none;} #associated-login .form .user { float:left; width:185px;} #associated-login .form span { } #associated-login .form .input-text { width:180px; height:22px; padding: 2px 0 1px 5px; } #associated-login .form label { margin:0px 10px 0px 0px; float:left; } #associated-login .form label.label-submit { margin:15px 0px 0px 0px; float:left;} #associated-login a.forgot { font-size:10px; color:#009e80; margin-left:20px; text-decoration:none; } #associated-login a.forgot:hover { text-decoration:underline; } .associated-area-logado {} .associated-area-logado a { background-color:#ffffff; font-family: 'VarelaRoundRegular'; border:solid 1px #dddddd; text-decoration:none; display:block; background-repeat:no-repeat; background-position:135px 11px; padding:8px 3px 8px 20px; width:125px; float:right; font-size:12px;} .associated-area-logado a:hover, .associated-area a.active {background-color:#e8eaea; color:#a9a9a9;} #associated-login a#close { position:absolute; right:0px; padding:3px 5px; background-color:#ccc; cursor:pointer; top:0px;} #associated-login a#close:hover { color:#fff;} #senha-invalida #associated-login .form, #esqueci-senha #associated-login .form { width: 102%;} #associated-login .form { padding:0px 20px 5px 20px; background-color:transparent; border:none;} #associated-login .form .user { float:left; width:185px;} #associated-login .form span { } #associated-login .form .input-text, #senha-invalida.main #associated-login .input-text { width:180px; height:22px; padding: 2px 0 1px 5px; } #associated-login .form label { margin:0px 10px 0px 0px; float:left; } #associated-login .form label.label-submit, #senha-invalida.main #associated-login .form label.label-submit { margin:15px 0px 0px 0px; float:left;} #associated-login a.forgot { font-size:10px; color:#009e80; margin-left:20px; text-decoration:none; } #associated-login a.forgot:hover { text-decoration:underline; } header h1 {width:660px; float:left; } header h1 a { background-image:url(../img/logo.png); background-repeat:no-repeat; text-decoration:none; display:block; width:658px; height:48px; } header h1 a:hover { -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } #tools { width:750px; padding-top:6px; overflow:hidden; float:left; } #tools ul { float:right; } #tools ul li { display: block; float: left; margin: 0 10px 0 0; } #tools ul li a { background-image:url(../img/sprite-tools.png); background-repeat:no-repeat; display:block; height:19px; width:19px; } #tools ul li.item01 a:hover { background-position:0 -20px; } #tools ul li.item02 a { background-position:-20px 0px; } #tools ul li.item02 a:hover { background-position:-20px -20px; } #tools ul li.item03 a { background-position:-40px 0px; } #tools ul li.item03 a:hover { background-position:-40px -20px; } #tools ul li.item04 a { background-position:-60px 0px; } #tools ul li.item04 a:hover { background-position:-60px -20px; } #search {float:right; padding-top:15px; width:230px;} #fale-conosco #search .input-text, #search .input-text { background: url(../img/ico/lupa.png) 2px 4px no-repeat, url(../img/bg-input.gif) top left repeat-X; border:solid 1px #ccc6c6; padding:5px 5px 5px 22px; color:#a9a9a9; margin:5px 8px 0px 0px; height:20px; width:128px; font-size:12px;} #search form {float:right; width:100%; } /* MENU PRINCIPAL */ nav#main-menu { margin:15px 0px 0px 0px; border:solid 1px #6d7e7b; background-image:url(../img/bg-menu.gif); background-repeat:repeat-x; width:100%; height:38px; } nav#main-menu ul li { float:left; position: relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } nav#main-menu ul li a { font-family: 'VarelaRoundRegular'; color:#fff; text-decoration:none; display:block; text-align:center; font-size:14px; /*border-right:solid 1px #00b49b;*/ background-image:url(../img/bg-lateral-menu.jpg); background-position:right center; background-repeat:no-repeat; padding:10px 0px 0px 0px; height:28px; } nav#main-menu ul li:hover, nav#main-menu ul li.active{ background-color:#056351; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } nav#main-menu ul li:hover{background-color:#056351;} nav#main-menu ul li.item01{ width:124px;} nav#main-menu ul li.item02{ width:110px; } nav#main-menu ul li.item03{ width:92px; } nav#main-menu ul li.item04{ width:92px; } nav#main-menu ul li.item05{ width:110px; } nav#main-menu ul li.item06{ width:136px; } nav#main-menu ul li.item07{ width:144px; } nav#main-menu ul li.item08{ width:132px; } nav#main-menu ul li.item08 a{ background-image:none; } /* Hover Menu */ #main-menu .sub-menu{ position: absolute; z-index: 10; overflow: visible; width: 99.9%; border-top: none; float: none; display: none; -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.5); } nav#main-menu ul li:hover .sub-menu{ display: block; } #main-menu .sub-menu li{ display: block; background: #fff; float: none; background-color:#056351; border-top: 1px solid #19725f; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } nav#main-menu ul li.item01 .sub-menu{ margin-left: -1px; width: 100%; } #main-menu .sub-menu li:hover{ background-color: #19725f; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #main-menu .sub-menu li a{ background: none; display: block; height: auto; padding: 8px 0; } /*FOOTER ****************************/ footer { height:auto; background-image:url(../img/bg-footer.gif); background-repeat:repeat-x; border-bottom:solid 10px #0c6250; } footer h1 a { width:132px; height:26px; background-image:url(../img/logo-footer.png); background-repeat:no-repeat; display:block; margin-top:12px;} footer ul { overflow:hidden; padding:25px 0 10px; margin:0 auto; width:450px; } footer ul li { margin-bottom:3px; float:left; padding:0px 10px;} footer ul li.info { font-size:10px; color:#666666; font-family:Verdana; font-style:normal; border-left:solid 1px #d1d1d1;} footer ul li.info span { font-style:normal;} footer ul li.info span.email { color:#000;} footer ul li.info span.email a:hover { text-decoration:none; } footer .atendimento { color: #118c73; font-weight: bold; } #footer-menu ul { overflow:hidden; float:none; width:785px; margin:0 auto; padding:5px 0px 10px; } #footer-menu li { float:left; margin:0; padding:0; list-style:none; } #footer-menu li a { display:block; padding:5px 10px; text-decoration:none; color:#666666; font-size:12px; transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease;} #footer-menu li a:hover { color:#fff; background-color:#0c6250; } /*HOMEPAGE ****************************/ #homepage #page { margin:0px 0px 0px 0px; } #homepage h2 { border-bottom:solid 1px #000; margin-bottom:15px; font-size:28px; } .banner { background-image:url(../img/bg-destaque-home.jpg); background-repeat:repeat-x; height:227px; margin:0px 0px 25px 0px; } .banner img {margin:0 auto; display:block; border-right:solid 1px #fff; border-left:solid 1px #fff;} #news {} #events { position:relative; } #news h2 a, #events h2 a, #president h2 a, #network h2 a { color:#e94c1b; text-decoration:none; display:block; padding-top:3px; transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; } #sustentability h2 a, #associates h2 a { color:#179C80; transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; } #news h2 a:hover, #events h2 a:hover, #network h2 a:hover, #president h2 a:hover { color:#fff; padding-left:15px; background-color:#e94c1b; } #sustentability h2 a:hover, #associates h2 a:hover { color:#fff; padding:0px 5px 0px 5px; background-color:#179C80; } #news ul li { margin-bottom:15px; overflow:hidden; } #news ul .category { color:#179c80; font-size:12px;} #news ul h3, #events ul h3 { font-size:18px; margin-bottom:0px; } #news ul h3 a, #events ul h3 a { color:#000; text-decoration:none; } #news ul h3 a:hover, #events ul h3 a:hover { text-decoration:underline; } #news ul .date, #events ul .date { color:#a9a9a9; font-size:10px; font-weight:bold; } #events ul .date { font-size:12px; margin-bottom:15px; display:block; } #events ul h3 a.event-title { margin-bottom:10px; display:block; font-size:22px; } #events ul h3 a.thumb { } #events ul h3 a.thumb:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ filter: alpha(opacity=80); /* IE 5-7 */ -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* Netscape */ opacity: 0.8; /* Firefox, Safari, Opera */ } #events ul h3 a.thumb img { vertical-align:top; max-height: 150px; max-width: 300px; } #news ul h3 a img { vertical-align:top; } #news ul h3 a img:hover { -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* Netscape */ opacity: 0.8; /* Firefox, Safari, Opera */ } span.more { display:block; margin:5px 0; overflow:hidden; } span.more a { color:#179c80; float:right; } span.more a:hover { color:#0c6250; } #president { margin-bottom:20px; } #president blockquote p { color:#666666; font-style:italic; font-size:14px; line-height:22px; letter-spacing:-1px; padding:0px 4px; } #president blockquote span { color:#000; font-style:italic; font-size:11px; float:right; } #associates { } #associates div, .press > div { background-image:url(../img/bg-associados.jpg); background-repeat:repeat-x; background-color:#e7e7e7; border:solid 1px #d3d1d1; padding:21px 20px; background-color:#e6e6e6;} #associates h2, #sustentability h2 { color:#179c80; border:none; margin-bottom:0px; font-size:28px;} #associates p { color:#666666; font-size:14px; line-height:24px; } #associates p a { color:#179c80; } #associates p a:hover { color:#0c6250; } #timeline { padding:25px 0; } #network { } #network label { display:block; margin-bottom:10px; } #network input.input-submit { float:right; } #sustentability div { padding:5px 10px 0px; height:219px; position:relative; } #sustentability div p { color:#010000; line-height:20px; width:143px; } #sustentability div p.no-image { width:100%; margin-bottom:15px; } #sustentability div h2.no-image { margin-bottom:25px; } #sustentability div p a { color:#010000; text-decoration:none; display:block; font-size: 12px; margin-left: 10px; margin-top: 10px; } #sustentability div p a:hover { color:#179c80; } #sustentability div img { position:absolute; right:0px; bottom:0px; } #sustentability > a { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } #sustentability img { max-width: none; } #sustentability > a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity: 0.75; } #newsletter { } #newsletter p { width:90%; margin-bottom:15px; } #newsletter .form { background-color:transparent; border:none; padding:0px; margin:0px; } #newsletter .form label { margin-bottom:20px; } #newsletter .form .input-text { color:#a9a9a9; width:290px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } #newsletter .form .input-submit { background-image:url(../img/bg-cadastrar.png); width:80px; height:30px; float:right; } /*INTERNAS ****************************/ #content { padding-bottom:10px; } #content p { color:#666666; margin-bottom:15px; text-align:justify; line-height:22px; } #content ul { padding-left:20px; margin-bottom:15px; } #content ul li { background-image:url(../img/bg-lista.png); background-repeat:no-repeat; background-position:0px 6px; margin-bottom:10px; padding-left:15px; line-height:20px; } #content figure.right { float:right; margin:0px 0px 10px 20px; } #content figure.left { float:left; margin:0px 0px 10px 20px; } h2.title { margin-bottom:15px; } #estatisticas h2.title, #rede-autorizada h2.title, #associados h2.title, #eventos h2.title, #sustentabilidade h2.title, #esqueci-senha h2.title, #noticias h2.title, #busca h2.title, #senha-invalida h2.title { padding-left:0px; } #noticias.interna h2.title {margin-right:80px; } /* BREADCRUMBS */ #breadcrumbs {margin-bottom:20px; width:100%;} #breadcrumbs, #breadcrumbs a {color:#666666; font-size:11px;} #breadcrumbs span.current-page {color:#666666; font-weight:bold;} #breadcrumbs a {text-decoration:none;} #breadcrumbs a:hover {text-decoration:underline;} /* REDES SOCIAIS */ #noticias.interna ul#social-networks { margin-top:32px; } ul#social-networks li {margin-bottom:10px; text-align:center;} ul#social-networks li.item02 {padding-left:4px;} ul#social-networks li.item03 {padding-left:3px;} /* SIDEBAR */ ul#sidebar { } ul#sidebar li { margin-bottom:5px; } ul#sidebar li a { display:block; background-color:#fcfcfc; color:#666666; text-align:right; text-decoration:none; border-right:solid 2px #cccccc; padding:10px 15px 10px 0; font-size:12px; transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; } ul#sidebar li a:hover, ul#sidebar li.active a, ul#sidebar li.current a { border-right:solid 2px #009e80; background-color:#f3f3f3; } ul#sidebar ul#submenu { margin:5px 0 20px; display:none; background-color: #FCFCFC; } ul#sidebar li.active ul#submenu, ul#sidebar li.current ul#submenu { display:block; } ul#sidebar li.active ul#submenu li a, ul#sidebar li.current ul#submenu li a { border:none; position:relative; } ul#sidebar li.active ul#submenu li a span, ul#sidebar li.current ul#submenu li a span { background-color:#a9a9a9; display: block; float: right; height: 1px; width: 7px; position:absolute; right:5px; top: 50%; } ul#sidebar li.active ul#submenu li a:hover span, ul#sidebar li.active ul#submenu li.active a span, ul#sidebar li.active ul#submenu li.current a span{} /*background-position:right bottom;*/background-color:#009e80; } ul#sidebar li.active ul#submenu li a:hover, ul#sidebar li.active ul#submenu li.active a, ul#sidebar li.current ul#submenu li.current a { color:#009e80; } ul#sidebar ul#submenu li { border-bottom:solid 1px #e1e1e1; } ul#sidebar ul#submenu li a { background-color:transparent; padding:5px 20px 5px 0; font-size:11px; border-right:none; } ul#sidebar ul#submenu li a:hover { color:#009E80; } /* DIRETORIA */ #management h3 { font-family:Verdana; } #management h3 a { color:#fff; display:block; padding:5px 5px 5px 25px; cursor:pointer; text-decoration:none; background-image:url(../img/bg-diretoria.jpg); background-repeat:repeat-x; height:28px;} #management h3 a:hover, #management h3.active a { color:#FFF; background-image:none; background-color:#0c6250; } #management .group-list { display: none; background-color:#fcfcfc; padding:15px 0px 7px 25px; } #management .group-list span { color:#666666; font-weight:bold; } #management .group-list h4 { color:#009d7f; font-weight:normal; font-size:18px; margin-bottom:5px; } /* ASSOCIADOS */ #associate-equalize { overflow:hidden; } #associate-item { background-color:#FFF; border:solid 1px #cccccc; padding:5px 0px 10px 0; margin-bottom:18px; height:425px; } #associate-item.fourcol { margin-right:1.8%; } #associate-item.fourcol.last { margin-right:0; } #associate-item.fourcol.last-item{ margin-left:34%; } #associate-item figure { text-align:center; display:block; margin:30px 0; } #associate-item figure img { margin:0 auto; } #associate-item p { margin:0px 0px 5px 0px; padding:0px 15px; color:#666; font-size:12px; } #associate-item span { display:block; margin:0px 0px 25px 0px; } #associate-item span a { color:#009e80; margin-left:15px; display:block; width: 275px; word-wrap: break-word;} #associate-item span a:hover { color:#0c6250; } #associate-item ul li { background-image:url(../img/associados/bg-lista-associados.jpg); background-position:0 8px; color:#666666; font-style:italic; } #associate-item ul li.factories { color:#666666; font-weight:bold; margin-bottom:5px; background-image:none; padding-left:0px; } #associate-item ul li a { margin-left:10px; font-size:10px; color:#009e80; font-style:normal; } #associate-item ul li a:hover { color:#000000; } /* ESTATISTICAS */ #content table { width:100%; border-spacing:1px 0px; border-collapse: separate; display: block; overflow-x: auto; margin: 0 auto; } #content table th { color:#FFF; padding:16px 0; font-family: 'VarelaRoundRegular'; font-weight:normal; font-size:16px; border-right:solid 1px #18765f; background: #25a990; /* Old browsers */ background: -moz-linear-gradient(top, #25a990 0%, #10896d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25a990), color-stop(100%,#10896d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #25a990 0%,#10896d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #25a990 0%,#10896d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #25a990 0%,#10896d 100%); /* IE10+ */ background: linear-gradient(top, #25a990 0%,#10896d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a990', endColorstr='#10896d',GradientType=0 ); /* IE6-9 */ } #content table th.last-th { } #content table td { padding:12px 10px; background-color:#dddddd; text-align:center; font-size:12px; border-bottom:solid 1px #c6c6c6; border-right:solid 1px #d4d4d4; } #content table td span { color:#179c80; } #content table td.first-item { font-weight:bold; border-left:solid 1px #c6c6c6; } #content table td.separator { border-right:solid 1px #a9a9a9; } #content table tr.color td { background-color:#eeeeee; } #content table tr.last td { background-color:transparent; text-align:right; font-weight:normal; border-top:solid 1px #c6c6c6; background-image:none; } #content table tr.last td span { color:#1da287; } #content table tr.first td { font-size:18px; font-weight:normal; text-align:center; background-color:transparent; color:#e94c1b; font-family: 'VarelaRoundRegular'; border:none; background-image:none; } #content table tr.first td span { display:block; font-size:14px; margin:5px 0px 0px 0px; font-weight:normal; color:#666666; } #content table tr td.last-td { border-right:solid 1px #c6c6c6; background-image:none; } #content table tr.last td.last-td, #content table tr.first td.last-td { border:none; } /* EVENTOS */ #eventos.main #content h3 { background-color:#E6E5E5; color:#666666; display:block; text-align:center; padding:10px 0; font-family:Verdana; font-size:18px; } #eventos.main #content ul.events-list { padding:15px 0; margin-left: 90px; margin-bottom: 0; } #eventos.main #content ul.events-list li { background-image:url(../img/area-geral.png); background-position:0 30px; padding-left:30px; margin-bottom:20px; } #eventos.main #content ul.events-list li .date { margin-bottom:3px; display:block; font-weight:bold; font-size:14px; } #eventos.main #content ul.events-list li h4 { font-size:24px; line-height:28px; } #eventos.main #content ul.events-list li h4 a { color:#009e80; text-decoration:none; } #eventos.main #content ul.events-list li h4 a:hover { color:#0c6250; text-decoration:underline; } #eventos.main #content ul.events-list li .read-more a { color:#666666; text-decoration:underline; font-size:10px; } #eventos.main #content ul.events-list li .read-more a:hover { color:#000000; } /* NOTICIAS / BUSCA*/ #noticias #content ul.news-list, #busca #content ul.news-list { margin:0px 0px 10px; padding:0px; } #noticias #content ul.news-list li, #busca #content ul.news-list li { margin:0px 0px 25px; padding:0px; background-image:none; overflow:hidden; } #noticias #content ul.news-list .label, #busca #content ul.news-list .label { background-image:url(../img/area-noticias.png); width:92px; height:16px; display:block; float:left; margin:5px 5px 0px 0px; color:#0c6250; padding:2px 0 9px 5px; background-repeat:no-repeat; font-size:10px; } #noticias #content ul.news-list .label.geral, #busca #content ul.news-list .label.geral { background-image:url(../img/area-geral.png); background-position:right center; } #noticias #content ul.news-list .news-info, #busca #content ul.news-list .news-info { float:left; width:800px; } #noticias #content ul.news-list .news-info h4 a img, #busca #content ul.news-list .news-info h4 a img { margin:0px 8px 0 0; vertical-align:bottom; } #noticias #content ul.news-list .news-info h4 a:hover img, #busca #content ul.news-list .news-info h4 a:hover img { filter: alpha(opacity=80); /* IE 5-7 */ -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* Netscape */ opacity: 0.8; /* Firefox, Safari, Opera */ } #boxes { overflow:hidden; padding:10px 0px 30px; } #boxes .box { width: 823px; } #boxes .box, #attachments.box { background-color:#fbfbfb; border:solid 1px #80cebf; float:left; } #boxes .box h5, #attachments.box h5 { font-family: 'VarelaRoundRegular'; color:#FFF; font-size:22px; text-align:center; padding:10px 0; font-weight:normal; margin:0px 0px 15px 0; background: #28ab93; /* Old browsers */ background: -moz-linear-gradient(top, #28ab93 0%, #019e81 50%, #019e81 51%, #28ab93 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28ab93), color-stop(50%,#019e81), color-stop(51%,#019e81), color-stop(100%,#28ab93)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #28ab93 0%,#019e81 50%,#019e81 51%,#28ab93 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #28ab93 0%,#019e81 50%,#019e81 51%,#28ab93 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #28ab93 0%,#019e81 50%,#019e81 51%,#28ab93 100%); /* IE10+ */ background: linear-gradient(top, #28ab93 0%,#019e81 50%,#019e81 51%,#28ab93 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28ab93', endColorstr='#28ab93',GradientType=0 ); /* IE6-9 */ } #boxes .box p { color:#666666; padding:0px 15px; font-size:14px; margin:0px 0px 15px 0; } #boxes #press-ofice { margin-right:50px; } #boxes .sa { overflow:hidden; } #boxes .sa img { float:left; margin:0px 20px 0; } #boxes .sa ul { padding-bottom:10px; } #boxes .sa ul li { color:#666666; margin-bottom:5px; } #boxes .sa ul li span { font-weight:bold; } #boxes .sa ul li a { color:#20a98f; } #boxes .sa ul li a:hover { color:#0c6250; } #boxes #box-events ul { margin-left:20px; } #boxes #box-events ul li { margin-bottom:15px; padding-bottom:10px; background-image:url(../img/area-geral.png); background-repeat:no-repeat; background-position:0 18px; padding-left:20px; } #boxes #box-events ul li .date { font-size:12px; font-weight:normal; display:block; margin-bottom:4px; } #boxes #box-events ul li h6 { font-size:18px; } #boxes #box-events ul li h6 a { color:#009e80; text-decoration:none; } #boxes #box-events ul li h6 a:hover { text-decoration:underline; } /* NOTÍCIA INTERNA */ #notice-header { color:#666; margin:0px 0px 10px; padding:5px 0; border-bottom:solid 1px #a9a9a9; font-size:10px; } #notice-header span { font-weight:bold; } #midia-content { float:right; width:390px; margin-left:20px; } #midia-content figure { margin-bottom:20px; overflow:hidden; padding:0px; } #midia-content .legend { background-color:#009e80; clear:both; margin:0px; } #midia-content .legend p { color: #FFFFFF; margin-bottom: 0; padding: 4px 10px; } #midia-content figure img { margin:0 auto; } #attachments.box { width:100%; float:none; } #attachments.box ul li a { color:#666; } #attachments.box ul li a:hover { color:#000; } #download { width:100%; display:block; background-color:#FFF; border:solid 1px #CCCCCC; } #download ul { margin:0; padding:10px 0 5px; } #download ul li { background-image:none; margin:0px 10px 5px 10px; padding:0px 0px 5px 0px; border-bottom:dotted 1px #CCCCCC; } #download ul li.last { border-bottom:none; padding:0px; } #download ul li a { background-image:url(../img/ico/pdf.png); background-repeat:no-repeat; padding:1px 0px 2px 25px; margin:0px; background-position:1px 2px; text-decoration:none; display:block; } #download ul li a:hover { text-decoration:underline; background-color:#e6e6e6; } /* REDE AUTORIZADA */ #authorized-network { background-color:#efefef; border: 1px solid #ccc; width:92%; padding:4%; overflow:hidden; margin-bottom:20px; } #authorized-network label { float:left; padding-right:20px; width:270px; } #authorized-network label.state, #authorized-network label.state select { width:100px; } #authorized-network label.last select { width:270px; } #authorized-network .last { padding-right:0; } #authorized-network .label-submit { width:60px; padding:0px; margin-left:20px; } #authorized-network .label-submit input { float:right; } #network-item { margin:0px 20px 15px 0; background-color:#fbfbfb; border:solid 1px #80cebf; width:387px; padding:10px 10px 5px 20px; height:190px; } #network-item.last { margin-right:0px; } #network-item h3 { font-size:16px; font-family:Verdana; color:#009e80; } #network-item span { display:block; color:#666666; margin-bottom:4px; font-size:12px; } #network-item span.network-address { } #authorized-network select, .form-filter select { width:100%; color:#a9a9a9; border:solid 1px #ccc6c6; padding:5px; height:30px;} #authorized-network select option, .form-filter select option { padding:4px; } /* RECUPERAR SENHA */ #esqueci-senha #form-contato { width:450px; } #esqueci-senha .input-text { height:26px; } #esqueci-senha .validation-msg p { margin:0px; } /* SENHA INVALIDA */ #senha-invalida #form-contato { width:450px; } #senha-invalida #content .input-text { height:26px; } #senha-invalida .validation-msg p { margin:0px; } /* FALE CONOSCO */ #fale-conosco p { color:#666; } #fale-conosco p.obg { font-style: italic; margin-bottom: 0;} #fale-conosco h2 { padding-left:0px; } #fale-conosco .validation-msg p { margin-bottom:0px; } #fale-conosco .form span { margin-bottom:5px;} #fale-conosco .input-text { padding:5px 0px 5px 10px; height:20px; } #map { margin:20px 0px 0px 0px; } #map a { color:#34a78f; } #map a:hover { color:#0C6250; } p.obg {color: #ff0000; font-size: 12px; font-style: italic;} #fale-conosco span.obg {color: #ff0000;} /* 404 */ #error #content a { text-decoration:none; } #error #content a:hover { text-decoration:underline; } /* ÁREA DO ASSOCIADO */ #associates-header { margin-bottom:20px; background-color:#eee; } #associates-header.row { padding:0px; } #associates-header div { padding:5px 10px; } #associates-header .info p { color:#666666; font-size:12px; line-height:18px; margin-bottom:0px; } #associates-header .info p span { color:#009e80; font-size:12px; } #associates-header .info p a { color:#009e80; font-size:10px; margin-left:10px; text-decoration:none; } #associates-header .info p a:hover { text-decoration:underline; } #associates-header .info span { font-size:10px; } #associates-header ul.areas { float:right; overflow:hidden; margin-top:10px; } #associates-header ul.areas li { float:left; margin-right:15px; line-height:26px; } #associates-header ul.areas li.first { float:none; display:block; width:100%; font-size:10px; margin-bottom:2px; } #area-associado ul#sidebar { margin:0px 0px 25px 0px; } #area-associado h2.title { padding-left:0px; } #area-associado .lock { overflow:hidden; margin:0px 0px 20px 0px; } #area-associado .lock img { float:right; } #area-associado #content blockquote { padding:10px; border:solid 1px #a9a9a9; margin:5px 0px 20px 0px; color:#666666; } #area-associado aside #search { float:none; width:100%; overflow:hidden; padding-bottom:10px; } #area-associado aside #search .input-text { width:110px; margin:0px 0px 5px 0; } #area-associado aside #search .input-text:focus { border:solid 1px #009e80; } #area-associado aside #search .input-submit { float:right; } .extra-sidebar { margin:0px 0px 15px 0px; } .extra-sidebar a { float:left; margin-right:10px; } .extra-sidebar p { overflow:hidden; font-family: 'VarelaRoundRegular'; font-size:12px; } .extra-sidebar p a { text-decoration:none; display:block; text-align:left; float:none; margin:3px 0px 0px 0px; color:#009e80; } .extra-sidebar.active p a { text-decoration:underline; } .extra-sidebar p a:hover { text-decoration:underline; } .extra-sidebar a img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ filter: alpha(opacity=80); /* IE 5-7 */ -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* Netscape */ opacity: 0.8; /* Firefox, Safari, Opera */ } #content .pagination-numbers { float:right; width:802px; height:22px; padding:10px; margin:5px 0px 10px; background: #efefef; background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #efefef 0%,#d9d9d9 100%); background: -o-linear-gradient(top, #efefef 0%,#d9d9d9 100%); background: -ms-linear-gradient(top, #efefef 0%,#d9d9d9 100%); background: linear-gradient(top, #efefef 0%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d9d9d9',GradientType=0 ); -webkit-box-shadow: 0px 0px 2px 1px #cccccc; -moz-box-shadow: 0px 0px 2px 1px #cccccc; box-shadow: 0px 0px 2px 1px #cccccc; } #noticias.main #content .pagination-numbers { margin-right:117px; } #content .pagination-numbers p { color:#666666; margin-left: 10px; letter-spacing:-0.5px; float:left; /*margin-top:2px;*/ } #content .pagination-numbers div { float:right; margin:-1px 0px 0px 0px; padding:0px; width:auto; } #content .pagination-numbers ul { overflow:hidden; float:left; padding:0px; margin:0px; } #content .pagination-numbers ul li { background-image:none; padding:0px; margin:0px 4px; float:left; } #content .pagination-numbers ul li a { color:#fff; padding:3px 8px; text-decoration:none; float:left; background: #32b098; background: -moz-linear-gradient(top, #32b098 0%, #018068 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32b098), color-stop(100%,#018068)); background: -webkit-linear-gradient(top, #32b098 0%,#018068 100%); background: -o-linear-gradient(top, #32b098 0%,#018068 100%); background: -ms-linear-gradient(top, #32b098 0%,#018068 100%); background: linear-gradient(top, #32b098 0%,#018068 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b098', endColorstr='#018068',GradientType=0 ); } #content .pagination-numbers ul li a:hover { background: #018068; background: -moz-linear-gradient(top, #018068 0%, #32b098 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#018068), color-stop(100%,#32b098)); background: -webkit-linear-gradient(top, #018068 0%,#32b098 100%); background: -o-linear-gradient(top, #018068 0%,#32b098 100%); background: -ms-linear-gradient(top, #018068 0%,#32b098 100%); background: linear-gradient(top, #018068 0%,#32b098 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018068', endColorstr='#32b098',GradientType=0 ); } #content .pagination-numbers ul li.active a { color:#666; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); background: -o-linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); background: -ms-linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); background: linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#e8e8e8',GradientType=0 ); } #content .pagination-numbers span a { background:url(../img/setas.png); height:24px; width:24px; background-repeat:no-repeat; padding:0px; background-color:transparent; float:left; } #content .pagination-numbers span#prev a { background-position:-3px 0; } #content .pagination-numbers span#prev a:hover { background-position:-36px 0; } #content .pagination-numbers span#next a { background-position:0px -39px; } #content .pagination-numbers span#next a:hover { background-position:-33px -39px; } /* Pagina‹o Area do Associado */ #content .pagination-numbers-artigo { float:right; width:756px; height:22px; padding:10px; margin:5px 0px 10px; background: #efefef; background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #efefef 0%,#d9d9d9 100%); background: -o-linear-gradient(top, #efefef 0%,#d9d9d9 100%); background: -ms-linear-gradient(top, #efefef 0%,#d9d9d9 100%); background: linear-gradient(top, #efefef 0%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d9d9d9',GradientType=0 ); -webkit-box-shadow: 0px 0px 2px 1px #cccccc; -moz-box-shadow: 0px 0px 2px 1px #cccccc; box-shadow: 0px 0px 2px 1px #cccccc; } #noticias.main #content .pagination-numbers-artigo { margin-right:117px; } #content .pagination-numbers-artigo p { color:#666666; margin-left: 10px; letter-spacing:-0.5px; float:left; /*margin-top:2px;*/ } #content .pagination-numbers-artigo div { float:right; margin:-1px 0px 0px 0px; padding:0px; width:auto; } #content .pagination-numbers-artigo ul { overflow:hidden; float:left; padding:0px; margin:0px; } #content .pagination-numbers-artigo ul li { background-image:none; padding:0px; margin:0px 4px; float:left; } #content .pagination-numbers-artigo ul li a { color:#fff; padding:3px 8px; text-decoration:none; float:left; background: #32b098; background: -moz-linear-gradient(top, #32b098 0%, #018068 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32b098), color-stop(100%,#018068)); background: -webkit-linear-gradient(top, #32b098 0%,#018068 100%); background: -o-linear-gradient(top, #32b098 0%,#018068 100%); background: -ms-linear-gradient(top, #32b098 0%,#018068 100%); background: linear-gradient(top, #32b098 0%,#018068 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b098', endColorstr='#018068',GradientType=0 ); } #content .pagination-numbers-artigo ul li a:hover { background: #018068; background: -moz-linear-gradient(top, #018068 0%, #32b098 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#018068), color-stop(100%,#32b098)); background: -webkit-linear-gradient(top, #018068 0%,#32b098 100%); background: -o-linear-gradient(top, #018068 0%,#32b098 100%); background: -ms-linear-gradient(top, #018068 0%,#32b098 100%); background: linear-gradient(top, #018068 0%,#32b098 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018068', endColorstr='#32b098',GradientType=0 ); } #content .pagination-numbers-artigo ul li.active a { color:#666; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); background: -o-linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); background: -ms-linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); background: linear-gradient(top, #d3d3d3 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#e8e8e8',GradientType=0 ); } #content .pagination-numbers-artigo span a { background:url(../img/setas.png); height:24px; width:24px; background-repeat:no-repeat; padding:0px; background-color:transparent; float:left; } #content .pagination-numbers-artigo span#prev a { background-position:-3px 0; } #content .pagination-numbers-artigo span#prev a:hover { background-position:-36px 0; } #content .pagination-numbers-artigo span#next a { background-position:0px -39px; } #content .pagination-numbers-artigo span#next a:hover { background-position:-33px -39px; } #area-associado #content ul.news-list { margin:10px 0; padding:0px; } #area-associado #content ul.news-list li { background-image:none; padding:0px; overflow:hidden; margin:0px 0px 15px 0px; } #area-associado #content ul.news-list li .label { float:left; margin:18px 15px 0px 0px; width:80px; } #area-associado #content ul.news-list li .label figure img { float:right; } #area-associado #content ul.news-list li .news-info { float:left; width:680px;} #area-associado #content ul.news-list li .date, #noticias #content ul.news-list li .date { font-size:12px; color:#666666; } #area-associado #content ul.news-list li h4, #noticias #content ul.news-list li h4, #busca #content ul.news-list li h4 { font-size:18px; font-weight:normal; line-height:22px; } #area-associado #content ul.news-list li h4 a, #noticias #content ul.news-list li h4 a, #busca #content ul.news-list li h4 a { text-decoration:none; } #area-associado #content ul.news-list li h4 a:hover, #noticias #content ul.news-list li h4 a:hover, #busca #content ul.news-list li h4 a:hover { text-decoration:underline; } #area-associado #content ul.news-list li .category, #noticias #content ul.news-list li .category { } #area-associado #content ul.news-list li .category a { color:#0c6250; text-decoration:none; background-color:transparent; float:left; padding:0px 3px; height:22px; margin-left:-3px; margin-top:2px; } #area-associado #content ul.news-list li .category a:hover { background-color:#0c6250; color:#FFFFFF; } #area-associado.comercio-exterior #content ul.news-list { margin-bottom:20px; } figure.banner-intern { margin-bottom:15px; position:relative; } figure.banner-intern h3 { position:absolute; right:40px; bottom:10px; } #area-associado #content h3, #busca #content h3 { color:#009e80; font-size:24px; } #area-associado #content h3 span, #busca #content h3 span { color:#0c6250; font-size:28px; font-style:italic; } #area-associado.estatuto-social figure.banner-intern h3 { bottom:60px; } #area-associado.estatuto-social figure.banner-intern p { position:absolute; right:40px; bottom:10px; width:430px; text-align:right; color:#fff; } .results { margin:10px 0; color:#0c6250; font-size:14px; border-bottom:solid 1px #0C6250; padding-bottom:5px; } .results span { font-weight:bold; } #area-associado.busca ul.news-list li { padding-bottom:15px; border-bottom:dotted 1px #a9a9a9; } #form-senha { width:450px; } #form-senha .form { background-color:#FCFCFC; border:solid 1px #CCCCCC; } #form-senha .input-text { height:22px; width:99%; } #form-senha .input-text:focus { border:solid 1px #009e80; } #form-senha .label-submit { margin-top:10px; } #form-senha .label-submit input { float:right; } #form-senha .password_strength { font-weight: normal; margin: 5px 0 0; padding: 5px 0; text-align: center; width: 99.4%; display:none; } #form-senha .password_strength_1 { background-color: #FBE3E4; border: 1px solid #FBC2C4; display:block; } #form-senha .password_strength_2 { background-color: #FBE3E4; border: 1px solid #FBC2C4; display:block; } #form-senha .password_strength_3 { background-color: #FFF6BF; border: 1px solid #FFD324; display:block; } #form-senha .password_strength_4 { background-color: #E6EFC2; border: 1px solid #C6D880; display:block; } #form-senha .password_strength_5 { background-color: #E6EFC2; border: 1px solid #C6D880; display:block; } /* FORMULARIOS */ #form-contato {width:100%;} .form {background-color: #f5f5f5; border: 1px solid #cccccc; height: auto; margin: 0; padding: 10px 15px 10px 20px;} .form label {margin-top: 5px; display:block; overflow:hidden;} .form label.label-submit{float:left;} .form label span {color: #666666; display: block; font-size:12px; font-weight: bold; padding: 4px 0 2px;} .form .input-text {width:96%; border:solid 1px #ccc6c6; background-image:url(../img/bg-input.gif); color: #A9A9A9;} .form .input-text:focus {border:solid 1px #009e80;} .form .input-text.ddd {width:25px; float:left;} .form .input-text.tel {width:75%; float:right;} .form .input-textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 3px 0px #cdcdcd; -moz-box-shadow: inset 0px 1px 3px 0px #cdcdcd; box-shadow: inset 0px 1px 3px 0px #cdcdcd; color:#A9A9A9; padding:5px; border:solid 1px #cdcdcd; width: 96%; height:150px; background-image:url(../img/bg-input.gif); background-repeat:repeat-x;} } .form input.input-text.ddd {width: 10%; margin-right:1%; float:left;} .form input.input-text.tel {position: relative; right: 9px; width: 420px;} .form label input.input-submit, #search input.input-submit, #network input.input-submit, #authorized-network input.input-submit { width:60px; letter-spacing:0px; /*font-family: 'SpinnakerRegular';*/ font-family:Verdana; font-weight:bold; background-image:url(../img/bg-entrar.png); height:30px; border:none; background-color:transparent; color:#fff; font-size:12px; margin-top: 6px; float: right;} .form label input.input-submit:hover, #search input.input-submit:hover, #network input.input-submit:hover, #authorized-network input.input-submit:hover { color:#000; -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* Netscape */ opacity: 0.8; /* Firefox, Safari, Opera */ } .validation-msg {display: block;} .validation-msg .error {background: none repeat scroll 0 0 #FBE3E4; border: 1px solid #FBC2C4; color: #8A1F11; padding: 10px 20px; margin-bottom: 20px;} .validation-msg .error p {background: url("../img/ico/erro.png") no-repeat scroll 0 0 transparent; color: #8A1F11;} .validation-msg .notice {background: none repeat scroll 0 0 #FFF6BF; border: 1px solid #FFD324; color: #514721; padding: 10px 20px; margin-bottom: 20px;} .validation-msg .notice p {background: url("../img/ico/notice.png") no-repeat scroll 0 0 transparent; color: #514721;} .validation-msg .success {background: none repeat scroll 0 0 #E6EFC2; border: 1px solid #C6D880; color: #264409; padding: 10px 20px; margin-bottom: 20px;} .validation-msg .success p {background: url("../img/ico/accept.png") no-repeat scroll 0 0 transparent; color: #264409;} .validation-msg p {padding:1px 0 3px 20px; font-size:12px;} /* P‡gina de Busca */ span.date {font-size: 12px;} .quantity {margin-bottom: 20px; font-size: 12px; } .news-info h4 a {text-decoration: none;} .news-info h4 a:hover {text-decoration: underline;} .more-results {margin-bottom: 20px;} .more-results a {color: #666666; font-size: 10px; text-decoration: underline;} .news-info-busca {width: 932px; float: left; margin-top: 10px;} /* Cancelamento */ #cancelamento .form { width:490px; } #cancelamento .form label { float:left; } #cancelamento .form .input-text { padding:5px; width:300px; margin-top:1px; } #cancelamento .form .input-submit { float:left; margin:0 0 0 20px; background-image:url(../img/bg-cancelar.png); background-repeat:no-repeat; width:145px; } #cancelamento #content p { margin:0; font-size:12px; } #cancelamento .validation-msg p { line-height:12px; } #cancelamento .validation-msg div { margin:10px 0; width:484px; } /**/ .tooltip span{ color: #fff; background: #009e80; max-width: 400px; display: none; padding: 10px 15px; position:absolute; z-index:1000; font-size: 14px; line-height: 20px; border-radius: 3px; text-decoration: inherit; -webkit-box-shadow: 0px 0px 3px 1px #666666; box-shadow: 0px 0px 3px 1px #666666; } .tooltip-menu span { box-shadow: none; font-size: 12px; left: -68px; padding: 8px; top: 42px; width: 265px; } .tooltip:hover { text-decoration: none; } /* Assessoria de imprensa (homepage) ========================================================================== */ #homepage .press h2 { font-size: 18px; line-height: 22px; color: #179C80; border: none; margin-bottom: 5px; } .press > div { padding: 15px; } .press-address { font-size: 12px; } .press-address li { padding: 1px 0; } .block { display: block; } /* Ajustes de CSS para menu no A2sitebox */ @media(max-width: 985px){ header .row{ height: auto; overflow: hidden; } header .row nav#main-menu ul li{ width: auto; } header .row nav#main-menu ul li a{ width: auto; padding-left: 12px; padding-right: 12px; } } @media(max-width: 640px) { #content table th { color: blue; width: 200px; } #content table td { } }