
@charset "UTF-8";
body {
    background: url(assets/images/ee5e6eff9068630ad64d4376fb72932c.jpg) no-repeat top center fixed;
}

#esconder {
background:black}

@media screen and (min-width: 790px) {
    .site-navigation {
        background: black;
    }


.site-navigation .menu li a, .site-navigation .nav-menu li a {
    color: white;
}
}

.titleWidgetsMod {
    color: #C4169C}

.loadingPlayer {
  border: 4px solid #C4169C;
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.1);
  /*border-left: 6px solid #3498db;
  border-right: 6px solid #3498db;*/
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}



/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



          



.image-equipe {
    position: relative;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
           border-radius: 5px;
    background: black;
    border: 0px;
}

.sepWidgets {
    height:3px; 
    width:50px; 
    position:relative; 
    top:-13px; 
    background: #C4169C;
}


#preloader {



    position:fixed;



    top:0;



    left:0;



    right:0;



    bottom:0;



    background-color:#C4169C;



    z-index:9999;



}







/*#banner { background: url(admin/midia/5c6d74befb6ad7b6383c2ddaca2c2343.png); }*/







.avalie {



  position: fixed;



  bottom: 0;



  right: 0;



  background-image: -webkit-linear-gradient(125deg, #C4169C 50%, transparent 35%);



  width: 83px;



  height: 60px;



  z-index: 10;



}



#avalietexto {



-webkit-transform:rotate(325deg); //tente 90 no lugar de 270



-moz-transform:rotate(90deg);



-o-transform: rotate(270deg);



white-space:nowrap;



display:block;



bottom:0;



font-family: Arial, Helvetica, sans-serif;



font-size:11px;



font-weight:normal;



margin-top:25px;



margin-left: 20px;



color: white;



}







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



    2.2 Links



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



a:link { 



 text-decoration:none; 



}



a {



    transition: opacity .25s ease 0s, background-color .25s ease 0s, color .25s ease 0s, background .25s ease 0s, box-shadow .25s ease 0s;



    text-decoration: none;



    color: #C4169C;



    text-decoration: none;



}



a:hover {



    color: #C4169C;



}











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



 EDITADO



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



 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}







body {



    line-height: 1;



}







ol, ul {



    list-style: none;



}







blockquote, q {



    quotes: none;



}







blockquote:before, blockquote:after {



    content: '';



    content: none;



}







table {



    border-spacing: 0;



    border-collapse: separate;



}







html {



        -ms-text-size-adjust: 100%;



    -webkit-text-size-adjust: 100%;



}







article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}







a:focus {



    outline: none;



}







a:active, a:hover {



    outline: 0;



}







a img {



    border: 0;



}







audio, canvas, progress, video {



    display: inline-block;



    vertical-align: baseline;



}







audio:not([controls]) {



    display: none;



    height: 0;



}







[hidden], template {



    display: none;



}







abbr[title] {



    border-bottom: 1px dotted;



}







b, strong {



    font-weight: bold;



}







dfn {



    font-style: italic;



}







small {



    font-size: 80%;



}







sub, sup {



    font-size: 75%;



    line-height: 0;



    position: relative;



    height: 0;



    vertical-align: baseline;



}







sup {



    bottom: 1ex;



}







sub {



    top: .5ex;



}







img {



    -ms-interpolation-mode: bicubic;



    border: 0;



}







pre {



    overflow: auto;



}







button, input, optgroup, select, textarea {



    font: inherit;



    margin: 0;



    color: inherit;



}







button {



    overflow: visible;



}







button, select {



    text-transform: none;



}







button, html input[type="button"], input[type="reset"], input[type="submit"] {



    cursor: pointer;



    -webkit-appearance: button;



}







input[type="search"] {



    -webkit-box-sizing: content-box;



       -moz-box-sizing: content-box;



            box-sizing: content-box;



    -webkit-appearance: textfield;



}







input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {



    -webkit-appearance: none;



}







button[disabled], html input[disabled] {



    cursor: default;



}







button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}







button, input {



    line-height: normal;



    *overflow: visible;



}







input[type="checkbox"], input[type="radio"] {



    padding: 0;



}







*, *:before, *:after {



    -webkit-box-sizing: border-box;



       -moz-box-sizing: border-box;



            box-sizing: border-box;



}







legend {



    padding: 0;



    border: 0;



}







textarea {



    overflow: auto;



}







optgroup {



    font-weight: bold;



}







table {



    border-spacing: 0;



    border-collapse: collapse;



}







td, th {



    padding: 0;



}







.clearfix:after, .container:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.clearfix, .container {
    display: inline-block;
}


.clearfix, .container {
    display: block;
}

.clear, .gallery {
    zoom: 1;
}



.clear:before, .gallery:before, .clear:after, .gallery:after {



    display: table;



    content: "";



}



.clear:after, .gallery:after {



    clear: both;



}







.break, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre {



    word-wrap: break-word;



    word-break: break-word;



}







.none {



    display: none;



}







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



2.0 Document Setup



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



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



    2.1 Typography



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



html, body {



    font-size: 13.5px;



}







body, button, input, select, textarea {



    font-family: "Open Sans", Helvetica, Arial, sans-serif;



    line-height: 1.8;



    color: #AAA;



}







pre, code, input, textarea {



    font: inherit;



}







::-moz-selection {



    color: white;



    background: #000;



}







::selection {



    color: white;



    background: #000;



}







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



    2.3 Heading



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



h1, h2, h3, h4, h5, h6 {



    font-family: "Oswald", Helvetica, Arial, sans-serif;



    font-weight: normal;



    clear: both;



    margin: 0 0 10px;



    text-transform: uppercase;



}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {



    text-decoration: none;



    color: inherit;



}







h1 {



    font-size: 25px;



    line-height: 1.15;



}



@media screen and (min-width: 790px) {



    h1 {



        font-size: 30px;



    }



}







h2 {



    font-size: 18px;



}



@media screen and (min-width: 790px) {



    h2 {



        font-size: 20px;



    }



}







h3 {



    font-size: 16px;



}







h4 {



    font-size: 18px;



    font-weight: normal;



}







h5 {



    font-size: 15px;



    letter-spacing: 1px;



    text-transform: uppercase;



}







h6 {



    font-size: 13px;



    font-weight: normal;



    letter-spacing: 2px;



    text-transform: uppercase;



}







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



    2.4 Base



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



ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {



    margin-bottom: 20px;



}







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



    2.5 Content



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



img {



    max-width: 100%;



    height: auto;



    vertical-align: middle;



}







b, strong {



    font-weight: bold;



}







blockquote {



    clear: both;



    margin: 20px 0;



    margin: 2rem 0;



}



blockquote p {



    font-size: 24px;



    line-height: 1.5;



}



blockquote cite {



    font-size: 13px;



    font-style: normal;



    margin-bottom: 20px;



}







dfn, cite, em, i {



    font-style: italic;



}







figure {



    margin: 0;



}







address {



    margin: 20px 0;



}







hr {



    height: 1px;



    margin-bottom: 20px;



    border: 0;



    border-top: 1px solid #EEE;



}







tt, kbd, pre, code, samp, var {



    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;



    padding: 5px 7px;



    -webkit-border-radius: 2px;



       -moz-border-radius: 2px;



            border-radius: 2px;



    background-color: #EEE;



}







pre {



    line-height: 1.7;



    overflow: auto;



    max-width: 100%;



    margin: 20px 0;



    padding: 20px;



    white-space: pre-wrap;



}







details summary {



    font-weight: bold;



    margin-bottom: 20px;



}



details :focus {



    outline: none;



}







abbr, acronym, dfn {



    font-size: .95em;



    cursor: help;



    letter-spacing: 1px;



    text-transform: uppercase;



    border-bottom: 1px dotted #EEE;



}







mark {



    text-decoration: none;



    background-color: #FFF9C0;



}







small {



    font-size: 75%;



}







big {



    font-size: 125%;



}







ul, ol {



    padding-left: 20px;



}







ul {



    list-style: disc;



}







ol {



    list-style: decimal;



}







ul li, ol li {



    margin: 8px 0;



}







dt {



    font-weight: bold;



}







dd {



    margin: 0 20px 20px;



}







iframe, embed {



    max-width: 100%;



}







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



    2.6 Table



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



table {



    width: 100%;



    margin-bottom: 20px;



    border-spacing: 0;



    border-collapse: collapse;



    border: 1px solid #EEE;



}







