/* ESTILO BANNER EM LONA */

* { 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.bannerSub>h3{ text-align: center;
             		  padding-top: 2vw;
             		  color: darkorange;
             		  font-size: 2vw;
 }

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

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

}

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

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

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

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

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

section.bannerSubTxt>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 - BANNER 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.bannerSub > h3  { margin-top: 3vw;
 		                        font-size: 4.8vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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

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


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

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

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

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

section.bannerSubTxt>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.bannerSub > h3{ margin-top: 3vw;
 		                      font-size: 4.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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

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

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

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

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

section.bannerSubTxt>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.bannerSub > h3 { margin-top: 3vw;
 		                       font-size: 4vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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

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

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

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

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

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

section.bannerSubTxt>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.bannerSub > h3{ margin-top: 3vw;
 		                      font-size: 3.7vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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

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


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

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

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

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

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

section.bannerSubTxt>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.bannerSub > h3{ margin-top: 1vw;
 		                      font-size: 3.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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




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

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

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

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

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

section.bannerSubTxt>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.bannerSub > h3{ margin-top: 1vw;
 		                      font-size: 3vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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




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

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

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

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

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

section.bannerSubTxt>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.bannerSub > h3{ margin-top: 1vw;
 		                                 font-size: 2.2vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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


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

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

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

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

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

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




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



/* ESTILO BANNER EM TECIDO */

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

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

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

}

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

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

}
body > div.container.tecidoSub > div > div > div > img {  width: 36.5vw;
					     								                            height: auto;
}


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

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


/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - BANNER EM TECIDO -----------------*/

/* 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.tecidoSub > h3  { margin-top: 3vw;
 		                        font-size: 5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */
body > div.container.tecidoSub > nav > ul > li>a{ font-size: 2.7vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.tecidoSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

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

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

body > div.container.tecidoSub > div > div > div > img {  width: 80vw;
					                   height: auto;
}

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

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

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


} /* 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.tecidoSub > h3{ margin-top: 3vw;
 		                      font-size: 4.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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

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

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

body > div.container.tecidoSub > div > div > div > img {  width: 80vw;
					                   height: auto;
}

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

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

section.tecidoSubTxt>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.tecidoSub > h3 { margin-top: 3vw;
 		                       font-size: 4vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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

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

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

body > div.container.tecidoSub > div > div > div > img {  width: 80vw;
					                   height: auto;
}

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

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

section.tecidoSubTxt>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.tecidoSub > h3{ margin-top: 1vw;
 		                      font-size: 3.7vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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

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


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

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

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

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

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

section.tecidoSubTxt>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.tecidoSub > h3{ margin-top: 3vw;
 		                      font-size: 3.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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




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

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

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

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

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

section.tecidoSubTxt>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.tecidoSub > h3{ margin-top: 1vw;
 		                      font-size: 3vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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




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

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

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.tecidoSubTxt>p { font-size: 1.3vw;
			                   text-align:center;
                         margin-top: 1vw;
}

section.tecidoSubTxt>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.tecidoSub > h3{ margin-top: 1vw;
 		                                 font-size: 2.2vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

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


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

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

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

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

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

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




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