/* Teia Marketing Online - 2009*/

*{
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:11px;
	color:#FFCC00;
	}
	 
body{background:url(../img/bg_suavisado.jpg) center top no-repeat #edbe4c;}


.centro {
}

/*Estrutura*/
#master{
	width:866px;
	height:auto;
	margin:20px auto;
	}

	
img.png{
	behavior:url(iepngfix.htc)!important;
	}
	
.clear{
	width:100%;
	display:block;
	clear:both;
	}

/*Topo*/
#master #topo{
	width:866px;
	height:191px;	
	margin-bottom:5px;
	}
	
#master #player{
	 width:280px; 
	 height:190px; 
	 float:right; 
	 margin:0; 
	 padding:0;
	}
	
/*Menu*/	
#master #menu{
	width:545px;
	display:block;
	float:left;
	background:#000;
	margin-top:27px;
	}
	
#master #menu ul.nav{
	width:545px;
	height:auto;
	float:left;
	padding:3px 0 5px 14px;
	}
	
#master #menu ul.nav li{
	width:auto;
	height:auto;
	display:inline;
	color:#FFCC00;
	padding:6px 13px;
	text-align:center;
	}
	
#master #menu ul.nav li a.lnkMenu:link , a.lnkMenu:visited{
	font-size:1.4em;
	color:#FFCC00;
	text-decoration:none;
	font-weight:bold;
	}
	
#master #menu ul.nav li a.lnkMenu:hover{
	font-size:1.4em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

/*Colunas*/

#colEsquerda {
	width: 197px;
	height: 300px;
	display:block;
	float:left;
	padding: 0;

	}	
	
#colDireita {
	width: auto;
	display:block;
	float: right;
	padding: 0;

	}		
	


#nuvem {
	width: 197px;
	height: 163px;
	display:block;
	float:left;
	padding-top: 20px;
	margin-top: 10px;
	text-align: center;
/*	background: url(../img/nuvem.png) no-repeat;
*/	behavior:url(iepngfix.htc)!important;
	}


/*banner lateral*/
#master #bannerEsq{
	width: 197px;
	height: 300px;
	display:block;
	float:left;
	background:url(../img/bgsub.jpg) left bottom no-repeat #000000;
	}
	

/*submenu lateral*/

#master #esquerda {
	width:197px;
	height: auto;
	display:block;
	float:left;
}
#master #sub{
	width:197px;
	height: 163px;
	display:block;
	float:left;
/*	background:url(../img/bgsub.jpg) left bottom no-repeat #000000;
*/	margin: 0;
	padding: 2px;
	}


/*pg contato*/
textarea{
		width: 200px;
		height: 50px;
		border: 1px solid #ffcc00;
		background-color: #FFF6DF;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		color:#333333; font-size:12px;
	}
input.Contato{
		width: 195px;
		border: 1px solid #ffcc00;
		background-color: #FFF6DF;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		color:#333333; font-size:12px;
	}	
.formTrabalheConosco{
		border: 1px solid #ffcc00;
		background-color: #FFF6DF;
		font-family:'Trebuchet MS', Helvetica, sans-serif;
		color:#333333; font-size:12px;
	}	
	
.txt_form {
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:12px;
	}
.bgTable {
		background: url(../img/fundo_contato.png) no-repeat;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:12px;
	}
	
a.btn:link, a.btn:visited {	
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		font-size:1.2em;
		color:#FFCC00;
		text-decoration:none;
		font-weight:bold;
		padding-left: 25px;
		margin-left: 15px;

			}		
a.btn:hover {
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		font-size:1.2em;
		color:#FFCC00;
		text-decoration:none;
		font-weight:bold;
		padding-left: 25px;
		margin-left: 15px;

			}			


/*Principal*/

#master h1{
	width:584px;
	height:auto;
	font-size:20px;
	padding:10px 29px;
	background:#000000;
	display:block;  /* ie 6 - sem float, pois está sumindo com o box SUB*/
	margin-bottom:1px;
	}
	
	.space_top_box{
		margin-top:20px;
	} /* Essa classe foi criada para cada box de notícias que a no site, ter um espaço no topo de um para o outro box */
	
#master > h1{
	width:584px;
	height:auto;
	font-size:20px;
	padding:10px 29px;
	background:#000000;
	display:block;
	float:left;
	}  

/*Titulo Home*/

#master h1.home{
	width:800px;
	height:auto;
	font-size:20px;
	padding:10px 29px;
	background:#000000;
	display:block;  /* ie 6 - sem float, pois está sumindo com o box SUB*/
	margin:10px;
	}
	
#master > h1.home{
	width:800px;
	height:auto;
	font-size:20px;
	padding:10px 29px;
	background:#000000;
	display:block;
	float:left;
	}  


/*Titulo Submenu*/
#master h2{
	width:197px;
	height:auto;
	font-size:14px;
	color: #FFCC00;
	padding: 7px 0px;
	background:#000000;
	display:block;  /* ie 6 - sem float, pois está sumindo com o box SUB*/
	margin-bottom:4px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;

	}
	
	.space_top_box{
		margin-top:20px;
	} /* Essa classe foi criada para cada box de notícias que a no site, ter um espaço no topo de um para o outro box */
	
#master > h2{
	width:197px;
	height:auto;
	font-size:14px;
	padding:10px 29px;
	background:#000000;
	display:block;
	float:left;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;

	}  
	