table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {



    line-height: 1.42857;



    padding: 5px;



    text-align: center;



    vertical-align: middle;



    border: 1px solid #EEE;



}







table > thead > tr > th, table > thead > tr > td {



    font-weight: bold;



    border-bottom-width: 2px;



}







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



    2.7 Form



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



fieldset {



    padding: 20px;



    border: 1px solid #EEE;



}







input[type="reset"], input[type="submit"], input[type="submit"] {



    padding: 10px 20px;



    cursor: pointer;



    color: white;



    border: none;



    -webkit-border-radius: 2px;



       -moz-border-radius: 2px;



            border-radius: 2px;



    background: #C4169C;



}



input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover {



    background: #C4169C;



}







input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {



    cursor: pointer;



}







textarea {



    resize: vertical;



}







select {



    overflow: auto;



    max-width: 100%;



    padding: 10px;



    vertical-align: top;



    border: 1px solid #EEE;



    outline: none;



}







textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {



    max-width: 100%;



    padding: 8px 12px;



    border: 1px solid #333;



    -webkit-border-radius: 2px;



       -moz-border-radius: 2px;



            border-radius: 2px;



    background: transparent;







    -webkit-appearance: none;



}



textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {



    outline: none;



}







button::-moz-focus-inner {
    padding: 0;
    border: 0;
}







input[type="radio"], input[type="checkbox"] {



    margin: 10px;



}







input, textarea, input[type="submit"]:focus {



    outline: 0 none;



}







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



    2.8 Accessibility



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



/* Text meant only for screen readers */



.screen-reader-text {



    position: absolute !important;



    clip: rect(1px, 1px, 1px, 1px);



}







.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {



    line-height: normal;



    z-index: 100000;



    top: 5px;



    left: 5px;



    display: block;



    clip: auto !important;



    width: auto;



    height: auto;



    padding: 1.7em;



    padding: 17px;



    text-decoration: none;



    color: #C4169C;



    -webkit-border-radius: 3px;



       -moz-border-radius: 3px;



            border-radius: 3px;



    background-color: #7E7E7E;



    /* Above WP toolbar */



}







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



    2.9 Helper



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



.fleft {



    float: left;



}







.fright {



    float: right;



}







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



3.0 Scaffolding



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



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



4.0 Structure & Elements



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

/* Structure
------------------------------*/

.container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}


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



    4.1 Header



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



/* Search Box



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



.search-toggle .screen-reader-text {



    left: 5px;



}







.search-box-wrapper {



    overflow: hidden;



    height: 0;



    color: white;



    background: #222;



}



.search-box-wrapper .container {
    max-width: 1298px;
}



.search-box-wrapper .search-form {



    margin-bottom: 0;



    padding: 3px 0 0 20px;



}



.search-box-wrapper input {



    font-size: 20px;



    font-style: italic;



    color: white;



    border: none;



    border: none;



    outline: none;



    background: #222;



}



.search-box-wrapper .search-submit {



    display: none;



}



.search-box-wrapper .search.icon {



    font-size: 23px;



    position: absolute;



    top: 17px;



    left: 18px;



}







/* Top bar



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



.topbar {



    background: black;



    -webkit-box-shadow: 0 2px 2px -2px #111;



       -moz-box-shadow: 0 2px 2px -2px #111;



            box-shadow: 0 2px 2px -2px #111;



}



.topbar .container {
    max-width: 1098px;
}



.topbar p {



    font-size: 12px;



    margin-bottom: 0;



    padding: 10px 0;



}



.topbar ul {



    margin: 0;



    padding: 0;



}



.topbar ul li {



    display: inline-block;



    margin: 0;



    list-style: none;



}



.topbar ul li a {



    font-size: 10.5px;



    font-weight: 600;



    display: inline-block;



    padding: 10px 12px;



    text-transform: uppercase;



    color: #7E7E7E;



}



.topbar ul li a:hover {



    color: white;



}



.topbar .topbar_left ul li:first-child a {



    padding-left: 0;



}



.topbar .topbar_right ul li:last-child a {



    padding-right: 0;



}



.topbar .topbar_right {



    display: none;



}



@media screen and (min-width: 790px) {



    .topbar .topbar_right {



        display: block;



    }



}



.topbar .search-toggle {



    margin-left: 15px;



    padding-top: 6px;



}



.topbar .search-toggle i:hover {



    color: white;



}







.header {



    padding: 22px 0;



}







.logo_area{
    width: 100%;
    max-width: 1170px;
    background: black;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
}

@media screen and (min-width: 790px) {
    #playerrodape{
    width: 84%;
}



    .header .logo_area.left {



        float: left;    



    }



 .logo_area img {



        max-width: 300px;    



    }    



    .header .header_right {



        display: block;



    }



.header .container {
  padding: 1px 0;
  text-align: center;
 }    
}







.header_right .event_count_wrapper {



    margin-top: 10px;



}







.event_count_wrapper {



    font-family: "Oswald", Helvetica, Arial, sans-serif;



    font-size: 14px;



    font-weight: normal;



    text-transform: uppercase;



    color: white;



}



.event_count_wrapper:hover {



    color: white;



}



.event_count_wrapper .next_event_text {



    float: right;



    margin-right: 15px;



    padding-top: 4px;



}



.event_count_wrapper .event_countdown {



    float: right;



}



.event_count_wrapper .event_countdown .countdown-amount {



    font-size: 17px;



    position: relative;



    z-index: 100;



    display: inline-block;



    min-width: 32px;



    margin: 0 7.5px;



    padding: 2px 0;



    text-align: center;



    color: white;



    -webkit-border-radius: 2px;



       -moz-border-radius: 2px;



            border-radius: 2px;



    background: #444;



    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);



       -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);



            box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);



}



.event_count_wrapper .event_countdown .countdown-amount:before {



    position: absolute;



    z-index: -9999;



    top: 17px;



    left: 1px;



    display: block;



    width: 30px;



    height: 1px;



    content: "";



    background: #777;



}



.event_count_wrapper .event_countdown .countdown-period {



    font-size: 13px;



    color: #7E7E7E;



}







/* Navigation ------------------------------ */

@media screen and (min-width: 1050px) {
    .menu-toggle {
        display: none;
    }
}

.menu-toggle {
    font-family: "Oswald", Helvetica, Arial, sans-serif;
    font-weight: normal;
    width: 100%;
    padding: 12px 20px 16px;
    cursor: pointer;
    text-align: left;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: white;
    border: none;
    background: #C4169C;
}

.site-navigation.toggled-on .menu, .site-navigation.toggled-on .nav-menu {
    display: block;
}

.site-navigation {
    position: relative;
    z-index: 100;
    border-bottom: 3px solid #C4169C;
}

.site-navigation .menu, .site-navigation .nav-menu {
    display: none;
    margin: 0;
    padding: 0;
}

.site-navigation .menu li a, .site-navigation .nav-menu li a {
    font-family: "Oswald", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7;
    display: block;
    padding: 12.5px 20px;
    transition: opacity .25s ease 0s, background-color .25s ease 0s, color .25s ease 0s, background .25s ease 0s, box-shadow .25s ease 0s;
    letter-spacing: .6px;
    text-transform: uppercase;
    border-bottom: 1px solid #212121;
    color: #C4169C;
}

@media screen and (max-width: 501px) {
    .site-navigation .menu, .site-navigation .nav-menu {
        background:#ffffff;
    }
}

@media screen and (min-width: 1050px) {
    .site-navigation .menu, .site-navigation .nav-menu {
        display: inline;
    }
}

.site-navigation .menu ul, .site-navigation .nav-menu ul {
    margin-left: 0;
}

.site-navigation .menu ul li a, .site-navigation .menu ul ul li a, .site-navigation .nav-menu ul li a, .site-navigation .nav-menu ul ul li a {
    min-width: 100%;
}

@media screen and (min-width: 1050px) {
    .site-navigation .menu ul li a, .site-navigation .menu ul ul li a, .site-navigation .nav-menu ul li a, .site-navigation .nav-menu ul ul li a {
        min-width: 200px;
        max-width: 250px;
    }

    .site-navigation .menu ul li a:hover, .site-navigation .menu ul li a:focus, .site-navigation .menu ul ul li a:hover, .site-navigation .menu ul ul li a:focus, .site-navigation .nav-menu ul li a:hover, .site-navigation .nav-menu ul li a:focus, .site-navigation .nav-menu ul ul li a:hover, .site-navigation .nav-menu ul ul li a:focus {
       color: white;
        background: #C4169C;
    }
}

