@charset "utf-8";
/* CSS Document */
/*  
* Virtual Business - Comunicação Digital
***********************************************
Agencia: Virtual Business - Comunicação Digital
Country: Brasil
Diretor: Brenno Neder
Design by: Henrique Alves
XHTML+CSS: Fernanda Carolina
Programaçao: Renan Cerqueira
Country: Brasil
Last CSS update: 08/2010
Notes: Folha padrao
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
*{
padding:0px;
margin:0px;
}
body{
padding:0;
margin:0;
text-align:center;
background:#fff url(_images/faixa-topo.jpg) left top repeat-x;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
/********************************************************ESTRUTURA*/
#site{
width:930px;
height:auto;
margin:100px auto 0;
text-align:center;
padding:0 auto; 
position:relative;
}
/**************/
/*a#sistemas, a#comunicacao{
background:url(_images/virtual-sistemas.jpg);
display:block;
float:left;
height:167px;
margin:70px 0 0 150px;
width:264px;
}
a#comunicacao{
background:url(_images/virtual-comunicacao.jpg);
height:154px;
margin:83px 150px 0 0;
width:263px;
}
a#comunicacao:hover{
background:url(_images/virtual-comunicacao-hover.jpg);
}
a#sistemas:hover{
background:url(_images/virtual-sistemas-hover.jpg);
}
a#sistemas span, a#comunicacao span{
visibility: hidden;
}*/
/*************************************geral*/
.clear{
clear:				both;
font-size:			0;
background:			transparent;
overflow:			hidden;
visibility:			hidden;
}
img{
border:none;
}
a{
text-decoration:none;
outline:none;
}
.separador{
float:left;
height:167px;
background-color:#D1D0D0;
margin: 65px 50px 0 50px;
width:2px;
}
p{
font:14px Arial, Helvetica, sans-serif;
line-height:2em;
margin:15px 0 0;
}
.imgReplace{
display: -moz-inline-box; 
display: inline-block; 
vertical-align: text-top;
zoom: 1; 
background-repeat: no-repeat; 
background-position: 0 0; 
overflow: hidden;
}
.imgReplace span{ 
display: block; 
overflow: hidden; 
text-indent: -9999em; 
padding-top: 99999em; 
line-height: 18px;
}

#site #abertura{
height:166px;
margin:70px 0 0 150px;
width:880px;
}
	#site #abertura ul{
		margin:0;
	}
		#site #abertura #nav li{
			display:inline;
			list-style:none;		
		}
		#site #abertura #nav a {
			height:166px;
			text-indent: -9999px;
			background: url(_images/nav-abertura.jpg) no-repeat;
			display: block;
			cursor:pointer;
			float: right;
			margin:0;
		}
			#site #abertura #nav #sistemas {
				width: 254px;
				background-position: 0px 0px;
			}
			#site #abertura #nav #comunicacao {
				width: 626px;
				background-position: -254px 0px;
			}
			
	   /* HOVER */
		#site #abertura #nav a:hover {
			height:165px;
			text-indent: -9999px;
			background: url(_images/nav-abertura.jpg) no-repeat;
			display: block;
			float: right;
			cursor:pointer;
		}
			#site #abertura #nav #sistemas:hover {
				width: 254px;
				background-position: 0px -166px;
			}
			#site #abertura #nav #comunicacao:hover {
				width: 626px;
				background-position: -254px -166px;
			}