@-webkit-keyframes spinoff {
	 0%{background-size:		   128px 128px,				100% 100%,					100% 100%; }
    50%{background-size:		128px 128px,				120% 180%,					100% 100%;}
    100%{background-size:		128px 128px,				100% 100%,					100% 100%;}
		}


@-moz-keyframes spinoff {
	 0%{background-size:	   	128px 128px,				100% 100%,					100% 100%; }
    50%{background-size:		128px 128px,				120% 180%,					100% 100%;}
    100%{background-size:		128px 128px,				100% 100%,					100% 100%;}
		}


@keyframes spinoff {
	 0%{background-size:		   128px 128px,				100% 100%,					100% 100%; }
    50%{background-size:		128px 128px,				120% 180%,					100% 100%;}
    100%{background-size:		128px 128px,				100% 100%,					100% 100%;}
		}



/*font-family: 'Raleway', sans-serif; */

body {  font-family: 'Ubuntu', sans-serif; font-weight: 200;   margin:0px auto auto auto; padding:0;
	color:#FFFFFF; font-size:14px; text-align: center; line-height:130%; height: 100%;
	width: 100%; 	min-width: 900px; 
	
	
		background-color:		#f08c89;
		background-image:		url('images/header.svg');
		background-size:		100% 100%; 
		background-image:		url('images/overlay.png'),	url('images/header.svg'),	linear-gradient(-15deg, #4F0400 0%, #FF4639 60%, #FF7D6E 80%, #FFE3E0 100%);
		background-size:		128px 128px,				100% 100%,					auto;
		background-repeat:		repeat,						no-repeat,					no-repeat;
		background-attachment: fixed;
	
		/* webkit chrome, safari, mobile */
			  -webkit-animation-name: spinoff; 
			  -webkit-animation-duration: 30s; /* 3 seconds */
			  -webkit-animation-iteration-count: infinite; 
			  -webkit-animation-timing-function: linear;
			 -moz-animation: spinoff 30s infinite;  
 			animation: spinoff 30s infinite;  
	 }
	 
html { margin: 0; padding: 0; width: 100%; height: 100%; }
	
*	{margin:0; padding:0} 


a { color: #FFFFFF; text-decoration: none; }

h1 { font-size: 18px; color: #FFFFFF;}


#maincontainer { float:left; width:100%;  min-width: 940px; height: auto;  text-align: center;  }
	
#topbar { float: left; width:100%; height:120px; margin:10px  0 0 0; padding:0;  }

#logo {float: left; width: 280px; height: 100px; border-left: 2px solid #FFFFFF;  background: url(../img/logo.png) no-repeat center center;   }  

#menucont { float: right; width: 630px; height: 120px; border-right: 2px solid #FFFFFF; margin: 15px 0 0 0;     } 

#menuc { float:left; width: 100%;    }

#menuc li { list-style: none; float: left; width: 100px; height: 24px; padding: 6px 0 0 0;   margin: 2px 2px 0 0;  background: rgba( 0, 0, 0, 0.4); 
	border-right: 1px solid #FFFFFF; color:#FFFFFF; font-size: 13px;  
	font-weight: bold; font-weight: 500;  }

#menuc li:hover {  background: rgba(  0, 0, 0, 0.6);}

#menuc li a { color: #FFFFFF; text-decoration: none; }

#clmenu { float: right; width: 410px; height:20px;  margin: 5px 0 10px 0;  font-size: 10px;  } 

#clmenu div { float: left; width: 135px; height: 20px; margin: 0 10px 0 0; background: url(../img/login.png) no-repeat center center;   }

#clmenu h2 { float: left; width: 85px; height:auto; margin: 2px 5px 0 5px;   font-size: 12px; } 

#clmenu input { float: right; width: 95px; height: 16px;  background: none; margin: 2px 5px 0 0; border: none;   }



#intro { float:right; width: 100%; height: auto; margin: 10px auto 30px auto ;   }




.contanima { float: left; width: 100%; height: 500px; padding: 0;  
text-align: center;  }

.contanima img { float: right; margin: 80px 30% 0 0 ;   }


.s1 { background: url(../img/f1w.jpg) no-repeat top center; background-size: cover; }

.s2 { background: url(../img/f2_.png) no-repeat top center; background-size: cover; }

.s3 { background: url(../img/f3w.jpg) no-repeat top center; background-size: cover; }

.s4 { background: url(../img/f4w.jpg) no-repeat top center; background-size: cover; }


.aspas {  background: url(../img/asp.png) no-repeat top center;   }
 
 #footer { float: left; width: 100%; height:  auto; margin: 30px 0 0 0;  border-top: 2px solid #FFFFFF;    background: rgba(0, 0, 0, 0.3) ;  }
 
 
 
 
#bolacont { position: fixed; top: 210px; left: 15px; z-index:900;   width: 100px; height: 85px; margin: -45px auto;   } 
 
.bolaf { float:left; border-radius: 30%; width: 75px; height: 50px;    
	text-align: center; padding: 10px 0 0 0;  margin: 5px; 
	background: rgba(110, 29, 29, 0.6); font-weight: bold; font-size: 12px; font-weight: 400; 
	color: #FFFFFF; border: 2px solid #FFFFFF;  }


.bolaf:hover {   border-top: 2px solid #ED0000;  border-bottom: 2px solid #ED0000; background: #982121;  }

#content { width: 75%; height: auto; margin: 10px auto 20px auto; text-align: justify;  }

/*#content h1 {  }*/

#content h1 a { color: #FFFFFF; text-decoration: none;  }

#footes { width: 80%; height: 80px; margin: 30px auto;  text-align: left;  } 

#footes h3 { margin-bottom: 12px; text-transform: uppercase; font-size: 18px;  }

.foot {  width:45%; min-width: 400px; height: auto; color: #FFFFFF; margin:30px 0 0 0;  padding: 0 0 30px 0; font-size: 11px;  }

#rightfoot { float: right;  }

#leftfoot { float: left; } 

/* agenda fiscal */
.agendatop { float: right; font-size: 15px; text-transform: uppercase; width: 100%; text-align: right; font-weight: normal; border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0; }

.agendames { float: left; font-size: 12px; font-style: oblique;  width: auto; padding: 2px 0px;  text-align: left;   margin: 7px 0 2px 0;  color: #FFD743; text-transform: uppercase; 
 text-shadow: 1px 1px #650000; }

.fagenlink { float:  left; width: 100%; color: #FFFFFF; }

.fagenlink:hover { background: rgba(0,0,0,0.4); } 

.fagendait { float: left; width: 100%; border-bottom: 1px dotted #CB9797;  }

.fagendait_titil { float: left; width: auto; } 

.fagendait_titil b { font-weight: 400;   }

.fagendait_info { float: right; width: auto; font-size: 10px; }

.agdLegendaCont {float: left; width: 100%; display: none;}

.agdLegenda { float: left; width: auto; margin: 2px 5px;  border-width:1px; border-style: solid;    }

#leftfoot h3 { float: right; font-size: 15px; text-transform: uppercase; width: 100%; text-align: left; font-weight: normal; border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0; }





/* empresa */ 
#emp_cont { float:right; width:85%; min-width: 850px;  height:auto; padding: 20px; margin: 30px 0 80px 0;  text-align: justify; background:  url(../img/empre.png) no-repeat left top; 
 z-index: 400; }

#emp { float:left; width: 55%; height:auto; padding:20px; font-size:18px;  margin: 40px 0 0 300px;  text-align: justify;  line-height: 20px; line-height:28px; letter-spacing: 1px; 
background: rgba(0, 0, 0, 0.4);    border-bottom-left-radius: 20px;  border-top-left-radius: 20px;  border-top-right-radius: 20px;  color: #FFFFFF; }

.emp_info { width:  28%; height: auto;  padding: 20px 10px 5px 20px;  text-align: left;  font-size: 14px; font-weight: 400; 
				  } 

.emp_info h3 { float:  left; width: 90%; padding-bottom: 3px;   text-transform: uppercase; color: #2D0200;  border-bottom: 1px solid #FFFFFF;  
	text-shadow: 0 0 5px rgba(255,255,255,0.5);  }

.emp_info ul { float: left; margin: 10px 20px; }

.emp_info li { margin:3px;   }

#valores { float: left; margin:50px 0 0 280px; }

#clt { float: left; margin: 50px 0 0 10px;  }

#clt li { margin: 0 0 10px 0; }


/* Serviços */

#serv_cont { float: right; width:87%; height: auto;   background:  url(../img/bkg_serv.png) no-repeat right top; text-align: left;  text-shadow: 0 0 5px rgba(0,0,0,0.5); }

#ser_contab { float: left; width:100%; height: auto; margin: 130px 0 80px 0;  }

#serv_cont h1 { margin-bottom: 12px; width: 90%; text-transform: uppercase;  font-size: 20px; padding: 5px; color:#FFF; border-bottom: 1px solid #FFFFFF;  }

#ser_contab h3 { font-weight: 500; margin: 5px 0 10px 5px; color: #2D0200;   
	text-shadow: 0 0 5px rgba(255,255,255,0.5);  }

#serv_cont ul { margin: 0 0 0 30px}

#serv_cont li { padding: 3px 0; font-weight:400; } 

.conta1 { float: left; width: 48%; height: auto; }

.serv_info3 { float: left; width: 48%; height: auto; margin: 20px 10px 10px 0;  }


/* destaques */
#expd {float:left; margin:10px 0; padding: 0; width:100%; height:auto;  font-size: 16px;  font-weight: 400; }




/* informa mapas */

#map_container { float:left;  width:100%; height: 400px;  color: #222222; }


#btcondi { display: none;}



/*  */

.post-info { display: none;}