.site-navigation .menu li, .site-navigation .nav-menu li {
    margin: 0;
    list-style: none;
    text-align: left;
}

@media screen and (min-width: 1050px) {
    .site-navigation .menu li, .site-navigation .nav-menu li {
        position: relative;
        display: inline-block;
    }
}

@media screen and (min-width: 1050px) {
    .site-navigation .menu li a, .site-navigation .nav-menu li a {
        padding: 13.33333px 25px;
        border-bottom: none;
        border-bottom: none;
    }
}

.site-navigation .menu li a:hover, .site-navigation .nav-menu li a:hover {
    color: #C4169C;
}

@media screen and (min-width: 1050px) {
    .site-navigation .menu li a:hover, .site-navigation .nav-menu li a:hover {
        color: white;
        background: #C4169C;
    }
}

.site-navigation .menu li.current-menu-item a, .site-navigation .menu li.current_page_item a, .site-navigation .nav-menu li.current-menu-item a, .site-navigation .nav-menu li.current_page_item a {
    color: #C4169C;
}

@media screen and (min-width: 1050px) {
    .site-navigation .menu li.current-menu-item a, .site-navigation .menu li.current_page_item a, .site-navigation .nav-menu li.current-menu-item a, .site-navigation .nav-menu li.current_page_item a {
        color: white;
        background: #C4169C;
    }
}

.item {
  display: block;
  margin-bottom: 3pt;
  margin-left; 0;
  font-size:12px;
}

.item a{
    text-decoration: none;
    color: white;
}

.linha{
    border-style: dashed;
}







@media screen and (min-width: 1050px) {
    .site-navigation .menu li.menu-item-has-children > a:after, .site-navigation .nav-menu li.menu-item-has-children > a:after {
        position: absolute;
        top: 50%;
        right: 15px;
        width: 0;
        height: 0;
        margin-top: -1px;
        content: "";
        border-width: 4px;
        border-style: solid;
        border-color: #7E7E7E transparent transparent;
    }

    .site-navigation .menu li.menu-item-has-children > a, .site-navigation .nav-menu li.menu-item-has-children > a {
        padding-right: 30px;
    }

    .site-navigation .menu li li.menu-item-has-children > a:after, .site-navigation .nav-menu li li.menu-item-has-children > a:after {
        top: 45%;
        border-color: transparent transparent transparent #7E7E7E;
    }

    .site-navigation .menu li.menu-item-has-children:hover a:after, .site-navigation .nav-menu li.menu-item-has-children:hover a:after {
        border-color: #FFF transparent transparent;
    }
}

.site-navigation .menu .sub-menu, .site-navigation .nav-menu .sub-menu {
    margin: 0;
    padding: 0;
}



.site-navigation .menu .sub-menu li a, .site-navigation .nav-menu .sub-menu li a {
    padding-left: 20px;
    border-bottom: 1px solid #212121;
}

.site-navigation .menu .sub-menu li a:before, .site-navigation .nav-menu .sub-menu li a:before {
    content: "↳ ";
}

@media screen and (min-width: 1050px) {
    .site-navigation .menu .sub-menu li a, .site-navigation .nav-menu .sub-menu li a {
        padding: 8.69565px 0;
        padding-left: 10px;
        color: black;
        border-bottom: 1px solid #F5F5F5;
        background: #FFF;
   }
}

@media screen and (min-width: 1050px) {

    .site-navigation .menu .sub-menu li:last-child a, .site-navigation .nav-menu .sub-menu li:last-child a {
       border-bottom: none;
    }
}

.site-navigation .menu .sub-menu li li a, .site-navigation .nav-menu .sub-menu li li a {
    padding-left: 60px;
}


@media screen and (min-width: 1050px) {

    .site-navigation .menu .sub-menu li a, .site-navigation .nav-menu .sub-menu li a {
        padding-left: 15px;
    }

    .site-navigation .menu .sub-menu li a:before, .site-navigation .nav-menu .sub-menu li a:before {
        content: "";
    }

    .site-navigation .menu .sub-menu li li a, .site-navigation .nav-menu .sub-menu li li a {
        padding-left: 30px;
    }
}



@media screen and (min-width: 1050px) {

    .site-navigation .menu .sub-menu, .site-navigation .nav-menu .sub-menu {
        position: absolute;
        z-index: 9999;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        background: #FFF;
    }

    .site-navigation .menu .sub-menu ul, .site-navigation .nav-menu .sub-menu ul {
        top: 0;
        left: 100%;
    }

    .site-navigation .menu .sub-menu a, .site-navigation .nav-menu .sub-menu a {
        font-size: 12px;
        padding-left: 15px;
   }
}



@media screen and (min-width: 1050px) {

    .site-navigation .menu li:hover > ul.sub-menu, .site-navigation .menu li:hover > ul, .site-navigation .menu li li:hover > ul, .site-navigation .nav-menu li:hover > ul.sub-menu, .site-navigation .nav-menu li:hover > ul, .site-navigation .nav-menu li li:hover > ul {
        overflow: inherit;
        clip: inherit;
        width: inherit;
        height: inherit;
    }
}







.vote .zapmobile{



    display:none;



}







.header_social {



    position: relative;



    top: 10px;



    right: 15px;



    margin: 0;



    padding-top: 1px;



    float: right;



    height:75px;  



}



.header_social li {



    display: inline-block;



    margin: 0;



    font-size: 27px;



}



.header_social li a {



    margin: 0;



    color: #C4169C;



}



.header_social li a i.icon {



    font-size: 27px;



}



.header_social li a:hover {



    color: #999;



    /*border-bottom:3px solid #C4169C;*/



}



/*REDES SOCIAS 2*/



.header_social2 {



    position: relative;



    top: 10px;



    right: 15px;



    margin: 0;



    padding-top: 1px;



    float: right;



    height:75px;  



}



.header_social2 li {



    display: inline-block;



    margin: 0;



    font-size: 27px;



}



.header_social2 li a {



    margin: 0;



    color: #C4169C;



}



.header_social2 li a i.icon {



    font-size: 27px;



}



.header_social2 li a:hover {



    color: #999;



    /*border-bottom:3px solid #C4169C;*/



}







.header_info {



    list-style-type: none;



    margin: 0;



    padding: 0;



    overflow: hidden;



    background-color: #C4169C;



    border-top-left-radius: 6em;



    border-bottom-left-radius: 6em;



    height: 150px;



}







.header_info li {



    float: left;



}







.header_info li a {



    display: block;



    color: white;



    text-align: center;



    padding: 16px;



    text-decoration: none;



}



.topimg {



    margin-top:60px;



    margin-left: 20px;



    z-index: 9999;



}



.header_info img {



    margin-top:-8px;



}   



.header_info li a:hover {



    background-color: #111111;



}







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



    4.2 Main



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



#primary {



    margin-bottom: 20px;



    padding-bottom: 20px;



}







@media screen and (min-width: 790px) {



    #primary {



        margin-bottom: 0;



        padding-bottom: 0;



        border-bottom: none;



    }



}



@media screen and (min-width: 790px) {



    #primary {



        float: left;



        width: 65.43967%;



    }







    #secondary {



        float: right;



        width: 28.62986%;



    }



    #secondaryleft {



        float: left;



        width: 28.62986%;



    }   



}



#secondary .widget {



    max-width: 250px;



}







#secondaryleft .widget {



    max-width: 250px;



}







@media screen and (min-width: 500px) {



    #widget .widget {



        float: left;



        width: 46.93252%;



        margin-right: 6.13497%;



    }







    #secondary .widget:nth-child(2n+0) {



        clear: right;



        margin-right: 0;



    }



}



@media screen and (min-width: 790px) {



    #secondary .widget {



        width: 100%;



    }



}







@media screen and (max-width: 790px) {
#boxed_content {
    margin-top:-10px;
 }

 .hi .locutor{
 margin-top:10px;
 }
}

.boxed_content {
    position: relative;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 30px;
    color: white;   
}

.content{
    margin-top: 30px;
}

.site-content .page-inner {
    padding: 30px 0;
}

.top_feature {
    margin-bottom: 30px;
}



.top_feature .ui.grid > .column {



    margin-top: 0;



    margin-bottom: 0;



}







/* Box_Content



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



.widget_heading, .widget-title {



    font-size: 13px;



    font-weight: normal;



    margin-top: 0;



    margin-bottom: 15px;



    letter-spacing: .6px;



    text-transform: uppercase;



    color: #7E7E7E;



}







.dark_shadow, .album, .album-thumb, .rsVideos, .video_wrapper, .video_lightbox, .image-lightbox {



   /* -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);



       -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);



            box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);*/



}







