/* CSS Document - Novo CSS Sideralnet - 18/06/2008 - 15:30h */
body {
	margin:0;
	padding:0;	
	color:#333;
	font:normal 11px/1.7em Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg1.jpg) repeat-x;	
}

.formataSideral {
	font:italic 14px "Arial Black";
}

p {
	margin-bottom:12px;
}


#geral {
	width:760px;
	height:auto;
	margin:0 auto;
	background:#fff;
	display:table;
}

#topo {
	width:760px;
	height:228px;
	background:url(../images/bg-topo.jpg) no-repeat;
	float:left;
}
	
		#topo h1 {
			width:318px;
			height:66px;
			float:left;
			display:block;				
		}
		
		#topo h1 span {
			display:none;
		}
		
		#topo #menu-principal {
			position:relative;
			width:442px;
			height:66px;
			float:left;
			z-index:1000;
		}
		
		#topo #animacao {
			position:relative;
			width:760px;
			height:162px;
			background:url(../images/bg-animacao-topo.jpg) no-repeat;
			clear:both;
			z-index:0;
		}
		
		#topo #animacao #data-hora {
			position:absolute;
			width:340px;
			height:25px;
			left: 410px;
			top: 8px;
			text-align:right;
			z-index:1;
		}
		
		

#meio {
	width:760px;
	height:auto;
	min-height:467px;	
}

	#meio a:link, #meio a:visited {
		color:#333;
		border-bottom:1px dotted #ccc;
	}
	
	#meio a:hover {
		color:#000;
		font-weight:bold;
	}

	#meio h2.titulo-apresentacao {
		font-size:1.6em;
		font-weight:bold;
		color: #FF0000;
		margin-bottom:10px;
	}
	
	#meio h2.titulos-internos {
		background:url(../images/marcador_vermelho.gif) no-repeat;
		padding-left:20px;
		font-size:1.6em;
		font-weight:bold;
		color:#FF0000;
		margin-bottom:10px;
	}
	
	#meio h3 {
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#meio #veja-tambem {
		width:534px;
		height:auto;
		float:left;
		margin-top:25px;
	}
	
	#meio #veja-tambem h5 {
		width:100%;
		color:#666;
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 10px 0;
		border-bottom:1px dotted #ccc;	
		clear:both;		
	}
	
	#meio .saibamais, #meio .promo {
		background:url(../images/arrow.gif) 0 4px no-repeat;
		width:auto;
		height:25px;
		display:block;		
		padding-left:15px;
		margin:0 5px 0 5px;
		clear:both;	
		/*float:left;*/		
	}
	
		#meio .saibamais a, #meio .promo a,
		#meio .saibamais a:visited, #meio .promo a:visited {
			color:#000;
			font-weight:bold;
			border-bottom:1px dotted #ccc;
		}
		
		#meio .saibamais a:hover, #meio .promo a:hover {
			color: #FF0000;
		}
		
	
	#meio .promo {
		background: url(../images/estrela.gif) no-repeat;
	}
	
	#meio .voltar {
		font-size:14px;
		clear:both;
	}
		

	#meio #lado-esquerdo {
		width:534px/*554px*/;
		height:auto;
		padding:10px;
		float:left;
	}
	
	#meio #lado-direito {
		width:206px;
		height:auto;
		float:left;
	}
	
	#meio .caixa-destaques {
		position:relative;
		width:168px;
		height:190px;		
		min-height:180px;
		display:block;
		float:left;
		margin:15px 10px 0 0;
	}
	
	#meio .caixa-destaques p.saibamais {
		position:absolute;
		bottom:0;
	}
	
	#meio .caixa-destaques img {
		float:left;
		display:block;
		margin:0 3px 0 0;
	}
	
	#meio .cx-sem-margem-direita {
		margin-right:0px;
	}
			
	
	#meio h2.titulos-destaques  {		
		text-align:center;
		border:1px solid #FF0000;		
		border-left:10px solid #FF0000;
		font-weight:bold;
		/*margin:3px;*/
		padding: 2px;		
	}
	
	#meio ul {
		margin:10px 10px 20px 30px;
	}
	
	#meio ul li { list-style:square; margin-bottom:10px; }

	
	#meio #mapa {
		width:500px;
		height:450px;
		margin-bottom:20px;
		border:1px solid #ccc;
	}
	
	#meio #boxContato {		
		width:480px/*500px*/;
		height:auto;
		background:#eee;
		text-align:center;
		padding:10px;
		margin:0 auto 20px;
		line-height:100%;
	}
	
	#meio .fotos {
	   float: left;
	   width: auto;
	   height:auto;
	   margin: 0 8px 8px 0;
	   padding: 8px;
	   text-align: center;
	   background: white;
	   border: 1px solid #ccc;
	   border-right: 1px solid #666;
	   border-bottom: 1px solid #666;	   
	   background:#eee;
	}
	
	#meio #contatos {
		width:184px/*206px*/;
		height:auto;
		padding:10px;
		margin:20px 0 10px 0;
		background:#f5f5f5;
		border:1px solid #ccc;	
	}
	
	#meio #contatos p {
		line-height:0.8em;
	}
	
	#meio #contatos h3 {
		color:#FF0000;
		margin-bottom:20px;
	}
		
/*** Página de Produtos ****/
#lado-esquerdo .produtos {
	width:534px;
	height:auto;
	float:left;
	margin-bottom:25px;	
}

	#lado-esquerdo .produtos ul li {
		margin-bottom:0;
	}

	#lado-esquerdo .produtos h3 {
		font-weight:bold;
		font-size:16px;
		border-bottom:1px dotted #ccc;
	}

#lado-esquerdo .produtos .img-produto {
	width:250px;
	height:100%;	
	float:left;
}

#lado-esquerdo .produtos #img-automacao {
	width:250px;
	height:362px;
	background:#DED8D9;
}

#lado-esquerdo .produtos .desc-produto {
	width:auto;
	height:100%;
	min-height:260px;
	padding-left:10px;
	float:left;
	margin-bottom:20px;
}

	#lado-esquerdo .produtos .desc-produto h4 {
		font-weight:bold;
		font-size:14px;
	}

	
/*** tabelas ***/
td, th {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:2px;
}

table#alter {
	width: 480px;
	border:1px solid #666666;
	margin-bottom:20px;	
}

table#alter th {
	height:35px;
	background:#cccccc;
	font-size:14px;
}

table#alter td {
	background:#eeeeee;
	height:35px;
}

table#alter tr.dif td {background:#ffffff;}

table#printers {
	width: 400px;
	border: 1px solid #666666;
}

#rodape {
	width:760px;
	height:80px;
	/*float:left;	*/
	clear:both;
	border-top:2px solid #ccc;
	line-height:0.5em;	
}

	#rodape #copyright, #rodape #desenvolvedor {
		width:360px/*380px*/;
		height:60px/*80px*/;
		padding:10px;
		float:left;
	}
	
	#rodape #desenvolvedor { text-align:right; }