@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff2') format('woff2'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerbold_italic';
    src: url('../fonts/aller_bdit-webfont.eot');
    src: url('../fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bdit-webfont.woff2') format('woff2'),
         url('../fonts/aller_bdit-webfont.woff') format('woff'),
         url('../fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('../fonts/aller_bdit-webfont.svg#allerbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alleritalic';
    src: url('../fonts/aller_it-webfont.eot');
    src: url('../fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_it-webfont.woff2') format('woff2'),
         url('../fonts/aller_it-webfont.woff') format('woff'),
         url('../fonts/aller_it-webfont.ttf') format('truetype'),
         url('../fonts/aller_it-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt-webfont.woff2') format('woff2'),
         url('../fonts/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_lightitalic';
    src: url('../fonts/aller_ltit-webfont.eot');
    src: url('../fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_ltit-webfont.woff2') format('woff2'),
         url('../fonts/aller_ltit-webfont.woff') format('woff'),
         url('../fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('../fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff2') format('woff2'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_displayregular';
    src: url('../fonts/allerdisplay-webfont.eot');
    src: url('../fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allerdisplay-webfont.woff2') format('woff2'),
         url('../fonts/allerdisplay-webfont.woff') format('woff'),
         url('../fonts/allerdisplay-webfont.ttf') format('truetype'),
         url('../fonts/allerdisplay-webfont.svg#aller_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {margin:0; padding: 0;font-family: 'allerregular';}
.linguagen{ z-index:9999; width:auto; height:70px; position:fixed; top:0px; right:0px;}
.linguagen img{ height:30px; margin:20px; display:inline-block;}
.element_to_pop_up { background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
    border-radius:10px;
    color:#000;
    display:none; 
    padding:0px;
	width:100%;
    min-width:300px;
	max-width:800px;
    min-height: 180px;
	 }
	 
	 .element_to_pop_up div{ padding:10px; height:auto; max-height:95%; overflow:auto;}
	 
	 
	.element_to_pop_up .b-close{
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		
    cursor:pointer;
    position:absolute;
    right:5px;
    top:-5px;
	font-size:25pt;
}

html, body {height:100%; background:#000; font-size:14pt; font-family:Arial, Helvetica, sans-serif;}

.logo{ background:url(../img_site/logo.png) center no-repeat; background-size:cover; width:140px; height:70px; left:5%; top:0; position:fixed; }
.logo_cerragmento{
	min-width:550px;
	max-width:100%;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-275px;
	margin-top:-148px;
	z-index:99;
	
	

	
	}
.voltarTopo {
   
    bottom: 20px !important;
    
	cursor:pointer;
   
    position: fixed;
    right: 30px;
   
	z-index:9997;
}
/*MENU*/
header{ position:fixed; left:0px; top:0px; text-align:center; width:100%; height:70px; background:rgba(0,0,0, 0.6); z-index:9997;box-shadow: 0px 10px 25px #000;}
	.ul_menu{ list-style:none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1em;  margin:0; padding:0; }
	.ul_menu li{transition: background 1s ,color 2s;  list-style:none; display:inline-block;padding-left:0.5em;padding-right:0.5em; height:70px; line-height:70px; color:#FFF;}
.ul_menu li:hover  { background:#73D2DB; color:#FFF; text-shadow: 1px 1px #000; cursor:pointer; transition: background 1s ,color 2s;}
.ul_menu li.ativo { background:#73D2DB; color:#FFF; text-shadow: 1px 1px #000; cursor:pointer; transition: background 1s ,color 2s;}
 
/** formata elementos que tem backgrounds parallax **/
.bgParallax {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin: 0 auto;
	width: 100%;
	
	
	min-height: 100%;
	
	text-shadow:0 0 10px rgba(0,0,0,0.7);
 
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:100% auto;
}

.clearfix{ max-width:1024px; height:auto;}
/* Define backgrounds dos divs */


#empresa {text-shadow: 2px 2px #000; background-image:url(../img_site/fundo16.jpg); background-size:auto 150%;


}


#empresa .topo_empresa{height:40%; border:solid 0px #0F0; padding-top:70px; vertical-align:middle; text-align:center;}
#empresa .topo_empresa .carrosel_baner{height:100%;}
.carrosel_baner div{ width:100%; background-size:auto 90%;}
.carrosel_baner .ico_carrosel img{ width:auto; max-width:auto; height:100%;}
#empresa .pe_empresa{height:15vh; border:solid 1px #0F0; vertical-align:middle; display:table-cell; }

#empresa .icones{height:auto; border:solid 0px #0F0;}
#empresa .icones .coluna{ width:25%; height:60%; border:solid 0px #FFF; float:left; display:inline-block;}
#empresa .icones .coluna .ico{ height:20%; border:solid 0px #CCC;}
#empresa .icones .coluna .titulo{ height:5vh; border:solid 0px #CCC; line-height:5vh; text-align:center; font-size:16pt;}
#empresa .icones .coluna .texto{background:rgba(0,0,0,0.3); max-height:35%; font-size:14pt; margin-left:5px; margin-right:5px;}





#franquia {
	background-image:url(../img_site/fundo11.jpg); background-size:auto 150%;
	
}





/*efeitos hover*/
#franquia .view {
   width: 280px;
   height: 280px;
   margin:5px;
   
   border:5px solid #fff;
   overflow: hidden;
   position: relative;
  display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
   
   
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background:  url(../images/bgimg.jpg) no-repeat center center;
}


#franquia .titulo_ico{height:280px; padding-top:50%;}
#franquia .view .titulo_ico h1{
	transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	-webkit-transform:translateY(-50%); 
	
	font-size:22pt; text-shadow:#000 2px 2px;}

#franquia .view .mask,.view .content {
   width: 280px;
   height: 280px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#franquia .view img {
   display: block;
   position: relative;
}
#franquia .view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
#franquia .view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align:left;
}
#franquia .view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
#franquia .view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

#franquia .view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
#franquia .view-sixth .mask {
   background-color: rgba(4,22,67,0.9);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
#franquia .view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
#franquia .view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
#franquia .view-sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
#franquia .view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
#franquia .view-sixth:focus .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
#franquia .view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
#franquia .view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
#franquia .view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
#franquia .view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/*fim efeito hover*/






#anuncios {
	background-image:url(../img_site/fundo14.jpg); background-size:auto 150%;

	
}

.mapa{ width:477px; height:479px;}


#anuncios .coluna{ display:inline-block; float:left; width:50%; height:60%;}




#portfolio {
	background-image:url(../img_site/fundo6.jpg); background-size:auto 150%;
	
}





/*efeitos hover portfolio*/
#portfolio .view {
   width: 280px;
   height: 180px;
   margin:5px;
   
   border:5px solid #fff;
   overflow: hidden;
   position: relative;
  display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
   
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background:  url(../images/bgimg.jpg) no-repeat center center;
}


#portfolio .titulo_ico{height:180px; padding-top:90px; }
#portfolio .view .titulo_ico h1{transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	-webkit-transform:translateY(-50%);  font-size:22pt; text-shadow:#000 2px 2px;}

#portfolio .view .mask,.view .content {
   width: 280px;
   height: 180px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#portfolio .view img {
   display: block;
   position: relative;
}
#portfolio .view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
#portfolio .view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align:left;
}
#portfolio .view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
#portfolio .view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