.player_box {



    padding: 20px;



    background: #212121;



}







/* Album Carousel



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



#albums_carousel {



    margin-right: -15px;



    margin-left: -15px;



}



#albums_carousel .widget_heading, #albums_carousel .widget-title {



    margin-right: 15px;



    margin-left: 15px;



}



#albums_carousel .ac_item {



    position: relative;



    margin: 0 15px;



    border: 7px solid #212121;



}



#albums_carousel .ac_item img {



    height: auto;



}



#albums_carousel .ac_item:hover .overlay {



    opacity: .3;



}



#albums_carousel .ac_item:hover .overlay_title {



    opacity: 1;



}







.overlay {



    position: absolute;



    z-index: 99;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    transition: opacity .1s ease-in 0s;



    opacity: 0;



    background: none repeat scroll 0 0 #C4169C;



}







.overlay_title {



    position: absolute;



    z-index: 100;



    top: 45%;



    left: 0;



    width: 100%;



    transition: opacity .2s ease-in-out 0s;



    text-align: center;



    opacity: 0;



}



.overlay_title h2 {



    font-size: 15px;



    color: white;



}







.owl-controls .left.icon, .owl-controls .right.icon {



    float: none;



}



.owl-controls .owl-prev, .owl-controls .owl-next {



    display: inline-block;



}



.owl-controls .owl-prev i, .owl-controls .owl-next i {



    font-size: 18px;



}



.owl-controls .owl-prev i:hover, .owl-controls .owl-next i:hover {



    color: #C4169C;



}



.owl-controls .owl-next {



    position: absolute;



    top: -35px;



    right: 3px;



}



.owl-controls .owl-prev {



    position: absolute;



    top: -35px;



    right: 18px;



}







/* Recent News ------------------------------*/
.recent_news article {
    margin-bottom: 30px;
}
.recent_news article .entry-thumb {
    float: none;
    width: 100%;
    margin-right: 30px;
    margin-bottom: 25px;
}

@media screen and (min-width: 500px) {

    .recent_news article .entry-thumb {
        float: left;
        width: 222px;
        margin-bottom: 0;
    }
}

