@font-face {
  font-family: 'Museo Sans 100';
  src: url('../fonts/MuseoSans-100.eot');
  src: url('../fonts/MuseoSans-100.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-100.woff') format('woff'),
    url('../fonts/MuseoSans-100.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans 300';
  src: url('../fonts/MuseoSans-300.eot');
  src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-300.woff') format('woff'),
    url('../fonts/MuseoSans-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans 500';
  src: url('../fonts/MuseoSans-500.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Slab 500';
  src: url('../fonts/MuseoSlab-500.eot');
  src: url('../fonts/MuseoSlab-500.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSlab-500.woff') format('woff'),
    url('../fonts/MuseoSlab-500.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}




*{padding: 0px; margin: 0px; list-style: none; border: 0px; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-modify: read-only; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}


/* geral */
img{border: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.corte{clear: both;}
/* ===================================== */

body{color: #444444; background: #fff;}

#menu{background: #68b1bf; position:fixed; top: 0; z-index: 999999999; padding: 16px 0; width: 100%;}
#menu section{width: 1000px; margin: auto;}
#menu section ul li{float: left; font-size: 15px; font-family: 'Museo Sans 500'; text-transform: uppercase; color: #343644;
padding: 0 16px;}
#menu section ul li a{text-decoration: none; color: #343644;}
#menu section ul li a:hover{color: #fff;}

#congresso{background: #343644; padding: 120px 0 120px}
	#congresso section{width: 1000px; margin: auto;}
	#congresso section h1{float: left;}
	#congresso section .textoSobre{width: 420px; text-align: justify; float: right}
	#congresso section .textoSobre h2{font-size: 35px; font-family: 'Museo Sans 500'; text-transform: uppercase; color: #68b1bf; margin-bottom: 20px;}
	#congresso section .textoSobre p{font-size: 13px; font-family: 'Museo Sans 500'; color: #68b1bf; line-height: 22px; margin-bottom: 30px;}

#programacao{background: #68b1bf; padding: 100px 0 80px}
	#programacao section{width: 1000px; margin: auto;}
	#programacao section h2{font-size: 32px; font-family: 'Museo Sans 300'; text-transform: uppercase; color: #412b3f; margin-bottom: 30px;}
	#programacao section p{font-size: 14px; font-family: 'Museo Sans 300'; color: #3a3b45; line-height: 25px; margin-left: 10px}
	#programacao section p strong{text-transform: uppercase; font-family: 'Museo Sans 500';}

#inscricoes{background: #eb7468; padding: 120px 0 120px}
	#inscricoes section{width: 1000px; margin: auto;}
	#inscricoes section h3{float: left;}
	#inscricoes section .formulario{float: right; width: 650px}
	#inscricoes section .formulario h2{font-size: 30px; font-family: 'Museo Sans 100'; text-transform: uppercase; color: #fff; margin-bottom: 20px;}
	
	#inscricoes section .formulario form .u-full-width{width: 650px; background: #68b1bf; padding: 10px 15px; font-size: 15px; font-family: 'Museo Sans 300'; color: #FFFFFF; border-radius: 50px; margin-bottom: 15px}

	#inscricoes section .formulario form .button{width: 150px; background: #68b1bf; padding: 10px 0; font-size: 15px; font-family: 'Museo Sans 300'; color: #FFFFFF; border-radius: 40px; text-transform: uppercase; cursor: pointer;}
	
	*::-webkit-input-placeholder {color: #fff;}
	*:-moz-placeholder {/* FF 4-18 */ color: color: #fff;}
	*::-moz-placeholder {/* FF 19+ */ color: color: #fff;}
	*:-ms-input-placeholder {/* IE 10+ */ color: color: #fff;}

#instig{background: #e3b64c; padding: 100px 0 80px}
	#instig section{width: 1000px; margin: auto;}
	#instig section h2{font-size: 35px; font-family: 'Museo Sans 500'; text-transform: uppercase; color: #412b3f; margin: 60px 0 30px 100px}
	#instig section p{font-size: 14px; font-family: 'Museo Sans 300'; color: #000000; line-height: 25px; margin-left: 100px;}

#associados{background: #5f6063; padding: 100px 0 80px}
	#associados section{width: 1000px; margin: auto;}
	#associados section img{float: left;}
	#associados section p{width: 420px; float: right; font-size: 14px; font-family: 'Museo Sans 500'; color: #68b1bf; line-height: 25px;}


footer .rodape{width: 1000px; margin: auto; background: #fff; padding: 20px 0;}
footer .rodape section{float: left; margin: 0 25px; font-size: 13px; font-family: 'Museo Sans 300'; color: #333333; line-height: 20px;}
footer .rodape section p a{text-decoration: none; color: #000}
footer .rodape section p strong a:hover{color: #ff5e00}
footer .rodape .endereco{border-left: 1px solid #999999; padding-left: 40px;}
footer .rodape .selo{float: right; margin: 20px 0 0;}




@media only screen and (min-width: 360px) and (max-width: 768px){


	#menu{display: none;}


	.safona .itemMenu{display: block; background: #68b1bf; padding: 16px 0; width: 100%; font-size: 16px; font-family: 'Museo Sans 500'; text-transform: uppercase; color: #343644; text-align: center; cursor: pointer; text-decoration: none; border-bottom: 1px solid #50929f}
	.safona .conteudoMenu{background: #68b1bf; width: 100%; font-size: 15px; font-family: 'Museo Sans 500'; text-transform: uppercase; color: #343644; padding: 20px 0;}
	.safona .conteudoMenu a{display: block; margin: 12px 0; text-align: center; text-decoration: none; color: #343644;}
	.safona .conteudoMenu a:hover{color: #fff;}


	#congresso{background: #343644; padding: 60px 20px 120px}
		#congresso section{width: 100%; margin: auto;}
		#congresso section h1{float: none; text-align: center; margin-bottom: 60px;}
		#congresso section h1 img{width: 320px;}
		#congresso section .textoSobre{width: 100%; text-align: center; float: none;}
		#congresso section .textoSobre p{text-align: justify; font-size: 15px;}
		#congresso section .textoSobre img{width: 320px;}


	#programacao{background: #68b1bf; padding: 60px 20px 80px}
		#programacao section{width: 100%; margin: auto;}
		#programacao section h2{font-size: 24px;}


	#inscricoes{background: #eb7468; padding: 60px 20px 120px}
		#inscricoes section{width: 100%; margin: auto;}
		#inscricoes section h3{float: none; display: none;}
		#inscricoes section .formulario{float: none; width: 100%;}
		#inscricoes section .formulario h2{font-size: 28px; font-family: 'Museo Sans 100'; text-transform: uppercase; color: #fff; margin-bottom: 20px;}
		
		#inscricoes section .formulario form .u-full-width{width: 100%; background: #68b1bf; padding: 15px; font-size: 15px; font-family: 'Museo Sans 300'; color: #FFFFFF; border-radius: 50px; margin-bottom: 15px}
		#inscricoes section .formulario form .button{width: 100%; background: #68b1bf; padding: 15px 0; font-size: 15px; font-family: 'Museo Sans 300'; color: #FFFFFF; border-radius: 40px; text-transform: uppercase; cursor: pointer;}
		
		*::-webkit-input-placeholder {color: #fff;}
		*:-moz-placeholder {/* FF 4-18 */ color: color: #fff;}
		*::-moz-placeholder {/* FF 19+ */ color: color: #fff;}
		*:-ms-input-placeholder {/* IE 10+ */ color: color: #fff;}

	#instig{background: #e3b64c; padding: 80px 20px 80px}
		#instig section{width: 100%; margin: auto;}
		#instig section h2{font-size: 35px; font-family: 'Museo Sans 500'; text-transform: uppercase; color: #412b3f; margin: 60px 0 30px 0;}
		#instig section p{font-size: 14px; font-family: 'Museo Sans 300'; color: #000000; line-height: 25px; margin-left: 0;}

	#associados{background: #5f6063; padding: 80px 20px 80px}
		#associados section{width: 100%; margin: auto;}
		#associados section img{float: none; margin-bottom: 40px; width: 320px;}
		#associados section p{width: 100%; float: none; font-size: 14px; font-family: 'Museo Sans 500'; color: #68b1bf; line-height: 25px;}


	footer .rodape{width: 100%; margin: auto; background: #fff; padding: 40px 20px;}
	footer .rodape section{float: none; margin: 0 0 20px; text-align: center; font-size: 13px; font-family: 'Museo Sans 300'; color: #333333; line-height: 20px;}
	footer .rodape section p a{text-decoration: none; color: #000}
	footer .rodape section p strong a:hover{color: #ff5e00}
	
	footer .rodape .endereco{border-left: none; padding-left: 0;}
	footer .rodape .selo{float: none; margin: 0px;}

}