@charset "iso-8859-1";
/* CSS Document */

body{
	color:#333;
}

.backfade{
	background-color:#FFFFFF;
   opacity: 0.6;
   filter:alpha(opacity=60);
   width: 519px;
   height: 10px;
   float: right;
   behavior: url(PIE.php);
}
.backfade2{
	background-color:#FFFFFF;
   opacity: 0.8;
   filter:alpha(opacity=80);
   width: 519px;
   height: 10px;
   float: right;
   behavior: url(PIE.php);
}

.project1{
   padding-bottom: 20px;	
}

.contentfade{
	height: 20px;
	margin: 0 auto;
	width: 1000px;
	
	position: relative;
	z-index:1;
	margin-top: -20px;
}

#index{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#indexLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;	
}
#aempresa{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#aempresaLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;	
}
#noticias{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#noticiasLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;	
}
#servicos{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#servicosLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;	
}
#publicacoes{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#publicacoesLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;	
}
#projetos{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#projetosLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;	
}
#clientes{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#clientesLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;	
}
#contato{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#contatoLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;
}
#obras{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#obrasLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;
}
#tecnologia{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
#tecnologiaLink{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 100px;
	margin-left: -20px;
}



body{
   margin: 0;
   padding: 0;
   background-image:url(../images/fundo.png);   
   behavior: url(PIE.php);
}
.content{
   width: 992px;  
   margin: auto;	   
   background-color:#FFFFFF;  
   position:relative;
   z-index:2;
   font-family:arial;
   box-shadow: 0px 1px 2px #CCC;
   -webkit-box-shadow: 0px 1px 2px #CCC;
   -moz-box-shadow: 0px 1px 2px #CCC;
   behavior: url(PIE.php);
   font-size:13px;
}

.readmore a:link{
	color:	red;
}


#aempresa{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
}
.top{
   width: 992px;	
   margin: auto;
   position: relative;
   z-index:2;
}
.red{
    margin-top: 20px;
    background-color:#c20404;
    width: 100%;
    height: 450px;
    position: absolute;
    float: right;
}
.logo{
    width: 300px;	
}
.detail{
   	margin-left:15px;
}
.menu{	
	width: 250px;
	height: 392px;
    margin-top: 25px;	
}
.detailmenu{
    float: left;
	width: 230px;
	height: 40px;
	margin-top: -1px;	
	margin-left: 24px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	 border-radius:5px;
	 behavior: url(PIE.php);
	 position: relative;
}
.detailmenu a{
	text-align:left;
	float: left;
	margin-left: -28px;
	padding-top: 10px;
	padding-bottom: 25px;
	padding-left: 45px;
	padding-right: 100px;
    text-decoration:none;
	color:#333;
	letter-spacing:1px;
	font-family: arial;	
	position: relative;
	z-index: 2;
	font-size: 15px;
}
.detailmenu:hover{
	position:relative;
	z-index:99999999;
    background-color:#be0404;
	width: 180px;
	
}

.detailmenu a:hover{
	font-weight: bold;
	margin-top: -12px;
	padding-top:12px;
    color:#FFF;
	padding-left: 90px;
	margin-left: -20px;	 	
}
.contentmenu{
	width: 250px;
	height: 420px;
    float: left;	
}
.backgroundmenu{
	margin-top:-5px;
    background-image:url(../images/fundoli.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 200px;	
}
.imagecontent{
    background-image:url(../images/imagesite.png);
	height: 532px;	
	width: 662px;
	float: right;
}
#image{
   margin-left: 250px;
   margin-top: 35px;	
   
   	
}
.footer{
   height: 65px;
   width: 992px;	
}
.footer1{
   font-size:11px;
   font-family:arial;
   margin-left: 20px;
   margin-top: 8px;
   color:#6c6c6c;
   letter-spacing: 1px;
}
.footer2{
   float: right;	
   margin-right: 30px;
   margin-top: -30px;
   font-size:11px;
   color:#6c6c6c;
   
}
.footer2 a{
	font-size:11px;
   font-family:arial;
   color:#6c6c6c;
   text-decoration: none;
   letter-spacing: 1px;	
}
.menu ul{	
   height: 381px;
   margin-top: 30px;
}
.business{
   width: 700px;
   text-align: justify;	
}
.contentbusiness{
   margin-left: 230px;	
}
h1{
   font-family:arial;
   color:#c20404;	
}
h2{
   font-family:arial;
   color:#c20404;	
}
h3{
   font-family:arial;
   color:#c20404;
}
.imageteam{
   float: left;
   border: 2px solid #CCC;
   margin-left: 20px;	
}
.team{
   margin-top: 20px;	
  
   height: 130px;
}
.service{
   width:700px;	
   height: 110px;
   margin-top: 20px;
   border-bottom: 1px solid #CCC;
   padding-bottom: 20px;
}
.imageservice{
   float: left;
   border: 2px solid #CCC;
   margin-right: 10px;	
}
.descriptionservice{
}
.contentservice{
   margin-left: 250px;	
}
.imagecustomer{
	float: left;
    width: 150px;
	height: 130px;
    margin-left: 20px;
	margin-top: 20px;
	
}
.contentcustomer{
   width: 750px;
   margin-left: 250px;	
}
.imagereadservice{
   float: right;
    margin-left: 10px;
   margin-right: 40px;
}
.imagereadservice img{
   	border: 2px solid #CCC;
}
.descriptionreadservice{	
   margin-left: 250px;
   text-align:justify;
   margin-right: 40px;
}
.readservice{
   margin-top: 30px;
   margin-left:20px;	
   
}
.readservice h1{
  margin-left:245px;
}

