body {margin:0px; font:400 10px Verdana, Arial; text-align:center; background:#fff url(img/bgGeral.jpg) no-repeat}
.container {width:990px; margin:0 auto; text-align:center}

strong { font-weight:800}

p { margin-bottom:10px}

a { color:#850000; font-weight:bold;}

/* Header */
.header {width:970px; margin:0 auto}
.header h1 {float:left; margin-top:20px}
.header h1 a {display:block; width:314px; height:85px; background-image: url(img/logoDellarte.png)}
.header h1 a b {position:absolute; top:-300px}
.header .menuSup {position:relative; float:right; width:302px; height:118px; background-color:#ccc}
#mostraSBanner .header .menuSup { border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px }

.header ul {width:250px; margin:15px 0 0 20px}
.header li {float:left; margin-bottom:3px; clear:both}
.header li a {font:400 11px/12px arial; color:#666}
.header li a:hover {color:#c69}
.header .versao {position:absolute; right:25px; bottom:13px}

/* main */
.main { width:970px; margin:0 auto; display:inline-block}
#mostraSBanner .main { float:right; width:750px; }

.bannerFlash {position:relative; width:990px; height:300px; clear:both}

#mostraSBanner .bannerFlash { height:0px;}

/* Menu eventos */
.bannerFlash ul.menu { position:absolute; left:10px; top:10px}
#mostraSBanner .bannerFlash ul.menu { float:left; position:static; left:0; top:0; margin-bottom:20px}

.bannerFlash li.menuEventos {position:relative; float:left; width:187px; height:32px; margin-bottom:5px; clear:both;}
.bannerFlash .btMusica,
.bannerFlash .btDanca,
.bannerFlash .btSeries,
.bannerFlash .btFestivais,
.bannerFlash .btCorporativos,
.bannerFlash .btEspeciais {display:block; width:187px; height:35px; background: url(img/menu.png)}
.bannerFlash b {display:none}
.bannerFlash .btDanca {background-position: 0 -42px}
.bannerFlash .btSeries {background-position: 0 -84px}
.bannerFlash .btFestivais {background-position: 0 -126px}
.bannerFlash .btCorporativos {background-position: 0 -168px}
.bannerFlash .btEspeciais {background-position: 0 -210px}
.bannerFlash .btMusica:hover {background-position: -187px 0}
.bannerFlash .btDanca:hover {background-position: -187px -42px}
.bannerFlash .btSeries:hover {background-position: -187px -84px}
.bannerFlash .btFestivais:hover {background-position: -187px -126px}
.bannerFlash .btCorporativos:hover {background-position: -187px -168px}
.bannerFlash .btEspeciais:hover {background-position: -187px -210px}

.bannerFlash ul.subMenu {display: none; position:absolute; left:187px; top:0; background:#850000; padding:10px; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px}
.bannerFlash ul.subMenu li.subMenuEventos {float:left; background:url(img/setBranca.gif) 0 4px no-repeat; padding-left:7px; margin-bottom:5px; clear:both;}
.bannerFlash ul.subMenu li.subMenuEventos a {font:400 10px/11px verdana; color:#fff}
.bannerFlash ul.subMenu li.subMenuEventos a:hover {color:#f00}

/* Index coluna esquerda */
.indexLeftCol {float:left; width:648px; margin-top:20px}
.indexLeftCol .linkDestaque {float:left; width:160px; height:160px; border:1px solid #666}
.indexLeftCol .linkDestaque:hover {border:1px solid #c69}
.indexLeftCol .destaque {border-bottom:1px solid #6c0; margin-bottom:20px; padding-bottom:10px; min-height:170px}
.indexLeftCol .destaque h2 {width:474px; height:14px; margin-bottom:5px}
.indexLeftCol .destaque h2,
.indexLeftCol .destaque h3,
.indexLeftCol .destaque p {float:left; margin-left:10px}
.indexLeftCol .destaque h2 b {display:none}
.indexLeftCol .destaque p {width:475px; font:400 12px/13px arial; color:#000}
.indexLeftCol .destaque h3 {font:800 14px/15px arial; margin-bottom:5px}

/* Agenda */
.agenda {float:left; width:164px; }
.agenda h2 {width:123px; height:15px; margin-bottom:3px}
.agenda h2 b {display:block; text-indent:-1000em}
.agenda .formMes {width:164px; height:27px; background: url(img/baseCalend1.gif); margin:10px 0 5px 0; text-align:right}
.agenda .formMes select {margin:5px 5px 0 0; font-size:10px}
.agenda .calendTab {width:164px; height:150px; background: url(img/baseCalend2.gif);}

.calendTab table {float:left; margin:5px; height:140px; background-color:#000; }
.calendTab td {border-spacing:1px}
.dias-calend {font:400 10px Verdana, Geneva, Arial; color:#889;}
.dias-semana {width:22px; height:22px; background-color:#555; text-align:center; font:800 10px verdana; color:#819297;}
.dias-calend {height:19px; text-align:center; font:400 10px Verdana, Geneva, Arial; color:#9cc;}
.a_calend {font: 800 11px Verdana, Geneva, Arial; color:#6c0; text-decoration: none;}
.a_calend:hover {font: 800 11px Verdana, Geneva, Arial; color:#fff; text-decoration: none;}

/* Eventos patrocinados */
.indexLeftCol .btEventPatrocinados {float:left; margin-top:25px; width:474px}
.indexLeftCol .btEventPatrocinados li {margin-left:10px; float:left;}


/* index coluna direita */
.indexRightCol {float:right; width:302px; background:#ccc url(img/detColRightIndex.gif) bottom no-repeat}
.indexRightCol h2 {width:146px; height:15px; margin:15px 10px;}
.indexRightCol h2 b {display:none}

.indexRightCol ul {width:282px; margin-left:10px;}
.indexRightCol li {float:left; margin-bottom:9px}
.indexRightCol li a {float:left; width:52px; height:52px; border:1px solid #666}
.indexRightCol li a:hover {border:1px solid #c69}
.indexRightCol li a img {width:52px; height:52px}
.indexRightCol li p {float:left; width:210px; margin-left:10px;}
.indexRightCol li p b {display:block; margin-bottom:4px;}

/* Bread Crumb interno */
.breadCrumb {width:970px; height:15px; margin: 10px auto; padding:10px 0; border-bottom:1px solid #6c0; }
#mostraSBanner .breadCrumb { float:right; width:750px; margin:0px 0 20px 0; }

.breadCrumb li {float:left}
.breadCrumb a {display:block; font:400 12px/16px verdana; color:#333; padding-right:12px; margin-right:3px; background: url(img/setVerde.gif) right 6px no-repeat; }
.breadCrumb a:hover {color:#c69}
.breadCrumb b {font:400 14px/16px verdana; color:#000}


/* Detalhes do Evento */
.contEvento {float:left; width:770px; font-size:13px; margin-bottom:10px}
#mostraSBanner .contEvento { width:535px; margin-bottom:30px; }

.contEventoCal {float:left; font-size:13px; margin-bottom:10px}
.contEvento .titulo {font:400 20px/21px verdana; margin-bottom:10px; letter-spacing:-1px}
.contEventoCal .titulo {font:400 20px/21px verdana; margin-bottom:10px; letter-spacing:-1px}
.contEvento a {color:#c69}
.contEvento a:hover {color:#666}
.contEventoCal .saiba {float:right; font:400 12px/14px verdana; color:#333; padding-right:12px; margin:10px 0; background: url(img/setVerde.gif) right 5px no-repeat;}
.contEventoCal .foto {display:block; width:160px; height:160px; border:1px solid #666}
.contEventoCal .foto:hover {color:#c69}

.patrocinioEvento {float:right; width:160px; text-align:center}
#mostraSBanner .patrocinioEvento { margin-right:10px}

.patrocinioEvento img {margin-bottom:10px; border:1px solid #666}
.patrocinioEvento p {font:400 10px/11px verdana; margin-bottom:10px;}

.fotosEvento {float:left; width:970px; clear:both; margin:10px 0px}
.fotosEvento li {float:left; width:160px; margin-right:34px}
.fotosEvento li p {width:160px; margin:5px 0}

.detEvento {width:970px; margin:0 auto; clear:both}
.detEvento h3 {font:800 18px/20px arial; margin-bottom:10px}
.detEvento .col1,
.detEvento .col2,
.detEvento .col3 {float:left}

.detEvento .col1 {width:460px;}
.detEvento .col1 .abas {border-bottom:1px solid #aaa; height:21px;}
.detEvento .col1 .abas li {float:left}
.detEvento .col1 .abas li a {display:block; font:400 10px/10px arial; color:#999; background-color:#eee; padding:5px; margin-right:1px; border:1px solid #aaa;}
.detEvento .col1 .abas li a:hover {color:#000}
.detEvento .col1 .abas li.ativo a {background-color:#fff; border-bottom-color:#fff}

.detEvento .col1 .containerAbas {width:440px; height:587px; overflow-y:auto;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#999;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	background-color:#fff;
	padding:10px; }
	
.detEvento .col1 .containerAbas li {width:420px; font:400 13px/16px verdana}
.detEvento .col1 .containerAbas li h4 {font-size:15px; font-weight:800; margin-bottom:4px}
.detEvento .col1 .containerAbas li .local,
.detEvento .col1 .containerAbas li .datas,
.detEvento .col1 .containerAbas li .ingressos {font-size:10px; margin-bottom:4px}
.detEvento .col1 .containerAbas li .datas {float:left; margin-top:5px}
.detEvento .col1 .containerAbas li .local strong,
.detEvento .col1 .containerAbas li .ingressos strong {font:400 12px/13px arial}
.detEvento .col1 .containerAbas .listaDatas {float:left; width:200px}
.detEvento .col1 .containerAbas .listaDatas .data {width:360px; padding:2px 0 2px 0}

.detEvento .col1 #locaisDatas .cidade {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px}


.detEvento .col2 {width:340px; margin:20px 0 20px 10px}
.detEvento .col2 object,
.detEvento .col2 embed {margin-bottom:10px}
.detEvento .col2 ul {clear:both}
.detEvento .col2 li {float:left; margin: 0 10px 10px 0}
.detEvento .col2 li p {margin-top:4px;}
.detEvento .col3 {width:160px; margin-top:20px; text-align:center}
.detEvento .col3 a { display:block; margin-bottom:10px}

/* Comentários */
.detEvento .areaComentarios {clear:both; padding-top:20px;}
.detEvento .areaComentarios .infoComentarios {background:url(img/bgComentarios.jpg); width:100%; height:54px; margin-bottom:10px}
.detEvento .areaComentarios .infoComentarios p {padding:20px 10px 0 10px; font-size:14px; font-weight:800; color:#ccc}

.detEvento .areaComentarios .comentarios {margin-bottom:20px}
.detEvento .areaComentarios .comentarios li {padding:10px; border-bottom:1px solid #eee; position:relative}
.detEvento .areaComentarios li blockquote { font-size:13px; line-height:17px}
.detEvento .areaComentarios .comentarios .numComent {position:absolute; right:5px; top:5px; font-weight:800; font-size:20px; font-family:arial; letter-spacing:-1px; color:#eee}
.detEvento .areaComentarios li .nomeData {margin-bottom:5px}

.detEvento .areaComentarios li cite {font-weight:800; font-size:15px; color:#555}
.detEvento .areaComentarios li .data {color:#aaa; font-size:11px; margin-left:5px}

.detEvento .areaComentarios h3 {padding:10px; font-size:17px; letter-spacing:-1px; border-bottom:1px solid #999; margin:10px 0 0 0 }
.detEvento .areaComentarios .obs {padding:10px; font-size:12px; line-height:17px; color:#666; background-color:#eee}
.detEvento .areaComentarios .obs em { font-style:italic; font-weight:800; font-size:120%}
.detEvento .areaComentarios .obs a { color:#900}
.detEvento .areaComentarios .obs a:hover { color:#000}

.detEvento .areaComentarios form {margin-left:10px}
.detEvento .areaComentarios form .grupo1 {float:left}
.detEvento .areaComentarios form .grupoNome,
.detEvento .areaComentarios form .grupoEmail {float:left; width:435px; margin-bottom:10px; clear: both;}
.detEvento .areaComentarios form .grupoEmail {}
.detEvento .areaComentarios form .grupoComent {float:right; margin:0 10px 15px 0; }
.detEvento .areaComentarios form label {display:block; padding:10px; font-size:14px; color:#666}
.detEvento .areaComentarios form input,
.detEvento .areaComentarios form textarea {font:400 16px/20px verdana; padding:10px; width:420px; height:105px; border:1px solid #ccc}
.detEvento .areaComentarios form input {width:440px; height:20px;}
.detEvento .areaComentarios form .submit {margin:20px 0; background:url(img/btEnviar.gif); width:318px; height:35px; cursor:pointer; text-indent:-9999em; overflow:hidden; border:0}
.detEvento .areaComentarios form .submit:hover {background-position:0 -35px}

/* Listagem de eventos de séries */
.listagemSerie {border-top: 1px solid #666; margin-top:20px; padding-top:10px; clear:both}
.listagemSerie li {width:970px; border-bottom:1px dotted #aaa; margin-bottom:10px; font-size:13px}
#mostraSBanner .listagemSerie li { width:100%; }

.listagemSerie .tituloEvento {font:400 20px/21px verdana; margin-bottom:10px; letter-spacing:-1px}
.listagemSerie .leadEvento {float:left; width:770px}
#mostraSBanner .listagemSerie .leadEvento { width:560px}

.listagemSerie .leadEvento .cidades {font-size:14px; margin-bottom:10px}
.listagemSerie .fotoEventoSerie {float:right; width:160px}
#mostraSBanner .listagemSerie .fotoEventoSerie { margin-right:10px }

.listagemSerie .fotoEventoSerie .foto {display:block; width:160px; height:160px; border:1px solid #666}
.listagemSerie .fotoEventoSerie .foto:hover {border:1px solid #c69}
.listagemSerie .fotoEventoSerie .saiba {float:right; font:400 12px/14px verdana; color:#333; padding-right:12px; margin:10px 0; background: url(img/setVerde.gif) right 5px no-repeat;}
.listagemSerie .fotoEventoSerie .saiba:hover {color:#c69}

/* Somos */
.colEsqSomos {float:left; width:840px; font-size:13px }
.cadastro {float:left; width:200px; padding:10px 10px 15px 20px; background: #c69 url(img/setVerde.gif) 10px 14px no-repeat; color:#fff; -moz-border-radius:10px}
.cadastro:hover {color:#a47}
.colEsqSomos .login {float:right;}
.colEsqSomos .login,
.colEsqSomos .login input {font-size:11px}
.colEsqSomos .login h3 {font:400 15px/16px arial; color:#666; margin-bottom:5px}

.colDirtSomos {float:right; width:90px;}
.colDirtSomos li {margin-top:10px}

.listaAtracoes { margin:10px}
.listaAtracoes li { padding-left:10px; margin:7px; list-style:square}




/* Social */
.social {font-size:12px;}
.social ul {margin:20px 0}
.social li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #666; color:#666; clear:both}
.social li img {border:1px solid #666; margin-right:10px}
.social li b {padding-left:10px; background: url(img/setVerde.gif) 0 4px no-repeat}

/* Fale conosco */
.fale {font-size:12px;}
.fale p {margin-bottom:10px}
.fale form {width:600px; margin:20px 0}
.fale td {padding:10px 10px 10px 0}
.fale strong {font-weight:800}
.fale em { font-style:italic}

.fale ul.vcard {margin-bottom:20px}
.fale ul.vcard li {margin-bottom:5px; width:500px; line-height:17px}
.fale ul.vcard .org {display:block}
.fale ul.vcard a { color:#666}
.fale ul.vcard a:hover { color:#c69}

/* ingressos */
.ingressos {font-size:12px;}
.ingressos li {margin-bottom:20px}
.ingressos li a {color:#666}
.ingressos li a:hover {color:#c69}
.ingressos li .cidade {display:block; margin-bottom:5px; font:400 15px/16px arial; padding-left:10px; background: url(img/setVerde.gif) 0 5px no-repeat}
.ingressos p {margin:10px 0}

/* cadastro */
.cadastreSe { font-size:12px;}
.cadastreSe .formUnit { padding:10px; clear:both}
.cadastreSe .formUnit label { float:left; width:180px; text-align:right; line-height:2em; padding-right:20px}
.cadastreSe .formUnit .wrap { float:left; }

ul.listaForm { margin-bottom:20px}

form p.error { display:none;  float:left; position:relative; padding:7px; margin:-3px 0 0 10px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	background:#900;
	background:-moz-linear-gradient(top, #900, #300);
	background:-webkit-gradient(linear, left top, left bottom, from(#900), to(#300));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#990000', EndColorStr='#330000', GradientType=0)}

form p.error:after { content:""; position:absolute; left:-6px; top:7px; display:block; width:12px; height:12px; background:url(img/losangoBalaoErro.png) no-repeat;}


/* Rodape */
.footer {width:950px; height:60px; margin:0 auto; padding:10px; font-size:10px; color:#777}