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

html, body {
    width: 100% ;
    height: 100% ;
    min-height: 500px ;
    min-width: 900px ;
    margin: 0px;
	
}

#pagina {
    height: 120% ; background-color:#FFF;
	
}


a img 
{ 
border: none; 
}




#todoconteudo {
	
	height:850px;
	width:1023px; /* largura fictícia */
	margin:0 auto;
	
	
}


#footertop {
    height: 34px; 
	background-color:#333;
}


/**************** Media social / Facebook / Google + *****************/


#mediasocial { margin: 0 auto; width:1020px; height:34px;}



.btnfacebook { float: right; width:40px; height:34px; background-image:url(../imagem/facebook01.jpg); background-repeat:no-repeat;}


.btnfacebook:hover { background-image:url(../imagem/facebook01hover.jpg); background-repeat:no-repeat; }


.btngooglemais { float: right; width:40px; height:34px; background-image:url(../imagem/googlemais01.jpg); background-repeat:no-repeat;}

.btngooglemais:hover { background-image:url(../imagem/googlemais01hover.jpg); background-repeat:no-repeat; }


.btncorreio { float: right; width:40px; height:34px; background-image:url(../imagem/correio01.jpg); background-repeat:no-repeat;}

.btncorreio:hover { background-image:url(../imagem/correio01hover.jpg); background-repeat:no-repeat; }


/**************** Fim de Media social / Facebook / Google + *****************/					


.logotipo { float:left;}


/************************Inicio do  Menu ***********************/

#barramenu { margin-top:22px; 
			 height:110px;
			 }


.menu { float:right; 
		padding-top:60px;
	}


.menu ul { list-style:none;}


.menu ul li { display:inline;
			  padding:15px; 
			  
			 }


.menu ul li a { font-family:Arial, 
				Helvetica, sans-serif; 
				font-size:12px; 
				color:#000; 
				text-decoration:none; 
				padding:10px;
				
				}


/****** Rollover Menu *********/

.menu ul li a:hover { background-color:#00aeef; 
					  -moz-border-radius:7px;
					  -webkit-border-radius:7px; 
					  border-radius:7px; 
					  color:#FFF;
					  
					 }
					 


/************************Fim do  Menu ***********************/



			
#infobtn {  height:400px; }			
			

.btnempresa {
	background-image:url(../imagem/btninformacoes.jpg); background-repeat:no-repeat;
	padding:10px 5px 0px 100px;
	list-style:none;
	text-decoration:none;
  	display: inline-block;
 	 width:100px;
  	height:33px;
	border: none; 
}

.btnempresa:hover {
	background-image:url(../imagem/btninformacoeshover.jpg); background-repeat:no-repeat; border: none; 
  
}			
		
		
		
		
.btnserviços {
	margin-left:138px;
	background-image:url(../imagem/btninformacoes.jpg); background-repeat:no-repeat;
	padding:10px 5px 0px 100px;
	list-style:none;
	text-decoration:none;
    display: inline-block;
    width:100px;
    height:33px;
	border: none; 
}

.btnserviços:hover {
	background-image:url(../imagem/btninformacoeshover.jpg); background-repeat:no-repeat;border: none; 
  
}			
				
			
		
		
.btncontactos {
	margin-left:150px;
	background-image:url(../imagem/btninformacoes.jpg); background-repeat:no-repeat;
	padding:10px 5px 0px 100px;
	list-style:none;
	text-decoration:none;
    display: inline-block;
    width:100px;
    height:33px;
	border: none; 
}

.btncontactos:hover {
	background-image:url(../imagem/btninformacoeshover.jpg); background-repeat:no-repeat; border: none; 
  
}			
					
			
			
			
					 
					 
.btnhome { background-color:#00aeef; 
			  -moz-border-radius:7px;
			  -webkit-border-radius:7px; 
			  border-radius:7px;
			  border: none; 
			  
			  }					 
					 




#banner { height:300px;}




#conteudos { height:400px; 
			 padding-top:30px;
			 
			 
			 }



.empresa { padding-top:20px;
		   width:324px; 
		   height:340px; 
		   font-size:12px; 
		   font:Arial, Helvetica, 
		   sans-serif; 
		   text-align:justify; 
		   float:left;
		   border: none;  
		   
		   }




.serviços { padding-top:20px; 
			width:324px; 
			padding-left:25px; 
			height:340px; 
			font-size:12px; 
			font:Arial, Helvetica, sans-serif; 
			text-align:justify; 
			float:left;
			border: none;  }



.contato { padding-top:20px; 
		   width:324px;
		   height:340px;
		   font-size:12px; 
		   font:Arial, Helvetica, sans-serif; 
		   text-align:justify; 
		   float:right;
		   border: none;  }
		   
		   
		   
		   
/**************** Inicio do Box effect / Hover Shadow *******************/

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.hover-shadow:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  background-color:#FFFFFF;
}

.hover-shadow:hover:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
		
.hover-shadow { background-color:#FFFFFF; border: none; }	   
		   
		   
/**************** Fim do Box effect / Hover Shadow *******************/	



/********************Info Buttons / Bubble Float Top **************/

.bubble-float-top {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  background-color:rgba(0,0,0,1.00);
  border: none;
}

.bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: -webkit-calc(50% - 10px);
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #000000 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top;
  transition-property: top;
  
}

.bubble-float-top:hover {
  -webkit-transform: translateY(5px) translateZ(0);
  -ms-transform: translateY(5px) translateZ(0);
  transform: translateY(5px) translateZ(0);
  
}

.bubble-float-top:hover:before {
  top: -10px;
  border-color: transparent transparent #00aeef transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top;
  transition-property: top;
  
}

.bubble-float-top{ height:25px; width:180px; color:rgba(255,255,255,1.00); text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-decoration:none; padding-top:8px; border: none;
}



/********************Fim do Info Buttons / Bubble Float Top **************/



#infobtn ul { list-style:none;}


#infobtn ul li { display:inline;}

#infobtn ul li a:hover { background-color:#00aeef;}


#btnempresa { float:left; position:relative; left:-40px; top:-20px; border: none;}

#btnserviços { position:relative; left:130px;  top:-20px; border: none; }

#btncontato { position:relative; left:300px;  top:-20px; border: none; }



























	   
		   


#footerinferior { height:35px; background-color:#333;  margin-top:90px; }



/************************Inicio do  Submenu ***********************/

#submenu { position:relative; top:-6px;}


#submenu ul { list-style:none;}


#submenu ul li { display:inline;
			  padding:5px;
			  
			 }


#submenu ul li a { font-family:Arial, 
				Helvetica, sans-serif; 
				font-size:12px; 
				color:#FFFFFF; 
				text-decoration:none; 
				padding:7px;
				position:relative; top:15px;
				
				}


/****** Rollover Menu *********/

#submenu ul li a:hover { background-color:#00aeef; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;color:#FFF; }
					 

/************************Fim do  Menu ***********************/


#footer02 { background-color:rgba(0,0,0,1.00); margin-top:-12px; height:10%;}