/*Wethink, lda 2017*/



/* 
==========================================================================
 Reset
========================================================================== 
*/
html, body, h1, h2, h3, h4, h5, h6, header nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
	
}


.Nav_link {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;

}

body {
	line-height: 1;
}

html, body
{
    height: 100%;
}
/* 
==========================================================================
 Reset
========================================================================== 
*/





















/* 
==========================================================================
 Uso de fontes adicionais
========================================================================== 
*/

@font-face {
    font-family: 'brandon_reg';
    src: url('../fontes/brandon_reg.eot');
    src: url('../fontes/brandon_reg.eot?#iefix') format('embedded-opentype'),
         url('../fontes/brandon_reg.woff') format('woff'),
         url('../fontes/brandon_reg.ttf') format('truetype'),
         url('../fontes/brandon_reg.svg#brandon_reg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'brandon_med';
    src: url('../fontes/brandon_med.eot');
    src: url('../fontes/brandon_med.eot?#iefix') format('embedded-opentype'),
         url('../fontes/brandon_med.svg#brandon_med') format('svg'),
         url('../fontes/brandon_med.woff') format('woff'),
         url('../fontes/brandon_med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_med_it';
    src: url('../fontes/brandon_med_it.eot');
    src: url('../fontes/brandon_med_it.eot?#iefix') format('embedded-opentype'),
         url('../fontes/brandon_med_it.svg#brandon_med_it') format('svg'),
         url('../fontes/brandon_med_it.woff') format('woff'),
         url('../fontes/brandon_med_it.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_blk';
    src: url('../fontes/brandon_blk.eot');
    src: url('../fontes/brandon_blk.eot?#iefix') format('embedded-opentype'),
         url('../fontes/brandon_blk.woff') format('woff'),
         url('../fontes/brandon_blk.ttf') format('truetype'),
         url('../fontes/brandon_blk.svg#brandon_blk') format('svg');
    font-weight: normal;
    font-style: normal;
}


.LinkIdsingular:link {font-family:brandon_reg; font-size:12px; color:#969899; text-decoration:none; letter-spacing:0px;}
.LinkIdsingular:visited {font-family:brandon_reg; font-size:12px; color:#969899; text-decoration:none; letter-spacing:0px;}
.LinkIdsingular:hover {font-family:brandon_reg; font-size:12px; color:#58595A; text-decoration:none; letter-spacing:0px;}
.LinkIdsingular:active {font-family:brandon_reg; font-size:12px; color:#969899; text-decoration:none; letter-spacing:0px;}


/* 
==========================================================================
 Uso de fontes adicionais
========================================================================== 
*/






















/* 
==========================================================================
 BOTAO MENU RESPONSIVE
========================================================================== 
*/


#barra_menu {
	     position: relative;
		 width: 100%;
		 height: 100%; 
		 top:0px;
		 right:-100%; /*(-300px)*/
		 background: #FFFFFF;
		 /*background-image:url(../assets/f_menuesquerda.png);*/
		 position:fixed;
		 z-index: 12;
}


							#barra_menu #botao_fechar {
								position: absolute;
								right: 27px;
								margin-top: 0.5em;
							}


							#barra_menu .titulo1 {
								margin-right: auto;
								margin-left: auto;
								font-family: 'brandon_blk', sans-serif;
								font-size:1.5em;
								font-style:normal; 
								font-variant:normal; 
								text-transform:none; 
								color:#8C387F;
								text-align: center;
								margin-top: 1.7em;								
							}

							#barra_menu .titulo2 {
								margin-right: auto;
								margin-left: auto;
								font-family: 'brandon_med_it', sans-serif;
								font-size:1.1em;
								font-style:normal; 
								font-variant:normal; 
								text-transform:none; 
								color:#8C387F;
								text-align: center;								
							}

							#barra_menu .links {
								margin-right: auto;
								margin-left: auto;
								font-family: 'brandon_med', sans-serif;
								font-size:0.8em;
								font-style:normal; 
								font-variant:normal; 
								text-transform:none; 
								color:#000000;
								text-align: center;
								margin-top: 1.4em;								
							}



											#barra_menu .cada_link_principal:link {font-family:inherit; font-size:1.4em; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;}
											#barra_menu .cada_link_principal:visited {font-family:inherit; font-size:1.4em; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;}
											#barra_menu .cada_link_principal:hover {font-family:inherit; font-size:1.4em; color:#8C387F; text-decoration:none; margin-top: 10px; display: inline-block;}
											#barra_menu .cada_link_principal:active {font-family:inherit; font-size:1.4em; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;} 


											#barra_menu .cada_link:link {font-family:inherit; font-size:1em; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;}
											#barra_menu .cada_link:visited {font-family:inherit; font-size:1em; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;}
											#barra_menu .cada_link:hover {font-family:inherit; font-size:1em; color:#8C387F; text-decoration:none; margin-top: 10px; display: inline-block;}
											#barra_menu .cada_link:active {font-family:inherit; font-size:1em; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;} 


/* 
==========================================================================
 BOTAO MENU RESPONSIVE
========================================================================== 
*/






































/* 
==========================================================================
 Site
========================================================================== 
*/





header {
	padding: 0 0 0 0 ;
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 100%;
	/*height: 210px;*/ 
	position: relative;
}


			header #header_centro {
				max-width: 1010px;
				padding: 0 0 0 0 ;
				margin: 0 auto;
				width: 100%;
				height: 30px;
				position: relative;
				/*background-color: #FF0000;*/
				text-align: center;
			}

						header #header_centro .b_fb{
						    position: absolute;
							right: 167px;
							top: 5px;
							cursor: pointer;
							width: 22px;
						}
						header #header_centro .b_in{
						    position: absolute;
							right: 137px;
							top: 5px;
							cursor: pointer;
							width: 22px;
						}

						header #header_centro .botaoBrands{
							padding: 0;
							margin: 0;
						    position: absolute;
							right: 27px;
							cursor: pointer;

							font-family: 'brandon_med', sans-serif; 	
							font-size:13px;
							font-style:normal;
							font-variant:normal;
							text-transform:none;
							font-weight: 400;
			  				line-height: 30px;
							color:#949799;
						}
						header #header_centro .botaoBrands:hover{
							color:#8C387F;
						}

						header #header_centro .botaomenu{
						    position: absolute;	
						    padding-top: 8px;	
							right: 27px;
							cursor: pointer;
							display:none;
						}
















