@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');


*,
*::before,
*::after{padding: 0; margin: 0; box-sizing: border-box;}
html, body{height:100%;}
ul{list-style: none;}
a{text-decoration: none; color: #000000;}
#clear{clear:both;}

/**********************************INICIO ESRTUTURA BASE*****************************************/

body{position: relative; font-family: "Poppins", sans-serif; font-size:14px; width:100%; background: linear-gradient(150deg, #ffffff 0, #ffffff 80%, #A8C2FF 95%); background-attachment: fixed; display: flex; flex-direction: column;}

h1{color: var(--tits); font-weight: normal; color: #FFD1F9}
p{color: var(--texto); float: left;}

.topo{width: 100%; border-bottom: 3px solid rgba(0,36,117,0.3); padding: 1% 0 0.5% 0; background: linear-gradient(to right, #ffffff 0, #C3D4FF 95%); }
.topo .cab{position: relative; max-width: 95%; margin: 0 auto; padding: 0 2%; display: flex; justify-content: space-between; align-items: center;}
.topo .cab .logo_cab{width: 20%;}
.topo .cab ul.menu_cab{display: flex; align-items: center; justify-content: flex-end; width: 100%; position: absolute; right: 0;}
.topo .cab ul.menu_cab li{text-align:center; padding: 0 3%;}
.topo .cab ul.menu_cab li a{color: var(--links); float: left; text-transform: uppercase; font-weight: normal; font-size: 100%;}
.topo .cab ul.menu_cab li.item_menu_cab a{border-bottom: 3px solid transparent; transition: all .55s ease;}
.topo .cab ul.menu_cab li.item_menu_cab a:hover{border-bottom: 3px solid var(--links); transform: translateY(-4px);}
.topo .cab ul.menu_cab li.busca_topo a{font-size: 150%; transition: all .55s ease;}
.topo .cab ul.menu_cab li.busca_topo a:hover{font-size: 150%; transform: translateY(-4px);}

.topo .cab .bx a{display: none;}
/*
.topo .cab ul.menu_cab li.hamburguer a{padding: 0; width: 45px; height: 45px; border-radius: 50%; background-color: rgba(115,115,115,0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: none;}
.topo .cab ul.menu_cab li.hamburguer a .bar{position: relative; width: 52%; height: 2px; background-color: #FFFFFF; border-radius: 32px;}
.topo .cab ul.menu_cab li.hamburguer a .bar::before, .topo .cab ul.menu_cab li.hamburguer a .bar::after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 60%; height: 100%; background-color:inherit; border-radius: 2px;}
.topo .cab ul.menu_cab li.hamburguer a .bar::before{top: -7px;}
.topo .cab ul.menu_cab li.hamburguer a .bar::after{top: 7px;}
*/
.base_conteudo{width: 90%; position:relative; padding:0; margin: 2% auto; flex: 1 0 auto;}
.base_conteudo .conteudo{width: 100%; position:relative; padding:0; float: left; margin: 0; overflow:hidden; }

.base_paginas{ float: left;}

ul.list_capas{}
ul.list_capas li{display: inline; float: left; width: 200px; margin: 1% 3%;}
ul.list_capas li img{width: 100%;}

ul.base_det{}
ul.base_det li{display: inline; float: left; margin: 0 1%;}
ul.base_det li.um{width: 45%;}
ul.base_det li.um .iframe{width: 100%;}
ul.base_det li.dois{width: 45%;}

ul.base_det li.dois span{font-size: 180%; margin: 3% 0; float: left;}

ul.base_det li.tres{width: 45%; margin: 3% 0 0 0;}

.base_rodape{flex-shrink: 0; padding: 2% 0; bottom: 0; width: 100%; border-top: 3px solid rgba(0,36,117,0.3);  background: linear-gradient(to left, #ffffff 0, #C3D4FF 95%);}
.base_rodape .rodape{width: 85%; margin:0 auto;}
.base_rodape .rodape .logo_rod{width: 15%;}


/*###########----1----############*/

@media only screen and (min-width: 640px) and (max-width: 940px) { 
	
	.topo{background-color: #FF0000;}
	
	.topo .cab .logo_cab{width: 25%;}
	.topo .cab ul.menu_cab li {font-size: 85%;}
	
	ul.list_capas li{width: 150px; margin: 1% 3%;}
	
	ul.base_det li.um{width: 100%; margin: 0 0 3% 0;}
	ul.base_det li.um .iframe{height: 400px; }
	ul.base_det li.dois{width: 100%;}
	
	.base_rodape .rodape .logo_rod{width: 30%;}
	
}


/*###########----2----############*/

@media only screen and (min-width: 940px) and (max-width: 1240px) { 
	
	.topo{background-color: #00ff00;}
	
	.topo .cab .logo_cab{width: 20%; margin: 0 0 0 5%;}
	
	ul.list_capas li{width: 150px; margin: 1% 3%;}
	
	ul.base_det li.um{width: 400px;}
	ul.base_det li.um .iframe{height: 600px; }
	ul.base_det li.dois{width: 50%;}
	
	.base_rodape .rodape .logo_rod{width: 20%;}
		
}
	
/*###########----3----############*/

@media only screen and (min-width: 1240px) and (max-width: 1540px) { 
	
	.topo{background-color: #0000ff;}
	
	.topo .cab .logo_cab{width: 20%; margin: 0 0 0 5%;}
	
	ul.base_det li.um{width: 500px;}
	ul.base_det li.um .iframe{height: 700px; }
	ul.base_det li.dois{width: 50%;}
	
	.base_rodape .rodape .logo_rod{width: 20%;}

}
	

/*###########----4----############*/

@media only screen and (min-width: 1540px) and (max-width: 1840px) { 
	
	/*.topo{background-color: #ffff00;}*/
	
	.topo .cab .logo_cab{width: 20%; margin: 0 0 0 10%;}
	
	ul.base_det li.um{width: 500px;}
	ul.base_det li.um .iframe{height: 700px; }
	ul.base_det li.dois{width: 60%;}
	
	.base_rodape .rodape .logo_rod{width: 15%;}
	
}
	
/*###########----5----############*/

@media only screen and (min-width: 1840px){ 

	/*.topo{background-color: #00ffff;}*/
	
	.topo .cab .logo_cab{width: 20%; margin: 0 0 0 10%;}
	
	ul.base_det li.um{width: 500px;}
	ul.base_det li.um .iframe{height: 700px; }
	ul.base_det li.dois{width: 60%;}
	
	.base_rodape .rodape .logo_rod{width: 15%;}

}
	

/*###########----6----############*/

@media only screen and (min-width: 1750px) { 


}


/*####################################################################*/
/*###################-------MOBILE------##############################*/
/*####################################################################*/

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

	.topo{ background-color: #1EE500; padding: 2% 0;}
	.topo .cab a.link_logo{width: 35%;}
	.topo .cab .logo_cab{width: 100%; margin: 4% 0 -4% 0;}
	
	.topo .cab .bx a{padding: 0; width: 45px; height: 45px; border-radius: 50%; background-color: rgba(115,115,115,0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: block;}
	
	.topo .cab .bx a .bar{position: relative; width: 52%; height: 2px; top: 50%; left: 50%; transform: translateX(-50%); background-color: #FFFFFF; border-radius: 32px;}
	.topo .cab .bx a .bar::before, .topo .cab .bx a .bar::after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 60%; height: 100%; background-color:inherit; border-radius: 2px;}
	.topo .cab .bx a .bar::before{top: -7px;}
	.topo .cab .bx a .bar::after{top: 7px;}
	
	
	.topo .cab ul.menu_cab{position: absolute; top: 115%;  display: none; right: -70%; width: 60%; background-color: rgba(0,36,117,0.9); display: flex; align-items: center; flex-direction: column;  padding: 4% 2%; z-index: 9999; border-radius: 10px; transition: all .55s ease;}
	.topo .cab ul.menu_cab.open{right: -2.5%;}
	.topo .cab ul.menu_cab li{ padding: 3% 0;}
	.topo .cab ul.menu_cab li.busca_topo{display: none;}
	.topo .cab ul.menu_cab li a{color: #FFFFFF; float: left; text-transform: uppercase; font-weight: normal; font-size: 90%; padding: 5% 0;}
	.topo .cab ul.menu_cab li.item_menu_cab a:hover{border-bottom: 3px solid #ffffff; transform: translateY(-4px);}
	

}