/*****************************************************************************/
/*******    Responsável: Adriano Pulz                          ***************/
/*******    Telefone: (84) 3207-1303 - Ramal: 217              ***************/
/*******    Desenvolvimento: Interativa Publicidade Digital    ***************/
/*****************************************************************************/


/***********************************************************************************************/
/********************************* CONFIGURAÇÕES INICIAIS **************************************/
/***********************************************************************************************/

@charset "utf-8";
* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
img {border:0;}
ul {list-style:inside;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	background: #4c4c4c;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #666666;
}

/***********************************************************************************************/
/************************************* ESTRUTURA DO SITE ***************************************/
/***********************************************************************************************/

#site {
	width: 1003px;
	height: 600px;
	margin: 0 auto;
	background: #fff;
}

	#top {
		width: 1003px;
		height: 111px;
		background: url(../pics/bg_top.jpg);
	}
	#top #idiomas {width:108px; height:29px; position:absolute; margin:25px 0 0 20px;}
		 #idiomas img {margin:0; border:0; padding:0; float:left;}
	#top #data {width:380px; height:16px; position:absolute; margin:38px 0 0 610px; text-align:right; color:#000000;}
	#top #menu {width:1003px; height:20px; position:absolute; margin-top:62px; color:#FFFFFF; font-weight:bold;}
	#top #logo {width:136px; height:111px; position:absolute; margin:0 0 0 435px;}

	#principal {
		width: 1003px;
		height: 438px;
		background: url(../pics/bg_principal.jpg);
	}
	#site > #principal {height:auto; min-height:438px !important;}
	
	#rodape {
		width: 1003px;
		height: 51px;
		clear:both;
		background: url(../pics/bg_rodape.jpg);
	}
	#rodape #interativa {width:91px; height:15px; margin:16px 0 0 30px; float:left;}
	#rodape p {margin:16px 0 0 65px; float:left;}
	
	#loading {
		width: 100px;
		height: 50px;
		
		position: absolute;
		margin: -25px 0 0 -50px;
		top: 50%;
		left: 50%;
	}


/***********************************************************************************************/
/************************************* ESTRUTURA INTERNA ***************************************/
/***********************************************************************************************/

/***** HOME *****/
#ladoE {
	width: 241px;
	height: 433px;
	/*background: #009900;*/
	margin: 2px 0 0 25px;
	display: inline;
	float: left;
}
#ladoE #frame {width:239px; height:179px; background:url(../pics/bg-clima.jpg) no-repeat; }
#frame img { margin:10px 0 0 2px; }
#ladoE #climatempo { margin:4px 0 0 45px; }
#ladoE #cotacao {width:234px; height:117px; margin-top:10px; clear:both; background:url(../pics/bg_cotacao.jpg); padding:5px 0 0 8px;}
#ladoE #news {width:241px; height:122px; margin-top:10px; clear:both; background:url(../pics/bg_news.jpg);}
	   #news .tt_news {padding:28px 8px 0 10px; text-align:center;}

#meio {
	width: 477px;
	height: 436px;
	/*background: #009900;*/
	margin: 2px 0 0 18px;
	display: inline;
	float: left;
}
#meio #flash {width:477px; height:262px; float:left;}
#meio #lanca {width:477px; height:149px; float:left; background:url(../pics/bg_lanca.jpg); margin-top:18px;}
	  #lanca .tt_lanca01 {width:230px; color:#FFFFFF; font-weight:bold; padding: 28px 0 0 5px; float:left;}
	  #lanca .tt_lanca02 {color:#FFFFFF; font-weight:bold; padding: 28px 0 0 20px; float:left;}
	  #lanca #lanca01 {width:230px; height:90px; float:left; margin:10px 0 0 3px; font-size:10px; text-align:left;}
	  #lanca #lanca02 {width:220px; height:90px; float:left; margin:10px 0 0 18px; font-size:10px; text-align:left;}
	  #lanca img {float:left; padding: 0 5px 5px 0;}
	  #lanca .veja {float:right;}

