@charset "utf-8";
/* CSS Document */

.assArte {
    width:1000px;
    height:310px;
    background-image:url(../imagens/Assinaturas/arteAssinatura.jpg);
    margin:25px 0;
}

.assLinha1 {
    display:block;
    width:1000px;
    min-height:265px;
    overflow:hidden;
    margin-bottom:40px;
}

.assLinha2 {
    display:block;
    width:660px;
    min-height:265px;
    float:left;
}

.assTop {
    display:inline-block;
    float:left;
    width:100%;
    height:45px;
    background-color:#27569e;
}

.dobraAss {
    display:block;
    float:right;
    width:26px;
    height:26px;
    background-image:url(../imagens/Assinaturas/dobraAss.jpg);
}

.assTop2 {
    display:inline-block;
    float:left;
    width:1000px;
    height:45px;
    background-color:#27569e;
}

.assTop p {
    display:block;
    float:left;
    color:#fff;
    font:bold 20px Arial, Helvetica, sans-serif;
    padding:12px 0 0 15px;
}

.blocoAss {
    float:left;
    border:solid 2px #ccc;
    width:316px;
    height:210px;
    margin-bottom:20px;
}

.blocoAss:hover {
    background-color:#CCC;
    cursor:pointer;
}

.blocoAss:hover div {
    opacity:0.5;
}


.blocoAssTop {
    width:100%;
    height:39px;
    border-bottom:solid 1px #ccc;
}

.blocoAssTop p {
    padding:6px 0 0 10px;
    float:left;
    font:bold 22px Arial, Helvetica, sans-serif;
    color:#27569e;	
}

.blocoAssTop div {
    float:right;
    margin: 12px 10px 0 0;
}

.mR20 {
    margin-right:20px;
}

.assVirtualArte {
    width:324px;
    height:261px;
    display:block;
    float:right;
    background-image:url(../imagens/Assinaturas/assVirtualArte.jpg);
}

.periodo730Img {
    width:146px;
    height:16px;
    background:url(../imagens/Assinaturas/bianualImg.jpg) no-repeat;
}

.periodo365Img {
    width:62px;
    height:16px;
    background-image:url(../imagens/Assinaturas/anualImg.jpg);
}

.periodo183Img {
    width:29px;
    height:16px;
    background-image:url(../imagens/Assinaturas/semestralImg.jpg);
}

.periodo90Img {
    width:18px;
    height:16px;
    background-image:url(../imagens/Assinaturas/trimestralImg.jpg);
}

.periodo30Img {
    width:7px;
    height:16px;
    background-image:url(../imagens/Assinaturas/mensalImg.jpg);
}

.mioloBlocoAss {
  display: block;
  width: 94%;
  height: 51%;
  padding: 10px;
}

.mioloBlocoAss .blocoDesconto
{
    color: #d90000;
    font-size: 24px;
    float: left;
    margin-right: 5px;
}

.mioloBlocoAss .blocoDesconto span
{
    font-size: 64px;
}

.mioloBlocoAss .blocoObs
{
    font-size: 14px;
    text-align: right;
}

.img50pc {
    background:url(../imagens/Assinaturas/50porcento.jpg) no-repeat;
}

.img50cinemark {
    background:url(../imagens/Assinaturas/50cinemark.jpg) no-repeat;
}

.img45pc {
    background:url(../imagens/Assinaturas/45porcento.jpg) no-repeat;
}

.img40pc {
    background:url(../imagens/Assinaturas/40porcento.jpg) no-repeat;
}

.img35pc {
    background:url(../imagens/Assinaturas/35porcento.jpg) no-repeat;
}

.img33pc {
    background:url(../imagens/Assinaturas/33porcento.jpg) no-repeat;
}

.img30pc {
    background:url(../imagens/Assinaturas/30porcento.jpg) no-repeat;
}

.img20pc {
    background:url(../imagens/Assinaturas/20porcento.jpg) no-repeat;
}

.img10pc {
    background:url(../imagens/Assinaturas/10porcento.jpg) no-repeat;
}

/*.mioloBlocoAss p {
    display:inline-block;
    text-align:right;
    max-width:170px;
    margin:10px 10px 0 140px;
    float:right;
}*/

.blocoTitulo {
    color:#555;
    font:bold 17px Arial, Helvetica, sans-serif;
    text-align: right;
}

.blocoAssDe {
    padding-top:15px;
    color:#aaa;
}

.precoBlcooAss {
    height:44px;
    width:100%;
    background-color:#5495d3;
}

.precoBlcooAss p {
    color:#fff;
    font:bold 24px Arial, Helvetica, sans-serif;
    text-align:right;
    padding:8px 10px 0 0;
}

    .precoBlcooAss p span strike {
        color: #d90000;
        font-size: 14px;
  font-weight: bold;
    }