.recent_news article .entry-thumb img {
    max-width: 100%;
    border: 5px solid #C4169C;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}


@media screen and (min-width: 501px) {
    .recent_news article .entry-thumb img {
        max-width: 222px;
    }
}

.recent_news article .entry-thumb img:hover {
    border-color: #C4169C;
}



.recent_news article .entry-detail {



    overflow: hidden;



}



.recent_news article .entry-detail .entry-title {



    font-size: 18px;



    margin-bottom: 5px;



}



.recent_news article .entry-detail .entry-title a {



    color: white;



}



.recent_news article .entry-detail .entry-title a:hover {
    color: #C4169C;
}

.recent_news article .entry-meta {
    font-size: 11px;
    margin-bottom: 6.66667px;
    text-transform: uppercase;
}

.recent_news article .entry-meta .sep {
    margin: 0 10px;
}

.recent_news article .entry-meta a:hover {
    color: white;
}

.recent_news article .entry-more {
    margin-top: 20px;
}

.recent_news.bigthumb article .entry-thumb {
    float: none;
    width: 100%;
    margin-bottom: 25px;
}

.recent_news.bigthumb article .entry-thumb img {
    max-width: 100%;
    border: 7px solid #C4169C;
    -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
            border-radius: 3px;
}

.recent_news.bigthumb article .entry-thumb img:hover {
    border-color: #C4169C;
}







.single .entry-meta {



    margin-bottom: 20px !important;



    padding: 10px 0;



    border-top: 1px solid #212121;



    border-bottom: 1px solid #212121;



}







/* Content



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



/* Sidebar



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



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



    4.3 Footer



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

/*#copy_right {
    display: ;
}*/

.site-footer {
    position: relative;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 30px;
}

.site-footer .container {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-footer ul {
    padding: 0;
    list-style: none;
}

.site-footer .widget_nav_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer .widget_nav_menu ul li {
    margin: 0;
    border-bottom: 1px solid #212121;
}

.site-footer .widget_nav_menu ul li:last-child {
    border-bottom: none;
}

.site-footer .widget_nav_menu ul li a {
    display: block;
    padding: 5px 0 9px;
}

.site-footer .ui.grid > .column {
    margin-top: 0;
    margin-bottom: 30px;
}



.site-footer .footer_copy {



    padding-top: 14px;



    /*border-top: 2px solid #C4169C;*/



}



.site-footer .footer_copy .copy_left, .site-footer .footer_copy .copy_right {



    text-align: center;



}



@media screen and (min-width: 790px) {



    .site-footer .footer_copy .copy_left {



        text-align: left;



    }



    .site-footer .footer_copy .copy_right {



        text-align: right;



    }



}



.site-footer .footer_copy p {



    margin-bottom: 0;



}



.site-footer .footer_copy .ui.grid > .column {



    margin-bottom: 0;



}



.site-footer .ui.grid .copy_left, .site-footer .ui.grid .copy_right {



    text-align: center;



}



@media screen and (min-width: 790px) {



    .site-footer .ui.grid .copy_left {



        text-align: left;



    }



    .site-footer .ui.grid .copy_right {



        text-align: right;



    }



}



.site-footer a {



    color: #C4169C;



}



.site-footer a:hover {



    color: #C4169C;



}







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



4.0 Posts



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



/* Post Format



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



/* Post Entry



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



.entry-content {
    margin-bottom: 20px;
}


.album-content iframe {
    width: 100% !important;
}







.entry-footer i.icon {



    float: left;



    margin: 4px 4px 0 0;



    margin: .4rem .4rem 0 0;



    color: white;



}



.entry-footer .post-categories, .entry-footer .post-tags {



    margin-bottom: 5px;



    padding: 0;



    list-style: none;



}



.entry-footer .post-categories li, .entry-footer .post-tags li {



    display: inline;



    margin: 0;



}



.entry-footer .post-categories li a, .entry-footer .post-tags li a {



    color: #AAA;



}



.entry-footer .post-categories li a:hover, .entry-footer .post-tags li a:hover {



    color: #C4169C;



}



.entry-footer .post-categories li:after, .entry-footer .post-tags li:after {



    content: ", ";



    color: #7E7E7E;



}



.entry-footer .post-categories li:last-child:after, .entry-footer .post-tags li:last-child:after {



    content: none;



}







/* WordPress caption style



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



.wp-caption {



    font-style: italic;



    line-height: 1.35;



    max-width: 100%;



    margin-bottom: 20px;



    margin-bottom: 2rem;



}



.wp-caption img[class*="wp-image-"] {



    display: block;



    max-width: 98%;



}



.wp-caption .wp-caption-text {



    margin: 10px 0;



    margin: 1rem 0;



}







.wp-caption-text, .entry-thumbnail-caption, .cycle-caption {
    font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
    line-height: 1.35;
}

.alignleft, .entry-thumbnail.thumbnail {
    display: inline;
    float: left;
    margin-right: 30px;
    margin-right: 3rem;
}







.alignright {



    display: inline;



    float: right;



    margin-left: 30px;



    margin-left: 3rem;



}







.aligncenter {



    display: block;



    clear: both;



    margin: 0 auto;



}







img.wp-smiley {



    margin-top: 0;



    margin-bottom: 0;



    padding: 0;



    border: none;



}







.gallery-caption {



    font-family: inherit;



}







.bypostauthor {



    margin: 0;



}







/* Gallery



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



.gallery {



    margin-bottom: 20px;



    margin-bottom: 2rem;



}







.gallery-item {



    position: relative;



    float: left;



    overflow: hidden;



    margin: 0 4px 4px 0;



    margin: 0 .4rem .4rem 0;



}







.gallery-columns-1 .gallery-item {



    max-width: 100%;



}







.gallery-columns-2 .gallery-item {



    max-width: 48%;



    max-width: -webkit-calc(50% - 4px);



    max-width:         calc(50% - 4px);



}







.gallery-columns-3 .gallery-item {



    max-width: 32%;



    max-width: -webkit-calc(33.3% - 4px);



    max-width:         calc(33.3% - 4px);



}







.gallery-columns-4 .gallery-item {



    max-width: 23%;



    max-width: -webkit-calc(25% - 4px);



    max-width:         calc(25% - 4px);



}







.gallery-columns-5 .gallery-item {



    max-width: 19%;



    max-width: -webkit-calc(20% - 4px);



    max-width:         calc(20% - 4px);



}







.gallery-columns-6 .gallery-item {



    max-width: 15%;



    max-width: -webkit-calc(16.7% - 4px);



    max-width:         calc(16.7% - 4px);



}







.gallery-columns-7 .gallery-item {



    max-width: 13%;



    max-width: -webkit-calc(14.28% - 4px);



    max-width:         calc(14.28% - 4px);



}







.gallery-columns-8 .gallery-item {



    max-width: 11%;



    max-width: -webkit-calc(12.5% - 4px);



    max-width:         calc(12.5% - 4px);



}







.gallery-columns-9 .gallery-item {



    max-width: 9%;



    max-width: -webkit-calc(11.1% - 4px);



    max-width:         calc(11.1% - 4px);



}







.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {



    margin-right: 0;



}







.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {



    clear: left;



}







.gallery-caption {



    font-size: 12px;



    font-size: 12px;



    font-size: 1.2rem;



    line-height: 1.5;



    position: absolute;



    bottom: 0;



    left: 0;



    -webkit-box-sizing: border-box;



       -moz-box-sizing: border-box;



            box-sizing: border-box;



    width: 100%;



    max-height: 50%;



    margin: 0;



    padding: 6px 8px;



    padding: .6rem .8rem;



    text-align: left;



    opacity: 0;



    color: white;



    background-color: rgba(0, 0, 0, .7);



}



.gallery-caption:before {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    min-height: 49px;



    content: "";



}







.gallery-item:hover .gallery-caption {



    opacity: 1;



}







.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {



    display: none;



}







.attachment {



    margin-bottom: 20px;



    margin-bottom: 2rem;



}







/* Comments



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



#comments .comments-title {



    margin-bottom: 20px;



    margin-bottom: 2rem;



}



#comments .comment-list {



    padding-left: 0;



    list-style: none;



}



#comments .comment-list .pingback {



    margin: 0;



    margin: 0rem;



    padding: 20px 0;



    padding: 2rem 0;



    border-bottom: 1px solid #EEE;



}



#comments .comment-list .pingback p {



    margin: 0;



}



#comments .comment-list .pingback:last-child {



    margin-bottom: 40px;



    margin-bottom: 4rem;



}



#comments .comment {



    margin: 30px 0;



    margin: 3rem 0;



    list-style: none;



}



#comments .comment .avatar {



    float: left;



    width: 60px;



    -webkit-border-radius: 3px;



       -moz-border-radius: 3px;



            border-radius: 3px;



}



#comments .comment .comment-wrapper {



    position: relative;



    margin-left: 90px;



    margin-left: 9rem;



    padding: 25px 30px 15px 30px;



    padding: 2.5rem 3rem 1.5rem 3rem;



    background: #F8F9F9;



}



#comments .comment .comment-wrapper:before {



    position: absolute;



    top: 0;



    left: -9px;



    width: 0;



    height: 0;



    content: "";



    border-width: 0 10px 10px 0;



    border-style: solid;



    border-color: transparent #F6F7F9 transparent transparent;



}



#comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link {



    font-size: 11px;



    font-size: 1.1rem;



    letter-spacing: .3px;



    text-transform: uppercase;



    color: #7E7E7E;



}



#comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover {



    color: #C4169C;



}



#comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after {



    padding: 0 5px;



    padding: 0 .5rem;



    content: "/";



}



#comments .comment .comment-wrapper .comment-meta a:last-child:after {



    content: "";



}



#comments .comment .comment-wrapper .comment-meta cite .fn {



    font-weight: normal;



    font-style: normal;



    margin-right: 15px;



    margin-right: 1.5rem;



}



#comments .comment .children {



    padding-left: 30px;



    padding-left: 3rem;



}



#comments .comment .children .children {



    padding-left: 30px;



    padding-left: 3rem;



}



#comments .comment .children .children .children {



    padding-left: 0;



    padding-left: 0rem;



}



@media screen and (min-width: 790px) {



    #comments .comment .children {



        padding-left: 90px;



        padding-left: 9rem;



    }



    #comments .comment .children .children {



        padding-left: 90px;



        padding-left: 9rem;



    }



    #comments .comment .children .children .children {



        padding-left: 90px;



        padding-left: 9rem;



    }



}







/* Comment Form



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



#respond #reply-title {



    margin-bottom: 15px;



    padding-bottom: 6px;



    border-bottom: 2px solid #212121;



}



#respond .comment-form label {



    display: block;



    margin-bottom: 4px;



    margin-bottom: .4rem;



}



#respond .form-allowed-tags {



    font-size: 12px;



    font-size: 1.2rem;



}



#respond .form-allowed-tags code {



    background: none;



}







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



4.0 Pages



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



.page-title {



    margin-bottom: 30px;



    color: white;



}



.page-title-events {



    margin-bottom: -8px;



    color: white;



}







.page-title-info {



    margin-bottom: 5px;



    color: white;



}







.content-info {



    margin-bottom: 5px;



    color: white;



}



/* Events



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







.events_page .event_widget .event_left .event_date {



    font-size: 17px;



    padding: 2px 0;



}



.events_page .event_widget .event_left .event_date:before {



    top: 17px;



    width: 33px;



}



.events_page .event_widget .event_item {



    position: relative;



    margin-bottom: 30px;



    padding: 5px 10px 10px 0px;



    background-color: none;



}



.events_page .event_widget .event_item.has_map {



    padding: 20px;



}



.events_page .event_widget .event_item.has_map .event_map {



    margin-bottom: 15px;



}



.events_page .event_widget .event_detail .event_time, .events_page .event_widget .event_detail .event_location {



    display: block;



    margin-top: 5px;



    margin-bottom: 5px;



}



.events_page .event_widget .event_detail .event_title {



    margin-bottom: 10px;



}



@media screen and (min-width: 1100px) {



    .events_page .event_widget .event_detail .event_time, .events_page .event_widget .event_detail .event_location {



        display: inline-block;



        margin-bottom: 0;



    }



    .events_page .event_widget .event_detail .event_button {



        float: right;



        margin: 0;



        margin-top: 20px;



    }



    .events_page .event_widget .event_detail .event_title {



        margin: 7px 0 3px;



    }



}







.event_single .event_item {



    position: relative;



    margin-bottom: 30px;



    padding: 15px 20px 20px 20px;



    background: #212121;



}



.event_single .event_item.has_map {



    padding: 20px;



}



.event_single .event_item.has_map .event_map {



    margin-bottom: 15px;



}



.event_single .event_time, .event_single .event_location {



    display: block;



    margin-top: 5px;



    margin-bottom: 5px;



}



.event_single .event_button {



    margin: 0;



    margin-top: -12px;



    margin-left: 5px;



}







/* Albums



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



.album {



    position: relative;



    border: 8px solid #212121;



}



.album .overlay_title h2 {



    font-size: 23px;



    color: white;



}







.album:hover .overlay {



    opacity: .3;



}







.album:hover .overlay_title {



    opacity: 1;



}







/* Single Albumn */



.album-thumb {



    margin-bottom: 20px;



    border: 8px solid #212121;



}







.album-release, .album-share {



    font-family: "Oswald", Helvetica, Arial, sans-serif;



    font-size: 14px;



    margin-bottom: 15px;



    letter-spacing: 1px;



    text-transform: uppercase;



}



.album-release span, .album-share span {



    color: white;



}







.album-share a {



    font-size: 15px;



    margin-right: 0;



    margin-left: 4px;



    color: white;



}







.single-album .page-header h1 {



    margin-bottom: 20px;



}







.single-album .player_box {



    margin-bottom: 20px;



}







.album-buy {



    margin-bottom: 30px;



    padding-top: 3px;



    text-align: left;



}



@media screen and (min-width: 790px) {



    .album-buy {



        margin-bottom: 0;



        text-align: right;



    }



}



.album-buy a.ui.button {



    margin-left: 2px;



}







.related-alumn {



    margin-top: 40px;



    padding-top: 20px;



    border-top: 3px solid #212121;



}







.album-buy.album-buy-sidebar {



    margin-bottom: 30px;



    text-align: left;



}



.album-buy.album-buy-sidebar a.ui.button {



    margin-right: 2px;



}







/* Contact



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



.map-contact {



    margin-bottom: 30px;



    padding: 20px 20px 20px 20px;



    color: white;



    background: #212121;



}



.map-contact iframe {



    margin-bottom: 15px;



}







/* About



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



.page_featured_image {



    position: relative;



}



.page_featured_image .featured_title {



    position: absolute;



    bottom: 50px;



    left: 50px;



    display: block;



}



.page_featured_image .featured_title span {



    font-family: "Oswald", Helvetica, Arial, sans-serif;



    font-size: 30px;



    font-weight: bold;



    line-height: 50px;



    display: inline-block;



    margin-bottom: 10px;



    padding: 5px 20px;



    letter-spacing: 3px;



    text-transform: uppercase;



    color: white;



    background: #F00;



}



@media screen and (min-width: 790px) {



    .page_featured_image .featured_title span {



        font-size: 35px;



    }



}







/* Filterable Gallery



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



.gallery-filterable .image-lightbox {



    margin-bottom: 0 !important;



}







.filterable-menu {



    margin-bottom: 30px;



    padding-top: 3px;



    text-align: left;



}



@media screen and (min-width: 790px) {



    .filterable-menu {



        margin-bottom: 0;



        text-align: right;



    }



}



.filterable-menu a.ui.button {



    margin-left: 2px;



}



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



Modulo Lateral



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



.widget-area-lateral aside {



    margin-top: -20px;



    float: right;



}











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



4.0 Widgets



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



.widget-area aside {



    margin-bottom: 50px;



    float: right;



}







.widget ul {



    padding-left: 0;



    list-style: none;



}







.widget-area-left aside {



    margin-bottom: 50px;



    float: left;



}







/* Events Widget



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



.event_widget article {



    margin-bottom: 10px;



}



.event_widget article:last-child {



    margin-bottom: 0;



}



.event_widget .event_left{



    font-family: "Oswald", Helvetica, Arial, sans-serif;



    position: relative;



    z-index: 0;



    float: left;



    width: 160px;



    margin-top: 2px;



    margin-right: 10px;



    text-transform: uppercase;



}



.event_widget .event_left .event_date {



    font-size: 19px;



    position: relative;



    z-index: 100;



    display: inline-block;



    min-width: 35px;



    margin-bottom: 3px;



    padding: 4px 0;



    text-align: center;



    color: white;



    -webkit-border-radius: 2px;



       -moz-border-radius: 2px;



            border-radius: 2px;



    background: #444;



    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);



       -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);



            box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);



}



.event_widget .event_left .event_date:before {



    position: absolute;



    z-index: -9999;



    top: 21px;



    left: 1px;



    display: block;



    width: 30px;



    height: 1px;



    content: "";



    background: #777;



}



.event_widget .event_left .event_month {



    width: 36px;



    text-align: center;



}



.event_widget .event_detail {



    overflow: hidden;



}



.event_widget .event_detail .event_title {



    font-size: 24px;



    margin-bottom: 5px;



    color: white;



}



.event_widget .event_detail .event_title a:hover {



    color: #C4169C;



}



.event_widget .event_detail .event_time, .event_widget .event_detail .event_location {



    font-size: 12px;



    margin-bottom: 0;



}



.event_widget .event_detail .event_button {



    margin-top: 10px;



}







/* Video Slider



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



.video_slider .widget-content {



    border: 8px solid #212121;



    -webkit-border-radius: 3px;



       -moz-border-radius: 3px;



            border-radius: 3px;



}







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



9.0 Supports



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



/* Custom Semantic-UI



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



/* Popup */



/* Accordion */



.ui.accordion, .ui.accordion .accordion {



    border-radius: 0;



}







/* Button */



.ui.button {



    font-family: "Oswald", Helvetica, Arial, sans-serif;



    font-size: 12px;



    font-weight: normal;



    margin-bottom: 10px;



    padding: .7em 1.2em;



    letter-spacing: .7px;



    text-transform: uppercase !important;



    color: #FFF;



    border-radius: 0;



    background: #7E7E7E;



}



.ui.button:hover {



    color: #FFF;;



    background: #C4169C;



}







.ui.button:focus {



    color: white;



    box-shadow: none;



}







.ui.button.colored {



    background: #C4169C;



}



.ui.button.colored:hover {



    background: #7E7E7E;



}







.ui.huge.button {



    font-size: 15px;



    font-weight: bold;



    padding: 15px 30px;



    letter-spacing: 1.2px;



}







.ui.soundcloud.button {



    background: #F50;



}







.ui.spotify.button {



    background: #81B71A;



}



/* RoyalSlider: Gallery Slideshow



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



#gallery-slideshow {



    width: 100%;



    -webkit-user-select: none;



       -moz-user-select: none;



            user-select: none;



}







/* Gallery Masonry



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



#gallery-masonry {



    width: 100% !important;



}



#gallery-masonry .gmitem {



    width: 33%;



    padding: 7px;



}



#gallery-masonry .gmitem.w2 {



    width: 66%;



}











/* Image Lightbox



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



.image-lightbox-galeria {



    position: relative;



    position: relative;



    padding: 7px 7px 7px 7px;



    -webkit-border-radius: 3px;



       -moz-border-radius: 3px;



            border-radius: 3px;



    background: #222;



    height: 220px;



}







.image-lightbox {
    position: relative;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
    border-radius: 3px;
    /*background: black;*/
    border: 0px;
}







.image-button {



    position: absolute;



    top: 50%;



    left: 50%;



    display: block;



    width: 32px;



    height: 32px;



    margin-top: -16px;



    margin-left: -16px;



    opacity: 0;



    -webkit-border-radius: 100px;



       -moz-border-radius: 100px;



            border-radius: 100px;



    background: url("assets/images/rs-default.png") repeat scroll 0 0 #C4169C;



}







.image-lightbox:hover .image-button {



    opacity: 1;



}







.image-lightbox:hover img {
    opacity: .4;
}







.imgIcon {



    background:url(assets/images/iconPlayer.png) no-repeat center #C4169C;



}



.imgPhoto {



    background:url(assets/images/iconPhoto.png) no-repeat center #C4169C;



}



.imgIconOpen {



    background:url(assets/images/iconOpen.png) no-repeat center #C4169C;



}



/* Gallery Carousel



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



#gallery_carousel {



    margin-top:10px;



    margin-bottom: 10px;



}



#gallery_carousel .box_content {



    margin-right: -10px;



    margin-left: -10px;



}



#gallery_carousel .owl-controls .owl-next {



    right: 0;



}







.gallery_carousel .gallery_item .image-lightbox {
    margin: 0 10px;
    padding: 3px;
}



.gallery_item img{



    width: 250px;



    height: 100px;



}



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



8.0 Shortcodes



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



/* Contact Form



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



form label {



    font-size: 11px;



    display: inline-block;



    margin-right: 5px;



    margin-bottom: 4px;



    text-transform: uppercase;



}







.form-row {



    margin-bottom: 10px;



}







#contact_form input[type="text"] {



    min-width: 250px;



}



#contact_form textarea {



    min-width: 320px;



    min-height: 150px;



}



#contact_form #contact_submit {



    margin-top: 10px;



}



#contact_form .notice.hide, #contact_form .loading.hide {



    display: none;



}



#contact_form .loading {



    display: inline-block;



    margin-left: 5px;



    vertical-align: middle;



}



#contact_form .error {



    border: 1px solid #C4169C !important;



}



#contact_form .notice_ok {



    color: green;



}







/* Accordion



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



.ui.accordion .accordion .title, .ui.accordion .title {



    padding: .8em 0;



    color: white;



}







.widget_container h1 {



    border-bottom:solid 3px rgba(192,192,192,0.3); 



    font-family:'Oswald', Arial, Helvetica, sans-serif; 



    font-size:30px; 



    padding-bottom:5px;



}







.widget_container h3 {

    border-bottom:solid 3px rgba(192,192,192,0.3); 
    font-family:'Oswald', Arial, Helvetica, sans-serif; 
    font-size:18px; 
    padding-bottom:5px;
}







.widget_container_page {



    position: relative;



    padding: 15px 5px 5px 15px;



    -webkit-border-radius: 5px;



       -moz-border-radius: 5px;



            border-radius: 5px;



    background: #C4169C;



    border: 0px;



    margin-bottom: 20px;



}











.thumbImgTop a,



.thumbImgTop .subAVideo {



    border:solid 3px #C4169C;



}







.widgetequipe .imgThumbEquipeDestaque { 



    border:solid 3px #C4169C; 



    background: #C4169C;



}







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



TOOLTIP



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



.tooltip-left:before { 



border-left-color: #C4169C !important;



}



.tooltip-top:before { 



border-top-color: #C4169C !important;



}



.tooltip-bottom:before { 



border-bottom-color: #C4169C!important;



}



.tooltip:after,.tooltip:after,[data-tooltip]:after {



background-color:#C4169C!important;



}







/* Base styles for the element that has a tooltip */



[data-tooltip],



.tooltip {



  position: relative;



  cursor: pointer;



  text-align:center;



}







/* Base styles for the entire tooltip */



[data-tooltip]:before,



[data-tooltip]:after,



.tooltip:before,



.tooltip:after {



  position: absolute;



  visibility: hidden;



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);



  opacity: 0;



  -webkit-transition: 



      opacity 0.2s ease-in-out,



        visibility 0.2s ease-in-out,



        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);



    -moz-transition:    



        opacity 0.2s ease-in-out,



        visibility 0.2s ease-in-out,



        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);



    transition:         



        opacity 0.2s ease-in-out,



        visibility 0.2s ease-in-out,



        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);



  -webkit-transform: translate3d(0, 0, 0);



  -moz-transform:    translate3d(0, 0, 0);



  transform:         translate3d(0, 0, 0);



  pointer-events: none;



}