#ladoD {
	width: 200px;
	height: 436px;
	/*background: #009900;*/
	margin: 2px 0 0 18px;
	display: inline;
	float: left;
}
#ladoD #noticias {width:200px; height:259px; float:left; background:url(../pics/bg_noticias.jpg);}
	   #noticias .tt_noticias {text-align:center; padding:8px 8px 10px 8px; margin-top: 20px;}
	   #noticias #areaNoticias {width:180px; height:170px; margin-left:10px; float: left; /*background:#00CC66;*/ display:inline;}
	   #noticias img {float:right; margin:3px 10px 0 0;}
	   #noticias .dataNoticia {font-weight:bold; background:url(../pics/seta.jpg) no-repeat; padding-left:15px;}
	   #noticias .dataNoticia2 {font-weight:bold; background:url(../pics/seta.jpg) no-repeat; padding-left:15px; margin-top:5px;}
	   #noticias .txtNoticia {padding-left:15px; font-size:10px; text-align:left;}
#ladoD #localizacao {width:200px; height:154px; float:left; margin-top:14px;}

/***** Conheça-nos ******/
#box {
	width: 770px;
	height: 160px;
	margin-left: 50px;
	background:url(../pics/bg_box.jpg);
	padding: 50px 15px 0 15px;
}

/***** Portifólio *****/
#boxPortifolio {
	width: 442px;
	height: 234px;
	float: left;
	margin-bottom: 25px;
}
#boxPortifolio li {padding-top:10px;}

#boxPortifolio2 {
	width: 442px;
	height: 234px;
	float: left;
	margin-left: 14px;
	margin-bottom: 25px;
}
#boxPortifolio2 li {padding-top:10px;}

#ftPortifolio {
	width: 165px;
	height: 234px;
	float: left;
}
#ttPortifolio {
	width: 265px;
	height: 19px;
	float: left;
	padding: 12px 0 0 10px;
}
#bgPortifolio {
	width: 245px;
	height: 193px;
	background: url(../pics/bg_boxPortifolio.jpg);
	padding: 10px 14px 0 18px;
	float: left;
}

.liPortifolio {list-style:inside; text-align:left;}

/*********** Notícias *********/
.right-side { width:300px; float:left; }
.left-side { width:450px; float:left; }
.voltar {clear:both; margin-top:20px;}

/* Acompanhamento de Obras */
#tab-fotos{
width:110px;
height:90px;
background:url(../pics/bg-fotos-class.jpg);
}
#tab-valor{
padding:5px;
height:90px;
border:1px solid  #CCCCCC;
}
#borda{
background:url(pics/bg-tabela.jpg) repeat-x;
background-color:#FFFFFF;
padding:5px;
border:1px solid  #CCCCCC;
}

/***** Outras páginas *****/

#titulo {
	width: 600px;
	height: 25px;
	margin-left: 20px;
}

#texto {
	width: 900px;
	margin:5px 0 0 53px;
}
#texto:after {content:"."; display:block; clear:both; visibility: hidden;}

.ft {position:absolute; margin: -51px 0 0 592px;}
.ftleft {float:left;}
.txtReduzido {width:580px;}
.marcador {background:url(../pics/seta2.jpg) no-repeat; padding-left:18px; font-weight:bold;}

/***********************************************************************************************/
/***************************************** FORMULÁRIOS *****************************************/
/***********************************************************************************************/

.campo {
	width: 200px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;
}

html > body .campo {margin-bottom: 9px;}

.ddd {
	width: 30px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;
}

.tel {
	width: 162px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;
}

.txtArea {
	width: 230px;
	height: 105px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 2px;
}


select {
	width: 200px;
	height: 20px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;
}

.campoNews {
	width: 180px;
	height: 14px;
	border: 1px #CCCCCC solid;
	padding: 3px 0 0 4px;
	margin: 5px 0 0 25px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
}

#ladoE > #news .radio {
	margin: 5px 0 0 15px;
}
#news .radio {margin-left:10px;}
#news .bt_enviar {margin: 5px 0 0 34px;}

/********************** FIELDSET ***************************/

.fieldset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px 8px 4px 8px;
	text-align: justify;
}

.fieldsetTitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 4px;
	padding-left: 4px;
	color: #193a60;
	font-weight: bold;
}

/********************************************************************************************/
/************************************* IMAGENS PNG ******************************************/
/********************************************************************************************/

* html img {
	filter:expression(this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" : this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+String(this.alphaxLoaded=true).substr(0,0)+(this.src="pics/blank.gif").substr(0,0)):this.runtimeStyle.filter=""));
}