/*  

CSS by Tiago Dias ( Tigo Di)  - tigo@webdeleve.net - http://webdeleve.net
09.04.09 - revisando, limpando, etc. não julgue o código ainda ;]



*/
*{
list-style:none;
text-decoration:none;
border:none;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
margin:0;
padding:0;
color:#fff;
}

#root .infos p { margin-bottom:14px }

#root #bg-content #content { font-size:12px }
#root #bg-content #content #eventos li { font-size:11px }




a { color:#fff;font-size:13px;font-weight:normal }
body { background:#000 url(i/bg-body-2.jpg) }



#sidebar button,
#root .mais a {
clear:both;
display:block;
margin:5px 0 10px;
font:600 13px "Trebuchet MS", Verdana, Arial, sans-serif;
padding-left:10px;
background:url(i/seta.gif) -7px 3px no-repeat
}
#root .listlinks .mais  a {
background:url(i/seta.gif) -7px 1px no-repeat
}


/*
#sidebar button {
acolor:#fff;
font-weight:800;
margin-left:3px;
margin-top:2px;
padding-left:7px;
}
*/
#sidebar button {
background-position:-7px 5px;
margin:5px 0 0 3px;
padding-left:7px;
}



#content p.mais a { display:inline;font-size:11px }
dl#eventos p.mais { text-align:left }
#content p.mais {
margin:0;
padding:0;
line-height:0;
display:block;
text-align:right;
width:500px
}



#root #content #eventos li { color:green;font:12px "Trebuchet MS", Verdana, sans-serif }
/*
#sidebar button:focus,
#sidebar button:hover,
-#footer a:hover,
-#footer a:focus,
-button,
-#mnu_basico li a:hover,
-#mnu_basico li a:focus,
#eventos div div,
#root .mais a:hover,
#root .mais a:focus {
asdcolor:#FE6A08;
ascursor:pointer 
}
*/


#root .mais a { color:#fff;text-decoration:none } /* 1, 0, 1, 1 */

#eventos div div,
button:focus, button:hover,
#root a:hover, #root a:focus
{
color:#FE6A08;
cursor:pointer 
} /* 1, 0, 1, 1 */




#bg { background:url(i/bg-manchas.jpg) center top no-repeat;padding-top:40px }
#bg-content-sidebar { background:url(i/bg-content-sidebar-height-exp.jpg) -1px 0 no-repeat;width:758px }

#eventos #content h1, #programacao #content h1 { margin-bottom:9px }
#content h1 { 
/*margin-bottom:9px;margin-left:-16px;*/
margin:0 0 9px -16px;
clear:both
 }
#home #content h1 { margin-bottom:1px }

h1, h2 { font:normal 10px arial, sans-serif;
position:relative;
width:180px;
height:20px;overflow:hidden}
h1 span, h2 span { position:absolute;width:180px;height:20px;overflow:hidden; }

h1, h1 span { width:190px }

#content h1 span {
background-position:0 -5px;
background-repeat:no-repeat

}

.h-news span { background:url(i/h-news.jpg) 0 0 no-repeat }
.h-news span { background:url(i/h-notas-e-noticias.gif) 0 0 no-repeat }




#h-faca-sd span { background:url(i/h-faca-seu-evento.jpg) -1px 0 no-repeat }
#h-newsletter-sd span { background:url(i/h-newsletter-sd.gif) -3px 0 no-repeat }

#h-rss span { background:url(i/h-rss.gif) 0 0 no-repeat }
#h-contato span { background:url(i/h-contato.gif) 0 0 no-repeat }
#h-faca span { background-image:url(i/h-faca.gif) }
#h-newsletter span { background-image:url(i/h-newsletter.gif) }
#h-oteatro span { background-image:url(i/h-oteatro.jpg) }
#h-prog-destaq span { background-image:url(i/h-programacao-em-destaque.gif) }
#h-programacao span { background-image:url(i/h-programacao.gif) }
#h-parceiros span { background-image:url(i/h-parceiros.gif) }
#h-contato span { background-image:url(i/h-contato.gif) }
#h-educacao span { background-image:url(i/h-educacao.gif) }
#h-proximas-atracoes span { background-image:url(i/h-proximas-atracoes.gif) }



#album #h-ultimos span { background-image:url(i/h-ultimos-albuns.gif) }
#noticias #h-ultimos span { background-image:url(i/h-ultimas-noticias.gif) }


