@charset "utf-8";
/*Menu*/
@import url('fonts.css');
html, body{margin:0; padding:0;font-family:"MyriadProRegular", Calibri, sans-serif; font-weight:normal;}
/*Topo*/
#topo-menu-back{width:100%; top:0; position:fixed; z-index:10001; transition:all 0.5s ease;
				-wekit-transition:all 0.5s ease;background-repeat:repeat-x;background-position:0px 0px;}
#topo-menu-back:before{background-image:url(../images/topo-menu/bg-menu-fixed.png); opacity:0; content:""; width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.5s ease; z-index:-1;}

#topo-logo-container{height:75px; width:116px; text-align:center; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#topo-logo-container img{margin:8px auto 0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
/*Menu*/
#nav-menu{padding:0; width:auto; float:right; }
#nav-menu ul{padding:0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
#nav-menu ul.showed{opacity:1; height:auto; display:block; transform:rotateX(0deg) !important;}
#nav-menu ul li{padding:0; margin:0; list-style:none;}
#nav-menu ul li.li-spacer{width:1%; height:5px;}
#nav-menu ul li a, #nav-menu div a{text-decoration:none; color:#A4A3A3; font-size:large; text-transform:uppercase; font-family:MyriadProBold, Arial, Calibri, sans-serif; display:block; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
#nav-menu ul li a:hover{color:#9bffff;}
#nav-menu ul li a.menu-active{color:#9bffff;}


