/* CSS Document */

*{
margin:0;
padding:0;

}
body {
	margin:0px;
	background-image:url(bg.gif);
	background-color: #838383;
}
#site{
	width:778px;
	position:absolute;
	right:50%;
	margin-right:-385px;
}


/* TOPO */
#topo{
	background-image:url(images/topo.gif);
	widows:778px;
	height:235px;
	background-repeat:no-repeat;
}
#topo ul{
	list-style:none;
}
#topo ul a{
	margin-left: 210px;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	color:#000000;
}
#topo ul a:link, #topo ul a:visited{
	text-decoration: none;	
}
#topo ul a:hover, #topo ul a:active{
	text-decoration: underline;	
}
#topo ul li.inicio {
	padding-top:20px;
}
#topo ul li.identidade{
	padding-top:4px;
}
#topo ul li.servico, #topo ul li.portfolio{
	padding-top:4px;
}
#topo ul li.noticias, #topo ul li.hospedagem{
	padding-top:4px;
}
#topo ul li.destaque{
	margin-top:4px;
}
#topo ul li.contato{
	padding-top:3px;
}

/* MENU */

#menu{
	width:778px;
	height:45px;
}
#menu ul{
	list-style:none;
}
#menu ul li{
	float:left;
}
/*
#menu ul li.data{
	width:228px;
	height:45px;
	background-image:url(images/menu_data.gif);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:12px;
	color:#999999;
	padding-top:10px;
	text-align:center;
}*/

/* DESTAQUE */

#destaque{
	width:479px;
	height:165px;
}
#destaque p.titulo{
	background-image:url(images/titulo_destaque.gif);
	width:479px;
	height:41px;
	text-indent:-9999px;
}
#destaque p.imagem{
	padding-left:80px;
}
#destaque p.txt{
	margin-top:-90px;
	margin-left:230px;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
}
#destaque p.txt a{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	text-decoration:none;
	color:#000;
}
#destaque p.txt a:hover{
	text-decoration:underline;
}




/* NOTICIAS */
#noticias{
	width:299px;
	height:165px;
	margin-left:479px;
	margin-top:-165px;
}
#noticias p.titulo{
	width:299px;
	height:41px;
	background-image:url(images/titulo_noticias.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#noticias ul{
	list-style:none;
	background-image:url(images/bg_noticias.gif);
	background-repeat:no-repeat;
}
#noticias ul a{
	color:#000000;
	width:299px;
	height:124px;
}
#noticias ul li{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:12px;
	margin-left:14px;
	padding-bottom:5px;
}
#noticias ul a:link, #noticias ul a:visited{
	text-decoration: none;	
}
#noticias ul a:hover, #noticias ul a:active{
	text-decoration: underline;	
}

/* HOSPEDAGEM */
#hospeagem{
	width:324px;
	height:133px;
}
#hospedagem p.titulo{
	width:324px;
	height:37px;
	background-image:url(images/titulo_hospedagem.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/* SITE DESTAQUE */
#sitedestaque{
	width:454px;
	height:133px;
	margin-left:324px;
	margin-top:-133px;
}
#sitedestaque p.titulo{
	background-image:url(images/titulo_site.gif);
	width:454px;
	height:133px;
	text-indent:-9999px;
}
#sitedestaque p.imagem{
	margin-left:10px;
	margin-top:-90px;
}
#sitedestaque p.txt{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:12px;
	margin-left:180px;
	margin-top:-83px;
}

/* BASE */
#base{
	width:778px;
	height:114px;
	background-image:url(images/base.gif);
	background-repeat:no-repeat;
}

/* ASSINATURA */
#assinatura{
	clear:left;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:12px;
	color:#666;
	text-align:center;
	margin-top:30px;
}

/* IDENTIDADE */

#identidade{
	width:680px;
}

#identidade p.txt{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	width:600px;
	margin-left:70px;
}

