@charset "utf-8";
/* CSS Document */

/* * * globals definitions * * */
body {
	margin:0 auto;
	background:url("../imagens/home-bg.jpg") #446600 no-repeat 50% 0;
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#FFF;
	line-height:18px;
}

a {	
	font-weight:bold;
	color:#ffcc00;
	text-decoration:none;
}

a:hover {
	color:#fff600;
}

/* -------------------------- */

#all {
	text-align:center;
}

#page-bg {
	margin:auto;
	margin-top:22px;
	margin-bottom:50px;
	width:840px;
	background:#FFF;
	padding:10px;
	*margin-top:12px;
	
	/* SOMBREAMENTO */
	/* w3c navigators */
	-moz-box-shadow: 0px 0px 20px 1px #000;
	/* ie */
    filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=0,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=90,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=270,strength=10);	
}

#page {
	width:840px;	
}

#header {
	height:447px;
}

#menu {
	height:43px;
	background:url("../imagens/home-menu-bg.gif") no-repeat;
	_padding-top:10px;
	_height:33px;
}

#menu img{
	border:none;	
}

#banner {
	height:404px;
}

#screen {
	height:266px;
	background: url("../imagens/home-banner.jpg") no-repeat;
}

.thumbs {
	height:138px;
	background: url("../imagens/home-thumbs-bg.gif") repeat-x #000;
	float:left;
}

.thumbs img {
	float:left;
	margin:13px 0 0 11px;
}

#body-bg {
	background: url("../imagens/home-body-bg.jpg") no-repeat #832802;
}

#body {
	padding:33px 0 0 21px;
	background: url("../imagens/home-monkey.png") no-repeat 100% 100%;
	_background:url("../imagens/home-monkey-ie6.jpg") no-repeat 100% 100%;
	overflow:auto;
}

#content-left {	
	width:519px;
	float:left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
DIV TITLE - There are in this element a configuration for display titles:
BACKGROUND POSITION     TITLE
0 0						Breve Introdução
0 -59px					Oficinas
0 -118px				Outros Vídeos
0 -177px				Assessoria de Imprenssa
0 -296px				A História
0 -295px				Programação das Oficinas
0 -354px				Depoimentos
0 -413px				O Povo do Rio Amônia
*/
#title {
	height:59px;
	background-image:url("../imagens/home-titulos.png");
	background-repeat:no-repeat;
	_background-image:url("../imagens/home-titulos-ie6.gif");
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#text {	
	margin-top:-20px;
	margin-bottom:20px;
	text-align:left;
	*margin-top:0px;
}

#content-right {
	width:198px;
	margin-left:63px;
	float:left;
}

#ajuste-ie {	
	clear:both;
	_height:100px;
}


/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

#mygallery {
	
	/*hack para o ie 8 */
/*	margin-top /*\**/  /*: 10px;
/*	margin-left /*\**/  /*: 10px;
/*	width /*\**/  /*: 840px;*/

	width:840px;

	/*hack para o ie 7 */
	*margin-top:10px;
	*margin-left:10px;
	*width:840px;
	
	/*hack para o ie 6 */
	_margin-top:0px;
}

.stepcarousel {
background: url("../imagens/home-thumbs-bg.gif") repeat-x #000;
height:138px;
overflow:scroll;
position:relative;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 13px; /*margin around each panel*/
margin-left: 10px; /*margin around each panel*/
margin-right: 10px; /*margin around each panel*/
width:173px;
}

.panel img { 
border:none;
}

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