/*--- CSS DA IMAGINE PLAY ---*/

body
{
	margin: 33px 0 0;
	padding: 0;
	background: url(../images/top_bg.gif) 0 0 repeat-x #fff;
	font:14px/22px Georgia, "Times New Roman", Times, serif; 
	color: #6d6d6d;
}
div, p, ul, form, label, h2, h3, h4, img { padding:0px; margin:0px; border:0px }
ul { list-style-type: none; }

/*-- TOP PAN BODY --*/
#topPanBody
{
	width: 800px;
	position: relative;
	min-height: 303px;
	margin: 0 auto;
	background-color: #f9f9f9;
}

#topLanguage
{
	width: 800px;
	height: 20px;
	position: relative;
	padding: 5px 0 0;
}

#topLanguage p.language
{
	font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #A00;
	display: block;
	float: right;
	padding: 0 50px 0 0;
}

#topLanguage p.language a { color: #A00; text-decoration: none; }

#topLanguage p.language a:hover { text-decoration: underline; }

#topLanguage p.language span {text-decoration: underline;}

#topPanBody img.logo
{
	width: 210px;
	height: 48px;
	display: block;
	padding: 0 8px;
	float:left;
}

#topPanBody img.inscricao
{
	width: 800px;
	height: 300px;
	display: block;
	float:left;
}

/*-- TOP MENU --*/
#topMenu
{
	width: 754px;
	height: 48px;
	position: relative;
	float: left;
	padding: 0;
}

#topMenu ul { position: relative;}

#topMenu ul li
{
	float: left;
	font: 16px/47px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#topMenu ul li a
{
	width: 105px;
	height: 43px;
	display: block;
	background: url(../images/bt_normal.gif) 0 5px no-repeat #f9f9f9;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 5px 0 0;
}

#topMenu ul li a.verde
{
	background: url(../images/bt_verde.gif) 0 5px no-repeat #f9f9f9;
}

#topMenu ul li a.about, #topMenu ul li a.solutions, #topMenu ul li a.services, #topMenu ul li a.portfolio, #topMenu ul li a.contact
{
	background-image: url(../images/bt_selected.gif);
	color: #000;
}

#topMenu ul li a:hover 
{ 
	background-image: url(../images/bt_selected.gif);
	color: #000; 
}

/*-- /TOP MENU --*/

/*-- TOP BANNER --*/

#topBanner
{
	clear: both;
	width: 800px;
	height: 250px;
	float: left;
	position: relative;
	background: url(../images/top_bg.gif) 0 0 no-repeat #fff;
}

/*-- /TOP BANNER --*/

/*-- /TOP PAN BODY --*/

/*-- MID PAN BODY --*/

#midPanIndex
{
	clear: both;
	background: url(../images/mid_bg.gif) 0 0 repeat-x;
}

#midPanBody
{
	width: 800px;
	min-height: 350px;
	position: relative;
	margin: 20px auto 0;
	padding: 0;
}

/*-- MID LEFT --*/

#midLeft, #midLeftEn
{
	width: 375px;
	height: 303px;
	float: left;
	margin: 0 auto;
	padding: 10px 0 0 55px;
}

#midLeft 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;
}

#midLeft p { padding: 25px 0 0; text-align: justify;}

#midLeft p span { color: #a00;}

#midLeft p.more 
{ 
	width: 100px;
	height: 20px;
	float: right;
	font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans_serif;
	padding: 10px 0 0;
}
#midLeft p.more a
{
	width: 100px;
	height: 18px;
	display: block;
	background: url(../images/more_normal.gif) 0 100% no-repeat;
	text-indent: 25px;
	text-decoration: none;
	color: #a00;
}

#midLeft p.more a:hover
{
	background-image: url(../images/more_hover.gif);
	color: #6D6D6D;
}
/*-- /MID LEFT --*/

/*-- MID RIGHT --*/

#midRight, #midRightEn
{
	width: 370px;
	height: 303px;
	float: left;
}