.zonaMenu {
	padding: 0 0 0 0 ;
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 100%;
	/*height: 210px;*/ 
	position: relative;
	display:none;
}


			.zonaMenu #zonaMenu_centro {
				max-width: 1010px;
				padding: 0 0 0 0 ;
				margin: 0 auto;
				width: 100%;
				height: 200px;
				position: relative;
				/*background-color: #00FF00;*/
				text-align: center;
			}


						.zonaMenu #zonaMenu_centro img{
						    position: absolute;	
						    padding-top: 2px;	
							left: 1px;
						}


						.zonaMenu #zonaMenu_centro #loguinho{
						    position: absolute;	
						    padding-top: 2px;	
							left: 1px;
							width: 200px;
							height: 200px;
						}


						.zonaMenu #zonaMenu_centro .titulo1 {
						    position: absolute;	
						    padding-top: 60px;	
							left: 380px;

							font-family: 'brandon_blk', sans-serif;
							font-size:17px;
							font-style:normal; 
							font-variant:normal; 
							text-transform:none; 
							color:#8C387F;
							text-align: right;							
						}


										.zonaMenu #zonaMenu_centro .tit2 {
											font-family: 'brandon_med_it', sans-serif;
											font-size:15px;
											font-style:normal; 
											font-variant:normal; 
											text-transform:none; 
											color:#8C387F;					
										}

						.zonaMenu #zonaMenu_centro .titulo2 {
						    position: absolute;	
						    padding-top: 80px;	
							left: 280px;

							font-family: 'brandon_med_it', sans-serif;
							font-size:15px;
							font-style:normal; 
							font-variant:normal; 
							text-transform:none; 
							color:#8C387F;
						}


						.zonaMenu #zonaMenu_centro .separador1{position: absolute;	top: 50px; left: 405px; height: 100px;}
						.zonaMenu #zonaMenu_centro .separador2{position: absolute;	top: 50px; left: 550px; height: 100px;}
						.zonaMenu #zonaMenu_centro .separador3{position: absolute;	top: 50px; left: 695px; height: 100px;}
						.zonaMenu #zonaMenu_centro .separador4{position: absolute;	top: 50px; left: 840px; height: 100px;}

						.zonaMenu #zonaMenu_centro .lk1{position:absolute; top:50px; left:420px;}
						.zonaMenu #zonaMenu_centro .lk2{position:absolute; top:69px; left:420px;}
						.zonaMenu #zonaMenu_centro .lk3{position:absolute; top:88px; left:420px;}
						.zonaMenu #zonaMenu_centro .lk4{position:absolute; top:106px; left:420px;}
						.zonaMenu #zonaMenu_centro .lk4_1{position:absolute; top:124px; left:420px;}

						.zonaMenu #zonaMenu_centro .lk5{position:absolute; top:50px; left:565px;}
						.zonaMenu #zonaMenu_centro .lk6{position:absolute; top:69px; left:565px;}
						.zonaMenu #zonaMenu_centro .lk7{position:absolute; top:88px; left:565px;}
						.zonaMenu #zonaMenu_centro .lk8{position:absolute; top:106px; left:565px;}

						.zonaMenu #zonaMenu_centro .lk9{position:absolute; top:50px; left:710px;}
						.zonaMenu #zonaMenu_centro .lk10{position:absolute; top:69px; left:710px;}
						.zonaMenu #zonaMenu_centro .lk11{position:absolute; top:88px; left:710px;}
						.zonaMenu #zonaMenu_centro .lk12{position:absolute; top:106px; left:710px;}

						.zonaMenu #zonaMenu_centro .lk13{position:absolute; top:50px; left:855px;}
						.zonaMenu #zonaMenu_centro .lk14{position:absolute; top:69px; left:855px;}
						.zonaMenu #zonaMenu_centro .lk15{position:absolute; top:88px; left:855px;}
						.zonaMenu #zonaMenu_centro .lk16{position:absolute; top:106px; left:855px;}

						.zonaMenu #zonaMenu_centro .link:link {font-family:brandon_med; font-size:11px; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;}
						.zonaMenu #zonaMenu_centro .link:visited {font-family:brandon_med; font-size:11px; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;}
						.zonaMenu #zonaMenu_centro .link:hover {font-family:brandon_med; font-size:11px; color:#8C387F; text-decoration:none; margin-top: 10px; display: inline-block;}
						.zonaMenu #zonaMenu_centro .link:active {font-family:brandon_med; font-size:11px; color:#949799; text-decoration:none; margin-top: 10px; display: inline-block;} 








