@media only screen and (min-width:1024px)  and (max-width:2560px){
	body {
		padding: 0 30%;
	}	
}

@media only screen and (min-width:640px)  and (max-width:1024px){
	body {
		padding: 0 15%;
		font-size:2vw;
	}	
}
	
:root {
  /*--box-shadow: #ccc;*/
  --border-list: #ccc;
}

div.sticky {
  position: sticky;
  top: 0;
  background-color: white;
  padding: 0px;
  font-size: 20px;
}

p {
 font-size: 16px;
 line-height: 1.7;
}
.mini{
	margin: 0 18%;
	padding: 10%;
}

.modal{
display:none;	
}

.center{
	text-align: center;
}

.modal-dialog{border: 1px solid rgb(100, 100, 100);
  margin: 2%;
  padding: 2%;
  border-radius: 2%;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto ;
  gap: 1px;
  background-color: #fff;
  padding: 15px 0px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  border: 0px solid black;
  text-align: center;
  font-size: 14px;
  margin: 0 1%;
}

/* div*/ 
    .formi  div[type=submit2]{ padding:1px; width: 95%; height: 35px; text-align: center; border: 1px solid #000000; margin:5px 5px;   background: #ccc; color: #000000; outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi div[type=submit2]:focus{border-color:#353535;background:#ccc;}
/* botoes*/
   input[type="button"], input[type="submit"], input[type="reset"], button, .button {
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-appearance: none;
    position: relative;
    background: #31cc1b;
    color: #3a3a3b;
    border: 0;
	border-radius: 25px;
    outline: 0;
    font-size: 1em;
    box-shadow: 0 0.175em 0 0 rgba(0, 0, 0, 0.125);
    text-align: center;
    letter-spacing: 2px;
    margin:0.5em auto;
    width: 164px;
    height: 26px;
	}
	
	#login03{
		display: none;
	}
	
 @media only screen and (min-width: 200px) and (max-width: 485px){
body {
    background: #fff;
	
	margin: 0;	
	font-family: Arial, Helvetica, sans-serif;
}

header{
   position: relative;
   margin: 0 0 4% 0;
   height: auto;
   background-color: #fff;
   }
 
nav{	
	margin: 0 0 0;
    padding: 2% 0;
    z-index: 100;
    position: relative;
    background: #fff;
    height: 40px;
	}
	
main{	
	margin: 0% 0 1%;
    height: 104%;
    padding: 2% 0 0%;
	
}

footer{
	text-align: left;
	margin: 1% 0 0 0;
    width: 100%;
    padding: 3% 0 0 0;
    background: #fff;
	height: auto;
	}
	
hr {
	color: #b1aaff;
}



/*ul li*/
#nav li{width: 30%;
        height: 50px;}

ul li {
    padding-left: 0.5em;
    margin: 0.75em 0 0.75em 0;
    font-size: 18px;
    }
ul {
    list-style: disc;
    padding-left: 1em;
    }
    ol, dl, table, blockquote {
    margin-bottom: 1em;
    }
    ul > li {
    display: inline-block;
    
    }

/* ---- */
a { transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
	color: #000;
	text-decoration: none;
}

h1 {
	color: #000;
    text-decoration: none;
    text-align: left;
    margin: 3%;	
}    

h2 { color: #000;
    text-decoration: none;
    text-align: ce;
    margin: 0.5%;}
    
h3 { color: #111;
    text-decoration: none;
    text-align: center;
	margin: 0.1em;
    }
	
h5 { 
    text-decoration: none;
    padding: 0 0 0 3%;
	margin: 1%;
    }
/* botoes*/