#portfolio .view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
#portfolio .view-sixth .mask {
   background-color: rgba(4,22,67,0.9);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
#portfolio .view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
#portfolio .view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
#portfolio .view-sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
#portfolio .view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
#portfolio .view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
#portfolio .view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
#portfolio .view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
#portfolio .view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/*fim efeito hover portfolio*/




#contato {
	background-image:url(../img_site/fundo2.jpg); background-size:auto 150%;
	
}

#contato .nome{ width:500px; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .email{ width:500px; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .assunto{ width:500px; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .mensagem{width:500px; max-width:500px; min-height:150px; max-height:200px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .submit{ width:150px; height:30px; font-size:15pt; color:#333;}

#contato .d1{height:25vh;}
#contato .d2{height:50vh;}
#contato .d3{height:25vh;}


#localizacao {
	background-image:url(../img_site/fundo9.jpg); background-size:auto 150%;
	 
}
#div_mapa{background-color: rgba(4,22,67,0.7); height:100%;}
#mapa{border:solid 5px #FFF;width:100%; min-width:98%; max-width:98%; min-height:90%; max-height:90%; height:200px;}

#localizacao .d1{ height:10%; border:solid 0px #000;}
#localizacao .d2{ height:80%; border:solid 0px #000;}
#localizacao .d3{ height:10%; border:solid 0px #000;}

/** Formata o article que vai o texto **/
.bgParallax article {
  width: 70%;
  text-align: center;
  margin:0 auto;
  padding:20% 0 0;
}
 
