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

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*Até aqui reset css*/

body {
	background-image: url(images/bgk.jpg); text-align:center;
}

header, nav, footer, section, aside, article { display:block;}

#total { width:800px; height:450px; margin:auto; /*border-bottom:1px solid #FF0000;*/ }

header{ width:100%; height:60px; float:left;  float:left; border-bottom:0px solid #FFFFFF; }


 a.logo:link {
  text-decoration:none;
  display:block;
  width:224px; 
  height:45px; float:left;
  text-indent:-99999px;
  background:url(images/logo.png) center no-repeat; 
  }
  a.logo:visited {
  text-decoration:none;
  display:block;
  width:224px; 
  height:45px; float:left;
  text-indent:-99999px;
  background:url(images/logo.png) center no-repeat;
  }
  a.logo:hover {text-decoration: underline; 
  text-decoration:none;
  display:block;
  width:224px; 
  height:45px; float:left;
  text-indent:-99999px;
  background:url(images/logo.png) center no-repeat;
  }
  a.logo:active {
  text-decoration:none;
  display:block;
  width:224px; 
  height:45px; float:left;
  text-indent:-99999px;
  background:url(images/logo.png) center no-repeat;
  }
  
 .separator{ width:15px; height:60px; float:left; background:url(images/separator.png) center no-repeat; margin-left:20px; }
 
 nav{ width:500px; height:45px; float:left;  /*border:1px solid #FFFFFF;*/ margin-left:20px; }
 
 nav ul{ width:100%; height:auto; display:block; }
 
 nav ul li{ display:block; padding:0px 15px 0px 15px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase;  float:left; border-right:1px solid #FFF; }
 
 nav ul li  a.menu:link {
 text-decoration:none;
 color:#FFFFFF;

  }

 nav ul li a.menu:visited {
 text-decoration:none;
 color:#FFFFFF;
 
 

  }
 nav ul li a.menu:hover {
  
 text-decoration:none;
 color:#CCFF00;
  }
 nav ul li a.menu:active {
 text-decoration:none;
 color:#FFFFFF;

  }
  
#player{ width:389px; min-height:340px; float:left;  margin-top:10px; background:#000000; -moz-border-radius:6px 6px 0px 0px; -webkit-border-radius:6px; padding:0px;  }

#player a{ display:block; float:left; width:87%; margin-left:22px; margin-top:15px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-transform:uppercase; text-decoration:none; margin-bottom:10px; /*border:1px solid #FF3300;*/ padding:5px 0px 5px 5px; background-color:#000000; -moz-border-radius:4px; -webkit-border-radius:4px; }

#player a:hover{ display:block; float:left; width:87%; margin-left:22px; margin-top:15px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-transform:uppercase; text-decoration:none; margin-bottom:10px; /*border:1px solid #FF3300;*/ padding:5px 0px 5px 5px; background-color:#000000; -moz-border-radius:4px; -webkit-border-radius:4px; }

#grade{ width:180px; min-height:340px; float:left;  margin-top:10px; margin-left:20px;   }

#grade .divgradeprogramas{ width:180px; height:330px; padding-top:5px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000000; float:left; }

#grade a{ display:block; float:left; width:170px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF6600; text-transform:uppercase; text-decoration:none; margin-bottom:10px; border:1px solid #000; padding:5px 0px 5px 10px; background-color:#000000; -moz-border-radius:4px; -webkit-border-radius:4px; }

/*iframe{ border:1px solid #999999; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0px; }*/

#redessociais{ width:190px; min-height:370px; float:left;  margin-top:10px; margin-left:20px; /*border-bottom:1px solid #ccc;*/  }

#redessociais h2{ display:block; float:left; width:98%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF6600; text-transform:uppercase; text-decoration:none; margin-bottom:10px; border:1px solid #666666; padding:5px 0px 5px 5px; -moz-border-radius:4px; -webkit-border-radius:4px; } 

#redessociais ul{ display:block; width:170px; height:auto; float:left; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #666; padding:10px; }

#redessociais ul li{ display:block; width:190px; height:15px; float:left; margin-bottom:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; text-align:left;  }

#redessociais ul li a.siga:link{ color:#fff; text-decoration:none;  font-size:11px; text-transform:uppercase; display:block; width:auto; height:20px; padding-left:40px; padding-top:10px; float:left }

#redessociais ul li a.siga:visited{ color:#fff; text-decoration:none;  font-size:11px; text-transform:uppercase; display:block; width:auto; height:20px; padding-left:40px; padding-top:10px; float:left  }

#redessociais ul li a.siga:hover{ color:#FF6600; text-decoration: none;  font-size:11px; text-transform:uppercase; display:block; width:auto; height:20px; padding-left:40px; padding-top:10px; float:left  }

#redessociais ul li a.siga:active{ color:#fff; text-decoration:none;  font-size:11px; text-transform:uppercase;display:block; width:auto; pheight:20px; padding-left:40px; padding-top:10px; float:left }


#redessociais ul li a.compartilhe:link{ color:#fff; text-decoration:none;  font-size:11px; text-transform:uppercase; display:block; width:auto; height:20px; padding-left:10px; padding-top:10px; float:left }

#redessociais ul li a.compartilhe:visited{ color:#fff; text-decoration:none;  font-size:11px; text-transform:uppercase; display:block; width:auto; height:20px; padding-left:10px; padding-top:10px; float:left  }

#redessociais ul li a.compartilhe:hover{ color:#FF6600; text-decoration: none;  font-size:11px; text-transform:uppercase; display:block; width:auto; height:20px; padding-left:10px; padding-top:10px; float:left  }

#redessociais ul li a.compartilhe:active{ color:#fff; text-decoration:none;  font-size:11px; text-transform:uppercase;display:block; width:auto; pheight:20px; padding-left:10px; padding-top:10px; float:left }

.orkut{ background:url(images/orkuticon.jpg) left top no-repeat; }

.facebook{ background:url(images/facebookicon.jpg) left top no-repeat; }

.twitter{ background:url(images/twittericon.jpg) left top no-repeat; }

.hi5{ background:url(images/hi5icon.jpg) left top no-repeat; }

.justin{ background:url(images/justinicon.jpg) left top no-repeat; }

#redessociais .publicidade{ width:190px; min-height:105px; float:left;  margin-top:10px; border:1px solid #666; -moz-border-radius:4px; -webkit-border-radius:4px; padding-top:5px;  }