@import url(https://fonts.googleapis.com/css?family=Raleway);
/*========= NORMALIZACAO ==========*/
	*{ 
		padding: 0px; 
		margin: 0px;
		border: none; 
	}

	.clear{ clear: both; }

/*=================BODY====================*/



/*===============CONTEUDO==================*/
	.content{
		width: 960px;
		margin: 0 auto;
		line-height: 25px;
		padding: 20px 10px;
		text-align: justify;
	}
	.content li a:link,
	.content li a:visited{
		color: black;
		font-weight: bold;
		text-decoration: none;
	}
	.content p a:link,
	.content p a:visited{
		color: #ec972b;
		font-weight: bold;
	}
	.content p:first-letter{
		margin-left: 40px;
	}
	.content p{
		margin: 10px auto;
	}
	.pg-programacao p:first-letter{
		margin-left: 0px;
	}
	.content .bold{
		margin: 15px auto;
		font-weight: bold;
	}
	.content .italic{
		font-style: italic;
	}
	.content h1:first-child{
		text-align: center;
	}
	.pg-programacao h2{
		text-align: center;
		margin: 20px auto;
	}
	

/****************Form-insc******************/
	#formpadrao{
		padding: 10px;
		width: 700px;
		margin: 0 auto;
	}
	.content #formpadrao p:first-letter{
		margin-left: 0px;
	}
	#formpadrao input[type=radio],
	#formpadrao input[type=checkbox]{
		cursor: pointer;
		height: 25px;
		width: 25px;
		display: inline-block;
		vertical-align: top;
		
	}
	#formpadrao .radio-aut{
		margin: 0 7px;
	}
	#formpadrao .mesa{
		margin-right: 7px;
	}
	#formpadrao .mesa, #formpadrao span{
		vertical-align: middle;
	}
	#formpadrao label{
		display: block;
	}
	#formpadrao .formulario{
		width: 98%;
		height: 30px;
		padding: 5px 1%;
		margin-bottom: 20px;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;
	}
	#formpadrao textarea{
	 	height: 100px !important;
	}
	#formpadrao #cep{
	 	width: 65%;
	}
	#formpadrao #input-cep,
	#formpadrao #btn-cep{
		display: inline-block;
		vertical-align: top;
	}
	#formpadrao #btn-cep{
		outline: none;
		border: none;
		margin-top: 0px;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;
		/*width: 30%;*/
		height: 40px;
		text-align: right;
		padding-right: 20px;
		/*background: url(../imagens/lupa-cep.png) no-repeat left center;*/
		background-size: auto 100%;
		background-color: #00BFFF;
		border-bottom: 3px solid #1E90FF;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
		width: 40px;
	}
	#formpadrao #btn-cep:hover{
		background-color: #4169E1;
	}
	#formpadrao #btn-cep:active{
		border-bottom: none;
		border-top: 3px solid #1E90FF;
	}

	#div-btns-insc{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding: 0;
	}
	.btn-form-insc{
		width: 50%;
		display: inline-block;
		vertical-align: top;
		margin: 0;
		outline: none;
		border: none;
		height: 40px;
		cursor: pointer;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: normal;
	}
	.btn-enviar{
		border-radius: 2px 0 0 2px;
		background-color: #00BFFF; 
		color: #fff;
		margin: 5px;
		width: 45%;
	}
	.btn-reset{
		border-radius: 0 2px 2px 0;
		background-color: #999;
		color: #fff;
	}
	.btn-form-insc:hover{
		opacity: 0.8;
	}
    


	.btn-voltar.btn-reset{
        width:150px;
        display: block;
        margin: 20px auto;

	}

/****************Opiniao********************/
	#img-senai{
		width: 100%;
		height: 150px;
		background: url(../imagens/img-senai.jpg) no-repeat left;
		background-size: auto 100%;
	}
