/*******************************************************************************
                            General Structure
********************************************************************************/

* {
    padding:0;
    margin:0;
}
body {
    background-color: #000;
    color: #82838d;
    font: 75%/160% Arial, Helvetica, sans-serif;
    width: 100%;
    line-height:0%;
}
img { border: none; }
div { padding:0; margin:0}

/* headings and typography
--------------------------------------------- */

p { line-height:130%; padding:0; }

h1, h2, h3, h4, h5, h6 {
    font: bold 190%/100% Arial, Helvetica, sans-serif;
    padding:.5em 0;
}
h2,h3 { font-size:135%; }
h4 { font-size:120%; }
h5 { font-size:105%; }
h6 { font-size:90%; border:0; }

/* links
--------------------------------------------- */

a {
    color: #9c9ba3;
    outline: none;
    text-decoration: none;
}
a:hover { color:#e9e8ed; }

/* lists
--------------------------------------------- */

ul {
    list-style: none;
    padding-top: 0px;
}
ul li {
    line-height: 140%;
    padding: 0 0 10px 18px;
}

/* forms
--------------------------------------------- */

input, textarea, select {
    background:#290718 ;
    border: 1px solid #290718;
    color: #EEEEEE;
    display:block;
    font: 120%/125% Arial, Helvetica, sans-serif;
    height:17px;
    padding:3px 0 3px 3px;
    width:100%;
}
textarea {
    background-position:0 bottom !important;
    height:200px;
}
select {
    background:#fff !important;
    height:25px;
}
input:hover, textarea:hover { }

button{border:1px solid black;}
input:focus, textarea:focus, button:focus{border: 1px solid #461b31}

label { display:none }
fieldset { border:none; }
legend { display:none }

/* phrase elements
--------------------------------------------- */

em { font: italic 110% Georgia, "Times New Roman", Times, serif; }
small { font-size:80% }
abbr { border-bottom:1px dotted #e4dcec }
hr { display:none }

/* global class
--------------------------------------------- */

*.float {
    float:left;
    width:100%;
}

*.button {
    background: bottom;
    border:none;
    color: #50a9ee;
    cursor:pointer;
    display:block;
    height:33px;
    padding-top:9px;
    text-align:center;
    width:93px;
}

*.indent {
    text-indent: -9000px;
}

/*******************************************************************************
                                base.html
********************************************************************************/

#header, #wrap , #footer{
    width:940px;
    margin:0 auto;
    overflow:hidden;
}

#header{
    background:transparent url(../images/header-bg.jpg) no-repeat 0 0;
    height: 320px;
}

#wrap{
    width:940px;
}

#footer{
    height: auto;
}


/* HEADER
--------------------------------------------- */

#branding ul#menu {
        background: transparent url(../images/menu-bg.png) repeat; height:37px; margin:13px 0 0 0; padding:0; width:394px; }
#branding ul#menu li{
        display:inline; padding:0}
#branding ul#menu li a{
        background:transparent url(../images/menu.png) no-repeat scroll 0 center; float:left; height:37px; margin:0 21px 0 0; text-indent:-9000px; width:30px; }

#branding ul#menu li a.sobre{ background-position: 0 50%;}
#branding ul#menu li a.sobre:hover{ background-position: -369px 50%;}
#branding ul#menu li a.eventos{background-position:-50px 50%; width:41px;}
#branding ul#menu li a.eventos:hover{ background-position: -419px 50%;}
#branding ul#menu li a.proximos{ background-position:-112px 50%; width:89px;}
#branding ul#menu li a.proximos:hover{ background-position: -481px 50%;}
#branding ul#menu li a.contato{ background-position:-222px 50%; width:42px;}
#branding ul#menu li a.contato:hover{ background-position: -591px 50%;}
#branding ul#menu li a.agenda{ background-position:-284px 50%; width:81px;}
#branding ul#menu li a.agenda:hover{ background-position: -653px 50%;}


#branding h1{ margin:49px 0 0 45px; padding:0; }
#branding a#logo{
        background:transparent url(../images/logo.jpg) no-repeat scroll 0 0; display:block; height:161px; width:300px; }
#branding a#logo:hover{
        background-position: 0 bottom}
#branding span{
        display:none;}

/* WRAP
--------------------------------------------- */

#wrap .content { background: transparent url(../images/pagename-bg.jpg) no-repeat 0 0}

#wrap .content h2{ height:38px; margin:0 0 0 8px; padding:0; text-indent:-9000px;}

#wrap .content h2#proximos{ background: transparent url(../images/pg-proximos.png) no-repeat left center; }


