/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "verdana", arial, arimo,  sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "verdana", arial, arimo,  sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "verdana", arial, arimo,  sans-serif;
}

.menu{
font-family: "verdana", arial, arimo,  sans-serif;
}

blockquote{
font-family: "verdana", arial, arimo,  sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/

html{
	scroll-behavior: smooth;
}

body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#F3F3F3 url(css/img/gray_jean.png);
font:normal 0.9em/150% 'verdana', arial, arimo, sans-serif;

}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}

 /* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
} 

#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #DDD;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #DDD;
margin:30px 0;
display:block;
}

.all{
	width:100%;
}

.topo{
	background-color:#F3F3F3;	
	min-height:60px;
	padding:10px;
	overflow:auto;
	border-bottom:1px #DDD solid;
	background-repeat:no-repeat;
	background-position:center top;
	height:350px;
}

.quem{
	background-color:#FFF;
	min-height:60px;
	padding:10px;
	overflow:auto;
	border-bottom:1px #DDD solid;
}

.conteudoquem{
	padding:15px 0px 30px 0px;
	border-bottom:1px #CCC dashed;
	min-height:50px;
	overflow:auto;
}

.servicos{
	background-image:url(img/fundo.jpg);
	min-height:60px;
	padding:10px;
	overflow:auto;
}

.conteudoservicos{
	padding:15px 0px 30px 0px;
	min-height:50px;
	overflow:auto;
}

.hachura{
	background-image:url(img/fundo_site.jpg);
	min-height:60px;
	padding:15px 0px 30px 0px;
	overflow:auto;
}

.maps iframe{
	width:100% !important;
}


.contato .titulo{
	width:100% !important;
	font-size:0.7777777em;
	
}

.contato .texto{
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border-bottom:1px solid #333 !important;
	color:#333 !important;
	width:100% !important;
	background-color:#FFF !important;
	font-size:0.9555em !important;
	margin-bottom:5px;
	
}


.contato textarea{
	font-size:0.9555em !important;
	border-bottom:1px solid #333 !important;
	color:#333 !important;
	width:100% !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	resize:none;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	background-color:#FFF !important;
	
}

.botao{
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border-bottom:2px #333 solid !important;
	background:#F5F5F5 !important;
	margin:2px 0px !important;
	padding:10px !important;
	text-shadow:none !important;
	color:#333 !important;
	text-transform:uppercase;
	font-family: "bangersregular"!important;
    font-size: 0.9555em !important;
	transition: 1s !important;

}

.botao:hover{
	background-color:#F5F5F5 !important;
	border-bottom:2px #7c870d solid !important;
	color:#666 !important;
}

.mail{
	text-decoration:none;
	color:#8f0816;
}

.mail:hover{
	text-decoration:underline;
}

.subtitulos{
	line-height:25px;
	font-size:1.50em;
	font-family:"verdana", arial, arimo, sans-serif;
	color:#333;
	margin:10px 0px 0px 0px;
	display:block;
}

.captcha{
	position:relative;
	width:250px;
	height:80px;
	border:1px solid #DDD;
	color:#9597a0;
	font-family:"cooper_lt_btbold_italic", Verdana, Geneva, sans-serif;
	font-size:2.000em;
	font-style:italic;
	background-image:url(img/fundocaptcha.jpg);

}

.menulink{
	font-family:"Verdana", Arimo, Geneva, sans-serif;
	font-size:1.500em;	
	text-transform:uppercase;
}

.captcha span{
	position:absolute;
	top:30px;
	right:40px;
}

.subir{
	text-decoration:none !important;
	text-shadow:none !important;
	color:#FFF !important;
	font-size:0.955500em !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border:1px solid #333 !important;
	background:#333 !important;
	color:#FFF!important;
	margin:2px 0px !important;
	padding:10px 15px !important;
	width:auto !important;
	transition:1s;
	text-indent:0px !important;
}

.subir:hover{
	border:1px solid #666 !important;
	background:#FFF !important;
	color:#666!important;
}

.imagens{
	padding:15px 0px 30px 0px;
	background-color:#FFF;
	min-height:50px;
	overflow:auto;
	border-bottom:1px #DDD solid;	
}

.fotos{
	margin-bottom:20px;
}

.fotos img{
	border:5px solid #F3F3F3;
}

.fotos .legenda{
	padding-left:5px;
	height:50px;
	display:block;	
	overflow:hidden;
	line-height:15px;
}

.logo{
	border:1px #CCC dashed;
}

.sociais{
	padding-top:8px;
}

.redondo{
	display:inline-block;
	text-align:center;
	padding:12px;
	width:50px;
	height:50px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	color:#FFF;
	background-color:#901215;
}

.redes{
	display:inline-block;
	text-align:center;
	margin-right:10px;
	color:#901215;
}

.assinatura{
	border-top:1px solid #DDD;
	background-color:#34393f;
	min-height:10px;
	padding:5px 0px;
	overflow:auto;
	font-size:0.75555000em !important;
	color:#FFF;
}

.assinatura a{
	text-decoration:none;
	color:#FFF;
}

.moca img{
	border-top:1px solid #FFF !important;
	border-left:1px solid #FFF !important;
	border-bottom:15px solid #FFF !important;
	border-right:1px solid #FFF !important;
}

.flutuar{
	z-index:9999;
	position:fixed;
	bottom:30px;
	right:30px;
	/*width:60px;
	height:60px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	padding:10px 0px 0px 4px;
	background-color:#0DC143;*/
}

.flutuar a{
	text-decoration:none;
	color:#FFF !important;
	margin-left:5px;
}