/* RESETA HTML */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small, strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
table{border-collapse:collapse;border-spacing:0;}


/* CORES */

html, body {
    color:#000;
    background-color: #A7E3C6;
}

h1 strong, h2, h3, h4, h5, h6 {
    color:#211F0F;
}

a {color:#d90001;}

h1 a, h2 a , h3 a, h4 a, h5 a, h6 a {text-shadow: rgba(0,0,0,0.8) 1px 1px;}

a:hover {color:#000; text-shadow: #F7941D 0px 0px 2px;}


/* TIPOGRAFIA */

body, input {
    font-family:'Trebuchet MS', Trebuchet,
    'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans',
    sans-serif;
    font-size: 90%;
    color:#000;
}

h1 {
    font-size: 1.618em;
    font-weight:normal;
    text-align: center;
    margin-bottom: .8em;
    border-bottom: #211F0F solid 2px;
}

h2 {
    font-size: 1.272em;
    font-weight:bold;
    text-align: center;
    margin-top: .8em;
    margin-bottom: .4em;
}

h3 {
    font-size: 1.128em; 
    font-weight:bold;
    font-style: italic;
    text-align: left;
    margin-top: .5em;
    margin-bottom: .4em;
}

h4 {
    font-size: 1.1em;
    font-weight:bold;
    font-style: italic;
}

h5 {
    font-size: 1.1em;
    font-weight:bold;
    font-style: normal;
}

h6 {
    font-size: 1.1em;
    font-weight:normal;
    font-style: italic;
}

h4, h5, h6 {margin-top: .5em; margin-bottom: .4em;}

strong {font-weight: bold;}

em, .info {font-style: italic;}

a.mais {font-size:0.618em; font-weight: bold;}

.autoria {font-style: italic;}

p + p, li + li {margin-top: .3em}

#mancha ol, #mancha ul {margin: .5em 2em .5em;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}


/* DIAGRAMAÇÃO */

#navegacao {
    position: fixed;
    width: 192px;
    height: 100%;
}

#mancha {
    position: relative;
    padding: 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 0 120px 200px;
    min-width: 600px;
}

#colunaMaior {
    float: left;
    width: 60%;
    margin: 52px 2% 52px 0;
}

#colunaMenor {
    float: left;
    left: 62%;
    width: 36%;
    margin: 52px 2% 52px 0;
}

#manchaFixa {
    margin: 0 0 120px 0;
}

#colunaMaiorFixa {
    margin-left: 200px;
    margin-right: 32%;
}

#colunaMenorFixa {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32%;
}

#colunaMenorFixa > div.envelope {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
}

#navegacao h1 {
    width: 184px;
    height: 195px;
    margin: 12px 3px;
    background-image: url('/img/imagensGerais-transicao2011.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border:0;
}

#navegacao h1 span {
    display: none;
}

#navegacao a:hover h1 {
    background-position: -184px 0px;
}

#navegacao h2 {
    width: 185px;
    height: 150px;
    margin: 12px 3px;
    background-image: url('/img/imagensGerais-transicao2011.png');
    background-repeat: no-repeat;
    background-position: 0px -195px;
}

#navegacao h2 span {
    display: none;
}

#navegacao a:hover h2 {
    background-position: -184px -195px;
}

#navegacao > ul {
    list-style: none;
    margin: 24px 0;
    padding: 0;
}

#navegacao > ul > li {
    margin: 0 0 14px 0;
}

#navegacao > ul > li > a {
    display: in-line;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
    color: #F7941D;
    text-shadow: #000 1px 1px 1px;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    text-transform: lowercase;
    line-height: 1.2em;
    border: 2px solid #000;
    border-left: 0;
    -webkit-border-bottom-right-radius: 1em;
    -moz-border-radius-bottomright: 1em;
    border-bottom-right-radius: 1em;
    -webkit-border-top-right-radius: 1em;
    -moz-border-radius-topright: 1em;
    border-top-right-radius: 1em;
}

#navegacao > ul > li > a:hover, #navegacao > ul > li > a.aqui {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    color: #000;
    text-shadow: #F7941D 0px 0px 2px;
}

#navegacao > ul > li > a.aqui {
    cursor: default;
}

#rodape {
    clear: both;
    height: 120px;
}

.push {
    clear: both;
    height: auto !important;
}


