#midPanBody
{
	background-color: #f9f9f9;
	padding: 10px 0 0;
	min-height: 650px;
}

#midPanBody h2
{
	width: 200px;
	height: 67px;
	display: block;
	background: url(../images/solutions.gif) 0 0  no-repeat;
	color: #a00;
	font: 28px/67px "Trebuchet MS", Arial, Helvetica, sans_serif;
	text-indent: 75px;
	margin: 10px 0 10px 55px;
}

#midPanBody p
{
	padding: 10px 60px;
	text-align: justify;
}

/* Barras horizontais 1 e 2 */
#horBar1, #horBar2
{
	clear: both;
	position: relative;
	display: block;
	width: 800px;
	height: 40px;
	background: url(../images/hor_bar.gif) 50% 50% no-repeat;
}

#horBar2 p
{
	padding: 28px 0 0 40px;
}

#midLeft, #midLeftEn
{
	width: 481px;
	height: 460px;
	display: block;
	float: left;
	position: relative;
	background: url(../images/services/jigsaw1.gif) 70px 10px  no-repeat;
	font: 14px/16px "Trebuchet MS", Arial, Helvetica, sans_serif;
}

#midLeftEn{ background-image: url(../images/services/jigsaw1-en.gif) }

#midLeft p, #midLeftEn p
{
	clear: both;
	text-align: center;
	text-indent: 0;
	color: #555;
}

#midia
{
	display: block;
	width: 300px;
	height: 100px;
	position: absolute;
	top: 55px;
	left: 50px;
}

#mobile
{
	display: block;
	width: 265px;
	height: 100px;
	position: absolute;
	top: 65px;
	left: 275px;
}

#web
{
	display: block;
	width: 300px;
	height: 110px;
	position: absolute;
	top: 270px;
	left: 250px;
}

#midRight, #midRightEn
{
	width: 250px;
	height: 460px;
	display: block;
	float: left;
	position: relative;
	background: url(../images/services/sinergia.gif) 0 10px  no-repeat;
	font: 16px/25px "Trebuchet MS", Arial, Helvetica, sans_serif;
}
#midRightEn{background-image: url(../images/services/sinergy.gif) }

#midRight p, #midRightEn p
{
	width: 160px;
	display: block;
	top: 110px;
	left: -29px;
	position: absolute;
	text-align: center;
	text-indent: 0;
}

/* BOTPAN */
#botPanBody
{
	background-color: #f9f9f9;
	padding: 10px 0;
	height: 100%;
}

/* PAN advergamePan */
#advergamePan
{
	width: 800px;
	height: 220px;
	display: block;
	padding: 10px 0;
	position: relative;
}


#advergamePan h2
{
	width: 267px;
	height: 136px;
	display: block;
	float: left;
	background: url(../images/services/advergame.gif) 0 0 no-repeat;
	text-indent: -20000px;
}

#advergamePan p
{
	width: 480px;
	display: block;
	float: left;
	text-align: justify;
	font:14px/26px Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	padding: 0 0 0 5px;
}

#advergamePan p span{ color: #a00; }

#advergamePan ul
{
	width: 150px;
	display: block;
	float: left;
	text-align: justify;
	font:14px/22px Georgia, "Times New Roman", Times, serif; 
	color: #a00;
	font-style: italic;
	font-weight: bold;
	padding: 10px 0 0 5px;
}

#adverTop
{
	width: 800px;
	display: block;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

#adverLeft
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 100% 0 repeat-y;
}

#adverContent
{
	display: block;
	width: 765px;
	float: left;
	padding: 5px;
}

#adverRight
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 0 0 repeat-y;
}

#adverBot
{
	width: 800px;
	display: block;
	float: left;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

/* /PAN advergamePan */

/* PAN mobilePan */
#mobilePan
{
	width: 800px;
	height: 140px;
	display: block;
	padding: 10px 0;
	position: relative;
}


#mobilePan h2.pt
{
	width: 256px;
	height: 130px;
	display: block;
	float: right;
	background: url(../images/services/celular.gif) 0 0 no-repeat;
	text-indent: -20000px;
}

#mobilePan h2.en
{
	width: 256px;
	height: 130px;
	display: block;
	float: right;
	background: url(../images/services/mobile.gif) 0 0 no-repeat;
	text-indent: -20000px;
}

#mobilePan p
{
	width: 485px;
	display: block;
	float: right;
	text-align: justify;
	font:14px/26px Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	padding: 0 10px;
	margin: 40px 0 0;
}

#mobilePan p span{ color: #a00; }

#mobileTop
{
	width: 800px;
	display: block;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

#mobileLeft
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 100% 0 repeat-y;
}

#mobileContent
{
	display: block;
	width: 765px;
	float: left;
	padding: 5px;
}

#mobileRight
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 0 0 repeat-y;
}