/* Show the entire tooltip on hover and focus */



[data-tooltip]:hover:before,



[data-tooltip]:hover:after,



[data-tooltip]:focus:before,



[data-tooltip]:focus:after,



.tooltip:hover:before,



.tooltip:hover:after,



.tooltip:focus:before,



.tooltip:focus:after {



  visibility: visible;



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";



  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);



  opacity: 1;



}







/* Base styles for the tooltip's directional arrow */



.tooltip:before,



[data-tooltip]:before {



  z-index: 1001;



  border: 6px solid transparent;



  background: transparent;



  content: "";



}







/* Base styles for the tooltip's content area */



.tooltip:after,



[data-tooltip]:after {



  z-index: 1000;



  padding: 8px;



  width: 160px;



  color: #FFF;



  content: attr(data-tooltip);



  font-size: 11px;



  line-height: 1.2;



  border-radius:5px;



}







/* Directions */







/* Top (default) */



[data-tooltip]:before,



[data-tooltip]:after,



.tooltip:before,



.tooltip:after,



.tooltip-top:before,



.tooltip-top:after {



  bottom: 100%;



  left: 50%;



}







[data-tooltip]:before,



.tooltip:before,



.tooltip-top:before {



  margin-left: -6px;



  margin-bottom: -12px;



  border-top-color: #000;



  border-top-color: hsla(0, 0%, 20%, 0.9);



}







