/* reset */
* { margin:0; padding:0; }
a { color:#852; text-decoration:none; outline:0; }
ul { list-style:none; }
table { border-collapse:collapse; }
img { border:0; }

/*   clearfix   */
#side:after, #content:after
{ content:"."; display:block; clear:both; height:0; visibility:hidden; }


/* ----- geral ----- */

body { font: 76%/1.4em Arial, verdana, sans-serif; color:#000; background:url(../img/body-bg.gif); }

a:link, a:visited { color:#EF631A; }
a:hover, a:active { color:#630; }

#container { width:790px; margin:0 auto; margin-top:15px; background: url(../img/container-bg.jpg) repeat-y; }

#header { height:255px; margin:0 0 1em 0; background:url(../img/header-bg.jpg) no-repeat; position:relative; }

#side { width:250px; float:left; }

#content { width:460px;  min-height:250px; margin:-5em 0 1em 265px; padding:0 50px 0 0; position:relative; }

#footer { height:180px; background:url(../img/footer-bg.jpg) no-repeat; position:relative; }

p { margin:0 20px 1em 0; }

fieldset { width:400px; border:5px solid #C7BD9A; margin:0 0 1em 0; padding:0 1em 1em 1em; }

fieldset p { margin:1em 0 0 0; }

legend { font-size:1.2em; font-weight:bold; padding:0 1em; color:#630; }

/* ----- home -----  */

#home { background:url(../img/body-bg.gif); }
#home #content-home { width:790px; height:407px; margin:0; padding:0 0 2em 0; background:url(../img/home-bg) no-repeat center top; position:relative; }
#home #content-home p { width:460px; margin:440px 0 0 280px; font-size:1.2em; line-height:1.5em; }
#home h1 { text-indent:-90000px; }
#home form { position:absolute; left:10px; top:440px; }
#home form h2 { width:165px; height:23px; text-indent:-99999px; margin:0 0 3px 0; background:url(../img/tit-bares-particip.gif) no-repeat; }
#home form .campo { zfloat:left; zmargin:0 3px 0 0; display:inline; }
#home form .campo label { display:block; }
#home form .campo select { width:176px; color:#630; margin:0 0 5px 0; font-weight:bold; }
#home form .campo input { margin:0 0 0 5px; float: right; }
#home #evento {width:150px; height:23px; position:absolute; left:440px; top:440px; background:url(../img/evento.gif) no-repeat;}
#home #evento a { width:130px; height:30px; display:block; text-indent:-99999px; }
#home #footer { height:69px;  margin:120px 0 0 0; background:url(../img/footer.jpg) no-repeat; position:relative; }
#home #container { width:790px; margin:0 auto; margin-top:15px; background: url(../img/container.jpg) repeat-y; }
#home #amigos {width:89px; height:99px; position:absolute; left:695px; top:380px; background:url(../img/amigos.gif) no-repeat;}

/* ----- header ----- */
#header h1 { position:absolute; left:65px; top:50px;  }
#header h1 a { width:160px; height:160px; display:block; text-indent:-90000px; }

#header #evento { width:180px; height:80px; position:absolute; left:530px; top:55px; background: url(../img/sobre-ev-bg.gif) no-repeat; }
#header #evento a { margin:27px 0 0 35px; display:block; text-decoration:underline; }

#header form { position:absolute; left:280px; top:115px; }
#header form h2 { width:165px; height:23px; text-indent:-99999px; margin:0 0 .5em 0; background:url(../img/tit-bares-particip.gif) no-repeat; }
#header form .campo { float:left; margin:0 10px 0 0; display:inline; }
#header form .campo label { display:block; }
#header form .campo select { width:176px; color:#630; font-weight:bold; }
#header form .campo input { margin:18px 0 0 0; }


/* ----- side ----- */

#side h2 { font-size:1.6em; width:170px; height:30px; margin:0 0 0 25px; padding:33px 0 0 12px; color:#690; background:url(../img/side-h2-bg.jpg) no-repeat; }
#side ul { width:182px; margin:0 0 0 25px; padding:1em 0 2em 0; background: url(../img/side-ul-bg.jpg) repeat-y bottom center; }
#side ul li { margin:0 12px; background: url(../img/bullet-li.gif) no-repeat left center; }
#side ul li a { display:block; padding:0 15px; }
#side ul li a:link, #side ul li a:visited { color:#EF631A; }
#side ul li a:hover, #side ul li a:active { color:#630; }
#side img { display:block; margin:0 25px 0 42px; }

#side ul li.on a:link, #side ul li.on a:visited, #side ul li.on a:hover, #side ul li.on a:active  { color:#fff; background:#630; }

/* ----- content ----- */
#content h2 { font-size:2.5em; color:#c03; text-align:center; margin:0 0 1em 0;  }
#content h3 { font-size:1.6em; font-weight:normal; color:#690; text-align:center; margin:1em 0 .5em 0; }
#content h3 span { font-size:1em; color:#690; text-align:left; font-weight:normal; margin:1em 0 .5em 0; display:block; }
#content h4 { font-size:1.4em; color:#690; text-align:left; font-weight:normal; margin:1em 0 .5em 0; }
#content h4 span { width:196px; height:19px; text-align:center; text-indent:-99999px; margin:0 auto 1em auto; background:url(../img/tit-sua-nota.gif) no-repeat; display:block; }

#content #menu-alfa li { float:left; margin:0 1px 0 0; display:inline; }
#content #menu-alfa li a, #content #menu-alfa li strong, #content #menu-alfa li span { display:block; padding:2px .252em; font-size:.92em; }
#content #menu-alfa li a:link, #content #menu-alfa li a:visited { color:#630; background:#dfddcb; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#content #menu-alfa li a:hover, #content #menu-alfa li a:active { color:#fff; background:#ffc010; border-bottom:1px solid #f90; border-right:1px solid #f90;}

#content #menu-alfa li strong { color:#fff; background:#630; border-bottom:1px solid #630; border-right:1px solid #630; }
#content #menu-alfa li span { color:#999; background:transparent; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }

#content #bar-list { margin:1em -20px 1em 0; float:left; display:inline; }
#content #bar-list li { float:left; margin:0 20px .5em 0; display:inline; }
#content #bar-list li a { width:220px; height:60px; text-align:center; color:#EF631A;  padding:20px 0 0 0;  display:block; font-size:1.4em; }
#content #bar-list li a:link, #content #bar-list li a:visited { background:url(../img/bar-list-bullet-link.gif) no-repeat center bottom; } 
#content #bar-list li a:hover, #content #bar-list li a:active, #content #bar-list li.on { background:url(../img/bar-list-bullet-hover.gif) no-repeat center center; } 
#content #bar-list li a span { display:block; font-size:.8em; margin:.2em 0 0 0; color:#000; }

#content .anterior { width:74px; height:31px; float:left; margin:0 0 0 2em; display:inline; background:url(../img/btn-anterior.gif) no-repeat; }
#content .proxima { width:76px; height:35px; float:right; margin:0 5em 0 0; background:url(../img/btn-proxima.gif) no-repeat; }
#content .proxima, #content .anterior {display:block; text-indent:-99999px; }

#content #destaque { text-align:center; margin:0 0 1.5em 0; }
#content #destaque p { font-size:1.2em; margin:0 0 .3em 0; }
#content #destaque p span { display:block; }
#content #destaque p.end { font-style:italic; font-size:1em;}

#content #resultado-votacao dt { width:125px; border-bottom:1px solid #DBD3BC; color:#630; padding:5px 0 2px 0; display:inline; float:left; }
#content #resultado-votacao dd a { border-bottom:1px solid #DBD3BC; font-weight:bold; padding:5px 0 2px 0; display:block; }
#content #resultado-votacao dd a:link, #content #resultado-votacao dd a:visited { color:#000; }
#content #resultado-votacao dd a:hover, #content #resultado-votacao dd a:active { color:#630; }

#content #btn-convide { width:192px; height:43px; text-indent:-99999px; margin:1.5em auto 2.5em auto; display:block; background:url(../img/btn-convide.jpg) no-repeat; }

#content form .campo { float:left; display:inline; }
#content form fieldset .campo { width:90%; }
#content form .campo .largo { width:216px; }
#content form .center { margin:0 20px 0 0; }
#content form .campo label { display: block; font-weight:bold; margin:1em 0 .1em 0; }
#content form .campo textarea { width:400px; }
#content form .btn { clear:left; text-align:center; padding:2em 0 0 0; width:430px; }

#content .error_message { width:420px; color:#c03; border:1px solid #c03; margin:.5em 0; padding:.5em 10px .5em 30px; background:#ffc url(../img/admin/error.gif) no-repeat 8px 50%;; }

#flash-msg { padding:.5em 10px .5em 30px; margin-bottom:1em; background:#CAD0A0 url(../img/admin/accept.gif) no-repeat 8px 50%; color:#000; border:1px solid #690; }

#content .list  li { padding:0 0 .5em 10px; background:url(../img/bullet-list.gif) no-repeat left 5px; }

#content #paginacao { clear:both; }


/* ----- footer ----- */
#footer span { display:block; position:absolute; bottom:1.7em; left:1.5em; color:#555; }
#footer a { width:75px; height:50px; text-indent:-99999px; display:block; position:absolute; top:40px; right:20px;  }