.smallimage{
   float: left;
   border: 1px solid #CCC;
   margin-left: 40px;
   margin-top: 20px;
}
.smallimageservice{
   margin-top:10px;
   margin-left: -20px;	
   width: 700px;
   height: 200px;
   float:left;
}
.contentproject{
   margin-left: 60px;	
}
.menuproject{
   margin-top: 30px;
   width: 700px;
   margin-left: 230px;
}
.menuproject img{
  border: 2px solid #CCC;	
}
.contentlogin{
   margin-left: 410px;	
   margin-top: 130px;
}
.topcontent{
   width: 700px;	
   float:right;
   margin-right: 42px;
}
.topcontent1{
   width: 250px;
   height: 250px;
   float: left;	
   text-align:justify;
   border-right: 1px solid #CCC;
   padding-right: 18px;
}
.topcontent2{
   width: 400px;
   height: 250px;
   float: left;	
   text-align:justify;
   margin-left: 20px;
}
.word{
   float: left;
   margin-top: 9px;
   width: 1px;
   height: 1px;	
   margin-left: 10px;
}
.word:hover{
   display:none;	
}
.chamadaservice{
   height: 32px;
   overflow:hidden;	
}

.link a {
	color:#333;
}

.descriptionservice{
   height: 90px;	
}
.readmore a{
  text-decoration:underline;
  color:#006;
  font-size: 14px;
}
.contentleft{
	float: left;
	margin-top: -60px;
  	width: 250px;
	height: 300px;
	border-right: 1px solid #CCC;
	padding-right: 18px;
}
.contentright{
    float: left;	
}
.form{
	margin-top: -100px;
	margin-left: 20px;
    width:450px;
}
.camp{
   width: 295px;
   border-radius:5px;
   border:1px solid #BBB;
   height:20px;
}
.camptext{
   width: 292px;
   border-radius:5px;
   border:1px solid #BBB;
}
.contentreadservice{ 
  	
}
.descriptionheadproject{
   margin-right: 50px;
   text-align:justify;
   margin-top: 30px;	
}
.imageprojectleft{
   width: 300px;
   
   float:left; 
}
.imageprojectleft img{
   border: 1px solid #CCC; 	
}
.smallimage2{
	margin-left: 17px;
	float: left;
	margin-top: 10px;
	border: 1px solid #CCC; 
}

.contentsmallimage{
   	margin-left: -10px;
	width: 350px;
	
}
.bigimage{
   width: 338px;
}
.back a{
   text-decoration: none;
   color:#000033;
}
.back{
	margin-top: 30px;
    margin-left: 530px;	
}
.imageteam img{
   border: 0;	
}
.pics{
   overflow: hidden;  
}
.pics img{
	position: absolute;
}
.lupa{
   margin-bottom: -4px;	
   padding: 1px;
}
.imagensampliadas{
   margin-left: 20px;	
}
.logout{
   float: right;
   margin-right: 30px;
   margin-top:-45px;
}
.logout a{
   color:#FF0000;
   font-size: 18px;
   font-weight: bold;	
}
.imagensampliadas a{
   color:#0000CC;	
}

.restrito{
	
	width:740px;
	margin-left:215px;
	margin-top:20px;
}

.ul{
	margin-bottom:25px;
	margin-top:-7px;
}