#midRightChar
{
	width: 212px;
	height: 400px;
	display: block;
	background: url(../images/character.gif) 0 0 no-repeat;
	text-indent: -20000px;
	margin: -10px auto;
}

/*-- /MID RIGHT --*/

/*-- /MID PAN BODY --*/

/*-- BOT PAN BODY --*/

#botPanBody
{
	clear: both;
	width: 800px;
	min-height: 10px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	background-color: #f9f9f9;
	position: relative;
}


#botPanBody h3
{
	width: 319px;
	height: 79px;
	display: block;
	background: url(../images/last_updates.gif) 100% 100% no-repeat;
	position: relative;
	color: #a00;
	font: 24px/79px "Trebuchet MS", Arial, Helvetica, _sans;
	text-indent: 80px;
	padding: 20px 0 0 55px;
}

/*-- BOT LEFT --*/

#botLeft
{
	width: 400px;
	height: 100%;
	float: left;
	position: relative;
}

#botLeft p
{
	display: block;
	margin: 20px 20px 0 55px;
}

#botLeft p span
{
	font-size: 16px;
	font-weight: bold;
}

#botLeft p.more a
{
	width: 100px;
	height: 18px;
	display: block;
	float: right;
	background: url(../images/more_normal.gif) 0 100% no-repeat;
	text-indent: 25px;
	text-decoration: none;
	color: #A00;
}

#botLeft p.more a:hover
{
	background-image: url(../images/more_hover.gif);
	color: #6D6D6D;
}

/*-- /BOT LEFT --*/

/*-- BOT RIGHT --*/

#botRight
{
	width: 370px;
	height: 100%;
	float: left;
	position: relative;
	background: url(../images/line.gif) 0 0 repeat-y;
}

#botRight p
{
	display: block;
	margin: 20px 20px 0 40px;
}

#botRight p span
{
	font-size: 16px;
	font-weight: bold;
}

#botRight p.more a
{
	width: 100px;
	height: 18px;
	display: block;
	float: right;
	background: url(../images/more_normal.gif) 0 100% no-repeat;
	text-indent: 25px;
	text-decoration: none;
	color: #a00;
}

#botRight p.more a:hover
{
	background-image: url(../images/more_hover.gif);
	color: #6D6D6D;
}

/*-- /BOT RIGHT --*/

/*-- /BOT PAN BODY --*/

#footerMainPan
{
	clear: both;
	height: 177px;
	background: url(../images/footer.gif) 0 0 repeat-x;
	color: #555;
	font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	margin: 0;
}

#footerPan
{
	width: 800px;
	position: relative;
	margin: 0 auto;	
}

#footerPan img.footer
{
	width:213px; 
	height:101px; 
	position:absolute; 
	top:10px; 
	right:0px;
}

#footerPan ul
{
	width: 400px;
	height: 20px;
	position: absolute;
	top: 25px;
	left: 49px;
}

#footerPanhtml{display:block; position:absolute; top:115px; left:300px;}

#footerPancss{display:block; position:absolute; top:115px; left: 400px;}

/* txtHint */
#txtHint
{
	width:  400px;
	display: block;
	background: #cfc;
	color: #090;
	border: 1px solid #090;
	position: relative;
	margin: 0 auto;
	font: 12px/30px Arial, Verdana, sans_serif;
	text-align: center;
}

#txtHint p span
{
	font-size: 14px;
}

/* txtHint */

/* Programação */

#programacao
{
	display: block;
	background: #cfc;
	border: 1px solid #090;
	position: absolute;
	padding: 20px;
	top: 130px;
	left: -20px;
}

#programacao h3
{
	background: none;
	width: 150px;
	height: 100%;
	text-indent: 0;
	padding: 0;
	margin: 0;
	font: 12px/22px Arial, Verdana, sans_serif;
	color: #090;
	font-weight: bold;
}

#programacao p
{
	font: 12px/22px Arial, Verdana, sans_serif;
	text-indent: 0;
	color: #090;
}

/* /Programação */