.placeholder_destaques {
	padding: 0 0 0 0 ;
	margin: 0 auto;
	/*background-color: #ff0000;*/
	width: 100%;
	/*height: 580px;*/ 
	position: relative;
}



			.placeholder_destaques #placeholder_destaques_centro {
				max-width: 1010px;
				padding: 0 0 0 0 ;
				margin: 0 auto;
				width: 100%;
				height: 1210px; 
				position: relative;
				/*background-color: #FF0000;*/
			}


						.slot {
							float: left;
							/*background-color: #fe9c00;*/
							width: 20%;
							height: 200px;
							padding-top: 2px;
							/*padding-left: 1px;
							padding-right: 1px;*/
						}



									.slot img{
										margin-left: 1px;
										display: table; /*centra*/
										margin: 0 auto; /*centra*/
										width: 200px;
										height: 200px;
									}















footer {
	padding: 0 0 0 0 ;
	margin: 0 auto;
	/*background-color: #000000;*/
	width: 100%;
	height: 50px; 
	position: relative;
}


			footer #footer_centro {
				max-width: 1010px;
				padding: 0 0 0 0 ;
				margin: 0 auto;
				width: 100%;
				height: 50px; 
				position: relative;
				/*background-color: #FF0000;*/
			}



					footer .frase1{
						position: absolute;
						padding: 0;
						margin: 0;
						left: 5px;
						font-family: 'brandon_med', sans-serif; 	
						font-size:12px;
						font-style:normal;
						font-variant:normal;
						text-transform:none;
						font-weight: 400;
		  				line-height: 50px;
						color:#8C397F;
					}

					footer #footer_centro .frase2{
						position: absolute;
						padding: 0;
						margin: 0;
						right: 5px;
						font-family: 'brandon_med', sans-serif; 	
						font-size:12px;
						font-style:normal;
						font-variant:normal;
						text-transform:none;
						font-weight: 400;
		  				line-height: 50px;
						color:#969899;
					}