/* #rodape { */
/*     clear: both; */
/*     content:"."; */
/*     width: 100%; */
/*     background-image: url('/img/horizonte.png'); */
/*     background-repeat: repeat-x; */
/*     background-attachment: scroll; */
/*     background-position: bottom center; */
/*     margin-top: auto; */
/* } */

.secao, .artigo {
    line-height:1.2em;
    background-color: #fff;
    background-color: rgba(255,255,255,0.90);
    border: 2px solid rgba(0,0,0,0.90);
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    padding: 1em;
    margin: 1.5em;
}

#colunaMenorFixa .secao, #colunaMenorFixa .artigo {
    border-right: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    margin-right: 0;
    margin-left: 0;
    position: relative;
}



/* IMAGENS */

html, body {
    background-color: #e5db6f;
    background-image: url('/img/stencil/fundo-olhoSorri.png');
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top center;
}


/* MAPA */

#mapa {
    height: 250px;
    overflow: hidden;
    margin-right: -1em;
    background: #fff;
}

#ruasdocentro {
    position: relative;
    width: 882px;
    height: 829px;
    left: -250px;
    top: -370px;
    cursor: move;
    background-image: url('/img/MapaVirada2010.png');

}

#ruasdocentro div {
    padding: 0;
    position: absolute;
    line-height: 25px;
    letter-spacing: -2px;
    font-size: 15px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: #000 1px 1px;
}

#ruasdocentro a, #ruasdocentro a:hover {color: inherit; text-decoration: none; text-shadow: none;}

#ruasdocentro div:hover, #ruasdocentro div.lugarSelecionado {
    text-shadow: #F7941D 0px 0px 2px;
}

div.lugarNoMapa {
    background-image: url('/img/imagensGerais-transicao2011.png');
}

div.lugarPalcoArea1 {background-position: -368px 0px;}
div.lugarPalcoArea1:hover, div.lugarPalcoArea1.lugarSelecionado  {background-position: -368px -150px;}
div.lugarPistaArea1 {background-position: -368px -30px;}
div.lugarPistaArea1:hover, div.lugarPistaArea1.lugarSelecionado  {background-position: -368px -180px;}
div.lugarArteArea1 {background-position: -368px -60px;}
div.lugarArteArea1:hover, div.lugarArteArea1.lugarSelecionado  {background-position: -368px -210px;}
div.lugarRuaArea1 {background-position: -368px -90px;}
div.lugarRuaArea1:hover, div.lugarRuaArea1.lugarSelecionado  {background-position: -368px -240px;}
div.lugarCinemaArea1 {background-position: -368px -120px;}
div.lugarCinemaArea1:hover, div.lugarCinemaArea1.lugarSelecionado  {background-position: -368px -270px;}

div.lugarPalcoArea2 {background-position: -398px 0px;}
div.lugarPalcoArea2:hover, div.lugarPalcoArea2.lugarSelecionado  {background-position: -398px -150px;}
div.lugarPistaArea2 {background-position: -398px -30px;}
div.lugarPistaArea2:hover, div.lugarPistaArea2.lugarSelecionado  {background-position: -398px -180px;}
div.lugarArteArea2 {background-position: -398px -60px;}
div.lugarArteArea2:hover, div.lugarArteArea2.lugarSelecionado  {background-position: -398px -210px;}
div.lugarRuaArea2 {background-position: -398px -90px;}
div.lugarRuaArea2:hover, div.lugarRuaArea2.lugarSelecionado  {background-position: -398px -240px;}
div.lugarCinemaArea2 {background-position: -398px -120px;}
div.lugarCinemaArea2:hover, div.lugarCinemaArea2.lugarSelecionado  {background-position: -398px -270px;}

div.lugarPalcoArea3 {background-position: -428px 0px;}
div.lugarPalcoArea3:hover, div.lugarPalcoArea3.lugarSelecionado  {background-position: -428px -150px;}
div.lugarPistaArea3 {background-position: -428px -30px;}
div.lugarPistaArea3:hover, div.lugarPistaArea3.lugarSelecionado  {background-position: -428px -180px;}
div.lugarArteArea3 {background-position: -428px -60px;}
div.lugarArteArea3:hover, div.lugarArteArea3.lugarSelecionado  {background-position: -428px -210px;}
div.lugarRuaArea3 {background-position: -428px -90px;}
div.lugarRuaArea3:hover, div.lugarRuaArea3.lugarSelecionado  {background-position: -428px -240px;}
div.lugarCinemaArea3 {background-position: -428px -120px;}
div.lugarCinemaArea3:hover, div.lugarCinemaArea3.lugarSelecionado  {background-position: -428px -270px;}

