/* 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;
}

/* GERAL **********************/
body{ font-family: 'Anek Latin', sans-serif; margin: 0; padding: 0; background:#fff; }
body ul{ list-style:none; }

h1{	font-size:36px; font-weight:300; line-height:120%; }	
h2{	font-size:30px; font-weight:300; line-height:120%; }
h3{	font-size:24px; font-weight:300; line-height:120%; }	
h4{	font-size:20px; font-weight:300; line-height:130%; }
h5{	font-size:16px; font-weight:300; line-height:140%; }
	
.container{ width:94%; max-width:1200px; margin:0 auto; padding:40px 0; text-align:left; overflow:auto; }

/* TOP **********************/
.top{ float:left; width:100%; display:block; background:#150c26; z-index:9999; }
.top-container{	width:98%; max-width:1300px; margin:0 auto; }
.logo{ float:left; margin:10px 0; width:300px; }

.redes{ float:right; margin:5px 0 10px 0; text-align:right;  }
.bt-redes{ margin:5px 5px 5px 15px; width:30px; height:30px; border:0; cursor: pointer; transition:all 150ms linear; }
.bt-redes:hover{ margin:0 0 0 15px; width:35px; height:35px; }
#redesPQ{ display:none; }

.telefones{ float:right; margin:15px 20px 0 0; width:30%; text-align:right; font-size:18px; font-weight:700; color:#a19ea8; }

.menu{ float:right; width:70%; text-align:right; }
	
.nav1{ list-style:none; font:16px 'Anek Latin', sans-serif; font-weight:500; margin:0; padding: 0; }
.nav1 li{ float: right; position: relative; z-index:999999; }
.nav1 li a:link,
.nav1 li a:visited{ display:block; padding:0; text-decoration:none; color:#fff; margin-left:45px; background:transparent; transition:all 200ms linear; }
.nav1 li:hover a,
.nav1 li a:active,
.nav1 li a:hover{ display:block; border-bottom:2px solid #e13b92; color:#e13b92; }
.submenu1{ margin:0; list-style:none; display:none; width:200px; position:absolute; top:17px; left:-34px; }
.nav1 li:hover .submenu1{ display:block; }
.submenu1 li a:link,
.submenu1 li a:visited{ display:block; border:1px solid #504368; border-radius:20px; padding:12px 5px; text-decoration:none; width:160px; font-size:16px; color:#504368;  				
						background:#fff; }
.submenu1 li:hover a,
.submenu1 li a:active,
.submenu1 li a:hover{ display:block; border:1px solid #074866; background:#e13b92; color:#fff; }

.menuPQ{ display:none; float:right; display:none; margin:0 0 10px 0; border:0; }
.bt-menuPQ{ border:none; border-radius:5px; padding:5px 5px 1px 5px; background:transparent; }
.nav2{ list-style:none; font:18px 'Anek Latin', sans-serif; font-weight:500; letter-spacing:-1px; margin:0; padding: 0; }
.nav2 li{ float: right; position: relative; z-index:9999; }
.nav2 li a:link,.nav2 li a:visited{ display:block; padding:0; text-decoration:none; color:#fff; margin-left:20px; background:transparent; transition:all 200ms linear; }
.nav2 li:hover a,.nav2 li a:active,.nav2 li a:hover{ display: block; }
.submenu2{ margin:0; list-style:none; display:none; width:200px; position:absolute; top:28px; left:-140px; }
.nav2 li:hover .submenu2{ display:block; box-shadow:0px 5px 8px #000;-webkit-box-shadow:0px 5px 8px #000; }
.submenu2 li a:link,.submenu2 li a:visited{ display:block; padding:12px 25px; background:#fff; text-decoration:none; width:220px; color:#017f38; border-top:1px solid #017f38; }
.submenu2 li:hover a,.submenu2 li a:active,.submenu2 li a:hover{ display:block; background:#017f38; color:#fff; } 

/* INDEX **********************/
.banner{ float:left; width:100%; height:600px; }

.tarja-index{ float:left; width:100%; padding:30px 0; }

.passos{ float:left; margin:70px 0.4% 3px 0.4%; width:32.5%; padding:30px; text-align:center; font-size:20px; font-weight:300; background:#e4e2e7; }
.passos img{ margin:-80px 0 0 0; width:110px; }
.passos h1{ padding:0 10px 10px 10px; font-size:28px; font-weight:300; color:#000; }
.passos-tb{ width:100% }		
.passos-tb th{ border:1px solid #fff; padding:5px 10px; font-size:17px; font-weight:400; }
.passos-tb td{	border:1px solid #fff; padding:15px 10px; font-size:17px; font-weight:400; }
.passos-bt{ margin:5px 1px 35px 1px; border:0; padding:10px 50px; font-family:'Anek Latin', sans-serif; font-size:18px; font-weight:800; color:#fff; background:#504368;
			cursor: pointer; transition: all 200ms linear; }
.passos-bt:hover{ margin:0 1px 30px 1px; border:0; padding:15px 60px; background:#e13b92; }

.destaques-space{ float:left; width:9.5%; height:450px; }
.destaques{ float:left; margin:0 1%; width:25%; height:450px; border:4px dotted #e13b92; }
.destaques-over{ width:100%; height:442px; padding:250px 15px 15px 15px; text-align:center; font-size:18px; font-weight:300; color:#fff; background:#000; opacity:0; transition: all 250ms linear; }
.destaques-over h1{ font-size:26px; font-weight:700; }
.destaques-over-bt{ margin:10px 0 0 0; border:0; padding:5px 30px; font-family:'Anek Latin', sans-serif; font-size:16px; font-weight:800; color:#fff; background:#504368;
					cursor: pointer; transition: all 200ms linear; }
.destaques-over-bt:hover{ margin:5px 0 30px 0; border:0; padding:10px 40px; background:#e13b92; }
.destaques:hover .destaques-over{ opacity:0.8; }

.blog-index{ float:left; margin-bottom:20px; width:31%; border-radius:0 0 30px 0; padding-bottom:15px; text-align:center; background:#f1f2f2; }
.blog-index h1{ padding:10px 15px 5px 15px; font-size:26px; font-weight:500; letter-spacing:-1px; color:#000; }
.blog-index h2{ padding:0 15px 5px 15px; font-size:18px; font-weight:300; color:#000; }
.blog-index-img{ width:100%; height:280px; }
.blog-index-bt{ margin:5px 0; border:0; padding:10px 25px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#e13b92;
					cursor: pointer; transition: all 150ms linear; }
.blog-index-bt:hover{ margin:0 0; border:0; padding:15px 35px; }
.blog-index-space{ float:left; margin:0; width:3.5%; height:10px; }

/* PAGES **********************/
.banner-page{ float:left; width:100%; height:166px; padding-top:70px; font-size:50px; font-weight:300; letter-spacing:-1.5px; color:#fff; }

.container-page{ width:94%; max-width:1100px; min-height:400px; margin:0 auto; padding:30px 0; text-align:left; overflow:auto; }

.container-page p{ margin-bottom:30px; }

.ilustra{ margin:10px 0 10px 30px; width:500px; border:4px dotted #e13b92; }


.banner-resultado{ float:left; width:100%; padding:0; font-size:20px; font-weight:300; color:#fff; background:#504368; }
.container-resultado{ width:94%; max-width:1100px; margin:0 auto; padding:20px 0; text-align:left; }

.pesquisa-tool{ float:left; width:100%; text-align:center; background:#c9bdcb; }
.pesquisa-form{ float:left; padding:10px; border:1px solid #c1b9c6; background:#e7e1e6; }
.pesquisa-form input, .pesquisa-form select{ margin:2px 0; border:1px solid #999; border-radius:2px; padding:5px; font-family: 'Anek Latin', sans-serif; font-size:16px; }
.pesquisa-form-bt{ border:0; border-radius:2px; padding:10px 10px 8px 10px; font-family: 'Anek Latin', sans-serif; font-size:12px; color:#fff; font-weight:800; background:#e13b92; }
#Caracteristicas{ margin:10px 2%; width:38%; }
#Temas{ margin:10px 2%; width:27%; }
#Palavra{ margin:10px 2%; width:23%; }

.paginacao-bt{ margin:5px 0; border:0; padding:10px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#e13b92;
					cursor: pointer; transition: all 150ms linear; }
.paginacao-bt:hover{ margin:0 0; border:0; padding:15px 35px; }
.paginacao-bt-on{ margin:5px 0; border:0; padding:10px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#504368; }

.resultado-space{ float:left; width:9.5%; height:450px; }
.resultado{ float:left; margin:0 1% 20px 1%; width:23%; height:350px; border:3px dotted #e13b92; }
.resultado-over{ width:100%; height:342px; padding:150px 15px 15px 15px; text-align:center; font-size:18px; font-weight:300; color:#fff; background:#000; opacity:0; transition: all 250ms linear; }
.resultado-over h1{ font-size:24px; font-weight:700; }
.resultado-over-bt{ margin:10px 0 0 0; border:0; padding:5px 30px; font-family:'Anek Latin', sans-serif; font-size:16px; font-weight:800; color:#fff; background:#504368;
					cursor: pointer; transition: all 200ms linear; }
.resultado-over-bt:hover{ margin:5px 0 30px 0; border:0; padding:10px 40px; background:#e13b92; }
.resultado:hover .resultado-over{ opacity:0.8; }

.res-acess-space{ float:left; width:9.5%; height:300px; }
.res-acess{ float:left; margin:0 1% 20px 1%; width:23%; height:250px; border:3px dotted #e13b92; }
.res-acess-over{ width:100%; height:252px; padding:100px 15px 15px 15px; text-align:center; font-size:18px; font-weight:300; color:#fff; background:#000; opacity:0; transition: all 250ms linear; }
.res-acess-over h1{ font-size:24px; font-weight:700; }
.res-acess-over-bt{ margin:10px 0 0 0; border:0; padding:5px 30px; font-family:'Anek Latin', sans-serif; font-size:16px; font-weight:800; color:#fff; background:#504368;
					cursor: pointer; transition: all 200ms linear; }
.res-acess-over-bt:hover{ margin:5px 0 30px 0; border:0; padding:10px 40px; background:#e13b92; }
.res-acess:hover .res-acess-over{ opacity:0.8; }

.paginacao-bt{ margin:5px 0; border:0; padding:10px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#e13b92;
					cursor: pointer; transition: all 150ms linear; }
.paginacao-bt:hover{ margin:0 0; border:0; padding:15px 35px; }
.paginacao-bt-on{ margin:5px 0; border:0; padding:10px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#504368; }

.fotos{ float:left; margin:0 5% 0 0; width:35%; height:510px; border:4px dotted #e13b92; }

.dados{ float:left; width:60%; min-height:100px; color:#150c26; }
.dados h5{ font-size:30px; font-weight:700; color:#cc0000; }

.dados-bt{ margin:25px 0; border:0; padding:10px 25px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#e13b92;
					cursor: pointer; transition: all 150ms linear; }
.dados-bt:hover{ margin:0 0; border:0; padding:15px 35px; }

.noticias-itens a{ float:left; width:100%; border-bottom:1px solid #cacaca; padding:30px 0; text-align:left; text-decoration:none; transition:all 200ms linear; }
.noticias-itens a:hover{ background:#e4e2e7; }
.noticias-itens h1{ margin:-5px 0 10px 0; padding:0 15px; font-size:26px; font-weight:500; letter-spacing:-1px; line-height:120%; color:#504368; }
.noticias-itens h2{ padding:0 15px 10px 15px; font-size:18px; font-weight:300; letter-spacing:-0.5px; line-height:130%; color:#000; } 
.noticias-itens h3{ margin-bottom:10px; padding:0 15px 10px 15px; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:100%; color:#e13b92; } 
.noticias-itens img{ margin:0 20px 5px 0; width:200px; border:1px solid #999; }
.noticias-ilustra{ margin:0 20px 5px 0; width:200px; border:1px solid #999; }

.bt-paginacao{ margin:5px 1px; border:0; padding:10px 25px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#e13b92;
			   cursor: pointer; transition: all 150ms linear; }
.bt-paginacao:hover{ margin:0 1px; border:0; padding:15px 35px; }


/* FALE CONOSCO **********************/
.contato-form{ float:left; margin-right:5%; width:55%; }
input, textarea{ margin:0 0.5% 5px 0; padding:10px 15px; border:1px solid #999; border-radius:2px; font-family:'Anek Latin', sans-serif; font-size:18px; font-weight:300; }
#input1{ width:99%; }
#input2{ width:49%; }
.bt-form{ margin:5px 1px; border:0; padding:10px 25px; font-family:'Anek Latin', sans-serif; font-size:14px; font-weight:800; color:#fff; background:#e13b92;
					cursor: pointer; transition: all 150ms linear; }
.bt-form:hover{ margin:0 1px; border:0; padding:15px 35px; }

.mapa-contato{ margin:-50px 0 0 0; width:40%; height:370px; border-radius:0 0 30px 0; }


/* BOTTOM **********************/
.mapa{ width:100%; height:400px; }

.bottom{ width:100%; background:#504368; }
.bottom-container{ width:94%; max-width:1100px; margin:0 auto; padding:50px 60px 30px 60px; text-align:center; color:#a8a1b4; }
.bottom-container img{ margin:0 3px -2px 0; width:22px; cursor:pointer; transition: all 150ms linear; }
.bottom-redes{ margin-top:15px; font-size:26px; }
.bottomPQ{ display:none; width:100%; background:#504368; }

.copyright, .copyrightPQ{ width:100%; padding:20px 0; text-align:center; font-size:12px; font-weight:500; color:#8a8693; background:#150c26;}
.copyright a, .copyrightPQ a{ color:#8a8693; text-decoration:none; }
.copyright a:hover, .copyrightPQ a:hover{ color:#fff; text-decoration:underline; }
.copyrightPQ{ display:none }
	
	
/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/
/* 1367px – Notebooks com monitores widescreen --------------------------*/
@media screen and (max-width: 1367px){

.banner{ height:400px; }
.container{ padding:20px 0; }
.container-page{ min-height:200px; padding:20px 0; }

.passos{ margin:50px 0.4% 3px 0.4%; }
.passos img{ width:80px; }

.mapa{ height:300px; }

.mapa-contato{ margin:-40px 0 0 0; width:40%; height:340px; }

}

/* 1200px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/
@media screen and (max-width: 1200px){

.logo{ float:left; margin:15px 0; width:250px; }
.nav2{ list-style:none; font:18px 'Anek Latin', sans-serif; font-weight:500; letter-spacing:-1px; margin:0; padding: 0; }
.nav2 li{ float: right; position: relative; z-index:9999; }
.nav2 li a:link,.nav2 li a:visited{ display:block; padding:0; text-decoration:none; color:#fff; margin-left:20px; background:transparent; transition:all 200ms linear; }
.nav2 li:hover a,.nav2 li a:active,.nav2 li a:hover{ display: block; }
.submenu2{ margin:0; list-style:none; display:none; width:200px; position:absolute; top:28px; left:-65px; }
.nav2 li:hover .submenu2{ display:block; box-shadow:0px 5px 8px #000;-webkit-box-shadow:0px 5px 8px #000; }
.submenu2 li a:link,.submenu2 li a:visited{ display:block; padding:12px 25px; background:#fff; text-decoration:none; width:220px; color:#2b1d46; border-top:1px solid #2b1d46; }
.submenu2 li:hover a,.submenu2 li a:active,.submenu2 li a:hover{ display:block; background:#2b1d46; color:#fff; } 
.blog-index{ margin-bottom:0; }

.ilustra{ margin:10px 0 10px 30px; width:400px; }

.pesquisa-form{ padding:10px 5px; }
.pesquisa-form input, .pesquisa-form select{ padding:5px 2px; font-size:14px; }
.pesquisa-form-bt{ padding:10px 5px 8px 5px; font-size:11px; }
#Caracteristicas{ margin:10px 0.5%; width:42%; }
#Temas{ margin:10px 0.5%; width:30%; }
#Palavra{ margin:10px 0.5%; width:25%; }

}

/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/
@media screen and (max-width: 768px){

.logo{ float:left; margin:15px 0; width:250px; }
.telefones{ margin:15px 20px 20px 0; width:45%; font-size:18px; }
.bt-redes{ margin:5px 2px 0 5px; }
.bt-redes:hover{ margin:5px 2px 0 5px; width:30px; height:30px; }
.menu{ display:none; }
.menuPQ{ display:block; }
.passos{ padding:30px 10px; }
.passos-tb td{ padding:15px 5px; font-size:16px; }

.destaques-space{ width:1.5%; height:400px; }
.destaques{ width:30%; height:400px; }
.destaques-over{ height:392px; padding:220px 15px 15px 15px; }

.blog-index h1{ padding:10px 5px 5px 5px; font-size:24px; }
.blog-index h2{ padding:0 5px 5px 5px; }
.blog-index-img{ width:100%; height:180px; }

.ilustra{ margin:10px 0 10px 30px; width:350px; }

#Caracteristicas{ margin:10px 0.5%; width:44%; }
#Temas{ margin:10px 0.5%; width:28%; }
#Palavra{ margin:10px 0.5%; width:25%; }

.resultado{ height:250px; }
.resultado-over{ height:242px; padding:100px 5px 15px 5px; }
.resultado-over h1{ font-size:18px; }
.resultado-over-bt{ margin:5px 0 0 0; padding:5px 10px; }
.resultado-over-bt:hover{ margin:0 0 0 0; padding:10px 10px; }

.fotos{ margin:0 5% 0 0; width:45%; height:510px; }
.dados{ width:50%; }

.res-acess{ width:31%; height:250px; }
.res-acess-over h1{ font-size:22px; }

.bottom-container{ padding:40px 10px 20px 10px; }
	
}

/* 550px – Smartphones no formato paisagem com tela pequena -----------------------*/
@media screen and (max-width: 550px){

h1{	font-size:32px; }
.logo{ float:left; margin:5px 15%; width:70%; }
.redes{ margin:5px 0 10px 5px; }
#redesST{ display:none; }
#redesPQ{ display:block; float:left; }
.bt-redes{ margin:0 0 0 5px; width:25px; height:25px; }
.bt-redes:hover{ margin:0 2px; width:25px; height:25px; }
.telefones{ margin:5px 0; width:100%; text-align:center; font-size:18px; }
.menuPQ{ margin:5px 0 5px 0; }
.banner{ display:none; }
.passos{ margin:50px 0 0 0; width:100%; padding:30px; }
.passos img{ margin:-80px 0 0 0; width:80px; }
.destaques-space{ display:none; }
.destaques{ width:31.2%; height:300px; }
.destaques-over{ height:292px; padding:160px 2px 0 2px; }
.destaques-over h1{ font-size:20px; font-weight:500; }
.destaques-over-bt{ padding:5px; font-size:14px; }
.destaques-over-bt:hover{ margin:5px 0; padding:10px 5px; }
.blog-index{ margin:5px 10%; width:80%; }
.blog-index h1{ padding:10px; font-size:24px; }
.blog-index h2{ padding:0 10px 5px 10px; }

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

.pesquisa-form{ padding:5px; }
#Caracteristicas, #Temas, #Palavra{ margin:0; width:100%; }
.resultado{ margin:0 1% 20px 1%; width:48%; height:350px; }
.resultado-over{ height:342px; padding:170px 15px 15px 15px; }
.resultado-over h1{ font-size:20px; }

.fotos{ margin:0 10%; width:80%; height:510px; }
.dados{ width:100%; text-align:center; }

.res-acess{ width:48%; height:250px; }
.res-acess-over h1{ font-size:22px; }

.contato-form{ float:left; margin:0; width:100%; }
.mapa-contato{ margin:20px 0 0 0; width:100%; height:370px; }

.bottom{ display:none; }
.bottomPQ{ display:block; }
.copyright{ display:none; }
.copyrightPQ{ display:block; }

}

/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/
@media screen and (max-width: 479px){

.passos{ margin:30px 0 0 0; width:100%; padding:30px 10px; }
.passos img{ margin:-80px 0 0 0; width:60px; }
.destaques{ margin:0 10% 5px 10%; width:80%; height:300px; }
.blog-index{ margin:5px 0; width:100%; }

.banner-page{ height:120px; padding-top:50px; font-size:40px; }

.noticias-itens a{ margin-bottom:20px; padding:0; }
.noticias-itens h1{ margin:-5px 0 0 0; }
.noticias-itens img{ margin:0 0 5px 0; width:100%; }
.noticias-ilustra{ margin:0 0 5px 0; width:100%; }

.pesquisa-form input, .pesquisa-form select{ padding:5px 1px; font-size:12px; }
.pesquisa-form-bt{ padding:8px 2px 6px 2px; font-size:10px; }

.resultado{ margin:0 1% 10px 1%; height:250px; }
.resultado-over{ height:242px; padding:120px 5px 15px 5px; }
.resultado-over h1{ font-size:18px; }

.fotos{ margin:0 5%; width:90%; height:450px; }

.res-acess-over h1{ font-size:18px; }
.res-acess-over-bt{ margin:5px 0 0 0; padding:5px; font-size:14px; }
.res-acess-over-bt:hover{ margin:5px 0 30px 0; border:0; padding:10px 40px; background:#e13b92; }

}