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


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

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

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

}

/* Formatação das Imagens  e texto*/

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

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



/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.enveloparSubTxt>h4 {text-align: center;
					         margin: auto;
}

section.enveloparSubTxt>p { font-size: .9vw;
						 text-align: center;
}

section.enveloparSubTxt>p>b{color: red;
					     font-weight: 800;
}




/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - Pagina ENVELOPAR -------------*/

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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




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

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

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

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

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

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

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




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

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

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

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

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

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

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


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

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

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

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

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

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




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






/* Estilo da pagina TROQUECOR */


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

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

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

}

/* Formatação das Imagens  e texto*/

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

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



/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.trocarSubTxt>h4 {text-align: center;
					               margin: auto;
}

section.trocarSubTxt>p {  font-size: .9vw;
						              text-align: center;
}

section.trocarSubTxt>p>b{color: red;
					               font-weight: 800;
}


/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - PAGINA TROQUE A COR -------------*/

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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




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

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

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

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

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

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

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




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

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

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

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

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

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

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


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

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

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

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

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

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




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