/*****************************************************************************/
/*******    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%;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	background: url(../pics/bg.jpg) repeat-x #daf4ff;
}

img { border:none; }

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

a:hover {
	color: #666666;
}


h2 {
font:bold 13px Verdana, Arial, tahoma, sans-serif;
color:#FF6600;
padding:6px 0;
}

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

#bannerViaBrasil {
	width:350px;
	height:200px;
	position:absolute;
	margin: -100px 0 0 -175px;
	left:50%; top:50%;
	z-index:200;
}

#site {
	width: 1003px;
	height: 600px;
	margin: 0 auto;
	background: url(../pics/bg_site.jpg) no-repeat center;
}

#onibus {
	width: 397px;
	height: 291px;
	position: absolute;
	margin: 296px 0 0 24px;
	z-index: 2;
}

#areaUtil {
	width: 701px;
	height: 558px;
	position: relative;
	top:1px; left:212px;
	background: url(../pics/bg_conteudo.jpg) no-repeat center;
	z-index: 1;
}

#top {
	width: 692px;
	height: 100px;
	display: inline;
	margin-left: 5px;
	float: left;
}
#top img {width: 175px;	height: 85px; float: left; padding: 9.5px 0 0 10px;}
#top #banner {width: 438px;	height: 78px; float: left; margin: 13px 0 0 35px; background:#993366;}

#menu {
	width: 692px;
	height: 26px;
	display: inline;
	background: #0066FF;
	margin-left: 5px;
	float: left;
}

#paginas {
	width: 658px;
	height: 352px;
	display: inline;
	float: left;
	margin: 10px 0 0 22px;
}

#rodape {
	width: 614px;
	height: 55px;
	position: relative;
	background: url(../pics/bg_rodape.jpg) no-repeat;
	float: left;
	top:2px; left:65px;
}
#rodape #newsletter {width: 200px; height: 44px; float: left; margin: 5px 0 0 109px; display:inline;}

#rodape p {width: 278px; height: 42px; float: left; margin: 7px 0 0 18px; text-align:center; font-size:10px;}

#copyright {
	width: 440px;
	height: 15px;
	position: relative;
	float: left;
	top:3px; left:445px;
}
#copyright p {float:left;}
#copyright .interativa {float:left; padding-left: 65px;}

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

#titulo {
	width: 400px;
	height: 22px;
	display: inline;
	float: left;
	margin:10px 0 0 10px;
}

#conteudo {
	width: 623px;
	height: 290px;
	display: inline;
	float: left;
	overflow: auto;
	margin: 16px 0 0 14px;
	padding-right: 12px;
}


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

.enviar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}

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

.campo2 {
	width: 95px;
	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: 157px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;
}

.periodo {
	width: 97px;
	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: 225px;
	height: 138px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 2px;
}

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

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

/********************** 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=""));
}


/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/