/******* PADROES *********/
body, h1, h2, h3{ font-weight:normal; font-family:'Oswald', cursive; min-width:300px; width:100%; }

html{  height:100%; min-height:100%; background-image:url(../images/bgHeader.jpg); background-size:auto ; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }

@media screen and (max-width:470px) {
	html{  background-image:url(../images/bgSite.jpg); }
}

.transicaoPadrao{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.contentPagina{ background-color:#F2F3E5;  }

h1{ color:#222; font-size:2.813em; line-height:1.150em; }
h2{ color:#222; font-size:1.250em; }	

@media screen and (max-width:650px) {
	h1{ font-size:2.000em; line-height:1.000em; }
	h2{ font-size:1.000em; }	
}


/******* HOME *********/

.contentHome{ }
	.contentHome #textoAviso{ color:#FFF; font-size:1.000em; padding:1.000em 0 0 0; opacity:0.9; filter:alpha(opacity=90); }
	.contentHome #logo{ padding:1.000em 0 0 0; }
		.contentHome #logo img{ width:60%; max-width:20.000em; }
	.contentHome #slogan{ color:#FFF; font-size:1.250em; line-height:1.250em; max-width:18.000em; opacity:0.8; filter:alpha(opacity=80); }
	.contentHome #contentMenu{ display:inline-block; margin-top:-1.000em; }
		.contentHome #contentMenu #esquerda{ float:left; background:url(../images/bgMenuHome.png) left top no-repeat; height:5.625em; width:5.000em; }
		.contentHome #contentMenu #direita{ float:left; background:url(../images/bgMenuHome.png) right top no-repeat; height:5.625em; width:5.000em; }
		.contentHome #contentMenu #centro{ float:left; background:url(../images/bgMenuHome.png) center top no-repeat; height:5.625em; }
			.contentHome #menu, .contentHome #menuSlim{ padding:0; margin:0; }
			.contentHome #menu li, .contentHome #menuSlim li { display:inline-block; list-style:none; }
			.contentHome #menu li a, .contentHome #menuSlim li a { display:block;  padding:0.750em 0.625em; margin:0; text-decoration:none; color:#222; white-space:nowrap; font-size:1.400em; }
			.contentHome #menu li a:hover, .contentHome #menuSlim li a:hover{ color:#444; }
	
	.contentHome #menuSlim{ display:none }
	@media screen and (max-width:830px) { 
		.contentHome #menu li a { padding:0.625em 0.3450em; }
	}	
	@media screen and (max-width:730px) { 
		.contentHome #menuSlim{ display:block }
		.contentHome #menu{ display:none }
		.contentHome #menu li a { padding:0.625em; }
		.contentHome #slogan{ margin:1% 0 10% 0; }
	}
	@media screen and (max-width:340px) { 
		.contentHome #menu li a { padding:0.625em 0; }
		.contentHome #slogan{ margin:1% 0 10% 0; }
		.contentHome #contentMenu #esquerda{ width:4.000em; }
		.contentHome #contentMenu #direita{ width:4.000em; }
	}	
	
		
	.contentHome #foot{ background:url(../images/pxBranco80.png); padding:1.250em 0; width:100%; margin-top:2.000em; color:#222; }
		.contentHome #foot .coluna1{ float:left; padding-left:2.500em; text-align:left; font-size:1.000em; max-width:23.500em; }
		.contentHome #foot .coluna2{ float:right;  padding-right:2.500em; text-align:right; }
			.contentHome #foot .coluna2 .fone{ font-size:1.313em; }
			.contentHome #foot .coluna2 .horario{ font-size:0.938em; }
	
	@media screen and (max-width:900px) {
			.contentHome #foot .coluna1{ float:none; width:90%; max-width:90%; padding:0 5%; text-align:center; font-size:0.900em; }
			.contentHome #foot .coluna2{ float:none; width:90%; max-width:90%; padding:0 5%; text-align:center; }
				.contentHome #foot .coluna2 .fone{ font-size:1.000em; padding:0.300em; }
				.contentHome #foot .coluna2 .horario{ font-size:0.900em; }
	}
	@media screen and (min-height:600px) { .contentHome #foot{ margin-top:3.000em; } }
	@media screen and (min-height:700px) { .contentHome #foot{ margin-top:4.500em; } }
	@media screen and (min-height:800px) { .contentHome #foot{ margin-top:6.000em; } }
	@media screen and (min-height:900px) { .contentHome #foot{ margin-top:8.000em; } .contentHome #logo{ margin-top:6.000em; } }


	
	
	
/******* HEADER *********/

.contentHeader{ width:100%; }
	.contentHeader .contentPadrao{ max-width:75.000em; padding:0 3.125em; }
		.contentHeader .coluna1{ float:left; }
			.contentHeader #logo img{ max-height:13.125em; }
	
		.contentHeader .coluna2{ float:right; padding-top:2.575em; }
			.contentHeader #contentMenu{ display:inline-block; }
				.contentHeader #contentMenu #esquerda{ float:left; background:url(../images/bgMenuHome.png) left top no-repeat; height:5.625em; width:5.000em; }
				.contentHeader #contentMenu #direita{ float:left; background:url(../images/bgMenuHome.png) right top no-repeat; height:5.625em; width:5.000em; }
				.contentHeader #contentMenu #centro{ float:left; background:url(../images/bgMenuHome.png) center top no-repeat; height:5.625em; }
					.contentHeader #menu{ padding:0; margin:0; }
					.contentHeader #menu li{ display:inline-block; list-style:none; }
					.contentHeader #menu li a{ display:block; padding:0.750em 0.625em; margin:0; text-decoration:none; color:#222; white-space:nowrap; font-size:1.400em; }
					.contentHeader #menu li a:hover{ color:#444; }
			.contentHeader #slogan{ color:#FFF; font-size:1.250em; line-height:1.250em; max-width:18.000em; opacity:0.8; filter:alpha(opacity=80); margin-top:-0.625em; }
	.contentHeader .titulo{ background:url(../images/pxBranco80.png); padding:1.500em 0; }
	
	@media screen and (max-width:1220px) {
		.contentHeader #menu li a { padding:0.625em 0.345em; }
	}
	@media screen and (max-width:1150px) {
		.contentHeader #menu li a { font-size:1.200em; padding:1.100em 0.345em; }
		.contentHeader #contentMenu #esquerda, .contentHeader #contentMenu #direita{ width:3.500em; }
	}
	@media screen and (max-width:1020px) {
		.contentHeader #menu li a { padding:1.100em 0.150em; }
	}
	@media screen and (max-width:970px) {
		.contentHeader .coluna1{ width:100%; padding:2.000em 0 0 0 }	
	}
	@media screen and (max-width:650px) {
		.contentHeader #logo img{ max-height:10.125em; }	
	}


/******* FOOT *********/

.contentFoot{ background:url(../images/pxBranco80.png); padding:2.250em 0; color:#222;  }
	.contentFoot h2{ padding-bottom:0.500em; }
	.contentFoot .contentPadrao{ max-width:63.000em; padding:0 3.125em; }
		.contentFoot .coluna1{ float:left; text-align:left; font-size:1.000em; }
			.contentFoot .fone{ font-size:1.313em; }
			.contentFoot .horario{ font-size:0.938em; }
			.contentFoot .endereco{ font-size:0.938em; padding:1.313em 0; }
			.contentFoot .newsletter{ font-weight:300; }
				.contentFoot .newsletter h2{ padding-bottom:0; }
				.contentFoot .newsletter .formPadrao{ width:50%; }
		
		.contentFoot .coluna2{ float:right; text-align:left; max-width:35.000em; width:40%; }
			.contentFoot .texto{ font-weight:300; }
			.contentFoot .cliente{ text-align:right; padding:0.315em 0 0 0; margin-right:0.315em; }
			.contentFoot .comente{ line-height:1.000em; border-top:4px solid #222; padding:0.315em 0 0 0; cursor:pointer; }
				.contentFoot .comente a{ color:#222; }
				.contentFoot .comente a:hover{ color:#222; opacity:0.8; filter:alpha(opacity=80); cursor:pointer; }
	
	.btChatMobile{ display:none; }
	@media screen and (max-width:880px) {
		.contentFoot .contentPadrao{ width:80%; }
		.contentFoot .coluna1{ float:right; width:100%; }
		.contentFoot .coluna2{ float:left; width:100%; }
		.contentFoot .cartao{ padding-bottom:1.313em;  }
		.btChatDesktop{ display:none; }
		.btChatMobile{ display:block; }
	}
	
	@media screen and (max-width:600px) {
		.contentFoot .contentPadrao{ padding: 0; width:85%; }
	}
	
	
	
/******* MODELOS *********/

.contentModeloLista{ max-width:75.000em; padding:1.875em 0;}
	.contentModeloLista .item{ display:inline-block; margin:0.625em; }
	.contentModeloLista .item .foto{ background-position:center center; background-size:auto 100%; background-repeat:no-repeat; width:14.375em; height:21.663em; border:0.188em solid #FFF; }
	.contentModeloLista .item .foto:hover{ opacity:0.6; filter:alpha(opacity=60); }
	.contentModeloLista .item .nome{ background:url(../images/bgNome.png) right center no-repeat; padding:0.900em 2.000em 0.900em 0.9000em; position:absolute; margin-top:-4.000em; margin-left:0.188em; color:#222; opacity:0.8; filter:alpha(opacity=80); }
	.contentModeloLista .item:hover .nome{ background:url(../images/bgNomeHover.png) right center no-repeat; color:#FFF; }
	
	@media screen and (max-width:380px) {
		.contentModeloLista .item{ display:inline-block; margin:0.625em 0; }
		.contentModeloLista .item .foto{ width:14.375em; height:21.663em; }
	}



/******* MODELO *********/

.contentModelo{ padding-top:1.875em; max-width:75.000em; }
	.contentModelo .galeria{}
		.contentModelo .galeria img{ max-width:100%; max-height:30.000em; padding:0.625em; display:inline-block; }

@media screen and (max-width:380px) {
	.contentModelo{ padding:0.625em 0em; }
		.contentModelo .galeria img{ display:block; padding:0.625em 0; max-width:90%;}
}


.contentModeloTexto{ max-width:63.000em; padding:1.600em 0 0 0; color:#222;  }
	.contentModeloTexto h2{ padding-bottom:0.250em; }
	.contentModeloTexto .contentPadrao{ max-width:75.000em; padding:0 3.125em; }
		.contentModeloTexto .coluna1{ float:left; text-align:left; max-width:35.000em; width:40%; font-size:1.000em; }
			.contentModeloTexto .frase{ padding:1.250em 0; }
			.contentModeloTexto .compartilhe{ border-top:4px solid #222; padding:1.250em 0; }
				.contentModeloTexto .face{ float:left; margin-right:1.250em; }
				.contentModeloTexto .email{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background:#333; padding:4px 14px; -webkit-border-radius:3px; border-radius:3px; }
				.contentModeloTexto .email:hover{ cursor:pointer; background:#000; }
		.contentModeloTexto .coluna2{ float:right; text-align:left; max-width:35.000em; width:40%; }
			.contentModeloTexto .texto{ font-weight:300; }
			.contentModeloTexto .cliente{ text-align:right; padding:0.315em 0 0 0; margin-right:0.315em; }
			.contentModeloTexto .comente{ line-height:1.000em; border-top:4px solid #222; padding:0.315em 0 0 0; }
				.contentModeloTexto .comente a{ color:#222; }
				.contentModeloTexto .comente a:hover{ color:#222; opacity:0.8; filter:alpha(opacity=80); }
	
	@media screen and (max-width:880px) {
		.contentModeloTexto { width:80%; padding-bottom:1.250em; }
		.contentModeloTexto .coluna1{ float:left; width:100%; }
		.contentModeloTexto .coluna2{ float:left; width:100%; }
	}
	

.contentVejaTambem{ max-width:63.000em; padding:1.250em 0 2.600em 0; width:90%; }
	.contentVejaTambem h2{ text-align:left; padding-bottom:0.625em; }
	.contentVejaTambem .item{ display:inline-block; margin:0 0.625em; }
	.contentVejaTambem .item .foto{ background-position:center center; background-size:auto 100%; background-repeat:no-repeat; width:8.313em; height:12.500em; border:0.188em solid #FFF; }
	.contentVejaTambem .item .foto:hover{ opacity:0.6; filter:alpha(opacity=60); }
	.contentVejaTambem .item .nome{ background:url(../images/bgNome.png) right center no-repeat; padding:0.900em 2.000em 0.900em 0.9000em; position:absolute; margin-top:-4.000em; margin-left:0.188em; color:#222; opacity:0.8; filter:alpha(opacity=80); }
	.contentVejaTambem .item:hover .nome{ background:url(../images/bgNomeHover.png) right center no-repeat; color:#FFF; }
	
	@media screen and (max-width:1100px) {
		.contentModeloTexto { max-width:90%; }
	}
	
	@media screen and (max-width:880px) {
		.contentVejaTambem{ max-width:90%; }
	}
	
	@media screen and (max-width:450px) {
		.contentModeloTexto .email{ margin-top:1.250em; clear:both; }
	}

	
	@media screen and (max-width:380px) {
		.contentVejaTambem{ max-width:90%; padding:1.250em 0.625em 0; }
			.contentVejaTambem h2{ text-align:left; padding-bottom:0; }
			.contentVejaTambem .item{ display:inline-block; margin:0.625em 0; }
			.contentVejaTambem .item .foto{ width:8.313em; height:12.500em; }
	}




/******* QUEM SOMOS *********/

.contentQuemSomos{ max-width:63.000em; padding:1.600em 0 0 0; color:#222;  }
	.contentQuemSomos .texto{ }
		.contentQuemSomos .texto img{ width:100%; padding:1.250em 0; }
		.contentQuemSomos .texto p{ padding-bottom:1.500em; line-height:2.000em; }
		.contentQuemSomos .texto li{ line-height:2.000em; font-weight:300; }
		.contentQuemSomos .coluna1{ float:left; text-align:left; max-width:45.000em; width:48%; font-size:1.000em; font-weight:300; }
		.contentQuemSomos .coluna2{ float:right; text-align:left; max-width:45.000em; width:48%; font-size:1.000em; }
		
	@media screen and (max-width:1100px) {
		.contentQuemSomos { width:90%; }
	}
	
	@media screen and (max-width:880px) {
		.contentQuemSomos { width:80%; padding-bottom:1.250em; }
		.contentQuemSomos .coluna1{ float:left; width:100%; }
		.contentQuemSomos .coluna2{ float:left; width:100%; }
	}


/******* LOCALIZAÇÃO *********/

.contentMapa{ height:25.000em; width:90%; max-width:63.000em; border:0.188em solid #FFF; }



/******* CONTATO *********/

.formPadrao { font-family:'Oswald', cursive; padding:0.625em; width:100%; border:1px solid #999; background-color:#F2F3E5; margin-bottom:1.000em; font-size:1.000em; }
.formBotao { font-family:'Oswald', cursive; padding:0.625em 2.625em; border:0; background-color:#333; color:#FFF; font-size:1.000em; }
.formBotao:hover{ cursor:pointer; background:#000; }

label { display: block; }
label.error { padding:0; margin:0; font-size:0px; color:#F00; }	
input.error, textarea.error, select.error { -webkit-box-shadow:inset 0 0 8px 0 #FF6C6C; box-shadow:inset 0 0 8px 0 #FF6C6C; }


.contentContato{ max-width:63.000em; padding:2.600em 0 0 0; color:#222;  }
	.contentContato .coluna1{ float:left; text-align:left; max-width:45.000em; width:48%; font-size:1.000em; font-weight:300; }
		.contentContato .email{ }
		.contentContato .fone{ font-size:1.313em; font-weight:400; margin-top:1.225em;  }
		.contentContato .horario{ font-size:0.938em; margin-bottom:2.225em; }
		.skypeLegenda{ float:left; padding-top:1.350em; font-size:1.313em; font-weight:400; }
		.skypeBotao{ float:left; }
	.contentContato .coluna2{ float:right; text-align:left; max-width:45.000em; width:48%; font-size:0.875em; }
		.contentContato .contentMail{ float:left; width:58%; }
		.contentContato .contentFone{ float:right; width:35%; }
		.contentContato .msg{}
			.contentContato .msg .titulo{ font-size:1.313em; font-weight:400; }
			.contentContato .msg .subtitulo{ font-weight:300; margin-top:1.225em; }
	
		
	@media screen and (max-width:1100px) {
		.contentContato { width:90%; }
	}
	
	@media screen and (max-width:880px) {
		.contentContato { width:80%; padding-bottom:1.250em; }
		.contentContato .coluna1{ float:left; width:100%; }
		.contentContato .coluna2{ float:left; width:100%; }
	}


	@media screen and (max-width:440px) {
		.contentContato .contentMail{ float:left; width:100%; }
		.contentContato .contentFone{ float:right; width:100%; }
	}


/****** FLOTTEN ************/

.bodyFlotten{ /* background:url(../images/pxBranco80.png); */ color:#222; text-align:left; background-color:#F2F3E5; }
	.bodyFlotten .formFlottem{ font-size:0.875em; padding:4.000em; }
	.bodyFlotten .coluna1{ float:left; width:30%; }
	.bodyFlotten .coluna2{ float:right; width:60%; }
	
	@media screen and (max-width:440px) {
		.bodyFlotten .coluna1{ float:left; width:100%; }
		.bodyFlotten .coluna2{ float:right; width:100%; }
	}

/******* TRABALHE CONOSCO *********/

.contentTrabalhe{ max-width:63.000em; padding:2.600em 0 0 0; color:#222;  }
	.contentTrabalhe .coluna1{ float:left; text-align:left; max-width:45.000em; width:30%; font-size:1.000em; font-weight:300; }
	.contentTrabalhe .coluna2{ float:right; text-align:left; max-width:45.000em; width:65%; font-size:0.875em; }
		.contentTrabalhe .contentNome{ float:left; width:35%; margin-right:5%; }
		.contentTrabalhe .contentMail{ float:left; width:35%; }
		.contentTrabalhe .contentFone{ float:right; width:20%; }
		.contentTrabalhe .msg{}
			.contentTrabalhe .msg .titulo{ font-size:1.313em; font-weight:400; }
			.contentTrabalhe .msg .subtitulo{ font-weight:300; margin-top:1.225em; }
	
		
	@media screen and (max-width:1100px) {
		.contentTrabalhe { width:90%; }
	}
	
	@media screen and (max-width:950px) {
		.contentTrabalhe { width:80%; padding-bottom:1.250em; }
		.contentTrabalhe .coluna1{ float:left; width:100%; padding-bottom:2.250em; }
		.contentTrabalhe .coluna2{ float:left; width:100%; }
	}


	@media screen and (max-width:440px) {
		.contentTrabalhe .contentNome{ float:left; width:100%; }
		.contentTrabalhe .contentMail{ float:left; width:100%; }
		.contentTrabalhe .contentFone{ float:right; width:100%; }
	}


/******* DIVERSOS *********/
.bannerClienteFiel{ background:#F2F3E5; padding-top:1.500em; }
	.bannerClienteFiel img{ width:100%; max-width:1000px; border:3px solid #FFF; }
	.bannerClienteFiel img:hover{ opacity:0.7; cursor:pointer; }