div.lugarPalcoArea4 {background-position: -458px 0px;}
div.lugarPalcoArea4:hover, div.lugarPalcoArea4.lugarSelecionado  {background-position: -458px -150px;}
div.lugarPistaArea4 {background-position: -458px -30px;}
div.lugarPistaArea4:hover, div.lugarPistaArea4.lugarSelecionado  {background-position: -458px -180px;}
div.lugarArteArea4 {background-position: -458px -60px;}
div.lugarArteArea4:hover, div.lugarArteArea4.lugarSelecionado  {background-position: -458px -210px;}
div.lugarRuaArea4 {background-position: -458px -90px;}
div.lugarRuaArea4:hover, div.lugarRuaArea4.lugarSelecionado  {background-position: -458px -240px;}
div.lugarCinemaArea4 {background-position: -458px -120px;}
div.lugarCinemaArea4:hover, div.lugarCinemaArea4.lugarSelecionado  {background-position: -458px -270px;}

div.lugarPalcoArea5 {background-position: -488px 0px;}
div.lugarPalcoArea5:hover, div.lugarPalcoArea5.lugarSelecionado  {background-position: -488px -150px;}
div.lugarPistaArea5 {background-position: -488px -30px;}
div.lugarPistaArea5:hover, div.lugarPistaArea5.lugarSelecionado  {background-position: -488px -180px;}
div.lugarArteArea5 {background-position: -488px -60px;}
div.lugarArteArea5:hover, div.lugarArteArea5.lugarSelecionado  {background-position: -488px -210px;}
div.lugarRuaArea5 {background-position: -488px -90px;}
div.lugarRuaArea5:hover, div.lugarRuaArea5.lugarSelecionado  {background-position: -488px -240px;}
div.lugarCinemaArea5 {background-position: -488px -120px;}
div.lugarCinemaArea5:hover, div.lugarCinemaArea5.lugarSelecionado  {background-position: -488px -270px;}


#lugarNo1  {left: 317px; top:  64px;}
#lugarNo2  {left: 202px; top: 431px;}
#lugarNo3  {left: 461px; top: 454px;}
#lugarNo4  {left: 538px; top:  67px;}
#lugarNo5  {left: 442px; top:  40px;}
#lugarNo6  {left: 595px; top: 109px;}
#lugarNo7  {left: 133px; top: 300px;}
#lugarNo8  {left: 152px; top: 273px;}
#lugarNo9  {left: 163px; top: 217px;}
#lugarNo10 {left: 473px; top: 105px;}
#lugarNo11 {left: 458px; top: 174px;}
#lugarNo12 {left: 516px; top: 640px;}
#lugarNo13 {left: 256px; top: 562px;}
#lugarNo14 {left: 541px; top: 409px;}
#lugarNo15 {left: 592px; top: 576px;}
#lugarNo16 {left: 304px; top: 347px;}
#lugarNo17 {left: 483px; top: 462px;}
#lugarNo18 {left:  86px; top: 611px;}
#lugarNo19 {left: 453px; top: 589px;}
#lugarNo20 {left: 329px; top:  49px;}
#lugarNo21 {left: 538px; top:   4px;}
#lugarNo22 {left: 780px; top: 500px;}
#lugarNo23 {left: 428px; top: 570px;}
#lugarNo24 {left: 429px; top: 531px;}
#lugarNo25 {left: 428px; top: 504px;}
#lugarNo27 {left: 389px; top: 390px;}
#lugarNo28 {left: 398px; top: 501px;}
#lugarNo31 {left: 461px; top: 395px;}
#lugarNo34 {left: 363px; top: 346px;}
#lugarNo35 {left: 340px; top: 420px;}
#lugarNo36 {left:  93px; top: 331px;}
#lugarNo37 {left: 357px; top: 402px;}
#lugarNo38 {left: 372px; top: 486px;}
#lugarNo39 {left: 472px; top: 545px;}
#lugarNo40 {left: 541px; top: 715px;}
#lugarNo42 {left: 530px; top: 501px;}
#lugarNo43 {left: 798px; top: 610px;}
#lugarNo44 {left: 523px; top: 443px;}
#lugarNo47 {left: 155px; top: 523px;}
#lugarNo53 {left: 581px; top: 748px;}
#lugarNo54 {left: 569px; top: 799px;}
#lugarNo55 {left: 439px; top: 678px;}
#lugarNo56 {left: 617px; top: 671px;}
#lugarNo57 {left: 444px; top: 339px;}
#lugarNo58 {left: 112px; top: 346px;}
#lugarNo59 {left: 334px; top: 587px;}
#lugarNo61 {left: 206px; top: 127px;}

