html { }


body {
  padding-top: 0px;
  font-family: 'Lato', sans-serif;
  overflow-x: hidden;
  font-size: 100%; 
  background: #ffffff;
}

.clear { clear: both; display: block; margin: 0px; padding:0px; height: 0px; line-height: 0px; font-size: 1px; }
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: block; } 
.clearsides {clear: both; display: block;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Lato', sans-serif;
}

ul { list-style: none; padding: 0px; margin: 0px;  }

.nogutter { margin:0; padding: 0;}
.nogutter-m { margin:0; }
.nogutter-p { padding: 0; }

/* DISPLAY */
.block {display: block; }
.inline {display: inline-block; }
.none {display: none; }
.intable {display: inline-table; }
.disp-table {display: table; }
.disp-table-cell {display: table-cell; }


/* BACKGROUND COLORS */
.bg-color-d2222d { background-color: #d2222d; } /* Blue */
.bg-color-00aeef { background-color: #d2222d; } /* Blue */

.bg-color-92303d { background-color: #92303d; } /* Darker Blue */
.bg-color-008db5 { background-color: #92303d; } /* Darker Blue */

.bg-color-790817 { background-color: #790817; } /* Darker Blue */

.bg-color-eaeaea { background-color: #eaeaea; } /* Clear Grey*/
.bg-color-363636 { background-color: #363636; } /* Dark Grey */
.bg-color-000000 { background-color: #000000; } /* Black */
.bg-color-ffffff { background-color: #ffffff; } /* White */

/* TEXT */
/* Grey dark */
.text-color-868686 { color: #868686; }
a.text-color-868686 { color: #868686; text-decoration: none;}
/* Grey light */
.text-color-9b9b9b { color: #9b9b9b; }
a.text-color-9b9b9b { color: #9b9b9b; text-decoration: none;}
/* White */
.text-color-ffffff { color: #ffffff; }
a.text-color-ffffff { color: #ffffff; text-decoration: none;}
a.text-color-ffffff:hover, a.text-color-ffffff:visited, a.text-color-ffffff:active { color: #ffffff; text-decoration: none;}
/* Black */
.text-color-000000 { color: #000000; }
a.text-color-000000 { color: #000000; text-decoration: none;}
/* Blue */
.text-color-00a8d8 { color: #000000 !important;  } 
a.text-color-00a8d8 { color: #d2222d  !important; text-decoration: none;}
a.text-color-00a8d8:hover, a.text-color-00a8d8:visited, a.text-color-00a8d8:active { color: #d2222d !important; text-decoration: none;}

/* Blue */
.text-color-001b4a { color: #000000 !important;  } 
a.text-color-001b4a { color: #000000  !important; text-decoration: none;}
a.text-color-001b4a:hover, a.text-color-001b4a:visited, a.text-color-001b4a:active { color: #001b4a !important; text-decoration: none;}

.text-color-c2c5cc { color: #c2c5cc !important;  } 
a.text-color-c2c5cc { color: #c2c5cc  !important; text-decoration: none;}
a.text-color-c2c5cc:hover, a.text-color-001b4a:visited, a.text-color-001b4a:active { color: #c2c5cc !important; text-decoration: none;}

/* TEXT */
.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size22{ font-size: 22px; }
.size24{ font-size: 24px; }
.size26{ font-size: 26px; }
.size27{ font-size: 27px; }
.size30{ font-size: 30px; }
.size32{ font-size: 32px; }
.size34{ font-size: 34px; }
.size36{ font-size: 36px; }
.size40{ font-size: 40px; }
.size44{ font-size: 44px; }
.size48{ font-size: 48px; }
.size50{ font-size: 50px; }
.size54{ font-size: 54px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.bold { font-weight: bold; }

.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-700 { font-weight: 700; }
.font-weight-900 { font-weight: 900; }

.line-height-5 { line-height: 5px; }
.line-height-10 { line-height: 10px; }
.line-height-15 { line-height: 15px; }
.line-height-20 { line-height: 20px; }
.line-height-25 { line-height: 25px; }
.line-height-30 { line-height: 30px; }
.line-height-35 { line-height: 35px; }
.line-height-40 { line-height: 40px; }
.line-height-45 { line-height: 45px; }
.line-height-50 { line-height: 50px; }

/* MARGINS */
.nomargin { margin: 0px; }

.margin-0 { margin: 0px; }
.margin-top-0 { margin-top: 0px; }
.margin-bottom-0 { margin-bottom: 0px; }
.margin-top-bottom-0 { margin: 0px 0px 0px 0px; }
.margin-left-0 { margin: 0px 0px 0px 0px; }
.margin-right-0 { margin: 0px 0px 0px 0px; }
.margin-left-right-0 { margin: 0px 0px 0px 0px; }
.margin-0-centered { margin: 0px auto; }

.margin-5 { margin: 5px; }
.margin-top-5 { margin-top: 5px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-top-bottom-5 { margin-top: 5px; margin-bottom: 5px; }
.margin-left-5 { margin-left: 5px; }
.margin-right-5 { margin-right: 5px; }
.margin-left-right-5 { margin-left: 5px; margin-right: 5px; }
.margin-5-centered { margin: 5px auto; }

.margin-10 { margin: 10px; }
.margin-top-10 { margin-top: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-top-bottom-10 { margin-top: 10px; margin-bottom: 10px; }
.margin-left-10 { margin-left: 10px; }
.margin-right-10 { margin-right: 10px; }
.margin-left-right-10 { margin-left: 10px; margin-right: 10px; }
.margin-10-centered { margin: 10px auto; }

.margin-15 { margin: 15px; }
.margin-top-15 { margin-top: 15px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-top-bottom-15 { margin-top: 15px; margin-bottom: 15px; }
.margin-left-15 { margin-left: 15px; }
.margin-right-15 { margin-right: 15px; }
.margin-left-right-15 { margin-left: 15px; margin-right: 15px; }
.margin-15-centered { margin: 15px auto; }

.margin-20 { margin: 20px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-top-bottom-20 { margin-top: 20px; margin-bottom: 20px; }
.margin-left-20 { margin-left: 20px; }
.margin-right-20 { margin-right: 20px; }
.margin-left-right-20 { margin-left: 20px; margin-right: 20px; }
.margin-20-centered { margin: 20px auto; }

.margin-30 { margin: 30px; }
.margin-top-30 { margin-top: 30px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-top-bottom-30 { margin-top: 30px; margin-bottom: 30px; }
.margin-left-30 { margin-left: 30px; }
.margin-right-30 { margin-right: 30px; }
.margin-left-right-30 { margin-left: 30px; margin-right: 30px; }
.margin-30-centered { margin: 30px auto; }

.margin-40 { margin: 40px; }
.margin-top-40 { margin-top: 40px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-top-bottom-40 { margin-top: 40px; margin-bottom: 40px; }
.margin-left-40 { margin-left: 40px; }
.margin-right-40 { margin-right: 40px; }
.margin-left-right-40 { margin-left: 40px; margin-right: 40px; }
.margin-40-centered { margin: 40px auto; }

.margin-50 { margin: 50px; }
.margin-top-50 { margin-top: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-top-bottom-50 { margin-top: 50px; margin-bottom: 50px; }
.margin-left-50 { margin-left: 50px; }
.margin-right-50 { margin-right: 50px; }
.margin-left-right-50 { margin-left: 50px; margin-right: 50px; }
.margin-50-centered { margin: 50px auto; }

.margin-70 { margin: 70px; }
.margin-top-70 { margin-top: 70px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-top-bottom-70 { margin-top: 70px; margin-bottom: 70px; }
.margin-left-70 { margin-left: 70px; }
.margin-right-70 { margin-right: 70px; }
.margin-left-right-70 { margin-left: 70px; margin-right: 70px; }
.margin-70-centered { margin: 70px auto; }
/* MARGINS */

/* PADDING */
.nopadding { padding: 0px; }

.padding-0 { padding: 0px; }
.padding-top-0 { padding-top: 0px; }
.padding-bottom-0 { padding-bottom: 0px; }
.padding-top-bottom-0 { padding-top: 0px; padding-bottom: 0px; }
.padding-left-0 { padding-left: 0px; }
.padding-right-0 { padding-right: 0px; }
.padding-left-right-0 { padding-left: 0px; padding-right: 0px; }
.padding-0-centered { padding: 0px auto; }

.padding-5 { padding: 5px; }
.padding-top-5 { padding-top: 5px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-top-bottom-5 { padding-top: 5px; padding-bottom: 5px; }
.padding-left-5 { padding-left: 5px; }
.padding-right-5 { padding-right: 5px; }
.padding-left-right-5 { padding-left: 5px; padding-right: 5px; }
.padding-5-centered { padding: 5px auto; }

.padding-10 { padding: 10px; }
.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-top-bottom-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-left-10 { padding-left: 10px; }
.padding-right-10 { padding-right: 10px; }
.padding-left-right-10 { padding-left: 10px; padding-right: 10px; }
.padding-10-centered { padding: 10px auto; }

.padding-15 { padding: 15px; }
.padding-top-15 { padding-top: 15px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-top-bottom-15 { padding-top: 15px; padding-bottom: 15px; }
.padding-left-15 { padding-left: 15px; }
.padding-right-15 { padding-right: 15px; }
.padding-left-right-15 { padding-left: 15px; padding-right: 15px; }
.padding-15-centered { padding: 15px auto; }

.padding-20 { padding: 20px; }
.padding-top-20 { padding-top: 20px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-top-bottom-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-left-20 { padding-left: 20px; }
.padding-right-20 { padding-right: 20px; }
.padding-left-right-20 { padding-left: 20px; padding-right: 20px; }
.padding-20-centered { padding: 20px auto; }

.padding-25 { padding: 25px; }
.padding-top-25 { padding-top: 25px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-top-bottom-25 { padding-top: 25px; padding-bottom: 25px; }
.padding-left-25 { padding-left: 25px; }
.padding-right-25 { padding-right: 25px; }
.padding-left-right-25 { padding-left: 25px; padding-right: 25px; }
.padding-25-centered { padding: 25px auto; }

.padding-30 { padding: 30px; }
.padding-top-30 { padding-top: 30px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-top-bottom-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-left-30 { padding-left: 30px; }
.padding-right-30 { padding-right: 30px; }
.padding-left-right-30 { padding-left: 30px; padding-right: 30px; }
.padding-30-centered { padding: 30px auto; }

.padding-35 { padding: 35px; }
.padding-top-35 { padding-top: 35px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-top-bottom-35 { padding-top: 35px; padding-bottom: 35px; }
.padding-left-35 { padding-left: 35px; }
.padding-right-35 { padding-right: 35px; }
.padding-left-right-35 { padding-left: 35px; padding-right: 35px; }
.padding-35-centered { padding: 35px auto; }

.padding-40 { padding: 40px; }
.padding-top-40 { padding-top: 40px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-top-bottom-40 { padding-top: 40px; padding-bottom: 40px; }
.padding-left-40 { padding-left: 40px; }
.padding-right-40 { padding-right: 40px; }
.padding-left-right-40 { padding-left: 40px; padding-right: 40px; }
.padding-40-centered { padding: 40px auto; }

.padding-50 { padding: 50px; }
.padding-top-50 { padding-top: 50px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-top-bottom-50 { padding-top: 50px; padding-bottom: 50px; }
.padding-left-50 { padding-left: 50px; }
.padding-right-50 { padding-right: 50px; }
.padding-left-right-50 { padding-left: 50px; padding-right: 50px; }
.padding-50-centered { padding: 50px auto; }

.padding-promos { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;  }
.padding-progs { padding: 0px 0px 20px 0px; margin: 0px 0px 10px 0px;  }

/* PADDING */

/* POSITIONS */
.position-rel { position: relative; }
.position-abs { position: absolute; }
.float-l { float: left; }
.float-r { float: right; }
.min-500 { min-height: 500px; }

.vert-mid { vertical-align: middle }
/* */

.no-border { border: 0px; }
.no-border-radius { border-radius: 0px; }

.onair-lines { float: left; position: relative;} 
.onair-show-image { float: left; position: relative;} 
.onair-show-info { float: left; position: relative; padding: 10px 5px;} 

/* Borders */
.border-0 { border: 0px;}
.border-radius-0 { border-radius: 0px; }
.border-1-white { border: 1px solid #ffffff; }
.border-1-black { border: 1px solid #000000; }
.border-bot-1-dot-grey { border-bottom: 1px dotted #666666; }
.border-bot-2-dot-grey { border-bottom: 1px dotted #666666; }

.text-shadow-000000 { text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); }

.pointer { cursor:pointer; }


.dropdown-menu { z-index: 10000000; }

.content { float: left; padding: 10px 10px 100px 10px; }

.sidebar { float: right; width: 320px; padding: 0px; text-align: center; }

.btn.active
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #D61A21;
    color: #fff;
    outline: none;
    font-weight:bold; 
}

.btn-blue {
    background-color: #d2222d;
    border-color: #CCCCCC;
    color: #ffffff;
    border: 0px;
    border-radius: 0px;
    text-transform: uppercase;
}

.btn-black {
    background-color: #000000;
    border-color: #CCCCCC;
    color: #ffffff;
    border: 0px;
    border-radius: 0px;
    
    text-transform: uppercase;
}

.btn { border-radius: 0px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #666666;
  border: 0px solid #428bca;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #d2222d;
  border: 0px solid #428bca;
}

.btn-eventos {
    background-color: #d2222d;
    border-color: #cecece;
    color: #FFFFFF;
    padding-bottom:40px;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border: none;
}

.btn-circle.btn-xs {
  width: 18px;
  height: 18px;
  padding: 2px;
  font-size: 11px;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}


/* *************************************************** */
@media (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

/* START */
#sponsor { background: #fff; height: 40px; }

.navbar { margin-bottom: 0px; border: none; background: #fff; }
.navbar > .container .navbar-brand { margin-left: 0px; height: auto;}
.navbar-header .icon-bar { background: #fff; }
.navbar-header  { padding-right:5px; }
.navbar .nav > li { color: #4e4e4e; font-weight: 400; font-size: 16px; padding:3px; }
.navbar .nav > li > a { color: #4e4e4e; font-weight: 400; font-size: 16px; cursor: pointer; padding:0px; text-transform:uppercase; display:inline; }
.navbar .navbar-nav > .active > a { background: #fff; /* border-bottom: 2px solid #d2222d; */ }

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus { background: #fff; /* border-bottom: 3px solid #d2222d; */ color:#000; }

.navbar-cena ul { border-bottom:1px dotted #b0b0b0; margin: 0 auto; }
.navbar .nav > li.sep-menu { font-weight:900; color: #d2222d; }

.navbar-inverse .navbar-toggle .icon-bar { background-color: #d2222d; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #363636; }

/* HP ZONES */
.topo { background: #ffffff; }
.big-promos { background: #212121; }
.jukebox { background: #B51620; }
.ultimosvids { background: #363636; }
.promos { background: #f6f6f6; }
.passou { background: #f6f6f6; }
.inner { background: #ececec; }
.footer { background: #363636; }
.passou-topo { background: #171717; }

#promos-carousel { text-align:center;  overflow:hidden; }
.owl-item { padding:5px; }


.passou-item {}
/* Efeitos Roll Over */

.effects { }
.effects .apoiopic {
  position: relative;
  margin-bottom: 5px;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(219, 64, 86, 0.5);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.overlay-jukebox {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.overlay-hoje {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-size:14px;
}

.hoverbar { height:5px; background-color: #bbbbbb; padding-bottom:0px; }
.hoverbar-inner { height:30px; background-color: #ececec; }
.rollbar-inner { display: block; background-color: #2b2b2b; height:30px; padding-bottom:0px; }
.rollbar { display: block; background: rgba(219, 64, 86, 0.8); height:5px; padding-bottom:0px; }

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 2px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  text-decoration:none;
}

.effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.effect-5 .apoiopic.hover .overlay  {
  opacity: 1;
}
.effect-5 .apoiopic.hover .overlay  a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.effect-5 .passou-item.hover .overlay  {
  opacity: 1;
}
.effect-5 .passou-item.hover .overlay  a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ************** Overlay Jukebox ********************* */
.effect-5 .overlay-jukebox {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.effect-5 .overlay-jukebox a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.effect-5 .apoiopic.hover .overlay-jukebox  {
  opacity: 1;
}
.effect-5 .apoiopic.hover .overlay-jukebox  a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.effect-5 .passou-item.hover .overlay-jukebox  {
  opacity: 1;
}
.effect-5 .passou-item.hover .overlay-jukebox  a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
/* FIM Efeitos Roll Over */


/* Ellipsis Passou */

.passou-artist {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 90%;
  height: 16px*1.4*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.4;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.passou-musica {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 14px*1.4*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.4;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-artist {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 16px*1.4*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.4;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-musica {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 14px*1.4*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.4;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.player-passou-artist {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 14px*1.3*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.player-passou-musica {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 14px*1.3*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.passou-artist-top {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 12px*1.3*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.passou-musica-top {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 12px*1.3*1; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Hover New areas */
.contenthover { padding:20px 20px 10px 20px; }

.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }

.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#d2222d; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#d2222d }



.footer-nav { }
.footer-nav:hover { background-color: #505050; }

.bottom-logo { position:relative; }
.bottom-logo-item { position: absolute; bottom: 0; right: 0; padding-top:15px; }

.equipa-nome { position:absolute; background: rgba(211, 35, 46, 0.7); padding:5px; color:#ffffff; font-size:16px; text-transform:uppercase; display:block; text-align:left; margin:10px; z-index:20; bottom:20px; }

.row-fluid { width:calc(100% - 310px + 0px * 2); }
.mrec-column { width: 310px; float:right; padding:0px; }
.mrec { background:url(/images/mrec_bg.jpg) no-repeat center; min-height:250px; min-width:300px; }

#text img { display: block; width: 100% \9;  max-width: 100%; height: auto; }

#pagination { text-align:center; }
.pagination > li > a, .pagination > li > span {
    background-color: #000000;
    border: 0 solid #DDDDDD;
    color: #FFFFFF;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 24px;
    position: relative;
    text-decoration: none;  
}

.rubrica-row:hover { background-color: #d2222d; color: #ffffff; }

.passou-player-item { border-right: 1px solid #292929; }
.passou-player-item:last-child{ border-right: 0px solid #292929; }

.w25 { width:25%; }
.w66 { width: 66.66666667%; }
.w33 { width: 33.33333333%; }

.destaque-content, .destaque-content p, .destaque-content span, .destaque-content p span, .MsoNormal, .MsoNormal p, .MsoNormal span, .coiso div  { color: rgb(0, 0, 0); }

.square-img {
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.square-img img{
    position:absolute;
}

.square-img img{
    position:absolute;
}

.jukeboxdecade { background-color: #ffffff; padding:5px; }

.juke-decade-btn {
    background-color: ;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 0px;
    text-transform: uppercase;
    font-size:24px;
    display:block;
    margin:5px;
    text-align:center;
}

.juke-decade-btn:hover {
    background-color: #ffffff ;
    border: 1px solid #92303d;
    color: #92303d;
    border-radius: 0px;
    text-transform: uppercase;
    font-size:24px;
    display:block;
    margin:5px;
    text-align:center;
}

.juke-year-btn {
    background-color: #ffffff;
    border: 1px solid #92303d;
    color: #d2222d;
    border-radius: 0px;
    text-transform: uppercase;
    font-size:16px;
    display:block;
    font-weight:bold;
    padding:10px;
    text-align:center;
}

/* --------------------- */
figure {
    margin: 0;
    position: relative;
}
figure img {
    display: block;
    position: relative;
    z-index: 10;
    max-width: 100%;
    height: auto;
}
figure figcaption {
    display: block;
    position: absolute;
    z-index: 5;
}
figure h3 {
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px;
}
figure div {
    color: #b2cce1;
    display: block;
    line-height: 1.2;
}
figure a.close-caption {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 24px;
    font-weight: 700;
    color: #315a7d;
}
figure a.close-caption.hidden {
    display: none
}

#effect-4 figure {
  overflow: hidden; }

#effect-4 figure a.close-caption {
  bottom: 10px;
  left: 10px; }

#effect-4 figure figcaption {
  background-color: #d2222d;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  padding: 20px;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

#effect-4 figure img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.no-touch #effect-4 figure:hover img,
#effect-4 figure.hover img {
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%); }

.no-touch #effect-4 figure:hover figcaption,
#effect-4 figure.hover figcaption {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }


#effect-1 a.close-caption {
    bottom: 10px;
    right: 10px;
}
#effect-1 figure {
    background-color: steelblue
}
#effect-1 figcaption {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
}
#effect-1 figure img {
    transition: all 0.3s;
}
.no-touch #effect-1 figure:hover img,
#effect-1 figure.hover img {
   position:relative;
}
.no-touch #effect-1 figure:hover figcaption,
#effect-1 figure.hover figcaption {
    background-color: #d2222d;
    z-index:999;
}
/* --------------------- */

.evento:hover { background-color: #eaeaea; }

/* *************************************************** */
/* Large desktop */
@media (min-width: 1200px)  {
    .mapa-frequencias { width: 600px; height: 804px; margin:0px auto; }
    .jukebox-year { width:10%; float:left; padding:5px; }
    .radioinfo { display:none; }
    .navbar-nav { float:none!important; text-align:center; }
    .navbar-nav>li { display:inline-block; float:none!important; }
     }
 
/*  */
@media (min-width: 980px) and (max-width: 1199px)  {
    .mapa-frequencias { width: 500px; height: 670px; margin:0px auto; }
    .jukebox-year { width:10%; float:left; padding:5px; }
    .radioinfo { display:none; }
    .navbar-nav { float:none!important; text-align:center; }
    .navbar-nav>li { display:inline-block; float:none!important; }
     }
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 801px) and (max-width: 979px)  {
    .mapa-frequencias { width: 500px; height: 670px; margin:0px auto; }
    .jukebox-year { width:10%; float:left; padding:5px; }
    .logotopo { text-align:left;}
    .radiotopo { display:none; }
    .radioinfo { display:none; }
    .navbar-nav { float:none!important; text-align:center; }
    .navbar-nav>li { display:inline-block; float:none!important; }
     }
 
/* Landscape phone to portrait tablet */
@media (max-width: 800px)  {
    .nav-promos { display:; }
    .nav-jukebox { display:; }
    .nav-eventos { display:; }
    #fullmenu li a { display:block; }
    li.sep-menu  { display:none; }
    .mrec-column { display:block; width:100%; text-align:center; }
    .row-fluid { display:block; width:100%; }
    .mapa-frequencias { width: 500px; height: 670px; margin:0px auto; }
    .jukebox-year { width:20%; float:left; padding:5px; }
    .bottom-logo { position:inherit; }
    .bottom-logo-item { position: relative; bottom: 0; right: 0; padding-top:15px; }
    .logotopo { text-align:center; }
    .radiotopo { display:none; }
        
     }

/* Landscape phones and down */
@media (max-width: 480px)  {
    .nav-promos { display:; }
    .nav-jukebox { display:; }
    .prev-juke { font-size:14px; }
    .next-juke { font-size:14px; }
    .nav-eventos { display:; }
    .prev-eventos { font-size:14px; }
    .next-eventos { font-size:14px; }
    #fullmenu li a { display:block; }
    li.sep-menu  { display:none; }
    .mrec-column { display:block; width:100%; text-align:center; }
    .row-fluid { display:block; width:100%; }
    .mapa-frequencias { width: 360px; height: 482px; margin:0px auto; }
    .jukebox-year { width:20%; float:left; padding:5px; }
    .bottom-logo-item { position: relative; bottom: 0; right: 0; padding-top:15px; }
    .logotopo { text-align:center; }
    .radiotopo { display:none; }
    .navbar-nav { float:left!important; }

     }
/* *************************************************** */

.nav-jukebox > i { cursor: pointer; }

.viditem { padding:0px; text-align: center; display: table-cell; vertical-align: middle; }
.viditem div { margin:5px; background-color:#ffffff; padding: 10px; font-size:14px; letter-spacing:0px; color:#000000; text-transform:uppercase; display:block; }
.viditem div:hover { background-color:#d2222d; color:#ffffff; }
    
li.sidepics { display: none; }

#poll-container { font-size: 16px; }
#poll-container p {
  color: #ffffff !important;
  float: left;
  font-size: 25px;
  margin: 0;
  padding: 18px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
#poll-container ul#poll {  margin: 5px auto 5px auto; list-style: none; padding: 0px; color: #464646 !important;}
#poll-container ul#poll li { width: 100%; clear: both; margin: 0px 0px 2px 0px; border-radius: 0px; padding: 0px;}
#poll-container ul#poll li div.answer { width: 100%; position: relative;  z-index: 1; float: left; cursor: pointer; padding: 12px;}
#poll-container ul#poll li img.bar { position: absolute; background: #c4c4c4 url(/images/empty.gif); z-index: 5; top: 0px; left: 0px; padding: 0px; border-radius: 0px; height: 63px; display: none;}
/*#poll-container ul#poll li img.bar:hover { position: absolute; background: url(/images/bg-pollbar-over.jpg); z-index: 5; top: 2px; left: 2px; padding: 0px; border-radius: 3px; height: 24px; display: none;}*/
#poll-container ul#poll li img.barSelected { position: absolute; background: #c4c4c4 url(/images/empty.gif); z-index: 5; top: 0px; left: 0px; padding: 0px; border-radius: 0px; height: 63px; display: none;}
#poll-container ul#poll li div.option { position: relative; margin: 0px 0px 0px 0px;  z-index: 10; border-radius: 3px;}
#poll-container ul#poll span.text {float: left; margin: 0px 0px 0px 0px; padding: 8px;color: #464646 !important;}
#poll-container ul#poll span.percentage {display: none;float: right; padding: 0px; font-weight: normal; font-size: 16px; color: #464646 !important;}
#poll-container #submitpoll { /*display: none;*/ background: #464646; padding: 8px 30px;color: #fff !important; font-size: 15px; }
#poll-container .radio { /*display: none;*/ float: left; }