* {margin:0px; padding:0px; font-family:Tahoma, Geneva, sans-serif; font-size:1.0em; color:#222; list-style:none; border:0; text-decoration:none; text-align:left;}
html {background-color:#fff; background:url(img/fundo1.jpg) repeat-y center top;}
body {text-align:center; background:url(img/fundo.jpg) no-repeat center top;}

#logo {width:820px; margin:0 auto; padding:3px 0px 0px 0px; height:157px;}
#logo a {width:230px; height:157px; float:left;}
#geral {width:720px; margin:0 auto; padding:8px 50px 10px 50px; clear:both;}
div.limpa {clear:both; height:1px; padding:0px;}


/* ------------------------------------- TOPO --------------------------------------  */
#topo {height:36px; width:720px; background:url(img/fundo-topo.jpg) no-repeat center; font-size:0.83em;}
#topo ul li, #topo ul li.over {float:left; text-align:center; border-left:1px solid #21684c; width:91px;}
#topo ul li.colcci, #topo ul li.colcci-over {border-left:none; width:76px; height:36px; padding:0px;}
#topo ul li.colcci a {width:76px; height:36px; padding:0px;	text-indent:-9000px; overflow:hidden; display:block; background:url(img/bt_colcci.jpg) no-repeat left;}
#topo ul li.colcci-over a {width:76px; height:36px; padding:0px; text-indent:-9000px; overflow:hidden; display:block; background: url(img/bt_colcci-over.jpg) no-repeat left;}
#topo ul li.last {float:right; width:91px;}
#topo ul li a {color:#fff; font-size:0.8em; padding:11px 0px 11px 0px; display:block; text-align:center;}
#topo ul li.over a, #topo ul li.over a:hover {color:#fff; font-size:0.8em; padding:11px 0px 11px 0px; display:block; background: url(img/fundo-topo-over.jpg) repeat-x center;}
#topo ul li a:hover {color:#fff; font-size:0.8em; padding:11px 0px 11px 0px; display:block; background: url(img/fundo-topo-over.jpg) repeat-x center;}
#topo ul li.colcci a:hover, #topo ul li.colcci-over a:hover {background: url(img/bt_colcci-over.jpg) no-repeat center; padding:0px; display:block;}
#topo ul li.last a:hover, #topo ul li.last-over a:hover, #topo ul li.last-over a {padding:11px 0px 11px 0px; width:91px; background: url(img/bt_last-over.jpg) repeat-x right; display:block;}
/* ------------------------------------- // TOPO \\ --------------------------------------  */


/* ------------------------------------- CONTEUDO --------------------------------------  */
#conteudo {margin:6px 0px 0px 0px; clear:both; position:relative;}
#conteudo1 {background:url(img/fundo-conteudo.gif) repeat-y center;}
#conteudo #etiqueta {position:absolute; width:225px; top:202px;}
#conteudo #etiqueta h1 {background-color:#fff; border:1px solid #6D6E70; padding:12px 17px 8px 17px; float:right; text-transform:uppercase; font-size:1.1em; letter-spacing:0.3pt; font-weight:normal; color:#555;}
#conteudo #ilustra {width:720px; height:245px;}
#conteudo #ilustra img {width:720px; height:230px;}
#conteudo #centro {width:455px; padding:18px 0px 7px 35px; float:right; font-size:0.8em;}

#conteudo p {line-height:140%; padding:4px 0px;}
#conteudo ul {padding:0px 15px;}
#conteudo ul li {padding:4px 0px; list-style-type:disc; list-style-position:inside;}
#conteudo ul.fotos {padding:0px 0px 0px 0px;}
#conteudo ul.fotos li {float:left; width:107px !important; height:72px !important; padding:2px 2px; list-style-type:none; list-style-position:inside;}
#conteudo ul.cronograma li {padding:1px 0px; list-style-type:disc; list-style-position:inside;}
#conteudo ul.organizacao li {padding:3px 0px; list-style-type:disc; list-style-position:inside;}
#conteudo ul.diferente {padding:0px 15px;}
#conteudo ul.diferente li {padding:7px 0px; list-style-type:disc; list-style-position:inside;}
#conteudo ul.logos {padding:0px 0px;}
#conteudo ul.logos li {margin:5px 5px; list-style-type:none; float:left; display:inline; text-align:center; height:65px; width:122px; background-color:#fff; padding:0px; border:1px solid #ccc;}
#conteudo h2 {color:#2C2B79; font-size:1.7em; padding:0px 0px 8px 0px; font-weight:normal;}
#conteudo span.verde {color:#174231; font-weight:bold;}
#conteudo h2.publico-alvo span {position:absolute; width:100%; height:100%; background:url(img/tit-publico-alvo.jpg) no-repeat;}
#conteudo h2.assessoria-imprensa {width:464px; height:36px; padding:5px 0px 0px 0px; position:relative; overflow:hidden;}
#conteudo h2.assessoria-imprensa span {position:absolute; width:100%; height:100%; background:url(img/tit-assessoria-imprensa.jpg) no-repeat;}

#conteudo #lateral {width:225px; float:left; border-top:7px solid #6D6E70; font-size:0.8em; padding:12px 0px 18px 0px; text-align:left;}
#conteudo #lateral ul {text-align:left; padding:0px 20px;}
#conteudo #lateral ul li {padding:4px 0px; list-style-type:none; list-style-position:outside; width:185px;}
#conteudo #lateral ul li a {border:1px solid #999; padding:3px 15px 3px 5px; height:16px; display:block;}
#conteudo #lateral ul li a.verde-um {border-right:23px solid #005330; margin:0px 0px 0px 20px; width:103px;}
#conteudo #lateral ul li a.roxo-um {border-right:23px solid #2C2B79; margin:0px 0px 0px 0px; width:90px;}
#conteudo #lateral ul li a.verde-dois {border-right:23px solid #005330; margin:0px 0px 0px 17px; width:95px;}
#conteudo #lateral ul li a.roxo-dois {border-right:23px solid #2C2B79; margin:0px 0px 0px 30px; width:110px;}
#conteudo #lateral ul li a.verde-tres {border-right:23px solid #005330; margin:0px 0px 0px 0px; width:128px;}
#conteudo #lateral ul li a.roxo-tres {border-right:23px solid #2C2B79; margin:0px 0px 0px 30px; width:80px;}
#conteudo #lateral ul li a.verde-quatro {border-right:23px solid #005330; margin:0px 0px 0px 7px; width:127px;}
#conteudo #lateral ul li a.roxo-quatro {border-right:23px solid #2C2B79; margin:0px 0px 0px 20px; width:106px;}

form.contato {padding:10px 0px;}
form.contato label {width:82px; display:block; float:left; vertical-align:top;}
#nome, #email, #telefone {width:365px; border:1px solid #ccc; background-color:#fbfbfb; padding:1px 2px;}
#msg {width:367px; height:180px; border:1px solid #ccc; background-color:#fbfbfb; padding:1px; overflow-y:scroll;}
form.contato .botao {background-color:#018057; float:right; display:block; padding:0px 4px; text-align:center; color:#fff; text-decoration:none; border:1px outset #333; cursor:pointer;}

#conteudo ul.fotos li a {border-bottom:none !important; width:107px !important; height:72px !important;}
#conteudo ul.fotos img {width:105px; height:70px; padding:0px 0px 0px 0px; border:1px solid #ccc;}
/* ------------------------------------- // CONTEUDO \\ --------------------------------------  */

#rodape {height:14px; width:690px; padding:18px 15px 15px 15px; margin:25px 0px 10px 0px; background:url(img/fundo-rodape.jpg) no-repeat center; clear:both;}
#rodape p {color:#fff; padding:0px 0px 1px 0px; font-weight:bold; font-size:10px;}
#rodape p a {color:#fff;}