/* FOOTER
--------------------------------------------- */

#site-info { margin:35px 0 0 0 }

#site-info h4 {
    float:left;
    font-size:12px;
    margin:3px 8px 0 0;
    padding:0;
}

#site-info ul {float:left; line-height:18px;}
#site-info ul li{
    display:inline; padding:0}
#site-info ul li a{
    background:transparent url(../images/social-logos.png) no-repeat scroll 0 center;
    display:block;
    float:left;
    margin:0 5px 0 0;
    text-indent:-9000px;
    width:14px;
}

#site-info ul li a.orkut{
    background-position: 0 center;}
#site-info ul li a.twitter{
   background-position:-14px center; width:10px;}
#site-info ul li a.youtube{
    background-position: -24px center; width:40px;}
#site-info ul li a.formspring {
    background-position: -65px center; height:17px; width:20px;}

#site-info p#copyright{ float:right; padding:0;}

#madeby{
    color:#444444;
    display:block;
    float:left;
    font-size:9px;
    height:14px;
    margin:22px 0 10px;
    text-align:right;
    width:100%;
}
#madeby a{}

/*******************************************************************************
                                index.html
********************************************************************************/

#painel{
    overflow:hidden;
}

#painel #gallery{
    background: #2e2e33;
    border-bottom:8px solid #0D0D0D;
    float:left;
    height:459px;
    text-align:center;
    width:940px;
}

#painel .controler{
    background: transparent url(../images/painel-bottons.png) no-repeat left center;
    cursor:pointer;
    float:left;
    height:60px;
    margin-top:190px;
    text-indent:-9000px;
    width:30px;
}

#painel #left.controler{

}
#painel #right.controler{
    background-position:-30px 50%;
}


/* CAROUSSEL
--------------------------------------------- */

.stepcarousel{
    position: relative; /*leave this value alone*/
    outline: 1px solid black;
    background:#2E2E33 none repeat scroll 0 0;
    border-bottom:8px solid #0D0D0D;
    float:left;
    height:459px;
    text-align:center;
    width:940px;
}

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    width: 940px;; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* TWITTER
--------------------------------------------- */
.content #twitter{
    background: #07101a url(../images/twitter-bg.png) no-repeat left center;
    color:#76B7E5;
    float:left;
    font-size:11px;
    height:193px;
    line-height:10px;
    margin:27px 30px 0 0;
    padding:0 18px;
    width:186px;
}
.content #twitter h3{
    background: transparent url(../images/twitter-title.jpg) no-repeat left center;
    height:29px;
    margin:14px 0 0 0;
    padding:0;
    text-indent:-9000px;
    width:21px;
}

.content #twitter p{
    line-height:17px;
    margin:3px 0 0;
    text-align:center;
}

.content #twitter a, .content #agenda a{
    color: #FFFFFF;
}
.content #twitter a:hover, .content #agenda a:hover{
    color: #9C9BA3;
}


/* AGENDA
--------------------------------------------- */
.content #agenda{
    background: #160f1d url(../images/agenda-bg.png) no-repeat left center;
    float:left;
    height:192px;
    line-height:10px;
    margin:27px 0 0 0;
    padding:0 0 0 18px;
    width:669px;
    color:#FFFFFF;
}

.content #agenda h3{
    background: transparent url(../images/agenda-title.png) no-repeat scroll left center;
    display:block;
    height:13px;
    margin:18px 0 14px 2px;
    padding:0;
    text-indent:-9000px;
    width:121px;
}

.content #agenda dl{
    background:#140B1C none repeat scroll 0 0;
    display:block;
    float:left;
    font-weight:bold;
    height:64px;
    line-height:15px;
    margin:8px 16px 12px 0;
    overflow:hidden;
    text-transform:uppercase;
    width:150px;
}
.content #agenda dt {
    float:right;
    height:48px;
    margin:5px;
    padding:6px 0 0;
    vertical-align:middle;
    width:80px;
}
.content #agenda dt a{color:#79648F;}
.content #agenda dd{
    background:#291E32 none repeat scroll 0 0;
    color:#79648F;
    display:block;
    float:left;
    font-size:27px;
    height:55px;
    line-height:18px;
    margin:5px;
    padding:0 0 0;
    position:absolute;
    text-align:center;
    width:55px;
}
.content #agenda dd span{
    color:#FFFFFF;
    float:left;
    font-size:12px;
    height:20px;
    padding:0;
    text-transform:uppercase;
    width:100%;
}

.browserIE7 .content #agenda dd div.day { margin-top:-12px }