#h-galeria span { background-image:url(i/h-galeria.gif) }
#h-acessibilidade span { background-image:url(i/h-acessibilidade.gif) }
#h-localizacao span { background-image:url(i/h-localizacao.gif) }
#h-educacao span { background-image:url(i/h-educacao.gif) }
#h-endereco span { background-image:url(i/h-endereco.gif) }
#h-onibus span { background-image:url(i/h-onibus.gif) }
#h-tabelas span { background-image:url(i/h-tabelas.gif) }
#h-noticias span { background-image:url(i/h-noticias.gif) }





#evento h1.evento_nome {
color:orange;
font:23px "Trebuchet MS", Verdana, sans-serif;
height:100%;
margin:10px 0 0 -3px;
width:100%
}
#content h2 a,
#content h2 {
color:#f90;
font:800 13px Verdana
}


/**/
#sidebar p { margin-left:3px }

#bg-content { background:url(i/bg-content-continuo.jpg) 168px -3px repeat-y  }


#root { margin:0 auto;position:relative;width:758px }

#content, #sidebar { float:left }

#content { 
margin:8px 0 0 208px;
margin:8px 0 0 193px;
padding:15px 24px 0 24px;
width:556px;
width:493px;
borderx:1px solid red }


#sidebar { 
color:#fff;
font:11px/15px "Trebuchet MS", verdana;
height:400px;
margin-left:-741px;
margin-left:-714px;
overflow:hidden;
padding:27px 0px 0 24px;
position:relative;
width:135px;
}

#sidebar #selos {
margin-top:45px;
width:125px
}
#sidebar #selos li { 
margin-top:10px;
text-align:center
}

#footer a { padding:12px }
#root #content .hidden { display:none }

#header { position:relative }

#mnu_basico { 
position:absolute;
right:25px;
top:-29px;
}


#root #mnu_basico a { 
display:block;
font-weight:300;
background:url(i/seta.gif) -2px 9px no-repeat;
padding:5px 5px 5px 13px;
}

#mnu_basico li { 
float:left
}
#header li a {
display:block;
backgraound:#f0f0c0;
padding:3px 0 
}

#header {
abackground:url(i/top-bg.jpg) 2px 0 no-repeat;
width:758px;
/*height:351px;*/
height:342px;

}
#mnu_principal { width:200px }
#logo { display:block;

amargin:19px 0 0 23px;
bordesr:1px solid red
}



#home #eventos {

height:180px
}
#home #eventos li a { 
background:none;
text-indent:0;
margin:0;
padding-left:0;
background:#E15E09;
}
/* add via js
#content .sd_agenda li:hover a { background:#117B64 }
#content .sd_agenda li:hover span.data { color:#fff }
*/
#home #eventos li a:hover span { 
background:#117B64;
padding:2px 4px 2px;
cursor:pointer
}

#root select, #root option,
#home #eventos li:hover { cursor:pointer }
#home #eventos li a:hover span.data { 
/*color:#fff;*/
}


#root .rotulo,
#programacao .valor,
#programacao .data {
font:800 11px Verdana, sans-serif;
}
#home #eventos li p { 
position:absolute; bottom:16px;left:15px; width:134px;
sborder:1px solid red;
padding:2px 4px;
 }

#home #eventos li p span { 
padding:0 4px;
font:800 11px verdana, sans-serif;
color:#fff;
text-transform:uppercase;
letter-spacing:-1px
}
#home #eventos li p span.data { font-size:12px;
color: #fec343;
 }
#root #content .back,
#evento .eback,
a#programacao #eventos .back,
#home #eventos li {
background-position:5px 6px;
background-repeat:no-repeat;
display:block;
float:left;
height:170px;
position:relative;
width:170px;

}
#programacao #eventos .back { margin-right:10px }
#evento .eback { margin-left:-9px }


.infos_base {
height:160px;
margin:30px 0 0 170px;
width:333px;

}
.infos_base p { height:100px }
#evento .eback div,
#programacao #eventos div div,	
#home #eventos div
{ 
	background:transparent url(i/prog-mask-ie7-ff.png) no-repeat 0 0;
	width:175px; 
	height:170px;
}


#footer { 
background:url(i/bg-footer.jpg) -8px 12px no-repeat;
clear:both;
height:70px;
margin-left:173px;
padding:87px 0 6px 1px;
width:578px;
}



/*	 eventos
*/









#programacao #content li { clear:both }
/*
#programacao #content .opts { height:40px }

#evento #content .opts li,
#programacao #content .opts li { float:right;clear:none;
margin-right:12px;
padding-bottom:10px
}
a#programacao #content .infos { borded:1px solid red;
height:10px;
}
*/

