/*Theme Name: Portal Transparencia 2021 Theme URI: http://saojosedalaje.al.gov.br Description: Portal Transparencia São José da Laje: Keffson Silva Author URI: keffsonsilva@gmail.com Version: 3.1.0 */ *{margin:0; padding:0; }body {background: #f9fdfe url(images/) center; font: 14px arial,tahoma,verdana;text-align: center;} /*=================header====*/ #header {width: 100%; background:#f9fdfe ;} #header-superior { width:100%; background: #f8f8f8; border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #2D76C4} #header-superior-content { width: 1000px; margin: 0 auto; overflow: hidden; } #header-paginas {float: left; margin-top: 5px;} #header-paginas ul { margin: 0; padding: 0; list-style: none; } #header-paginas ul li { float: left; } #header-paginas ul li a { color: #777; text-decoration: none; padding: 20px 10px; display: black; border-right: 1px solid #e1e1e1;} #header-paginas ul li a:hover { color: #2D76C4; background: #eee;} #header-social { float: right;} #header-social a { display: block; margin: 2px 0 0 10px; float: left;} #header-content { width: 1000px; margin:0 auto; overflow: hidden;} #logo img { width: 1000px; height: 160px; float: left; margin-top: 0px;} #login { float: right; margin-top: 60px; margin-right: 50px;} #login ul { margin: 0; padding: 0;list-style: none; } #login ul li { float:left;} #login ul .logar a { background: #292929; } #login ul .registre a { background: #171717 ; } #login ul li a { padding: 6px; display: block; text-decoration: none; color :#fff ;} /*==================Menu de Navegação ====*/ #nav { width: 100%; float: left; background: #f8f8f8; margin-top: 0px; border-bottom: 1px solid #2D76C4; } #nav-content { width: 1000px; margin: 0 auto; } #nav-content ul { float: left; list-style: none; text-align: left; } #nav-content ul li { float: left; position: relative; text-transform: uppercase; border-right: 1px solid #e1e1e1;} #nav-content ul li a { display: block; padding:10px; text-decoration: none; color: #2D76C4; } #nav-content ul li:hover { background: #eee; } #nav-content ul li:hover ul { display: block; z-index: 50; } #nav-content ul li ul { width: 220px; display: none; background: #f8f8f8; position: absolute; border-left: 1px solid #2D76C4; } #nav-content ul li ul li { border-right: none; width:220px; } #nav-content ul li ul li a { padding: 10px 12px; color: #666; border-bottom: 1px solid #e1e1e1; } #nav-content ul li ul li a:hover { background: #eee; color: #2D76C4;} /*==================conteiner ====*/ #container { width: 1000px; margin: 0 auto; text-align: left; overflow: hidden;} #content { width: 690px; float: left; overflow: hidden; } #content .eleitoral img { width: 685px; height: 350px; float: left; margin-right: 10px; margin-top: 20px; } /*==================destaque rotativo ====*/ #content_destaque{ width: 690px; margin-top: 15px; margin-bottom: 15px; padding: 0px; overflow: hidden;} /*NOTÍCIAS RANDOMICAS DO SITE*/ #content_destaque .bloco_left{ float: left; width: 690px; height: 360px; padding: 0px; margin: 0px; position: relative;} #content_destaque .bloco_left ul{ float: left; width: 690px; height: 360px; list-style: none; overflow: hidden;} #content_destaque .bloco_left ul li .slide_info{ width: 680px; padding: 12px; background: rgba(0,0,0,0.5); position: absolute; z-index: 100; bottom: 0px; left: 0px;}#content_destaque .bloco_left ul li .slide_info:hover{ background: rgba(34, 80, 255, 0.4);} #content_destaque .bloco_left ul li .slide_info .slide_category{ font: bold 30px Arial, Helvitica, sans-serif; color: #fff; margin-bottom: 5px;} #content_destaque .bloco_left ul li .slide_info .slide_title{ font: 25px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff;} #content_destaque .bloco_left ul li .slide_info .slide_title a{ text-decoration:none; color: #fff;} #content_destaque .bloco_left ul li .slide_info .slide_title a:hover{ text-decoration:underline; color: #fff;} /*FINAL NOTÍCIAS RANDOMICAS DO SITE*//*===================destaque======*/ #destaque { width: 100%; float: left; margin-top: 10px; border-bottom: 1px solid #efeeee; } #destaque .destaque-post { width: 330px; float: left;} #destaque .right { float: right;} #destaque .destaque-post img { width: 330px; height: 190px; } #destaque .destaque-post h1 { font: 18px arial narrow; font-weight: bold; } #destaque .destaque-post h1 a{ color: #444; text-decoration: none; } #destaque .destaque-post h1 a:hover { color: #2D76C4; text-decoration: underline; } #destaque .destaque-info { width: 100%; float: left; } #destaque .destaque-info ul { margin: 0; padding: 0; list-style: none;} #destaque .destaque-info ul li { width: 40px; color: #777; float: left; padding: 3px 20px; } #destaque .destaque-info ul .dest-autor { width: 100px; background:url(images/autor.png) no-repeat left center; } #destaque .destaque-info ul .dest-views { background:url(images/views.png) no-repeat left center; } #destaque .destaque-info ul .dest-coment { background:url(images/coment.png) no-repeat left center; } #destaque .list-dest { width: 100%; float: left; margin-top: 20px; } #destaque .list-dest li {width: 100%; list-style: none; float: left; padding: 14px 0; border-top: 1px solid #efeeee; } #destaque .list-dest img { width: 96px; height:70px; float: left; margin-right: 8px; } #destaque .list-dest h2 { font:14px arial; } #destaque .list-dest h2 a { color: #444; text-decoration: none; } #destaque .list-dest h2 a:hover { color: #2D76C4; text-decoration: underline; } /*===================tecnologia======*/ #inovacao { width: 340px; float: left; margin-top: 10px; } #inovacao #title-tec { border-bottom : 3px solid #efeeee; padding: 5px 0; } #inovacao #title-tec span { font: 22px arial narrow;font-weight: bold; color: #292929; border-bottom: 4px solid #2D76C4; padding: 5px 0; } #inovacao .post-tec { width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #efeeee; } #inovacao .post-tec img { width: 150px; height: 80px; float: left; margin-right: 10px; } #inovacao .post-tec h1 { font: 18px arial narrow;} #inovacao .post-tec h1 a { color: #555; text-decoration: none;} #inovacao .post-tec h1 a:hover { color: #2D76C4; text-decoration: underline; } #inovacao .tec-info { width: 400px; margin: 4px 0 ; float: left; } #inovacao .tec-info ul { margin: 0; padding: 0; list-style: none; } #inovacao .tec-info ul li { width: 60px; color: #777; float: left; padding: 4px 20px; } #inovacao .tec-info ul .tec-autor { width: 100px; background:url(images/autor.png) no-repeat left center; } #inovacao .tec-info ul .tec-views { background:url(images/views.png) no-repeat left center; } #inovacao .tec-info ul .tec-coment { background:url(images/coment.png) no-repeat left center; } #inovacao .post-tec p { color: #888; float: left; width: 450px;} #inovacao .post-tec p a{ color: #069;} #educacao { width: 340px; float: right ; margin-top: 10px; } #educacao #title-tec { border-bottom : 3px solid #efeeee; padding: 5px 0; } #educacao #title-tec span { font: 22px arial narrow;font-weight: bold; color: #292929; border-bottom: 4px solid #2D76C4; padding: 5px 0; } #educacao .post-tec { width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #efeeee; } #educacao .post-tec img { width: 150px; height: 80px; float: left; margin-right: 10px; } #educacao .post-tec h1 { font: 18px arial narrow;} #educacao .post-tec h1 a { color: #555; text-decoration: none;} #educacao .post-tec h1 a:hover { color: #2D76C4; text-decoration: underline;} #educacao .tec-info { width: 400px; margin: 4px 0 ; float: left; } #educacao .tec-info ul { margin: 0; padding: 0; list-style: none; } #educacao .tec-info ul li { width: 60px; color: #777; float: left; padding: 4px 20px; } #educacao .tec-info ul .tec-autor { width: 100px; background:url(images/autor.png) no-repeat left center; } #educacao .tec-info ul .tec-views { background:url(images/views.png) no-repeat left center; } #educacao .tec-info ul .tec-coment { background:url(images/coment.png) no-repeat left center; } #educacao .post-tec p { color: #888; float: left; width: 450px;} #educacao .post-tec p a{ color: #069;} #saibamais { width: 100%; float: left; margin-top: 28px;} #saibamais #title-tec { border-bottom : 2px solid #efeeee; padding: 5px 0; } #saibamais #title-tec span { font: 22px arial;font-weight: bold; color: #292929; border-bottom: 3px solid #3366cc; padding: 5px 0; } #saibamais .post-tec { width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #efeeee; } #saibamais .post-tec img { width: 200px; height: 120px; float: left; margin-right: 12px; } #saibamais .post-tec h1 { font: 22px arial;} #saibamais .post-tec h1 a { color: #555; text-decoration: none;} #saibamais .post-tec h1 a:hover { color: #1e2286; text-decoration: underline; } #saibamais .tec-info { width: 400px; margin: 4px 0 ; float: left; } #saibamais .tec-info ul { margin: 0; padding: 0; list-style: none; } #saibamais .tec-info ul li { width: 60px; color: #777; float: left; padding: 4px 20px; } #saibamais .tec-info ul .tec-autor { width: 100px; background:url(images/autor.png) no-repeat left center; } #saibamais .tec-info ul .tec-views { background:url(images/views.png) no-repeat left center; } #saibamais .tec-info ul .tec-coment { background:url(images/coment.png) no-repeat left center; } #saibamais .post-tec p { color: #888; float: left; width: 450px;} #saibamais .post-tec p a{ color: #069;} #saibamais .right { float: right;} /*==========Painel tv =====*/ #painel-1 { float: left; margin-top: 15px; margin-right: 15px; } #painel-2 { float: right; margin-top: 15px; list-style-type: none; } #painel-3 { float: right; margin-top: 15px; } #painel-1 .tv-pri { width: 460px; height: 250px; float: left; background: #eee; margin-top: ; list-style-type: none; border-bottom: 5px solid #2D76C4;} #painel-1 .tv-pri img{ width: 460px; height: 250px;float: left; list-style-type: none;} #painel-2 .tv-seg { width: 215px; height: 115px; float: right; background: #eee; margin-top: ; list-style-type: none; border-bottom: 5px solid #2D76C4;} #painel-2 .tv-seg img{ width: 215px; height: 120px;float: right; list-style-type: none;} #painel-3 .tv-ter { width: 215px; height: 115px; float: right; background: #eee; margin-top: ; list-style-type: none; border-bottom: 5px solid #2D76C4;} #painel-3 .tv-ter img{ width: 215px; height: 120px;float: right; list-style-type: none;} /*=================== Sidebar lateral====*/ #search { float: right; margin-top: 0px;} #search input { float: left; border: 0; padding: 14px 8px; width: 220px; background: #f5f5f5;} #search .btn-search { background: #f5f5f5 url(images/search.png) no-repeat center; width:42px; height: 43px; cursor: pointer; } #sidebar { width: 280px; float: right; overflow: hidden; margin-top: 5px; } #sidebar .list-sidebar { width: 100%; float: left; margin-top: 10px; } #sidebar .list-sidebar li {width: 100%; list-style: none; float: left; padding: 14px 0; border-top: 1px solid #efeeee; } #sidebar .list-sidebar img { width: 96px; height:60px; float: left; margin-right: 3px; } #sidebar .list-sidebar h2 { font:14px arial; } #sidebar .list-sidebar h2 a { color: #444; text-decoration: none; } #sidebar .list-sidebar h2 a:hover { color: #2D76C4; text-decoration: underline; } /*=================== NOSSOA VIDEOS ====*/ #sidebar-tv { width: 100%; float: left; } #sidebar-tv #title-tv{ border-bottom: 3px solid #efeeee; padding: 5px 0; } #sidebar-tv #title-tv span { font: 22px arial narrow; font-weight: bold; color: #292929; padding: 5px 0; border-bottom: 4px solid #2D76C4; } #sidebar-tv ul { margin:0; padding: 0; list-style: none; margin-top: 10px;} #sidebar-tv .tv-pri { width: 690px; height: 250px;float: right; background: #eee; margin-top: 10px;} #sidebar-tv .tv-pri img{ width: 690px; height: 250px;float: right;} /*=================== baners ============*/ #sidebar-baner { width: 100%; float: left; margin-top: 10px; } #sidebar-baner #title-baner { border-bottom: 3px solid #efeeee; padding: 5px 0; margin-top: 5px; } #sidebar-baner #title-baner span { font: 22px arial narrow; font-weight: bold; color: #292929; padding: 5px 0; border-bottom: 4px solid #2D76C4; } #sidebar-baner ul { margin:0; padding: 0; list-style: none; margin-top: 10px;} #sidebar-baner .baner-pri { width: 280px; height: 121px;float: left; background: #eee;margin-top: 10px;} #sidebar-baner .baner-ter { width: 280px; height: 121px;float: left; background: #eee; margin-top: 10px; } #sidebar-baner .fb-page { width: 280px; height: 150px;float: left; background: #eee; margin-top: 10px;} #sidebar-baner .baner-pri img{ width: 280px; height: 120px;float: left;} #sidebar-baner .baner-seg img{ width: 280px; height: 120px;float: left;} #sidebar-baner .baner-ter img{ width: 280px; height: 121px;float: left;} #sidebar-baner .baner-cod img{ width: 280px; height: 500px;float: left;} /*=================== categoria posts ============*/ #publicidade_1 { width: 100%; float: left; margin-top: 2px; } #publicidade_1 ul { margin:0; padding: 0; list-style: none; margin-top: 2px; width: 690px; height: 20px;} /*=================== categoria posts ============*/ .post-cat { border-bottom: 1px solid #efeeee;} .post-cat img{ width: 150px; height: 100px; margin-top: 10px;} .post-cat h1 { font: 14px arial narrow;} .post-cat h1 a { color: #555; text-decoration: none; } .post-cat h1 a:hover { color: #2D76C4; text-decoration: underline; } .post-cat p { padding: 4px 0;color:#666 ; } /*=================== category list ============*/ .main-category { margin-top: 30px;} .main-category #title-category { border-bottom: 2px solid #2D76C4; padding: 5px 0px; margin-bottom:10px;} .main-category #title-category span {text-transform: uppercase; font: 22px arial narrow; font-weight: bold; color: #292929; padding: 5px 0px;} .main-category ul li { width: 100%; float: left; border-bottom: 1px solid #eee; padding: 22px; 0;} .main-category ul li img { width: 160px; height: 140px; float: left; margin-right: 15px } .main-category ul li { width: 100%; float: left; border-bottom: 1px solid #eee; padding: 22px; 0; } .main-category ul li h1 a { text-decoration: none; color: #ed5353; } .main-category ul li h1 a:hover{ color: #333;} .main-category ul li p { padding: 4px 0;color:#666 ; } /*=================== paginas ============*/ .main-page { margin-top: 30px; } .main-page #title-page { border-bottom : 2px solid #2D76C4; padding: 5px 0; } .main-page #title-page span { text-transform: uppercase; font: 22px arial narrow; font-weight: bold; color: #292929; padding: 5px 0; } .main-page p { margin-top: 20px; font: 13px arial narrow; color: #666; list-style-type: none; } .main-page h2 {float: right; } .main-page h2 a {font: 18px arial narrow; color: #efeeee; text-decoration: none; } .main-page h2 a:hover { color: #2D76C4; text-decoration: underline; } /*=================== single ============*/ #single { width: 1000px; margin: 0 auto; text-align: left; overflow: hidden;} #single-content {width: 690px; float: left; overflow: hidden;} .main-single { margin-top: 30px;} .main-single #title-single { border-bottom: 2px solid #2D76C4; padding: 5px 0px; margin-bottom:10px;} .main-single #title-single span {text-transform: uppercase; font: 22px arial narrow; font-weight: bold; color: #292929; padding: 5px 0px;} .main-single p {margin-top: 20px; font: 14px arial; color: #000; list-style-type: none; text-align:justify;} .main-single h2 {float: right;} .main-single h2 a { font: 18px arial narrow; color: #efeeee; text-decoration: none;} .main-single h2 a:hover { color: #2D76C4; text-decoration: underline;} .image{float:left; border:1px solid #ccc; padding:6px; margin-right:10px;} .image1{ width: 272px; height: 302px; float:left; border:1px solid #ccc; padding:6px; margin-right:10px;} #single-adsense{float: left; width: 675px; padding:5px; border:1px solid #ccc;} #ad-1{float:left;} #ad-1{float:right;} /*=================== posts ============*/ .main-cate { margin-top: 30px; } .main-cate #title-cate { border-bottom : 2px solid #efeeee; padding: 5px 0; } .main-cate #title-cate span { text-transform: uppercase; font: 22px arial narrow; font-weight: bold; color: #292929; border-bottom: 4px solid #2D76C4; padding: 5px 0; } .main-cate p { margin-top: 20px; font: 13px arial narrow; color: #666; list-style-type: none; } /*=================== footer ============*/ #footer { border-top: 5px solid #2D76C4; width: 100%; clear: both; background: #222; overflow: hidden; margin-top: 10px; text-align: left; } #footer-content { width: 1000px; margin: 0 auto; } #footer-content img{ width: 300px; height: 160px; margin-top: 3px;} #footer-content #tetle-footer { width:100%; overflow: hidden; border-bottom: 1px solid #333; } #footer-content #tetle-footer span { float: left; padding: 10px 0; } #footer-sobre { width: 330px; float: left; margin-top: 25px; margin-right: 30px; } #footer-sobre #title-sobre { width: 100%; padding: 5px 0; border-bottom: 2px solid #efeeee; margin-bottom: 10px; } #footer-sobre #title-sobre span { font: 22px arial narrow; font-weight: bold; padding: 5px 0; color: #f8f8f8 ; border-bottom: 3px solid #2D76C4; } #footer-sobre p { font: 14px arial; color: #bcbbbb; line-height: 18px; padding: 6px 0; } #footer-pagina { width: 290px; float: left; margin-top: 25px; } #footer-pagina #title-paginas { width: 100%; padding: 5px 0; border-bottom: 2px solid #efeeee; } #footer-pagina #title-paginas span { font: 22px arial narrow; font-weight: bold; padding: 5px 0; color: #f8f8f8 ; border-bottom: 3px solid #2D76C4; } #footer-pagina ul { margin: 0; padding:0; list-style: none; } #footer-pagina ul li { width: 100%; border-bottom: 1px solid #333; padding: 8px 0; font: 13px arial; font-weight: bold; } #footer-pagina ul li a { color: #f8f8f8; text-decoration: none; } #footer-pagina ul li a:hover { color: #2D76C4; } #footer-recentes { width: 280px; float: right; margin-top: 25px; } #footer-recentes #title-recentes { width: 100%; padding: 5px 0; border-bottom: 2px solid #efeeee; } #footer-recentes #title-recentes span { font: 22px arial narrow; font-weight: bold; padding: 5px 0; color: #f8f8f8 ; border-bottom: 3px solid #2D76C4; } #footer-recentes ul { margin: 0; padding:0; list-style: none; } #footer-recentes ul li { width: 100%; border-bottom: 1px solid #333; padding: 8px 0; font: 13px arial; font-weight: bold; } #footer-recentes ul li a { color: #f8f8f8; text-decoration: none; } #footer-recentes ul li a:hover { color: #2D76C4; } #footer-info { width: 100%; clear: both; border-top: 1px solid #333; padding: 20px 0; overflow: hidden; float: left; margin-top: 14px; } #info-content { width: 1000px; margin: 0 auto;} #info-content span { float: left; color: #565656; font: 12px arial; font-weight: bold; } #info-content span b { color: #a4a6a7}#info-content .info-right { float: right; } /* Carousel prev/next controls */ .slide-controls { position: relative; z-index: 5; margin-bottom: 8px; text-align: right; } .slide-nav { background: #2D76C4; color: #fff; border: none; padding: 6px 10px; margin-left: 6px; font-size: 18px; border-radius: 3px; cursor: pointer; } .slide-nav:focus { outline: 2px solid #444; } /* Make controls float over slides on larger screens */ @media(min-width:769px){ .slide-controls { position: absolute; top: 8px; right: 16px; } .slide-nav { background: rgba(0,0,0,0.45); color: #fff; padding: 8px 12px; font-size: 20px; } } /* Ensure carousel images are fluid */ .bloco_left ul li img, .bloco_left img { max-width: 100%; height: auto; display: block; }