body{
      background: url(img/bkg.jpg) top center repeat-y;
      padding: 0px;
      margin: 0px;
      font-family: Verdana,Arial,Helvetica;
      font-size:12px;
    }

img{ border: 0px; }

a{ 
  text-decoration:none;
  color: white;
}

a:hover{
  color: silver;
}

  /* itens para renderizar o menu em abas */
    #header {
      float:left;
      width:100%;
      /* background:#DAE0D2 url("img/bg.gif") repeat-x bottom; */
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("img/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #header a {
      float:left;
      display:block;
      background:url("img/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#CCC;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#FFF;
      }
    #header #current {
      background-image:url("img/left_on.gif");
      border-width:0;
      }
    #header #current a {
      background-image:url("img/right_on.gif");
      color:#DDD;
      padding-bottom:5px;
      }
  /* fim do menu em abas */



    /* para aparecer o logotipo */
    h1.titulo{
      padding:0px;
      margin:0px;
      width:100%;
      height:235px;
      background: url(img/title.jpg) bottom center repeat-x;
    }

    /* esconde o span */
    h1.titulo span{ display:none; }
    /* o Logotipo apareceu */


    .conteudo{
      width:530px;
      margin:-80px auto 0px auto;
      padding:4px;
      border:0px;
    }

  


      p, h1, form, button{border:0; margin:0; padding:0;}

          /* ----------- My Form ----------- */
          .meuformulario{
            margin:0 auto;
            width:500px;
            padding:14px;
            clear:both;
          }

          /* ----------- estilo, juntamente com o Layout ----------- */
          #estilo{
            width:500px;
            border:solid 0px #111;
            background:#333;
            clear:both;
          }
          #estilo h1 {
            font-size:14px;
            font-weight:bold;
            margin-bottom:8px;
            color:#EEF;
          }
          #estilo p.legenda{
            font-size:11px;
            color:#AAA;
            margin-bottom:20px;
            border-bottom:solid 1px #CCC;
            padding-bottom:10px;
          }

          #estilo form fieldset{
            border:1px solid #666;
            color:#ccc;
            text-align:right;
          }
   

          #estilo form fieldset label{
            display:block;
            font-weight:bold;
            text-align:right;
            width:140px;
            float:left;
            color:#E0E0FF;
          }

          #estilo form fieldset input:hover, 
          #estilo form fieldset input:focus,
          #estilo form fieldset textarea:hover,
          #estilo form fieldset textarea:focus{
            background:#CCD;
          }

          #estilo form fieldset label span{
            color:#AAA;
            display:block;
            font-size:11px;
            font-weight:normal;
            text-align:right;
            width:140px;
          }

          #estilo form fieldset input, 
          #estilo form fieldset textarea{
            float:left;
            font-size:12px;
            padding:4px 2px;
            border:solid 1px #CCC;
            width:300px;
            margin:2px 0 20px 10px;
          }
          #estilo form fieldset button{
            clear:both;
            margin-bottom: 10px;
            width:125px;
            height:26px;
            background:#666666 url(img/button.png) no-repeat;
            text-align:center;
            line-height:26px;
            display:inline;
            color:#FFFFFF;
            font-size:11px;
            font-weight:bold;
          }

    #estilo form#exemplo fieldset a{text-decoration:none;}

    #estilo form#exemplo fieldset a b,
    #estilo form#exemplo fieldset a span {
    	position:fixed;
    	left:-10000px;
        font-family:Verdana;
        clear:both;
        font-size:10px;
        background:white;
        text-decoration:none;
        color:#777;
	}

    #estilo form#exemplo fieldset a:hover b,
    #estilo form#exemplo fieldset a:focus b {
    	position:fixed;
    	top:25%;
    	left:30px;
        padding:10px;
        border:1px solid black;
	}

    #estilo form#exemplo fieldset a:hover b * {
        text-align:left;
        }

    #estilo form#exemplo fieldset p {
        text-align:left;
        clear:left;
        display:block;
        padding:10px;
        } 

    #estilo div {
        text-align:left;
        color:#999;
        padding:0px 10px 10px 10px;
        font-size:10px;
        } 

    #estilo div p {
        text-indent:15px;
        padding:3px;
        } 


          address{
            padding:10px 20px;
          }

          address p{ 
            padding:10px 20px 0px 0px;
            text-align:right;
            color:#AAA;
          }



/*
  * Itens para o hCard (Microformat para cartão de visita)
*/

#hcard-Juliano-Marcon img{ display: none; }
#hcard-Juliano-Marcon{
   margin-left:50%;
   width:50%;
}

#hcard-Juliano-Marcon a.fn, #hcard-Juliano-Marcon .geo{
   display:none;
}

#hcard-Juliano-Marcon .adr, #hcard-Juliano-Marcon .adr span{
   margin:0px;
   padding: 0px;
   text-indent: 0px;
}

address {
   border-top: 1px solid white;
   clear:both;
}

.ptf{
   float:left;
   margin:5px;
}

.ptf img{
	width:200px;
    height:200px;
}