/* CSS Biopower By Bob Correia */


*{
border:none;}

body {
   background:url(../images/fundo.jpg);
   margin-top:0;
   margin-left:0;}
   
 
  #principal {
   width:834px;
   height:968px;
   float:center;
   
  }
  
    #principal_cursos {
   width:834px;
   height:942px;
   float:center;
   
  }
  
  
    #principal_profissionais {
   width:834px;
   height:745px;
   float:center;
   
  }
  
   #principal_pilates {
   width:834px;
   display:table;
   float:center;
   
  }
  
  
     #principal_yoga {
   width:834px;
   height:1610px;
   float:center;
   
  }
  
  #topo {
   width:834px;
   height:383px;
   float:left;
   background:url(../images/topo.jpg);
  }
  
    #roxo {
   width:834px;
   height:39px;
   float:left;
   background:url(../images/roxo2.jpg);
  }
  
  
      #azul {
   width:834px;
   height:238px;
   float:left;
   background:url(../images/azul.jpg);
  }
  
  
  #azul_esq {
   width:484px;
   height:238px;
   float:left;
   
   }
   
     #azul_esq_tx {
   width:448px;
   height:195px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-align:justify;
   margin-top:50px;
   margin-left:25px;
   line-height:17px;
   _margin-left:12px;
   
   }
   
   
     #azul_dir {
   width:340px;
   height:238px;
   float:left;
   
   }
  
  
       #azul_dir_tx {
   width:317px;
   height:195px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-align:justify;
   margin-top:10px;
   margin-left:15px;
   margin-top:50px;
   line-height:15px;
   _margin-left:9px;
   
   }
    
      #academia {
   width:834px;
   height:170px;
   float:left;
   background:url(../images/academia.jpg);
  }
  
  
      
      #rodape {
   width:834px;
   height:120px;
   float:left;
   background:url(../images/rodape.jpg);
  }
  
   #rodape_um {
   width:834px;
   height:55px;
   float:left;
  }
  
     #rodape_blog {
   width:834px;
   height:55px;
   float:left;
   border:none;}
   
#rodape_blog a; #rodape_blog img{
border:none;
text-decoration:none;}
  
   #blog_novo {
   width:388px;
   height:55px;
   float:left;
   margin-left:100px;
   _margin-left:50px;
  }
  
     #rodape_dois {
   width:484px;
   height:48px;
   float:left;
   margin-left:4px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:10px;
   text-align:center;
   padding-top:7px;
   line-height:17px;
  }
  
  
   #rodape_tres {
   width:190px;
   height:55px;
   float:left;
   
   }
   
   
     #rodape_quatro {
   width:145px;
   height:55px;
   float:left;
   
   }
  
  
  #bio_um {
   width:834px;
   height:120px;
   float:left;
   }
   
     #bio_dois {
   width:271px;
   height:120px;
   float:left;
   }
   
        #bio_tres {
   width:562px;
   height:120px;
   float:left;
   }
   
   #bio_quatro {
   width:562px;
   height:60px;
   float:left;
   }
   
    #menu{
   width:562px;
   height:59px;
   float:left;
   }
   
   
   /* Home */
   
   
    #destaques {
   width:834px;
   height:185px;
   float:left;
   background:url(../images/destaques.jpg);
  }
  
     
   .qd_destaques {
   width:274px;
   height:186px;
   float:left;
   
   }
   
   
     .qd_destaques_dois {
   width:279px;
   height:186px;
   float:left;
   
   }
  
      .destaques_um {
   width:250px;
   height:122px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:10px;
   text-align:left;
   margin-top:30px;
   margin-left:20px;
   _margin-left:10px;
   }
   
   
   
    .destaques_dois {
   width:180px;
   height:122px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:10px;
   text-align:left;
   margin-top:30px;
   margin-left:15px;
     _margin-left:7px;
   }
   
      #joseph {
   width:317px;
   height:195px;
   float:left;
   }
   
    #bem {
   width:834px;
   height:261px;
   float:left;
   background:url(../images/bem-vindo.jpg);
  }
  
      #confirma {
   width:834px;
   height:261px;
   float:left;
   background:url(../images/confirma.jpg);
  }
  
   #qd_bem {
   width:488px;
   height:261px;
   float:left;
  }
   
   
   
      #qd_bem_dois {
   width:337px;
   height:261px;
   float:left;
  }
   
   
   
   #joseph {
   width:317px;
   height:195px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-align:justify;
   margin-top:10px;
   margin-left:23px;
   margin-top:50px;
   line-height:15px;
   _margin-left:13px;
   
   }
   
   
