/* 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; zbackground:url(../img/body-bg.gif); }

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


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

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

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

#side { width:250px; float:left; height: 800px; margin-top: -4px;}
#side { *margin-top: -24px;}
#content { min-height:686px; padding:43px 0 0 0; width:600px;}

#footer { height:64px; left:63px; zposition:relative; }
#col_top { width:261px; height:420px; float:left; background: url(../img/side_01.jpg) no-repeat; }
#col_top_interna { width:261px; height:420px; float:left; }
#col_down {width:261px; height:429px; float:left; background: url(../img/side_interna.jpg) no-repeat;}
#cont_home {width:550px; height:839px; float:right; margin-top: 10px; background: url(../img/home.jpg) no-repeat;}
#cont_exibe {width:529px; height:839px; float:right; margin-top: 10px; }
#cont_detalhe {width:529px; height:839px; float:right; margin-top: 10px; background: url(../img/bg-detalhe.jpg) no-repeat;}
#cont_evento {width:529px; height:529px; float:right; margin-top: 154px; padding-top: 152px; background: url(../img/bg-evento.jpg) no-repeat;}
.abrasel_logo {width:89px; position:relative; top:92px; left:68px;}
p { margin:0 73px 1em 19px; color:#000; font-size:14px;}

fieldset { width:400px; border:0px; margin:44px 0 1em 0; padding:0 1em 1em 1em; }

fieldset p { margin:1em 0 0 0; color:#727272; }

legend { font-size:1.2em; font-weight:bold; padding:0 1em; color:#000; }
h5{ width: 407px; font-size:16px; text-align:left; color:#800d19; padding: 1px 0 7px 37px;}
/* ----- home -----  */

#home { background-color:#FFF; }
#home #content-home { width:790px; height:776px; margin:0; padding:0 0 2em 0; background:url(../img/home-bg.jpg) no-repeat center top; position:relative; }
#home #content-home p { width:0px; margin:440px 0 0 280px; font-size:1.2em; line-height:1.5em; }
#home h1 { text-indent:-90000px; }
#home form { position:relative; left:26px; top:50px; width: 227px; }
#home form h2 { width:165px; height:23px; text-indent:-99999px; margin:0 0 3px 0; }
#home form .campo { zfloat:left; zmargin:0 3px 0 0; display:inline; }
#home form .campo label { display:block; }
#home form .campo select { width:162px; color:#000; margin:0 0 15px 0; background-color:#fff;}
#home form .campo input { margin:0 0 0 5px; *margin:0 0 15px 0; }
#home #evento {width:150px; height:23px; position:absolute; left:350px; top:440px; }
#home #sobre { position:relative; left:42px; top:48px; z-index:100;}
#home #evento a { width:130px; }
#home #footer {height:0px;  margin:0 auto; margin-top:550px; position:relative; }
#home #container { width:811px; margin:0 auto; margin-top:0px; }
#home #amigos {width:89px; height:99px; position:absolute; left:695px; top:380px; }
#home #mpa_logo {width:89px; float:rigth; padding-left:20px; padding-top:40px; }

/* ----- 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:420px; top:10px; /*background: url(../img/sobre-ev-bg.gif) no-repeat;*/ }
#header #evento a { margin:27px 0 0 35px; display:block; color:#FFFFFF; font-weight:bold; font-size:16px; /*text-decoration:underline;*/ }

#header form { position:absolute; left:280px; top:115px; }
#header form h2 { width:180px; 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 #abrasel_logo {width:89px; position:relative; top:-95px; left:73px;}
#side #content-home { width:790px; height:776px; margin:0; padding:0 0 2em 0;  position:relative; }
#side #sobre { position:relative; left:42px; top:57px; z-index:100;}
#side h2 { font-size:30px; float:right; padding:73px 0 10px 12px; color:#800d19; }
#side ul { width:182px; margin:0 0 0 5px; padding:1em 0 2em 0; background: url(../img/side-ul-last.png) 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:61px 0 28px -5px; }
#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; }
#side form { left: 26px; position: relative; top: -99px; width: 227px;}
#side form h2 { width:165px; height:23px; text-indent:-99999px; margin:0 0 3px 0; }
#side form .campo { zfloat:left; zmargin:0 3px 0 0; display:inline; }
#side form .campo label { display:block; }
#side form .campo select { width:162px; color:#000; margin:0 0 15px 0; background-color:#fff;}
#side form .campo input { margin:0 0 0 1px; float: none; *margin:0 0 15px 0;}