/** formata texto **/
article h1 {font-size:40px;}
article p {line-height: 30px; font-size:20px; margin-top:15px;}
article p a {color:#FFF; text-decoration:none; font-size:30px;}


#mapa_mobile{ display:none;}

@media screen and (max-width: 1200px) {
	
	
	
	

.logo{ background:url(../img_site/logo.png) center no-repeat; background-size:100% auto; width:90px; height:70px; left:0%; top:0; position:fixed; }
	}
	
	@media screen and (max-width: 1024px) {
	
	#empresa .icones{ min-height:60%; height:auto; }
#empresa .icones .coluna{ width:25%; height:auto; min-height:60%; border:solid 0px #FFF; float:left; display:inline-block;}
#empresa .icones .coluna .ico{ height:150px; border:solid 0px #CCC;}
#empresa .icones .coluna .titulo{ height:5%; border:solid 0px #CCC; line-height:5%; text-align:center; font-size:16pt; margin-bottom:15px;}
#empresa .icones .coluna .texto{background:rgba(0,0,0,0.3); height:auto; min-height:200px; max-height:35vh; font-size:14pt; margin-left:5px; margin-right:5px;}
	
	.linguagen{ z-index:9999; width:auto; height:70px; position:fixed; top:0px; right:0px;}
.linguagen img{ height:30px; margin-bottom:20px; margin-top:20px; margin-left:10px; margin-right:10px; display:inline-block;}

.logo{ background:url(../img_site/logo.png) center no-repeat; background-size:100% auto; width:90px; height:70px; left:0%; top:0; position:fixed; }
	}
	
	
	

@media screen and (max-width: 960px) {
	
	.control-nav_fixed { display:block;}
	header{ padding-left:50%; height:70px; z-index:9996;}
	
	header .control-nav {
		
    position:relative;
	transform:translateX(-50%);
    top: 20px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid #fff;
    border-width: 3px 0;
    z-index: 1;
    cursor: pointer;
  }
 
  header .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: #fff;
  }
 
  header .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
	
	header nav {
    position: fixed;
	text-align:left;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    border-left: 1px solid #ccc;
    background:rgba(0,0,0, 0.8);
    overflow-x: auto;
    z-index: 9999;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  
   #control-nav:checked ~ .control-nav-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
 
#control-nav:checked ~ nav {

	
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}


.linguagen{ z-index:9997; width:auto; height:70px; position:fixed; top:0px; right:0px;}
	
	
	
	header{ position:fixed; left:0px; top:0px; text-align:center; width:100%; height:70px; background:rgba(0,0,0, 0.6); z-index:9997;box-shadow: 0px 10px 25px #000;}
	.ul_menu{ list-style:none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1em;  margin:0; padding:0; }
	.ul_menu li{transition: background 1s ,color 2s;  list-style:none; display:inline-block;padding-left:0;padding-right:0; height:70px; line-height:70px; color:#FFF; width:100%; margin-bottom:5px;}
.ul_menu li:hover  { background:#73D2DB; color:#FFF; text-shadow: 1px 1px #000; cursor:pointer; transition: background 1s ,color 2s;}
.ul_menu li.ativo { background:#73D2DB; color:#FFF; text-shadow: 1px 1px #000; cursor:pointer; transition: background 1s ,color 2s;}


	
	
	}
	
	@media screen and (max-width: 768px) {
		
		.voltarTopo {
   
    bottom: 10px !important;
    
	cursor:pointer;
   
    position: fixed;
    right: 10px;
   
	z-index:9997;
}
		.linguagen{ z-index:9997; width:auto;  height:70px; position:fixed; top:0px; right:0px;}
		#mapas{ display:none;}
		#mapa_mobile{ display:block;}
		.clearfix{ max-width:1024px; height:auto;}
		.bgParallax {
	font-family: 'Elsie', cursive;
	color:#FFF;
	margin: 0 auto;
	width: 100%; height:auto;
	min-height:100%;
	max-height:none;
	
	text-shadow:0 0 10px rgba(0,0,0,0.7);
 
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:100% auto;
}


	#empresa {text-shadow: 2px 2px #000; background-image:url(../img_site/fundo16.jpg); background-size:auto 150%; height:auto;


}
#empresa .topo_empresa span{background-color: rgba(4,22,67,0.7); padding:0px;}
#empresa .topo_empresa{height:auto; padding-top:80px; margin-bottom:10px; vertical-align:middle; text-align:center;}
#empresa .pe_empresa{height:auto; margin-top:70px; margin-bottom:20px;}

#empresa .icones{height:auto; }
#empresa .icones .coluna{ width:100%; height:auto; min-height:55%; border:solid 0px #FFF; float:none; display:inline-block;}
#empresa .icones .coluna .ico{ height:150px; border:solid 0px #CCC;}
#empresa .icones .coluna .titulo{ height:5%; border:solid 0px #CCC; line-height:5%; text-align:center; font-size:16pt; margin-bottom:15px;}
#empresa .icones .coluna .texto{background:rgba(0,0,0,0.3); height:auto; min-height:200px; max-height:35%; font-size:14pt; margin-left:5px; margin-right:5px;}


#contato {
	background-image:url(../img_site/fundo2.jpg); background-size:auto 200%;
	
}

#contato .nome{ width:100%; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .email{ width:100%; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .assunto{ width:100%; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .mensagem{width:100%; max-width:100%; min-height:150px; max-height:200px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .submit{ width:150px; height:30px; font-size:15pt; color:#333;}

#contato .d1{height:80px;}
#contato .d2{height:auto;}
#contato .d3{height:50px;}

#portfolio {
	background-image:url(../img_site/fundo6.jpg); background-size:auto 200%;
	
}

#portfolio .clearfix{ height:auto;}



#localizacao {
	background-image:url(../img_site/fundo9.jpg); background-size:auto 200%;
	 
}

#div_mapa{background-color: rgba(4,22,67,0.7); padding:2%;}
#mapa{border:solid 5px #FFF;width:100%; min-width:98%; max-width:98%; min-height:70%; max-height:70%; height:200px;}

#localizacao .d1{ height:15%;}
#localizacao .d2{ height:80%;}
#localizacao .d3{ height:5%;}

	
	}
	
	@media screen and (max-width: 480px) {
		
		
.voltar
		
		.voltarTopo {
   
    bottom: 10px !important;
    
	cursor:pointer;
   
    position: fixed;
    right: 10px;
   
	z-index:9997;
}
		.linguagen{ z-index:9997; width:auto;  height:70px; position:fixed; top:0px; right:0px;}
		#mapas{ display:none;}
		#mapa_mobile{ display:block;}
		.clearfix{ max-width:1024px; height:auto;}
		.bgParallax {
	font-family: 'Elsie', cursive;
	color:#FFF;
	margin: 0 auto;
	width: 100%; height:auto;
	min-height:100%;
	max-height:none;
	
	text-shadow:0 0 10px rgba(0,0,0,0.7);
 
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:100% auto;
}
		#empresa {text-shadow: 2px 2px #000; background-image:url(../img_site/fundo16.jpg); background-size:auto 150%; height:auto;


}
#empresa .topo_empresa span{background-color: rgba(4,22,67,0.7); padding:0px;}
#empresa .topo_empresa{height:auto; padding-top:80px; margin-bottom:10px; vertical-align:middle; text-align:center;}
#empresa .pe_empresa{height:auto; margin-top:70px; margin-bottom:20px;  }

