/* CSS Document */

/*GERAL*/
*{
margin:0px;
padding:0px;
}

body {
margin:0;
padding:0;
text-align:center; /* hack para o IE */	

	}
#tudo {
width: 770px;
height:550px;
margin:0 auto;			
margin-top:3px;
margin-bottom:5px;
background:#ffffff;
text-align:left; /* "remédio" para o hack do IE */

}
#fundo{
position:absolute;
background:url(img/fundo.gif);
background-repeat:no-repeat;
padding:5px;
width:770px;
height:550px;
}


#conteudo{
position:absolute;
margin:5px;
padding-left:4px;
padding-right:4px;
width:750px;

}



/*MENU*/
#menu{
position:absolute;
right:10px;
top:2px;
display:inline;
}

#menu ul li {
display: inline;
padding-top:2px;
padding-bottom:4px;
padding-right:8px;
padding-left:8px;
}
#menu ul li:hover {
display: inline;
background: #33CC33;
}

#site{
position:absolute;
top:3px;
left:32px;
}
#site a{font-family:"Verdana"; font-size:14px; text-decoration:none; color:#000000; letter-spacing:4px; }
#site a:hover{font-family:"Verdana"; font-size:14px; text-decoration:none; color:#000000; letter-spacing:4px;}
#site a:visited{font-family:"Verdana"; font-size:14px; text-decoration:none; color:#000000; letter-spacing:4px;}

/*logo*/
/*#logo h1 {
  position:absolute; 
  width: 330px;
  height: 76px;
  display: block;
  margin: 0px;
  top:30px;
  left:6px;	
  text-indent: -99999px;
  background: url(img/logo1.gif) no-repeat right top transparent;
}
#logo h1 a{
	outline: none;
  width: 330px;
  height: 76px;
  display: block;
  text-decoration: none;
}*/
#logo{
position:absolute;
 top:30px;
  left:6px;	
  }
/*Textos*/
#textos{
position:absolute;
top:100px;
right:18px;
padding:5px;
/*border: solid 2px;
border-bottom-color:#000000;*/
width:405px;
height:123px;
}
#texto1{
position:absolute;
right:15px;
text-align:justify;
font-size:12px;
font-family:Verdana;
width:100%
}

#texto2{
position:absolute;
top:70px;
right:15px;
width:405px;
text-align:center;
font-family:Verdana;
font-size:16px;

}
#tel{
position:absolute;
top:35px;
right:18px;
width:405px;
text-align:center;
font-family:Verdana;
font-size:24px;
color:#339933;
letter-spacing:5px;
font-weight:bold;
}

/*links*/
#links{
position:absolute;
top:105px;
left:40px;
}
#links ul{
list-style-image:url(img/topico.gif);
}
#links ul li{
margin-bottom:1px;
}

/*LOGOS*/
#logos{
   
  position:absolute; 
  width: 770px;
  height: 25px;
  display: block;
  margin: 0px;
  bottom:15px;
  left:-10px;	
  text-indent: -99999px;
  background: url(img/logos.gif) no-repeat right top transparent;
}


/*APARELHOS*/
#aparelhos{
position:absolute;
left:0px;
bottom:40px;
width:770px;
height:259px;
z-index:5;
}

#impressora h2{
  position:absolute; 
  width: 119px;
  height: 102px;
  display: block;
  margin: 0px;
  bottom:10px;
  left:05px;	
  text-indent: -99999px;
  background: url(img/aparelhos/impressora2.gif) no-repeat right top transparent;
}
#fax h2{
  position:absolute; 
  width: 122px;
  height: 126px;
  display: block;
  margin: 0px;
  top:0px;
  left:129px;	
  text-indent: -99999px;
  background: url(img/aparelhos/fax.gif) no-repeat right top transparent;
}
#calculadora h2{
  position:absolute; 
  width: 122px;
  height: 122px;
  display: block;
  margin: 0px;
  bottom:0px;
  left:260px;	
  text-indent: -99999px;
  background: url(img/aparelhos/calculadora.gif) no-repeat right top transparent;
}
#nobreak h2{ 
  position:absolute; 
  width: 104px;
  height: 105px;
  display: block;
  margin: 0px;
  top:10px;
  left:395px;	
  text-indent: -99999px;
  background: url(img/aparelhos/nobreak.gif) no-repeat right top transparent;
}
#monitor h2{
  position:absolute; 
  width: 120px;
  height: 103px;
  display: block;
  margin: 0px;
  bottom:10px;
  left:515px;	
  text-indent: -99999px;
  background: url(img/aparelhos/monitor.gif) no-repeat right top transparent;
}
#mde h2{
  position:absolute; 
  width: 121px;
  height: 84px;
  display: block;
  margin: 0px;
  top:20px;
  right:5px;	
  text-indent: -99999px;
  background: url(img/aparelhos/maquinadeescrever.gif) no-repeat right top transparent;
}

/*animacao*/
#animacao{
position:absolute;
bottom:30px;
left:-5px;
z-index:5;
}





/*Estilos*/
.titulo{font-family:"Verdana";font-size:12px; color:#000000;}
.texto{font-family:"Verdana"; font-size:12px; color:#000000;}
.texto2{font-family:"Verdana"; font-size:12px; color:#000000;}
.home{font-family:"Verdana"; font-size:20px; color:#000000;}

#menu a{font-family:"Verdana"; font-size:13px; text-decoration:none; color:#000000; font-weight:bold;}

a{font-family:"Verdana"; font-size:15px; text-decoration:none; color:#000000; }
a:visited{font-family:"Verdana"; font-size:15px; text-decoration:none; color:#000000;}
a:hover{font-family:"Verdana"; font-size:15px; text-decoration: none; color:#000000;}

/*rodape*/
#rodape a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#e00000; text-decoration:none;}
#rodape a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#e00000; text-decoration:none; font-weight:bold;}
.rodape{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000000;}
#rodape{
position:absolute;
margin-top:7px;
width:100%;
text-align:center;
}


/*FORMULÁRIO*/

      #formulario fieldset{
	  
			margin:0px;
	        padding:0px;
	        border: none;
           
        }
      

        #formulario legend{
        	margin:0px;
			padding:0px;
			
        }
#formulario input{
	        border-top: 1px solid #333;
	        border-left: 1px solid #333;
	        border-bottom: 1px solid #ccc;
	        border-right: 1px solid #ccc;
	        font-size: 12px;
	        margin-bottom: 0.6em;
	        color: #000000;
        }
#formulario textarea{
	        border-top: 1px solid #333;
	        border-left: 1px solid #333;
	        border-bottom: 1px solid #ccc;
	        border-right: 1px solid #ccc;
	        font-size: 12px;
	        margin-bottom: 0.6em;
	        color: #000000;
        }
 #formulario select{
	        border: 1px solid #333;
	        font-size: 12px;
	        margin-bottom: 10px;
	        color: #000000;
        }
        
        #formulario label{
	        display: block;
	        width: 140px;
	        float: left;
	        border-bottom: 1px solid #f1f1f1;
        }


#texto1 h1{
font-family:Verdana;
font-size:12px;
font-weight:bold;
}


