@charset "utf-8";
/* CSS Document */

.no-padding { padding: 0; margin: 0;}

/*** Header ******************************/
.header-bg {position: relative; background: transparent url(../images/fotolia_92654859.jpg) no-repeat; background-size: cover; }

.relative { position:relative; }
 
.logo-wrapp  { 
	margin: 123px 0;
	background: transparent;
	/*
	background-color: rgba(0, 0, 0, 0.60);
	background: rgba(0, 0, 0, 0.60);
	color: rgba(0, 0, 0, 0.60);
	*/
} /* height é atualizado dinamicamente através do JQuery */

.logo-wrapp h4 { color: #fff !important; text-transform: uppercase; padding-bottom: 62px; padding-top: 40px; font-size: 1.4em; padding-left: 5px; padding-right: 5px;}
.logo {  /* 36px é a altura do logo. Alterar se for modificado */ margin-top: 52px; padding-top: 62px; width: 230px; height: auto;}	

.slider-wrapp { position: relative; margin-top: 40px; margin-bottom: 100px; }	

.left-arrow { display: block; background: url(../images/left-arrow.png) left no-repeat; width: 100%; height: 109px; margin-top: 100%;  }
.right-arrow { display: block; background: url(../images/right-arrow.png) right no-repeat; width: 100%; height: 109px; margin-top: 100%; }

.btn-facebook { position: relative; display: block; background: url(../images/facebook_bt.png) no-repeat; width : 36px; height: 36px; float: right; margin: 8px; z-index: 50;}
.btn-facebook:hover {
	background: url(../images/facebook_over_bt.png) no-repeat;
}

/*** Menu *********************************/

.row-main-menu-wrapp {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.55);
	background: rgba(0, 0, 0, 0.55);
	color: rgba(0, 0, 0, 0.55);
	z-index: 30;
	max-width: 100%;
	overflow:hidden;
	left: 0; right: 0;
	padding: 0;
	margin: 0;
	margin-top: -71px;


}


.row-main-menu-wrapp-fixed {
	position: fixed !important;
	-webkit-transition: background 0.5s linear; 
	-moz-transition: background 0.5s linear;
	-o-transform: background 0.5s linear;
	transition: background 0.5s linear;
	top: 0;	
	left: 0;
	right:0;
	background-color: rgba(0, 0, 0, 08);
	background: rgba(0, 0, 0, 0.8);
	color: rgba(0, 0, 0, 0.8);
	margin-top: 0px;
}


.main-menu-wrapp { position: relative; margin: 10px 0; padding: 0; }
.main-menu { margin: 0 auto; padding: 0; text-align: center;}
.main-menu li { display: inline-block; margin: 0 12px; background-color: #f4b719;/*#f9e504; */ }
.main-menu li a:link, .main-menu li a:visited { display: block; line-height: 30px; font-weight:bold; text-transform: uppercase; color: #000 !important; padding: 10px; 	text-decoration: none; }
.my-btn { padding: 0; }	

.hover-bt { 
 -webkit-transition-property: opacity; /* Safari */
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-property: opacity;
    transition-duration: 0.5s;
	-webkit-animation-duration: 0.5s; /* Safari */
  	animation-duration: 0.5s;
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

/*** Main *********************************/
.main { }
.list-servicos { margin-top: 10px; padding: 0; }
.list-servicos li { margin-left: 20px; margin-top: 17px; margin-bottom: 17px; padding-left: 5px; }

.loading {position: absolute; left: 0; right: 0; margin-top: 5px; width: 18px; height: 18px; background:url(../images/loading.gif); background-size:contain; display:none; }
.error-alert { border: 1px solid #F00; }

.modal-header { background-color: #f9e504; border-top-left-radius: 4px; border-top-right-radius: 4px; } 


/*** Footer ***********************************/

.row-top-footer { margin-top: 40px;  padding-bottom: 36px; border-bottom: 1px dotted #CCCCCC;}
.bottom-menu { margin: 0; padding: 0; text-align:center; }
.bottom-menu li { display: inline-block; margin: 0 20px; }
.bottom-menu li a:link, .bottom-menu li a:visited { color: #333; }

.dotted-border-bottom { border-bottom: 1px dotted #CCC; padding-bottom: 10px;}
.text-contacts { font-size: 1.2em; }
.copyright, .copyright a  { font-size: 9px; color: #CCC; } 


@media (min-width: 1850px){
	.logo-wrapp  { 
		margin-top: 137px;
	}
}



@media (max-width: 1200px ) {
	.logo-wrapp  { 	margin: 95px 0; }
	.logo-wrapp h4 { padding-top: 10px; }
}


@media (max-width: 992px ) {
	.my-text-align { text-align: center;}	
	.logo-wrapp  { 	margin: 0px; background: #fff; padding: 0; }
	.logo  { margin-top: 0px; padding-top: 15px; padding-bottom: 15px; width: 200px; height: auto; }
	.logo-wrapp h4 { font-size: 1.3em; }
	.slider-wrapp { margin-top: 5px; }
}


@media (max-width: 767px ) {
	.main-menu li { display: block; margin: 5px 0; }
	.left-arrow, .right-arrow { 
		margin-top: 85%;
		-moz-transform: scale(0.85, 0.85);
		-ms-transform:scale(0.85, 0.85);
		-o-transform: scale(0.85, 0.85); 
		-webkit-transform: scale(0.85, 0.85);
	}
	.main { margin-top: 150px;}
	.btn-facebook {float: none; margin: 0 auto; text-align: center;}

}

@media (min-width: 411px) and (max-width: 767px ) {

}


@media (max-width: 410px ) {
	.left-arrow, .right-arrow { 
		margin-top: 20%;
		-moz-transform: scale(0.7, 0.7);
		-ms-transform:scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7); 
		-webkit-transform: scale(0.7, 0.7);
	}

	.logo-wrapp  {  margin-top: 32px ;	} 
		.logo-wrapp h4 { font-size: 1.2em; margin-top: 0; padding-bottom: 30px;  padding-top: 20px; }
		.logo {  margin-top: 0; padding-top: 32px;}	
		.header-bg { top: -25px; }



}

/* animate */

main {
	-webkit-animation-delay: 0.5; 
	animation-delay: 0.5;
}