/* 
==========================================================================
 Responsive
========================================================================== 
*/











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


header {
}


			header #header_centro {
				max-width: 606px;
			}

						header #header_centro .botaoBrands{
							display:none;
						}

						header #header_centro .botaomenu{
							display:block;
						}

						header #header_centro .b_fb{
							right: 87px;
						}
						header #header_centro .b_in{
							right: 57px;
						}







.zonaMenu {
	display:none;
}










.placeholder_destaques {
}



			.placeholder_destaques #placeholder_destaques_centro {
				max-width: 606px;
				width: 100%;
				height: 2020px; 
			}


						.slot {
							float: left;
							/*background-color: #fe9c00;*/
							width: 33.3333%;
							height: 200px;
							padding-top: 2px;
							/*padding-left: 1px;
							padding-right: 1px;*/
						}



									.slot img{
										margin-left: 1px;
										display: table; /*centra*/
										margin: 0 auto; /*centra*/
									}








footer {

}

			footer #footer_centro {
				max-width: 606px;
			}









}



















































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


header {
}


			header #header_centro {
				max-width: 406px;
			}

						header #header_centro .botaoBrands{
							display:none;
						}

						header #header_centro .botaomenu{
							display:block;
						}








.zonaMenu {
	display:none;
}










.placeholder_destaques {
}



			.placeholder_destaques #placeholder_destaques_centro {
				max-width: 406px;
				width: 100%;
				height: 3025px; 
			}


						.slot {
							float: left;
							/*background-color: #fe9c00;*/
							width: 50%;
							height: 200px;
							padding-top: 2px;
							/*padding-left: 1px;
							padding-right: 1px;*/
						}



									.slot img{
										margin-left: 1px;
										display: table; /*centra*/
										margin: 0 auto; /*centra*/
									}







footer {

}

			footer #footer_centro {
				max-width: 406px;
			}






}













































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


header {
}


			header #header_centro {
				max-width: 100%;
			}

						header #header_centro .botaoBrands{
							display:none;
						}

						header #header_centro .botaomenu{
							display:block;
						}








.zonaMenu {
	display:none;
}










.placeholder_destaques {
	display: table; /*centra*/
	margin: 0 auto; /*centra*/
}



			.placeholder_destaques #placeholder_destaques_centro {
				max-width: 100%;
				width: 100%;
				height: auto; 
			}


						.slot {
							float: left;
							/*background-color: #fe9c00;*/
							width: 48.90%;
							height: auto;
							padding-top: 2px;
							padding-left: 2px;
							/*padding-right: 1px;*/
						}



									.slot img{
										margin-left: 1px;
										display: table; /*centra*/
										margin: 0 auto; /*centra*/
										width: 100%;
									}







footer {

}

			footer #footer_centro {
				max-width: 100%;
			}


					footer .frase1{	
						font-size:11px;
					}

					footer #footer_centro .frase2{
						font-size:11px;
					}



}








/* 
==========================================================================
 Responsive
========================================================================== 
*/