/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}


/*=========== FONTES SLM ==========*/
@font-face{font-family:Miriam; src:url("../fonts/MiriamLibre-Regular.ttf");}
@font-face{font-family:Miriams; src:url("../fonts/MiriamLibre-Bold.ttf");}
@font-face {font-family:Galada; src:url("../fonts/Galada-Regular.ttf");}
@font-face {font-family:Bree; src:url("../fonts/BreeSerif-Regular.ttf");}
@font-face {font-family:Paprika; src:url("../fonts/Paprika-Regular.ttf");}
@font-face {font-family:Roboto-Italic; src:url("../fonts/Roboto-Italic.ttf");}
@font-face {font-family:Vollkorn-Italic-VariableFont_wght; src:url("../fonts/Vollkorn-Italic-VariableFont_wght");}

.tx-vermelho {font-family:Miriams; color: white; background-color:#c80000; padding: 5px 3px 3px 10px; font-size: 1.3em; font-weight: 700;}
.tx-verde {font-family:Miriams; color: white; background-color:#0c7d23; padding: 5px 3px 3px 10px; font-size: 1.3em; font-weight: 700;}
.tx-marron {color: #765600; font-family:Roboto-Italic; font-size: 0.9em; font-weight: 700; margin-bottom: 4px;}
.tx-ouro{color: #765600; font-size: 0.8em; font-weight: 300; font-family:Paprika; text-align: justify; line-height: 2em;  margin-bottom: 2px;} 
.tx-marron-gd {font-family:Miriams; color: #765600; font-size: 1.1em; font-weight: 400; margin-bottom: 5px;}
.tx-preto-menor{color: black; font-size: 0.9em; font-weight: 500;}
.tx-preto-menor-i{color: black; font-size: 0.8em; font-weight: 500; font-style: oblique;}
.tx-red {color: red; font-size: 1em; font-weight: 700; font-family:Miriams;} 
.tx-preto {color: black; font-size: 1em; font-weight: 300; font-family:Bree; text-align: justify; margin-bottom: 2px;}
.tx-titulo{font-size: 1.1em; color:#e37000; font-weight: 700; font-family:Bree; text-align: left;}
.tx-laranja{font-size: 1.2em; color:#e37000; font-weight: 700; font-family:Bree; text-align: center;}
.tx-gd-verde {font-family:Miriams; color: #008000; font-size: 2em; font-weight: 700; text-shadow: #000 1px 2px 2px;}
.tx-gd-preto {font-family:Miriams; color:black; font-size: 2em; font-weight: 700;}
.tx-gd-red {font-family:Miriams; color:red; font-size: 1.8em; font-weight: 700;}
.tx-amarelo{font-size: 1.3em; color:#ffff00; font-weight: 500; font-family:Miriam;}


/*=========== TOPO SLM ==========*/
#topo{float: right;}
#logo{float: left; margin-top: 10px; margin-left: 5px !important;}
#logo img {max-width: 120px;}


#topo{float: right;}

.btn-topo{
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 3%;
	border-radius:40px;
	opacity : 0.6;	
	background: url('../img/topo.png') no-repeat;
	z-index: 100;	
}

.btn-topo:hover{ cursor: pointer;

}

/* SERVIÇOS */
.servicos {width: 100%;  text-align: left;  margin-bottom: 1.5%;}

.apoio {width: 100%; margin-left: auto; margin-right: auto;}

.servico img {border-radius: 7px; max-width: 100%; margin-bottom: 2px;}
.inner {padding-left: 1%;}
.inner a {font-family:Miriam; font-size: 1.5em; color: #130400; font-weight: 300;}
.inner h3 {font-family:Miriam; font-size: 1.5em; color: #130400; font-weight: 300; }
.inner h4 {font-size: 1.2em; margin-top: 0.5%; font-family:Miriams; color:black; }
.inner h5 {font-family:Miriams; font-size: 1.6em; color:red; font-weight:bold; }


.unica { width:99%; text-align: justify; margin-left: auto; margin-right: auto;}


/*=========== CONTAINER ==========*/
.container {width: 100%; float: left; padding: 1% 1%; text-align: left;}


/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}
.fotos h4 {
	font-family: Paprika; font-size: 1.5em;
}

#linha {width: 99%; border-bottom: 1px dotted black;}
#linha2 {width: 99%; border-bottom: 1px dotted black;}

label {float: right; cursor: pointer;}
label img {margin-top: 3px; margin-right:5px;}

/* MENU SLM*/
.menu {
	display:block;
	flex-direction:column;
	width: 100%;
	height:auto;
	padding: 2%;
	margin-left:-100%; 
	margin-top: 100px;
	position:absolute;
	background-color: rgba(0, 152, 174, 0.8);
	transition: all 0.8s;
	align-items: center;
}

.menu ul {width: 100%; float: left; text-align: center;}
.menu li {padding: 2%;}
.menu li a {font-family: Paprika; font-size: 1.1em; color: white; padding: 1.3% 5%; font-weight: bolder;}
.menu li a:hover {width: 100%; border:1px solid #000000; color: #3e4095; background-color:#ffffff;}

#bt-menu{display: none; background-color: white;}
#bt-menu:checked ~ .menu{margin-left: 0;}



/* BANNER */
.title {width: 100%; float: left;}
.title h1 {font-size: 1.3em; font-family: Paprika; color: #ffff00;}
.title h2 {font-size: 1.8em; font-family: Galada; color: #ffff00; text-shadow: #000 1px 2px 2px;}	
.title h3 {margin-left:1.5%; font-size: 1.1em;  color: #0005c9; font-family: Paprika; text-shadow: #000 1px 1px 1px;}
.title h4 {margin-bottom: 1.5%; padding: 1.5%;  font-size: 1em; color: white; font-family: Miriam; background-color: rgba(141, 198, 63, 0.5); text-shadow: #000 1px 2px 2px}
.title h5 {padding: 5px; color: black; font-size: 0.9em; font-weight: 300; font-family:Bree; text-align: justify;}

section{color: black; font-size: 1em; font-weight: 300; font-family:Bree; text-align: justify;}

footer {
	font-family: Miriam;
	align-items: center;
	bottom: 3px;
	color:white;
	display: flex;
	font-size: 0.8em;
	text-align: center;
	height: 50px;
	justify-content: center;
	position: fixed;
	width: 100%;
	z-index: 1;
}



/* ==================== SMALL DEVICES - TABLETS ==================== */
@media screen and (min-width: 768px) {

.topotitulo{width: 100%; font-size: 2em ; font-family: Galada; color: #0c7d23;}	
.servico {width: 48%; }	
.unica { width:99%;}
.apoio {width: 99%;}
#logo img {max-width: 80px !important; margin-top: 20px; margin-left: 20px;}
.servico {width: 48%; float: left; margin-bottom: 10px;}


.servico:nth-child(2){margin-right: 8px;}
.servico:nth-child(3){margin-right: 0; }
.servico:nth-child(4){margin-right: 8px;}
.servico:nth-child(5){margin-right: 0;}
.servico:nth-child(6){float: left; clear:none; margin-right:8px;}

.inner h4 {font-size: 1em; margin-top: 0.5%; font-family:Miriams; color:black; }
.tx-preto {color: black; font-size: 0.7em; font-weight: 300; font-family:Paprika; text-align: justify; margin-bottom: 2px;}





/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 960px) {

/* MENU SLM*/
.btn-menu {display: none;}
.btn-close {display: none;}	
label{display: none;}

.menu {width:auto !important; height: auto !important; line-height: auto !important; float: right !important; background-color:white ; 
display: block !important; position: static; border-radius: 8px; margin-top: 20px; padding:10px;}

.menu li {padding: 3px; float: left;}
.menu li a {color: gray; font-size: 0.7em; padding: 10px; font-weight: 500;}
.menu li a:hover {border: none; color:black; }

/* FIM MENU SLM*/	

.servico {width: 32%; }	
#logo img {max-width: 100px !important; margin-left: 30px;}
.menu{margin-top: 40px; margin-right: 7px !important; padding:10px;}
.apoio {width: 97%;}
.unica { width:97%;}
.tx-ouro{font-size: 0.9em;}	

.servico:nth-child(2){margin-right: 1%; margin-left: 1%}
.servico:nth-child(3){margin-right: 1%;}
.servico:nth-child(4){margin-right:0.5%;}

.servico:nth-child(5){margin-right: 1%; margin-left: 1%}
.servico:nth-child(6){margin-right: 1%; clear: none !important;}

}


/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1020px) {

#logo img {max-width: 100px !important; margin-left: 25px;}
.menu{margin-top:15px; margin-right: 80px !important; padding:10px 15px 10px 15px;}
.unica { width:95%;}
.apoio {width: 95%;}



.servico:nth-child(1){margin-right: 6px;}
.servico:nth-child(2){margin-right: 8px;}
.servico:nth-child(3){margin-right: 0px;}


.servico:nth-child(4){margin-right: 6px;}
.servico:nth-child(5){margin-right: 8px;}
.servico:nth-child(6){margin-right: 0px; }

.servico:nth-child(7){margin-right: 12px;}
.servico:nth-child(8){margin-right: 8px;}
.servico:nth-child(9){float: left; clear:none; margin-right:0px;}

}


/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1200px) {

#logo img {max-width: 160px !important; margin-left: 80px;}
.menu{margin-top:40px; margin-right: 80px !important; padding:10px 15px 10px 15px;}
.unica { width:85%;}
.apoio {width: 85%;}
.menu li a {color: gray; font-size: 0.8em; padding: 10px; font-weight: 500;}

}


/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1420px) {

#logo img {max-width: 180px !important; margin-left: 160px;}
.menu{margin-top: 40px; margin-right: 160px !important; padding:10px 25px 10px 25px;}
.unica { width:75%;}
.apoio {width: 80%;}

}



/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1650px) {

.unica { width:70%;}
.apoio {width: 75%;}

#logo img {max-width: 200px !important; margin-left: 200px !important;}

#linha {width: 365px; border-bottom: 1px dotted black;}

/* MENU SLM*/
.btn-menu {display: none;}
.btn-close {display: none;}	
label{display: none;}

.menu{margin-top: 40px; margin-right: 200px !important;}
.menu li {padding: 0; float: left;}
.menu li a {font-size: 1em; font-weight: 300;}
	
}



/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1900px) {

	.unica {width:70%;}
	.menu{margin-top: 70px; margin-right: 270px !important;}
	#logo img {max-width: 200px !important;  margin-left: 280px !important;}	

}