/********************************************
    CSS Nome do site
    Estrutura Principal
********************************************/

/********************************************
    Style Reset by Eric Meyer
    meyerweb.com
********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

body { font: normal normal 11px/15px Verdana, Helvetica, Arial, sans-serif; color: #fff; background: url(../images/paper_bg.jpg) repeat center center; }
p { margin-bottom: 10px; }
a { text-decoration: underline; color: #433612; }
  a:hover { text-decoration: none; color: #433612; }
  a:visited { color: #433612; }
strong { font-weight: bold; }
strong em { font-weight: bold; text-decoration: underline; font-style: normal; }
em { font-style: italic; }
  
/********************************************
    Estrutura
********************************************/
h1 { display: block; text-indent: -9999px; width: 447px; height: 123px; position: absolute; left: 47px; top: 98px; }
  h1 a { display: block; width: 447px; height: 123px; }
p#subtitle { display: none; }

#outer-container { width: 900px; height: 700px; margin: 0 auto; background: url(../images/main_bg.jpg) no-repeat left top; position: relative; }
#outer-container.intro_container { background: url(../images/intro_bg.jpg) no-repeat left top; }
#outer-container.intro_container #ethos-banner { display: none; }
  #inner-container { width: 800px; height: 690px; position: absolute; top: 10px; left: 50px; }
    #ethos-banner { position: absolute; top: 25px; left: 50px; }
    #menu { width: 190px; height: 205px; margin-top: 270px; margin-left: 50px; font: normal normal 13px/18px "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; }
      #menu a { color: #5E502A; text-decoration: none; }
      #menu ul { display: none; position: absolute; z-index: 100; }
        #menu ul li { font-weight: normal; }
      #menu span { display: none; position: absolute; z-index: 99; }
      #menu li.participantes span,
      #menu li.formato span { width: 147px; height: 88px; background: url(../images/menu1_bg.png) no-repeat left top; }
      #menu li.participantes ul,
      #menu li.formato ul { padding-left: 30px; padding-top: 17px; width: 117px; height: 71px; }
      #menu li.temas span { width: 232px; height: 108px; background: url(../images/menu2_bg.png) no-repeat left top; }
      #menu li.temas ul { padding-left: 27px; padding-top: 17px; width: 205px; height: 91px; }
      #menu li.premiacao span { width: 145px; height: 102px; background: url(../images/menu3_bg.png) no-repeat left top; }
      #menu li.premiacao ul { padding-left: 30px; padding-top: 15px; width: 115px; height: 87px; }
      #menu li.anteriores span { width: 145px; height: 176px; background: url(../images/menu4_bg.png) no-repeat left top; }
      #menu li.anteriores ul { padding-left: 30px; padding-top: 18px; width: 115px; height: 158px; }
      
#premio li.premio,
#participantes li.participantes,
#regulamento li.regulamento,
#inscricoes li.inscricoes,
#formato li.formato,
#temas li.temas,
#julgamento li.julgamento,
#premiacao li.premiacao,
#anteriores li.anteriores,
#divulgue li.divulgue,
#blog li.blog,
#mail li.mail,
#menu ul li.active { font-weight: bold; }

/********************************************
    Conteudo
********************************************/
#intro #menu { display: none; }

#video-content { width: 720px; height: 480px; position: absolute; top: 13px; left: 40px; overflow: hidden; z-index: 1000; }
  #video-content a { font-size: 18px; margin-top: 240px; display: block; text-align: center; line-height: 24px; }

#home-content { width: 470px; height: 210px; position: absolute; top: 265px; left: 315px; overflow: hidden; }
  .home-content-box { width: 225px; height: 95px; position: absolute; }
  #home-content-1 { top: 0; left: 0; }
  #home-content-2 { top: 0; left: 245px; }
  #home-content-3 { top: 105px; left: 0; }
  #home-content-4 { top: 105px; left: 245px; }

#section-title { position: absolute; top: 241px; left: 315px; font: normal bold 14px/16px "Arial Narrow", "Helvetica", Arial, sans-serif; color: #5e502a; text-transform: uppercase; }
#content { width: 460px; height: 210px; position: absolute; top: 265px; left: 315px; overflow: auto; }
  .content-title { font: normal bold 12px/16px "Arial Narrow", "Helvetica", Arial, sans-serif; color: #5e502a; text-transform: uppercase; margin-bottom: 5px; }
  #content h3 { font-size: 12px; font-weight: bold; color: #5e502a; padding-top: 10px; margin-bottom: 10px; }
    #content h3.first { padding-top: 0; }
  #content h4 { font-weight: bold; margin-bottom: 10px; padding-top: 5px; }
  #content h5 { font-weight: normal; text-decoration: underline; margin-bottom: 10px; }
  #content ul,
  #content ol { margin-bottom: 10px; list-style: square inside; }
  #content blockquote { margin-bottom: 10px; font-style: italic; }
    #content blockquote p { margin-bottom: 5px; }
    #content blockquote p.author { margin-bottom: 0; font-style: normal; }
    
  #extras #content .testemonial-head { margin-bottom: 20px; }
  #extras #content blockquote { margin-bottom: 20px; font-style: italic; }
    #extras #content blockquote p { margin-bottom: 5px; padding-right: 10px; }
    #extras #content blockquote p.author { margin-bottom: 0; font-style: normal; font-size: 11px; text-align: right; padding: 0 10px 0 80px; }
    
/********************************************
    Footer
********************************************/
#footer { width: 800px; height: 140px; position: absolute; top: 510px; left: 0; font-size: 9px; line-height: 10px; color: #45360e; }
  h3#realizacao,
  h3#patrocinio,
  h3#apoio { font-size: 10px; position: absolute; color: #45360e; line-height: 12px; text-transform: lowercase; }
  h3#realizacao { top: 13px; left: 31px; }
  h3#patrocinio { top: 13px; left: 238px; }
  h3#apoio { top: 77px; left: 31px; }
  .logo-list { position: absolute; }
    .logo-list li { float: left; margin-right: 20px; }
  #realizacao-list { top: 31px; left: 31px; }
    #realizacao-list li { margin-right: 20px; }
  #patrocinio-list { top: 31px; left: 238px; }
    #patrocinio-list li { margin-right: 20px; }
  #apoio-list { top: 98px; left: 31px; }
    #apoio-list li { margin-right: 20px; }
  #disclaimer { width: 465px; height: 40px; position: absolute; top: 70px; left: 320px; margin-bottom: 0; }
  #elefante-link { width: 23px; height: 23px; position: absolute; left: 763px; top: 143px; display: block; text-indent: -9999px; }
  .dpaschoal { margin-top: -5px; }