/* ==|== popover ======================================== */
.cdetails-modal {
  width: 600px;
  height: auto;
  position: fixed;
  top: 200px;
  left: 50%;
  margin-left: -300px;
  min-height: 220px;
  position: fixed;
  z-index: 10005;
  padding: 0;
}
.cdetails-modal-header{
  width: 600px;
  height: 40px;
  display: block;
  float: left;
  background: url("../img/cdetails_mh.png") no-repeat  0 0 transparent;
}
.cdetails-modal-main{
  width: 600px;
  height: auto;
  min-height: 220px;
  display: block;
  float: left;
  background: url("../img/cdetails_mbg.png") repeat-y 0 0 transparent;
  position: relative;
}


.cdetails-modal-container{
  width: 567px;
  min-height: 230px;
  margin: -12px auto 0;
}
.cdetails-modal-container-small{
  width: 567px;
  margin: -12px auto 0;
}
.cdetails-modal-container-small h2{
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #DBDBDB;
  font-weight: normal;
  text-indent: 145px;
  margin-top: 0;
  padding-top: 0;
  line-height: 1em;
}
.cdetails-modal-container h2{
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #DBDBDB;
  font-weight: normal;
  text-indent: 145px;
  margin-top: 0;
  padding-top: 0;
  line-height: 1em;
}
.cdetails-logo{
  display: block;
  float: left;
  width: 112px;
  min-height: 140px;
  margin-left: 16px;
  margin-right: 17px;
  margin-top: -30px;
  position: relative;
}
.cdetails-logo img{
  border: 1px solid #CCC;
}
.cdetails-stamp-exclusive{
  background: url("../img/selo_exclusivo.png") no-repeat 0 0 transparent;
  width: 112px;
  height: 22px;
  margin-top: 2px;
}
.cdetails-stamp-new{
  background: url("../img/selo_novo.png") no-repeat 0 0 transparent;
  width: 45px;
  height: 45px;
  position: absolute;
  top:0;
  left:0;
}
.cdetails-stamp-premium{
  background: url("../img/selo_premium.png") no-repeat 0 0 transparent;
  width: 62px;
  height: 62px;
  position: absolute;
  top:0;
  left:0;
}
.cdetails-data{
  display: block;
  float: left;
  width: 120px;
  min-height: 140px;
  margin-right: 20px;
  margin-top: 15px;
  position: relative;
}
.cdetails-data dl{
  margin: 0;
  padding: 0;  
}
.cdetails-data dt{
  font-family: BryantProRegular;
  font-size: 12px;
  color: #333;
  text-transform: uppercase;
  margin: 0;
  padding: 0;  
}
.cdetails-data dd{
  font-family: BryantProBold;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
}

.cdetails-description{
  display: block;
  float: left;
  width: 250px;
  margin-left: 20px;
  min-height: 140px;
  margin-top: 15px;
  position: relative;
  text-align:justify;
  font-family: Trebuchet MS,Helvetica,sans-serif;
  font: inherit;
  font-size: 11px;
}
.cdetails-description p{
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  color: #333;
}
p.cdetails-notes{
  font-size: 11px;
  line-height: 14px;
  color: #666;
}
.cdetails-packs-header{
  background: url("../img/cdetails_link.png") no-repeat 0 0 transparent;
  width: 564px;
  height: 34px;
  border-top: 1px solid #d9d9d9;
  text-indent: 16px;  
}
.cdetails-packs-header a{
  width: 564px;
  line-height: 34px;
  height: 34px;
  text-transform: uppercase;
  font-family: BryantProBold;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  background-color: red;
  display: block;
  float: left;
  background: url("../img/cdetails_a-right.png") no-repeat 98% center transparent;
}
.cdetails-packs-header a.toggle{
  background: url("../img/cdetails_a-down.png") no-repeat 98% center transparent;
}
.cdetails-packs{
  display: block;
  float: left;
  width: 100%;
    padding-bottom:10px;
  border-top: 1px solid #d5d5d5;
  background: url("../img/cdetails_bg.png") no-repeat center bottom transparent; /* adicionar esta imagem */
}
.cdetails-packs.closed{
  display: none;
}
.cdetails-packs-list{
  display: block;
  float: left;
  width: 33.33333%;
  min-height: 160px;
}
.cdetails-title{
  height: 37px;
  margin-left: 16px;
  margin-top: 14px;
  padding-left: 34px;
}
.cdetails-title h3{
  line-height: 37px;
}
.cdetails-packs-iris .cdetails-title{
  background: url("../img/cdetails_iris.png") no-repeat left center transparent;
}
.cdetails-packs-cabo .cdetails-title{
  background: url("../img/cdetails_cable.png") no-repeat left center transparent;
}
.cdetails-packs-sat .cdetails-title{
  background: url("../img/cdetails_sat.png") no-repeat left center transparent;
}
.cdetails-packs-list ul{
  margin: 0 16px;
  display: block;
  float: left;
}
.cdetails-packs-list ul li a,
.cdetails-packs-list ul li a:hover,
.cdetails-packs-list ul li a:link,
.cdetails-packs-list ul li a:visited{
  color: #336699;
  line-height: 14px;
  text-decoration: underline;
}

.cdetails-modal-main .close-window 
{
    cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  top: -10px;
  right: 30px;
  background: url("../img/cdetails_x.png") repeat-y 0 0 transparent;
}
.cdetails-modal-footer{
  width: 600px;
  height: 15px;
  display: block;
  float: left;
  background: url("../img/cdetails_mf.png") no-repeat  0 0 transparent;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

.showHide_Text {
	cursor: pointer;
}

/* =============
   +MODAL-WINDOW
   ============= */
   
/* Overlay */
#simplemodal-overlay {
  background-color: #333;
  }
  
.cdetails-modal-container h2 {
  color: #000000;
  font-family: 'BryantProBold';
  font-size: 18px;
  padding: 0px !important;
  text-transform: uppercase;
}

  .emptyChannels 
  {
      line-height: 14px;
	padding-left: 12px;
}

.hidePanel {
	display: none;
}

.backgroundAll {
    background-color: #333333;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; 
}