/*
	Maurivan Luiz, Curitiba, 2009-03
	maurivan@maurivan.com | http://maurivan.com
	@version for Midiaweb Interactive Agency

	
*/



/***** Global Settings | Configuracoes Globais*****/
 
html, body {
	border:0;
	margin:0;
	padding:0;
}
 
body {
	font:12px Arial, Helvetica, sans-serif;
	background:url('../images/bgbody.png') top center no-repeat #FCFCFC;
}

 
/***** Headings | Cabecalhos *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
 
h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font-size:2em;
}
 
h2 {
	font-weight:bold;
	font-size:4.5em;
	letter-spacing:-3.5px;
	color:#333333;
}
h3 {
	font-size:1em;
	font-weight:bold;
}
h3.subt{
	font-size:20px;
	font-family:Arial Black;
	line-height:28px;
	text-transform:uppercase;
	margin-bottom:10px;
}
 
/***** Common Formatting | Formatacao Comum *****/
 
p{
	margin:0;
	color:#222222;
	line-height:20px;
	padding:0 0 0.25em 0;
}
 
ul, ol {
	margin:0;
	padding:0;
}
ul li     { list-style:none;list-style-image:none; }
 
blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}
 
small {
	font-size:0.85em;
}
 
img {
	border:0;
}
 
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
 
/***** Links | Links *****/
 
a,
a:link{
	color:#99CC00;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
 
/***** Forms | Formulário *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
 
input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
	width:100%;
	line-height:1.25;
}
 
label {
	cursor:pointer;
}
 
/***** Tables | Padrões para tabelas *****/
 
table {
	border:0;
	margin:0 0 1.25em 0;
	padding:0;
}
 
table tr td {
	padding:2px;
}
 
/***** Wrapper | Div principal *****/
 
#wrapper {
	width:900px;
	margin:0 auto;
	position:relative;
}

/** TPL TOP **/
div#tplTop{
	height:85px;
	padding-top:100px;
	position:relative;
	}



div#tplTop h1{
	width:161px;
	text-indent:-99em;
	display:block;
	margin:0;padding:0;
	float:left;
	height:30px;
	background:url('../images/logo.gif');
}
	div#tplTop h1 a{display:block;width:161px;height:30px;}
	
div#tplTop h2{
	text-indent:-99em;
	padding:0;
	position:absolute;
	top:30px;
	right:20px;}
	div#tplTop h2.contato{
		width:307px;
		height:58px;
		background:url('../images/h2contato.png') no-repeat;
	}
	div#tplTop h2.cases{
		width:307px;
		height:74px;
		background:url('../images/h2cases.png') no-repeat;
	}
	div#tplTop h2.portfolio{
		width:476px;
		height:75px;
		background:url('../images/h2portfolio.gif') no-repeat;
	}
	div#tplTop h2.agencia{
		width:310px;
		height:74px;
		margin-top:-15px;
		background:url('../images/h2agenciaG.gif') no-repeat;
	}
	div#tplTop h2 a{
		display:block;
	}
	div#tplTop h2.contato a{
		width:307px;
		height:58px;
	}
	div#tplTop h2.portfolio a{
		width:307px;
		height:58px;
	}
	div#tplTop h2.agencia a{
		width:310px;
		height:74px;
	}

	
div#tplTop ul.menu{
	float:right;
	width:315px;
	padding:10px;
}
	div#tplTop ul.menu li{
		float:left;
		padding:0 5px;
		border-right:1px solid #999999;
		}
			div#tplTop ul.menu li.last{border:none;}
			div#tplTop ul.menu li a{
				font-size:12px;
				font-style:italic;
				color:#999999;
				text-transform:uppercase;
				font-weight:bold;
			}
div#tplFeatured{
	height:320px;
}

	div#tplFeatured div#flash-jobs{
		float:left;
		overflow:hidden;
		width:490px;
	}


div#tplFeatured div#alter-jobs{
	float:right;
	width:405px;
}