/* Horizontally align top/bottom tooltips */



[data-tooltip]:after,



.tooltip:after,



.tooltip-top:after {



  margin-left: -80px;



}







[data-tooltip]:hover:before,



[data-tooltip]:hover:after,



[data-tooltip]:focus:before,



[data-tooltip]:focus:after,



.tooltip:hover:before,



.tooltip:hover:after,



.tooltip:focus:before,



.tooltip:focus:after,



.tooltip-top:hover:before,



.tooltip-top:hover:after,



.tooltip-top:focus:before,



.tooltip-top:focus:after {



  -webkit-transform: translateY(-12px);



  -moz-transform:    translateY(-12px);



  transform:         translateY(-12px); 



}







/* Left */



.tooltip-left:before,



.tooltip-left:after {



  right: 100%;



  bottom: 50%;



  left: auto;



}







.tooltip-left:before {



  margin-left: 0;



  margin-right: -12px;



  margin-bottom: 0;



  border-top-color: transparent;



  border-left-color: #000;



  border-left-color: hsla(0, 0%, 20%, 0.9);



}







.tooltip-left:hover:before,



.tooltip-left:hover:after,



.tooltip-left:focus:before,



.tooltip-left:focus:after {



  -webkit-transform: translateX(-12px);



  -moz-transform:    translateX(-12px);



  transform:         translateX(-12px); 



}







/* Bottom */



.tooltip-bottom:before,



.tooltip-bottom:after {



  top: 100%;



  bottom: auto;



  left: 50%;



  z-index: 10000;



}







.tooltip-bottom:before {



  margin-top: -12px;



  margin-bottom: 0;



  border-top-color: transparent;



  border-bottom-color: #000;



  border-bottom-color: hsla(0, 0%, 20%, 0.9);



}







.tooltip-bottom:hover:before,



.tooltip-bottom:hover:after,



.tooltip-bottom:focus:before,



.tooltip-bottom:focus:after {



  -webkit-transform: translateY(12px);



  -moz-transform:    translateY(12px);



  transform:         translateY(12px); 



}







/* Right */



.tooltip-right:before,



.tooltip-right:after {



  bottom: 50%;



  left: 100%;



}







.tooltip-right:before {



  margin-bottom: 0;



  margin-left: -12px;



  border-top-color: transparent;



  border-right-color: #000;



  border-right-color: hsla(0, 0%, 20%, 0.9);



}







.tooltip-right:hover:before,



.tooltip-right:hover:after,



.tooltip-right:focus:before,



.tooltip-right:focus:after {



  -webkit-transform: translateX(12px);



  -moz-transform:    translateX(12px);



  transform:         translateX(12px); 



}







/* Move directional arrows down a bit for left/right tooltips */



.tooltip-left:before,



.tooltip-right:before {



  top: 3px;



}







/* Vertically center tooltip content for left/right tooltips */



.tooltip-left:after,



.tooltip-right:after {



  margin-left: 0;



  margin-bottom: -16px;



}







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



PLAYER



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







#headerPlayer .ui-slider-range { height:3px; border-radius:5px; background:#C4169C; }











.ui-slider .ui-slider-range {



    position: absolute;



    z-index: 1;



    font-size: .7em;



    display: block;



    border: 0;



    background-position: 0 0;



}







.bar-c {overflow: hidden;height: 30px;width: 33px;margin: 5px auto;position: relative;}



