.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.left{float:left; padding-right:5px;}
.right{float:right; padding-left:5px;}

/* DEFAULT */
*{margin:0; padding:0; border:none; list-style:none;}

/* ESTRUTURAS */
#all{width:790px; margin:0 auto; margin-top:10px; background-color:#f1f1f1; color:#000; padding:5px; border:1px solid #D5D5D5;}
html{background:transparent url('img/background-html.gif')}
#conteudo{background-color:#fff; color:#232323;}

/* TOPO */
#topo{float:left; color:#333; background:#fff url('img/faixa.jpg') no-repeat top right; width:790px;}
#topo h1{text-indent:-5000px; overflow:hidden; background:#fff url('img/logo.jpg') no-repeat; width:260px; height:50px;
margin-left:40px; margin-top:20px; float:left;}
#topo h2{font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#232323; float:left; clear:both; padding-bottom:10px; width:300px; background-color:#fff;}

#flash{width:790px; height:140px; background:#232323 url('img/background.jpg')repeat; clear:both; color:#fff;}

/* MENU */
/*ul#menu{display:block; float:left; width:100%; border-bottom:1px solid #ccc;}
ul#menu li{float:left; text-align:center; padding:10px 0px; border-right:2px solid #fff;}
ul#menu li a{font: normal 14px 'trebuchet ms', arial, verdana, sans-serif; line-height:25px;
color:#232323; text-decoration:none; background-color:#fff; padding:4px 1.2em; display:block;}
ul#menu a:hover{color:#fff; background-color:#EC1411; text-decoration:none;}
ul#menu a:focus{background-color:#EC1411; color:#fff;}
ul#menu a:active{background-color:#EC1411; color:#fff;}
ul#menu a.botao{background-color:#EC1411; color:#fff;}*/

