/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {background-color:#fff;font-family:"Roboto",Avenir;height: fit-content;}
.com {color:orange;}
menu {background-color:#fff;margin-left:auto;margin-right:auto;padding:20px;}
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;}

#content {line-height:30px;padding-left:20px;padding-right:20px;padding-top:50px;background-color:#fff;padding-bottom:50px;text-align:center;margin-left:auto;margin-right:auto;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;margin-top: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;}

#site_news {width:1048px;margin-left:auto;margin-right:auto;}

.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;}
#eventos_col2 p, #eventos_col1 p {line-height:25px;text-align:justify;}



#noticias_col2 h4, #noticias_col1 h4 {margin-top:20px;margin-bottom:10px;}
#noticias_col1 p {line-height:25px;text-align:justify;padding-right:10px;}
#noticias_col2 p, h4 {line-height:25px;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;}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

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



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

    #content {line-height:30px;padding-top:50px;background-color:#fff;padding-bottom:50px;margin-top:-3px;width:340px;}
    .container {width:100%;}
    .image_title {min-width:350px;}

    #nums {}
    #nums li {font-size:13px;}
    #nums li + li::before {
        content: " / ";
        margin-left:4px;
    }
    h1, h2 {text-align:center;}
    h1{ font-size:30px;}
    h2{ font-size:10px;}
    #opt {}
    #opt li a {font-size:13px;}

    .titulos {text-align:center;}
    #eventos_news div {clear:both;margin-bottom:20px;}
    .porto {margin-left:20px;padding-right:10px;}
    .news_img {width:340px;}
    #footer1{padding-left:10px;padding-right:10px;}
    #footer2 {font-size:7px;}
   
}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

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