#identidade p.titulo{
	background-image:url(images/titulos_identidade.gif);
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#identidade a:link, #identidade a:active, #identidade a:visited{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#identidade a:hover{
	text-decoration:underline;
}

/* CONTATO */

#contato{
	width:680px;
}

#contato p.titulo{
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-image:url(images/titulos_contato.gif);
	
}

#contato p.txt{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	width:600px;
	margin-left:70px;
	margin-top:10px;
}

#contato a:link, #contato a:active, #contato a:visited{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#contato a:hover{
	text-decoration:underline;
}

#contato input, #contato textarea{
	margin-left:20px;
}

#contato fieldset{
	border:none;
	padding-top:25px;
	padding-left:5px;
	padding-bottom:15px;
	margin-left:70px;
}

#contato fieldset legend{
	display:none;
}

#contato label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;	
	padding-right: 20px;
	padding-left: 20px;
	padding-top:5px;
	padding-bottom:5px;
}

#contato h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	color: #000099;
	text-decoration: none;
	padding-left:25px;
	padding-bottom:30px;
}

#contato h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	color: #FF0000;
	text-decoration: none;
	padding-left:25px;
	padding-bottom:30px;
}

.form1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #999999;
	width: 30px;
}

.form2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #999999;
	width: 100px;
}

.form3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #999999;
	width: 150px;
}

.form4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #999999;
	width: 250px;
}

.form5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EFEFEF;
	border: 1px solid #999999;
	width: 250px;
	height: 80px;
}


/* SERVIÇOS */

#servicos p.titulo{
	background-image:url(images/titulos_servicos.gif);
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#servicos p.txt{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	width:600px;
	margin-left:70px;
	margin-top:10px;
}
#servicos p.txtprod{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	padding:5px;
	margin-left:70px;
	width:600px;
}
#servicos h4, #servicos h5, #holding h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #003399;
	text-decoration: none;
	padding-left:25px;
	padding-top:10px;
	clear:left;
}
#servicos h5{
	margin-left:30px;
}


/* PORTFOLIO */

#portfolio h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #003399;
	text-decoration: none;
	padding-left:25px;
	padding-top:10px;
	clear:left;
}

#portfolio p.titulo{
	background-image:url(images/titulos_portfolio.gif);
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#portfolio p.txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	text-decoration: none;
	padding-left:25px;
	padding-top:20px;
	padding-bottom:10px;
	clear:left;
}

#portfolio h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	text-decoration: none;
	padding-left:25px;
	padding-top:20px;
	padding-bottom:10px;
	clear:left;
}

#portfolio ol{
	margin-left:25px;
	margin-bottom:25px;
}

#portfolio ol li{
	list-style:none;
	float:left;
	padding-right:15px;
	padding-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	text-transform:uppercase;
}
#portfolio ol li a{
 	color:#000;
	text-decoration:none;
}
#portfolio ol li a:hover{
 	color:#000;
	background-color:#F90;
	padding:2px;
	font-size:14px;
	font-weight:bold;
}

#portfolio ol li img{
	border:0;
}

#portfolio ul{
	margin-left:25px;
	margin-bottom:25px;
}

#portfolio ul li{
	list-style:none;
	float:left;
	padding-right:15px;
	padding-top:5px;
}

#portfolio p a:link, #portfolio p a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;	
}

#portfolio p a:hover, #portfolio p a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;	
}

/* NOTICIAS */

#noticiasDT p.titulo{
	background-image:url(images/titulos_not.gif);
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#noticiasDT p.titulod{
	background-image:url(images/titulos_destaque.gif);
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}


#noticiasDT h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #006633;
	text-decoration: none;
	padding-left:25px;
	padding-bottom:20px;
}
#noticiasDT h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #003399;
	text-decoration: none;
	padding-left:25px;
	padding-top:10px;
	clear:left;
}
#noticiasDT p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding:10px 25px 10px 25px;	
}
#noticiasDT h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;	
	padding:25px;
	clear:left;
	margin-bottom:-20px;
}

