/**************************** INFORMATIVOS *****************************/
#informativos {
    box-shadow: inset 0px 2px 3px #bbb;
    background: #ddd;
    font-size: 0.9em;
    min-width: 1050px;
  }
#informativos .box {
    width: 90%;
    margin: 0px auto;
    border: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
#informativos .article {
    width: 47.5%;
    float: left;
    margin:  0.4% 0px 0.4% 1.5%;   
    padding-bottom: 10px;
    position: relative;
  }
    #informativos .article .minhanacao {
        width: 140px;
        height: 90px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 999;
        margin: -8px -8px 0px 0px;
        background: transparent url("img/img-minhanacao.png") no-repeat center top;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    #informativos .article .minhapaixao {
        width: 140px;
        height: 90px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 999;
        margin: -8px -8px 0px 0px;
        background: transparent url("img/img-minhapaixao.png") no-repeat center top;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    #informativos .article .promocao {
        width: 140px;
        height: 90px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 999;
        margin: -8px -8px 0px 0px;
        background: transparent url("img/img-promocao.png") no-repeat center top;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    #informativos .article .np-santos {
        width: 209px;
        height: 126px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 999;
        margin: -8px -8px 0px 0px;
        background: transparent url("img/info/np-santos.png") no-repeat center top;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    #informativos .article .conteudo h3 {
        font-size: 1.3em;
        line-height: 125%;

      }    
    #informativos .article .conteudo {
        background-color: #fff;
        min-height: 130px;
        padding: 20px 55px 20px 25px;
        position: relative;
        box-shadow: 0px 2px 3px #bbb;
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        display: block;

      }
      #informativos .w15{
        max-width: 100px;
        display: inline-block;
        vertical-align: text-top;
        float: left;
        margin-right: 2%;

      }
    #informativos .article .conteudo .compartilhar-info {
        position: absolute;
        bottom: 18px;
        left: 20px;
        display: block;
        background: url(img/icone-facebook.jpg) no-repeat center center; 
          -webkit-background-size: 25px 25px;
          -moz-background-size: 25px 25px;
          -o-background-size: 25px 25px;
          background-size: 25px 25px;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius:  2px 2px 2px 2px; 

    }

    #informativos .article p {
        margin: 10px 0px 0px 0;
    }
    #informativos .article b {
        text-transform: uppercase;
    }
    #informativos .article a {
        text-decoration: none;
    }

    #informativos .article .conteudo .vermais,
    #informativos .article .conteudo .vermais-link {
        bottom: 15px;
        right: 12px;
        position: absolute;
        background: transparent url(img/bg-bt-informacoes.png) -73px -66px no-repeat;
        width: 26px;
        height: 37px;
        cursor: pointer;
        display: inline-block;
    }
    #informativos .article .conteudo .vermais:hover,
    #informativos .article .conteudo .vermais-link:hover {
        background: transparent url(img/bg-bt-informacoes.png) -72px 1px no-repeat;

    }
    #informativos .article .conteudo .infoFechar {
        background: transparent url(img/bg-bt-informacoes.png) 0px -72px no-repeat;
        width: 30px;
        height: 31px;
        cursor: pointer;
        display: inline-block;
        border: 0px solid #f00;
    }
    #informativos .article .conteudo .infoFechar:hover {
        background: transparent url(img/bg-bt-informacoes.png) 1px -5px no-repeat;
    }
    #informativos .article .conteudo span {
        display: none;
    }
    #informativos .article .simg .img {
        display: none;
    }
    #informativos .article .conteudo .img {
        float: left;
        margin: 0px 15px 0px 0px;
        -webkit-border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        height: 100px;
        vertical-align: middle
    }
    #informativos .article .conteudo .icone {
        float: left;
        margin: 12px 15px 0px 0px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; 
    }
    #informativos .article .conteudo .mfm {
        width: 35%;
    }
