@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300);



.padLR {padding-left: 2% !important; padding-right: 2% !important;}

.borderR8 {border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
.boxShadow2 {box-shadow: 2px 2px 2px rgba(0,0,0,.5);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.5);}


nav.barTopo {width: 96%; height: 40px; position: fixed; z-index: 100; margin: 0 auto; background: #840101; box-shadow: 0px 2px 2px rgba(0,0,0,.6), inset 0px -1px 1px rgba(255,255,255,.5);-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.6), inset 0px -1px 1px rgba(255,255,255,.5);-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.6), inset 0px -1px 1px rgba(255,255,255,.5);}
nav.barTopo ol {width: 96%;max-width: 900px;height: 40px; position: relative;;margin: 0 auto}
nav.barTopo li {display: inline-block;}
nav.barTopo li a {color: #fff; text-decoration: none; vertical-align: middle;font-family: "Open Sans", Arial, sans-serif; font-size: 20px;padding-top: 5px}
nav.barTopo li a:hover {font-size: 21px;}

section h1 {font-family: "Open Sans", Arial, sans-serif; font-size: 35px; text-align: center; color: #000527; font-weight: 400; margin-top: 40px}
section h2 {font-family: "Open Sans", Arial, sans-serif; font-size: 20px; text-align: center; color: #000527; font-weight: 400; margin-top: -5px}
section#boxLogos {padding-top: 10px; text-align: center;}
section#boxLogos p {width: 80%;padding-top: 10px; padding-bottom: 30px; font-family: "georgia", serif; font-size: 16px; color: #003366;font-style: italic; margin: 0 auto;}
section#boxLogos p span {display: block; font-family: "arial", sans-serif; font-size: 12px;text-align: right !important; padding-right: 5%;}

/*  Logos  */
a:hover.aLogos {box-shadow: 1px 1px 10px 2px #aa0014;}a:active.aLogos {box-shadow: 1px 1px 15px #00aa0a;}
a.aLogos {background: #fff;margin: 10px; display: inline-block; position: relative; border: 8px solid white; box-shadow: 1px 1px 4px black;-webkit-transition: box-shadow 0.5s;-moz-transition: box-shadow 0.5s;-ms-transition: box-shadow 0.5s;-o-transition: box-shadow 0.5s;transition: box-shadow 0.5s;}
div.infoLogos {}
div.pp_inline img {padding: 5px;border: 4px solid white;background: #fff}
div.pp_inline h3 {padding: 5px}
div.pp_inline p {color: #fff}

figure.figLogos {padding: 5px; display: inline-block}
figure.figLogos figcaption {display: none}

.cHand {cursor: pointer} .cHand:hover {color: #ffd700; }
div#boxCode { background: #820303;}
section#boxPlayerFull {}
div#brPlayer {width: 400px; height: 190px; position: relative; text-align: center; margin: 0 auto; margin-top: 20px; background: url("imgs/radios/Player.png") no-repeat center bottom ;}
audio#aplayer {}
audio#aPlayer p {font-family: "Arial", sans-serif; font-size: 13pt;color: rgba(255,255,255,.7);width: 185px; height: 25px; margin-left: 150px; padding-top: 45px;}
div#brPlayer {}
button.brPlayer {margin-top: 100px; height: 58px;cursor: pointer; border: none;}
button#bPause{background: url("imgs/radios/bPlayer.png") no-repeat 0px 0px; width: 33px; position: absolute; left: 80px; top: 10px}
button#bPause:hover {background: url("imgs/radios/bPlayer.png") no-repeat 0px -58px;}
button#bPrev {background: url("imgs/radios/bPlayer.png") no-repeat -33px 0px; width: 44px; position: absolute; left: 113px; top: 10px}
button#bPrev:hover {background: url("imgs/radios/bPlayer.png") no-repeat -33px -58px;}
button#bPlay {background: url("imgs/radios/bPlayer.png") no-repeat -77px 0px; width: 60px; position: absolute; left: 157px; top: 10px}
button#bPlay:hover {background: url("imgs/radios/bPlayer.png") no-repeat -77px -58px;}
button#bNext {background: url("imgs/radios/bPlayer.png") no-repeat -143px 0px; width: 44px; position: absolute; left: 222px; top: 10px}
button#bNext:hover {background: url("imgs/radios/bPlayer.png") no-repeat -143px -58px;}
button#bVme {background: url("imgs/radios/bPlayer.png") no-repeat -190px 0px; width: 30px; position: absolute; left: 266px; top: 10px}
button#bVme:hover {background: url("imgs/radios/bPlayer.png") no-repeat -190px -58px;}
button#bVma {background: url("imgs/radios/bPlayer.png") no-repeat -223px 0px; width: 30px; position: absolute; left: 296px; top: 10px}
button#bVma:hover {background: url("imgs/radios/bPlayer.png") no-repeat -223px -58px;}
div#nowPlay {}
h3#npAction {font-family: "Arial", sans-serif; font-size: 13pt;color: rgba(255,255,255,.7);width: 185px; height: 25px; margin-left: 150px; padding-top: 45px;}
div#npTitle {font-family: "Georgia", serif; font-size: 10pt;color: rgba(255,255,255,.7); width: 170px; height: 40px; margin-left: 160px }

div#boxthumbsBanners {margin-top: 30px; margin-bottom: 40px; text-align: center; }
figure.thumbBanners {padding: 10px; display: inline-block}
figure.thumbBanners figcaption {display: none}

/**************** Máximo 480px ****************/
@media screen and (max-width: 480px) {
    section#boxPlayerFull {}
    div#brPlayer {width: 195px; height: 400px; position: relative; text-align: center; margin: 0 auto; margin-top: 20px; background: url("imgs/radios/PlayerV.png") no-repeat center bottom ;}
    audio#aplayer {}
    audio#aPlayer p {font-family: "Arial", sans-serif; font-size: 13pt;color: rgba(255,255,255,.7);width: 185px; height: 25px; margin-left: 150px; padding-top: 45px;}
    div#brPlayer {}
    button.brPlayer {margin-top: 100px; height: 58px;cursor: pointer; border: none;}
    button#bPause{background: url("imgs/radios/bPlayer.png") no-repeat 0px 0px; width: 33px; position: absolute; left: 82px; top: 185px}
    button#bPause:hover {background: url("imgs/radios/bPlayer.png") no-repeat 0px -58px;}
    button#bPrev {background: url("imgs/radios/bPlayer.png") no-repeat -33px 0px; width: 44px; position: absolute; left: 25px; top: 135px}
    button#bPrev:hover {background: url("imgs/radios/bPlayer.png") no-repeat -33px -58px;}
    button#bPlay {background: url("imgs/radios/bPlayer.png") no-repeat -77px 1px; width: 60px; position: absolute; left: 66px; top: 135px}
    button#bPlay:hover {background: url("imgs/radios/bPlayer.png") no-repeat -77px -57px;}
    button#bNext {background: url("imgs/radios/bPlayer.png") no-repeat -143px 0px; width: 44px; position: absolute; left: 128px; top: 135px}
    button#bNext:hover {background: url("imgs/radios/bPlayer.png") no-repeat -143px -58px;}
    button#bVme {background: url("imgs/radios/bPlayer.png") no-repeat -190px 0px; width: 30px; position: absolute; left: 48px; top: 185px}
    button#bVme:hover {background: url("imgs/radios/bPlayer.png") no-repeat -190px -58px;}
    button#bVma {background: url("imgs/radios/bPlayer.png") no-repeat -223px 0px; width: 30px; position: absolute; left: 116px; top: 185px}
    button#bVma:hover {background: url("imgs/radios/bPlayer.png") no-repeat -223px -58px;}
    div#nowPlay {}
    h3#npAction {font-family: "Arial", sans-serif; font-size: 13pt;color: rgba(255,255,255,.7);width: 155px; height: 20px; margin-left: 20px; padding-top: 175px;}
    div#npTitle {font-family: "Georgia", serif; font-size: 10pt;color: rgba(255,255,255,.7); width: 155px; height: 40px; margin-left: 20px }

}