/* DESTAQUE OI */
	div#tplFeatured div#alter-jobs .alter-oi h2{
		text-indent:-99em;
		width:388px;
		height:119px;
		background:url('../images/h2alter01.png') no-repeat;
	}
	div#tplFeatured div#alter-jobs .alter-oi p{
		color:#7C8066;
		font-size:14px;
		padding:10px 0;
		letter-spacing:-1px;
	}
	

	div#tplFeatured div#alter-jobs  a.verProjeto,
	div#tplCases div.jobs a.verProjeto{
		width:137px;
		display:block;
		color:#666666;
		font-weight:bold;
		padding:12px 0 12px 40px;
		float:right;
		margin-top:30px;/*
		background:url('../images/btverprojeto.png') no-repeat;*/
				background:url('../images/verp.gif') no-repeat;
	}
	div#tplFeatured div#alter-jobs img{
		float:right;
		margin-top:10px;
	}
	
				
				
div#tplClients{
	width:820px;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	padding:20px 0;
	height:50px;
	margin:0 auto 30px auto;
}
	div#tplClients ul.clients-list{}
		div#tplClients ul.clients-list li{
			float:left;
			text-indent:-99em;
			margin:0 17px;
			height:42px;
			background:#FCFCFC;
			}
		div#tplClients ul.clients-list li a{
			float:left;
			height:42px;
			background:url('../images/clients01.png') no-repeat #FCFCFC;
		}
		
		/* OI */
		div#tplClients ul.clients-list li.cl1,
		div#tplClients ul.clients-list li.cl1 a{width:42px;background:url('../images/clients01.png') no-repeat left -57px;}
			div#tplClients ul.clients-list li.cl1 a:hover{background-position:top left;}
			
		/* LACTA */
		div#tplClients ul.clients-list li.cl2,
		div#tplClients ul.clients-list li.cl2 a{width:67px;background-position:-78px -57px;}
			div#tplClients ul.clients-list li.cl2 a:hover{background-position:-78px 0px;}	
			
		/* KRAFT */		
		div#tplClients ul.clients-list li.cl3,
		div#tplClients ul.clients-list li.cl3 a{background-position:-176px -57px;width:69px;}
			div#tplClients ul.clients-list li.cl3 a:hover{background-position:-176px 0px;}
			
		/* HSBC */
		div#tplClients ul.clients-list li.cl4,
		div#tplClients ul.clients-list li.cl4 a{background-position:-267px -57px;width:81px;}
			div#tplClients ul.clients-list li.cl4 a:hover{background-position:-267px top;}
			
		/* GVT */
		div#tplClients ul.clients-list li.cl5,
		div#tplClients ul.clients-list li.cl5 a{background-position:-365px -57px;width:74px;}
			div#tplClients ul.clients-list li.cl5 a:hover{background-position:-365px top;} 
		
		
		/* RPC TV */
		div#tplClients ul.clients-list li.cl6,
		div#tplClients ul.clients-list li.cl6 a{width:76px;background-position:-464px -57px;}
			div#tplClients ul.clients-list li.cl6 a:hover{background-position:-464px top;}
			
		/* POP */
		div#tplClients ul.clients-list li.cl7,
		div#tplClients ul.clients-list li.cl7 a{width:40px;background-position:-575px -57px;}
			div#tplClients ul.clients-list li.cl7 a:hover{background-position:-575px top;}
		
		/* MSN */
		div#tplClients ul.clients-list li.cl8,
		div#tplClients ul.clients-list li.cl8 a{width:70px;background-position:-657px -57px;} 
			div#tplClients ul.clients-list li.cl8 a:hover{background-position:-657px top;}
			
			
			
			div#tplClients ul.clients-list2{}
				div#tplClients ul.clients-list2 li{
					float:left;
					text-indent:-99em;
					margin:0 18px;
					display:inline;
					height:42px;
					background:#FCFCFC;
					}
				div#tplClients ul.clients-list2 li a{
					float:left;
					height:51px;
					background:url('../images/clients02.png') no-repeat #FCFCFC;
				}

				/* Yahoo */
				div#tplClients ul.clients-list2 li.cl1,
				div#tplClients ul.clients-list2 li.cl1 a{width:84px;background:url('../images/clients02.png') no-repeat left -80px ;}
					div#tplClients ul.clients-list2 li.cl1 a:hover{background-position:left top;}

				/* Electrolux */
				div#tplClients ul.clients-list2 li.cl2,
				div#tplClients ul.clients-list2 li.cl2 a{width:85px;background-position:-110px -80px;}
					div#tplClients ul.clients-list2 li.cl2 a:hover{background-position:-110px 0px;}	

				/* Philip Morris */		
				div#tplClients ul.clients-list2 li.cl3,
				div#tplClients ul.clients-list2 li.cl3 a{background-position:-223px -80px;width:75px;}
					div#tplClients ul.clients-list2 li.cl3 a:hover{background-position:-223px 0px;}

				/* Renault */
				div#tplClients ul.clients-list2 li.cl4,
				div#tplClients ul.clients-list2 li.cl4 a{background-position:-334px -82px;width:53px;}
					div#tplClients ul.clients-list2 li.cl4 a:hover{background-position:-334px -2px;}

				/* Itambé */
				div#tplClients ul.clients-list2 li.cl5,
				div#tplClients ul.clients-list2 li.cl5 a{background-position:-448px -85px;width:43px;}
					div#tplClients ul.clients-list2 li.cl5 a:hover{background-position:-448px -5px;} 


				/* CAP*/
				div#tplClients ul.clients-list2 li.cl6,
				div#tplClients ul.clients-list2 li.cl6 a{width:44px;background-position:-552px -85px;}
					div#tplClients ul.clients-list2 li.cl6 a:hover{background-position:-552px -5px;}

				/* Philadelphia */
				div#tplClients ul.clients-list2 li.cl7,
				div#tplClients ul.clients-list2 li.cl7 a{width:59px;background-position:-648px -85px;}
					div#tplClients ul.clients-list2 li.cl7 a:hover{background-position:-648px -5px;}

				/* Estadao */
				div#tplClients ul.clients-list2 li.cl8,
				div#tplClients ul.clients-list2 li.cl8 a{width:77px;background-position:-740px -85px;} 
					div#tplClients ul.clients-list2 li.cl8 a:hover{background-position:-740px -5px;}			
			
			
			
			
			
			
			
			
			
			
			
			
			
			

