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}

/* 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}
.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;}
.bannerFlash {position:relative; width:990px; height:300px; clear:both}

/* Menu eventos */
.bannerFlash ul.menu {position:absolute; left:10px; top:10px}
.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; -moz-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; }
.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}
.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}
.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}



/* 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}
.listagemSerie .tituloEvento {font:400 20px/21px verdana; margin-bottom:10px; letter-spacing:-1px}
.listagemSerie .leadEvento {float:left; width:770px}
.listagemSerie .leadEvento .cidades {font-size:14px; margin-bottom:10px}
.listagemSerie .fotoEventoSerie {float:right; width:160px}
.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}

/* 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}

/* 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 td {padding:10px 10px 10px 0}


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