/* 2014 Estilo CSS - @COSSO */ /* -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out; */ html, body {font-size: 16px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .18) 100%);} a {color:#840b17;} a:visited {color:#840b17;} .noPadding {padding-right:0; padding-left: 0;} .noPaddingR {padding-right:0!important;} .noPaddingL {padding-left: 0!important;} .noPaddingL2 {padding-left: 0!important;} .paddingR2 {padding-right:0!important;} #menuBarra {background: #8D0F12; height: auto; padding-bottom: 6px} #menuBarra ul {list-style: none; /*height: 30px;*/ } #menuBarra ul li {float: left; border-right: 1px #fff solid; padding: 0 10px 0 0; margin: 5px 12px 0 0;} #menuBarra ul li a {display: block; color:#fff; font-size: 0.838em} #menuBarra ul li:last-child { border-right: 0; margin-right:0; } /*TOPO - LOGO - BUSCA - ACESSIBILIDADE*/ #top {padding: 12px 0; display: block;} .acessBusca {margin: 12px 0 0 0;} .acessibilidade {} .acessibilidade a {padding: 4px; font-weight: bold; color: #B3B3B3; font-size: 0.83em;} /*MENU PERFIL*/ #menuPerfil {margin-top:11px; margin-bottom: 0px;} #menuPerfil .col-md-4 {padding-left: 5px; padding-right: 5px;} .cidadao a {border-radius: 6px; display: block; background: #F7931E; /*margin: 3px 3px 3px 0;*/} .cidadao a:hover {background: #E98912;} .cidadao a img {margin: 0 auto; display: block;} .institucional a {border-radius: 6px; display: block; background: #998675; /*margin: 3px 3px 3px 3px*/} .institucional a:hover {background: #927F6F;} .institucional a img {margin: 0 auto; display: block;} .profissional a {border-radius: 6px; display: block; background: #8D0F12; /*margin: 3px 0 3px 3px*/} .profissional a:hover {background: #781516;} .profissional a img {margin: 0 auto; display: block;} /*NOTICIAS & ASIDE*/ .notLat {margin-top: 15px;} .areaEsquerda {border-right: 1px dotted #999;} /*NOTICIAS*/ .areaNoticias {display: block; padding-left: 0px;} .areaNoticias p {font-size: 0.8em;} .areaNoticias h2 {display: block; border-bottom: 1px solid #999; color: #8D0F12; font-size: 1.25em; font-weight: 500; padding-bottom: 7px; margin-top:0; } .destaque {min-height: 180px; padding-bottom: 25px;} .destaque h3 {margin-top: 0px; font-size: 1.4em; } .destaque img {width: 190px; height: 140px; border-radius: 8px; overflow: hidden; float: left; margin: 0 12px 0 0 ;} .destaque p a {color: #494949; font-size: 1.5em; font-weight: 400; line-height: 1.5;} .secundarias {background: #dcdad9; margin-bottom: 12px; font-weight: 400; padding-top: 10px; margin-top: -10px; max-height: 210px; overflow: hidden;} .secundarias p a {color: #840b17; /*line-height: 22px;*/} .secundarias p:first-child {/*border-bottom: 1px dotted #999;*/ padding-bottom: 22px;} .secTxt {max-height: 86px; overflow: hidden; margin-bottom: 20px;} .secTxt:hover {background: #c2b6ac;} .secTxt:first-child {border-bottom: 1px dotted #999; padding-bottom: 20px;} .verNoticias {border-top: 1px dotted #999; width: 98%; display: block;} .verNoticias a {background: #8D0F12; color: #fff; padding: 5px 12px 6px 12px; border-radius: 0 0 6px 6px; font-size: 0.8em; margin-bottom: 25px; } .verNoticias a:hover {background: #781516; text-decoration: none;} /*AGENDA*/ .agenda a {border-radius: 6px; display: block; background: #998675; margin: 0 0 13px 0; padding: 8px 0;} .agenda a:hover {background: #927F6F;} .agenda a img {margin: 0 auto; display: block; padding: 5px 0;} /*REVISTA*/ .revista {border-radius: 6px; display: block; background: #c2b6ac; margin: 0 0 13px 0; height:304px; padding: 12px 0 0 0;} .revista a img {margin: 0 auto; display: block; padding: 5px 0; width: 190px;} .edicoesAnt a {background: #8D0F12; color: #fff; padding: 5px 12px 6px 12px; border-radius: 6px 6px 0 0; font-size: 0.8em; margin:0 auto; display: block; text-align: center;} .edicoesAnt a:hover {background: #781516; text-decoration: none;} .lupaRevista {background: url(../imagens/luparevista.png) no-repeat; width: 85px; height: 85px; position: absolute; top: 105px; left: 118px;} /*IDENTIDADE VISUAL*/ .identidadeVisual {border-radius: 6px; display: block; background: #c2b6ac; margin: 0 0 13px 0; height:304px; padding: 12px 0 0 0;} .identidadeVisual a img {margin: 0 auto; display: block; padding: 5px 0; width: 190px;} /*BANNERS DIVERSOS*/ .bannersDiversos h2 {color: #8D0F12; font-size: 1.28em; padding-top: 4px;} /*BANNER*/ .banners {margin-top: 8px;} .banner a {border-radius: 6px; display: block; background: #fff; /*background: #998675;*/ margin: 0 0 13px 0; height: 117px; overflow: hidden;} .banner a:hover {/*background: #927F6F;*/} .banner a img {margin: 0 auto; display: block; padding: 0 0;} /* ASIDE*/ .barraLateral > .row {margin: 0;} .barraLateral h2 {display: block; border-bottom: 1px solid #999; color: #998675; font-size: 1.25em; font-weight: 500; padding-bottom: 7px; margin-top:0;} /*PORTARIA FORM*/ .formPortarias {border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #ddd; border-radius: 0 0 8px 8px; display: block; padding: 12px; /*margin-bottom: 12px;*/ background: #fff;} .formPortarias label {color: #998675; font-size: 0.9em;} /*BOLETO*/ .boleto {border-bottom: 1px dotted #999; margin-bottom: 6px; padding-bottom: 6px;} .boleto a {border-radius: 6px; display: block; background: #8D0F12; margin: 3px 0} .boleto a:hover {background: #781516;} .boleto a img {margin: 0 auto; display: block; padding: 5px 0;} /*REDES SOCIAIS*/ .sociais {border-bottom: 1px dotted #999; margin-bottom: 25px; padding-bottom: 6px; display: block; height: 131px;} .sociais h2 {border-bottom: 0; padding-bottom: 1px; padding-top: 16px; line-height: 5px;} .sociais .box {border-radius: 6px; display: block; padding: 12px 0; margin: 3px 0 0 0; background-image: linear-gradient(to bottom, rgba(211, 211, 211, 1) 0%, rgba(255, 255, 255, 1) 100%);} .sombra {background: url(../imagens/sombra.png) no-repeat center; width:100%; height: 7px; display: block;} /*COMISSAO*/ .comissao {border-bottom: 1px dotted #999; margin-bottom: 6px; padding-bottom: 10px;} .comissao h2 {border-bottom: 0; padding-bottom: 12px; padding-top: 0px; line-height: 5px;} .comissao a {border-radius: 6px; display: block; background: #fff; margin: 3px 0 0 0;} .comissao a:hover {background: #FAFBFB;} .comissao a img {margin: 0 auto; display: block;} /*OUVIDORIA*/ .ouvidoria a {border-radius: 6px; display: block; background: #998675; margin: 3px 0} .ouvidoria a:hover {background: #927F6F;} .ouvidoria a img {margin: 0 auto; display: block; padding: 5px 0;} /*FOOTER*/ .footer {border-top: 10px solid #8D0F12; background: #f1f1f1; margin-top: 12px; padding: 12px 0; font-size: 0.73em; text-align: left;} .footer a {color: #666;} /*BOOTSTRAP < */ .busca .form-control {height: 30px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .0001) 100%);} /*MENU*/ .dropdown-menu {background: #8D0F12; border-radius: 0; border: 0; } .dropdown-menu li {border-right:0!important; margin: 0!important; min-width: 180px;} .dropdown-menu li a {padding: 5px 12px; display: block; width: 100%;font-size: 0.9em!important;} .dropdown-menu li a:hover {background: #781516;} .submenu { height: 20px; width: 138px; background: green; margin-left: 4px; margin-top: 1px; padding-left:7px; _cursor:pointer;} .submenu:hover { background: yellow; cursor:pointer; } /*CAROUSEL*/ .carousel {border-radius: 0 0 6px 6px; overflow: hidden; margin-top: 0;} .carousel-inner .itemImg {height: 260px; overflow: hidden;} .carousel-inner img {width: 100%;} .carousel-caption {position: static; background: #E2E2E2; text-shadow:none; padding-left: 40px; padding-right: 40px; height: 130px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, .0001) 100%)} .carousel-caption h3 {color:#840B17; font-size: 1.15em; text-transform: uppercase;} .carousel-caption p {color:#666; font-size: 0.9em; font-style: italic; padding: 0 25px;} .carousel-indicators {top: 270px;} .carousel-indicators li {background:#fff; border-color:#fff; } .carousel-indicators li.active {background:#840B17; border-color:#840B17; } .carousel-control.left {background-image: linear-gradient(to right, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, .0001) 100%)} .carousel-control.right {background-image: linear-gradient(to left, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, .0001) 100%)} /*ABAS*/ .nav-tabs {text-align: center; border-bottom: none;} .nav-tabs ul {border-bottom: none;} .nav-tabs li a {background: #998675; color: #fff; font-size: 0.89em; padding: 5px 9px;} .nav-tabs li a:hover {background: #998675; color: #fff;} .nav-tabs li.active a { background-image: linear-gradient(to bottom, rgba(223, 223, 223, 0.82) 0%, rgba(255, 255, 255, 0.0001) 100%);} .nav-tabs li.active {padding-right: 0!important;} .nav-tabs li {padding-right: 0!important;} /*BOOTSTRAP */ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #927F6F;} .input-sm { background-image: linear-gradient(to bottom, rgba(223, 223, 223, 0.82) 0%, rgba(255, 255, 255, 0.0001) 100%);} /*RESPONSIVO*/ /*CELULARES*/ @media (max-width: 767px) { .areaEsquerda {border-right: none;} .carousel {margin-top: 10px;} .cidadao a {margin-bottom: 12px;} .institucional a {margin-bottom: 12px;} .profissional a {} .noPadding {padding-right:5px; padding-left: 5px;} .noPaddingR {padding-right:5px!important;} .noPaddingL {padding-left: 5px!important;} .secTxt:first-child {padding-bottom: 1px;} .formPortarias {height: 280px;} .banners { margin-top: 10px;} .footer {text-align: center;} } /* TABLETS 768px E +) */ @media (min-width: 768px) and (max-width: 992px) { .areaEsquerda {border-right: none;} .carousel {margin-top: 10px;} .cidadao a {margin-bottom: 12px;} .institucional a {margin-bottom: 12px;} .profissional a {} .secTxt:first-child {padding-bottom: 1px;} .banners { margin-top: 10px;} .footer {text-align: center;} } /* DESKTOPS 992px E +) */ @media (min-width: 992px) {.footer {text-align: left;} .areaEsquerda {border-right: 1px dotted #999;} }