/*-----------------------------------------------------------------------------
Site Agencia O Globo( Globo )

versão               : 1.1  // Sempre que houver modificação, por favor alterar a versao da folha
autor                : Diogo Menezes
email                : diogo@sv.com.br; sv@sv.com.br;
website				 : http://www.sv.com.br/
data de criacao      : 11/10/2007
Autor da Modificação : Diogo Menezes
 
!- Legenda de comentários 
-----------------------------------
 :LIXO     - Maneira ruim de contornar um problema
 :ALTERAR  - Alterar no fim do desenvolvimento do projeto
 :BUG      - Problema no código

-----------------------------------------------------------------------------*/

/* =Conteudo
-----------------------------------------------------------------------------*/
.prod        { background:#5F5F5F; clear:both; width:939px; margin:20px 0px; }
body         { overflow-x:hidden !important; }
.pHead       { position:relative; height:60px; width:940px;}
.pHead  h1   { font:bold 26px "Trebuchet MS"; color:#2170C0; float:left; }
.pHead  span { color:#999; display:block; height:50px; border-left:1px solid #999; padding-left:15px; position:absolute; left:190px;  }

.pColuna      { width:169px; height:472px; padding:10px; float:left; background:#ECECEC;  }
.pColuna h4   { font:17px Arial; color:#666666; background:#F7F7F7; padding:4px 10px 2px 15px; margin-bottom:5px; }
.pColuna ul   { margin-left:20px; }
.pColuna ul a { color:#666666; }
.pColuna ul li { margin-bottom:4px;   }
.pColuna ul a:hover  { background:#666666 url(../img/bullet_3.gif) 2px 4px no-repeat; color:#FFF;  }

.prod  .pMiolo               { width:748px; height:490px; _height:493px; float:right; position:relative; border: 1px solid #5F5F5F;}
.prod  .pMiolo img           { vertical-align:bottom; }
.prod  .pMiolo .mHead        { height:110px; /*padding:10px 20px 20px 20px;*/ padding: 15px 20px 0 0; position:relative; display:block; /*vertical-align:middle; display:table-cell;*/ }
.prod  .pMiolo .mHead h2     { float:left; padding: 50px 20px 10px 20px; font:normal 15px Arial !important; color:#FFF !important; text-transform:uppercase; height: 45px; border-right:1px solid #999;  /*margin-right:40px; margin-top:40px;*/ }
.prod  .pMiolo .mHead .mComp { /*height: 105px;*/  float:left; color:#999; /*border-left:1px solid #999;*/ padding-left:20px; /*max-width: 45%; _max-width:100%; .max-width:100%;*/}
.prod  .pMiolo .mBody        { border-top:10px solid #4a4949; position:absolute; bottom:0px; background:#FFF; width:100%; height:338px; }

ul.subCategorias            { margin:20px 0px; list-style:none; width: 250px; padding-left: 100px; }
ul.subCategorias.fLeft      { /*margin-left:60px;*/ /*padding-left: 100px !important;*/}
ul.subCategorias.fRight     { /*margin-right:60px;*/ }
ul.subCategorias li         { line-height:20px; }
ul.subCategorias li a       { color:#5f5f5f; font:normal 14px "Trebuchet MS";  }
ul.subCategorias li a:hover { color:#999999; }


div.suplementos ul 				{ float:none; margin:0; padding-top:5px; padding-left:320px !important;  }
div.suplementos ul 	li			{  padding-top: 2px; }
div.suplementos  .subCategorias { }
div.suplementos  .fLeft			{ }

.prod  .pMiolo .mHead ul.links      { list-style:none; margin:0px 0px 15px 0px; }
.prod  .pMiolo .mHead ul.links li   { display:inline; }
.prod  .pMiolo .mHead ul.links li a { display:inline;  text-transform:uppercase; color:#363636; border-left:1px solid #363636; padding:0px 10px; font:bold 11px "Trebuchet MS"; }
.prod  .pMiolo .mHead ul.links li.primeiro a { border:none; margin-left:-15px; }

.prod  .pMiolo .mHead h3            { color:#cccccc !important; font-weight:normal !important; text-transform:uppercase; float:left; margin:0px 15px 0px 0px; clear:both; } 
.prod  .pMiolo .mHead ul.fotos      { list-style:none;  }
.prod  .pMiolo .mHead ul.fotos li   { display:inline; padding:3px 9px 3px 5px; margin-right:2px; background:url(../img/bg_links.jpg) no-repeat; }
.prod  .pMiolo .mHead ul.fotos li.ultimo { display:inline; padding:3px 3px 3px 5px; margin-right:0px; }
.prod  .pMiolo .mHead ul.fotos li a { color:#999999; }
.prod  .pMiolo .mHead ul.fotos li a:hover { color:#FFF; }

.mHeadRight   { float:left !important; max-width:550px !important; /*border-left:1px solid #999;*/ padding-left:15px; }
.mHeadRight   ul.links { margin-bottom: 4px !important;}
.mHeadRight p { color:#cccccc; clear:both; font:nomal 10px Arial; }
/*noticiario*/
.mTopoNatural span { /*margin-top:3% !important;*/}

.arquivo_premium .mTopoNatural span { /*margin-top:6% !important;*/}
.pacotes_especiais ul {  padding-left:290px !important; }