#ruasdocentro div.metroNoMapa {
    width: 12px;
    height: 12px;
    background-image: url('/img/imagensGerais-transicao2011.png');
    background-position: -369px -301px;
    cursor: default;
}

#ruasdocentro div.metroNoMapa:hover {
    background-position: -369px -313px;
}

#metroSe1 {left: 572px; top: 724px;}
#metroSe2 {left: 580px; top: 686px;}
#metroSe3 {left: 629px; top: 709px;}
#metroAnhangabau1 {left: 360px; top: 577px;}
#metroAnhangabau2 {left: 374px; top: 594px;}
#metroAnhangabau3 {left: 417px; top: 601px;}
#metroSaoBento1 {left: 527px; top: 433px;}
#metroSaoBento2 {left: 555px; top: 440px;}
#metroSaoBento3 {left: 570px; top: 465px;}
#metroLuz1 {left: 544px; top: 117px;}
#metroLuz2 {left: 579px; top: 141px;}
#metroLuz3 {left: 550px; top: 200px;}
#metroLuz4 {left: 574px; top: 197px;}
#metroRepublica1 {left: 187px; top: 397px;}
#metroRepublica2 {left: 250px; top: 457px;}


#atracao, #outrosLugares, #outrasAtracoes {
    height: 250px;
    font-size: 90%;
    overflow: auto; 
    margin-right: -1em;
    padding-right: 1em;
}

#outrosLugares h4 {margin-left: 1.5em; font-size: 90%;}
#outrosLugares h3 span, #outrosLugares h4 span {color: #000; font-size: 90%}
#outrosLugares h3 span a, #outrosLugares h4 span a {font-size: 120%}