div#tplContent{}
	div#tplBlog{
		width:450px;
		float:left;
	}
		div#tplBlog h2{
			width:149px;
			height:46px;
			text-indent:-99em;
			font-size:10px;
			float:left;
			background:url('../images/h2blog.png');
		}
		div#tplBlog a.more{
			float:left;
			letter-spacing:-1px;
			font-size:14px;
			float:left;
			display:block;
			font-weight:bold;
			color:#993300;
			padding:30px 0 0 10px;
		}
		div#tplBlog ul.blog-list{
			width:100%;
			float:left;
			margin-top:40px;
		}
			div#tplBlog ul.blog-list li{
				width:410px;
				float:left;
				background:url('../images/numbers-list.png') no-repeat #FCFCFC;
				padding:0 0 26px 40px;
				}
				div#tplBlog ul.blog-list li.nb01{background-position:top left;}
				div#tplBlog ul.blog-list li.nb02{background-position:left -78px;}
				div#tplBlog ul.blog-list li.nb03{background-position:left -155px;}
				div#tplBlog ul.blog-list li.nb04{background-position:left -232px;}
				div#tplBlog ul.blog-list li.nb05{background-position:left -309px;}
				
				div#tplBlog ul.blog-list li a{font-size:15px;color:#666666;}
				
				
				/* Share */
				
				div#tplBlog div#tplShare{
					margin-top:35px;
					float:left;
					border:1px solidred;
				}
				
				div#tplBlog div#tplShare h2{
					width:115px;
					height:20px;
					font-size:11px;
					float:left;
					background:url('../images/h2share.png') no-repeat left bottom;
				}
				
				div#tplBlog div#tplShare ul.share{
					width:320px;
					float:left;
				}
				div#tplBlog div#tplShare ul.share li{float:left;}
				div#tplBlog div#tplShare ul.share li a{
					text-indent:-99em;
					float:left;
					padding:5px;
					display:inline;
					margin:0 5px;
					background:url('../images/share-icons.png') no-repeat;
					}
					div#tplBlog div#tplShare ul.share li.rss a{width:20px;background-position: 10px top;}
						div#tplBlog div#tplShare ul.share li.rss a:hover{background-position: 10px -25px;}
						
					div#tplBlog div#tplShare ul.share li.twitter a{width:15px;background-position:-31px top;}
						div#tplBlog div#tplShare ul.share li.twitter a:hover{background-position:-31px -25px;}


					div#tplBlog div#tplShare ul.share li.youtube a{display:block;background-position:-71px top;width:38px;}
						div#tplBlog div#tplShare ul.share li.youtube a:hover{background-position:-71px -25px;}
						
					div#tplBlog div#tplShare ul.share li.orkut a{width:20px;background-position:-134px top;}
						div#tplBlog div#tplShare ul.share li.orkut a:hover{background-position:-134px -25px;}
						
					div#tplBlog div#tplShare ul.share li.delicious a{width:20px;background-position:-185px top;}
						div#tplBlog div#tplShare ul.share li.delicious a:hover{background-position:-185px -25px;}
						
					div#tplBlog div#tplShare ul.share li.favoritos a{width:20px;background-position:-226px top;}
						div#tplBlog div#tplShare ul.share li.favoritos a:hover{background-position:-226px -25px;}
				
				
		
		
	div#tplAgency{
		float:right;
		width:370px;
	}
		div#tplAgency h2{
			width:176px;
			height:40px;
			text-indent:-99em;
			font-size:10px;
			background:url('../images/h2agencia.png') no-repeat top;
		}
		div#tplAgency p{
			color:#666666;
			font-size:14px;
			line-height:120%;
			padding:8px 0;
			}
		}
		div#tplAgency ul.state{

		}
		div#tplAgency ul.state li{
			padding:0 0 25px 35px;
			height:34px;
			color:#333333;
			background:url('../images/liststates.png') no-repeat;
		}
		
		div#tplAgency ul.list-text{margin-bottom:20px;}
		div#tplAgency ul.list-text li{
			color:#666666;
			font-size:14px;
			line-height:110%;
			background:url('../images/bullet-agency.gif') no-repeat left 3px;
			margin:18px 0;
			padding:0 0 0 10px;
		}
		
		
			div#tplAgency ul.state li.pr{
				background-position:left 2px;
			}
			div#tplAgency ul.state li.sp{
				background-position:left -86px;
			}
			div#tplAgency ul.state li.rj{
				background-position:left -175px;
			}

