/* - custom_componentes.css - */
@media all {
/* http://www3.snirh.gov.br/portal/snirh/portal_css/custom_componentes.css?original=1 */
#wrapper {
padding: 0 !important;
margin: 0 !important;
}
#wrapper .container {
width: 100%;
}
#wrapper .span3.espaco-menu {
margin-right: 50px;
margin-top: 20px;
max-width: 150px;
}
#wrapper .span9.espaco-conteudo {
min-width: 750px;
margin: 0 !important;
padding: 0 !important;
}
.row-fluid:before, .row-fluid:after {
clear: both;
}
#main-content.container-fluid {
margin: 0;
padding: 0;
}
.mapasLink {
padding:10px 0;
max-width: 960px !important;
}
.mapasLink a, .mapasLink i, .mapasLink p {
color: #2c67cd !important;
}
.mapasLink p, .mapasLink h5 {
color: #000!important;
}
.mapasLink a:hover {
text-decoration: none;
}
.mapasLink .row-fluid [class*="span"] {
margin-left: 1.37%;
}
.mapasLink .row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.mapaItem {
/* */
border: 1px solid #e5e5e5;
/* */
height: 200px;
overflow: hidden;
padding: 5px;
position: relative;
text-align: center;
}
.mapaItem span {
font-size:72px;
color:#0065a4;
margin:30px 0!important;
display:block;
}
.mapaItem h3 {
margin:20px 0;
}
.mapaItem p {
font-size:12px;
}
.mapaItem i {
background-size: 100%;
height: 75px;
width: 60%;
display: inline-block;
}
.mapaHover {
color: #2c67cd;
position:absolute;
width:100%;
right:0;
bottom:0;
background:#fff;
text-align:center !important;
padding:100% 0 70% 0;
opacity:0;
-webkit-transition: all 0.3s linear !important;
-moz-transition: all 0.3s linear !important;
-ms-transition: all 0.3s linear !important;
-o-transition: all 0.3s linear !important;
transition: all 0.3s linear !important;
}
.mapaItem:hover .mapaHover {
opacity:.9;
}
.mapaItem:hover .mapaHover span {
margin-bottom:0 !important;
}
.mapaHover span {
font-size:42px !important;
color:#7ac043;
margin-bottom:-20px !important;
-webkit-transition: all 0.3s linear !important;
-moz-transition: all 0.3s linear !important;
-ms-transition: all 0.3s linear !important;
-o-transition: all 0.3s linear !important;
transition: all 0.3s linear !important;
}
.mapaHover p {
font-size:14px !important;
}
.mapasList2 {
margin-top: 15px;
}
.logos-rodape {
display: block;
padding-bottom: 10px;
position: relative;
}
.logos-rodape .caption h4 {
font-size: 1rem;
color: #444;
}
.logos-rodape .caption p {
font-size: 0.75rem;
color: #999;
}
.logos-rodape .btn.btn-mini {
font-size: 0.63rem;
}
.logos-rodape .control-box {
text-align: right;
width: 100%;
margin-top: 10px;
}
.logos-rodape .carousel-control-2 {
background: #ccc none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
display: inline-block;
font-size: 34px;
font-weight: 200;
height: 30px;
line-height: 18px;
opacity: 0.5;
padding: 4px 10px 0;
position: static;
width: 15px;
}
.logos-rodape .thumbnail {
border-radius: 0;
padding: 12px;
}
.logos-rodape .thumbnail img {
display: block;
margin: 0 auto;
max-height: 90px;
}
#content div.documentByLine {
font-size: 85%;
color: #666;
min-height: 30px;
margin: 0 0 15px 0;
}
.contSistemas {
margin-bottom: 20px;
display: inline-block;
}
.contSistemas .span12 {
margin-left: 0;
}
.contSistemas .outstanding-link {
background-position: right 50%;
display: block;
font-size: .9em;
text-align: right;
text-transform: uppercase;
padding: 10px 11px 6px 11px;
}
.contSistemas .outstanding-header {
background-color: #eeeff1;
background-size: auto auto;
border-bottom: 1px solid #3867b7;
}
.contSistemas .outstanding-header.span12 {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
.contSistemas .outstanding-link i {
background-color: #3867b7;
border-radius: 2px;
color: #fff;
font-weight: bolder;
margin-left: 9px;
}
h3.tit-public {
font-weight: normal;
color: #06c;
font-size: 1.62em !important;
background-color: #f0f2f1;
padding: 0 15px 4px;
border-top: 3px solid #06c;
margin: 7px 0;
}
.contPublic {
margin-left: 0;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.contPublic .span12 {
margin-left: 0;
}
.contMapa {
margin-left: 0;
margin-right: 10px;
margin-bottom: 15px;
display: inline-block;
border-bottom: 1px dotted #ccc;
}
.contMapa .span12 {
margin-left: 0;
padding-bottom: 15px;
}
.link-mapa {
border-left: 1px dotted #ccc;
padding-left: 20px;
}
.link-mapa span {
color: #555;
margin-bottom: 10px;
display: block;
line-height: 30px;
}
.link-mapa .icon-map, .link-mapa .icon-database2, .link-mapa .icon-clock22 {
font-size: 24px;
display: inline;
}
.link-mapa a:hover {
text-decoration: none;
}
.portletNavigationTree dd {
margin-left: 0 !important;
}
.portletNavigationTree ul,.portletNavigationTree ol {
padding: 0 !important;
margin: 0 !important;
}
.carousel-inner > .active {
padding: 0 !important;
margin: 0 !important;
}
.carousel-inner li {
list-style: none !important;
}
#portal-searchbox form, #portal-searchbox input[type="text"] {
margin: 0 !important;
border: none !important;
box-shadow: none !important;
}
div[data-tile*="collective.cover.embed"] {
overflow: hidden;
max-width: 100% !important;
max-height: 100% !important;
}
#em-destaque ul, #accessibility {
margin-left: 0 !important;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
height: auto !important;
border-radius: 0 !important;
}
@media (min-width: 1200px){
.row {
margin-left: 0 !important;
}
}
@media (max-width: 766px){
.mapasLink .row-fluid [class*="span"] {
margin-left: 0;
margin-bottom: 2px;
}
}
.link-mapa i {
background-size: 100%;
height: 35px;
width: 30%;
display: block;
float: left;
margin: 0;
padding: 0;
}
.link-mapa i:hover{
opacity: 0.5;
}

}