/*Slider*/
#slider_section {margin:0;padding:0; width:100%;}
#slider img{cursor: pointer;}
/*Conteúdo*/
.c1{margin:0 auto; padding:0; text-align:center;}
h1{font-family:"MyriadProLight", Calibri, sans-serif; font-size:xx-large; margin:10px 0; padding:0;color:#ffffff;}
h2{font-family:"MyriadProLight", Calibri, sans-serif; font-size:x-large; margin:10px 0; padding:0;color:#54b7b1;}
p{color:rgba(114,114,114,1.00);}
.t-left{text-align: left; margin-left: 1.5%;}
.wide-section{padding:0; margin:0 auto; width:100%;}
.wide-title{width:100%; height:98px; text-align:center; color:#FFF; background:url(../images/assets/bg-titulos.png) repeat-x left top; position:relative;}
.wide-title h1{ position:relative; top:26%; padding:0; margin:0 auto; text-transform:uppercase; font-size:xx-large; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.4); z-index:2;}
.p-main-text{font-size:16pt; color:#595959; width:80%; text-align:center; margin:0 auto;}
.p-sec-text{font-size:large; color:#3B3B3B; width:97%; text-align:left; margin-left:1.5%;}
.half-title{height:90px; color:rgba(255,255,255,1.00);}
.half-title h1{font-size: xx-large;font-weight: 100;text-transform: uppercase;}
.main-content{text-align:left; color:#434343;}
.c2-p40, .c2-p60{display:inline-block; vertical-align:top; text-align:left;}
.c70 ul{text-align: left; font-size: large;}

/*Bloco de atuações*/
.bloco-atuacao{width:250px; text-align:center; padding:0 0.5%; margin:2px auto; display:inline-block; vertical-align:top;}
.bloco-atuacao a{text-decoration:none; border:none; font-weight:100;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; display:block;}
.bloco-atuacao a .div-img-back{position:relative; top: 0; left:0;}
.bloco-atuacao a .hover-tile{position:absolute; top:0; left:0; background:rgba(68,161,156,0.75); color:rgba(255,255,255,1.00); text-decoration:underline; width:250px; height:167px; z-index:101; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; opacity:0;}
.hover-tile span{position:relative; top:40%; left:0;}
.bloco-atuacao a:hover:not([class="galeria"]){transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); z-index:102;}
.bloco-atuacao a:hover .hover-tile{opacity:1;}
.bloco-atuacao h3{color:#626262;padding:0; margin:5px 5px 0; font-size:x-large; font-weight:inherit;}
.bloco-atuacao p{color:#606060; padding:0; margin:5px;font-weight:inherit;}
.clear-both{clear:both}
.bloco-atuacao-opaco{opacity:0.8; filter:blur(2px) grayscale(0.6);-webkit-filter:blur(2px) grayscale(0.6);}

/*Contato*/
.scrolloff {
    pointer-events: none;
}

/*Bloco Novidades */
.box-novidade{margin:5px 0; color:#A2A2A2; text-align:left;}
.box-novidade a{text-align:left;padding:5px; display:block; color:inherit; text-decoration:none; box-shadow:1px 1px 3px rgba(181,181,181,1.00); background:#fafafa;
				transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.box-novidade a h3{padding:0 0 5px 0; margin:0; color:#A2A2A2; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.box-novidade a p{margin:0; padding:0 0 5px 0;}
.box-novidade a span{font-size:small;}
.box-novidade a:hover{background:#E9E9E9;}
.box-novidade a:hover h3{color:rgba(0,0,0,1.00);}
.container-left{float:left;}
.container-right{float:right; width:calc(100% - 140px);}

/*Página de novidade*/
.main-noticia{font-size: large;text-align: justify; margin:0 auto;}
.noticia-data{color:#9E9E9E; font-size:small;}
.share-container{float:right; width:40%;}
/*Contato*/
#iframe-map{border: 0 none;box-shadow: 0 0 2px rgba(83, 83, 83, 1);-webkit-box-shadow: 0 0 2px rgba(83, 83, 83, 1);margin: 20px auto 0;}

.c-white{background-color:rgba(255,255,255,1.00);}

/*Botões */
.btn{ text-align:center;margin:15px auto; background-color:#54b7b1; color:rgba(255,255,255,1.00); border-radius:12px; font-size:x-large; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.btn:hover{background-color:#76D5D9;}
.btn a{padding:12px; color:inherit; text-decoration:none; display:block;}

/*Vídeo*/
.video-pplayer, .video-pplayer-big{margin:5px 0;}

/*Rodapé*/
.footer{background:#000000; color:#A1A0A0;}
.footer p{font-size:large; padding:0; margin:12px auto;}
#logo-footer{margin-top:10px;}
.ft-copyright{font-size:small; background-color:#1b1b1b; height:50px; text-align:center; color:#cccccc;}
.ft-copyright span{color:#777;}
.ft-copyright a{text-decoration:none; color:inherit;}
.ft-copyright a:hover{color:#E9E9E9;}
.form-alert {width:50%; background: #F8FF00 linear-gradient(180deg, #fff78b, #fffbc8);  border-radius: 10px;  color: #ff0000;  display: block; padding: 5px 10px; margin:0 auto; border:solid 1px #F8FF00;}

/*Rodapé da OZACA */
.ft-ozaca{background-color:#000000; position:relative; text-align:center; height:50px;}
.ft-ozaca .ft-ozaca-tarja-wrapper{ height:3px; width:100%; margin-top:22px;  position:absolute;
	background:linear-gradient(0deg, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 49%, rgba(29,177,228,1.00) 50%, rgba(29,177,228,1.00) 100%);
	background:-webkit-linear-gradient(0deg, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 49%, rgba(29,177,228,1.00) 50%, rgba(29,177,228,1.00) 100%);
	background:-moz-linear-gradient(0deg, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 49%, rgba(29,177,228,1.00) 50%, rgba(29,177,228,1.00) 100%);
	background:-o-linear-gradient(0deg, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 49%, rgba(29,177,228,1.00) 50%, rgba(29,177,228,1.00) 100%);}
.ft-ozaca .ft-ozaca-wrapper{width:240px; position:relative; margin:0 auto; padding:0 2px; background-color:#000000; -webkit-transform:scale(0.8); -webkit-transition:all 0.5s ease 0s; transform:scale(0.8); transition:all 0.5s ease 0s;}
.ft-ozaca .ft-ozaca-wrapper:hover{transform:scale(0.9);}
.ft-ozaca .ft-ozaca-wrapper img{position:absolute; top:0; left:4px; border:none;}
.ft-ozaca a{  display: block;  height: 50px;  transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;  width: 240px; opacity:0; overflow:hidden;}
.ft-ozaca a:hover{opacity:1; -webkit-opacity:1; }


/* formulário de contato*/
#form_contato{display:block; width:95%; margin:0 auto; padding:0; text-align:right; vertical-align:middle;}
#form_contato label{display:inline; font-weight:bold; font-size:large; color:#919090;}
#form_contato .form-campo{width:70%; height:30px; margin:5px 0;}
#form_contato .form-area{width:70%; height:90px;vertical-align:middle;}
#form_contato .form-btn{width:20%; height:30px; background:#CFCFCF; border: 1px solid #3B3B3B; margin:10px auto; text-align:center;}
#form_contato input, #form_contato textarea {transition:all 0.5s ease; border:solid 1px #B5B5B5; font-size:medium; color:#676767; font-family:"MyriadProLight", Calibri, sans-serif;}
#form_contato input:hover, #form_contato textarea:hover, #form_contato input:focus, #form_contato textarea:focus, #form_contato input[type="submit"]:hover{background-color:#f4f8f8;}

/*Informações de contato (UL comos ícones)*/
.ul-contato{list-style:none; padding:0; margin:0;}
.ul-contato li {list-style:none; padding:13px 0px 13px 50px; margin:0; text-align:left; color:#5d5d5d; font-family:MiriadProLight, Calibri, sans-serif; font-size:16pt;}
.ico-map{background:url(../images/assets/icon-map.png) left center no-repeat;}
.ico-email{background:url(../images/assets/icon-email.png) left center no-repeat;}
.ico-fone{background:url(../images/assets/icon-fone.png) left center no-repeat;}
.ico-facebook{background:url(../images/assets/icon-facebook.png) left center no-repeat;}
.ico-whatsapp{background:url(../images/assets/icon-whatsapp.png) left center no-repeat;}
.ico-instagram{background:url(../images/assets/icon-instagram.png) left center no-repeat;}


@media only screen and (max-width: 799px ){
	#topo-menu-back{position:relative; top:inherit; z-index:inherit; background:#000000;}
	#topo-logo-container{width:95%; margin:0 auto; background:none;}
	#nav-menu{width:100%;}
	#nav-menu ul{margin:5px 0; text-align:center;opacity:0; height:0px; transform:rotateX(90deg);}
	#nav-menu ul li{ display:block; padding:0; }
	#nav-menu div#mobile-btn{border-bottom:1px solid #444;border-top: 1px solid #444;}
	#nav-menu ul li a,  #nav-menu div a{padding:2px 5px;}
	#nav-menu ul li a .fa, #nav-menu div a .fa{width:50px; text-align:center; margin:2px 8px;}
	#nav-menu ul li a span, #nav-menu div a span{display:block; padding:9px 0 0 0;}
	.btn-wide{width:320px;}
	div.clear-mobile{display:block;}
        .mClear{clear: both;}
	.ef-paralaxe2{background-image:url(../images/pages/empresa/bg-paralaxe-empresa-small.jpg); background-attachment:local; background-position:top center;}
	.half-title{width:100%;}
	.t-left, .t-right, .t-left-r{float:none; text-align:center;}
	.half-title h1{margin: 0 auto; padding:23px 0;}
	.c1, .c60, .c40{width:99%;}
	.desktop-only{display:none; visibility:hidden;}
	.map-iframe{width:95%; height:250px;}
	.video-pplayer{height:273px; width:90%;}
	.video-pplayer-big{width:100%; height:265px;}
	.main-noticia{width:90%;}
	.main-noticia img{max-width:360px; height:auto;}
}
@media only screen and (min-width: 800px) and (max-width: 1090px ) {
	div.clear-mobile{display:block;}
}
@media only screen and (min-width: 1091px) and (max-width: 1361px ) {
	div.clear-mobile{display:none;}
}
@media only screen and (min-width: 800px){
	#topo-logo-container{ float:left; opacity:0;}
	#topo-menu-back.scrolled:before{opacity:1;}
	#topo-menu-back.scrolled #topo-logo-container{opacity:1;}
	.btn-wide{width:400px;}
	#nav-menu{width:calc(100% - 200px);}
	#nav-menu ul{margin:25px 0;text-align:right;}
	#nav-menu ul li{ display:inline-block;}
	#nav-menu ul li a, #nav-menu div a{padding:0 5px;}
	
	.h1-empresa:after{background-image: url("../images/assets/h1-bg-empresa.jpg"); background-position: right top;background-repeat: no-repeat;
			content: ""; display: block; height: 100%; left: 0;	opacity: 0.4; position: absolute; top: 0; width: 90%; z-index: 1;}
	.h1-atuacao:after{background-image: url("../images/assets/h1-bg-atuacao.jpg"); background-position: left top;background-repeat: no-repeat;
			content: ""; display: block; height: 100%; right: 0;	opacity: 0.4; position: absolute; top: 0; width: 90%; z-index: 1;}
	.h1-contato:after{background-image: url("../images/assets/h1-bg-contato.jpg"); background-position: right top;background-repeat: no-repeat;
			content: ""; display: block; height: 100%; left: 0;	opacity: 0.4; position: absolute; top: 0; width: 90%; z-index: 1;}

	.half-title, .c2{width:49%; display:inline-block; vertical-align:top;}
	.c3{width:32.7%; display:inline-block; vertical-align:top;}
	.c60{width:59%; display:inline-block; vertical-align:top;}
	.c40{width:39%; display:inline-block; vertical-align:top;}
        .c30{width:27%; display:inline-block; vertical-align:top;}
        .c70{width:70%; display:inline-block; vertical-align:top;}
        .c70 .p-main-text{width: 95%; text-align: left;}
                
	.ul-contato{float:right;}
	.map-iframe{width:100%; height:450px;}
	.half-title h1{margin:0 18%; padding:23px 0;}
	.mobile-only{display:none;}
	.video-pplayer{height:370px; width:49%; float:right; margin-left:10px; box-shadow:1px 1px 4px #999;}
	.video-pplayer-big{width:80%; height:420px;box-shadow: 0 0 12px #bbb; }
	.main-noticia{width:60%;}
}
@media only screen and (min-width: 800px) and (max-width: 1361px ) {
	.c1{width:99%;}
	.c2 .c2-wraper{width: 74%;}
	.float-wraper{width:90%;}
}
@media only screen and (min-width: 1355px){
	.c1{width:1200px;}
	.c2 .c2-wraper{width: 510px;}
	.bloco-atuacao{padding:0 1%;}
	div.clear-mobile{display:none;}
}