@media only screen and (min-width : 1350px){
     #informativos {
        font-size: 0.9em;
        line-height: 130%;
      }
    #informativos .box {
    width: 85%;
    margin: 0px auto;
    border: 0px;
    padding-top: 15px;
    padding-bottom: 10px;

  }
}
@media only screen and (min-width : 1500px){
    #informativos {
        line-height: 140%;
    }
    #informativos .box {
    width: 80%;
    margin: 0px auto;
    border: 0px;
    padding-top: 15px;
    padding-bottom: 10px;

  }
}
@media only screen and (min-width : 1750px){
    #informativos .box {
    width: 75%;
    margin: 0px auto;
    border: 0px;
    padding-top: 15px;
    padding-bottom: 10px;

  }
}
@media only screen and (max-device-width : 700px), screen and (max-width : 568px) {

#informativos {
    box-shadow: none;
    background: none;
    margin: 0px;
    padding: 0px;
    min-width: 100%;

  }

    #informativos .box {
        width: 100%;
        border: 0px;
        margin: 0px;
        padding: 0px;
      }
        #informativos .article {
            width: 92%;
            background: none;
            float: none;
            margin: 0px 4%;
            padding: 0px;   
            padding-bottom: 10px;
          }    
            #informativos .article .conteudo {
                background: #fff;
                height: auto;
                padding: 5% 5% 40px 5%;
                vertical-align: top;
              }
            #informativos .article .conteudo img {
                display: none;
            }
            #informativos .article .conteudo header {
                line-height: 120%;
                text-transform: uppercase;
                font-size: 120%;
            }
            #informativos .article .conteudo p {
                margin: 4% 0% 0% 0%;
                line-height: 120%;
                text-align: justify;
            }
            #informativos .article .conteudo b {
            }
            #informativos .article .conteudo span {
                display: inline;
                vertical-align: text-top
            }
            #informativos .article .conteudo .vermais {
                display: none;
            }           
    #informativos .article .minhanacao,
    #informativos .article .minhapaixao,
    #informativos .article .promocao {
        width: 100px;
        height: 60px;
        margin: -5px -5px 0px 0px;
    }
}
@media only screen and (max-device-width : 700px) and (orientation : landscape) { 
 #informativos {
    box-shadow: none;
    background: none;
    margin: 0px;
    padding: 0px;
    min-width: 100%;


  }

    #informativos .box {
        width: 100%;
        border: 0px;
        margin: 0px;
        padding: 0px;
      }
        #informativos .article {
            width: 92%;
            background: none;
            float: none;
            margin: 0px 4%;
            padding: 0px;   
            padding-bottom: 10px;
          }    
            #informativos .article .conteudo {
                background: #fff;
                height: auto;
                padding: 5%;
                vertical-align: top;
              }
            #informativos .article .conteudo img {
                display: none;
            }
            #informativos .article .conteudo header {
                line-height: 120%;
                text-transform: uppercase;
                font-size: 120%;
            }
            #informativos .article .conteudo p {
                margin: 4% 0% 0% 0%;
                line-height: 120%;
                text-align: justify;
            }
            #informativos .article .conteudo b {
            }
            #informativos .article .conteudo span {
                display: inline;
                vertical-align: text-top
            }
            #informativos .article .conteudo .vermais {
                display: none;
            }  

}


/***********/
#informativos .article  .teatro-01 {
  background: #000 url("img/teatro-01.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-02 {
  background: #000 url("img/teatro-02.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-03 {
  background: #000 url("img/teatro-03.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-04 {
  background: #000 url("img/teatro-04.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-05 {
  background: #000 url("img/teatro-05.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-06 {
  background: #000 url("img/teatro-06.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-07 {
  background: #000 url("img/teatro-07.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-08 {
  background: #000 url("img/teatro-08.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .teatro-09 {
  background: #000 url("img/teatro-09.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#informativos .article  .promocao-20socios {
  background: #000 url("img/promocao-20socios.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
}
#informativos .article  .transmissao {
  background: #000 url("img/bg-transmissao.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #fff;
}
#informativos .article  .transmissao-filme {
  background: #000 url("img/bg-transmissao-filme.jpg") no-repeat center top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #fff;
}
.p25 {
    padding-left: 50%;
}