/****************Encontros******************/
	.carousel-inner > .item > img,
  	.carousel-inner > .item > a > img {
    	display: block;
    	margin: 5% auto;
    	height: 90%;
	}
	.carousel-control {
	    filter: alpha(opacity=100);
	    opacity: 1;
	}
	.carousel-control.left, .carousel-control.right {
    	background-image: none;
    	background-image: none;
    	background-image: none;
   	  	background-image: none;
    	filter: none;
     	background-repeat: repeat-x; 
	}
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right, 
	.carousel-control .icon-next, 
	.carousel-control .icon-prev{
	    width: 50px;
	    height: 50px;
	}
	.glyphicon-chevron-left:before, 
	.glyphicon-chevron-right:before{
	    display: none;
	}
	.glyphicon-chevron-left{
	    background: url(../imagens/prev.png) no-repeat center left;
	    background-size: 100% auto;
	}
	.glyphicon-chevron-right{
	    background: url(../imagens/next.png) no-repeat center left;
	    background-size: 100% auto;
	}
	.carousel-indicators {
	    bottom: 0px;
	    left: 50%;
	    margin-top: 50px;
	}
	.carousel-indicators li {
	    width: 20px;
	    height: 20px;
	    margin: 0px;
	    background-color: #f7931e;
	    background-color: #f7931e;
	    border: none;
	}
	.carousel-indicators .active {
	    width: 16px;
	    height: 16px;
	    margin: 0;
	    background-color: transparent;
	    border: 2px solid #f7931e;
	}
	.h1-galery{
		font-size: 16px;
		display: block;
		width: 100%;
		min-height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #6e214e;
		color: #fff;
		cursor: pointer;
		margin: 35px auto;
	}
	.content .carousel-active{
		display: block;
	}
	.carousel{
		display: none;
	}

	/*============CONTEUDO-LOGIN===============*/
	#box-login{
		width: 470px;
		height: 300px;
		margin: 50px auto 80px auto;
		background-color: #ccc;
		border-radius: 2px;
	}
	.div-usuario, .div-senha, .input-login{
		display: inline-block;
		vertical-align: top;
		height: 30px;
		border: none;
	}
	.input-login{
		width: 240px;
		padding: 5px;
		font-size: 22px;
		color: #777;
	}
	.input-login:focus{
		border: none;
		outline: none;
	}
	.div-usuario, .div-senha{
		width: 50px;
		height: 40px;
		border-radius: 30px 0 0 30px;
	}
	.div-usuario{
		background: url(../imagens/user.png) no-repeat center;
		background-size: auto 60%;
		background-color: #f7931e;
	}
	.div-senha{
		background: url(../imagens/lock.png) no-repeat center;
		background-size: auto 60%;
		background-color: #f7931e;
	}
	#usuario, #senha{
		width: 300px;
		margin: 20px auto 0 auto;
	}

	.content > h1{
		text-align: center;
		font-weight: normal;
		display: block;
	}
	#div-btns-logar{
		width: 300px;
		margin: 20px auto;
		text-align: center;
		padding: 0;
	}
	.btn-logar, .btn-reset{
		width: 50%;
		display: inline-block;
		vertical-align: top;
		margin: 10px 0;
		outline: none;
		border: none;
		height: 40px;
		cursor: pointer;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: normal;
		border-radius: 5px;
	}
	.btn-logar{
		border-radius: 2px 0 0 2px;
		background-color: #6e214e; 
		color: #fff;
	}
	.btn-reset{
		border-radius: 0 2px 2px 0;
		background-color: #00BFFF;
		color: #fff;
		margin: 5px;
		width: 45%;
	}
	.btn-logar:hover,
	.btn-reset:hover{
		opacity: 0.8;
	}
/*============Area-Restrita================*/


	.required-input{
		color: #f00;
		font-size: 30px;
	}
	#formpadrao fieldset{
		padding: 20px;
		background-color: #b5cedc;
		margin: 10px 0px;
	}
	#formpadrao fieldset legend{
		font-size: 24px;
		font-weight: bold;
	}
/*================FOOTER===================*/

/*===============CONTRASTE=================*/
	.contraste{ 
		background-color: #000; 
		color: #FFF; 
	}
	.contraste .content a:link,
	.contraste .content a:visited{
		color: #fff;
	}
	.contraste #menu a:link{ 
		color: #FFF; 
	}
	.contraste #menu a:visited{ 
		color: #FFF; 
	}
	.contraste .acessibilidade input{ 
		background-color: #FFF; color: #000; 
	}
	.contraste .acessibilidade .img-acessib{
		background: url(../imagens/acessibilidade-icon-contraste.png) no-repeat center;
	}

	.contraste nav{ 


	.contraste .ul-menu .ativo, 
	.contraste .ul-menu .ativo:hover{
		color: #fff;
		background-color: #777;
	}
	.contraste .ativo a:link, 
	.contraste .ativo a:visited{
		color: #fff;
	}
	.contraste #rodape #img-bandeira{
		background: url(../imagens/rodape-bandeira-contraste.png) no-repeat left bottom;
	}
	.contraste #rodape #img-secretaria{
		background: url(../imagens/rodape-secretaria-contraste.png) no-repeat center;
		background-size: 100% auto;
	}


 




/*=============MEDIA QUERIES===============*/

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

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 960px) {
	.menu_fixo .contraste menu{
		-webkit-box-shadow: 0px 10px 15px 0px rgba(255, 255, 255, .3);
  		   -moz-box-shadow: 0px 10px 15px 0px rgba(255, 255, 255, .3);
  				box-shadow: 0px 10px 15px 0px rgba(255, 255, 255, .3);
	}
	menu{
		display: block;
		height: 60px;
		width: 100%;
		background-color: #fff;
	}
	/*************Menu hamburger*************/
	.c-hamburger {
	    display: block;
	    position: relative;
	    overflow: hidden;
	    margin: 0 0 0 0px;
	    padding: 0;
	    width: 66px;
	    height: 60px;
	    font-size: 0;
	    text-indent: -9999px;
	    appearance: none;
	    box-shadow: none;
	    border-radius: none;
	    border: none;
	    cursor: pointer;
	    background-color: transparent;
	}

	.c-hamburger:focus {
	    outline: none;
	}
	.c-hamburger span {
	    display: block;
	    position: absolute;
	    top: 27px;
	    left: 10px;
	    right: 10px;
	    height: 6px;
	    background: white;
	    background-color: #ec972b;
	}

	.c-hamburger span::before,
	.c-hamburger span::after {
	    position: absolute;
	    display: block;
	    left: 0;
	    width: 100%;
	    height: 6px;
	    background-color: #6e214e;
	    content: "";
	}

	.contraste .c-hamburger span,
	.contraste .c-hamburger span::before,
	.contraste .c-hamburger span::after{
	    background-color: #000;
	}

	.c-hamburger span::before {
	    top: -16px;
	}

	.c-hamburger span::after {
	    bottom: -16px;
	}

	.c-hamburger--htx span {
	    transition: background 0s 0.3s;
	}

	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	    transition-duration: 0.3s, 0.3s;
	    transition-delay: 0.3s, 0s;
	}

	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}

	.c-hamburger--htx span::after {
	    transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {
	    /*background-color: #000;*/
	}

	.c-hamburger--htx.is-active span {
	    background: none;
	}

	.c-hamburger--htx.is-active span::before {
	    top: 0;
	    transform: rotate(45deg);
	}

	.c-hamburger--htx.is-active span::after {
	    bottom: 0;
	    transform: rotate(-45deg);
	}

	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	    transition-delay: 0s, 0.3s;
	}
	nav, .contraste nav{
		border-top: none;
	}
overflow: auto;
	}

	.ul-menu{
		height: 100%; 
		overflow: auto;
	}
	.menu-ativo nav{
		left: 0px;
	}
	nav, .menu-ativo nav{
		-webkit-transition: .5s;
	       -moz-transition: .5s;
	            transition: .5s;
	}
	.ul-menu li.link{ 
		list-style: none; 
		display: block; 
		width: 100%;
	}
	/**************header**************/
	header, .contraste header{
		background-size: 60% auto;
		background-color: #eee;
	}
	/**************footer**************/
	footer #rodape{ 
		width: 100%; 
	}
	/*************content**************/
	.content{
		width: 96%;
		line-height: 25px;
		padding: 20px 2%;
	}
	.carousel-indicators {
	    bottom: -20px;
	}
}

@media screen and (max-width: 768px) {
	.h1-galery{
		min-height: 50px;
		line-height: 30px;
	}
}

@media screen and (max-width: 600px) {
	header{
		background-size: 80% auto;
	}
	#formpadrao{
		padding: 0px;
		width: 96%;
		margin: 0 auto;
	}
	/*#formpadrao input[type=radio],
	#formpadrao input[type=checkbox]{
		width: 15px;
		height: 15px;
	}*/
	.carousel-control.left, 
	.carousel-control.right{
	   display: none;
	}
}

@media screen and (max-width: 480px) {
	footer #rodape #img-bandeira, 
	.contraste #rodape #img-bandeira{
		width: 100px;
		background-size: 100% auto;
	}
	footer #rodape #img-secretaria,
	.contraste #rodape #img-secretaria{
		width: 200px;
		background-size: 100% auto;
	}
	header, .contraste header{
		background-size: 90% auto;
	}
	.acessibilidade .img-acessib, 
	.contraste .acessibilidade .img-acessib{
		width: 130px;
		height: 50px;
		background-size: 100% auto;
	}
	#formpadrao #cep{
	 	width: 50%;
	}
	#formpadrao #btn-cep{
		width: 45%;
		padding-right: 15px;
	}
	#img-senai{
		background-size: 100% auto;
	}
	.carousel-indicators {
	    bottom: -30px;
	}
	.carousel-inner > .item > img,
  	.carousel-inner > .item > a > img {
    	height: auto;
	}
}

@media screen and (max-width: 320px) {

}
@media only screen and (orientation:landscape){
	.ul-menu  { 
		height: 150px; 
		overflow: auto; 
		top: 5px; 
	}
}

/****************formulario********************/
.pt1{
	/*margin-left: -10%;*/
	width: 300px;
}
.pt2{
	margin-top: -88%;
	margin-left: 50%;
	width: 300px;
}


.col1{
	width: 200px;
	margin-right: -20%;
}
.col2{
	width: 200px;
	margin-top: -65%;
	margin-left: 36%;
}
.col3{
	width: 200px;
	margin-top: -64%;
	margin-left: 71%;
}
.col3 #btn-cep{
	background: url(../imagens/lupa-cep.png) no-repeat left center;
}

#campo-email {
    height: 30px;
    padding: 5px 1%;
    margin-bottom: 20px;
	margin-top:20px;
	width: 40%;
	font-size: 14px;
}
#botao-enviar-cpf {
    border: 1px solid #f7931e;
    background: #f7931e;
    padding: 10px 15px 10px 15px;
    color: white;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    border-radius: 3px;
	width: 15%;
	margin:10px;
}
h4 {
    text-align: center;
    margin-top: 30px;
}