#empresa .topo_empresa .carrosel_baner{height:auto;}
.carrosel_baner .ico_carrosel{ width:auto;}
.carrosel_baner .ico_carrosel img{ width:100%; height:50%;}

#empresa .icones{height:auto;}
#empresa .icones .coluna{ width:100%; height:auto; min-height:55%; border:solid 0px #FFF; float:none; display:inline-block;}
#empresa .icones .coluna .ico{ height:150px; border:solid 0px #CCC;}
#empresa .icones .coluna .titulo{ height:5%; border:solid 0px #CCC; line-height:5vh; text-align:center; font-size:16pt; margin-bottom:15px;}
#empresa .icones .coluna .texto{background:rgba(0,0,0,0.3); height:auto; min-height:150px; max-height:100%; font-size:14pt; margin-left:5px; margin-right:5px;}


#contato {
	background-image:url(../img_site/fundo2.jpg); background-size:auto 200%;
	
}

#contato .nome{ width:100%; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .email{ width:100%; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .assunto{ width:100%; height:30px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .mensagem{width:100%; max-width:100%; min-height:150px; max-height:200px; font-size:18px; padding-left:5px; outline:none; margin-bottom:10px; color:#333;}
#contato .submit{ width:150px; height:30px; font-size:15pt; color:#333;}

#contato .d1{height:80px;}
#contato .d2{height:auto;}
#contato .d3{height:50px;}

#portfolio {
	background-image:url(../img_site/fundo6.jpg); background-size:auto 200%;
	
}

#portfolio .clearfix{ height:auto;}



#localizacao {
	background-image:url(../img_site/fundo9.jpg); background-size:auto 200%;
	 
}

#div_mapa{background-color: rgba(4,22,67,0.7); padding:2%;}
#mapa{border:solid 5px #FFF;width:100%; min-width:98%; max-width:98%; min-height:70%; max-height:70vh; height:200px;}

#localizacao .d1{ height:15%;}
#localizacao .d2{ height:80%;}
#localizacao .d3{ height:5%;}
	
	
	}
	
	@media screen and (max-width: 320px) {
	
	
	}