#mobileBot
{
	width: 800px;
	display: block;
	float: left;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

/* /PAN mobilePan */


/* PAN seriousPan */
#seriousPan
{
	width: 800px;
	height: 140px;
	display: block;
	padding: 10px 0;
	position: relative;
}


#seriousPan h2
{
	width: 267px;
	height: 130px;
	display: block;
	float: left;
	background: url(../images/services/serious.gif) 0 0 no-repeat;
	text-indent: -20000px;
}

#seriousPan p
{
	width: 480px;
	display: block;
	float: left;
	text-align: justify;
	font:14px/26px Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	padding: 0 0 0 5px;
	margin: 20px 0 0;
}

#seriousPan p span{ color: #a00; }

#seriousPan ul
{
	width: 480px;
	display: block;
	float: left;
	text-align: justify;
	font:14px/22px Georgia, "Times New Roman", Times, serif; 
	color: #a00;
	font-style: italic;
	font-weight: bold;
	padding: 10px 0 0 5px;
}

#seriousTop
{
	width: 800px;
	display: block;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

#seriousLeft
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 100% 0 repeat-y;
}

#seriousContent
{
	display: block;
	width: 765px;
	float: left;
	padding: 5px;
}

#seriousRight
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 0 0 repeat-y;
}

#seriousBot
{
	width: 800px;
	display: block;
	float: left;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

/* /PAN seriousPan */

/* PAN websitePan */
#websitePan
{
	width: 800px;
	height: 140px;
	display: block;
	padding: 10px 0;
	position: relative;
}


#websitePan h2
{
	width: 256px;
	height: 130px;
	display: block;
	float: right;
	background: url(../images/services/website.gif) 0 50% no-repeat;
	text-indent: -20000px;
}

#websitePan p
{
	width: 485px;
	display: block;
	float: right;
	text-align: justify;
	font:14px/26px Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	padding: 0 10px;
	margin: 10px 0 0;
}

#websitePan p span{ color: #a00; }

#websiteTop
{
	width: 800px;
	display: block;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

#websiteLeft
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 100% 0 repeat-y;
}

#websiteContent
{
	display: block;
	width: 765px;
	float: left;
	padding: 5px;
}

#websiteRight
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 0 0 repeat-y;
}

#websiteBot
{
	width: 800px;
	display: block;
	float: left;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

/* /PAN websitePan */

/* PAN gamesPan */
#gamesPan
{
	width: 800px;
	height: 140px;
	display: block;
	padding: 10px 0;
	position: relative;
}


#gamesPan h2
{
	width: 267px;
	height: 130px;
	display: block;
	float: left;
	background: url(../images/services/games.gif) 0 0 no-repeat;
	text-indent: -20000px;
}

#gamesPan p
{
	width: 480px;
	display: block;
	float: left;
	text-align: justify;
	font:14px/26px Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	padding: 0 0 0 5px;
	margin: 20px 0 0;
}

#gamesPan p span{ color: #a00; }

#gamesPan ul
{
	width: 480px;
	display: block;
	float: left;
	text-align: justify;
	font:14px/22px Georgia, "Times New Roman", Times, serif; 
	color: #a00;
	font-style: italic;
	font-weight: bold;
	padding: 10px 0 0 5px;
}

#gamesTop
{
	width: 800px;
	display: block;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

#gamesLeft
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 100% 0 repeat-y;
}

#gamesContent
{
	display: block;
	width: 765px;
	float: left;
	padding: 5px;
}

#gamesRight
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 0 0 repeat-y;
}

#gamesBot
{
	width: 800px;
	display: block;
	float: left;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

/* /PAN gamesPan */

/* PAN animationPan */
#animationPan
{
	width: 800px;
	height: 140px;
	display: block;
	padding: 10px 0;
	position: relative;
}


#animationPan h2.pt
{
	width: 256px;
	height: 130px;
	display: block;
	float: right;
	background: url(../images/services/animacao.gif) 0 0 no-repeat;
	text-indent: -20000px;
}

#animationPan h2.en
{
	width: 256px;
	height: 130px;
	display: block;
	float: right;
	background: url(../images/services/animation.gif) 0 0 no-repeat;
	text-indent: -20000px;
}

#animationPan p
{
	width: 485px;
	display: block;
	float: right;
	text-align: justify;
	font:14px/26px Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	padding: 0 10px;
	margin: 50px 0 0;
}

#animationPan p span{ color: #a00; }

#animationTop
{
	width: 800px;
	display: block;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

#animationLeft
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 100% 0 repeat-y;
}

#animationContent
{
	display: block;
	width: 765px;
	float: left;
	padding: 5px;
}

#animationRight
{
	display: block;
	width: 12px;
	height: 100%;
	float: left;
	background: url(../images/line.gif) 0 0 repeat-y;
}

#animationBot
{
	width: 800px;
	display: block;
	float: left;
	height: 1px;
	background: url(../images/hor_bar.gif) 50% 0 no-repeat;
}

/* /PAN animationPan */