/*	
Documento de estilo de Centro de beleza Lurdinha cabelereiro e estética
Criado por Lorran Tejada dos Santos - 17/06/2014
www.legulas.com.br
*/
/*------------------------------------------------------------------------------------------------------------------------------------------CSS RESET*/
*{margin:0; padding:0; border:0; text-decoration:none; list-style:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
color: #000;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: Verdana; /*Arial, "Helvetica Neue", Helvetica, sans-serif*/
vertical-align: baseline;}
:focus { outline: 0;}
a{color: #000;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul, li {list-style:none;padding:0px;margin:0px;}
input, textarea, select, button{font-size: 100%; font-family: inherit;}
select {margin: inherit;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000; }
::-moz-placeholder {color: #000; }
:-ms-input-placeholder {color: #000;}
.clear{clear: both;}
html, body{min-height: 100%; overflow-x:hidden;}
.container{margin:0 auto; width: 960px}
.left{float:left;}
.right{float:right;}
.hover{transition:0.5s;}
.hover:hover{cursor:pointer; opacity:0.5; transition:0.5s;}


#sub_icons li{ display: inline-block; zoom: 1;*display: inline;}
/*---------------------------------------------------------------------------------------------------------------------------------------NAVEGACAO*/
#nav-bar{background:#FFFFFF; height:116px; position: fixed; top:38px; z-index:11; overflow: hidden;}
	#list-nav-bar{float:left; margin-top: 66px;}
		#list-nav-bar li{display: inline-block;}
			#list-nav-bar li a{ color:#000000; display:block; font-size:1em; font-weight:bold; padding:0 10px; text-decoration:none; transition:0.2s;}
			#list-nav-bar li a:hover{transition:0.2s;}
/*---------------------------------------------------------------------------------------------------------------------------------------ESTRUTURA*/  
#main{position:relative;top:0px;}
	#box-01, #box-02, #box-03, #box-04, #box-05{border:0px solid #000; width:100%; position:absolute;}  
		#box-01{top:0px; height:505px; margin-top: 270px; z-index:10;}
		#box-02{background:#FFFFFF;top:775px; height:505px; margin-top: -155px; z-index:8;}
		#box-03{background:;top:1116px; height:482px; margin-top: -154px; z-index:7;}
		#box-04{background:#64982c;top:1644px; height:110px; z-index:6;}
			#box-04 span a{color:#ffffff;}
			#box-04 span a:hover{color:#000000;}

/*---------------------------------------------------------------------------------------------------------------------------------------ESTRUTURA*/
.servicos{margin:0 0 0 65px; width: 930px;}
.servicos li{color:#ffffff; /*color:#85ae59; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);*/ display: inline-block; font-size:1.1em; padding: 0 113px 0 0; text-align: center;}

 .links{text-align: right;}
			 .links .bt{float: right;}
			 .links ul{display: block; float: right;}
				 .links li{/*background: url(imgs/icons-index.png) no-repeat;*/ display: inline-block; font-size: 0px; height: 36px; padding:0 175px 0 0; width: 36px;}
					 .links li a{display: block; opacity: 1; position: relative;}
					 .links li a:hover span{display: inline-block; text-align: justify;}
					 .links li a img{opacity: 1; -moz-opacity: 1;}
						 .links li span{background: #e9e5dc; border: 1px solid #dcdcdc; border-radius: 6px; display: none; position:absolute; font-size: 13px; left: -15px; line-height: 13px; top: 55px; padding: 14px 20px; z-index: 10; width: 180px;}
						 .links li.adesivos{background-position: 0 0;}
						 .links li.placas{background-position: -36px 0;}
						 .links li.faixas{background-position: -78px 0;}
						 .links li.camisas{background-position: -118px 0;}

#gallery{
	 overflow-y:hidden !important;
}




form.contato{
  width: 600px;
  margin: 0 auto;
}

form.contato input,
form.contato textarea{
	width: 100%;
	display: block;
	padding: 8px;
	margin: 10px 0;
}

form.contato input::-webkit-input-placeholder,
form.contato textarea::-webkit-input-placeholder{
   color: #c3c3c3;
}

form.contato input:-moz-placeholder,
form.contato textarea:-moz-placeholder{ /* Firefox 18- */
   color: #c3c3c3;  
}

form.contato input::-moz-placeholder,
form.contato textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #c3c3c3;  
}

form.contato input:-ms-input-placeholder,
form.contato textarea:-ms-input-placeholder{  
   color: #c3c3c3;  
}

form.contato textarea{
	height: 160px;
}

div.g-recaptcha div{
	margin: 5px auto;
}

form.contato input.btn{
	display: table;
	margin: 15px auto;
	width: auto;
	border: none;
	background: #4D8A0C;
	padding: 15px 35px;
	cursor: pointer;    
	color: #FFF;
	font-weight: bold;
}

form.contato input.btn:hover{
	background-color: #44770D
}
form.contato div.msg{
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translate3d(0, 0,0);
  transition: .7s ease-out;
  position: fixed;
  z-index: 999;
  
}
form.contato div.ocultar{
  opacity: 0;
  transform: translate3d(-900px, 0,0);
  transition: .7s ease-out;
}
form.contato div.msg img.btn-close{
  cursor: pointer;
}
form.contato div.error{
    width: 300px;
	  color: #ffff;
    font-weight: bold;
    padding: 20px;
    background:#B70606;
    position: fixed;
    left: 50%;
    bottom: 50%;
    margin-left: -150px;
    margin-bottom: -30px;
    transition: .7s ease-out;
    z-index: 999;
}

form.contato div.sucess{
    width: 300px;
	  color: #fff;
    font-weight: bold;
    padding: 20px;
    background: #44770d;
    position: fixed;
    left: 50%;
    bottom: 50%;
    margin-left: -150px;
    margin-bottom: -30px;
    z-index: 999;
    transition: .7s ease-out;
}
.whatsappMessage{
		position: fixed;
    right: 15px;
    bottom: 15px;
    border-radius: 999px;
    width: 200px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 999;
    transition: 0.8s;
}