#col_down form { position:relative; left:26px; top:50px; width: 227px; }
#col_down form h2 { width:165px; height:23px; text-indent:-99999px; margin:0 0 3px 0; }
#col_down form .campo { zfloat:left; zmargin:0 3px 0 0; display:inline; }
#col_down form .campo label { display:block; }
#col_down form .campo select { width:162px; color:#000; margin:0 0 15px 0; background-color:#fff;}
#col_down form .campo input { margin:0 0 0 5px; *margin:0 0 15px 0; }
#col_down #evento {width:150px; height:23px; position:absolute; left:350px; top:440px; }
#col_down #sobre { position:relative; left:42px; top:48px; z-index:100;}
#col_down #evento a { width:130px; }
#cont_evento h2 { font-size:30px; float:right; padding:0 0 10px 12px; margin-top: -228px; color:#800d19; *padding-top:10px; *height:35px;}
#cont_detalhe h2 { font-size:30px; float:right; padding:0 0 10px 12px; margin-top: -228px; color:#800d19; }


/* ----- content ----- */
#content h2 { font-size:30px; padding-bottom: 33px; padding-left: 235px; width: 333px; color:#800d19; *padding-top: 10px;}
#content h3 { font-size:1.6em; font-weight:normal; color:#000; text-align:center; margin:1em 0 .5em 0; }
#content h3 span { font-size:1em; color:#000; text-align:left; font-weight:normal; margin:1em 0 .5em 0; display:block; }
#content h4 { font-size:18px; color:#800D19; text-align:left; font-weight: bold; margin: 216px 0 13px 37px; text-transform: uppercase; *padding-top:50px; }
#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 -5px 0 7px; display:inline; }
#content #menu-alfa li a, #content #menu-alfa li strong, #content #menu-alfa li span { display:block; padding:2px 2px 0 5px; font-size:14px; }
#content #menu-alfa li a:link, #content #menu-alfa li a:visited { color:#757575;}
#content #menu-alfa li a:hover, #content #menu-alfa li a:active { color:#800d19;}

#content #menu-alfa li strong { color:#FFF; background:#800d19; border-bottom:1px solid #800d19; border-right:1px solid #800d19; }
#content #menu-alfa li span { color:#000; }
#content legend { font-size:14px; font-weight:bold; text-align:left; color:#800d19; text-transform: uppercase; padding: 16px 0 2px 0;}
#conteudo {min-height:850px;}
#conteudo h4{ font-size:18px; font-weight:bold; text-align:left; color:#800d19; text-transform: uppercase; padding: 196px 0 2px 54px;}
#conteudo h5{ font-size:16px; text-align:left; color:#800d19; padding: 1px 0 7px 54px;}
#exibe #abrasel_logo {width:89px; position:relative; top:-92px; left:61px;}
#exibe #content-home { width:790px; height:776px; margin:0; padding:0 0 2em 0;  position:relative; }
#exibe #sobre { position:relative; left:42px; top:56px; z-index:100;}
#exibe h2 { font-size:30px; float:right; padding:73px 0 10px 12px; color:#800d19; }
#exibe ul li { margin:0 12px; background: url(../img/bullet-li.gif) no-repeat left center; }
#exibe ul li a { display:block; padding:0 15px; }
#exibe ul li a:link, #side ul li a:visited { color:#EF631A; }
#exibe ul li a:hover, #side ul li a:active { color:#630; }
#exibe img { display:block; margin:57px 1px 28px 3px; }
#exibe 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; }
#exibe form { left: 26px; position: relative; top: -100px; width: 227px;}
#exibe form h2 { width:165px; height:23px; text-indent:-99999px; margin:0 0 3px 0; }
#exibe form .campo { zfloat:left; zmargin:0 3px 0 0; display:inline; }
#exibe form .campo label { display:block; }
#exibe form .campo select { width:162px; color:#000; margin:0 0 15px 0; background-color:#fff;}
#exibe form .campo input { margin:0 0 0 1px; float: none; *margin:0 0 15px 0;}
#bares {position: absolute; top: 1px; left: 1px;}
#content #bar-list { margin:1em -20px 1em 14px; float:left; display:inline; }
#content #bar-list li { float:left; margin:0 20px .5em 0; display:inline; }
#content #bar-list li a { width:513px; height:50px; text-align:left; color:#800d19; text-transform:uppercase; padding:10px 0 0 30px;  display:block; font-size:1.4em; }
#content #bar-list li a:link, #content #bar-list li a:visited { background:url(../img/base-restaurante.png) 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 { margin: 0 36px 0 55px; text-align: left; width: 407px; }
#content #destaque img { margin-top: -22px; }
#content #destaque p {color:#727272; font-size:1.2em; margin:0 0 .3em -17px; }
#content #destaque p span { display:block; }
#content #destaque p.end { font-size:1.2em;}
#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%; color:#fff; font-size:14px; text-align:left; }
#content form .campo .largo { width:401px; }
#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:right; 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; }
.voltar img{ margin: 15px 75px 0 0; z-index:100;}

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


#form-votacao{margin-left: 25px;margin-top: 102px;}

#souza {width:89px; position:relative; top:139px; left:91px;}
#ambev {width:89px; position:relative; top:143px; left:91px; height: 30px;}