.content .link,
.content #link {
    background:transparent url(../images/setas.png) no-repeat scroll 0 center;
    border-top:1px dotted;
    display:block;
    float:left;
    font-size:11px;
    font-weight:bold;
    height:25px;
    line-height:25px;
    margin:7px 0 0;
    position:relative;
    text-align:right;
    width:97%;
}
.content #twitter .link{
    background-position:61px center;
    margin:3px 0 0;
}
.content #agenda #link{
    background:transparent url(../images/setas2.png) no-repeat scroll 555px center;
    border-color:#594A6A;
}

/*******************************************************************************
                                detalhes evento.html
********************************************************************************/
.content h2#sobre{
    background: transparent url(../images/pg-sobre.png) no-repeat left center; }


/*******************************************************************************
                                contato.html
********************************************************************************/

.content h2#contato{
    background: transparent url(../images/pg-contato.png) no-repeat left center; }

#sec-contato form {
    background:transparent none repeat scroll 0 0;
    float:left;
    margin: 25px 0 0 0;
    min-height:393px;
    width:537px;
}

#sec-contato form label{
    background:transparent none repeat scroll 0 0;
    display:block;
}

#sec-contato form span{
    display:block;
    font-weight:bold;
    padding:9px 0 1px;
    text-transform:uppercase;
}
#sec-contato form input{
    height:21px;
    width:262px;
}

#sec-contato form textarea{ width:532px; height:161px;}
#sec-contato form .submit{
    background:transparent url(../images/buttons.png) no-repeat scroll 0 -84px;
    cursor:pointer;
    float:right;
    height:28px;
    margin:8px 0 0;
    text-indent:-9000px;
    width:96px;
}
#sec-contato form .submit:hover { background-position:0 -112px }
#sec-contato form .submit:focus { background-position:0 -140px }

#sec-contato form .error{
    background:#16121B none repeat scroll 0 0;
    color:#959A9E;
    display:block;
    float:right;
    height:17px;
    margin:-29px 0 0 0;
    padding:6px;
    width:256px;
    text-transform:none;
}

#sec-contato #telefones{
    display:block;
    float:right;
    margin:33px  0 0;
    position:relative;
    width:381px;
    color: #4a464d;
}

#sec-contato #telefones span{
    font-weight:bold;
    color:#ffffff;
}





/*******************************************************************************
                                eventos.html
********************************************************************************/


.content h2#eventos{
    background: transparent url(../images/pg-eventos.png) no-repeat left center;
    margin-bottom: 29px;
}


.content h2#proxeventos {
    background:transparent url(../images/pg-proximos.png) no-repeat scroll left center;
    margin-bottom:29px;
}

.content h2#agendaeventos {
    background:transparent url(../images/pg-agenda.png) no-repeat scroll left center;
    margin-bottom:29px;
}

#list-eventos .evento {
    float:left;
    margin:0 0 35px;
    padding:0;
    width:100%
}

#list-eventos .evento h3 {
    float:left;
    font-size:24px;
    margin:0 0 10px 180px;
    padding:0;
    text-transform:uppercase;
}
#list-eventos .evento h3 a {
    color:#fefefe;
    width:auto;
}

#list-eventos .evento ul {
    float:left;
    width:100%;
}

#list-eventos .evento ul li {
    font-size:14px;
    line-height:17px;
    margin-left: 180px;
    padding:0;
}

#list-eventos .evento ul li span{
    font-weight:bold;
    margin:0 4px 0 0;
    text-transform:uppercase;
}

#list-eventos .evento li.img {
    margin:-30.5px 0 0 0;
    position:absolute;
}

#list-eventos .agenda ul li,
#list-eventos .agenda h3 { margin-left:0 !important }

.browserIE7 #list-eventos .evento li.img { margin:-31px 0 0 -180px }

/* A miniatura está substituindo essa parte de código
#list-eventos div.evento img{
    height: 130px;
}
*/

#list-eventos .evento li.img a {
    background:transparent url(../images/evento-img_bg.png) repeat scroll 0 0;
    float:left;
    height:130px;
    padding:8px;
    margin: 0 15px 0 0;
}
#list-eventos .evento li.img a:hover { background-position:0 -147px; }

#list-eventos .evento ul li.detalhes a {
    background: transparent url(../images/buttons.png) no-repeat scroll left 0;
    cursor:pointer;
    display:block;
    height:26px;
    margin:16px 0 0;
    padding:0;
    text-indent:-9000px;
    width:94px;
}
#list-eventos .evento ul li.detalhes a:hover { background-position:0 -28px; }
#list-eventos .evento ul li.detalhes a:focus { background-position:0 -56px; }


 /*******************************************************************************
                                detalhes evento.html
********************************************************************************/