/* - custom_icons.css - */
@media all {
/* http://www3.snirh.gov.br/portal/snirh/portal_css/custom_icons.css?original=1 */
.snirh-balanco-hidrico{
background: url("icons/balanco_hidrico.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-divisao-hidrografica {
background: url("icons/divisao_hidrografica.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-eventos-criticos {
background: url("icons/eventos_hidrologicos_criticos.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-institucional {
background: url("icons/institucional.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-planejamento {
background: url("icons/planejamento.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-programas {
background: url("icons/programas.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-qualidade-agua{
background: url("icons/qualidade_da_agua.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-quantidade-agua {
background: url("icons/quantidade_de_agua.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-regulacao {
background: url("icons/regulacao_e_fiscalizacao.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-usos-agua {
background: url("icons/usos_da_agua.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-acessar-link {
background: url("icons/acessar_link.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-mapa {
background: url("icons/mapa_interativo.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-metadados {
background: url("icons/metadados.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-tempo {
background: url("icons/tempo_real.png") no-repeat scroll 0;
max-width:70px;
}
.snirh-map {
background: url("icons/mapa_interativo.png") no-repeat scroll 0;
background-size: 100%!important;
max-width:70px;
}
.snirh-database2 {
background: url("icons/metadados.png") no-repeat scroll 0;
background-size: 100%!important;
max-width:70px;
}
.snirh-clock22{
background: url("icons/tempo_real.png") no-repeat scroll 0;
background-size: 100%!important;
max-width:70px;
}
.snirh-book{
background: url("icons/book.png") no-repeat scroll 0;
background-size: 100%!important;
max-width:70px;
}

}


/* - snirh.css - */
@media all {
/* http://www3.snirh.gov.br/portal/snirh/portal_css/snirh.css?original=1 */
#em-destaque {
padding-top:20px;
}
#em-destaque ul {
/* */
margin-bottom: -1em!important;
/* */
}
#main #portal-breadcrumbs {
margin-top: 0.5em!important;
margin-bottom: 1em!important;
}
#footer {
padding: 2px 0!important;
min-height: 5px!important;
width: 100%;
}
body.contraste celula-2 { color: #fff !important; }
#wrapper .container .row-fluid .span2 {
min-width: 140px;
}
.row-fluid .span3 {
width: 23.076923076923077%;
min-width:140px;
}
.sistemas-celula-1 {
float:left;
padding: 0px 0px 10px 0px;
}
.sistemas-celula-2 {
float:left;
padding: 0px 0px 10px 10px;
}
.sistemas-acesso {
width:100%;
text-align:right;
background: #eeeff1;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 15px;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
padding: 5px 11px 5px 11px;
border-bottom: 1px solid #3867b7;
display: block;
float:left;
background-position: right 50%;
margin-bottom:20px;
}
.sistemas-celula-principal {
float:left;
}
.acessar-mapas {
padding-bottom: 10px;
color:black!important;
font-size:14px;
font-weight:bold;
}
#content a:hover, dl.portlet a:hover {
color: #0066cc!important;
text-decoration: none!important;
cursor:pointer;
}
.link-sistemas a {
color: #08c;
text-decoration: none;
}
.celular-baixar-arquivo {
width: 650px;
}
#content h1.documentFirstHeading {
font-size: 2em!important;
}
.titulo-padrao {
/* */
color: #1a2a39;
text-transform: none;
font-size: 2em;
font-family: "open_sansbold", Arial, Helvetica, sans-serif;
font-weight: normal;
}
.subtitulo-padrao {
margin: 5px 0;
padding-bottom: 0.4em;
color: #1a2a39;
text-transform: none;
font-size: 1.5em;
font-family: "open_sansbold", Arial, Helvetica, sans-serif;
font-weight: normal;
}
.altura-div {
height:60px;
padding: 5px 0px;
color: #969696;
}
.celula-baixar-arquivo {
text-align:right;
border-bottom: 1px dotted #666;
padding-bottom: 20px;
}
.celula-2 {
width: 600px;
/* */
margin: 0 0 0.5em 0;
line-height: 1.3em;
/* */
font-family: Arial;
font-weight: normal;
font-size: 16px;
text-align: left;
}
.image-pdf-downloader {
float: left;
padding-left: 60px;
}
.titulo-conjuntura-recursos-hidricos {
font-family: Arial;
font-weight: bolder;
font-size: 24px;
text-align: left;
}
.titulo-relatorio-informes {
background-color: #1659bf;
padding: 10px 10px 10px 10px;
border: 1px solid #bcbcbc;
color: white;
border-bottom: none;
font-size: 14px;
font-weight: bolder;
}
.cor-fundo-relatorios-informes {
background-color: #f5f5f5;
padding: 10px 10px 10px 10px;
border: 1px solid #bcbcbc;
}
#table.invisible td, table.invisible th, table.plain td, table.plain th, table.listing td, table.listing th {
padding: 0.5em 0.5em;
vertical-align: top;
}
.entre-celulas {
width: 760px;
height: 2px;
border: none;
border-top: 1px dotted #666;
padding: 10px 0 0 0;
}
.celula-1 {
width: 100px;
max-width: 100px!important;
}
.celula-3 {
border-left: 1px dotted #666;
color: #666666;
width: 180px;
}
#tile_banner_rotativo.chamada_sem_foto li .banner img {
max-height: 322px;
}
.logomarcasnirh {
text-align:center;
padding-top:10px;
padding-bottom:10px;
}
#portal-title {
margin: 0;
margin: 30px 0 46px;
color: #fff;
font-size: 3.00em!important;
font-family:  Arial, Helvetica, sans-serif;
line-height: 1em;
font-weight: bolder!important;
letter-spacing: 0px!important;
}
.borda-tabela {
width:200px;
border: 1px solid #0F4098;
background-color: #EDEFF1;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
-webkit-border-top-right-radius: 0.5em;
-webkit-border-top-left-radius: 0.5em;
-moz-border-radius-topleft: 0.5em;
-moz-border-radius-topright: 0.5em;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
-webkit-border-bottom-right-radius: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;
}
.descricao {
padding: 5px;
color: #333!important;
font-weight: normal!important;
font-size: 12px!important;
}
.titulo-subpagina {
color: #0F4098!important;
font-size:16px;
font-weight: bolder!important;
}
.temporeal {
background-color: #01aeef!important;
color: white!important;
}
.temporeal a {
background-color: #01aeef!important;
color: white!important;
}
.metadados {
background-color: #F0AD4E!important;
color: white!important;
}
.metadados a {
background-color: #F0AD4E!important;
color: white!important;
}
.mapa-interativo {
background-color: blue!important;
color: white!important;
}
.mapa-interativo a {
background-color: blue!important;
color: white!important;
}
.tempo-real {
background-color: #01AEEF!important;
color: white!important;
}
.tabelax1 {
padding: 1em;
text-align: center;
}
.tabelax1 td {
text-align: center!important;
padding: 1em!important;
color:white!important;
}

}