@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body{background: #f4f4f4;}
*{font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif; 
  font-size: 15px; 
  /*font-size: 16px; */
  /*color: #9a9a9a; */
  /*line-height: 18px;*/
  /*line-height: 16px;*/
  }
#content{width: 951px; margin: 0 auto; padding: 0;}

/* ----------------------- Bar Top ----------------------- */
#logo{width: 433px; margin: 38px 0 6px 13px; float: left; height: 91px; padding: 0; background: url(../images/logo.gif) top left;}

/* ----------------------- TOP AD ----------------------- */
#top_ad{width: 500px; height: 81px; padding-left:15px;margin: 0px 0 0px 0px; }


/* ----------------------- Text ----------------------- */
p{margin: 0 0 20px; padding :0; text-align: justify; line-height: 18px;}
a{text-decoration: none; font-size: inherit;}
a:hover{text-decoration: underline;}
textarea{width:260px;font-size:10px;color:#666;margin:0 0 7px 0;height:150px;}
strong{font-size: inherit;}
h1{font-size: 39px; font-weight: bold; margin: 0 0 35px 0; color: #a3a386; letter-spacing:-1px; padding: 7px 0;}
h1 span{ font-size: 30px; color: #c5c5b6; font-weight: normal; letter-spacing: -2px;}
.small{ font-size: 10px; color: #707070;}
h2{font-size: 23px; font-weight: normal; margin: 0; color: #6eabce; letter-spacing:-1px; padding: 7px 0 16px;}
.popular{color: #b0b090; font-size: 14px;}
h3{font-size: 16px; font-weight: bold; margin: 0; color: #60a6cc; letter-spacing:-1px; padding: 3px 0 5px 11px;}


/* ----------------------- Content ----------------------- */
#info{width: 951px; float: left; background: #FFFFFF url(../images/fnd-cont-top.gif) no-repeat top left;}
#info .down{width: 919px; float: left; background: url(../images/fnd-cont-down.gif) no-repeat bottom left; padding: 15px 16px 31px;}
#info .down #banner{width: 862px; height: 117px; background: url(../images/banner.jpg) no-repeat top left; padding: 37px 30px 0 27px; margin: 0 0 40px; float: left;}
#browse{width: 320px; float: left; margin: 0 0 17px 0;font-size: 17px; letter-spacing: -1px; color: #818080; height: 20px;}
#browse span{color: #6faed1; font-size: inherit;}
#abc{width: 510px; float: right; margin: 0 0 17px 0; height: 20px;font-size: 15px; }
#abc a{color: #989898; padding: 0 2px; font-size: 15px; font-weight: bold;}
#submenu{width: 320px; float: left; margin: 0; padding: 0 500px 5px 5px;color: #989898; font-size: 15px;}
#submenu a{color: #989898; padding: 0; font-size: 15px; font-weight: normal; letter-spacing: -1px;}
#search{width: 308px; float: left; margin: 0; padding: 16px 500px 0 42px; height: 40px; background: url(../images/fnd-search-ir-trans.png) no-repeat top left;}
#search input{width: 257px; height: 25px; float: left; background: none; background: url(../images/fnd-searck.gif) no-repeat top left; border: none; outline: none; color: #abab97; font-family: Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing: -1px; padding: 0;}
.see{width: 100px; color: #61a5cc; font-size: 15px; font-weight: bold; padding: 0 0 0 50px; margin: 0 0 33px 0; height: 20px; background: url(../images/iconos.gif) no-repeat top left;}
#search input img{float: left;}

#left{width: 667px; float: left; margin: 0; padding: 0 0 0 22px;}

#right{width: 181px; float: right; margin: 0; padding:0; background: #f4f4f4 url(../images/fnd-right-down.gif) no-repeat top left;}
#right .down{width: 171px; float: left; margin: 0; padding: 20px 5px; background: url(../images/fnd-right-top.gif) no-repeat bottom left;}
.row, .row2, .row3,.row4{width: 171px; float: left; border-bottom: 1px #c3c3c3 dotted; background: url(../images/tit-top-artist.gif) no-repeat top left; padding: 40px 0 20px 0; font-size: 11px; color: #7f7f7f; margin: 0 0 15px 0;}
.row p, .row2 p{font-size: 11px; color: #7f7f7f; padding: 0 10px; margin: 0;}
.row2{ padding-top: 0; background: none;}
.row3{ background: url(../images/tit-more-artist.gif) no-repeat top left; border: none; margin-top: 5px;}
.row4{ background: url(../images/tit-more-songs.gif) no-repeat top left; border: none; margin-top: 5px;}
.image{width: 156px; height: 47px; float: left; background: url(../images/fnd-images.gif) no-repeat top left; padding: 8px 0 0 8px; margin: 0 0 0 4px;}
.row a, .row2 a{display: block; background: url(../images/btn-read-more.gif); width: 83px; height: 18px; font-size: 10px; text-align: center; margin: 5px 0 0 10px; color: #0190cb; text-transform: uppercase;}
.row3 a{display: block; background: url(../images/vinieta.gif) no-repeat 0 4px; padding: 0 0 0 15px; margin: 0 0 2px 10px; font-size: 12px; font-weight: bold; color: #6b6b6b;}
.row4 a{display: block; background: url(../images/vinieta.gif) no-repeat 0 4px; padding: 0 0 0 15px; margin: 0 0 2px 10px; font-size: 12px; font-weight: bold; color: #6b6b6b;}

.main_table {border-style:solid;}

/*.tablestyle, td, tr, th {border:1px solid #7F7F7F;font-family: Arial, Helvetica, sans-serif;font-size:small;}*/

th {background:transparent url(http://www.predictad.com/images/table/sprite.png) repeat-x scroll 0 0;border-color:#989898 #CBCBCB #989898 #989898;border-style:solid solid solid none;border-width:1px 1px 1px medium;color:#000000;padding:4px 5px 4px 10px;text-align:center;vertical-align:middle;}
td { padding: 10px;}
td b{ font-size: 14px; color: #006699;}
i{ color: #666;} 

/* ----------------------- Footer ----------------------- */
#footer{padding: 47px 0 0 0; width: 951px; margin: 20px 0 0px 0; float: left; background: url(../images/logo-ch.gif) no-repeat top center; text-align: center; color: #646464; font-size: 12px;}
#footer a{color: #606369; color: #646464; font-size: 12px;}

/* ----------------------- Clearfix ----------------------- */ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Esconde de IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fin esconde de IE-mac */