@font-face{
		font-family: "OpenSans-Regular";
    	src: url(arq/OpenSans-Regular.ttf);
	}

	body{
		font-family: "OpenSans-Regular";
		background:url(img/background.png);
		
	}

	a{
		color:#F0E74D;
		font-weight: bold;
		text-decoration: none;
	}
@media screen and (max-width: 320px) {
	h1,h2,h3,h4{
		color: #F0E74D;	
		font-size: 1.2em;
		text-align: center;	
	}
	
	#topo{
		max-width: 300px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte320.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 260px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;

	}
	.logo{
		width: 95%;	
		float:left;
		margin-left: 2.5%;
		padding-bottom: 1%;
		padding-top: 2%;
		margin-bottom: -20px;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 100%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
		margin: auto;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:auto;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 25%;
		text-align: center;
		font-size: 0.7em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		width: 33.3%;
		padding-top: 1%;
		padding-bottom: 1%;
		text-align: center;
		font-size: 0.8em;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color: ;
		margin: 0px;
		float:left;
		font-size: 0.8em;
	}

	iframe{
		width: 100%;
		height: auto;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 0%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box3{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box4{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
		margin-top: 2.5%;


	}
	.box5{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
		margin-left: 1.25%;
	}
	.box6{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box7{
		width: 97.25%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box7 li{color:white;
		text-align: left;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.6em;
		color:#E6E6E6;
		margin-top: 0.7%;
		text-align: center;
	}
	#rodape{
		max-width: 260px;
		width: 100%;
		height: 80px;
		background:url(img/final320.svg) no-repeat;
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 2%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
}	

@media screen and (min-width: 320px) {
		h1,h2,h3,h4{
		color: #F0E74D;	
		font-size: 1.2em;
		text-align: center;	
	}
	
	#topo{
		max-width: 300px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte320.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 260px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;

	}
	.logo{
		width: 95%;	
		float:left;
		margin-left: 2.5%;
		padding-bottom: 1%;
		padding-top: 2%;
		margin-bottom: -20px;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 100%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
		margin: auto;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:auto;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 0.6em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		width: 20%;
		padding-top: 1%;
		padding-bottom: 1%;
		text-align: center;
		font-size: 0.6em;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color: ;
		margin: 0px;
		float:left;
		font-size: 0.7em;
	}

	iframe{
		width: 100%;
		height: auto;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 0%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.85em;
	}
	.box3{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.85em;
	}
	.box4{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.85em;
		margin-top: 2.5%;

	}
	.box5{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.85em;
		margin-left: 1.25%;
	}
	.box6{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.85em;
	}
	.box7{
		width: 97.25%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box7 li{color:white;
		text-align: left;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.6em;
		color:#E6E6E6;
		margin-top: 0.7%;
		text-align: center;
	}
	#rodape{
		max-width: 260px;
		width: 100%;
		height: 80px;
		background:url(img/final320.svg) no-repeat;
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 2%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
}

@media screen and (min-width: 375px) {
	#topo{
		max-width: 355px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte375.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 315px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;

	}
	.logo{
		width: 95%;	
		float:left;
		margin-left: 2.5%;
		padding-bottom: 1%;
		padding-top: 2%;
		margin-bottom: -30px;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 100%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
		margin: auto;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:auto;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 0.7em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		width: 20%;
		padding-top: 1%;
		padding-bottom: 1%;
			font-size: 0.7em;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color:;
		margin: 0px;
		float:left;
		font-size: 0.8em;
	}

	iframe{
		width: 100%;
		height: auto;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 0%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box3{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box4{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
		margin-top: 2.5%;

	}
	.box5{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		margin-left: 1.25%;
		text-align: center;
	}
	.box6{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box7{
		width: 97.25%;
		float:left;
		text-align: center;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box7 li{color:white;
		text-align: left;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.6em;
		color:#E6E6E6;
		margin-top: 0.7%;
		text-align: center;
	}
	#rodape{
		max-width: 315px;
		width: 100%;
		height: 80px;
		background:url(img/final375.svg) no-repeat;
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 2%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
}

@media screen and (min-width: 414px) {
	#topo{
		max-width: 394px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte414.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 354px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;

	}
	.logo{
		width: 95%;	
		float:left;
		margin-left: 2.5%;
		padding-bottom: 1%;
		padding-top: 2%;
		margin-bottom: -20px;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 100%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
		margin: auto;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:auto;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 0.7em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		width: 20%;
		padding-top: 1%;
		padding-bottom: 1%;
		text-align: center;
		font-size: 0.8em;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color: ;
		margin: 0px;
		float:left;
		font-size: 0.8em;
	}

	iframe{
		width: 100%;
		height: auto;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 0%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box3{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box4{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
		margin-top: 2.5%;

	}
	.box5{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		margin-left: 1.25%;
		text-align: center;
	}
	.box6{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box7{
		width: 97.25%;
		float:left;
		text-align: center;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box7 li{color:white;
		text-align: left;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.6em;
		color:#E6E6E6;
		margin-top: 0.7%;
		text-align: center;
	}
	#rodape{
		max-width: 354px;
		width: 100%;
		height: 80px;
		background:url(img/final414.svg) no-repeat;
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 2%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
}
@media screen and (min-width: 600px) {
	#topo{
		max-width: 580px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte600.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 540px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;

	}
	.logo{
		width: 95%;	
		float:left;
		margin-left: 2.5%;
		padding-bottom: 1%;
		padding-top: 2%;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 100%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
		margin: auto;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:auto;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 1em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		width: 20%;
		padding-top: 1%;
		padding-bottom: 1%;
		text-align: center;
		font-size: 1em;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color: ;
		margin: 0px;
		float:left;
		font-size: 0.8em;
	}

	iframe{
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 0%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box3{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box4{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
		margin-top: 2.5%;

	}
	.box5{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		margin-left: 1.25%;
		text-align: center;
	}
	.box6{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: center;
	}
	.box7{
		width: 97.25%;
		float:left;
		text-align: center;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box7 li{color:white;
		text-align: left;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.6em;
		color:#E6E6E6;
		margin-top: 0.7%;
		text-align: center;
	}
	#rodape{
		max-width: 540px;
		width: 100%;
		height: 80px;
		background:url(img/final600.svg) no-repeat;
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 2%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
}
@media only screen and (min-width: 768px) {
	#topo{
		max-width: 748px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte768.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 708px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;

	}
	.logo{
		width: 95%;	
		height: auto;
		float:left;
		margin-left: 2.5%;
		padding-bottom: 1%;
		padding-top: 2%;
		margin-bottom: -50px;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 100%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
		margin: auto;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:auto;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 1.2em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		padding-top: 1%;
		width: 20%;
		padding-bottom: 1%;
		text-align: center;
		font-size: 0.8em;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color: ;
		margin: 0px;
		float:left;
		font-size: 0.8em;
	}

	iframe{
		width: 100%;
		height: 350px;
		overflow: hidden;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 0%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2%;
		margin-bottom: ;
		margin-top: 2%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 95%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: justify;
	}
	.box3{
		width: 45%;
		float:left;
		margin-right: 1.25%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: justify;
	}
	.box4{
		width: 45%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: justify;
		margin-top: 2.5%;

	}
	.box5{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		margin-left: 1.25%;
		text-align: justify;
	}
	.box6{
		width: 95%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		text-align: justify;
	}
	.box7{
		width: 97.25%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.8em;
	}
	.box7 li{color:white;
		text-align: left;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.6em;
		color:#E6E6E6;
		margin-top: 0.7%;
		text-align: center;
	}
	#rodape{
		max-width: 708px;
		width: 100%;
		height: 80px;
		background:url(img/final768.svg) no-repeat;
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 2%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
}
@media only screen and (min-width: 992px) {
	#topo{
		max-width: 972px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte992.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 932px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;


	}
	.logo{
		width: 47.5%;	
		float:left;
		margin-left: 2.5%;
		margin-bottom: 0.5%;
		padding-bottom: 1%;
		padding-top: 1%;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 48.8%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 1em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		width: 20%;
		padding-top: 1%;
		padding-bottom: 1%;
		text-align: center;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color: ;
		margin: 0px;
		float:left;
		font-size: 0.9em;
	}

	iframe{
		width: 100%;
		height: 600px;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2.5%;
		margin-bottom: ;
		margin-top: 1%;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 44%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2.5%;
		margin-bottom: ;
		margin-top: 1%;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 45%;
		float:left;
		margin-right: 2.5%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box3{
		width: 25%;
		float:left;
		margin-right: 2.5%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box4{
		width: 22.5%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box5{
		width: 48.75%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		margin-left: 2.5%;
	}
	.box6{
		width: 48.75%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box7{
		width: 100%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box7 li{color:white;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.6em;
		color:#E6E6E6;
		padding-bottom: 1%;
		padding-top: 1%;	
	}
	#rodape{
		max-width: 932px;
		width: 100%;
		height: 80px;
		background:url(img/final992.svg);
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 1%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
	/*FIM DO FORMULARIO*/
}

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

	#topo{
		max-width: 1200px;
		width: 100%;
		height: 20px;
		background:url(img/estandarte1200.svg);
		margin: auto;
	}
	#conteudo{
		max-width: 1160px;
		width: 100%;
		background-color: #000000;
		margin: auto;
		overflow: hidden;

	}
	.logo{
		width: 47.5%;	
		float:left;
		margin-left: 2.5%;
		padding-bottom: 1%;
		padding-top: 1%;
		margin-bottom: 0px;
	}
	/*NAVEGAÇÃO*/
	.nav_sup{
		width: 48.8%;	
		float:left;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.nav_sup ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		padding-top: 10%;
		color:#E6E6E6; 	
	}
	.nav_sup li{
		display:inline;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 1.3em;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.nav_sup a{
		color:#E6E6E6;
	}
	.nav_sup  a:hover{
		color:#F0E74D;
	}
	.nav_inf{
		width: 100%;	
		float:left;
		letter-spacing: 1px;
	}
	.nav_inf ul{
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		display: inline-block;
		margin-top: 0%;	
		color:#E6E6E6; 		
	}
	.nav_inf li{
		display:inline;
		float: left;
		width: 20%;
		padding-top: 1%;
		padding-bottom: 1%;
		text-align: center;
	}
	.nav_inf a{
		color:#E6E6E6;
	}
	.nav_inf  a:hover{
		color:#F0E74D;
	}

	/*FIM NAVEGAÇÃO*/

	.box1{
		width: 100%;
		background-color: ;
		margin: 0px;
		float:left;
		font-size: 0.9em;
	}

	iframe{
		width: 100%;
		height: 600px;
	}
	.mainbox1{
		width: 93%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2.5%;
		margin-bottom: ;
		margin-top: 1%;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
    .mainbox2{
		width: 44%;
		height: auto;
		overflow: hidden;
		background-color: #0F0F0F;
		float: left;
		margin-left: 2.5%;
		margin-bottom: ;
		margin-top: 1%;
		padding-top: 1%;
		padding-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;
		border: 2px dashed;
    	border-radius: 5px;
    	border-color: #333333;
    }
	.box2{
		width: 50%;
		float:left;
		margin-right: 2.5%;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box3{
		width: 22.5%;
		float:left;
		margin-right: 2.5%;
		text-align: center;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box4{
		width: 22.5%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box5{
		width: 48.75%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
		margin-left: 2.5%;
	}
	.box6{
		width: 48.75%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box7{
		width: 100%;
		float:left;
		text-align: justify;
		color:#E6E6E6;
		font-size: 0.9em;
	}
	.box7 li{color:white;}
	.creditos{
		width: 100%;
		float:left;
		font-size: 0.7em;
		color:#E6E6E6;
		padding-bottom: 1%;
		padding-top: 1%;	
	}
	#rodape{
		max-width: 1160px;
		width: 100%;
		height: 80px;
		background:url(img/final1200.svg);
		margin: auto;
	}
	/*FORMULARIO*/
	.dark-matter {
		width: 100%;
		font: 0.8em "OpenSans-Regular", Helvetica, Arial, sans-serif;
		color: #D3D3D3;text-shadow: 1px 1px 1px #444;
		border: none;border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.dark-matter label {display: block;}
	.dark-matter label>span { 
		float: left;
		width: 90%; 
		text-align: right;
	}
	.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
		border: none;color: #525252;
		height: 25px;
		line-height:15px;
		margin-top: 1%;
		outline: 0 none;
		width: 100%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter textarea{
		height:100px;
		width: 100%;
		font-family: "OpenSans-Regular";
	}
	.dark-matter .button {
		color:white;background: #c62a2c;
		border: none;padding: 10px 25px 10px 25px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 4px;
		font-weight: bold;
		margin-top: 2%;
	}
	.dark-matter .button:hover {
		color: #333;
		background-color: #FFCC02;
	}
	/*FIM DO FORMULARIO*/
}