/* Pilates */


   #qd_pilates {
   width:834px;
   display:table;
   float:left;
   background:url(../images/mestre.jpg);
  }
   
   
   #lin_pilates {
   width:834px;
   display:table;
   float:left;
   
   }
   
   
   #foto_pilates {
   width:134px;
   height:239px;
   float:left;
   margin-left:18px;
   _margin-left:10px;
   }
   
   
      #tx_pilates {
   width:650px;
   display:table;
   float:left;
   margin-left:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:11px;
   text-align:justify;
   margin-top:37px;
  
   }
   
   
   
   #tx_pilates_dois {
   width:793px;
   display:table;
   float:left;
   margin-left:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:11px;
   text-align:justify;
   margin-top:50px;
   padding-bottom:20px;
   margin-left:18px;
   line-height:15px;
     _margin-left:10px;
   }
   
   
   #qd_roxo {
   width:834px;
   height:290px;
   float:left;
   background:url(../images/roxinho.jpg);
   
  }
  
  
  
     #tx_roxo {
   width:793px;
   height:220px;
   float:left;
   margin-left:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:11px;
   text-align:justify;
   margin-top:10px;
   margin-left:21px;
     _margin-left:10px;
   }
   
     
     #tit_roxo {
   width:793px;
   height:30px;
   float:left;
   margin-left:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:17px;
   text-align:justify;
   margin-top:10px;
   margin-left:21px;
   font-weight:bold;
   _margin-left:10px;
   }
  
  
     #qd_foto {
   width:834px;
   height:400px;
   float:left;
   background:url(../images/painel.jpg);
  }
  
  .lin_foto {
   width:834px;
   height:108px;
   float:left;
   margin-top:17px;
   }
   
     .im_pilates {
   width:139px;
   height:108px;
   float:left;
   margin-left:22px;
  _margin-left:15px;
   }
  
  /*Profissionais */
   
   
      #qd_profissionais {
   width:834px;
   height:230px;
   float:left;
   background:url(../images/mestre.jpg);
  }
  
  
  #qd_profissionais_um {
   width:471px;
   height:210px;
   float:left;
  
  }
  
  
    #qd_profissionais_dois {
   width:355px;
   height:210px;
   float:left;
  
  }
  
    #tx_profissionais_um {
   width:447px;
   height:210px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:10px;
   text-align:left;
   margin-left:20px;
   margin-top:10px;
   line-height:17px;
   _margin-left:10px;
  }
  
  
      #tx_profissionais_dois {
   width:336px;
   height:210px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:10px;
   text-align:left;
   margin-left:20px;
   margin-top:10px;
   line-height:17px;
  _margin-left:10px;
  }
  
  /* Yoga */
  
  
   #qd_yoga {
   width:834px;
   display:table;
   float:left;
   background:url(../images/mestre.jpg);
  }
  
  
       #qd_foto_yoga {
   width:834px;
   height:520px;
   float:left;
   background:url(../images/painel.jpg);
  }
  
  
   .det_yoga {
   width:121px;
    display:table;
   float:left;
   margin-left:35px;
   _margin-left:20px;
   }
   
      .det_yoga_dois {
   width:213px;
   display:table;
   float:left;
   margin-left:30px;
   }
   
         .det_yoga_tres {
   width:212px;
    display:table;
   float:left;
   margin-left:30px;
   }
  
  
  
    #lin_yoga {
   width:834px;
    display:table;
   float:left;
   margin-top:30px;
   }
   
   
       #lin_yoga_dois {
   width:834px;
    display:table;
   float:left;
   margin-top:30px;
   }
   
   
   #um_yoga {
   width:307px;
   display:table;
   float:left;
   margin-left:50px;
   _margin-left:30px}
   
   
     #dois_yoga {
	width:376px;
	display:table;
	float:left;
	margin-left:50px;}
  
  
  #form {
 width:289px;
 height:200px;
 float:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 margin-top:30px;
 color:#003399;
 margin-left:20px;




}

/* LABEL */
label {
     display: block; /* DEIXANDO UM ACIMA DO OUTRO */
     margin: 15px 0 5px 0; /* ESPAO ACIMA E ABAIXO */
}

/* FORMATANDO OS IDENTIFICADORES DOS CAMPOS */
label span {
     display: block;
     width: 80px;
     margin-top: 2px;
	 float:left;
}

/* FORMATANDO INPUT, SELECT E TEXTAREA */
input, textarea, select {
     color: #336699;
     width: 200px;
     border: solid 1px  #0066FF;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	
	 
}

/* SELECT COM LARGURA AUTOMTICA */
select {
     width: auto;
}

textarea {
     height: 50px;
     overflow: auto; /* BARRA DE ROLAGEM AUTOMTICA */
}

/* FORMATAO DO BOTO */
button {
     background:#000099;
     color: #FFF;
     font-weight: bold;
     border: none;
	 float:left;
	 margin-left:155px;

}
a:link {
	color: #0099CC;
}
a:visited {
	color: #FF6600;
}
a:hover {
	color: #FF6600;
}  