#noticiasDT h4{
	margin-bottom:10px;
}

#noticiasDT h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	padding-top:20px;
	padding-left:25px;

}

#noticiasDT h6{
	float:left;
	margin-left:25px;
	margin-right:5px;
}

#noticiasDT pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding:10px 25px 10px 25px;
	font-style: italic;
}

#noticiasDT ol, #noticiasDT ol li ul{
	list-style:none;
}

#noticiasDT ol{
	margin-left:25px;
}

#noticiasDT ol li.ord{
	width:350px;
	height:120px;
	margin-right:15px;
	float:left;
	margin-top:30px;
}

#noticiasDT ol li ul li.img{
	width:80px;
	margin-right:10px;
}

#novidades ol li ul li{
	width:250px;
	float:left;
}

#noticiasDT ol li ul li h5{
	padding:0;
}

#noticiasDT ol li ul li h4{
	padding:0;
	margin-bottom:0;
}

#noticiasDT ol li ul li p{
	padding:0;
	margin-left:90px;
	margin-top:-90px;
}

#noticiasDT ol li ul li p a:link, #noticiasDT ol li ul li p a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color: #000000;
	text-decoration: none;
}

#noticiasDT ol li ul li p a:hover, #noticiasDT ol li ul li p a:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color: #000000;
	text-decoration: underline;
}

#noticiasDT ol li ul li h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	margin-bottom:10px;
}

#noticiasDT ol li ul li h4 a:link, #noticiasDT ol li ul li h4 a:visited{
	color: #000000;
	text-decoration: none;
}

#noticiasDT ol li ul li h4 a:hover, #noticiasDT ol li ul li h4 a:active{
	color: #000000;
	text-decoration: underline;
}


/* HOSPEDAGEM */

#hospedagemDT p.titulo{
	background-image:url(images/titulos_hosp.gif);
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#hospedagemDT p.txt{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	width:600px;
	margin-left:70px;
	margin-top:10px;
}

#hospedagemDT ul{		
	list-style:none;
	margin-left:50px;
}
#hospedagemDT ul.linux{		
	margin: -520px 0 20px 350px;
}
#hospedagemDT ul li{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:18px;
	margin-left:70px;
}
#hospedagemDT ul li.plano{
	margin-top:20px;
}

#hospedagemDT p.contrate{		
	text-align:center;
}

#hospedagemDT p.contrate a:link, #hospedagemDT p.contrate a:visited, #hospedagemDT p.contrate a:active{		
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:18px;
	color:#000;
	text-decoration:none;
}
#hospedagemDT p.contrate a:hover{		
	text-decoration:underline;
}

/* HOLDING */

#holding p.titulo{
	background-image:url(images/titulos_holding.gif);
	width:770px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#holding p.txt{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:14px;
	width:600px;
	margin-left:70px;
	margin-top:10px;
}
#holding ul li.texto{
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:12px;
	color:#666;
}
#holding ul{
	list-style:none;
	margin:20px 0 20px 0;
}
#holding ul li{
	text-align:center;
}



/* GALERIA DE FOTOS */

ul.fotos {
	position:relative;
	list-style:none;  
	width:192px;
	padding:1px;
	/*background:#999;*/
	margin:0; 
	padding:0; 
}
.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotos li {
	width:75px;
	height:50px;
	float:left; !important
	border:2px solid #444;
	margin:2px; 
}
ul.fotos li img {
	border:none; 
	width:75px;
	height:50px;
}
ul.fotos li span img {
	border:none;
	width:500px;
	height:375px;
	height:auto;	
}
ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
}
ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	width:500px;
	position:absolute;
	top:375px;
	left:-2px;
}
ul.fotos a:hover span {
	display: block;
    position: absolute; 
	top:-5px; 
	left: 177px; 
	background:#fff;
	border:2px solid #666;
   }
ul.fotos a:hover span.legenda {
	padding:5px 0;
	color:#333; 
}