@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Merienda:700);
body, html{margin:0; padding:0; color:#FFF; width:100%; height: 100%;}

.backImage {width:100%; height: 100%;background-color: #000115}
.radios {width:100%; height: 100%;background-color: #a7b2e1}
#full {width:100%;height: 100% ;position: relative; overflow-y: hidden;background: url("imgs/pattern.png")}
div#divMain {width: 100%; text-align: center;padding-top: 80px;padding-bottom: 50px;position: relative;}
section#secLogo {display: inline-block;width: 100%; max-width: 320px;position: relative;vertical-align: top}
.Logo {display: inline-block;background: url("imgs/LogoLarge.png") no-repeat center; width: 290px; height: 370px;}

section#secCorpo {display: inline-block;width: auto;height:400px;padding: 20px; background-color: rgba(0,0,0,.3);position: relative;}
section#secCorpo:hover {background-color: rgba(0,0,0,.8);}
article.artCont {width: 100%;height:380px;overflow: hidden;position: relative;padding-bottom: 10px; text-align: left;}
article.artCont h1 {font-family: 'Merienda', sans-serif; font-size: 35px;color: #dbda00;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
article.artCont p {text-indent: 20px;padding-bottom: 5px;color: #fff;}

footer {width: 100%; height: 45px;position: fixed; bottom: 0px; background: rgba(0,9,18,0.9);margin-top: 10px;z-index: 100}
section#secApoio {height: 100%;width: 35%;line-height: 45px !important;display: inline-block; text-align: center;float: left;}
section#secApoio h1 {display: none;}
div.icoApoio {display: inline-block; height: 45px; padding:0px 3px;cursor: pointer;}
div#icoHR {width: 27px; background: url("imgs/apoio/icoHR.png") no-repeat center;}
div#icoMusicArt {width: 32px; background: url("imgs/apoio/icoMusicArt.png") no-repeat center;}
div#icoRNC {width: 53px; background: url("imgs/apoio/icoRNC.png") no-repeat center;}
div#icoNewSeven {width: 29px; background: url("imgs/apoio/icoNewSeven.png") no-repeat center;}

section#secSocial {height: 100%;width: 25%;line-height: 45px !important;display: inline-block;text-align: center;float: left;}
a.icoSocial {color: #fff;padding: 10px 10px;}

section#secCopyright {height: 100%;width: 40%;line-height: 45px !important;display: inline-block; text-align: center;float: left; }
section#secCopyright p {color: #fff; font-size: 12px;list-style: none;}

/********************************/
section.secHome {height: auto !important;width: 100% !important;}
section.secLogoHome {display:inline-block;width: 90%; max-width: 1000px !important;position: relative;vertical-align: top;text-align:left !important;}
.LogoHome {width:290px;;background-position: center;}
/********************************/
article#artSPB {max-width: 680px}
/********************************/
section.secAgenda {max-width: 600px;}
article#artAgenda p {padding-bottom: 20px;}
/********************************/
section.secMusicas {max-width: 700px;height: auto !important;}
article#artMusicas {position: relative;width: 100%;height: auto;overflow: visible;}
div#boxMusicas {width:100%;height: 100%; ;position: relative; margin: 0 auto; text-align: left  !important}
/********************************/
section.secVideos {}
.artCont {}
article.artVideos {}
.thumbVideos {width: 100%;padding: 15px 5px;}
/********************************/
section.secNoticias {display: block !important;}
article#artNoticias {position: relative;width: 100%;height: auto;overflow: visible;}
/********************************/
section.secRadios {display: block !important;height: auto !important;background-color: rgba(255,255,255,.1)!important;}
section.secRadios:hover {background-color: rgba(255,255,255,0)!important;}
article.artRadios {position: relative;width: 80%;overflow: visible;margin: 0 auto}
/********************************/
section.secContato {display: block !important;height: auto !important;background-color: rgba(0,0,0,0)!important;}
section.secContato h1 {font-family: 'Merienda', sans-serif; font-size: 35px;color: #dbda00;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
article#artContato {margin: 0 auto; width: 90%; height: auto;}

/**************** Máximo 480px ****************/
@media screen and (max-width: 480px) {.chGrid {text-align: center;}
    section#secCorpo {height:auto !important;margin-right: 3%;margin-left: 3%;}
    section.secLogo {text-align:center !important;}
    article.artCont {height: auto !important;position: relative;padding-bottom: 10px;}
    article.artCont h1 {text-align: center}
    article.artCont p {font-size: 18px;}
    footer {width: 100%; height: auto;position: relative;bottom: 0px; background: rgba(0,9,18,0.9);margin-top: 10px}
    section#secApoio,section#secCopyright {display: block;width: 100%; background: rgba(0,9,18,.7)}
    section#secSocial {display: block; background: rgba(0,9,18,.9);width: 100%;}
}
/**************** Máximo 240px ****************/
@media screen and (max-width: 240px) {
    .Logo {display: inline-block;background: url("imgs/LogoMedium.png") no-repeat center; width: 100%; height: 259px;}
}