/*  a  */

	.bs{
		
		--box-shadow: #ccc;
	}
	
	.bgc{
	background-color: #ececec;	
	}
	
	.brc{
	background-color: #fff;	
	}
	
	.contato{
	background-color: #001c30;
	color: #fff;
	height: 235px;
	padding: 2%;
	}
		
	.ln{
		border-top: 1px solid var(--border-list);
	}

	.formi{ width: 100%;}
	
    .formi  input[type=text]{ padding:2px; width: 80px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px; outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  input[type=text]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  input[type=email]{ padding:2px; width: 97%; height: 34px;  border: 1px solid #808080; margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  input[type=email]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  input[type=password]{ padding:2px; width: 97%; height: 34px;  border: 1px solid #808080; margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  input[type=password]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  input[type=text2]{ padding:2px; width: 50%; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  input[type=text2]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  select[type=text]{ padding:2px; width: 97%; height: 34px;  border: 1px solid #808080; margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  select[type=text]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  select[type=textt]{ padding:2px; width: 150px; height: 34px;  margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  select[type=textt]:focus{border-color:#0000FF;background:#FFFFFF;}
	
    .formi  div[type=submit]{ width: 96%;  text-align: center; border: 1px solid #000000; margin:1%;   background: #84fb33; color: #000000; outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi div[type=submit]:focus{border-color:#353535;background:#FFFFFF;}
	
	.formi  div[type=text]{ padding:2px; width: 46%; height: 34px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  div[type=text]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  div[type=text2]{ padding:2px; width: 100px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  div[type=text2]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  div[type=text3]{ padding:2px; width: 120px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  div[type=text3]:focus{border-color:#0000FF;background:#FFFFFF;}	
	
	.formi  div[type=textred]{ padding:2px; width: 120px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left; background-color: #fd7349;}
    .formi  div[type=textred]:focus{border-color:#0000FF;}	
	
	.formi  div[type=textgreen]{ padding:2px; width: 120px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left; background-color: #a2fb70;}
    .formi  div[type=textgreen]:focus{border-color:#0000FF;}	


/*    */
	.capa{
		width: 100%;
	}
	
	.contato{
	background-color: #001c30;
	color: #fff;
	height: 235px;
	padding: 4%;
	}

	.botaoc{
		height: auto;
		margin: 2% 0;
		padding: 5% 0;
		box-shadow: 0 1px 3px var(--box-shadow);
	}
	
	.sptext{
		margin: 7% 0 auto 1%;
		text-align: center;
		font-size: 3vw;
        position: relative;
	}

	.logo{
	height: 120px;
    padding: 10% 0 5% 0;
    text-align: center;
	}
	
	.imglogo{
	height: 100%;
    }
	
	.imgmenu{
		height: 80px;
		border-radius: 10%;
		margin: 0 2%;
	}

	.imgperfil{
		height: 50px;
		border-radius: 50%;
	}
	
	.imgpatro{
	width: 100%;
    position: sticky;
    transition: opacity 2s ease 0s;
    height: max-content;
    border-radius: 7px;
	}
	
	.patro01{
		margin: 2% 4%;
		height: calc(580px - 394px);
		box-shadow: 0 1px 3px var(--box-shadow);
	}
	
	.patrocinio{
		text-align: center;
	}

	.itemen{
	margin: 0%;
    padding: 0%;border-top: none;
	border-bottom: 1px solid var(--border-list);
	}
	
	.direito{
	float: left;
    padding: 0 0 0 27%;
    text-align: center;
	}
	
	.dflex{
		display: flex;
		width: 100%;
		margin: 0 2%;
	}
	
	.dflex > div{
		
	}

	.dflexp{
		display: flex;
		height: 0px;
		
	}
	
	.dflexr{
		display: flex;
		flex-direction: column;
		padding: 0 2%;
		margin: auto 0;
		width: 100%;
 	}

	.esquerdo{
	  width: 40%;
	  float: left;
	  padding: 0 0;
	  text-align: center;
	}
	
	.maisitem{
	padding: 0 15%;	
	}
	
	.menuItem0{
	width: 96%;
    padding: 2% 2%;
    background: #fff;
    margin: 2% 0 2%;
	box-shadow: 0 1px 3px var(--box-shadow);
	}
	
	.menuItem1{
	width: 96%;
    padding: 2% 2%;
    background: #fff;
    margin: 2% 0 2%;
	box-shadow: 0 1px 3px var(--box-shadow);
	display: flex;
	}
	
	.marg{
		margin: auto 0;
	}
	
	.padd{
		padding: 10% 2% 0;
	}

	.padd2{
	padding: 1% 0 0 5%;
    flex: auto;
    text-align: center;
	}
	
	.padd3{
		padding: 0 0 4% 4%;	
		font-weight: bolder;
		font-size: smaller;
	}
	
	.padd4{
		padding: 0 4% 4% 4%;	
		font-size: smaller;
		text-align: justify;
	}
	
	.pimagem{
	width: 92%;
    position: sticky;
    transition: opacity 2s ease 0s;
    border-radius: 7px;
    margin: 0 4%;
	}
	
	.text{
	font-size: 5vw;
    margin: auto 0;
    position: relative;
	text-align: justify;
    
	}
	
	.titulo{
		height: 70px;
	}
	
	.video{
	width: 92%;
    position: sticky;
    transition: opacity 2s ease 0s;
    height: 260px;
    border-radius: 7px;
    margin: 0 4%;
	}
	
	.ft-w{
		font-weight: 600;
	}
	
	.ft-w2{
		font-weight: 600;
		font-size: 5vw;
		margin: auto 0;
	}
	
	.butt{
	border-radius: 24px;
	}
	
 }

 @media only screen and (min-width: 485px){
body {
    background: #fff;
	overflow: auto;
	margin: 0;	
	font-family: Arial, Helvetica, sans-serif;
}

header{
   position: relative;
   margin: 0 0 4% 0;
   height: auto;
   background-color: #fff;
   }
 
nav{	
	margin: 0 0 0;
    padding: 2% 0;
    z-index: 100;
    position: relative;
    background: #fff;
    height: 40px;
	}
	
main{	
	margin: 0% 0 1%;
    height: 104%;
    padding: 2% 0 0%;
	
}

footer{
	margin: 1% 0 0 0;
    width: 100%;
    padding: 0% 0 0 0;
    background: #fff;
	height: auto;
	}
	
hr {
	color: #b1aaff;
}


/*ul li*/
#nav li{width: 30%;
        height: 50px;}

ul li {
    padding-left: 0.5em;
    margin: 0.75em 0 0.75em 0;
    font-size: 18px;
    }
ul {
    list-style: disc;
    padding-left: 1em;
    }
    ol, dl, table, blockquote {
    margin-bottom: 1em;
    }
    ul > li {
    display: inline-block;
    
    }

/* ---- */
a { transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
	color: #000;
	text-decoration: none;
}

h1 {
	color: #000;
    text-decoration: none;
    text-align: left;
    margin: 3%;	
}    

h2 { color: #000;
    text-decoration: none;
    text-align: ce;
    margin: 0.5%;}
    
h3 { color: #111;
    text-decoration: none;
    text-align: center;
	margin: 0.1em;
    }
	
h5 { 
    text-decoration: none;
    padding: 0 0 0 3%;
	margin: 1%;
    }
/* botoes*/

/*  a  */

	.bs{
		--box-shadow: #ccc;
	}
	
	.bgc{
	background-color: #ececec;	
	}
	
	.brc{
	background-color: #fff;	
	}
	
	.ln{
		border-top: 1px solid var(--border-list);
	}

	.formi{ width: 100%;}
	
    .formi  input[type=text]{ padding:2px; width: 80px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px; outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  input[type=text]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  input[type=email]{ padding:2px; width: 97%; height: 34px;  border: 1px solid #808080; margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  input[type=email]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  input[type=password]{ padding:2px; width: 97%; height: 34px;  border: 1px solid #808080; margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  input[type=password]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  input[type=text2]{ padding:2px; width: 50%; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  input[type=text2]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  select[type=text]{ padding:2px; width: 97%; height: 34px;  border: 1px solid #808080; margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  select[type=text]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  select[type=textt]{ padding:2px; width: 150px; height: 34px;  margin-top:5px; margin-bottom:2px solid #00FF00; color #0000FF; outline:none; font: 20px, tahoma, arial; font-size:16px;}
    .formi  select[type=textt]:focus{border-color:#0000FF;background:#FFFFFF;}
	
    .formi  div[type=submit]{ width: 96%;  text-align: center; border: 1px solid #000000; margin:1%;   background: #84fb33; color: #000000; outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi div[type=submit]:focus{border-color:#353535;background:#FFFFFF;}
	
	.formi  div[type=text]{ padding:2px; width: 46%; height: 34px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  div[type=text]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  div[type=text2]{ padding:2px; width: 100px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  div[type=text2]:focus{border-color:#0000FF;background:#FFFFFF;}
	
	.formi  div[type=text3]{ padding:2px; width: 120px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left;}
    .formi  div[type=text3]:focus{border-color:#0000FF;background:#FFFFFF;}	
	
	.formi  div[type=textred]{ padding:2px; width: 120px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left; background-color: #fd7349;}
    .formi  div[type=textred]:focus{border-color:#0000FF;}	
	
	.formi  div[type=textgreen]{ padding:2px; width: 120px; height: 24px;  border: 1px solid #808080; border-radius:3px; margin:5px;  outline:none; font: 20px, tahoma, arial; font-size:16px; float: left; background-color: #a2fb70;}
    .formi  div[type=textgreen]:focus{border-color:#0000FF;}	


/*    */
	.capa{
		width: 100%;
	}
	
	.contato{
	background-color: #001c30;
	color: #fff;
	height: 235px;
	padding: 4%;
	}
	
	.botaoc{
		height: auto;
		margin: 2% 0;
		padding: 5% 0;
		box-shadow: 0 1px 3px var(--box-shadow);
	}
	
	.logo{
	height: 120px;
    padding: 10% 0 5% 0;
    text-align: center;
	}
	
	.imglogo{
	height: 100%;
    }
	
	.imgmenu{
		height: 80px;
		border-radius: 10%;
		margin: 0 2%;
	}
	
	.imgperfil{
		height: 50px;
		border-radius: 50%;
	}

	.imgpatro{
	width: 100%;
    position: sticky;
    transition: opacity 2s ease 0s;
    height: max-content;
    border-radius: 7px;
	}
	
	.patro01{
		margin: 2% 4%;
		height: calc(580px - 394px);
		box-shadow: 0 1px 3px var(--box-shadow);
	}
	
	.patrocinio{
		text-align: center;
	}
	
	.pimagem{
	width: 92%;
    position: sticky;
    transition: opacity 2s ease 0s;
    border-radius: 7px;
    margin: 0 4%;
	}
	
	.itemen{
	margin: 0%;
    padding: 0%;border-top: none;
	border-bottom: 1px solid var(--border-list);
	}
	
	.direito{
	float: left;
    padding: 0 0 0 27%;
    text-align: center;
	}
	
	.dflex{
		display: flex;
		width: 100%;
		margin: 0 2%;
	}
	
	.dflex > div{
		
	}

	.dflexp{
		display: flex;
		height: 1px;
	}

	.dflexr{
		display: flex;
		flex-direction: column;
		padding: 0 2%;
		margin: auto 0;
		width: 100%;
 	}

	.esquerdo{
	  width: 32%;
	  float: left;
	  padding: 0 0;
	  text-align: center;
	}
	
	.menuItem0{
	width: 96%;
    padding: 2% 2%;
    background: #fff;
    margin: 2% 0 4%;
	box-shadow: 0 1px 3px var(--box-shadow);
	}
	
	.menuItem1{
	width: 96%;
    padding: 2% 2%;
    background: #fff;
    margin: 2% 0 4%;
	box-shadow: 0 1px 3px var(--box-shadow);
	display: flex;
	}
	
	.marg{
		margin: auto 0;
	}
	
	.padd{
		padding: 10% 2% 0;
	}
	
	.padd2{
	padding: 1% 0 0 5%;
	flex: auto;
    text-align: center;
	}

	.padd3{
		padding: 0 0 4% 4%;	
		font-weight: bolder;
		font-size: smaller;
	}
	
	.padd4{
		padding: 0 4% 4% 4%;	
		font-size: smaller;
		text-align: justify;
	}
	
	.sptext{
		margin: 7% 0 auto 1%;
		text-align: center;
		font-size: 1vw;
        position: relative;
	}

	.text{
	font-size: 2vw;
    margin: auto 0;
    position: relative;
	text-align: justify;
    }
	
	.titulo{
		height: 70px;
	}
	
	.video{
	width: 92%;
    position: sticky;
    transition: opacity 2s ease 0s;
    height: 358px;
    border-radius: 7px;
    margin: 0 4%;
	}

	.ft-w{
		font-weight: 600;
	}
	
	.ft-w2{
		font-weight: 600;
		font-size: 2vw;
		margin: auto 0;
	}
	
	.butt{
	border-radius: 24px;
	} 
 }