#programacao #content .opts { clear:both;height:55px }

#evento #content .opts li,
#programacao #content .opts li { clear:none;float:right;margin-right:12px;padding-bottom:10px }
#programacao #content .infos { display:none }

#root span.div {
clear:both;
display:block;
margin-left:-26px;
width:545px;
width:506px;
height:35px;
height:10px;
padding-bottom:10px;
background:url(i/divisor.jpg) center bottom repeat-x

}


#root .div {
clear:both;
margin-left:-26px;
width:506px;
padding:10px 15px 25px 24px;
background:url(i/divisor.jpg) center bottom repeat-x
}
#root div.first { padding-top:0 }
#root div.last { background:none }

#evento #content .mais a,
#programacao #content .mais a { position:relative }
#evento .mais a span,
#eventos .mais a span { display:none }

/*	alert*/
#evento .mais a:hover span,
#eventos .mais a:hover span { display:block;
position:absolute;
top:-79px;
left:-55px;
width:210px;
height:70px;
font-size:11px;
padding:10px 15px 0;
background:url(i/seta-alert.gif) center bottom no-repeat; }


#root #content .infos { padding-top:10px;clear:both; }
#programacao #content div.infos { clear:both; }
#programacao #content .infos { clear:none; }
#root #content .infos p { margin-bottom:12px; }

#programacao #content ul { margin:12px 0; }
#content h2 { margin-bottom:10px }
#evento #content h2 {
margin-bottom:15px;
}

#programacao #content h2 { width:470px;margin:10px 0 5px 12px }
#programacao #content h2 a:hover { 
text-decoration:underline }
#programacao #content div { atop:-14px }
#.programacao #content { padding-left:0;margin-left:210px }
#programacao #content #eventos li li {
height:20px; background:none; }

#programacao #content #eventos li { background:url(i/divisor.jpg) -60px bottom repeat-x }
#evento #content .listsimple li { padding:5px 0 20px;background:url(i/divisor.jpg) -60px bottom repeat-x }


#evento #content .listsimple .itens-agrupados li { padding:0;background:none }
#evento #content .listsimple .itens-agrupados { background:none }
#evento #content .listsimple .itens-agrupados ul { padding:0 0 20px;background:url(i/divisor.jpg) 0 bottom repeat-x;margin-top:5px }


#evento #content .listsimple .itens-agrupados { padding:0  }

#programacao #content #eventos li.last { background:none }


aaa.valor { margin:6px 0 }



dd {
display:block;
margin-left:70px;
margin-bottom:10px;
}
dt{
clear:left;
display:block;
float:left;
width:70px
}

#content { padding-bottom:10px;position:relative }
dl { clear:both;width:300px }

#root #content textarea:focus,
#root #content input:focus,
#root #content textarea:hover,
#root #content input:hover {
border:3px solid orange
}

option, select, textarea, input { color:#000 }
option { padding:0 4px }
select { padding:1px }


#content.form textarea,
#content.form input {
border:3px solid #ccc;
font:11px verdana;
display:block;
margin-left:70px;
margin-bottom:10px;
padding:6px 5px;
background:#fff url(i/input.jpg) 0 0 no-repeat;
width:250px;

}
#content.form label {
clear:left;
display:block;
float:left;
width:80px;
padding-right:8px;
padding-top:6px;
text-align:right

}
#content.form li { margin-top:12px }
#content.form form, #content.form legend { margin-top:18px }
#contato #content.form legend { display:none }





#content button {
font:11px Verdana;
padding:4px 5px;
background:#11725E;
color:#fff;
margin-bottom:15px
}

#newsletter #content.form button,
#contato #content.form button {
margin-left:88px
}

#content button:focus,
#content button:hover { background:#FFA70F;color:#000 }


#sidebar div { height:147px }
#sidebar input {
font-size:11px;
background:none;margin:12px 0 10px 7px;
width:122px
}

#sidebar form { background:url(i/input-news.jpg) -7px 33px no-repeat }

a.rss {height:20px;margin:0;padding:0;position:relative;width:22px}/*	img rss */


#sidebar a.rss img { height:20px;position:absolute;top:-1px;width:22px; }





#eventos { margin-left:-9px;width:510px }/* 	chamada na home, listagem em programcao */



/*	seção evento 	*/
#evento .infos_base p.mais { margin-top:3px;text-align:left;width:330px }
#evento .infos_base p.mais a { font-size:13px }



