body {background-color:#fff;font-family:"Roboto",Avenir;height: fit-content;font-size:16px;}
#site_news {width:1048px;margin-left:auto;margin-right:auto;}
.com {color:orange;}
menu {background-color:#fff;margin-left:auto;margin-right:auto;padding:20px;position:sticky;top: 0;}
h1 {text-transform:uppercase;font-size:40px;font-weight:bolder;text-align:center;}
h2 {text-transform:uppercase;font-size:10px;text-align:center;margin-top:10px;line-height:20px;}
a {font-weight:bold;text-decoration:none;color:orange;}

#nums {display: table;margin: 0 auto;margin-bottom:30px;}
#nums li {float:left;}
#nums li + li::before { content: " / "; margin-left:4px; }

#opt {display: table; margin: 0 auto;margin-bottom:40px;}
#opt li {float:left;}
#opt li a {text-transform:uppercase;}

#opt li + li::before { content: " | "; margin-right:2px; margin-left:4px; }

.clearfix::after { content: ""; clear: both; display: table; }

#header {object-fit:cover;width:100%;height:100%;z-index:-1;max-height:450px;}

.container {position:relative;}
#eventos_col1 {text-align:center;}
.image_title {position:absolute;background-color:white;bottom:-40px;left:50%;transform: translate(-50%, -50%);text-align:center;height:30px;border-radius:3px 3px 0px 0px;padding:15px;text-transform:uppercase;color:#888;font-size:10px;min-width:600px;}

h3 {text-transform:uppercase;font-size:30px;font-weight:bold;margin-bottom:20px;text-align:center;}

form {border:1px #000 dashed;margin-top:30px;padding:25px;margin-bottom:40px;text-align:center;}

input[type="email"] {border:1px solid orange;color:orange;padding:20px;font-size:20px;margin-bottom:30px;}
input[type="submit"] {border:1px solid orange;color:#fff;background-color:orange;padding:20px;font-size:16px;}

.aviso_ok {border:1px #000 dashed;margin-top:50px;padding:25px;margin-bottom:40px;text-align:center;background-color:#039E76;color:#fff;}

.aviso_ko {border:1px #000 dashed;margin-top:50px;padding:25px;margin-bottom:40px;text-align:center;background-color:#A53141;color:#fff;}

#footer1 {text-transform:uppercase;font-size:9px;line-height:16px;margin-top:40px;text-align:center;margin-bottom:10px;}
#footer2 {text-transform:uppercase;font-size:10px;line-height:16px;text-align:center;margin-bottom:10px;}
#footer3 {text-transform:uppercase;font-size:10px;line-height:16px;text-align:center;}

#eventos {margin-top:40px;margin-bottom:40px;}
#eventos li {border-bottom:1px dashed #000;padding-top:10px;padding-bottom:10px;}
#noticias div {float:left;width:50%;} 
.opcoes {text-align:left;}
.presencial {font-size:10px;}
.data {text-align:center;font-weight:900;}
.titulos {font-weight:1100;text-align:left;font-size:44px;}
.news_img {border:1px solid #000;}
h4 {text-transform:uppercase;font-weight:bold;}
#eventos_col2 h4, #eventos_col1 h4 {margin-top:20px;margin-bottom:10px;text-align:center;}
#eventos_col2 p, #eventos_col1 p {line-height:32px;text-align:justify;}
#noticias_col2 h4, #noticias_col1 h4 {margin-top:20px;margin-bottom:10px;}
#noticias_col1 p {line-height:32px;text-align:justify;padding-right:10px;}
#noticias_col2 p, h4 {line-height:32px;text-align:justify;padding-left:10px;}
#noticias_col2 {text-align:right;}
.news_data {font-size:11px;margin-bottom:20px;text-align:center;}
.titulos_n {margin-top:30px;text-align:center;}
.labs_col {float:left;border:1px solid #000;padding-top:39px;margin-bottom:10px;line-height:20px;padding-bottom:8px;text-align:center;width:100%;}
.porto {width:90%;margin-bottom:30px;line-height:20px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (max-width: 767px) {
    #site_news {width:370px;}
    #nums li {font-size:13px;}
    #nums li + li::before { content: " / "; margin-left:4px; }
    h1{ font-size:28px;}
    h2{ font-size:10px;}
    #opt li a {font-size:12px;}
    .news_img {width:100%;}
    #noticias div {clear:both;margin-bottom:20px;}
    #eventos_col1 {padding-left:10px;padding-right:10px;}
    .porto {padding-left:10px;padding-right:10px;line-height:25px;text-align:justify;}
    #footer1{padding-left:10px;padding-right:10px;}
    #noticias div {width:100%;text-align:center;}
    #noticias_col1 h4, #noticias_col2 h4 {padding-left:0;}
    #noticias_col1 p, #noticias_col2 p {padding-left:0px;}
    #footer2 {font-size:7px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {}