/* LARGURA REAL DOS ELEMENTOS *********************************************************/
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		margin: 0;
		padding: 0;
}



/* SEPARA OS ELEMENTOS FLOATS *********************************************************/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}

/* CONTEÚDO *****************************************************************************/
body{ font-family: 'PT Sans', sans-serif; margin: 0; padding: 0; }

h1{	font-size:40px; font-weight:300; letter-spacing:-2.5px; line-height:120%; }
	
h2{	font-size:32px; font-weight:300; letter-spacing:-2px; line-height:120%; }

h3{	font-size:26px; font-weight:300; letter-spacing:-1px; line-height:120%; }
	
h4{	font-size:20px; font-weight:300; letter-spacing:-0.5px; line-height:130%; }

h5{	font-size:16px; font-weight:300; letter-spacing:0; line-height:140%; }

h6{	font-size:12px; font-weight:400; letter-spacing:0; line-height:120%; }
	
.container{ width:95%; max-width:1200px; margin:0 auto; }

.container-page{ width:95%; max-width:1100px; min-height:200px; margin:0 auto; }

.container-fotos{ width:95%; max-width:700px; margin:0 auto; }
	
.tarja{	float:left; width:100%; padding:20px 0; }
	
	
/* MENU TOP *****************************************************************************/
.top{ float:left; width:100%; padding:0; background:#fff; box-shadow:0 0 5px #000; z-index:999999; }

.logo a{ float:left; margin:10px 0; width:174px; height:90px; background:url('../imagens/logo.png') center center no-repeat; background-size:100%; }

.menu{ float:right; margin-top:45px; }
.bt-menu{ margin:0; padding:5px 10px; border:0; border-radius:5px; font-family:'PT Sans Narrow', sans-serif; font-size:20px; color:#000;
		  letter-spacing:-0.5px; font-weight:400; background:transparent; cursor: pointer; transition: all 150ms linear; }
.bt-menu:hover{ color:#fff; background:#e20613; }
		  
.bt-login{ margin:0 0 0 10px; padding:5px 15px; border:1px solid #000; border-radius:3px; font-family:'PT Sans', sans-serif; font-size:18px; font-weight:700; color:#000;
		   background:transparent; cursor:pointer; transition:all 150ms linear; }
.bt-login:hover{ color:#fff; background:#000; }
#bt-loginPQ{ display:none; }

.bt-menu-sindicalizacao{ margin-left:15px; border:0; border-radius:15px; padding:5px 10px; color:#fff; font-size:12px; background:#6db590; 
							 cursor: pointer; transition: all 150ms linear; }
.bt-menu-sindicalizacao:hover{ box-shadow:0 0 10px #999; }

.menuPQ{ float:right; display:none; margin-top:40px; width:500px; }
.nav1{ list-style:none; font:20px 'PT Sans', serif; font-weight:400; letter-spacing:-1px; margin:0; padding: 0; }

.nav1 li{ float: right; position: relative; z-index:9999; }
.nav1 li a:link,
.nav1 li a:visited{ display:block; padding:0; text-decoration:none; color:#fff; margin-left:20px; background:transparent; transition:all 200ms linear; }
.nav1 li:hover a,
.nav1 li a:active,
.nav1 li a:hover{ display: block; }
.submenu1{ margin:0; list-style:none; display:none; width:270px; position:absolute; top:35px; left:-200px; }
.nav1 li:hover .submenu1{ display:block; box-shadow:0px 5px 8px #000;-webkit-box-shadow:0px 5px 8px #000; }
.submenu1 li a:link,
.submenu1 li a:visited{ display:block; padding:12px 25px; background:#fff; text-decoration:none; width:270px; color:#000; border-top:1px solid #6e5247; }
.submenu1 li:hover a,
.submenu1 li a:active,
.submenu1 li a:hover{ display:block; background:#000; color:#fff; }

#pop-login{ position:fixed; top:15%; left:50%; margin:-75px 0 0 -200px; width:400px; border-radius:5px; padding:30px 40px 10px 40px; text-align:left; background:#fff;
		    box-shadow:0px 0px 20px #000000; display:none; z-index:99999;	}
			
#input-login{ width:100%; }


/* HOME *****************************************************************************/
.banner{ float:left; margin:0; width:100%; min-height:350px; background:url('../imagens/bannercidade.jpg') top center no-repeat; background-size:1920px 350px; }
.banner-txt{ float:left; margin:40px 0 0 0; width:40%; font-weight:700; letter-spacing:-1px; line-height:120%; }

.temas-destaque{ float:left; margin:40px 0 10px 5%; width:55%; background:#35c68b; }
.temas-destaque-itens{ width:100%; border-bottom:1px solid #000; padding:10px 25px; }
.leiamais{ text-decoration:none; color:#fcc97d; }
.leiamais:hover{ text-decoration:underline; }

.destaques{ float:left; width:99.7%; padding:5px 0; text-align:right; font-size:18px; font-weight:600; }

.bt-destaque{ margin:15px 0; padding:10px 30px; border:1px solid #000; border-radius:5px; font-family:'PT Sans Narrow', sans-serif; font-size:16px; color:#000; font-weight:600;
			 background:transparent; cursor: pointer; transition: all 150ms linear; }
.bt-destaque:hover{ margin:5px 0; padding:20px 40px; color:#fff; background:#000; }

.artigos-destaque{ float:left; margin:-1px -1px 0 0; width:33.3%; border:1px solid #cacaca; padding:30px 40px; text-align:left; background:#fff; }
.artigos-destaque-img{ width:100%; height:160px; margin-bottom:10px; }

.bt-leiamais{ margin:10px 2px; padding:4px 8px; border:1px solid #134a6f; border-radius:5px; font-family: 'Ubuntu', sans-serif; font-size:10px; color:#fff; font-weight:600;
			 background:#e20613; cursor: pointer; transition: all 150ms linear; }
.bt-leiamais:hover{ background:#850406; }

#tarja-cursos{ padding:50px 0; background:#f1f2f2; }
#inscricao-formPQ{ display:none; }
.cursos{ float:left; width:90%; margin:0 5% 20px 5%; border-top:1px solid #cacaca; padding:20px 40px 20px 20px; }
.cursos-data{ float:left; margin:-25px 0 0 -25px; padding:5px 10px; font-size:16px; font-weight:700; color:#fff; background:#35c68b; }

.agenda-home{ float:left; width:100%; padding:20px; background:#e6e7e9; }
.agenda-home-tit{ float:left; width:16%; text-align:left; font-size:20px; font-weight:700; }
.agenda-home-ite{ float:left; width:28%; border-left:1px solid #000; padding:0 1%; text-align:left; font-size:20px; font-weight:700; }

.bt-acessar{ margin:10px 2px; padding:2px 5px; border:1px solid #134a6f; border-radius:5px; font-family: 'Ubuntu', sans-serif; font-size:10px; color:#fff; font-weight:600;
			 background:#999; cursor: pointer; transition: all 150ms linear; }
.bt-acessar:hover{ background:#cacaca; }

.cadastro-home{ float:left; margin-left:5%; width:30%; padding:20px 20px 40px 20px; }	
	
	
/* PAGES *****************************************************************************/
.banner-page{ float:left; width:100%; height:100px; padding-top:40px; font-size:40px; color:#fff; font-weight:700; text-shadow:1px 1px 1px #000; 
			  background:#cacaca; } 
			  
.pesquisa{ float:right; margin-top:-5px; width:350px; text-align:right; }
.pesquisa-input{ font-family:'PT Sans', sans-serif; padding:6px 10px; border:1px solid #999; border-radius:3px; font-size:18px; font-weight:300; }
.pesquisa-button{ margin-left:-10px; font-family:'PT Sans', sans-serif; padding:6px 10px; border:1px solid #999; border-radius:3px; font-size:18px; font-weight:300; }
.pesquisa-button:hover{ color:#fff; background:#cc0000; }

.ilustra{ margin:0 0 20px 40px; width:500px; }

.artigos{ float:left; margin:10px 0; width:100%; border-bottom:1px solid #175781; padding:10px 50px 20px 50px; text-align:left; font-size:18px; }
.artigos img{ margin:5px 20px 5px 0; width:200px; max-height:200px; }
.artigos-imgPG{ margin:5px 0 5px 20px; width:400px; max-height:400px; }

.assuntos{ float:left; width:100%; border:1px solid #999; padding:20px 20px 15px 20px; }
.bt-assunto, .bt-assuntoON{ margin:0 25px 5px 0; border:0; color:#999; font-size:19px; font-weight:700; background:transparent; cursor: pointer; transition: all 150ms linear; }
.bt-assuntoON{ color:#e20613; }
.bt-assunto:hover{ color:#e20613; }
.temas{ width:100%; padding:15px 20px; background:#f1f2f2; }

.menuheader{ float:left; width:100%; margin-top:2px; border:1px solid #999; cursor:pointer; }

.cadastro{ float:left; margin:0 2%; width:46%; border:1px solid #000; padding:20px 50px; text-align:center; }
.cadastro2{ float:left; margin:0 10% 15px 10%; width:80%; border:1px solid #000; padding:20px 50px; text-align:center; background:#f6f6f6; }
.cadastroPQ{ float:left; display:none; margin:0 10% 15px 10%; width:80%; border:1px solid #000; padding:20px 50px; text-align:center; }

.calendario{ float:left; width:100%; border:1px solid #000; }
.calendario-mes{ float:left; width:100%; padding:5px 10px; text-align:center; color:#fff; font-size:20px; background:#cc0000; }
.calendario-dias{ float:left; width:100%; padding:10px; }
.calendario-dia{ float:left; margin:0 -1px -1px 0; width:14.28%; height:65px; border:1px solid #999; padding:5px; text-align:left;  }

.bt-calendario{ border:0; border-radius:3px; padding:2px 10px; color:#fff; font-size:20px; background:transparent; }
.bt-calendario:hover{ color:#cc0000; background:#fff; }

#pop-evento{ position:fixed; top:15%; left:50%; margin:-75px 0 0 -300px; width:600px; border-radius:5px; padding:30px 40px; text-align:left; background:#fff;
		    box-shadow:0px 0px 20px #000000; display:none; z-index:99999;	}
			
#Frame{ width:475px; height:160px; frameborder:0; border:0; }

.iframe-evento{ width:320px; height:50px; frameborder:0; border:0; }

.videos{ float:left; width:32%; margin:10px 0.65%; }
.videos-tit{ width:100%; padding:10px 15px; color:#fff; font-size:20px; background:#cc0000; }
.videos-txt{ width:100%; padding:10px 15px; font-size:16px; background:#f1f2f2; }
.videos img{ width:100%; }

.iframe-login{ width:320px; height:255px; frameborder:0; border:0; }
#input-login{ width:100%; }


/* PAGINAÇÃO *****************************************************************************/
.paginacao{ float:left; width:100%; padding:0; font-size:16px; }
.bt-paginacao{margin:10px 2px; border:1px solid #000; border-radius:3px; padding:5px 10px; font-family:'Ubuntu', sans-serif; color:#000; font-size:12px;
		 font-weight:700; background:transparent; cursor:pointer; transition:all 200ms linear;}		 
.bt-paginacao:hover{color:#fff; background:#000;}


/* FALE CONOSCO *****************************************************************************/
.formulario{ width:90%;	max-width:900px; margin:20px auto; padding:0 50px; text-align:center; background:#fff; }
input, textarea, select{ font-family:'PT Sans', sans-serif; width:100%; margin:2px 0; padding:10px 15px; border:1px solid #999; border-radius:3px; font-size: 18px; font-weight:300; }
#input50{ width:49%; margin:0.5%; }
#input30{ width:32%; margin:0.5%; }

.robo{ float:left; width:100%; margin:2px 0; padding:5px 15px; border:1px solid #999; border-radius:3px; text-align:center; font-size:18px; background:#f1f2f2; }
	
.bt-form{ margin:2px 0; width:100%; padding:10px 15px; border:1px solid #000; border-radius:3px; color:#000; font-weight:700; background:transparent;
		  cursor:pointer; transition:all 150ms linear; }
.bt-form:hover{ color:#fff; background:#000; }


/* COPYRIGHT *****************************************************************************/
.bottom{ float:left; marging:0; width:100%; border-top:1px solid #e6e7e8; padding:30px 0; background:url('../imagens/fd-bottom.jpg') #f2f2f2; text-shadow:1px 1px 1px #fff; }

#razao2{ display:none; }

.ft-email{ margin:10px 0; color:#000; }
.ft-email:hover{ color:#12ad9d; }

.copyright{ float:left; margin:0; width:100%; padding:20px 0; text-align:center; font-size:9px; font-weight:400; color:#cacaca; background:#000; }

.bt-redes{ width:45px; height:45px; border:0; margin:15px 10px 0 10px; opacity:0.3; cursor: pointer; transition: all 150ms linear; filter:grayscale(100%); }
.bt-redes:hover{ filter:grayscale(0%); opacity:0.99; }
	
	
	
	
/*****************/
/* MÍDIA QUERIES */
/*****************/
/* 960px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/

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

.menu{ margin-top:40px; }
.bt-menu{ padding:5px 7px; font-size:18px; }		  
.bt-login{ margin:0 0 0 5px; padding:5px 10px; font-size:16px; }

.banner{ background-size:1920px 350px; }
.temas-destaque{ margin:20px 0 0 5%; }
.temas-destaque-itens{ padding:5px 20px; }

.artigos-destaque{ padding:20px 20px; }

.agenda-home{ padding:10px; }
.cadastro-home{ margin-left:2%; width:30%; padding:20px 10px 40px 10px; }	

}


/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/

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

.menu{ display:none; }
.menuPQ{ display:block; }
#bt-loginPQ{ display:block; float:right; }
.banner{ background-size:1920px 450px; }
.artigos-destaque{ margin:-1px 0 0 0; width:100%; }
.agenda-home{ padding:20px; }
.cadastro-home{ margin:0 25% -20px 25%; width:50%; text-align:center; }

.banner-page{ font-size:35px; } 
.artigos{ padding:0 20px 30px 20px; }
.formulario{ padding:0 10px; }

.calendario-dia{ height:95px; }

.cadastro2{ display:none; }
.cadastroPQ{ display:block; }

}


/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

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

.tarja{	padding:5px 0; }
.logo a{ width:140px; height:80px; }
.menuPQ{ margin-top:30px; width:160px; }
.banner-txt{ margin:30px 10px; width:100%; }
.temas-destaque{ margin:20px 5%; width:90%; }
.agenda-home-tit{ width:100%; text-align:left; }
.agenda-home-ite{ width:100%; border:0; border-top:1px solid #000; padding:15px 0; }
.cadastro-home{ margin:0 10% -20px 10%; width:80%; text-align:center; }
#tarja-cursos{ padding:30px 0; }
.cursos{ width:100%; margin:0; padding:20px; }

.banner-page{ height:auto; padding:10px 0;  } 
.pesquisa{ float:left; margin-top:-5px; width:100%; text-align:left; }
.artigos{ padding:0 10px 20px 10px; }
.artigos img{ margin:5px 10px 5px 0; width:180px; }
.artigos-imgPG{ margin:5px 10% 15px 10%; width:80%; max-height:200px; }
.formulario{ width:96%; margin:0 auto; }
#inscricao-form{ display:none; }
#inscricao-formPQ{ display:block; }

.cadastroPQ{ margin:0 0 10px 0; width:100%; padding:10px; }

#pop-login{ top:20%; left:50%; }

.calendario-dia{ height:40px; }
#evento-tit{ display:none; }
#pop-evento{ top:30%; left:50%; margin:-75px 0 0 -225px; width:450px; padding:10px 15px;	}
#Frame{ width:400px; height:200px; }

.videos{ width:100%; margin:10px 0; }
.videos-tit{ padding:10px 15px; font-size:20px; }
.videos-txt{ width:100%; padding:10px 15px; font-size:16px; }
.videos img{ margin:0 25%; width:50%; }

}


/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/

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

.bt-login{ margin:0 0 0 10px; padding:5px 10px; }
.cadastro-home{ margin:0 1% -20px 1%; width:99%; }

.banner-page{ font-size:30px; }
.assuntos{ padding:10px 10px 5px 10px; }
.bt-assunto, .bt-assuntoON{ margin:0 25px 5px 0; font-size:18px; }
.temas{ padding:10px 15px; }
.temas-destaque-itens{ padding:20px; }
.artigos img{ width:150px; }
.formulario{ width:100%; }
#input30{ width:100%; margin:2px 0; }

#pop-login{ margin:-75px 0 0 -150px; width:300px; padding:30px 20px 10px 20px; }
.iframe-login{ width:260px; height:210px; }

#razao1{ display:none; }
#razao2{ display:block; }

.calendario-dia{ padding:2px; font-size:14px; }
#pop-evento{ top:20%; margin:-75px 0 0 -140px; width:280px;	}
#Frame{ width:250px; height:350px; }

.videos img{ margin:0 5%; width:90%; }

}