/*///////////////////////////////////////////////////////////////////////////
Vocal Lab Sistemas de Informação
PROJETO: Vocal Lab
DATA: 07 de Julho de 2009
Author: Alexandre Maciel
version: 001
/////////////////////////////////////////////////////////////////////////// */

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
}

body a {color:#3c3f84;}
body a:hover {color:#595cad;}

#divTop {
	width:916px;
	height:13px;
	background:url(imgs/bgTop.jpg) repeat-x;
}

#divMid {
	float:left;
	width:916px;
	background:url(imgs/bgMid.jpg);
}

#divBot {
	float:left;
	width:916px;
	height:30px;
	background:url(imgs/bgBot.jpg) repeat-x;
}	

#site {
	margin:0;
	width:916px;
	margin:0 auto;
}

#topo {	
	float:left;
	margin-left:8px;
	width:895px;
	height:15px;	
	text-align:right;
	margin-right:18px;
	color:#AAAAAA;
	font-size:11px;
}

#cabecalho {	
	width:900px;
	margin-left:8px;
	height:110px;
	padding-top:20px;
	background-color:#FFFFFF;
}

#logo{
	width:169px;
	height:95px;
	margin-top:5px;
	margin-left:50px;
	float:left;
	background:url(imgs/logo_pequeno.gif) no-repeat;
}

#menu{	
	width:680px;
	height:40px;
	float:right;	 
	line-height:25px;     
    background-color:#FFFFFF;	
	margin-top:65px;
}

#menu_opcoes {margin-left:50px;margin-top:6px;}

a.link10B{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#45458D;
	font-weight:bold;
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
}
a.link10B:hover{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#45458D;
	font-weight:bold;
	text-decoration:underline;
	margin-left:5px;
	margin-right:5px;	
}

#conteudo {	
	height: expression(this.scrollHeight <= "439" ? "439" : "auto"); min-height: 200px; /* para ff, safari, chrome, etc */top:0;
	padding-top:0px;
	padding-bottom:20px;
	margin-left:8px;	
	float:left; 
	width:900px;
	z-index:1; overflow:auto; _overflow:visible;
    background-color:#FFFFFF;
}

#background_box{	
	width:250px;
	height:30px;	
	background:url(imgs/bgnoticias.png);
	color:#3c3f84;
	padding-top:7px;
	padding-left:7px;
	float:left;
}

#box_noticias{	
	width:250px;
	float:left;
	margin-left:15px;     
	margin-top:15px;     
}

#box_servicos{	
	width:330px;
	float:left;
	margin-left:15px; 
	margin-top:15px;     
	padding-bottom:20px; 
}

#box_outros{	
	width:200px;
	float:right;
	margin-left:60px;
	margin-top:30px;     	
}

#treinamento_left{
	width:40px;
	float:left;
	padding-top:20px;
	padding-left:10px;    
}
#treinamento_right{
	width:260px;
	float:right;
}

#consultoria_left{
	width:260px;
	float:left;
}
#consultoria_right{
	width:40px;
	float:right;
	padding-top:30px;
	padding-right:10px;    
}
	
p.titulo_cx{
	font-family:Verdana;
	font-size:12px;
	color:#45458D;
	font-weight:normal;
	text-decoration:none;	
	margin-left:15px;
}

#texto{
	width:880px;
	padding-top:5px; 
	padding-bottom:20px; 	
	float:left; 
	overflow:auto; 
	_overflow:visible; 	
	padding-left:10px; 
	padding-right:10px;
}

p.texto{
	font-family:Tahoma;
	font-size:13px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#45458D;
	text-align:justify;
	padding-top:0px;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
}

#avatar{	
	width:220x;
	height:220px;	
	float:right;
	margin-right:12px;
	margin-left:30px;
	margin-bottom:10px;
	margin-top:20px;
}

#valores{	
	width:900px;
	padding-top:20px; 
	padding-bottom:20px;
	float:left; 
	overflow:auto; 
	_overflow:visible;		
}
			   
#noticias{	
	width:240px;	
	height:500px;	
	float:left; 
	overflow:auto; 
	_overflow:visible;
	border:1px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
	background:#FFFFFF;
	border-right: 1px dashed #AEB0D9;
}

#conteudo_noticia {
	padding-top:10px; 
	margin-right:15px;
	margin-bottom:10px;
}
			  			   
#contato{	
	width:380px;
	height:360px;
	margin-top:30px; 
	margin-left:125px; 
	float:left;
	background:url(imgs/bgcontato.png) no-repeat;
}

#endereco{	
	width:200px;	
	margin-top:30px; 
	margin-right:30px; 
	float:right;	
}

#mensagem_contato{	
	margin-top:150px; 
	margin-left:60px;
	font-size:13px;
}

#icones_produtos{	
	height:160px;
	float:left;
	padding-top:20px;
	padding-left:130px;
}

#tecnologia{	
	float:left;
}

#descricao_produto{	
	width:610px;	
	float:left;
}

#video{	
	width:230px;
	height:230px;
	float:right;
	margin-right:10px;
    margin-top:10px; 
	background:url(imgs/bgvideo.png);
}

#projetos_relacionados{	
	width:230px;
	height:160px;	 
	float:right;
	margin-right:10px;
	margin-top:10px;
	background:url(imgs/bgprojetos.png);
 
}

#linhaazul{			
	width:880px;
	height:1px;	
	background-color:#AEB0D9;
	margin-top:5px;	
	margin-left:20px;	
}

#mapa{	
	width:500px;
	height:250px; 
	float:left;
	margin-left:100px;
	margin-top:15px;
}

#bordertop {width:20px;
            height:350px;
			background:url(imgs/contatoleft.jpg) no-repeat;
			 float:left;margin-bottom:1px;}

#borderbottom {width:20px;
               height:350px;
			   background:url(imgs/contatoright.jpg) no-repeat;
			   float:right;}
   			 
.submit {background-color:#CCCCCC;
              border:#999999 1px solid;}
			  

#footer{
	height:180px; 
	background:#F8F8F8; 
	float:left; 
	width:900px;
	margin-left:8px;
	border-top:1px solid #eeeeee;
}


#line3{width:100%;
       height:15px;
	   background-color:#e2e4fb;}


#line2{width:100%;
       height:15px;
	   background-color:#a7abd6}	   
	   
#line1{width:100%;
       height:15px;
	   background-color:#4b4b7b;}	   
	   

a:hover {text-decoration:underline;}
a {text-decoration:none;}

#left{ width:55%; float:left; margin-top:10px;}
#right{ width:39%; float:left; margin-top:10px;}

.img {width:450px;height:100px;background-image:url(imgs/logotipo copy copy.jpg) no-repeat;}

#sombradown {width:100%;height:18px;background:url(imgs/sombradown.png) no-repeat;margin-top:90px;}