* { padding: 0px; margin: 0px; }
body, html {}
html {}
body {
	background-color: #FFFDD2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	height: 100%;
}
hr { border: 1px #999 solid; margin: 10px 0; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.border {}
.clear { clear: both; }
.sep { display: block; border-bottom: 1px #CCC solid; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; }

div#control { position: relative; width: 990px; margin: 0 auto; padding: 5px 0px; }
div#page, div#footer { width: 990px; margin: 0 auto; text-align: left; }

div#page { height: 100%; }
div#content { padding: 0px 0px 0px 0px; font-size: 11px; margin: 5px 0 0 0; padding: 5px; background:#FFF; }

/* Header */
div#header { height: 74px; width: 990px; }
div#header div#logo { width: 450px; height: 74px;}
div#header div#menu { color: #999; height:74px; }
div#header div#menu a, div#header div#menu span { width: 84px; display: block; float: left; text-align: center; margin: 0 5px 0 0; padding: 28px 0; }
div#header div#menu a, div#header div#menu a:visited { color: #333; }
div#header div#menu a:hover, .selected { color: #cd0308; text-decoration: none; }

/* Footer */
div#footer { background: #FFF; width: 100%; height: auto; padding: 30px 0; height: 100px; text-align:center; }
div#footer div#footer-entidades-participantes, div#footer div#footer-patrocinadores { margin: 0 40px 0 0; background: #FFF; }
div#footer-container { width: 628px; background:#FFF; height: 100px; margin: 0 auto;  }
div#footer-entidades-participantes, div#footer div#footer-patrocinadores, div#footer div#footer-realizacao { text-align: center; }
div#footer img { border: 0px; }
.linha1 img, .linha2 img { padding: 0 5px 0 5px; }
#coc { float: right; margin: 0 5px 0 0; }
#coc img { border: 0px; }

/*content*/
div#content { background: #FFF url(../images/bgTopMain.gif) no-repeat; overflow:hidden; padding-bottom: 30px; }
div#content p.texto { text-indent: 20px; margin: 0 0 10px 0; }
div#content h1 { margin: 0 0 10px 0; color: #900; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; font-weight: normal; }

/*HOME */
.caixa { width: 173px; height: 173px; background:#999; position: absolute; background: url(../images/bgBox.gif) repeat-y; }
.caixa .caixa_bottom { height: 5px; background:url(../images/bgBoxBottom.gif) repeat-y; }

div#caixa2 { right: 5px; }
div#caixa2 div#titulo2 { background: url(../images/bgBoxTop2.gif) no-repeat; height: 40px; width: 100%; text-align:center; }
div#caixa2 div#texto_caixa2 p { padding: 24px 10px; }
div#caixa1 div#texto_caixa1 p { padding: 24px 10px; }
div#caixa1 { right: 183px; }
div#caixa1 div#titulo1 { background: url(../images/bgBoxTop1.gif) no-repeat; height: 40px; width: 100%; text-align:center; }
.caixa h2 { color: #FFF; font-weight: bold; width: 100%; padding: 6px 0; font-size: 24px; }
.caixa_titulo a{ color:#FFF; }
.caixa_texto a{ color:#666; }

div#caixa3 { background: url(../images/border-pdf.jpg); width: 351px; height:69px; text-align:center; position: absolute; top: 266px; right: 5px; }
div#caixa3 p { padding: 25px 0; font-size:14px; font-weight: bold;}
div#caixa3 p a{ color: #C00; }

/* legenda home */
div#foto_dest img { border:#000 2px solid; }
div#fotos { width: 624px; height: 418px; float:left; }

div#foto_dest ul { list-style:none; float:left; width: 100%; display:block; }
div#foto_dest_legenda { width: 270px; top: 250px; position: relative; background: url(../images/textTop.gif) no-repeat; }
div#foto_dest_legenda_header { height: 5px; }
div#foto_dest_legenda_footer { background: url(../images/textBottom.gif) no-repeat; height: 5px; float: left; width: 100%; top: 99px; position: relative; }
ul#lista_legendas { padding: auto 0; background: url(../images/textBg.gif) repeat-y; }
ul#lista_legendas h2 { color: #C00; font-size:18px; font-weight: normal; }
ul#lista_legendas li { padding: 30px 5px; background: #FFF url(../images/textBg.gif) repeat-y; width: 100%; }
.legendas { }

/* O QUE É */
#o-que-e-texto { width: 435px; background: url(../images/vertical-sep.gif) repeat-y top right; padding: 5px 15px 5px 5px; }
#o-que-e-fotos { width: 520px; padding: 0 0 0 5px; }
#o-que-e-fotos img { border: #000 2px solid; margin: 0 10px 10px 0; }

/*concurso*/
#concurso-texto { width: 435px; background: url(../images/vertical-sep.gif) repeat-y top right; padding: 5px 15px 5px 5px; }
#concurso-texto.votacao { text-align: justify; width: 160px; background: url(../images/vertical-sep.gif) repeat-y top left; padding: 5px 5px 5px 15px; }
#concurso-texto.exposicao { text-align: justify; width: 180px; background: url(../images/vertical-sep.gif) repeat-y top left; padding: 5px 5px 5px 15px; }

#concurso-texto.foto-votacao { width: auto; background: url(../images/vertical-sep.gif) repeat-y top right; padding: 5px 15px 5px 5px; }
#concurso-inscricoes { width: 520px; padding: 5px 0 0 5px; }
#concurso-inscricoes.votacao { width: 740px; padding: 25px 0 0 25px; }
#concurso-inscricoes.conteudo-votacao { width: 350px; padding: 5px 0 0 5px; }
#concurso-inscricoes.conteudo-votacao p.texto { text-indent: 0px; margin: 0 0 10px 0; }
#concurso-inscricoes form { padding: 0 20px ; }
#concurso-inscricoes form .submitButton { background: #d5d396; width: 150px; }
#concurso-inscricoes input { width: 300px; }
#concurso-inscricoes input#cpf, #concurso-inscricoes input#confirmacao { width: auto; } 
#passos { float: right; margin: -35px 0 0 0;}
#passos img { margin: 0 5px 0 0; }
form#captcha_form, form#indica_email { padding: 0px; }
form#captcha_form input, form#indica_email input { margin: 5px; border:#999 solid 1px; width: 40%; }

ul#lista_concurso { margin: 0 0 0 15px; }

/* EXPOSICAO */
#exposicao-texto { width: 450px; padding: 5px 15px 5px 5px; }
#exposicao-foto { width: 304px; padding: 0 15px 0 0; background: url(/images/vertical-sep.gif) repeat-y top right; }
#exposicao-foto img { border: #000 2px solid; }
#concurso-inscricoes.conteudo-fotos-kzl{ width: 335px; padding: 5px 0 0 5px; }
#concurso-inscricoes.conteudo-fotos-kzl p.texto { text-indent: 0px; margin: 0 0 10px 0; }

/* OFICINA */
#caselli-texto { width: 450px; padding: 5px 15px 5px 5px; }
#caselli-foto { width: 304px; padding: 0 15px 0 0; background: url(/images/vertical-sep.gif) repeat-y top right; }
#caselli-foto img { border: #000 2px solid; }

/* O ARTISTA */
#oficina-texto { width: 450px; padding: 5px 15px 5px 5px; }
#oficina-foto { width: 304px; padding: 0 15px 0 0; background: url(/images/vertical-sep.gif) repeat-y top right; }
#oficina-foto img { border: #000 2px solid; }

/* tooltip */
.toolTip {
	position: relative;
	cursor: help;
}
.toolTipWrapper {
		z-index: 100; 
        width: 161px;
        position: absolute;
		top: 45px;
        display: none;
        color: #FFF;
		text-decoration: none; 
        font-weight: bold;
        font-size: 9pt;
		margin: 0 0 0 -35px; 
}

.toolTipWrapper a { text-decoration: none; }
.toolTipTop {
        width: 161px;
        height: 18px;
        background: url("/images/blob_sup.gif") no-repeat;
}
.toolTipMid {
        padding: 3px 15px;
        background: #666 url("/images/blob_med.gif") repeat-x top;
		text-decoration: none;
}
.toolTipBtm {
        height: 6px;
        background: url("/images/blob_dwn.gif") no-repeat;
}



#cadastre { margin: 0 95px 0 0; top: 100px; position: relative; }
#cadastro_email span { margin: 0 5px 0 0; }
#cadastre * { font-size: 11px; vertical-align: middle; }
#cadastre form { text-align: right; }
#cadastre form input#email_cadastro, #cadastre form input#envia_cadastro { color: #666; background:#DDD; border:#CCC solid 1px; }
#cadastre form input#envia_cadastro { background: #FFF; }
#cadastre form input#email_cadastro { padding: 2px 0; margin: 0 5px; vertical-align: middle;}
#cadastre form input#envia_cadastro { padding: 1px 0; margin: 0; }
.erro_cadastro { color:#C00; font-weight: bold;}
.sucesso_cadastro { color:#090; font-weight: bold;}

div#lista1{
	width: 100%;
	float: left;
}

div#lista2{
	width: 100%;
	float: left;
}

.votacao_final { text-align: justify; width: 98%; padding: 0 10px 0 0; }

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 3px;
	position: relative;
	text-align:center; 
}

div#lista1 ul, div#lista2 ul { list-style: none; }
div#lista1 ul li, div#lista2 ul li  { float: left; text-align: center; margin: 10px 0; }
div#lista1 ul li img, div#lista2 ul li img  { border: #999 2px solid; padding: 5px; margin: 2px; }