body, td, li, p{ font-family:Roboto, Helvetica, sans-serif }

h1, h2, h3, h4, h5 { font-family:Montserrat; font-weight:300 }

.sombra{ box-shadow:0 0 1em #CCC }

a>img:hover{ opacity:0.9 }

.topo>div{ margin:1em 0 1em 0 }

.ico_bt{ padding:0 }
.ico_bt img{ height:1.5em }

.menu-inst{ padding-top:140px }
.menu-inst a{
    font-family:"Montserrat";
    font-weight:400;
    font-size:0.89em;
    color:black;
    padding:0 0.4em
}
.menu-inst a:hover{ text-shadow:#CCC 0 0 1px }

.f-dropdown { outline:none; box-shadow:#000 1px 1px 1px; margin-top:10px; border-width:2px }
.f-dropdown li a{ color:black; font-family:"Montserrat" }
.f-dropdown:before, .f-dropdown:after{ display:none }
#drop3{ box-shadow:#000 0 0 0; background:#6c3f97; border-color:#333; left: 600px !important; width:188px !important; border-top:0 } /* submenu vermelho */
#drop3 li a{ color:white }
#drop3 li a:hover{ background:#875daf }
#drop4{ box-shadow:#000 0 0 0; background:#FFC000; border-color:#333; left: 786px !important; width:197px !important; border-top:0 } /* submenu amarelo */
#drop4 li a{ color:white }
#drop4 li a:hover{ background:#DEA700 }
#drop5{ box-shadow:#000 0 0 0; background:#0188BF; border-color:#333; left: 211px !important; width:185px !important; border-top:0 } /* submenu azul */
#drop5 li a{ color:white }
#drop5 li a:hover{ background:#47A4C9 }
#drop6{ box-shadow:#000 0 0 0; background:#FF8300; border-color:#333; left: 15px !important; width:198px !important; border-top:0 } /* submenu laranja */
#drop6 li a{ color:white }
#drop6 li a:hover{ background:#F7A677 }
.drop_active{ color:black }

.logo{ height:10em }

.redes{ padding-bottom:1em }

.bt_visite{ font-family:"Amatic SC"; font-size:1.7em; padding:0.5em}

.menu{ border-spacing:0; border: 0 }
.menu td{ padding:0 }
.menu img{ height:90px }

#destaques{ padding:0 }
.destaque img{ width: 100% }

#notas_fb .nota_img{ background-color:black; text-align:center; width:100% }
#notas_fb .nota_img img{ width:180px }

.blue-box{ border-top:0.8em #0188BF solid; padding:0.6em 1em 0.6em 0.75em; color:black; word-wrap:break-word }
.blue-bar-info{ padding:0 1em 1em 1em; font-family: Montserrat, Helvetica, sans-serif; font-size: 0.75em;  color:black; word-wrap:break-word }
.blue-bar-info span{ color:#0188BF }

.box{ border-style:solid; border-width:0.7em 2px 0 2px; padding:1em 1em 0.6em 0.8em; word-wrap:break-word }
.box span{ text-transform:uppercase }
.destaque>img{ border-width:2px; border-style:solid }
.bar{ border-style:solid; border-width:0 2px 2px 2px }
.bar-info{ padding-left:1em !important; font-family:Montserrat, Helvetica, sans-serif; font-size: 0.75em; word-wrap:break-word }
.bar-seta{ width:1.8em }
.bar-seta img{ height:1.8em; width:1.8em; position: relative }
.bar-seta img:hover{ box-shadow:black 1px 1px 1px; top:-1px; left:-1px }

.title-bar{ border:1px solid black; color:white; padding:1em 1em 0.3em 1em; margin-bottom:2em }
.title-bar h2{ color:white }

.submenu{ margin:1.5em 0 1.5em 0; border-bottom:1px solid black }
.submenu div{ border-top:1px black solid; padding:0.5em 0; font-family:Montserrat, Helvetica, sans-serif }
.submenu div a{ color:black }

a.orange-link{ color:black }
a.orange-link:hover{ color:#F87F38 }

.columna_lateral{ background-color: #88d8f3; margin-bottom:1em }
.tag_novidades{ height:2.8em; margin:0.7em }

.summary{ color:#AAA; font-size:0.9em; margin-bottom: 2em }
.text{ margin-bottom: 2em }
.text img{ max-width:none !important }

.footer{ font-size:0.9em; border-top:2px black solid }
.footer>div{ padding:1em }

.title-project{ border:2px solid black; color: white; margin:0; padding:2em 2em 1em 2em; text-transform: uppercase }
.title-project h2{ color: white }
.menu-projeto{ top:-1px; position:relative }
.menu-projeto div{ padding:0.6em; border-top:1px solid black; text-transform: uppercase }
.menu-projeto div a { color:black; font-family:Montserrat, Helvetica, sans-serif }
.menu-projeto div a:hover { color:#333; text-decoration:underline }
.menu-projeto img{ margin-bottom:1em }

.intertitulo{ font-size:0.8em; font-style:italic }

@media only screen { /* Define mobile styles */
    .destaque{ width: 100%; padding:0 1em 1em 1em }
    .redes img{ height:1.8em }
    .box_destaque{ height:190px }
}

@media only screen and (min-width: 40.063em) { /* médio e superior */
    .destaque{ width: 50%; padding:0 0 1em 1em }
    .redes img{ height:2.7em }
}

@media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */
    .box_destaque{ height:150px }
}