#detail-evento {
    color: #58565f;
}
#detail-evento div#info{
    float:left;
    margin:0 15px 0 0;
    width:47%;
}

#detail-evento div#extra{
    float:right;
    margin-top:34px;
    width:50%;
}
/* pague seguro
------------------------------------- */
div#extra form input{
    float:left;
	display:block;
	width:209px;
	height:48px;
	margin:5px 0;
}



#detail-evento h3{
    display:block;
    height:18px;
    margin:0 0 18px;
    padding:0;
    text-transform:uppercase;
    width:435px;
    color:#FFFFFF;
    font-size:24px;
}
#detail-evento a.imagem {
    background: transparent url(../images/pg-evento-img-bg.png) repeat scroll 0 0;
    display:block;
    height:229px;
    width:451px;
}
#detail-evento a.imagem:hover { background-position:0 -252px; }
#detail-evento a.imagem img{
    clip:rect(10px, 443px, 221px, 0px);
    display:block;
    float:left;
    overflow:hidden;
    padding:8px;
    position:absolute;
    width:435px;
    z-index:5;
}
#detail-evento p{
    font-size:14px;
    line-height:17px;
    margin:17px 0 0;
    width:451px;
}
#detail-evento  p span{
    font-weight:bold;
    margin:0 4px 0 0;
    text-transform:uppercase;
}
#detail-evento  p.dados{
    float: left;
    margin:0;
}

#detail-evento .mais-info{
    background: transparent url(../images/pg-evento-tit-bg.png) no-repeat scroll 24px 27px;
    float:right;
    width:474px;
    margin: 16px 0 0 0;
}

#detail-evento .mais-info ul{
    float:right;
    width:474px;
}
#detail-evento .mais-info ul li{
    float:right;
    width:474px;
}
#detail-evento #ingressos h4{
    background:transparent url(../images/pg-evento-tit-ingressos.png) no-repeat scroll 8px 8px;
}
#detail-evento #galeria h4{
    background:transparent url(../images/pg-evento-tit-galeria.png) no-repeat scroll 8px 8px;
}
#detail-evento #mesas h4{
    background:transparent url(../images/pg-evento-tit-mesas.png) no-repeat scroll 8px 8px;
}
#detail-evento #venda h4{
    background:transparent url(../images/pg-evento-tit-venda.png) no-repeat scroll 8px 8px;
}
#detail-evento #patrocinio h4{
    background:transparent url(../images/pg-evento-tit-patrocinio.png) no-repeat scroll 8px 8px;
}
#detail-evento #mesas img{
    width:474px;
    margin:6px 0 0;
}
#detail-evento .mais-info h4 {
    background-color:#3F3319 !important;
    float:right;
    height:27px;
    margin:0 0 14px;
    padding:0;
    text-indent:-9000px;
    width:100%;
}

#detail-evento #ingressos dt {
    background:#141415 none repeat scroll 0 0;
    display:block;
    float:left;
    font-weight:bold;
    height:22px;
    line-height:22px;
    margin:4px 4px 0 0;
    padding:0 0 0 4px;
    text-transform:uppercase;
    width:382px;
}
#detail-evento #ingressos dt span{
    text-transform:none;

}
#detail-evento #ingressos dd {
    background:#141415 none repeat scroll 0 0;
    color:#654F1E;
    float:right;
    font-weight:bold;
    height:22px;
    line-height:22px;
    margin:4px 0 0;
    padding:0;
    text-align:center;
    width:84px;
}

#detail-evento #galeria ul li a , #detail-evento #patrocinio ul li a{
    background:transparent url(../images/pg-evento-gal-bg.png) repeat scroll 0 0;
    display:block;
    height:75px;
    overflow:hidden;
    padding:6px;
    width:102px;
}

#detail-evento #galeria ul, #detail-evento #patrocinio ul {
    width:480px;
    margin: 6px 0 0 0;
}
#detail-evento #galeria ul li, #detail-evento #patrocinio ul li {
    float:left;
    height:auto;
    margin:0 0 0 6px;
    padding:0;
    width:auto;
}

#detail-evento #venda ul{
    font-size:15px;
    font-weight:bold;
    margin:8px 0 0;
}
#detail-evento #venda ul li{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:disc;
    padding:0;
}


/*******************************************************************************
                                flatpage.html
********************************************************************************/

#flatpage h2#flatpage-title {

}
#flatpage div {
    border-bottom:1px dotted;
    margin:0 0 15px;
    padding:0 0 10px;
}
#flatpage div p{
    padding:10px 0;
}