@charset "utf-8";
/* CSS Document */
	
/*** RESET ***/
*{box-sizing:border-box;}
html, body{height:100%;margin:0;padding:0;}
body{margin:0;font-family: 'Lato', sans-serif;color:#333;font-size:14px;text-align:center;overflow-x: hidden;padding:0;}
img{max-width:100%;margin:0;padding:0;}
a{text-decoration:none;margin: 0;padding:0;}
h1, h2, h3, h4, p{margin:0; padding:0; font-family: 'Lato', sans-serif;}
	
/** UTILS **/
.left{float:left;}
.right{float:right;}
.clear:after{content:'.';clear:both;display:block;height:0;visibility:hidden;}
.btn_doc {
    min-height: 5em !important;
}
	
/*** GRID ***/
.container{width:100%;max-width:1024px;margin:0 auto;padding:0 2%;}
.row{margin-left:-1%;margin-right:-1%;}
.row:after{content:'.';clear:both;display:block;height:0;visibility:hidden;}
.col{padding:0 1%;min-height:1px;}
.col1{width:8.333%;}
.col2{width:16.667%;}
.col3{width:25%;}
.col4{width:33.333%;}
.col5{width:41.667%;}
.col6{width:50%;}
.col7{width:58.33%;}
.col8{width:66.667%;}
.col9{width:75%;}
.col10{width:83.333%;}
.col11{width:91.667%;}
.col12{width:100%;}

/**** GENERAL SETTINGS ****/
.rel {position: relative;}
.abs {position: absolute;}
.centerall {top: 50%;left: 50%;transform: translate(-50%,-50%);}
.general_section{width: 100%;height: auto;padding:4em 0;}
.general_section h1{text-transform: uppercase;letter-spacing: 0.5em;font-size: 2em;font-weight: 900;color: #333;margin: auto;padding-bottom: 0.5em;}
img.wrap{width:30em;}
.dotted{border-top:1px dotted #333;border-bottom:1px dotted #333;height:auto;padding:1em 0;}
.semproduto{width:15em;top: 70%;left: 50%;transform: translate(-50%,30%);}
.colunas {-webkit-column-count: 3; /* Chrome, Safari, Opera */-moz-column-count: 3; /* Firefox */column-count: 3;-webkit-column-gap: 2em /* Chrome, Safari, Opera */-moz-column-gap: 2em; /* Firefox */column-gap: 2em;-webkit-column-rule-style: dotted; /* Chrome, Safari, Opera */-moz-column-rule-style: dotted; /* Firefox */column-rule-style: dotted;}
.author{text-transform:capitalize;font-weight:bold;}

/**** NAV MENU ****/

nav {width: 100%;position: fixed;z-index: 1000;background-color:#333;}
.nav ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
.nav a {display:block; background: #333; color:#fff; text-decoration: none;padding: 1em 1.1em;text-transform: uppercase;font-size: 1em;font-weight: 300;position: relative;}
.nav{list-style-type: none;margin:0;}
.nav li{position: relative;}
.nav > li {float:left;} 
.nav > li > a {list-style-type: none;/* margin-top: -14px; */}
.nav li:hover > a { background:#00a99d; }
#logo_menu {padding:0;}
li img {width: 3em;height: auto;}
.nav li a:first-child:nth-last-child(2):before { content:""; position: absolute; height:0; width: 0; border: 5px solid transparent; top: 50% ;right:5px;}
li.right {
    float: right;
}
/* submenu positioning*/

.nav ul {position: absolute;white-space: nowrap;z-index: 1;/*left: -99999em;*/}
.nav > li:hover > ul {left: auto; min-width: 100%;}
.nav li.icon {display: none;
    
    
    }
.content.shown{
	display: block;
	}
.content.hidden {
display: none;
}

.imageIndicator {
max-width: 48%;
padding-top: 38%;
}

.textIndicator {
padding: 1em 1.1em;
color: white;
display: block;
}

.trigger{
display: inline-flex;
}
nav > h1 {
    height: 0;
}
/**** classe para tornar as coisas invisiveis ao olho mas lido por leitores de ecra*****/

.unvisibletotheye {
  position: absolute;
  left: -999em;
  width: 1em;
  overflow: hidden;
}

/**** classe para colocar os OL e UL alinhados à esquerda na Legislacao ****/
.legislacao ol{
text-align: left;
}
.legislacao ul{
text-align: left;
}
.legislacao p{
text-align: justify;
}
.legislacao h4{
text-align: left;
}


/**** INTRO ****/
#intro {width: 100%;height: 100%; background: url(../images/geral/fundo.jpeg) no-repeat center; background-size: cover;}
h1 img {z-index: 2;width: 20em;}
#slogan {text-transform: uppercase;color: #fff;letter-spacing: 0.6em;font-size: 1em;font-weight: 300;}
.square{background:yellow;height:5em;box-shadow: 2px #000; bottom: 10%;left:50%;transform:translateX(-50%);}

/**** FOOTER ****/
footer{position: fixed;right: 0;bottom: 0;left: 0;padding: 1em;background-color: #333;font-size: 0.8em;color:#00a99d;text-align: center;text-transform: uppercase;margin-bottom:0;}
a.privacidade {
    color: #fff;
    font-size: smaller;
}
a.subscribeMe {
    float: right;
    color: #ccc;
}
/**** NOTICIAS ****/
.border_news{border-bottom: 2px solid #000;text-align: left;padding:1em;height:auto;margin-bottom: 1em;}
.img_container{width:22em;height: auto; overflow:hidden;margin-top:2em;}
.img_container img{margin:0;padding:0;display: block;width:100%;}
.news_title{text-transform: uppercase;letter-spacing: 0.2em;font-size: 1.5em; font-weight: 900;text-align: left;color:#333;padding:0.5em 0;}
.text_left{text-align: left;color:#333;}

/**** CONTACT FORM ****/
#contact_form,#associado_form, #voluntario_form{text-align:left;padding:1em; background:#00a99d;color:#fff;}
.text_field{box-sizing:border-box;width:100%;padding:10px;border-style:none;font-size:1.2em;margin-bottom:10px;outline:none;transition:0.3s;font-family: 'Lato', sans-serif;}
.text_field:focus{border:1px solid #000;padding-left:15px;}
.text_field:required:valid:focus{border:1px solid #CFC;box-shadow:0 0 2px 1px #0C0;}
.text_field:invalid:focus{border:1px solid #F00;box-shadow:0 0 2px 1px #F00;}
.contact_textarea{font-family: 'Lato', sans-serif;width:100%;height:6em;}
.submit_button{display:inline-block;padding:0.3em 2em;background:#fff;color:#00a99d;border-style:none;font-size:1.2em;outline: none;}
.submit_button:hover{background:#333;cursor: pointer;}
#form_message{text-align:left;font-size:1.5em;display:none;}

/**** OBJECTIVOS ****/
.btn{height:3em;margin:2em 0;text-transform: uppercase;background: #333;color:#fff;padding:0.7em 1em;font-size:1em;}
.btn:hover{background:#00a99d;color:#fff;}


/**** REDES SOCIAIS ****/
.social_network{width:4em;height:auto;padding-right: 0.5em; -webkit-transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-o-transition: 1s ease-in-out;transition: 1s ease-in-out;}
.social_network:hover{transform: scale(1.2);}

/**** CORPOS GERENTES ****/
fieldset{margin-bottom:2em;}
.img_corpos{height:18em;width:100%;overflow: hidden;}

/**** COMENTÁRIOS DA NOTÍCIA ****/
.comment{margin-bottom:2em;background:#00a99d;color:#fff;font-weight:bold;}
.comment_username{font-weight:300;color:#333;font-size:0.8em;text-align:right;padding:0 1em 0 0}
.comment_date{font-size:0.8em;color:#333;font-weight:300;text-align:right;padding:0 1em 1em 0;}
.comment_field{box-sizing:border-box;width:100%;padding:0.5em;border:1px solid #00a99d;margin-bottom:1em;display:block;outline:none;color:#00a99d;}
.comment_btn{background:#00a99d;color:#FFF;padding:0.5em 2em;display:inline-block;margin:0 0 3em 0;border:none;cursor:pointer;outline:none;}
.comment_btn:hover{background:#333;color:#00a99d;}
.comment_text{text-align:left;padding:0.5em 1em;}
.text_respeito{text-align:left;color:#00a99d;font-size:0.8em;font-style:italic;}

/**** MANUAIS ****/
.manuais {position:relative;}
.manual{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
.manual img{width:100px;}
.manual:hover img{
    opacity: .5;
}
.subtitle{padding: 0;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    visibility: hidden;
    text-decoration:none;}

.manual:hover .subtitle{visibility: visible;}

/**** WIRELESS ****/
#manuais h3.news_title {
    text-transform: uppercase;
    font-size: .8em;
    text-align: left;
    color: #989898;
    padding: 0.5em 0;
}
ol.text_left > li {padding:.3em 0;line-height: 2em;}
.manual_logo{width:10em;}
.signature {padding:1em 0;}

/**** RESPONSIVE ****/
@media only screen and (max-width:768px){
nav{height:3.2em;}
.col4{width:100%;}
.col3{width:50%;}
.col6{width:100%;}
.img_container{width:100%;height:100%;padding:1em;}
.news_title{padding:0.5em}
.text_left{padding:0.5em}
.img_corpos{height:100%}
.colunas {-webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */column-count: 2;}
.nav li.icon {display: block;margin-top:-.11em;float:right;}

}



@media only screen and (max-width:480px){
body{font-size:10px;}
.colunas {-webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1; /* Firefox */column-count: 1;}

}