input, textarea, select {border:2px solid #333; margin-top: .3em}
.preenchimento-opcional {border-color: #11c;}
.preenchimento-obrigatorio {border-color: #c11;}
.preenchimento-obrigatorio:before {content: "* "}
h3.preenchimento-obrigatorio, h4.preenchimento-obrigatorio, label.preenchimento-obrigatorio {color: #c11;}
textarea:focus, input:focus {border: 2px inset #fff;}
p.contador {text-align: right}
p.contador input {text-align: right; border-color: none; background: none; border-width: 0}

form th {vertical-align: top}
label {font-weight: bold; padding-right: .5em}
form th {text-align: right;}
form td {text-align: left;}

hr {margin-top: 3em; clear:both;}
.horario {float: left; clear: both; margin-right: .5em; font-weight: bold; font-style: normal; color: #000;}
.horario span {visibility:hidden;}
p.variasapresentacoes {text-align: right;}
p.continuo {color: #39e; font-weight: normal;}
p.atracao {margin-left: 3.4em;}
p.atracao a {cursor:pointer;}
p.atracao a:hover {text-shadow: #F7941D 0px 0px 2px;}
p.onde {color: #24117D}
p.endereco {text-align: right; float: right; width: 60%; clear: both}
.naoconfirmado {color: #999}
.naoconfirmado a {color: #999}
div.colunalugar {clear:both;}
div.horarios {clear:both;}
p.textodescritivo {font-style: italic;}
p.textocobranca {font-style: italic; border-left: 2px solid #c00; padding: .3em; color: #c00;}

div.imagem {float: right; margin-left: .5em; text-align: right; clear:right}

div.atracoes {clear: both;}
div.atracoes h3 a {text-decoration: none;}
div.atracoes h3 * {text-shadow: none;}
div.atracoes h3 p.atracao span {color: #000; font-style: normal;}
div.atracoes > div {
    margin: 0 1em 1em 3.4em; 
    padding: 1em;
    border: 2px solid #999;
    border: 2px solid rgba(144, 144, 144, 0.7);
    background: #ccc;
    background: rgba(208,208,208, 0.7);
}

.numeroMapa {margin: 1em 0 .5em 0; font-weight: bold; text-align: right; clear: both;}
.numeroMapa span {font-size: 2em; margin-left: -0.2em;}


div.proclamar {text-align: right; float: right; position: relative; color: #000; text-shadow: #F7941D 1px 1px 1px; cursor: pointer; font-size: 90%;}
div.proclamar div {border: 1px solid #999; background: #fff; display: none; position: absolute; bottom: 1.1em; right: 0; cursor: default;}
a.linkProclame {
    cursor: pointer;
    display: block;
    margin:4px;
    border: 0;
    width: 16px;
    height: 16px;
    background-image: url('/img/imagensGerais-transicao2011.png');
    float: right;
}
a.Twitter {background-position: -381px -301px;}
a.Delicious {background-position: -397px -301px;}
a.Digg {background-position: -413px -301px;}
a.Facebook {background-position: -429px -301px;}
a.Google {background-position: -445px -301px;}
a.MySpace {background-position: -461px -301px;}
a.WindowsLive {background-position: -477px -301px;}


#tabelaDeHorarios {
    margin-left: -1em;
    margin-right: -1em;
    position: relative;
    overflow: hidden;
}

#tabelaDeHorarios > div {
    font-size: 90%;
}

#tabelaDeHorariosNome {
    position: relative;
    top: 0;
    left: 0;
    width: 96px;
}

#tabelaDeHorariosNome > div {
    height: 3em;
    background: #000;
    color: #F7941D;
    font-weight: bold;
    overflow: hidden;
    line-height: 1em;
    border-bottom: 1px solid #333;
    vertical-align: center;
    text-align: right;
    font-size: 90%;
    padding: .5em .5em 0 0;
}

#tabelaDeHorariosNome a {
    text-decoration: none;
    color: #F7941D;
}

#tabelaDeHorariosNome a span {
    font-weight: bold;
}

#tabelaDeHorariosNome a:hover {
    color: #d90001;
    text-shadow: none;
    text-decoration: underline;
}


#tabelaDeHorariosApresentacoes {
    position: absolute;
    top: 0;
    left: 96px;
    width: 160em;
    overflow: hidden;
    cursor: move;
}

#tabelaDeHorariosApresentacoes > div {
    height: 3em;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: .5em 0 0 .5em;
    font-size: 90%;
}

#tabelaDeHorariosApresentacoes > div > div {
    margin: 2px;
    background: #fff;
    display: inline;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    background: #ccc;
    border: 1px solid #999;
    padding: .2em;
    vertical-align: center;
    text-align: left;
    line-height: 1em;
}

#tabelaDeHorariosApresentacoes a {
    cursor: pointer;
}

#tabelaDeHorariosApresentacoes > div.tabelaDeHorariosHoras {
    height: 1.2em;
}
#tabelaDeHorariosApresentacoes > div.tabelaDeHorariosHoras div {
    width: 3.2em;
    background: #666;
    color: #fff;
}

#tabelaDeHorariosNome > div.tabelaDeHorariosNomeHoras {
    height: 1.2em;
    background: #666;
    color: #666;
    padding: .5em 0 0 .5em;
}


ul.subnav {
    list-style: none;
    margin: 1em 0 -1.6em 0;
    padding: 0;
    text-align: center;
}

ul.subnav > li {
    margin: 0 1em;
    display: inline;
}

ul.subnav > li > a {
    display: inline;
    background-color: #000;
    color: #F7941D;
    text-shadow: #000 1px 1px 1px;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    text-transform: lowercase;
    line-height: 1.2em;
    border: 2px solid #000;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

ul.subnav > li > a:hover, ul.subnav > li > a.aqui {
    background-color: #fff;
    color: #000;
    text-shadow: #F7941D 0px 0px 2px;
}

ul.subnav > li > a.aqui {
    cursor: default;
}

div.controle {
    background-color: #F7941D;
    background-color: rgba(247, 148, 29, 0.90);
}

#buscar input, #buscar button {
    display: inline;
    padding: 2px 6px 2px 6px;
    line-height: 1.2em;
    border: 2px solid #000;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

#buscar input {
    color: #000;
    background-color: #fff;
}

#buscar button {
    background-color: #000;
    color: #F7941D;
}

#buscar button:hover {
    background-color: #fff;
    color: #000;
}