.bar {height: 0px;width: 3px;display: inline-block;background-color: #fff;bottom: 0;position: absolute;-webkit-animation-duration: 500ms;-webkit-animation-play-state: running; -webkit-animation-direction: alternate;-webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;}



.bar.noAnim {-webkit-animation: none;-webkit-animation-name: none;}







.statusStream span {font-size:11px;}



.statusStream span.status {display:block !important; font-size:11px;}



.socialLinks {float:right; position:relative; z-index:2;}



.socialLinks a {width:30px; height:30px; display:block; margin:12px 12px; float:right; position:relative;}



.socialLinks a span {display:block; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; width:24px; height:24px; transition-duration:0.3s;}



.socialLinks a.facebook {width:24px; height:24px; margin:14px 5px;}



.socialLinks a.twitter {width:24px; height:24px; margin:14px 0px 14px 5px;}



.socialLinks a:hover span {display:block; position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-10px; width:20px; height:20px; transition-duration:0.3s;}







.bar#bar-1 {left: 0; -webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;}



.bar#bar-2 { left: 6px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;}



.bar#bar-3 { left: 12px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;}



.bar#bar-4 { left: 18px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;}



.bar#bar-5 { left: 24px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;}



.bar#bar-6 { left: 30px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;}



.bar#bar-7 {left: 36px; -webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;}



.bar#bar-8 { left: 42px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;}



.bar#bar-9 { left: 48px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;}



.bar#bar-10 { left: 54px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;}



.bar#bar-11 { left: 60px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;}



.bar#bar-12 { left: 66px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;}



.bar#bar-13 {left: 72px; -webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;}



.bar#bar-14 { left: 78px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;}



.bar#bar-15 { left: 84px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;}



.bar#bar-16 { left: 90px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;}



.bar#bar-17 { left: 96px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;}



.bar#bar-18 { left: 102px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;}



.bar#bar-19 {left: 108px;-webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;}



.bar#bar-20 { left: 114px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;}



.bar#bar-21 { left: 120px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;}



.bar#bar-22 { left: 126px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;}



.bar#bar-23 { left: 132px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;}



.bar#bar-24 { left: 138px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;}



.bar#bar-25 {left: 144px;-webkit-animation-name: danceHeight1; -webkit-animation-delay: 0ms;}



.bar#bar-26 { left: 150px; -webkit-animation-name: danceHeight2; -webkit-animation-delay: 300ms;}



.bar#bar-27 { left: 156px; -webkit-animation-name: danceHeight3; -webkit-animation-delay: 600ms;}



.bar#bar-28 { left: 162px; -webkit-animation-name: danceHeight4; -webkit-animation-delay: 900ms;}



.bar#bar-29 { left: 168px; -webkit-animation-name: danceHeight5; -webkit-animation-delay: 1200ms;}



.bar#bar-30 { left: 174px; -webkit-animation-name: danceHeight6; -webkit-animation-delay: 1500ms;}



@-webkit-keyframes dacenFace1 { from { height: 20px; } to { height: 100px;}}



@-webkit-keyframes dacenFace2 { from { height: 1px; } to { height: 80px; }}



@-webkit-keyframes dacenFace3 { from { height: 50px; } to { height: 95px; }}



@-webkit-keyframes dacenFace4 { from { height: 30px; } to { height: 70px; }}



@-webkit-keyframes dacenFace5 { from { height: 10px; } to { height: 50px; }}



@-webkit-keyframes dacenFace6 { from { height: 1px; } to { height: 65px; }}







@-webkit-keyframes dacenFace21 { from { height: 100px; } to { height: 150px;}}



@-webkit-keyframes dacenFace22 { from { height: 80px; } to { height: 130px; }}



@-webkit-keyframes dacenFace23 { from { height: 90px; } to { height: 140px; }}



@-webkit-keyframes dacenFace24 { from { height: 40px; } to { height: 120px; }}



@-webkit-keyframes dacenFace25 { from { height: 50px; } to { height: 100px; }}



@-webkit-keyframes dacenFace26 { from { height: 30px; } to { height: 110px; }}







@media (max-width: 1235px) {



.bar-c{ display:none;}



}



.myPlayer{

    width: 280px;

    height: 50px;

}



@media (max-width: 767px) {



#playerrodape{

    width: 73%

}

 #esconder {background:black}

.container containerWidHeaderProgram{margin-top: -1000px;}

.baixo {border-top: 2px solid #212121;}

.header_social{display:none;}

.header_social2 .popup{display:none;}

.header_social2 .qr{display:none;}

.vote .zapdesk{display:none;}

.vote .zapmobile{display:block;}



.divShare{

    top: -10px;

    left: 10px;

    position: relative;

}



.myPlayer{

    width: 89%;

    height: 50px;

}



.agora{

    width: 200px !important;

    float: right;

    right: 20px;

}



.marquee {

  height: 25px;

  width: 100%;

  top: -1px !important;

  overflow: hidden;

  position: relative;

}



.marquee section {

  display: block;

  width: 200%;

  height: 30px;



  position: absolute;

  overflow: hidden;



  animation: marquee 5s linear infinite;

}



.marquee span {

  float: left;

  width: 100%;

}



@keyframes marquee {

  0% { left: 0; }

  100% { left: -100%; }

}



}





/*REDES COMPARTILHAR*/



ul.shareRedes {



    list-style-type: none;



    margin: 0;



    padding: 0;



    overflow: hidden;



}







li.novaRedes {



    float: left;



}







li.novaRedes a {



    display: block;



    color: white;



    text-align: center;



    padding: 16px;



    text-decoration: none;



}







li.novaRedes a:hover {



    background-color: #ffffff;



}



.noar { 

margin-top: -5px;

max-width:60%;

}







@-webkit-keyframes danceHeight1 { from { height: 1px; } to { height: 22px; }}



@-webkit-keyframes danceHeight2 { from { height: 1px; } to { height: 15px; }}



@-webkit-keyframes danceHeight3 { from { height: 1px; } to { height: 20px; }}



@-webkit-keyframes danceHeight4 { from { height: 1px; } to { height: 20px; }}



@-webkit-keyframes danceHeight5 { from { height: 1px; } to { height: 15px; }}



@-webkit-keyframes danceHeight6 { from { height: 1px; } to { height: 15px; }}







@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }



@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }



@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }







.imgBackground img {opacity:0.1;}



img.grayscale {



    filter: gray; /* IE6-9 */



    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */



}











/** Start Player **/



#target1{ width:100%; height:100%; }



.target1{ width:100%; height:100%; }











    

#container4 {float:left; font-size:13px; color:white; margin:8px 0px;display:none;}

#banner {width: 100%;height: 10px;overflow: hidden;position:relative; display:none;}  

#target1 { opacity: 0.9; display:none; }

.semCapa{display: none;}



.player_footer{display: none;}

.playtop {display: none;}








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



NO AR



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



.containerWidHeaderProgram {



float: left;



/*position: relative;*/ 



width:250px; 



height:65px; 



margin-left:10px;



margin-top: -12px;



}



.locutor .imgThumbLocutor {



height:70px; 



width:100px; 



border-radius:3px; 



float:left; 



margin-right:10px; 



overflow:hidden;



}



.locutor span {



font-size:12px; 



text-transform:uppercase;



color: white;



text-align: left;



} 



.locutor {



/*visibility: hidden;*/



} 







.fa-circle {
    font-size: 45px;
    padding: 6px;
    margin-left: -9px;
    color: black;
    opacity: 0.2;
}


/*------------------------------
    4.3 Footer
-------------------------------*/


.container-top {



    position: relative;



    margin: 0 auto;



    padding: 0 30px;



    display: inline-block;

/*

    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);



       -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);



            box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);    

*/

}







#meuPlayer {
    width:100%; 
    max-width: 1170px;
    padding:10px;
    z-index: 999;
    margin: 0 auto;
    margin-top: -40px;
    background: black;
}







.fixar {



    position:fixed;



    /*margin-top: -163px !important;*/



    margin: 5% auto;



    left: 0;



    right: 0;



    top:40px;



    border-bottom: 3px solid #C4169C;



    height: 78px;



}







.capabanner {



    width: 100%;



    height: 70px; 



    overflow: hidden; 



    position:relative; 



    display:none;



    }







@media (max-width: 767px) {



.grade img{ width:70px;}



}







@media (max-width: 400px) {



#banner {



width: 100%;



height: 120px; 



overflow: hidden;



position:relative;



}



.containerWidHeaderProgram span{



font-size:10px;



}



.header_social{



display:none;



}







.header_social2 .popup{display:none;}



.header_social2 .qr{display:none;}



.vote .zapdesk{display:none;}



.vote .zapmobile{display:block;}







.fb-page {



    widht:200px



  }



}







.containerWidHeaderProgram {



margin-top:0px;



max-width:450px;



width:100%;



height:77px;



margin-left:5px;



float:left;



}







/************* GRADE *************/



.grade ul {



    list-style-type: none;



    margin: 0;



    padding: 0;



    overflow: hidden;



}







.grade li {



    float: left;



    color: white;



    line-height: 1.5;



    margin-left:5px;



}







/**************** PROGRAMAÇÃO *************/

/*.imgThumb img{height:143px; overflow:hidden; border-radius:5px; margin-bottom:1px; width: 100%;}*/

.port-image

{
    width: 100%;
}

.filter 
{
    padding: 15px;   
}

.col-md-3
{
    margin-bottom:20px;
}

.each-item
{
    position:relative;
    overflow:hidden;
}

.each-item:hover .cap2, .each-item:hover .cap1
{
    left:0px;
}
.cap1
{
    position:absolute;
    width:100%;
    height:70%;
    background:rgba(255, 255, 255, 0.5);
    top:0px;
    left:-100%;
    padding:10px;
    transition: all .5s;
    color: #000000;
}

.cap2
{
    position:absolute;
    width:100%;
    height:30%;
    background:rgba(255, 0, 0, 0.5);
    bottom:0px;
    left:100%;
    padding:10px;
    color: #ffffff;
    transition: all .5s;
}

.floating-box {
    float: left;
    max-width: 270px;
    max-height: 280px;
    margin: 2px;
    padding: 10px;
    background:#C4169C;
    border-radius: 3%;
}

#contenet {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

@media screen and (max-width: 790px) {
.each-item:hover .cap1
{
    left:100%;
}

.each-item:hover .cap2
{
    left:-100%;
}  

.cap1
{
    position:absolute;
    width:100%;
    height:70%;
    background:rgba(255, 255, 255, 0.5);
    top:0px;
    left:0px;
    padding:10px;
    transition: all .5s;
    color: #000000;
}

.cap2
{
    position:absolute;
    width:100%;
    height:30%;
    background:rgba(255, 0, 0, 0.5);
    bottom:0px;
    left:0px;
    padding:10px;
    color: #ffffff;
    transition: all .5s;
}

.floating-box {
    float: left;
    max-width: 250px;
 }
}

@media screen and (max-width: 600px) {
.floating-box {
    float: left;
    max-width: 48%;
 }

@media screen and (max-width: 420px) {
.floating-box {
    float: left;
    max-width: 99%;
 }

}