#root #content .listlinks { margin:10px 0 0 10px }
#root #content .listlinks li { margin:0; padding:0; }
#root #content .listlinks .mais a { margin-bottom:0;display:block;font:11px verdana, sans-serif; }




#root .listsimple { clear:both;padding:11px 0 3px}
.listsimple span { font:800 11px Verdana, sans-serif }





.right {
float:right;
padding:6px;margin:4px;
border:1px solid #2F2F2F;}

#content.form p.alert {
background:#fc0;
padding:3px;text-align:center;
color:#000;margin-bottom:16px
}


#content.form .alert {
border-color:#fc0
}

#root #resposta span {
font:800 12px Verdana;
color:#fc0;

}


#root #resposta {
background:#333;
padding:13px 15px;
}


address { margin:10px 0 15px }

.infos a {
font-weight:normal;
color:#ff8c0a;
font-size:12px;
text-decoration:underline;
}

#root .infos ol.listlinks a,
#root .infos .listlinks a:hover,
#content a:hover {
text-decoration:none
}

#root .infos .listlinks a { text-decoration:underline }
#content.infos h1 { margin-bottom:12px }

.zoomd {margin:0;padding:0;position:relative;}
.icon_zoom {
display:block;
margin:0;padding:0;border:1px solid #333;
width:20px;
height:20px;
background:url(i/icon-zoom.gif) 0 0 no-repeat;
position:absolute;right:0;bottom:9px;right:9px
}

.right img { display:block;margin:0;padding:0 }
.right {
border:1px solid #2F2F2F;
float:right;
padding:6px;
position:relative;
margin:4px
}

/* <img src="i/icon-zoom.gif" */
#root #content li.comprar a span { text-indent:0 }

#root #content li.comprar a {
background:#111 url(i/ingressorapido.jpg) -5px -9px no-repeat;
height:39px;
position:relative;
text-indent:-9990px;
top:-1px;
width:120px
}



caption { background:#000;padding:2px 5px }
caption, th { text-align:left }
th, td { width:200px;padding:2px 5px }
td.nopadding { padding:0 }
td ul li { padding:2px 5px }
table { margin-bottom:45px;border:1px solid #333;width:497px }
th { background:#1F1F1F }
.listra { background:#333 }

table .td-zero { height:20px }

#programacao #content #eventos p .data_hora_detalhes,
#programacao #content #eventos p { margin-bottom:11px }
#programacao #content #eventos p.data { margin:10px 0 0 }




/* lista de fotos - seções: o teatro, galeria */

#fotos-list { clear:both;width:515px }
#fotos-list ul {
border:1px solid #2F2F2F;
clear:both;
margin:30px;
padding:1px;
width:432px;

 }
#oteatro #fotos-list ul { height:332px }
#album #fotos-list { margin:27px 0 0 -11px;clear:both; }
#album #content #h-ultimos { padding-top:17px }

#fotos-list li { float:left }
#fotos-list li a { display:block;padding:4px 4px 0 }
#oteatro #fotos-list li a { padding:4px;height:75px }
#fotos-list li a:hover, a.right:hover { background:#fff }





/* footer conteudo */

#mnu_completo { margin:0 0 0 19px;width:550px;clear:both }
#mnu_completo a { padding:0 7px }
#mnu_completo li { float:left }


#creditos { height:20px }
#creditos a { padding:0 }
#creditos li { font-size:10px;color:#138970;float:left;margin-left:25px;width:410px }
#creditos li a { color:#138970;font-weight:800 }


#footer a { color:#138970;font:10px arial, sans-serif }
#footer p { color:#138970;clear:both;font:11px Arial, sans-serif;margin-top:27px;padding-top:3px;height:25px;text-align:center }
#footer p.copyright { margin:5px 0 0;height:22px;padding:0 0 5px }
#footer p#bilhetehora { color:#000 }

#footer #creditos li a { font:800 9px verdana, sans-serif }
#footer li.agencia { 
color:#fff;
font-weight:800;
margin-left:10px;
text-align:right;
width:110px
}
#footer #creditos li.agencia a { color:#fff }
#footer #creditos li.agencia a:hover { color:#FE6A08 }

#footer li.assinatura { color:#138970;font:11px Arial, sans-serif;text-align:center; width:550px }

#noticias #content h2 span,
#album #content h2 span {
position:relative;
display:block;
color:#666
}

#noticias #content h2,
#album #content h2 {
height:100%;
margin-bottom:17px;
width:500px
}


#noticias #content img {
    margin:2px 10px
}