.ddsmoothmenu{background-color:#fff; border-bottom:1px solid #ccc}
.ddsmoothmenu ul{z-index:100; margin:0; padding:0; list-style-type:none}
.ddsmoothmenu ul li{position:relative; display:inline; float:left; text-align:center; padding:5px 0px; border-right:2px solid #fff}
.ddsmoothmenu ul li a{font: normal 14px 'trebuchet ms', arial, verdana, sans-serif; color:#232323; text-decoration:none; background-color:#FFF; padding:4px 1.2em; display:block}
* html .ddsmoothmenu ul li a{display:inline-block}
.ddsmoothmenu ul li a:hover{color:#fff; background-color:#EC1411; text-decoration:none}
.ddsmoothmenu ul li ul{position:absolute; left:0; display:none; visibility:hidden}
.ddsmoothmenu ul li ul li.submenu{display:list-item; float:none; margin:0px; padding:0px}
.ddsmoothmenu ul li ul li.submenu ul{top:0}
.ddsmoothmenu ul li ul li.submenu a{width:160px; margin:0; border-top-width:0; font:normal 11px 'trebuchet ms', arial, verdana, sans-serif; line-height:20px;
color:#232323; text-decoration:none; background:#F5F5F5; padding:2px 5px; display:block; border-bottom:1px solid #CCCCCC}
.ddsmoothmenu ul li ul li.submenu a:hover{background:#EC1411; color:#FFFFFF}
.downarrowclass{position:absolute; top:12px; right:7px}
.rightarrowclass{position:absolute; top:6px; right:5px}
.ddshadow{position:absolute; left:0; top:0; width:0; height:0}

/* CONTEUDO */
#esquerda{width:250px; float:left; background-color:#fff; text-align:left; padding-top:5px; height:200px;}
#esquerda img{border:1px solid #333;}
#esquerda h2{font:bold 13px 'trebuchet ms', arial, verdana, sans-serif; color:#EC1411; background-color:#fff; text-align:left; padding:3px 5px;}
#esquerda p{font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#4f4f4f; background-color:#fff; text-align:left; padding:3px 5px;}
#esquerda a{font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#ff0000; background-color:#fff; float:right; text-decoration:none;
padding:5px 10px;}

#centro{width:260px; float:left; background-color:#fff; text-align:center; padding-top:5px;}
#centro img{border:1px solid #333;}
#centro h2{font:bold 13px 'trebuchet ms', arial, verdana, sans-serif; color:#EC1411; background-color:#fff; text-align:left; padding:3px 8px;}
#centro p{font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#4f4f4f; background-color:#fff; text-align:left; padding:3px 8px;}
#centro a{font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#ff0000; background-color:#fff; float:right; text-decoration:none;
padding:5px 10px;}

#direita{width:250px; float:right; background-color:#fff; text-align:right; padding-top:5px;}
#direita img{border:1px solid #333;}
#direita h2{font:bold 13px 'trebuchet ms', arial, verdana, sans-serif; color:#EC1411; background-color:#fff; text-align:left; padding:3px 5px;}
#direita p{font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#4f4f4f; background-color:#fff; text-align:left; padding:3px 5px;}
#direita a{font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#ff0000; background-color:#fff; float:right; text-decoration:none;
padding:5px 10px;}

/* PARCEIROS */
#parceiro{float:left; text-align:center; width:790px; height:80px; margin:10px 0px; background-color:#fff;}

/* RODAPE */
#rodape address{margin:0 auto; font:normal 12px 'trebuchet ms', arial, verdana, sans-serif; height:35px; background:#f1f1f1 url('img/logo_vivaweb.jpg') no-repeat right; color:#ccc; text-align:center; line-height:3.2;}

/* CONTATO */
#contato{padding-left:20px; float:left; width:340px}
#conteudo h3{font: bold 15px 'trebuchet ms', arial, verdana, sans-serif; color:#EC1411; background-color:#fff; padding:5px;}
#contato form{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; font-size:12px; text-align:left; width:320px;}
#contato input{border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:13px; margin-bottom:5px; color:#333; background-color:#fff;}
#contato textarea{border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:12px; margin-bottom:5px; color:#333; background-color:#fff;}
#contato label{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; width:60px; float:left; color:#333; background-color:#fff;}
#contato fieldset {border:0;}
#conteudo #contato address{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#666; background-color:#fff; width:250px;}
#conteudo #contato strong{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#CC0033; background-color:#fff; font-style:italic; padding-bottom:5px;}
#resposta{margin:0 auto; width:300px; padding-top:20px;}
#resposta p{font: normal 15px 'trebuchet ms', arial, verdana, sans-serif; color:#333; background-color:#fff; padding:5px;}
#conteudo #resposta strong{font: bold 15px 'trebuchet ms', arial, verdana, sans-serif; color:#BC071A; background-color:#fff;}

#erro{float:right; text-align:center; width:400px; padding-top:40px;}
#erro p{margin:0 auto;}
#erro{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#ff0000; background-color:#fff;}

#selecao{padding:0px 15px}
#selecao h2{font: bold 16px 'trebuchet ms', arial, verdana, sans-serif; color:#EC1411; background-color:#fff; padding:5px; padding-left:0px}
#selecao h4{margin-left:20px; font:bold 14px 'trebuchet ms', arial, verdana, sans-serif; display:block}
#selecao ul{margin-left:25px}
#selecao li{font-family:'trebuchet ms', arial, verdana, sans-serif; font-size:12px; padding-left:10px}
#selecao p{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#232323; background-color:#fff; text-align:justify}

#contribua h2{font: bold 15px 'trebuchet ms', arial, verdana, sans-serif; color:#EC1411; background-color:#fff; padding:10px;}
#contribua p{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#232323; background-color:#fff; text-align:justify; padding-left:15px;}
#contribua li{padding-bottom:10px; margin-right:20px;}

/*INDEX NOVO 04 de Novembro de 2008*/
#noticia{width:440px; font-family:verdana, tahoma, sans-serif, arial; float:left; padding:10px}
#noticia2, #eventos{width:720px; font-family:verdana, tahoma, sans-serif, arial; float:left; padding:10px}

#noticia #noticiadestaque, #noticia #noticiadestaque2{width:440px}
#noticia2 #noticiadestaque, #noticia2 #noticiadestaque2{width:740px}

#noticiadestaque{float:left; border-bottom:1px solid #f5f5f5}
#noticiadestaque h2{font-size:22px; color:#8F0000; padding-bottom:10px; font-weight:normal}
#noticiadestaque h2 a{color:#8F0000;cursor:text}
#noticiadestaque a{text-decoration:none}
#noticiadestaque a:hover{text-decoration:none;}
#noticiadestaque .img{float:left; margin:5px; border:1px solid #d5d5d5; padding:1px}
#noticiadestaque p{font-size:11px; color:#333; line-height:18px; text-align:justify; text-indent:20px; padding-bottom:10px}
#noticiadestaque p a{color:#333}
#noticiadestaque p a:hover{text-decoration:underline}

#noticiadestaque2{float:left; margin-bottom:20px}
#noticiadestaque2 h2{font-size:16px; text-align:left; color:#000A7F; padding:10px 0px; font-weight:normal}
#noticiadestaque2 h2 a{cursor:text; text-decoration:none; color:#8F0000;}
#noticiadestaque2 .img{float:left; margin:5px; border:1px solid #d5d5d5; padding:1px;}
#noticiadestaque2 p{font-size:11px; color:#333; line-height:18px; text-align:justify; text-indent:20px; padding-bottom:10px}
#noticiadestaque2 p a{text-decoration:none; color:#333}
#noticiadestaque2 p a:hover{text-decoration:underline}

#maisnoticias{clear:both; width:440px}
#maisnoticias ul{padding-left:15px}
#maisnoticias li{list-style:square; font-size:11px; color:#000A7F; line-height:16px}
#maisnoticias h2{color:#8F0000; padding:5px 0px; font-size:14px; text-transform:uppercase; margin-top:20px; clear:both}
#maisnoticias li a{color:#000A7F; text-decoration:none}
#maisnoticias li a:hover{color:#000A7F; text-decoration:underline}
#maisnoticias p{padding-top:10px}
#maisnoticias p a{font-size:12px; font-weight:bold; text-decoration:none; color:#000A7F}
#maisnoticias p a:hover{text-decoration:underline}

#galeria{width:280px; margin-top:10px; margin-left:10px; font-family:verdana, tahoma, sans-serif, arial; float:left}
#fotos{background:#f9f9f9; padding:10px}
#fotos h2{color:black; font-size:14px; text-transform:uppercase; padding-bottom:10px}
#fotos li{float:left; width:80px; height:80px; padding:2px}
#fotos li a{border:1px solid silver; margin:2px; display:block; width:80px; height:80px}
#fotos li a:hover{border:1px solid #9F1409}
#fotos li img{border:0px}

#agenda{clear:both; margin-top:10px; background:#F5F5F5; padding:10px}
#agenda h2, #eventos h2{color:black; font-size:14px; text-transform:uppercase}
#agenda dl, #eventos dl{font-size:11px; border-top:1px solid #DFDFDF; padding:10px 0px}
#agenda dl.inicio, #eventos dl.inicio{border:0px}
#agenda dt, #eventos dt{font-size:11px; color:#666; font-weight:bold; font-style:italic}
#agenda dd a, #eventos dd a{color:#4E6E0B; text-decoration:none; background:url('img/seta_agenda.gif') no-repeat left; padding-left:15px}
#agenda dd a:hover, #eventos dd a:hover{color:#4E6E0B; text-decoration:underline; background:url('img/seta_agenda_hover.gif') no-repeat left; padding-left:15px}
#agenda p, #eventos p{padding-top:10px}
#agenda p a, #eventos p a{font-size:12px; font-weight:bold; text-decoration:none; color:#4E6E0B}
#agenda p a:hover, #eventos p a:hover{text-decoration:underline}

#localizacao{clear:both; padding:0px 15px}
#localizacao p{font-size:12px; padding:5px 0px; font-family:'trebuchet ms',arial,verdana,sans-serif}
#localizacao h3{padding-left:0px}

/* PROGRAMA */
#programaMenu {float:left; width:200px; border-right:1px solid #f4f4f4}
#programaMenu ul {margin-left:0px; background:#FFF;}
#programaMenu li a{display:block; padding:5px; width:170px; color:#2F2F2F;text-decoration:none}
#programaMenu li a:hover {background-color:#FFF;color:#8F0006; width:175px; text-decoration:underline}
#programaConteudo {float:left; width:540px; padding:5px}
#programaConteudo h3{padding:0px; padding-bottom:10px}
#programaMenu li a, #atividadeMenu dd a{font-family:'trebuchet ms', arial, verdana, sans-serif; font-size:14px}


/* ATIVIDADES */
#atividadeMenu {float:left; width:200px; border-right:1px solid #f4f4f4}
#atividadeMenu dt, #atividadeMenu dt a{font-weight:bold; padding-left:5px; color:#000; text-decoration:none}
#atividadeMenu dt a:hover{color:#8F0006; text-decoration:underline}
#atividadeMenu dd a{display:block; padding:5px; padding-left:10px; width:170px; color:#000; text-decoration:none; font-size:12px}
#atividadeMenu dd a:hover {color:#8F0006; text-decoration:underline; border:none}
#ativivdadeConteudo{float:left; width:540px; padding:5px}
#ativivdadeConteudo h3{padding:0px; padding-bottom:10px}

/* PARCEIROS */
#selecao dl.parceiros{width:540px; padding:10px; background:#f9f9f9; margin-bottom:10px; clear:both}
#selecao dl.left{float:left}
#selecao dl.right{float:right}
#selecao dl.parceiros dd p{text-align:left; background:#f9f9f9}
#selecao dl.parceiros dt{float:left; margin-right:10px; height:160px; width:160px; text-align:center}
#selecao dl.parceiros dd{font-size:11px}
#selecao dl.parceiros dd p.url{padding-top:5px}
#selecao dl.parceiros dd a{text-decoration:none; color:#2a72ac}
#selecao dl.parceiros dd a:hover{text-decoration:underline}

#selecao ul.parceiros{clear:both}
#selecao ul.parceiros li{width:150px; float:left; height:160px; line-height:160px; text-align:center}
#selecao ul.parceiros li img{padding:5px}

#selecao h2.title { color:#7F0000; font-size: 18px;}

#slider1 {
    width: 790px; /* important to be same as image width */
    height: 140px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0 auto;
}

#slider1Content {
    width: 790px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
	border: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.7;
    color: #fff;
    display: none;
}