#master #principal{
	width:584px; 
	height:auto;
	background:url(../img/bgsub.jpg) right bottom no-repeat #000000;
	display:block; /* ie 6 - sem float, pois está sumindo com o box SUB*/
	padding:29px;
	color:#fff3bb;
	}
	
	.alinha_map {
		text-align:center;
	} /*classe criada para alinha o mapa de localizaçăo*/
	
#master > #principal{
	width: 100%;
	height:auto;
	background:url(../img/bgsub.jpg) right bottom no-repeat #000000;
	display:block;
	float:left;
	padding:29px;
	color:#fff3bb;
	}
	
#master #principalHome{
	width: 866px;
	height: 227px;
	background:url(../img/bgsub.jpg) right bottom no-repeat #000000;
	display:block; /* ie 6 - sem float, pois está sumindo com o box SUB*/
	color:#fff3bb;
	}
	
#master #bannerInferior{
	margin:29px 0 0 0;
	width: 866px;
	height: 260px;
/*	background:url(../img/bgsub.jpg) right bottom no-repeat #000000;*/
	display:block; /* ie 6 - sem float, pois está sumindo com o box SUB*/
/*	color:#fff3bb;*/
	}
#master #pegoPelaTeiaBanner{
	margin: 0 auto;
	width: 270px;
	height: 260px;
/*	background:url(../img/bgsub.jpg) right bottom no-repeat #000000;*/
	display:block; /* ie 6 - sem float, pois está sumindo com o box SUB*/
	float: left;
/*	color:#fff3bb;*/
	}
#master #Twitter{
	width: 280px;
	height: 260px;
/*	background:url(../img/bgsub.jpg) right bottom no-repeat #000000;*/
	/* ie 6 - sem float, pois está sumindo com o box SUB*/
	float:right;
	margin-left:9px;
/*	color:#fff3bb;*/
	}

	.alinha_map {
		text-align:center;
	} /*classe criada para alinha o mapa de localizaçăo*/
	
#master > #principalHome{
	width:800px;
	height:auto;
	background:url(../img/bgsub.jpg) right bottom no-repeat #000000;
	display:block;
	float:left;
	padding:29px;
	margin: 10px;
	color:#fff3bb;
	}
	
/*** Box Clientes Home ****/
#master #boxClientes{
	width: 260px;
	float: left;
	display: block;
	margin: 24px 10px 0px 0px;
	_margin: 24px 5px 0px 0px;
	}
	
#master #boxClientesMeio{
	width: 260px;
	float: left;
	display: block;
	margin: 24px 28px 0px 28px;
	_margin: 24px 24px 0px 24px;

	}	
	
#master #boxClientesDireita{
	width: 260px;
	float: right;
	display: block;
	margin: 24px 10px 0px 0px;
	_margin: 24px 0px 0px 0px;
	} 	
	
	
#master #boxClientes #boxClientesMeio #boxClientesDireita h4 {
	height: 32px;
	background-color: #000000;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 2em;
	color:#FFCC00;
	font-weight:bold;
	margin-bottom: 4px;
	float: left;
	}	

.imagemHome {
	border: 6px solid #000000;
	margin-top: 4px;
	}
		
	
/*Rodapé*/
	
#master #rodape{
	width: 866px;
	height: 29px;
	display:block;
	float:left;
	background:#000;
	margin-top: 14px;

	
	}
	
#master #rodape ul.nav2{
	width: 851px;
	height: 29px;
	float:left;
	padding: 7px 0 5px 14px;
	*padding: 7px 0 7px 14px;
	_padding: 10px 0 0px 14px;

	}
	
#master #rodape ul.nav2 li{
	width: 866px;
	height: 29px;
	display:inline;
	color:#969696;
	padding: 7px 3px;
	text-align:center;
	}
	
#master #rodape ul.nav2 li.alinhaDireita { 
	width: 866px;
	height: 29px;
	display:inline;
	color:#969696;
	padding: 7px 3px 0px 200px;
	text-align: right;
	}	
	
#master #rodape ul.nav2 li a.lnkRodape:link , a.lnkRodape:visited{
	font-size: 11px;
	color:#969696;
	text-decoration:none;
	}
	
#master #rodape ul.nav2 li a.lnkRodape:hover{
	font-size: 11px;
	color:#969696;
	text-decoration:none;
	}	
	

	

/****Classes****/
	
p.parag{
	color:#faf4e1;
	font-size: 12px;
	margin-bottom:6px;
	}
p.pegoParag {
	width: 100%;
	color:#faf4e1;
	font-size: 12px;
	margin-bottom:10px;
	}	
	 
	
.img { 
	border: 1px solid #CF8627;
	}	
.titPego { 
	color:#FFCC00;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;

	}	
img.pegopelateia {		
	border: 1px solid #fdbc2a;
	}
		
/***** Links *****/

/***** Banner Interatividade *****/

	#bannerInteratividade {
		width:260px;
		height:191px;
		background-image:url(../img/banner_interatividadehome.jpg);
		margin:0 0 0 17px;
		padding:69px 0 0 0;
		float:left;
		display:block;
		
	}
	
	#bannerInteratividade ul{
		float:left;
		width:260px;
		height:auto;
		
		list-style:none;
		display:block;
		margin:0;
		padding:0;
	}
	
	#bannerInteratividade li{
		width:180px;
		height:40px;
		float:left;
		padding-top:10px;
		margin-top:12px;
		margin-left:70px;
		_margin-left:35px;
		text-align:left;
	}
	
	#bannerInteratividade li a{
		width:180px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	
	#bannerInteratividade li a:hover{
		width:180px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#F60;
		text-decoration:none;
		font-weight:bold;
	}