* { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5 { color:#245A98; margin:20px 0 }
h3.area-title { font-size: 1.4em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #A9B8CF; padding-bottom: 3px; }
body { background: #EFEFEA; }
h2 span { color:#1684E5; }

#logo { background: url('logo.png'); width: 350px; height: 120px; float:right; margin-top: 50px; }

.margin-bottom { margin-bottom: 20px; }
.margin-top { margin-top: 20px; }
.margin-top-0 { margin-top:0; }

.white-block { background: white; padding-top: 15px; padding-bottom: 15px; margin-top:15px; margin-bottom: 15px; display: table; }

.video-wrapper { position: relative; padding-bottom:56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-wrapper img { width: 100%; height: 100%; }
.clearfix { clear:both; }
.blueimp-gallery > .title { top: auto; left: 50px; right: 50px; margin:0 60px; bottom:70px; padding:5px 10px; border-radius:5px; background:black; font-size: 1em; }

a.cat { display: inline-block; color:white; background: #456F8B; padding:2px 4px; }

#top { background: url('bg-top.png') center top no-repeat #26384E;  margin-bottom: 30px; }
#portal { display: block; width:395px; height: 86px; background: url('portal.png') no-repeat; color: transparent; padding:30px 0; }
#seta-laranja { background: url('seta-laranja.png'); width:266px; height: 530px; position: absolute; margin-left:-260px; margin-top: -297px; }

nav { display: block; float: right; margin: 10px 0; }
nav a:active { color:white; }
nav div { display: inline-block; }
nav a { font-size: 1.2em; display: inline-block; border-bottom: 2px solid #128AF0; color:white; padding: 5px 10px; margin:0 5px; }
nav a:hover, nav div:hover a { text-decoration: none; color:white; border-bottom-color: #0F2B49; background:#0F2B49;  }
nav div:hover nav { display: block; }
nav div nav { display: none; position: absolute; margin-top: -5px; z-index: 999; background:#0F2B49; font-size: 0.8em; margin-left: 5px; }
nav div nav a { display: block; color:#889FBB; border:none; padding:5px; }
nav div nav a:hover { text-decoration: underline; }

#fotos .img-wrapper { display: block;  position: relative; }
#fotos p.credito { position: absolute; right:0; bottom:0; background:rgba(255,255,255,0.7); color:#333; margin: 0; padding:2px 5px; border-top-left-radius: 5px; display: block; }

#social { border-top:1px solid #416481; margin-top: 30px; margin-bottom: 30px; }
#social div { display: block; float: right; background:#2D496E; margin-top: -20px; padding-left: 15px; }
#social a { width:28px; height: 28px; display: inline-block; margin:5px;  }
#social #twitter { background: url('twitter.png'); }
#social #facebook { background: url('facebook.png'); }
#social #instagram { background: url('instagram.png'); }
#social #youtube { background: url('youtube.png'); }

body.index #top { margin-bottom: 80px; }
body.index #seta-laranja { margin-top: -347px; }

body.index #doe { max-width: 230px; min-height: 330px; background: url('diario-bg.jpg') center no-repeat; }
body.index #doe a{ height: 330px; display: block; }
body.index #doe p{ color: #fff; }
body.index #doe p span{ font-size: 18px; font-weight: bold; }
body.index #doe #edicao{ padding-top: 17px; font-size: 1.3em; text-align: center; }
body.index #doe #edicao strong{ color: #FFCD00; }
body.index #doe img{ margin: 0 auto; width: 116px; display: block; }
body.index #doe #stats{ margin-top: 10px; }
body.index #doe #stats p{ float: right; text-align: right; margin-right: 5px;  }
body.index #doe #stats p:first-child{ float: left; text-align: left; margin-left: 5px; }

body.index #servicos h3 { font-weight: bold; color:white; display: block; float: left; margin-right: 5px; margin-bottom: 5px; }
body.index #servicos h3 span { color:#99FF00; font-style: italic; }
body.index #servicos .categoria { margin-left: 5px; display: inline-block; width: 115px; height: 110px; text-align: center; color: white; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
body.index #servicos .categoria.agricultura { background: url('icone_portal_4.png') center 10px no-repeat;  }
body.index #servicos .categoria.educação { background: url('icone_portal_6.png') center 10px no-repeat;  }
body.index #servicos .categoria.financas { background: url('icone_portal_2.png') center 10px no-repeat;  }
body.index #servicos .categoria.infra { background: url('icone_portal_3.png') center 10px no-repeat;  }
body.index #servicos .categoria.ambiente { background: url('icone_portal_8.png') center 10px no-repeat;  }
body.index #servicos .categoria.saúde { background: url('icone_portal_5.png') center 10px no-repeat;  }
body.index #servicos .categoria.segurança { background: url('icone_portal_7.png') center 10px no-repeat;  }
body.index #servicos .categoria.servidor { background: url('icone_portal_9.png') center 10px no-repeat;  }
body.index #servicos .categoria.transporte { background: url('icone_portal_1.png') center 10px no-repeat;  }
body.index #servicos .categoria a { color:white; display: block; padding-top: 75px; }
body.index #servicos .categoria:hover { background-color: white; text-decoration: none; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.75);  }
body.index #servicos .categoria:hover a { color:#0C2847; }
body.index #servicos .categoria .links { display: none; position: absolute; background: white; z-index: 999; margin-top: 15px; left: 0; text-align:left; left:20px; padding-bottom: 10px; }
body.index #servicos .categoria .links a { display: inline-block; padding:10px 0 0 0; font-size: 0.9em; }
body.index #servicos .categoria .links span { color:#3181EF; margin: 0 3px 0 5px; }
body.index #servicos .categoria:hover .links { display: block; }

body.index #em-acao p { color:#373435; font-size: 1.6em; font-weight: 300; }

body.index #tv h2 { display: block; clear: both; padding-left: 60px; margin-bottom: -15px; height: 40px; line-height: 40px; }
body.index #tv h2.video { background: url('icone_diario.jpg') no-repeat; }
body.index #tv h2.audio { background: url('icone_diario.jpg') no-repeat; }
body.index #tv audio { width:100%; margin-top:5px; }

body.index #turismo { margin:25px; }
body.index #turismo h3 { font-size: 2.5em; font-weight: 300; text-align: center; }
body.index #turismo a { display: inline-block; position: relative; }
body.index #turismo a + a { margin-left:-3px; }
body.index #turismo a div { visibility: hidden; position: absolute; width:100%; height: 100%; text-align: center;  background: rgba(0,0,0,0.5); color:white; text-transform: uppercase; padding: 60px 20px; }
body.index #turismo a:hover div { visibility: visible; }

body.index #sidebar h3 { display: block; clear: both; padding-left: 60px; font-weight: 300; margin-bottom: -15px; height: 40px; line-height: 40px; }
body.index #sidebar h3.diario { background: url('icone_diario.jpg') no-repeat; }
body.index #sidebar h3.facebook { background: url('icone_facebook.jpg') no-repeat; }
body.index #sidebar h3.twitter { background: url('icone_twitter.jpg') no-repeat; }
body.index #sidebar h3.instagram { background: url('icone_instagram.jpg') no-repeat; }
body.index #sidebar h3.zap { background: url('icone_zap.jpg') no-repeat; }

body.index #em-acao h2 { font-weight: 900; font-size: 2.7em; margin-top: 30px; margin-bottom: 5px; clear: both; }
body.index #em-acao h2 span { font-weight: 300; }

body.index #tve, #fm96 { display: inline-block; width: 100px; height: 100px; color:transparent !important; }
body.index #tve { background: url('tve.png') center center no-repeat; }
body.index #fm96 { background: url('96.png') center center no-repeat; }

body.index #destaque a { color:white; }
body.index #destaque p { color:#919BBF; }
body.index #destaque img, body.index #destaques img { box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.75); }

body.index #destaques h4 { margin-top:10px; }
body.index #destaques a { color:white; }
body.index #destaques #mais { margin-top: 70px; background: transparent; border-color: white;  }
body.index #destaques #mais:hover { text-decoration: underline; }

body.index #noticias { margin-bottom: 40px; }
body.index #noticias h2 { margin:5px 0; font-size: 1.8em; }
body.index #noticias .item:first-child { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 15px; }

body.index #noticias2 .item { display: block; overflow: hidden; }
body.index #noticias2 .item h4 { margin-top:5px; }
body.index #noticias2 img { margin-bottom: 10px; }

body.index .wrapper.turismo { border-top:1px solid #ccc; width: 100%; background: white; margin-top: 50px; }