/* ===-----===   CSS Principal SUPERBIKES  ===------===
                         SUPERBIKES                 ===
                                                    ===
         Copyright:    © 2008, Francisco Rangel     ===
          Coded by:       Francisco R. Q. Junior    ===
                                                    ===
              http:    www.b1comunicacao.com.br     ===
              mail:juninho@b1comunicacao.com.br     ===
			  mail:francisco@whz.com.br             ===
                                                    ===
----------=== Vs. 1.0 - Jun/2008 | By Francisco  ---=== */

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
* html * { color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; 
if(who.nodeName != 'A'){  who.onmouseenter=function(){ who.className += ' hover'}; 
who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; } (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;} } )(this) , 'auto') }



html {height: 100%;}
body {margin:0px auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:url(../img/bg.jpg) #333333;}
a{color:#FFFFFF; font-weight:bold; padding:0px; margin:0px; text-decoration:none;}
a:hover{color:#CCCCCC; text-decoration:underline;}
img{border:0px;}
form{padding:0px; margin:0px; text-align:left;}
label{font-size:12px; display:block; float:left; min-width:50px; font-weight:bold; color:#FFFFFF;}
fieldset{border:0px; padding:0px; margin:0px;}

/*** ESTRUTURA BASICA ***/
#abertura{position:absolute; left:50%; top:50%; margin-left:-350px; margin-top:-200px;}
#container{width:988px; margin:0 auto;}
#topo{width:100%; height:85px; background:#000000;}
#topo div{background:url(../img/img_topo.jpg) no-repeat; text-align:right; height:85px; width:608px; float:right; color:#FFFFFF;}
#topo div a , #topo div font{ padding:5px 8px 0px 8px; display:block; float:right;}

#menu{background:url(../img/fundo_menu.jpg) repeat-x; height:32px;}
#menu a{height:21px; padding:7px 13px 0px 12px; _padding:7px 15px 0px 15px; display:block; float:left; color:#000000; font-variant:small-caps; font-size:11px; font-weight:bold; text-decoration:none;}
#menu a:hover{background:#F3F3F3;}

#conteudo{width:100%; height:100% auto; margin-top:10px; }
#conteudo #esq , #conteudo #contEsq{float:left; width:700px;}
#conteudo #contEsq{width:768px; background:#000000; padding-bottom:20px;}
#conteudo #dir{float:right; margin-left:10px;}

#rodape{background:#000000; float:left; margin-top:10px; width:968px; padding:10px; color:#FFFFFF; text-align:center; font-size:11px;}

/*** HOME ***/
#conteudo #esq{margin-left:-10px;}
#quadroDestaque , #quadroDestaqueCinza{background:#000000; width:340px; height:160px; float:left; margin:0px 0px 10px 10px; _margin-right:6px;}
#quadroDestaque div{padding:40px 5px 5px 5px; color:#FFFFFF;}
#quadroDestaqueCinza{background:url(../img/fundo_traco.gif) repeat-x top #343434;}
#titulo{padding:8px 0px 0px 10px;  height:22px; background:url(../img/fundo_tit_cla.gif) no-repeat; }

#noticiasHome{width:288px; height:330px; background:url(../img/fundo_traco.gif) repeat-x top #4d4d4d;}
#noticiasHome #titulo{background:url(../img/fundo_tit_esc.gif) no-repeat; }
#noticiasHome ul{padding:5px 5px 5px 5px; margin:0px; list-style:none;}
#noticiasHome ul li{padding:5px; color:#FFFFFF; font-size:11px;}
#noticiasHome ul li a{text-decoration:none; font-weight:normal;}
#noticiasHome ul li a:hover{text-decoration:underline; font-weight:normal; color:#FFFFFF;}

/*** NEWSLETTER ***/
#news{padding:10px 40px; color:#FFFFFF;}
#news label{padding-top:5px;}

/*** CONTEUDO MOTOS ***/
#boxCinzaEscLat , #boxCinzaClaLat{background:url(../img/fundo_traco.gif) repeat-x top #343434; width:200px; margin-bottom:10px; padding:5px 5px 15px 5px;}
#boxCinzaClaLat{background:url(../img/fundo_traco.gif) repeat-x top #4d4d4d;}
#boxCinzaEscLat #titulo , #boxCinzaClaLat #titulo{margin:-5px -5px 5px -5px;}
#boxCinzaEscLat a , #boxCinzaClaLat a{height:20px; padding-top:5px; display:block; border-bottom:solid 1px #727272; padding-left:5px;}
#boxCinzaEscLat a:hover , #boxCinzaClaLat a:hover{background:#444444; text-decoration:none; color:#FFFFFF;}
#boxCinzaClaLat #titulo{background:url(../img/fundo_tit_esc.gif) no-repeat; }

#cabecalhoMotos{background:url(../img/fundo_cabecalho.gif) repeat-x; height:72px; margin-bottom:10px;}
#cabecalhoMotos #titulo{background:url(../img/fundo_tit_branco.gif) no-repeat; width:260px; padding-left:8px; float:left;}
#cabecalhoMotos #menu{height:30px; float:right; background:none;}
#cabecalhoMotos #menu a{width:auto; padding:5px 15px 0px 40px; color:#ffd200; background:url(../img/separador_menu.jpg) no-repeat;}
#cabecalhoMotos #menu a:hover{color:#FFFFFF;}
#cabecalhoMotos #subTitulo{float:left; color:#FFFFFF; padding:10px; padding-top:15px;}
#cabecalhoMotos #modelo{float:right; color:#FFFFFF; padding:10px;}


table{width:70%; margin:10px;}
table tr{height:15px; color:#c0c0c0; text-align:right;}
table tr td{padding:5px;}
table tr td:first-child , table tr td.first-child{font-weight:bold;  color:#FFFFFF; text-align:left; width:30%;}
table #A{background:#1d1d1d;;}

#galeria{width:600px; margin:0 auto; margin-top:50px; margin-bottom:50px; height:240px;}
#galeria img{float:left;}
#galeria img:hover{opacity:0.5; filter:alpha(opacity=50);}

#video{margin:0 auto; width:auto; height:auto;}
