body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img {margin:0px; padding:0px; }

body { font-family: Trebuchet, Verdana, sans-serif; }

.clear {
	clear: both;
}

.container {
	width: 980px;
	margin: 0 auto;
}

.hide {
	display: none;
}

.funbox {
	font-size: 15px;
	font-weight: bold;
	color: #993399;
}

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

#logo {
	background: url(/image/logo.png) no-repeat;
	height: 65px;
	width: 150px;
}

#logo a {
	outline: 0;
}

#logo:hover {
	background: url(/image/logo_hover.png) no-repeat;
}

#logo h1 {
	text-indent: -9999px;
	margin-top: 10px;
	line-height: 65px;
}

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

#navigation {
	float: right;
}

#navigation ul {
	margin-top: -15px;
}

#navigation ul li {
	width: 85px;
	height: 25px;
	margin-left: 5px;
	float: left;
	list-style: none; 
	text-align: center;
	line-height: 25px;
	font-size: 16px;
}

#navigation ul li a {
	font-size: 14px;
	color: #993399;
	text-decoration: none;
}

#navigation li:hover{
	background: #d6b4d6;
}

#navigation ul li.current {
	background: #993399;
}

#navigation ul li a.current {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

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

#center { margin-top: 10px; }

#faixa { 
    height: 5px;
	background: #993399 repeat-x;
}

#content {
    background: #ffcc00 repeat-x;
    padding: 20px 0;
}

#coluna_1 {
    margin-left: 20px;
    width: 920px;
    padding: 10px;
    background: #fff;
}

#slideshow {
    position:relative;
    height:150px;
    padding-bottom: 20px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

#coluna_2 {
    width: 240px;
    padding: 20px 30px;
    border-top: 1px dotted #ccc;
    float: left;
    min-height: 150px;
}

#coluna_3 {
    width: 240px;
    padding: 20px 30px;
    border: 1px dotted #ccc;
    border-bottom: none;
    float: left;
    min-height: 150px;
}

#coluna_4 {
    width: 240px;
    padding: 20px 30px;
    border-top: 1px dotted #ccc;
    float: left;
    min-height: 150px;
}

#coluna_4 img {
	border-style: none;
}

* {font:12px Verdana,Arial}

#content h1 {font-weight:bold; font-size:17px; color:#993399}
#content h2 {font-weight:bold; font-size:14px; text-align:center; color:#993399}

#acc {list-style:none;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {width:240px; padding-top:15px;}

#nested {list-style:none;}
#nested h3 {padding:6px 6px 8px; margin-top:5px; cursor:pointer; background:#ffdd88}
#nested h3:hover {background:#ffcc00}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:208px; padding:15px; border:1px dotted #ccc; border-top:none;}
#nested .acc-selected {background:#ffcc00; font-weight:bold;}

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

#texto_bg {
    width: 860px;
    padding: 20px 30px;
}

#coluna_5 {
    width: 240px;
    padding: 20px 30px;
    border-top: 1px dotted #ccc;
    float: left;
    min-height: 150px;
}

#coluna_6 {
    width: 240px;
    padding: 20px 30px;
    border: 1px dotted #ccc;
    border-bottom: none;
    float: left;
    min-height: 150px;
}

#coluna_7 {
    width: 240px;
    padding: 20px 30px;
    border-top: 1px dotted #ccc;
    float: left;
    min-height: 150px;
}

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

#texto {
    padding: 30px;
    width: 400px;
    float: left;
}

#img_texto {
    padding: 30px;
    width: 400px;
    float: right;
}

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

#form {
    text-align: center;
}

#em_breve {
    text-align: center;
}

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

#footer {
	text-align: center;
	font-size: 14px;
	color: #993399;
    background: #ffcc00;
    padding-bottom: 10px;
    margin-bottom: 20px;
}