*{
 padding: 0px;
 margin: 0px;


}





.corpo-do-site, html {
   background-image: url("banner-radio-rob-web.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   width: 100%;
   height: auto;
   margin: 0px;
   padding: 0px;
}

  
header {
  background: #00ffcc;
  display: inline-block;
  align-items: center;

}



header {

     width: 100%;
     height: auto;

}


header {
    
     border: none;
     background-color: #ff3333;
     padding: 0px;
     margin: 0px;

}



header {
     text-decoration: none;
     text-align: center;

}

header {
     text-decoration: none;
     text-align: center;
     font-family: georgia;
     font-weight: bold;
     font-size: 30px;
     color: #000099;
}  



.descrissao {
    background: #00ddff;
    width: 100%;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 0px;
    text-align: center;
    display: inline-block;
    align-items: center;


}


p {
   
   font-family: georgia serif;
   font-size: 20px;
   color: #000066;

}

.cesao-corpo-do-site {
    background-color: transparent;
    width: 100%;
    height: 970px;
    position: relative;




}

.titulo-da-secao {
    width: 60%;
    height: auto;
    background-color: #00ddff;
    padding-top: 7px;
    border:2px solid #009;
    border-radius: 13px 13px 13px 13px;
    position: relative;
    top: 2%;
    left: 19%;
    padding-bottom: 7px;
    text-align: center;

}
.nome-titulo-da-secao {
    font-family: georgia;
    font-size: 24px;
    font-weight: bold;
    color: #fff;

}

#play-radio {
    background-color: #0000dd;
    width: 154px;
    height: auto;
    padding: 7px;
    margin-left: 6%;
    margin-top: 7%;
    border-radius: 50px;
}


.informs-da-radio {
    background-color: transparent;
    font-family: Time New Roma;
    font-size: 19px;
    font-weight: bold;
    float: right;
    color: #0e0;
    width: 35%;
    height: auto;
    margin-right: 16px;
    margin-top: -130px;



}



/*----------------------------CELULAR---------------------------------*/
@media only screen and (min-width:0px) and (max-width:480px) {

.slideshow-01{
        float: left;
        
        width:85%;
        height:25%;

        padding:0px;
        margin-top: 2%;
        margin-right: 4%;
        margin-bottom: 2%;
        margin-left: 7%;
}





#container{
      
      width: 100%;
      height: auto;
      
      position: relative;
      
      left:0%;
      }

img {
       width:100%;
       height: auto;
       border-radius: 15px;
}

#btn1{
           
           font-family:webdings;
           font-size:50px;
           color:#fff;
           
           width:40px;
           height:50px;
           -moz-border:40px 0px 0px 40px;
           border-radius:40px 0px 0px 40px;
           padding-right:5px;
           cursor:pointer;
           position:relative;
           top:-180px;
           left:5px;

}
#btn1:hover{ background-color:#000;         

}






}


/*----------------------------CELULAR--E--TABLETE---------------------*/
@media only screen and (min-width:481px) and (max-width:719.9px) {

.slideshow-01{
        float: left;
    
        width:80%;
        height:25%;

        padding:0px;
        margin-top: 2%;
        margin-right:0px;
        margin-bottom: 2%;
        margin-left: 5.5%;
}


#container{
      
      width: 100%;
      height: auto;
      
      position: relative;
      
      left:0%;
      }

img {
       width:100%;
       height: auto;
       border-radius: 15px;
}

#btn1{
           
           font-family:webdings;
           font-size:50px;
           color:#fff;
           
           width:40px;
           height:50px;
           -moz-border:40px 0px 0px 40px;
           border-radius:40px 0px 0px 40px;
           padding-right:5px;
           cursor:pointer;
           position:relative;
           top:-180px;
           left:5px;

}
#btn1:hover{ background-color:#000;         

}




}


/*----------------------------FOLHA DE PC 01---------------------*/
@media only screen and (min-width:720px) and (max-width:1080px) {

.slideshow-01{
        float: left;
        
        width:60%;
        height:35%;

        padding:0px;
        margin-top: 2%;
        margin-right:0px;
        margin-bottom: 2%;
        margin-left: 5.5%;
}


#container{
      
      width: 100%;
      height: auto;
      
      position: relative;
      
      left:0%;
      }

img {
       width:100%;
       height: auto;
       border-radius: 15px;
}

#btn1{
           
           font-family:webdings;
           font-size:50px;
           color:#fff;
           
           width:40px;
           height:50px;
           -moz-border:40px 0px 0px 40px;
           border-radius:40px 0px 0px 40px;
           padding-right:5px;
           cursor:pointer;
           position:relative;
           top:-180px;
           left:5px;

}
#btn1:hover{ background-color:#000;         

}




}


/*----------------------------FOLHA DE PC 02---------------------*/
@media only screen and (min-width:1081px) {

.slideshow-01{
        float: left;
        
        width:35%;
        height:auto;

        padding:0px;
        margin-top: 7%;
        margin-right:0px;
        margin-bottom: 2%;
        margin-left: 5.5%;
}





#container{
      
      width: 100%;
      height: auto;
      
      position: relative;
     
      left:0%;
      }

img {
       width:100%;
       height: auto;
       border-radius: 15px;
}

#btn1{
           
           font-family:webdings;
           font-size:50px;
           color:#fff;
           
           width:40px;
           height:50px;
           -moz-border:40px 0px 0px 40px;
           border-radius:40px 0px 0px 40px;
           padding-right:5px;
           cursor:pointer;
           position:relative;
           top:-180px;
           left:5px;

}
#btn1:hover{ background-color:#000;         

}






}






.rodape-do-site {
float: left;
    width: 100%;
    height: auto;
    background-color: #333333;
    color: #dddddd;
    font-family: serif;
    font-size: 25px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    top: 0px;
    bottom: 0px;
    margin: 0px;
}