div#tplFooter{
	width:820px;
	margin:0 auto;
	clear:both;
	padding:25px 0 0 0;
	height:50px;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
	div#tplFooter a.img{float:left;}
	div#tplFooter a{color:#6A6A6A;}
	div#tplFooter span{;
		display:block;
		float:left;
		color:#A4A4A4;
		padding:0 10px;
	}



/* --- INTERNAS ---*/
div.tplSidebar{
	width:180px;
	float:right;
}
	div.tplSidebar ul li{
		line-height:250%;
		font-size:11px;
		float:left;
		width:180px;
	}
		div.tplSidebar ul li a{
			color:#000;
			display:block;
		}
		div.tplSidebar ul li h3,h2.mega-title{
			color:#999999;
			text-transform:uppercase;
			font-size:17px;
			letter-spacing:-1px;
			font-style:italic;
		}

div.tplSidebar ul li#clients{margin-top:20px;}
div.tplSidebar ul li#clients ul{margin-top:10px;}
div.tplSidebar ul li#clients ul li{float:left;margin:10px 8px;display:inline;width:auto;}
div.tplSidebar ul li#clients ul li a{background:url('../images/clients.png') no-repeat left top;width:73px;text-indent:-99em;}

div.tplSidebar ul li#clients ul li a.oi{height:42px;}
	div.tplSidebar ul li#clients ul li a.oi:hover{background-position:-243px 0;}
