/* ESTILO DA PÄGINA FAIXAS.PHP */


* { box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    font-family: 'PT Sans Caption', sans-serif;
}


div.faixaSub>h3 {text-align: center;
 				 color: darkorange;
 				 font-size: 2vw;
 }

div.faixaSub>hr {border: 1.5px dashed silver;
}

div.faixaSub>p {	font-size: 1vw;
				    width: 40vw;
				    margin: auto;
				    text-align: justify;

}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
					    padding:1vw;
					    border: 2px dotted orange;
}

body > div.container.faixaSub > div > div > div > img {  width: 41vw;
					     								 height: auto;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.faixaSubTxt>p {	font-size: .9vw;
					    text-align:center;
}

section.faixaSubTxt>p>b {color: red;
}

section.faixaSubTxt>h4 {	text-align: center;
					        margin: auto;
}


/*Formatação do Botão cadastrar */
body > div.cadastrarMissao { text-align: center;
				    		 margin: 3vw;
}

input.missao {   padding: .5vw 1vw;
}



/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - FAIXAS EM LONA -------------*/

/* Midia Queries tela pequenas */

/*Extra small devices (portrait phones, less than 299px)*/
@media (max-width: 299.98px) { 
/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.faixaSub > h3  { margin-top: 3vw;
 		                        font-size: 4.8vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.faixaSub > nav > ul > li>a{font-size: 2.5vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.faixaSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */


body > div.container.faixaSub > div > div > div {text-align: center;}
div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.faixaSub > div > div > div > img {  width: 85vw;
					                  height: auto;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.faixaSubTxt>p {font-size: 3.5vw;
			 text-align:center;
                         margin-top: 3vw;
}

section.faixaSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 6vw;
                          
}


} /* Final @media max 299px */
 

/* Small devices (landscape phones, 300px and up)*/
@media (min-width: 300px) and (max-width: 499.98px) {

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.faixaSub > h3{ margin-top: 3vw;
 		                      font-size: 4.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.faixaSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 40.1px;
}
body > div.container.faixaSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.faixaSub > div > div > div {text-align: center;}
div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.faixaSub > div > div > div > img {  width: 85vw;
					                   height: auto;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.faixaSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.faixaSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}
      
    
} /* Final @media 350px */


/* Ponto final  de redução da minha TELA */ 
/* Small devices (landscape phones, 500px and up)*/
@media (min-width: 500px) and (max-width: 599.98px) {
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.faixaSub > h3 { margin-top: 3vw;
 		                       font-size: 4vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.faixaSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.faixaSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.faixaSub > div > div > div {text-align: center;}

div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 88vw;
}

body > div.container.faixaSub > div > div > div > img {  width: 84vw;
					                   height: auto;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.faixaSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.faixaSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}


} /* Final @media 578 */




/* Medium devices (tablets, 600px and up)*/
 @media (min-width: 600px) and (max-width: 767.98px) { 
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.faixaSub > h3{ margin-top: 3vw;
 		                      font-size: 3.7vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.faixaSub > nav > ul > li>a{ font-size: 2vw;
                                                   background: darkblue;
                                                   color: white;
                                                   height: 40px;
}

body > div.container.faixaSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.faixaSub > div > div > div {text-align: center;}

div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 68vw;
}

body > div.container.faixaSub > div > div > div > img {  width: 65vw;
					                   height: auto;
                                                           text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.faixaSubTxt>p {font-size: 2vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.faixaSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3.6vw;
                          
}

} /* Final @media 600px */



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.faixaSub > h3{ margin-top: 3vw;
 		                      font-size: 3.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.faixaSub > nav > ul > li>a{font-size: 1.5vw;
                                                  height: 35px;
}




/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.faixaSub > div > div > div {text-align: center;}

div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 51vw;
                        
}

body > div.container.faixaSub > div > div > div > img {  width: 49vw;
					                   height: auto;
                                                           text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.faixaSubTxt>p {font-size: 1.6vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.faixaSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3vw;
                          
}


}/* Final @media  768px*/
 

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {


#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.faixaSub > h3{ margin-top: 3vw;
 		                      font-size: 3vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.faixaSub > nav > ul > li>a{font-size: 1.2vw;
                                                  height: 35px;
}




/* FORMATAÇÃO DO BOX DAS IMAGENS  */

div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 3vw;
                        width: 57vw;
}

body > div.container.faixaSub > div > div > div > img {  width: 55vw;
					                   height: auto;
                                                           text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.faixaSubTxt>p {font-size: 1.3vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.faixaSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2.8vw;
                          
}




 }/* Final @media 992px */
 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.faixaSub > h3{ margin-top: 3vw;
 		                      font-size: 2.2vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.faixaSub > nav > ul > li>a{font-size: .8vw;
}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.faixaSub > div > div > div {text-align: center;}

div.img_faixaSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        width: 43vw;
}

body > div.container.faixaSub > div > div > div > img {  width: 41vw;
					                  height: auto;
                                                          text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.faixaSubTxt>p {font-size: 1vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.faixaSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2vw;
                          
}




 }/* Final @media 1200px*/
 /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/
 






/* PÁGINA PAINÉL EM LONA */

div.painelSub>h3 {	text-align: center;
	 				color: darkorange;
	 				font-size: 2vw;
	 }

div.painelSub>hr {	border: 1.5px dashed silver;
}

div.painelSub>p {	font-size: 1vw;
					width: 40vw;
					margin: auto;
					text-align: justify;
}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */

div.img_painelSub {  margin: 2vw auto 1vw auto; ;
					 padding:1vw;
					 border: 2px dotted orange;

}
body > div.container.painelSub > div > div > div > img { width: 41.5vw;
					     								 height: auto;
}


/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.painelSubTxt>p {font-size: .9vw;
					    text-align:center;
}
section.painelSubTxt>p>b {color: red;
}
section.painelSubTxt>h4 {text-align: center;
					     margin: auto;
}
/*Formatação do Botão cadastrar */
 body > div.container.painelSub > b > b > div{ text-align: center;
				  							   margin: 3vw;
}

#orcamento{   padding: .5vw 1vw;
}


/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - painel EM LONA -------------*/

/* Midia Queries tela pequenas */

/*Extra small devices (portrait phones, less than 299px)*/
@media (max-width: 299.98px) { 
/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.painelSub > h3  { margin-top: 3vw;
 		                        font-size: 4.8vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.painelSub > nav > ul > li>a{font-size: 2.5vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.painelSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */


body > div.container.painelSub > div > div > div {text-align: center;}
div.img_painelSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.painelSub > div > div > div > img {  width: 85vw;
					                  height: auto;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.painelSubTxt>p {font-size: 3.5vw;
			 text-align:center;
                         margin-top: 3vw;
}

section.painelSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 6vw;
                          
}


} /* Final @media max 299px */
 

/* Small devices (landscape phones, 300px and up)*/
@media (min-width: 300px) and (max-width: 499.98px) {

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.painelSub > h3{ margin-top: 3vw;
 		                      font-size: 4.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.painelSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 40.1px;
}
body > div.container.painelSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.painelSub > div > div > div {text-align: center;}
div.img_painelSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.painelSub > div > div > div > img {  width: 85vw;
					                   height: auto;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.painelSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.painelSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}
      
    
} /* Final @media 350px */


/* Ponto final  de redução da minha TELA */ 
/* Small devices (landscape phones, 500px and up)*/
@media (min-width: 500px) and (max-width: 599.98px) {
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.painelSub > h3 { margin-top: 3vw;
 		                       font-size: 4vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.painelSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.painelSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.painelSub > div > div > div {text-align: center;}

div.img_painelSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 88vw;
}

body > div.container.painelSub > div > div > div > img {  width: 84vw;
					                   height: auto;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.painelSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.painelSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}


} /* Final @media 578 */




/* Medium devices (tablets, 600px and up)*/
 @media (min-width: 600px) and (max-width: 767.98px) { 
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.painelSub > h3{ margin-top: 3vw;
 		                      font-size: 3.7vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.painelSub > nav > ul > li>a{ font-size: 2vw;
                                                   background: darkblue;
                                                   color: white;
                                                   height: 40px;
}

body > div.container.painelSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.painelSub > div > div > div {text-align: center;}

div.img_painelSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 68vw;
}

body > div.container.painelSub > div > div > div > img {  width: 65vw;
					                   height: auto;
                                                           text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.painelSubTxt>p {font-size: 2vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.painelSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3.6vw;
                          
}

} /* Final @media 600px */



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.painelSub > h3{ margin-top: 3vw;
 		                      font-size: 3.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.painelSub > nav > ul > li>a{font-size: 1.5vw;
                                                  height: 35px;
}




/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.painelSub > div > div > div {text-align: center;}

div.img_painelSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 51vw;
                        
}

body > div.container.painelSub > div > div > div > img {  width: 49vw;
					                   height: auto;
                                                           text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.painelSubTxt>p {font-size: 1.6vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.painelSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3vw;
                          
}


}/* Final @media  768px*/
 

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {


#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.painelSub > h3{ margin-top: 3vw;
 		                      font-size: 3vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.painelSub > nav > ul > li>a{font-size: 1.2vw;
                                                  height: 35px;
}




/* FORMATAÇÃO DO BOX DAS IMAGENS  */

div.img_painelSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 3vw;
                        width: 57vw;
}

body > div.container.painelSub > div > div > div > img {  width: 55vw;
					                   height: auto;
                                                           text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.painelSubTxt>p {font-size: 1.3vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.painelSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2.8vw;
                          
}




 }/* Final @media 992px */
 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.painelSub > h3{ margin-top: 3vw;
 		                      font-size: 2.2vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.painelSub > nav > ul > li>a{font-size: .8vw;
}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.painelSub > div > div > div {text-align: center;}

div.img_painelSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        width: 43vw;
}

body > div.container.painelSub > div > div > div > img {  width: 41vw;
					                  height: auto;
                                                          text-align: center;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.painelSubTxt>p {font-size: 1vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.painelSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2vw;
                          
}




 }/* Final @media 1200px*/
 /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/