*{ margin:0; padding:0;}
body{ background:#000;}
#box{width:1200px; margin:0 auto;}
#header{ width:1180px; float:left; padding:10px;}
#logo{ float:left;}
#menu{ float:right;}
#menu ul{ float:left; display:inline;}
#menu ul li{ float:left; list-style:none;}
#menu ul li a{ float:left; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; padding: 20px 10px 0 10px; font-weight:bold }
#menu ul li a:hover{ float:left; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F90; text-decoration:none; padding: 20px 10px 0 10px; font-weight:bold}
#banner{ float:left; width:1060px; height:400px; background:url(img/banner3.png); padding:70px; background-repeat:no-repeat}
#banner_biografia{ float:left; width:1200px; height:600px; background:url(img/biografia.png);}
#destaque{ float:left; width:1200px; background:#000;}
#destaque h1{ font: 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:15px; background:#F63;}
#destaque h2{ font: 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:10px 15px; }
#destaque h3{ font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:10px 15px; background:#333; }
#destaque p{padding: 5px 10px; background:#F00; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; float:right;}
#destaque-left{ float:left; width:580px; padding:10px;}
#destaque-right{ float:left; width:580px; padding:10px;}
#destaque img{ padding:10px;}
#video{ float:left; background:#000; width:500px; height:300px;}
#midias{ float:left; width:1150px; padding: 10px  0 70px 50px;}
#midias h2{ font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:5px 20px; }
#midias h3{ font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:3px 20px; }
#face{ float:left; background:url(img/title.png); background-repeat:no-repeat; width:380px; height:300px; }
#twitter{ float:left; background:url(img/title.png); background-repeat:no-repeat; width:380px; height:300px; }
#tube{ float:left; background:url(img/title.png); background-repeat:no-repeat; width:380px; height:300px;}

#patrocinador{ float:left; width:1200px; height:200px;}
#patrocinador h2{ font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:5px 20px; }


#multimidia{ float:left; width:1200px; height:900px; background:url(img/bk.png); background-repeat:repeat-x; }
#multimidia h1{ font: 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:15px; background:#F63;}
#multimidia h2{ font: 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:10px 15px; }

#multimidia ul{ display:block; float:left;}
#multimidia li { float:left; list-style:none;}

#videos{ width:560px; float:left; padding:20px;}
#fotos{ width:560px; float:left; padding:20px;}

#fotos ul{ float:left; display:inline;}
#fotos ul li{ width:90px; height:60px; list-style:none; background:#09C; margin:5px; border: 1px solid #000;}
#fotos ul li:hover{ width:90px; height:60px; list-style:none; background:#09C; margin:5px; border: 1px solid #FFF;}

#contato{ float:left; width:1200px; background:url(img/bak2.jpg);}
#contato h1{ font: 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:15px; background:#F63;}
#contato h2{ font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;}
#contato h3{ font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;}

#formulario{ float:right; padding:20px;}
.cont{ float: left; padding:40px}
.campo{ width:300px; padding:10px; background:#333; border: 1px solid #666;}
.text{ width:400px; height:100px; padding:5px; background:#333; border: 1px solid #666; }
.b1{ padding: 10px; background:#C30; font: 16px Verdana, Geneva, sans-serif; color:#FFF; font-weight:bold; border:1px solid #930;}