div.tplSidebar ul li#clients ul li a.lacta{height:42px;background-position:-84px 0;}
	div.tplSidebar ul li#clients ul li a.lacta:hover{background-position:right top;}
div.tplSidebar ul li#clients ul li a.kraft{height:25px;background-position:0 -85px;}
	div.tplSidebar ul li#clients ul li a.kraft:hover{background-position:-243px -85px;}
div.tplSidebar ul li#clients ul li a.hsbc{height:25px;background-position:-84px -85px;}
	div.tplSidebar ul li#clients ul li a.hsbc:hover{background-position:-327px -85px;}
div.tplSidebar ul li#clients ul li a.gvt{height:30px;background-position:0 -156px;}
	div.tplSidebar ul li#clients ul li a.gvt:hover{background-position:-243px -156px;}
div.tplSidebar ul li#clients ul li a.rpc{height:30px;background-position:-84px -156px;}
	div.tplSidebar ul li#clients ul li a.rpc:hover{background-position:-327px -156px;}
div.tplSidebar ul li#clients ul li a.pop{height:36px;background-position:0 -227px;}
	div.tplSidebar ul li#clients ul li a.pop:hover{background-position:-243px -227px;}
div.tplSidebar ul li#clients ul li a.msn{height:36px;background-position:-84px -227px;}
	div.tplSidebar ul li#clients ul li a.msn:hover{background-position:-327px -227px;}

div.tplSidebar ul li#clients ul li a.yahoo{height:13px;background-position:0 -316px;}
	div.tplSidebar ul li#clients ul li a.yahoo:hover{background-position:-243px -316px;}

div.tplSidebar ul li#clients ul li a.electrolux{height:13px;background-position:-84px -316px;}
	div.tplSidebar ul li#clients ul li a.electrolux:hover{background-position:-327px -316px;}

div.tplSidebar ul li#clients ul li a.phillipmorris{height:42px;background-position:-7px -374px;}
	div.tplSidebar ul li#clients ul li a.phillipmorris:hover{background-position:-250px -374px;}


div.tplSidebar ul li#clients ul li a.renault{height:42px;background-position:-84px -370px;}
	div.tplSidebar ul li#clients ul li a.renault:hover{background-position:-327px -370px;}


div.tplSidebar ul li#clients ul li a.itambe{height:41px;background-position:0 -452px;}
	div.tplSidebar ul li#clients ul li a.itambe:hover{background-position:-243px -452px;}

div.tplSidebar ul li#clients ul li a.cap{height:41px;background-position:-84px -452px;}
	div.tplSidebar ul li#clients ul li a.cap:hover{background-position:-327px -452px;}

div.tplSidebar ul li#clients ul li a.philadelphia{height:27px;background-position:0 -534px;}
	div.tplSidebar ul li#clients ul li a.philadelphia:hover{background-position:-243px -534px;}

div.tplSidebar ul li#clients ul li a.estadao{height:27px;background-position:-84px -534px;}
	div.tplSidebar ul li#clients ul li a.estadao:hover{background-position:-327px -534px;}

div.tplSidebar ul li#social-medium ul li a{
	padding:5px 0 5px 50px;
	background:url('../images/socialmedium.jpg') no-repeat left -305px;
}
	div.tplSidebar ul li#social-medium ul li a.feedrss:hover{background-position: left 5px;}
	div.tplSidebar ul li#social-medium ul li a.twitter{background-position: left -345px;}
		div.tplSidebar ul li#social-medium ul li a.twitter:hover{background-position: left -35px;}
	div.tplSidebar ul li#social-medium ul li a.youtube{background-position: left -395px;}
		div.tplSidebar ul li#social-medium ul li a.youtube:hover{background-position: left -85px;}
	div.tplSidebar ul li#social-medium ul li a.orkut{background-position: left -445px;}
		div.tplSidebar ul li#social-medium ul li a.orkut:hover{background-position: left -135px;}
	div.tplSidebar ul li#social-medium ul li a.delicious{background-position: left -508px;}
		div.tplSidebar ul li#social-medium ul li a.delicious:hover{background-position: left -198px;}
	div.tplSidebar ul li#social-medium ul li a.favoritos{background-position: left -570px;}
		div.tplSidebar ul li#social-medium ul li a.favoritos:hover{background-position: left -260px;}


	
	
	
	


/* --- Contato --*/
div#tplContact{
	float:left;
	width:680px;
	margin-bottom:15px;
}
div#tplContact p{
	color:#666666;
}
div#formContact{
	width:370px;
	float:left;
	margin-top:30px;
}

	div#formContact div.form-label{
		font-size:15px;
		margin:5px 0 3px 0;
		color:#999999;
		font-weight:bold;
		width:370px;
		float:left;
	}
	div#formContact div.form-input input{
		border:3px solid solid #CCCCCC;
		padding:8px;
		font-size:13px;
		font-weight:bold;
		color:#999999;
		width:335px;
	}
	div#formContact div.form-textarea textarea{
		border:3px solid solid #CCCCCC;
		padding:8px;
		height:130px;
		font-size:13px;
		overflow:auto;
		font-weight:bold;
		color:#999999;
		width:337px;
	}
	div#formContact div.form-submit{
		margin-top:10px;
		width:353px;
		float:left;
	}
	div#formContact div.form-submit input#submit{
		border:none;
		width:122px;
		height:50px;
		float:right;
		cursor:pointer;
		background:url('../images/btcoment.jpg') no-repeat;
		}

div#tplContact div#tplContact-address{

	float:right;
	width:280px;
	margin-top:30px;
}
div#tplContact div#tplContact-address ul li{
	padding-bottom:30px;
}
	div#tplContact div#tplContact-address ul li h3{
		font-size:21px;
		color:#F04941;
		font-weight:bold;
	}
	div#tplContact div#tplContact-address ul li p{
		color:#333333;
		letter-spacing:-0.5px;
		font-size:13px;
	}





/* --- Listagem de CASES --*/
div#tplCases{}
	div#tplCases div.jobs{
		background-position:0 40px !important;
		border-bottom:1px solid #CACACA;

	}
	div#tplCases div.caselacta{
		background:url('../images/caselacta.jpg') no-repeat;
		padding:140px 0 40px 420px !important;
	}
	div#tplCases div.caseoi{
		padding:140px 0 40px 420px !important;
		background:url('../images/caseoi.jpg')  no-repeat top;
	}
	div#tplCases div.caseestadao{
		padding:130px 0 40px 420px !important;
		background:url('../images/caseestadao.jpg') no-repeat;
	}
		div#tplCases div.jobs p{
			color:#333333;
			line-height:140%;
			margin-top:15px;
			font-size:14px;
		}
		div#tplCases div.jobs h2{
			text-indent:-999em;
			font-size:20px;
		}
		div#tplCases div.jobs a.verProjeto{
			float:none;
			width:auto;
			background:transparent url(../images/verp2.gif) no-repeat scroll 0 0;
		}
		

/* --- Texto sobre agência --*/
	div#tplAgencia{}
	div#tplAgenciaTxt{
		width:600px;
		float:left;
	}
	div.tplAgenciaTop{
		width:600px;
		float:left;
		}
	div.tplLateral{
		width:210px;
		margin-left:10px;
		float:right;
	}
	
	div#tplAgencia p{margin:20px 0;}
	div#tplPremios{
		width:280px;
		float:right;
		}
		div#tplPremios h3{
			color:#6C6C6C;
		}
		div#tplPremios ul{margin-top:20px;}
		div#tplPremios ul li{
			border-top:1px solid #DEDEDE;
			padding:12px 5px;
			float:left;
			width:260px;
		}
		div#tplPremios ul li img{
			float:left;
			width:50px;
			height:50px;
			margin:0 10px 0 0;
		}
		div#tplPremios ul li a{
			color:#999999;
		}

/*
 floating 
*/
#migracao:focus  { outline:none;}
#migracao { position:absolute; top:200px; text-align:center; z-index:4000; width:340px; left:300px; text-align:center; height:340px;}