@import url("https://static.publico.pt/files/framework/v2/framework_https.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  vertical-align: middle !important;
}


.red-text{
  color:#d10019;
}

.normal-text {
  color:#000000 !important ;
}

.green-text {
  color:#000000 ;
}

.blue-text {
  color:#5b7fc2;
}


.modal-header h4{
  font-size:14px !important;
}


.entry-title {
    font-family: PublicoMedium,Georgia,Times,serif;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 19px !important;
}


/*Presente detail*/

.presente-detail{
  margin-bottom:40px;
}
.presente-detail p a{
  color:#db152e;
  font-size: 13px !important;
}
.presente-detail  {
  font-size: 13px;
}

.presente-detail .col-md-8{
  padding-left:0px !important;
}
.presente-detail .presente-detail-bg{
      background: url(http://comunique.publico.pt/2014/06_junho/testes/loja/images/presente-detail-bg.png);
    background-repeat: no-repeat;
    background-size: 353px auto;
    height: 424px !important;
    background-position: 0px 13px;
}
.presente-detail .presente-detail-gear-bg{
    background: url(http://comunique.publico.pt/2014/06_junho/testes/loja/images/presente-gear-detail-bg.png);
    background-repeat: no-repeat;
    background-size: 353px auto;
    height: 477px !important;
    background-position: 0px 54px;
}
.presente-detail .gear{
  background:#eee !important;
  font-size: 11px !important;
    line-height: 20px !important;
    color:#444 !Important;
}

.presente-detail .lightbox .lightbox-dialog .lightbox-content {
    position: relative;
    background-color: transparent !important;
    border: 0px !important;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-clip: padding-box;
    padding:0px !important;
}


@media only screen and (max-width: 767px){
.static {
    width: 100%;
    padding: 10px !important;
    margin: 0px !important;
}

.static .col-xs-12{
  padding:7px !important;
  margin:0px !important;
}

  .static .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    min-width: 21%;
    width: 100%;
    text-decoration:none;
    font-size:14px !important;
}

.static .btn-default {
    width: 100%;
    text-decoration:none;
    font-size:14px !important;
}

.static .presente-detail-title h3 {
    font-size: 20px !important;
}

.static .entry-header {
    padding-top: 19px !important;
}

.presente-detail-gear-bg{
  display:none !important;
}

.presente-detail-bg{
  display:none !important;
}



}



/*Card*/

.margin-no{
  margin-right: 0px !important;
  margin-left: 2px !important;
}

.card {
    position: relative !important;
    left:3px;
    margin-bottom: 35px !important;
    background-color: #ffffff !important;
    display: table !important;
    min-height: 326px !important;
    hright:auto;
    table-layout: fixed !important;
    width: 99% !important;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2) !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2) !important;
    -webkit-transition: -webkit-box-shadow 0.2s linear !important;
    -moz-transition: -moz-box-shadow 0.2s linear !important;
    -o-transition: -o-box-shadow 0.2s linear !important;
    transition: box-shadow 0.2s linear !important;
    margin-top: 0px;
    overflow: hidden;
}
.card:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2) !important;
    -webkit-transition: -webkit-box-shadow 0.2s linear !important;
    -moz-transition: -moz-box-shadow 0.2s linear !important;
    -o-transition: -o-box-shadow 0.2s linear !important;
    transition: box-shadow 0.2s linear !important;
    margin-top: 0px;
    overflow: hidden;
}

.card .header{
  background:#B71C1C url(http://comunique.publico.pt/2014/06_junho/testes/loja/images/main.svg);
  background-repeat: no-repeat;
  background-position:bottom center;
  background-size:98%;
  height:150px;
  -webkit-box-shadow: inset  0 -20px 0px 0px rgba(0,0,0,0.8);
    -moz-box-shadow:  inset  0 -20px 0px 0px rgba(0,0,0,0.8);
          box-shadow: inset  0 -10px 10px 0px rgba(0,0,0,0.2);
    overflow:hidden;
    background-position: center;
        -webkit-transition: all .3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.card .header:hover{
  background-size:100%;
}

.card .header .share{
    position:relative;
    right:-3px;
    float:right;
    top:10px;
    font-size:11px;
    color:#fff;
    font-family: Arial;
}
.card .header .share .fa{
    font-size:17px;
    color:#fff;
}

.card .container{
    min-height: 160px;
    width: 100%;
    top: 150px;
    padding-top: 24px;
    background: #ffffff;
    position: absolute; 
}
.card .container .border-right{
   border-right:1px solid #ddd;
}
.card .container .margin-no{
  margin-left:0px !important;
  margin-right:0px !important;
  padding-left:0px !important;
  padding-right:15px !important;
}
.card .container .margin-no:last-child{
  margin-left:0px !important;
  margin-right:0px !important;
  padding-left:13px !important;
  padding-right:0px !important;
}
.card .container .btn{
      margin-top: 10px !important;
}
.card .btn-danger {
    padding-left: 7px; 
    padding-right: 6px;
    width: 79px;
    font-size: 12px;
    background: #898989 !important;
    border: 0px !important;
    position: relative;
    left:2px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.card .btn-danger:hover{
  background: #d10019 !important;
}
.card .container .list-group{
  height: 79px !important;
}
.card .container .list-group .list-group-item {
    position: relative;
    display: block;
    padding: 0px 0px !important;
    margin-bottom: -1px;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1 !important;
    line-height: 14px !important;
    padding-top: 1px;
    padding-bottom: 0px !important;
    border: 0px;
}
.card .container .list-group .list-group-item .price {
    font-size: 11px !important;
    color:#f7f7f7 !important;
}
.card .container h4{
  color: #db152e !important;
    font-weight: bold !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    color: #db152e\9 !important;
    padding:0px !important;
        max-width: 83%;
}
.card .badge{
  color: #444 !important;
  background:transparent !important; 
  position:relative;
  top:1px;
  font-weight: normal !important;
  right:-7px;
}
.card .gear{
  position: absolute;
  bottom: 13px;
  right: 11px;
}

.margin-no {
    margin-left: 3px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}




@media only screen and (max-width: 767px){
  .card .header {
        background: #C62828 url(http://comunique.publico.pt/2014/06_junho/testes/loja/images/main.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 523px !important;
    height: 140px;
    -webkit-box-shadow: inset 0 -20px 0px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 -20px 0px 0px rgba(0,0,0,0.8);
    box-shadow: inset 0 -10px 10px 0px rgba(0,0,0,0.2);
    -webkit-transition: -webkit-box-shadow 0.2s linear !important;
    -moz-transition: -moz-box-shadow 0.2s linear !important;
    -o-transition: -o-box-shadow 0.2s linear !important;
    transition: box-shadow 0.2s linear !important;
}
  .card{
    min-height:430px !important;
  }
  .card .container .border-right{
   border-right:0px solid #ddd;
  }
  .card .container .margin-no {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .card .container .margin-no:last-child {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .card .container h4{
  color: #db152e !important;
    font-weight: bold !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    color: #db152e\9 !important;
    padding:0px !important;
    max-width: 83%;
  }
  .card .container .list-group .list-group-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom:-1px;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
  }
  .card .badge{
  color: #444 !important;
  background:transparent !important; 
  position:relative;
  top:-1px;
  font-weight: normal !important;
  right:-7px;
  }
  .card .btn-align {
    text-align: left !important;
    margin-bottom: 20px !important;
    margin-top: 19px ;
  }
  .card .margin-top {
    margin-top: -7px ;
  }
  .card .btn-align_last-child {
    margin-top: -19px !important;
  }
  .card .container .list-group {
    height: 56px !important;
  }
  .card .gear {
    position: absolute;
    bottom: 22px;
    right: 10px;
  }
  .card img {
        width: 54px;
    height: auto;
  }
  
  .card .container {
    min-height: 264px;
  }
}

/*End Card*/








.accordion-toggle {
cursor: pointer;
width: 100px !important;
}



.checkout-info{
  max-width:90%;
  margin-top:30px !important;
}

.checkout-info li{
  border:0px !important;
  left:-13px !important;
  line-height: 1px !important;
}

.checkout-info li:hover{
  background:#fff !important;
}

.checkout-info p{
  padding-left:22px !important;
}




.right-title-checkout {
  color: #db152e;
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 25px !important;
  display: block;
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
}

.checkout-checkbox {
  padding-left: 29px !important;
}


.checkout-checkbox input[type="radio"] {
  left: -15px !important;
}

.checkout-checkbox:hover {
  background:#f9f9f7;
}


.checkout-checkbox label {
  display: block !important;
  font-weight: normal;
  cursor: pointer;
  width: 100% !important;
  line-height: 19px !important;
  padding-top: 5px !important;
}


hr {
  margin-top:20px  !important;
  margin-bottom:10px  !important;
  border: 0;
  border-top: 1px solid #ccc !important;
}


.modalidades{
    background:#ffffff;
    display:block;
    padding-left: 15px;
    padding-bottom:15px;
    min-height:50px;
    overflow: hidden !important;
  }


  .features_bg{
    background:#f3f3f3;
  }


  .features-title{
    margin-top:40px;
  }

  .features-title h4{
    color: #000000 !important;
    font-weight: bold !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
    font-size: 1.6em !important;
    color: #000000\9 !important;
    font-weight: bold\9 !important;
    font-size: 1.5em\9 !important;

  }



  .modalidades .more-info {
    display:block;
    float:right;
    position:relative;
    color:#2c2c2c !important;
    text-decoration: underline;
    overflow: hidden !important;
    font-size: 12px;
    top:-3px;
    right:15px !important;
  }
 
  .modalidades .price{
    color: #db152e !important;
  font-weight: bold !important;
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.5em !important;
  color: #db152e\9 !important;
  font-weight: bold\9 !important;
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.2em\9 !important;
  }

  .modalidades .btn-danger{
     padding-left: 6px;
  padding-right: 6px;
  padding-top: 5px;
  padding-bottom: 5px;
  top: -5px;
  right: 10px !important;
    width: 79px;
  font-size: 12px;
  background: #898989 !important;
  border: 0px !important;
  float: right;
  position: relative;
  }

  .modalidades .btn-danger:hover{
    background: #d10019 !important;
  }

  .modalidades .btn-default{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 12px;
    max-width:80px;
    top:-8px;
    right:-9px;
  }

  .nota-modalidades{
    font-size:12px;
    color: #777676;
    line-height:14px;
    padding-bottom:10px;
    font-family:Arial !important;
    width: 83% !important;
    position: relative;
    top: 5px;
  }

  

  .collapsible-modalidades {
  font-size: 19px;
  top: 0px;
  position: relative;
  color: #db152e;
  width: 278px;
}
  }

  

  .table-responsive td{
    padding-top:0px !important;
  }

  .table-responsive .title{
    font-size: 12px;
    text-align: center;
    line-height: -5px !important;
    width: 21%;
  }

  .table-responsive span{
    position:relative;
    top:0px;
    color: #db152e;
  }











.col-right-border{
  border-right: 1px #DDD solid;
}

.ui-collapsible-inset, .ui-collapsible-set {
  margin-bottom: 0px !important;
}

.master-title {
  width: 45.7% !important;
  text-align: left !important;
}

.master-valor{
  width: 26.3%;
}

.hp-price{
  color:#db152e;
}

.disable-icon .collapsible-title{
  left: 0px !important;
  text-align: left !important;
}

.disable-icon .collapsible-description span {
left: -2px !important;
position: relative;
}

.disable-icon .collapsible-valor  {
left: 11px !important;
position: relative;
width: 23% !important;
}


.collapsible-title {
  font-size:19px;
  top:-5px;
  position:relative;
  color:#db152e;
  width:30%;

}

.collapsible-valor {
  font-size:15px;
  top:-9px;
  position:relative;
  color:#db152e;
  width: 20% !important;
  text-align: center !important;
  line-height: 15px;
  font-size: 1.1em;
}

.collapsible-valor span {
  font-size: 0.7em !important;
  color:#db152e !important;
}

.collapsible-description {
  position: relative;
  top: -9px;
  padding-left: 0%;
  width: 34%;
  color: #db152e;
  text-align: center !important;
  line-height: 15px;
  font-size: 1.1em;
}

.collapsible-description span {
  font-size: 0.7em !important;
  color:#db152e !important;
}

.collapsible-title-m {
  display:none;
}

.collapsible-description-m {
  display:none;
}

.collapsible-valor-m {
  display:none;
}


.collapsible-title-m {
  display:none;  
}


.btn-product{
  top: 25px !important;
}

.accordion-toggle tr td img{
  vertical-align: top !important;
}

.product-rodape{
  font-size: 0.9em !important;
  text-align: left !important;
}

.product-rodape i{
  margin-top:-3px !important;
}

.btn-danger {
background-color: #bb211b !important;
}

.top-menu{
  position: fixed !important;
  z-index: 99999999999999999;
  right: 5px;
  top: -4px;
  font-weight: normal !important;
}

.top-menu .btn{
  background: none !important;
  color:#fff !important;
  font-weight: normal !important;
}

.top-menu .btn a{
  background: none !important;
  color:#fff !important;
  font-weight: normal !important;
}

span.btn-fa a {
  position:relative;
  top:0px !important;
  background:#2a62a8 !important;
  color:#ffffff !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 6px !important;
  padding-bottom: 6px  !important;
  float:right !important;
  margin-right:0px !important;
  display: inline-block !important;
  margin-left: 5px !important;
  font-weight: normal !important;
  text-shadow: none !important;
  text-align: center !important;
  min-width: 35px !important;
  -webkit-border-radius: 5px !important;
     -moz-border-radius: 5px !important;
          border-radius: 5px !important;
}

span.btn-g a {
  background:#e1464c!important;
  position:relative;
  top:-33px !important;
  color:#ffffff !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 6px !important;
  padding-bottom: 6px  !important;
  float:right !important;
  margin-right:3px !important;
  display: inline-block !important;
  margin-left: 5px !important;
  font-weight: normal !important;
  text-shadow: none !important;
  text-align: center !important;
  min-width: 35px !important;
    -webkit-border-radius: 5px !important;
     -moz-border-radius: 5px !important;
          border-radius: 5px !important;
}

span.btn-t a {
  background:#49a2e0 !important;
  position:relative;
  top:-33px !important;
  color:#ffffff !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 6px !important;
  padding-bottom: 6px  !important;
  float:right !important;
  margin-right:3px !important;
  display: inline-block !important;
  margin-left: 5px !important;
  font-weight: normal !important;
  text-shadow: none !important;
  text-align: center !important;
  min-width: 35px !important;
    -webkit-border-radius: 5px !important;
     -moz-border-radius: 5px !important;
          border-radius: 5px !important;
}

span.btn-p a {
  background:#bf060d !important;
  position:relative;
  top:-33px !important;
  color:#ffffff !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 6px !important;
  padding-bottom: 6px  !important;
  float:right !important;
  margin-right:0px !important;
  display: inline-block !important;
  margin-left: 5px !important;
  font-weight: normal !important;
  text-shadow: none !important;
  text-align: center !important;
  min-width: 35px !important;
    -webkit-border-radius: 5px !important;
     -moz-border-radius: 5px !important;
          border-radius: 5px !important;
}

.share-it {
  width:100%;
  clear:both !important;
  display: inline-block;
  float: left;
 /* background: #fff;
  border:1px solid #dfdfe0;*/
  text-align: left !important;
  padding-left:10px;
  padding-right:1px;
  padding-top:6px;
  padding-bottom:7px;
  margin-left:1px;
  margin-top:0px;
  max-height: 45px !important
 
}



.ui-navbar .ui-btn {
  background:#FFFFFF  !important;
  color:#3a3939 !important;
  border-left: 0px solid #c5c5c7 !important;
  border-right: 1px solid #c5c5c7 !important;
  border-top: 1px solid #c5c5c7 !important;
  border-bottom: 1px solid #c5c5c7 !important;
  margin: 0px !important;
  
}



.ui-navbar .ui-btn-active {
  background:#eeeeee  !important;
  color:#3a3939 !important;
  border: 1px solid #c5c5c7 !important;
  text-shadow: none !important;
}


.ui-content {
  text-align: left !important;
}

.top-btns {
  float:right !important;
  margin-top: 10px !important;
}
.btn-danger{
  min-width: 13% !important;
}


.btn-bar-menu{
  font-size: 1.9em !important;
  top:-8px !important;
  left:3px !important;
  position:relative;
  color:#ffffff !important;
  text-shadow: none !important;
}


.m-top-login{
  float:right; 
  position:relative; 
  right:0; top:-12px; 
  height:47px; 
  padding-top:4px; 
  padding-right:15px; 
  padding-left:7px; 
  border-right:1px solid #ba0303;
  font-size: 1.9em;
  color:#ffffff !important;
  text-shadow: none !important;
}


.m-top-facebook{
  float:right; 
  position:relative; 
  right:0; top:-12px; 
  height:47px; 
  padding-top:6px; 
  padding-right:15px; 
  padding-left:15px; 
  border-right:1px solid #ba0303;
  border-left:1px solid #c74343;
  font-size: 1.8em;
  color:#ffffff !important;
  text-shadow: none !important;
}

.m-top-twitter{
  float:right; 
  position:relative; 
  right:0; top:-12px; 
  height:47px; 
  padding-top:3px; 
  padding-right:11px; 
  padding-left:13px; 
  border-right:1px solid #ba0303;
  border-left:1px solid #c74343;
  font-size: 2.1em;
  color:#ffffff !important;
  text-shadow: none !important;
}



img{
  max-width: inherit !important;
}

.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
  background:#eeeeee !important;
}



.os-internal-ui-dialog {
  overflow: visible !important;
}



.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
  background: #f9f9f9 !important;
}


.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content p {
  text-align: left !important;
  font-size: 12px !important;
  color:#000 !important;
  margin-top:10px !important;
}

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content table tr td {
  text-align: left !important;
}

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content .ui-link {
  text-align: left;
  color:#ba0303;
  margin:0px;
  padding:0px;
}

.ui-collapsible-content .ui-body-inherit .ui-link {
  text-align: left !important;
  color:#ba0303 !important;
  margin:0px !important;
  padding:0px !important;
}

.ui-collapsible-content .ui-body-inherit .ui-link:hover {
  color:#000000 !important;
}



.accordion-toggle img {
  width: 96px !important;
  margin-left: -1%;
}


.ui-collapsible-content p{
    text-align: left !important;
    font-size: 0.97em !important;
  }

#fixedbar { 
 
  position: fixed  !important;
  top: 0;
  width: 100%  !important;
  z-index: 99999999999;
}

.menu-home-collapsible {
  background:#eeeeee !important;
  margin-bottom: 10px !important;
}

.disable-icon {
padding-top: 12px !important;
min-height: 62px !important;
padding-left: 4% !important;
font-size: 1.15em !important;
}

iframe {
  border:0px !important;
}

.ui-link a {
  color: #bb211b !important;
}

.ui-header {
border:0px !important;
background: none !important;
}

.col-md-8 {
  padding-right:5px\0 !important;
}

.col-md-8 {
  padding-right:10px\9 !important;
}

.ui-panel-inner ul li a {
  background: none !important;
  color:#fff !important;
  text-shadow:none !important;
  border: 0px #ccc !important; 
  font-size: 1.3em;
  color:#929191 !important;
} 

.ui-panel-inner li {
  border-bottom: 1px solid #313131 !important; 
  border-top: 1px solid #4b4b4b !important; 
} 

.ui-panel-inner li a {
 font-weight: normal !important; 
} 

.mobile-bar-btn {
display: none;
}



.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
  top: 22px !important;
  margin-top: -11px !important;
}

/*.hidde.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
 display:none;
}*/

.menu-home-collapsible {
  position:relative;
  border:1px solid #d2d2d2;
  padding-top: 4px;
}

.div-radio-home-menu {
  position:absolute; 
  top:14px !important; 
  right:20px !important;
}

.radio-home-menu {
  top:40px; 
  right:0px; 
  position:absolute;
}


/*Firefox*/
@-moz-document url-prefix() { 
  .div-radio-home-menu {
    position:absolute; 
    top:25px; 
    right:35px;
  }
}

@-moz-document url-prefix() { 
  .ui-btn-icon-notext:after,
  .ui-btn-icon-left:after,
  .ui-btn-icon-right:after {
    top: 33px !important;
    margin-top: -11px !important;
  }
}

.note-modalidades {
  font-size: 12px;
color: #767676;
line-height: 18px;
left: 0px;
font-weight: normal;
width: 100% !important;
display: block;
position: relative;
top: 4px;
padding-right: 25px;
padding-bottom: 15px;
}


.m-btn {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
 font-size: 0.9em !important;
 background:#bb211b !important ;
 color:#fff !important;
 text-transform: none !important;
  text-shadow:none !important;
  box-shadow: none !important;

}




.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: grey;
    position: relative;
    top:-30px;
    left:-27px;
             /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}


@-moz-document url-prefix() { 

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: grey;
    position: relative;
    top:-30px;
    left:-107px;
             /* adjust as needed */
}


}


@-moz-document url-prefix() { 

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "";    /* adjust as needed, taken from bootstrap.css */
    left:-107px;
}


}



  body{
    padding-top:0px ;
    min-width:92%;
    overflow-x: hidden;
    background: #fff !important;
  }



/*loja 2 css*/


.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 0px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 0px solid !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 0px solid #ddd;
}
.panel-default {
  border-color: #ddd;
  margin-bottom: 17px !important;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #eeeeee !important;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
          transition: height .35s ease;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 0px solid !important;
 
}
.panel-body {
  padding: 3px !important;
}

.panel-body table tr td {
  text-align:left !important;
}

@-moz-document url-prefix() { 
  .panel-body img {
      max-width: 35% !important;
  }
}

.panel-title {
    margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9em;
  font-family: Helvetica !important;
  color: inherit;
  padding-top: 14px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-left: 10px\9\0 !important;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align:left !important;
}

.panel-title:hover {
  background: #f7f6f6;
}

.panel-title:nth-child(3n){
    border-bottom: 0px solid #dedede;
}

.feature-panel-title {
  margin-top: 0;
  margin-bottom: 1px;
  font-size: 0.9em;
  font-family:Helvetica !important;
  color: inherit;
  padding-top: 11px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-left: 10px\9\0 !important;
  background: #f5f5f5;
  border-bottom: 1px solid #dedede;
  text-align:left !important;

}

.feature-panel-title:hover {
  background: #eeeeee;
}

.teature-panel-title .table-responsive {
  margin-bottom:2px !important;
}

.feature-panel-title .feature-description{
  color: #a5a4a4 !important;
  font-size: 12px !important;
  font-weight: normal !important;
  position: relative;
  width: 185%;
  font-family: Arial !important;
  color: #a5a4a4\9 !important;
  font-weight: normal\9 !important;
  top: 5px;
}


.feature-panel-title .title {
  font-size: 12px;
  text-align: center;
  line-height: -8px !important;
  width: 21%;
  /* padding-top: 0px !important; */
  position: relative;
  top: -10px;
}
.feature-description {
 color: #a5a4a4 !important;
  font-size: 12px !important;
  font-weight: normal !important;
  font-family: Arial !important;
  color: #a5a4a4\9 !important;
  font-weight: normal\9 !important;
}

.feature-panel-title .btn-danger {
    top: -3px;
}

.feature-panel-title .more-info {
  display: block;
  float: right;
  position: relative;
  color: #2c2c2c !important;
  text-decoration: underline;
  overflow: hidden !important;
  font-size: 12px;
    top: 3px;
  right: 25px !important;
}

.feature-panel-title .thumb {
  width: 54px;
  height: 54px;
  background: #ffffff;
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 2px;
  text-align:center;
}

.feature-panel-title .thumb img {
  width: 54px;
  height: 54px;
  vertical-align: middle;
  margin:auto;
  margin-top:0px;
}




.panel-title h4 {
    color:#db152e !important;
    font-weight:bold !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.0em !important;


  color:#db152e\9 !important;
    font-weight:bold\9 !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.2em\9 !important;
}

.panel-title h4 a {
    color:#db152e !important;
    font-weight:bold !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;

  color:#db152e\9 !important;
    font-weight:bold\9 !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif\9 !important;
  font-size: 1.2em\9 !important;
}



.feature-panel-title h4 {
    color:#db152e !important;
    font-weight:bold ;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.0em !important;


  color:#db152e\9 !important;
    font-weight:bold\9 ;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.2em\9 !important;
}

.feature-panel-title h4 a {
    color:#db152e !important;
    font-weight:bold ;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;

  color:#db152e\9 !important;
    font-weight:bold\9 !important;
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif\9 !important;
  font-size: 1.2em\9 !important;
}

/*.panel-title > a {
  color:#db152e !important;

}*/

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}


.border-home {
  border-right:1px solid #e9e9e9;
  float:left;
  max-width: 64%\9 !important;
  width: 100%\0/ !important;

}

.border-home td {
 text-align:  !important;

}


.panel-heading {
padding: 0px 0px !important; 
border-bottom: 0px solid !important; 
border-top-right-radius: 0px !important; 
border-top-left-radius: 0px !important; 
}

.valor{
  width: 50% !important;
}

.valor-radio {
  width: 14% !important;
}

.valor-rodape {
  font-size: 13px !important;
  color:#747474 !important;
  width: 150% !important;
  font-weight: bold;
}

.valor-payment{
  font-size: 11px !important;
  color:#747474 !important;
  width: 150% !important;
  margin-top:20px;

}

.col-md-4 .right-title {
  color:#db152e;
  padding-top:10px;
  padding-bottom:5px;
  font-weight: bold;
  font-size:1.3em ;
  display: block;
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
} 

.col-right {
  padding-left:10px\0 !important;
  padding-right:0px\9 !important;

  max-width:32.33333333%\9 !important; 
  float:right;
}

*::-ms-backdrop, .col-md-8 { width:658px !important; } /* IE11 */


.col-right .outras-ofertas{
  font-size:12px;
  padding-top:5px;
}

.block-outras-ofertas {
  
}

ul {
  margin: 0 0 8px 2px !important;
}

.principais-vantagens li {
  margin-bottom:7px;
  font-size: 12px;
  color:#757575;
}


h3 {
  font-family: "PublicoMedium",Georgia,Times,serif !important;
  color:#000 !important;
}

h4 {
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.2em !important;

  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.5em\9 !important;
  color:#db152e\9 !important;
}

h5 {
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.2em !important;
  color:#444444 !important;
}

.outras-ofertas a{
  color:#dc142e;
  text-decoration: none;
}

.outras-ofertas a:hover{
  color:#444444;
  text-decoration: none;
}

.module-title {

  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.6em !important;
  color:#000000 !important;
  font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
  font-size: 1.5em\9 !important;
  color:#000000\9 !important;
  margin-top:20px;
  padding-top:5px;
  padding-bottom:2px;

  border-top:1px #ccc solid;
  border-bottom:1px #ccc solid;

}

.col-right .constrain{
  margin-top:0px !important;
}

.blockquote {
margin: 0 0 20px;
font-size: 17.7px !important;
border-left: 0px !important; 
}


.module {
margin-bottom: 0px;
/* border-top: 1px solid #ccc; */
}

.entry-header {
  text-align: left;
  padding-top: 53px;
  margin-bottom: 0px;
  font-weight: normal !important;
  padding-bottom: 8px;
}


.entry-header .h3{
  font-size: 25px !important;
  color:#000;
  font-family: PublicoRoman,serif !important;
  line-height:5px;
}

.entry-header .red-title{
  font-size: 19px !important;
  color:#d10019;
  font-family: PublicoRoman,serif;
  line-height: 11px;
}

.entry-header .blue-title{
  font-size: 15px !important;
  color:#5b7fc2;
  font-family: PublicoRoman,serif;
      line-height: 20px;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0 0 8px;
  font-family: 'PublicoRoman',Georgia,Times," Times New Roman",serif !important;
  font-weight: normal !important;
  line-height: 1.2;
  color: inherit;
}
/*input[type="radio"] {
   
    cursor: pointer;
    width:15px !important;

}*/

.titles-modalidades {
  left: 30px !important;
  position: relative;
}


/*body:first-of-type input[type="radio"] {
   
    background-color: #6f6f6f;
    border: 1px solid #6f6f6f;

}
*/
  
  .alertDiv {
    padding: 5px 10px 5px 35px;
    margin-bottom: 10px;
    font-size: 13px;
    width: 72%;
  }


  
  .links-head {
    max-width:934px; 
    width:100%; 
    text-align:right; 
    margin-bottom:20px; 
  }
  
  .links-head a {
    font-weight:bold !important;
  }
  
  .EditRecord_Value {
    height: 40px;
  }

  .presente-mini-btn {
    margin-top: 8px;
  }
  
  
  #wt1_wtwbPostalCode_wtcvPostalCode{
    margin-top: 40px !important;
    border-top: 1px solid #bfbfbe !important;
    display: inline-block !important;
    width: 100% !important;
    padding-top: 20px !important;
    padding-left: 14px !important;
  }
  
  
  #wt1_wtmodalityContainer{
    overflow:hidden;
    width: 100%;
  } 


  .subtitle-type {
    font-size: 17px;
  }  



  .storeCuponNamorados .divHolder {
    background: #f5f5f5 url(https://static.publico.pt/files/assinaturas/img/box_namorados.png) no-repeat !important;
  }


  .storeCuponNamorados .divOptionDigital {
    margin-bottom: 24px;
  }

  .storeCuponNamorados .divHolder {
    border: 1px solid #fff !important;
    background-image:none !important;
    width: 98% !important;
    background: 
      url(https://static.publico.pt/files/assinaturas/img/laco_namorados_alt.png) no-repeat -10px 100% / 93px auto,
      url(https://static.publico.pt/files/assinaturas/img/box.png) no-repeat -55px -50px / 300px !important;
  }


  .shopsubtitle {
    padding-top: 15px;
    font-size: 20px !important;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
    text-align: center;
    color: #bb0202;
    display:inline-block;
    margin-bottom: 8px;
  }

  #wt1_wt115_wtInfoLink{
    color:#d0252e;
    padding-left: 3px;
  }


  .shopnote {
    color: #666565 !important;
    font-size: 11px !important;
    padding-left: 30px !important;
  }


  
  .ui-dialog {
    left:auto !important;
    right: auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    right: 37% !important;
  }
  
  .campaignNoteFooterDiv {
    margin-top: 8px;
    margin-bottom: 16px;
  }
  
  /*.campaignRightDiv {
    float: left;
    max-width: 38%;
    margin-top: 5px;
    width: 37%;
  }*/
  

  .campaignRightDiv{
    width: 23%;
    margin-right: 0px;
    margin-top: 0px;
    float: left;
  }

  .divOptionDigital {
    float:left;
    text-align: center;
    color: #262626;
    margin-left: 0px;
    margin-right: 2%;
    margin-top: 0;
    width: 207px;
    overflow: hidden !important;
  }


  .logoPaymentDigitalBackground {
    height: 55px;
    width: 119px;
  }
  
  .alertError {
    background: #F2DEDE url(../img/error.png?7533) no-repeat 10px center;
    border: 1px #B94A48 solid;
    color: #b94a48;
  } 
  
  .cards-button {
    float: right;
    position: relative;
    top: 23px;
    left: -14%;
  }
  
  .cards-button a {
    width:50%;
    width: 175%;
  }
  
  .alertDiv {
    padding: 5px 10px 5px 35px;
    margin-bottom: 10px;
    font-size: 13px;
  }
  
  .storePaper{
    width:100%; 
  }
  
  .assinaturas-mobile-title {
    display:none;
  }
  
  .StepTitle {
    font: 30px/30px 'PublicoMedium',Georgia,sans-serif;
    color: #262626;
    margin-bottom: 25px;
  }
  
  .mainContent {
    max-width: 960px;
    width:100%;
    margin: 0 auto;
   /* margin-top: 0% !important;*/
  }
  
  .detalhesCompra {
    font-size: 12px;
    float: left;
    background: ;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom:10px;
  }
  .storeDigital .detalhesCompra {
    background: url(//assinaturas.publico.pt/p_Subscriptions/img/seta_red.gif) no-repeat center left;
  }
  .storePaper .detalhesCompra {
    background:;
  }
  
  .detalhesCompra div{
    background-color: #e6e6e6;
    border: 1px #b3b3b3 solid;
    padding: 5px 10px;
    float: left;
  }
  
  .detalhesCompra a{
    float: left;
    margin: 6px 0 0 10px;
    text-decoration: underline;
    cursor: pointer;
  }
  
  .detalhesCompra a:hover{
    text-decoration: none;
  }
  
  .publicoBannerFont {
    font-family: 'PublicoBannerBlack',Georgia,sans-serif;
  }
  
  .fontBold {
    font-weight: bold;
  }
  
  .blueLink {
    color: #1F5BA4;
  }
  .go-publico {
    display: block;
    width: 44px;
    height: 48px;
    float: right;
    margin-right: 9px;
  }
  
  .headerH1 {
    font: bold 44px/60px 'PublicoBannerBlack',Georgia,sans-serif;
    padding-top: 100px;
  }
  
  .headerH2 {
    color: #252525;
    font: 26px/26px 'PublicoRoman',Georgia,sans-serif;
  }
  
  .nav-secundaria{
    float: right;
    font-weight:bold !important;
    position: absolute;
    display: inline-table;
    right: 12px;
    top: 51px;
    color: #ffffff !important;

  }
  
  .nav-secundaria a{
    font: 14px/16px Arial, Helvetica, sans-serif;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px #999 solid;
    font-weight:bold;
    color:#fff !important;

    
  }
  
  .nav-secundaria a:hover{
    text-decoration: none;
  }
  
  .nav-secundaria a:first-child{
    border: none;
  }



  
  .divOption {
  /*width: 172px;*/
  
    float:left;
    text-align:center;
    width: 24%; 
    margin-right:7%;
    margin-left:0px;
  }
  
  .divpromo {
    background: url(//assinaturas.publico.pt/p_Subscriptions/img/bg_modal_promo_bck.png) repeat-y bottom center;
    display: block;
    width: 131px;
    padding: 10px 20px 16px;
  }
  
  .divHolder {
    display: block;
    cursor: pointer;    
    margin-left:0px;
    width:212px;
    min-height:210px;
    background: url(https://static.publico.pt/files/assinaturas/img/box.png) no-repeat !important;  
    padding: 21px 0.9px 19px ;
  }
  
  .storePaperCupon .divHolder {
    background: #f5f5f5 url(https://static.publico.pt/files/assinaturas/img/present_box.png) no-repeat !important;
  } 

  
  
  .highlight {
  
  padding: 14px 14px;
  margin-bottom: 0px;
  background-color: #f7f7f9;
  border: 1px solid #f7f7f9;
  /* border-radius: 4px; */
  clear: both;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}


.form-grid{
  overflow: hidden;
  padding-top:10px;
}


.form-grid .left{
  float:left;
}

.form-grid .right{
  float:right;
}

.highlight .warning {
  font-size:12px;
}



  


  .divOptionTitleText {  
    font-size:23px;
    font-family: "PublicoBanner",Georgia,Times,serif;
    font-weight:bold !important;
    color:#c30912;
    padding-bottom: 15px;
    display: inline-block;
  }
  
  .divOptionDetail {
    font: 12px/18px Arial, Helvetica, sans-serif;
    color: #e51b24;
  }
  
  .divOption p {
    font: 60px/60px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
  }
  
  .divOption p span {
    font-size: 30px;
    position: relative;
    top: -20px;
  }
  
  .priceSpaccer {
  }
  
  .logoBackground {
    height: 93px;
  }
  
  .mbStyle {
    background: url(//assinaturas.publico.pt/p_Subscriptions/img/multibanco.png) no-repeat center center;
  }
  
  .visaDisableStyle {
    background: url(//assinaturas.publico.pt/p_Subscriptions/img/visa_disabled.png) no-repeat center center;
  }
  
  .debitoDirectoStyle {
    background: url(//assinaturas.publico.pt/p_Subscriptions/img/debitoDirecto.png) no-repeat center center;
  }
  
  .Steps{
    margin-top: 0px;
    border-right: 1px #d9d9d9 solid;
    border-top: 1px #d9d9d9 solid;
    border-left: 1px #d9d9d9 solid;
    padding: 1px;
    background-color: #FFF;
    display: inline-block;
    width: 100%;
  }
  
  table{
    width:100%;
  }
  
  .Steps div {
    display: inline-block;
    height: 60px;
    float: left;
    background: #eae5e0 url(//assinaturas.publico.pt/p_Subscriptions/img/step_bg.gif) no-repeat center right;
    text-align: center;
    color: #807d7a;
    font-family:  'BebasNeueRegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    width: 33.22222%;
    line-height: 60px;
  }
  
  .StepNumber{
    font-size: 24px;
    font-weight: bold;
    margin-right: 5px;
  }
  
  
  .Step1 div.BtStep1{
    background: #db152e url(//assinaturas.publico.pt/p_Subscriptions/img/step_current.gif) no-repeat center right;
    color: #FFF;
  }
  
  .Step2 div.BtStep1{
    background-image: url(//assinaturas.publico.pt/p_Subscriptions/img/step_current_prev.gif);
  }
  
  .Step2 div.BtStep2{
    background: #db152e url(//assinaturas.publico.pt/p_Subscriptions/img/step_current.gif) no-repeat center right;
    color: #FFF;
  }
  
  .Step3 div.BtStep2{
    background-image: url(//assinaturas.publico.pt/p_Subscriptions/img/step_current_prev.gif);
  }
  
  .Step3 div.BtStep3{
    background: #db152e url(//assinaturas.publico.pt/p_Subscriptions/img/step_current.gif) no-repeat center right;
    color: #FFF;
  }
  
  .ContentPage {
    overflow: hidden;
    width:100%;
  }
  
  .ContentForm {
    border-right: 1px #d9d9d9 solid;
    border-bottom: 1px #d9d9d9 solid;
    border-left: 1px #d9d9d9 solid;
    overflow: hidden;    
    background: #f2f2f2;
    background-image:none;
    padding-top:15px;
    margin-top:5px;
    overflow:hidden;
    min-height: 260px;
  }
  
  .ContentStep {
    float: none;
    padding: 3%;
    position: relative;
    padding-bottom: 0px !important;
    overflow: hidden !important;
  }
  
  .FormButtons {
    float: right;
    margin-top: 50px;
  }
  
  .visaWarning {
    color: #999;
    font-size: 13px;
  }
  
  .accordionDiv {}
  
  .accordionChildDiv {
    float: none;
    font: bold 18px/18px Arial, Helvetica, sans-serif;
    padding-top: 20px;
    border: none;
    background: none;
    border-bottom: 1px dotted #AAAAAA;
    border-radius: 0;
    cursor: pointer;
    background-image: url(//assinaturas.publico.pt/p_Subscriptions/img/arrow_right_grey.png);
    background-repeat: no-repeat;
    background-position-y: 20px;
  }
  
  .accordionChildDiv:hover {
    background-image: url(//assinaturas.publico.pt/p_Subscriptions/img/arrow_right_black.png);
  }
  
  .accordionChildDiv a {
    color: #888;
    padding-left: 15px;
  }
  
  .accordionChildContent {
  }
  
  .accordionChildDiv a:hover {
    color: #454545;
  }
  
  .stateActive {
    border: none;
    background-image: url(//assinaturas.publico.pt/p_Subscriptions/img/arrow_down_black.png);
  }
  .stateActive:hover {
    background-image: url(//assinaturas.publico.pt/p_Subscriptions/img/arrow_down_black.png);
  }
  
  .stateActive a {
    color: #454545;
    font-size: 21px;
  }
  
  .accordionDiv ul {
    list-style:none;
    margin: 0px;
    padding: 0px;
  }
  
  .Tabs_Wrapper,
  .Tabs_TabBody {
    border: 0;
  }
  
  .Tabs_Wrapper {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
  }
  
  .Tabs_TabBody {
    margin: 0;
    padding: 0 10px;
  }
  
  ul.Tabs_Header {
    height: auto;
    position: static;
    background: #E51B24;
    border: 1px #E51B24 solid;
    padding: 3px 3px 0;   
    font-family: "PublicoMedium", Georgia, "Times New Roman", Times, serif;
    overflow: visible;
  }
  
  /* Clearfix */
  ul.Tabs_Header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  
  ul.Tabs_Header { display: inline-table; }
  * html ul.Tabs_Header { height: 1%; }
  ul.Tabs_Header { display: block; }
  
  .Tabs_Header li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 3px 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
  }
  
  div.Tabs_TabOff, li.Tabs_TabOff {
    float: left;
    color: #666666;
    list-style: none;
    border: 1px solid #cccccc;
    border: 0;
  }
  
  a.Tabs_TabOff, a.Tabs_TabOff:link, a.Tabs_TabOff:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    background: none;
    font-size: 16px;
    color: #ffcfd5;
    float: left;
    padding: .5em 1em;
  }
  
  a.Tabs_TabOff:hover {
    color: #fff;
  }
  
  a.Tabs_TabOn, a.Tabs_TabOn:link, a.Tabs_TabOn:visited, a.Tabs_TabOn:hover, span.Tabs_TabOn {
    display: inline;
    float: left;
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
    padding: 0;
    font-size: 20px;
    padding: .5em 1em;
    color: #E51B24;    
  }
  
  div.Tabs_TabOn, li.Tabs_TabOn {
    color: #333333;
    background: #f2f2f2 none;
    border-top: 1px #e5e5e5 solid;
    border-left: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    padding-bottom: 1px;
    margin-bottom: 0;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
  } 
  
  .divHolderDigital {
    background: url(https://assinaturas.publico.pt/p_Subscriptions/img/box.png) no-repeat bottom center;
    display: block;
    padding: 21px 20px 16px;
    cursor: pointer;
    margin-left: 0 !important;
    min-height: 210px;
    width: 209px;
  }
  
  .DigitalPaymentDiv{
    float:right;
    width:40%;
  }
  
  .digitalDiv{
    float:left;
  }
  
/*  .divOptionDigital {
    float: left;
    text-align: center;
    color: #262626;
    margin-left: -5px;
    margin-right: 30px !important;
    width: 242px;   
  }*/
  
  .divOptionDigitalTitleText {
      color: #C30912;
      font-family: "PublicoBanner",Georgia,Times,serif;
      font-size: 23px;
      font-weight: bold;
  }
  
  
  .divOptionDigitalDetail {
      font: 12px/18px Arial, Helvetica, sans-serif;
      color: #e51b24;
  }
  
  .divOptionDigital .promo-box {
      font: 60px/60px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
  }
  .divOptionDigital p {
      font: 60px/60px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
  }
  
  .divOptionDigital p span {
      font-size: 30px;
      position: relative;
      top: -20px;
  }
  
  .divOptionDigital .promo-box .promo-text {
      font-size: 29px;
      position: relative;
      top: -20px;
      line-height:10px;
      padding:0 1px;
  }



  .divOptionDigital-colaps {
    float: left;
    text-align: center;
    color: #262626;
    margin-left: -5px;
    margin-right: 0px !important;
    line-height: 29px;
    width:100%;  
  }
  
  
  .divOptionDigital-colaps .promo-box {
      font: 60px/60px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
  }
  .divOptionDigital-colaps p {
      font: 60px/60px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
      margin: 16px 0 8px;

  }

  .divOptionDigital-colaps .divOptionTitleText {
    width: 67% !important;
    display: inline-block;
    min-height: 41px;
    line-height: 21px;
  }
  
  .divOptionDigital-colaps p span {
      font-size: 30px;
      position: relative;
      top: -20px;

  }
  
  .divOptionDigital-colaps .promo-box .promo-text {
      font-size: 30px;
      position: relative;
      top: -20px;
      line-height:10px;
      padding:0 1px;
  }


  .ListRecords  {
    font-size: 12px;
    margin-left: 7px;
    display: block;
  }

  .ListRecords ul li {
    list-style: none;
  }



  .ListRecords li {
    list-style: none;
    float:left;
  }


  
  .assignaturenumber {
    line-height: 20px;
    padding-top:0px;
  }
  
  .campaignDescription{
    height: 50px !important;
    line-height: 32px !important;
    margin-bottom: 20px;
    margin-top: 5px !important;
    font-size: 35px;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
  }
  
  .divOptionDigitalTitleText {
    font: 18px/20px 'PublicoMedium',Georgia,sans-serif;
    color: #e51b24;
  }
  
  
  .divOptionDigitalDetail {
    font: 12px/18px Arial, Helvetica, sans-serif;
    color: #e51b24;
  }
  
  .divOptionDigital p {
    font: 60px/60px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
  }
  
  .divOptionDigital p span {
    font-size: 30px;
    position: relative;
    top: -20px;
  }
  
  .divPaymentOptions{
    margin-top: 32px !important;
    min-height: 93px;
    padding-left: 8px;
  }
  
  .moreButton{
    margin-left: 8px;
    margin-top: 17px;
  }
  
  .buttonGoToStep2Digital{
    color: #FFFFFF;
    font-size: 12px;
    height: 14px;
    margin-left: -94px;
    position: absolute;
    right: 45px;
    top: 260px;
    width: 64px;
  }
  
  /*.campaignNote{
    background: url(//assinaturas.publico.pt/p_Subscriptions/img/bullet.png) repeat-x
  scroll left -2px transparent;
    margin-top:12px;
    padding-left:12px;
  }
  
  .campaignNoteFooter{
      background: url(//assinaturas.publico.pt/p_Subscriptions/img/bullet.png) repeat-x
      scroll left -2px transparent;
      padding-left:12px;
  }*/
  
  
  .campaignNote {
      color: #C30912;
      font-size: 16px;
      position: relative;
      bottom:30px;
  }
  
  .campaignNoteFooter{
      color: #C30912;
      font-size: 16px;
  }
    
  
  .iframe{
    height:47px;
    border-bottom: 0px solid #fff;
    margin-bottom:0px;
  }
  
  .logo-p {
    margin-bottom:12px;
    width: 50%;
  }
  
  .logo-p img {
    margin-bottom:0px;
    
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    width: 14%;
  }
  
  .time{
    display: none;
  }
  
  .weather{
    display: none !important;
  }
  
  .nav-network{ 
  }
  
  .nav-network .container {
    margin-right:auto;
    margin-left:auto;
    padding-left:10px;
    padding-right:10px;
  }
  
  .nav-network-inner {
    max-width:940px;
    margin: auto !important;
  }
  
  .container {
    min-width: 97%;
  } 
  
  .nav-network-outer{
    width: 100% !important;
    display: ;
  } 
  
  .header-top{
    width:100%;
    background: url(https://static.publico.pt/files/assinaturas/img/header-bg01.png) no-repeat right top;
    height:208px;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
    background-size:99%;  
    background-size: 87%;
    background-position-y:0px;
    background-position-x: 129px;
  
  }
  
  .top-text{
    width:435%;
    max-width:435px;
    height:210px;
    margin-top:9px;
    margin-left:0px;
    position:absolute;
    padding-left: 10px;
    
  }
  
  .top-text .contentTitle{
    color:#fff !important;
    font-size:181% !important;
    line-height:30px;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
    margin-bottom: 10px;
  }
  
  .top-text .title-description{
    color:#fff !important;
    font-size:16px;
    line-height:20px;
    font-family: "PublicoRoman",Georgia,Times,serif !important;
    font-weight:normal !important;
    width:20%;
  }
  
  .promo-box {
    line-height:32px !important; 
    margin-top:5px !important; 
    margin-bottom:5px; 
    
    
    
    height:50px !important;
    width: 67%; 
    margin-right: auto;
    margin-left: auto;
  }
  
  .promo-text {
    font-size:35px; 
    color:#403d3d;    
  } 
  
  .words { 
    min-height:270px; 
    max-width:320px; 
    width:42% !important; 
    margin-right:10px !important;
    margin-top:10px; 
    text-align:left; 
    color:#000 !important;
    background: none !important;
    float:left;
  }
  
  
  
  .assignature-check {
    position:relative;
    top:-5px !important;
  }
  
  .digital {
    background: #eae5e0 !important;
    padding-bottom:15px;
    padding-top:15px;   
    font-size:24px !important;
    font-family: "PublicoMedium",Georgia,Times,serif !important;    
    text-align:center;
    color:#3e4040;    
  }

  .duvidas-header-title {
    background: #eae5e0 !important;
    padding-top: 5px;
    font-size: 22px !important;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
    text-align: center;
    color: #3e4040;
    height: 40px;
    margin-top: 30px;   
  }
  
  .monitors{
    position:absolute;  
    top:302px;
    width: 23% !important;
    display:none;
  }
  
  .monitors img{
    height:auto !important;
    min-height:115px;
    max-width: 324px !important;
  }
    
  .vantagens{
    margin:0px;
    margin: 0px;
    width: 213%;
    position: relative;
    top: 0px !important;
  }

  
  .vantagens ul {
    margin:0px;
    padding:0px;
  }
  
  .vantagens li{
    list-style:none !important;
    background: url(//static.publico.pt/files/assinaturas/img/row-bullet.png) no-repeat left 4px;
    line-height:18px;
    padding-left:16px;
    margin:0px;
    text-align:left;
    padding-bottom: 17px;
  }
  
  .vantagens-title{
    padding-bottom:13px; 
    font-size:17px; 
    font-family:Helvetica; 
    font-weight:bold; 
    color:#403d3d;
    text-align:left;
  }
  
  .content-pagamento {
    margin-top:15px;
    border: 0px solid #ccc;
    background: #f2f2f2;
  }
  
  .cards {
    background:#f2f2f2;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:17px;
    padding-right:25px;
    min-height: 73px;
    display: inline-block;
    width: 97%
  }
  
  .cards-frase {
    padding-left: 35px;
    padding-bottom: 20px;
  }
  
  .cards ul{
    margin:0px;
    padding:0px;
  }
  
  .cards li {
    list-style:none;
    display:inline-block;
    margin-right:5%;
    width:12%;    
  }

  .cards li:first-child {
    margin-left: 10px;
  }
  
  .cards li:last-child {
    margin-right:0px !important;            
  }
  
  .cards li:last-child a {            
    width:170px;
    margin-top: 21px;   
  } 
  
  .cards li img {
    text-align:center;
  }
  
  .cards .radio {
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
  }   
  
  .duvidas {
    
    background: #f2f2f2;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 3%;
    padding-right: 1%;
    margin-bottom: 10px;      
  }
    
  .duvidas-wrap {
    display:inline-block;
    width:100%;
  } 
  
  .duvidas ul{
    margin:0px;
    padding:0px;
    display:inline-block;
    width:100%;   
  }
  
  .duvidas li { 
    border-left: 1px solid #ccc;
    border-right:0px;
    list-style:none;
    display:inline-block;
    margin-right:0px !important;
    margin-left:-4px !important;
    width: 31%; 
    height:auto;
    padding-left:10px;
    padding-right: 10px;
    float:left;   
   }
  
  .duvidas li:first-child {
    border-left:0px;
    padding-left:0px !important;
    padding-right:0px;
  }
  
  .duvidas li:last-child {  
    margin-right:0px;
    border-right: 0px;
    margin-left:20px;
    padding-right:0px !important;
    padding-left: 10px !important;
    width:32%;  
  }
  
  .duvidas-title {
    background: #fff !important;
    padding-bottom:15px;
    padding-top:15px;   
    font-size:24px !important;
    font-family: "PublicoMedium",Georgia,Times,serif !important;    
    text-align:center;
    color:#878888;    
  }
  
  .duvidas h3 {
    margin-top:13px;
    font-size:18px;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
  }
  
  .duvidas .headerH3 {
    margin-top:13px;
    font-size:18px;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
    line-height:35px
  }
  
  .duvidas .thumb {
    margin-right:0px;
    float:left;
  }
  
  .footer-links {
    margin-top: 50px;
    margin-bottom: 50px;
    color: #3e4040;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }   
  
  .footer-links li:last-child { 
    border:0px;   
  }
  
  .footer-links li a {
    text-decoration:underline;
    color:#3e4040   
  }
  
  .footer-links li a:hover {
    text-decoration:none;
    color:#3e4040;    
  }
  
  .logo-p-mobile{
    display:none;
  }
  
  .confirmation {
      margin-top: 0px;
  }
  
  .confirmationTitle {
      font: 34px/34px 'PublicoMedium',Georgia,sans-serif;
      color: #db152e;
      background: url() no-repeat center left;
      padding-left: 0px;
      margin-bottom: 10px;
  }
  
  .confirmationDetails {
      padding: 0px;;
      margin-bottom: 25px;
      font-size: 16px;
  }

  #wt1_wtcvStep3 {
    padding-bottom: 31px ;
  }
  
  .PasswordLabel {
      position: absolute;
      line-height: 28px;
      color: #BBBBBB;
      padding-left: 5px;
      cursor: text;
      min-width: 200px;
  }
  
  .contentTitle {
      color: #3e4040;
      font: 30px/30px 'PublicoMedium',Georgia,sans-serif;
      float: left;
      margin-top:15px;
  }
  
  .StepDesc {
      font: 24px/32px 'PublicoRoman',Georgia,sans-serif;
  }
  
  .curtain {
      background: transparent url(//static.publico.pt/files/framework/v2/img/bg-f2f2f2-75.png?7538);
      position: absolute;
      height: 660px;
      width: 896px;
      text-align: center;
  }
   
  .curtain-valign {
      display: inline-block;  
      vertical-align: middle;
      height: 100%;
  }
   
  .curtain-loader {
    background: url(//static.publico.pt/files/framework/v2/img/spinner_white.gif?7538) bottom center no-repeat;
    margin-top: -320px;
    text-align: center;
    padding-bottom: 24px;
    color: #777;
    display: inline-block;
    vertical-align: middle;
    width:100% !important;
    margin-left:auto;
    margin-right:auto;
  }
  
  /*.cvRegister {
    float: left;
    width: 73% !important;
    border-left: 1px #DDD solid;
    margin: 0px !important;
    padding-left: 32% !important;
  }
  */
  
  .cvRegister {
    margin: 0px !important;
    padding-left: 0% !important;
    padding-top: 14px;
  }

  .register_note {
    padding: 10px;
    font-size: 12px;
  }
  
  .Text_Note {
    padding: 10px;
    font-size: 12px;
  }
  
  .cvLogin {
    float: left;
    margin-left: 0px;
    width: 43% !important;
    border: 0px;
    padding-left: 29px;
  }
    
  .registerCell {
    width: 51% !important;
    /*padding-bottom: 20px;*/
    display: inherit;
    /*border-left: 1px solid #f3f3f3;*/
  }
  
  #wt1_wtcvStep2 {
    width: 93% !important;
  }
  
  .wrapp-nota-legal {
    max-width: 75%;
  }
  
  .detalhesCompra {
    margin-top: 15px;
  }
  
  #wt1_wtcvHeaders {
    margin-top: 11px;
  }
  
  .userSubTitle {
    margin-bottom: 10px;
    margin-top: 13px;
  }
  
  
  
  .cvAddressSeparatorUp {
      height: 25px;
      border-bottom: 1px #DDD solid;
  }
  .cvAddressSeparatorDown {
      height: 25px;
      border-top: 1px #FFF solid;
  }
  
  
  .cvAddress {
      text-align: left;
  }
  
  .userTitle {
      font: 30px/30px 'PublicoMedium',Georgia,sans-serif;
      color: #262626;
      margin-bottom: 25px;
  }
  
  .userSubTitle {
      font: 24px/32px 'PublicoRoman',Georgia,sans-serif;
  }
  
  /*input.Prompt, textarea.Prompt {
      color: #BBBBBB;
  }*/
  
  .EditRecord_Value img {
      padding-bottom: 10px;
  }
  
  .footer-links {
    width: 99%;
  }
  
  .footer-links ul  {
    margin:0px;
    padding: 0px;
  }
  
  .footer-links li {
    list-style:none;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
  } 
  
  
  /*  css Subscribe */
  
  div.Header {
      background: #d10019 none;
  }
  
  td.Header_Title_Image {
      width: 60px;
      padding: 15px 0 0 20px;
  }
  
  td.Header_Title_Image img {
      max-height: 64px;
  }
  
  div.Title {
      font-size: 36px;
      margin: 30px 0 20px;
      font-family: "PublicoBannerBlack", Georgia, "Times New Roman", Times, serif;
  }
  
  .Heading1 {
      font-size: 22px;
      font-family: "PublicoMedium", Georgia, "Times New Roman", Times, serif;
  }
  
  div.Text_Small{
      padding-right: 10px;
  }

  .productBlocksDiv {
    
  /*  End css Subscribe */  
  }

  .productBlocksDiv ul {
    padding:0px;
    margin:0px;
    list-style:none;
  /*  End css Subscribe */  
  }

  .productBlocksDiv li {
    list-style:none;
    margin-right: 6px;
    display: inline-block;
    width:24%;
  /*  End css Subscribe */  
  }

  .productBlocksDiv li:last-child {
    margin-right: 0px;
  /*  End css Subscribe */  
  }

  .divOptionDigital-colaps .divpromo  {
    display:none !important;
  }

  .productDetailsDiv ul {

  }

  .productDetailsDiv li {
    width: 100% !important;
  }


  .footer-assinaturas-wrapp{
    display:inline-block; 
    margin-top:15px; width:100%;
    margin-bottom: 40px;
  }

  .footer-assinaturas-badge {
    float:left;
  }

  .footer-assinaturas-badge .logo {
    float:left;
  }

  .footer-assinaturas-badge .payment {
    float:left;
    margin-top: 13px;
  }

  .footer-assinaturas-nav {

  }

  .footer-assinaturas-nav ul {
    padding:0px; 
    margin:0px;
    padding-left:4px !important;
  }

  .footer-assinaturas-nav li {
    padding:0px; 
    margin:0px;
    display:inline;
    list-style:none;
    line-height:21px;
    padding-right: 7px;
    padding-left: 5px;
    border-right: 1px solid;
    height: 20px !important;

  }

  .footer-assinaturas-nav li:last-child {
    
    border: 0px !important;
  }

  .footer-assinaturas-nav li:first-child {
    
    padding-left: 0px;
  }

  .footer-copy {
    float: right;
    padding-bottom: 0px;
    padding-top: 12px;
  }

  .footer-fb {
    float:right;
    min-width:40% !important;
  }

  .footer-fb img {
    float:right;
    padding-left: 5px;
    height: 26px;
    width: 26px;
    
  }

  .footer-logo-p img {
    margin-top: 8px;
    
  }

.divOptionGift {
  margin-top: 0px;
}

.divOptionGift a { display:inline-block; position:relative; }
.divOptionGift a:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('x'); }

/*.divOptionGift .divHolder {
  background: #f5f5f5 url(https://static.publico.pt/files/assinaturas/img/box_natal_alt.png) no-repeat !important;
}
*/

.divOptionGift .divHolder{
  background: #f5f5f5 url(https://static.publico.pt/files/assinaturas/img/box_dia-do-pai.png) no-repeat !important;
}


.divOptionGift .divOptionTitleText {
  margin-top: 100px; 
  line-height: 24px; 
  padding-bottom: 4px;
}

.divOptionGift .promo-box {
  height: auto !important; 
  width: 80%; 
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
  line-height: 18px !important;
  font-size: 14px;
}

.divOptionGift .promo-box .promo-text {
  font-size: 14px;
  top: -5px;
}
  










.divOptionNamorados {
  margin-top: 0px;
}

.divOptionNamorados a { display:inline-block; position:relative; }
.divOptionNamorados a:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('x'); }

.divOptionNamorados .divHolder {
  background: #f5f5f5 url(https://static.publico.pt/files/assinaturas/img/box_namorados.png) no-repeat !important;
}


.divOptionNamorados .divOptionTitleText {
  margin-top: 100px; 
  line-height: 24px; 
  padding-bottom: 4px;
}

.divOptionNamorados .promo-box {
  height: auto !important; 
  width: 80%; 
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
  line-height: 18px !important;
  font-size: 14px;
}

.divOptionNamorados .promo-box .promo-text {
  font-size: 14px;
  top: -5px;
}




/*maior*/

/* Landscape phones */
@media only screen and (max-width: 1024px) {

  .ui-panel-inner {
padding: 0em !important;
}

  /*.duvidas .thumb img {
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 10px !important;
    display: block;
  }*/

.top-btn-client{
  display:none !important;
}


.top-menu{
  position: inherit !important;
  margin-top: 46px;
  font-weight: normal !important;
}


.top-menu .btn{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
  margin-left: 7px;
}


.top-menu .btn a{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
}


.entry-header {
padding-top: 48px;
}


#fixedbar { 
 
  opacity: 0.95;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}



 .ui-btn-icon-notext:after,
.ui-btn-icon-left:after
 {
  top: 22px !important;
  margin-top: -11px !important;
  left:16px !important;
}

.disable-icon {
  margin-left: 15px !important;
}


.immersive-masthead .site-title a {
  margin-left: -5px !important;
  border-left: 1px solid #c74343 !important;
}


.mobile-bar-btn-space {
  display: block;
  float:left ;
  width:25px; 
  height:30px;
  padding:13px; 
  border-right: 1px solid #ba0303; 
  margin-right:5px;
}

.mobile-bar-btn  {
  display: block;
  margin-top:-40px;
  margin-left: 10px;
  margin-bottom: 25px;

}

.mobile-bar-btn img {
  
  width: 30px !important;
  border: 0px solid #ba0303 !important;
  

}

  
} 

















  
/* Landscape phones */
@media only screen and (max-width: 970px) {

  /*.duvidas .thumb img {
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 10px !important;
    display: block;
  }*/

.ui-panel-inner {
  padding: 0em !important;
}


.principais-vantagens {
  margin: 0 0 8px 25px !important;
}

.ui-listview, .ui-listview > ul {
margin: 0px !important;
padding: 0px !important;
list-style: none;
}

 .ui-btn-icon-notext:after,
.ui-btn-icon-left:after
 {
  top: 22px !important;
  margin-top: -11px !important;
  left:16px !important;
}

.disable-icon {
  margin-left: 15px !important;
}



.mobile-bar-btn-space {
  display: block;
  float:left ;
  width:25px; 
  height:30px;
  padding:13px; 
  border-right: 1px solid #ba0303; 
  margin-right:5px;

}

.mobile-bar-btn  {
  display: block;
  margin-top:-40px;
  margin-left: 10px;
  margin-bottom: 25px;
}

.mobile-bar-btn img {
  
  width: 30px !important;
  border: 0px solid #000 !important;
  

}


  .m-btn {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .btn-align{
    text-align: center;
  }

  .module-title{
    text-align: center !important;
  }

  .border-home {
    border:0px;
    margin-left: 10px;
    padding-right: 0px !important;
    width: 98% !important;
    width: 100%\0/ !important;
  }

  .col-right{
    width: 100% !important;
    padding-left: 33px !important;
    margin-right: 10px !important;
  }

  .detalhesCompra {
    margin-top: 15px;
    display:none;
  }

  .nav-secundaria{
    margin-top: 0px !important;
    margin-bottom:15px;
  }
  
  .top-text .contentTitle {
    color: #fff !important;
    font-size: 200%;
    line-height: 32px;
  
  }
  
  .cvRegister {
    float: left;
    width: 86% !important;
    border-left: 0px #FFF solid;
    padding-left: 19% !important ;
  }
  
  .promo-box {
    line-height: 32px !important;
    margin-top: 5px !important;
    margin-bottom: 5px;
    height: 50px !important;
    width: 68%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .top-text .title-description {
    color: #fff !important;
    font-size: 17px;
    line-height: 20px;
    font-family: "PublicoRoman",Georgia,Times,serif !important;
    font-weight: normal !important;
    width: 20%;
  }
  
  .campaignRightDiv {
    float: left !important;
    margin-top: 0px;
    margin-left: 0% !important;
    margin-right:0% !important;
    width: 200px ;
  }


  .campaignRightDiv .divOptionDigital {
    
  }

  .assinaturas-mobile-title {
    display:none !important;
  }
  
  .divOptionDigital { 
    margin-right:0% !important;
  }
  
  .duvidas{}
  
  .duvidas li {
    padding-left:0px;
    text-align: center;
    
  }
  
  .duvidas li span {    
  }
  
  .duvidas li:last-child {
  }
  
  .duvidas .thumb{    
    margin: 0 auto !important;
    float:none !important;
  }
  
  .duvidas-wrap{
    display: inline-block;
    width: 100% !important;
    text-align:center;
  }
  
  .duvidas-wrap div:nth-child(2) {
    float: none !important;
  }
  
  .cards-button {
    left: -13%;
  }

  .productBlocksDiv ul {
  padding-left: 8px;
  margin: 0px;
  width: 100%;
  max-width: 1000px;
  }

  .productBlocksDiv li {
    list-style: none;
    margin-right: 6px;
    margin-bottom: 4px;
    display: inline-block;
    width: 48.3333%;
    float: left;
  }

  .productBlocksDiv li:last-chield {
    margin-right: 0px;
  }

  
} 


 @media only screen and (max-width: 992px) {



  .feature-panel-title .more-info {
  display: block;
  float: right !important;
  position: relative;
  color: #2c2c2c !important;
  text-decoration: underline;
  overflow: hidden !important;
  font-size: 12px;
  top: 3px;
  right: 25px !important;


  }

  .modalidades .btn-danger{
    right:20px !important;
    float: right;
  }


.master-valor{
  width:29%;
}

 }


 @media only screen and (max-width: 980px) {


.master-valor{
  width:28%;
}

 }

 @media only screen and (max-width: 730px) {


.master-valor{
  width:27%;
}

 }

  /* Landscape phones */
  @media only screen and (max-width: 767px) {

.table-responsive {
  width: 100%;
  margin-bottom: 0px !important; 
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd;
}
 
.product-rodape{
  padding-left: 15px !important;
  font-size: 1em !important;
}

  .ui-content {
margin-top: 5%;
}



.top-menu{
  position: inherit !important;
  float:right;
  margin-top: 20px;
  font-weight: normal !important;
}


.top-menu .btn{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
}


.top-menu .btn a{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
}




.top-btns {
  float:right !important;
  margin-top: 0px !important;
}

.footer-fb {
  display:none !important;
}

 .col-md-8 {
  margin: 0px !important;
  padding: 17px !important;
}

.master-title {
  padding-left:17px !important;
}
  .border-home {
    border:0px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .footer-assinaturas-wrapp{
    padding-left: 15px;
    padding-top: 10px;
  }

  .m-btn {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .btn-align{
    text-align: center;
  }

  .module-title{
    text-align: center !important;
  }

  .col-right{
    width: 100% !important;
    padding-left: 33px !important;
    margin-right: 10px !important;
  }
  
  .nav-network {
    display: none;
  }
  
  .links-head {
    text-align:center;
    margin-top:10px; 
  }
  
  .duvidas-header-title {
    font-size:19px !important;
    padding-top:8px;
  }

  

  .divOptionDigital-colaps .divHolder {
    width: 103% !important;
    background-size: 395px !important;
    background-position-y: -106px !important;
    background-position-x: -22px !important;
    background: url(//static.publico.pt/files/assinaturas/img/box.png) no-repeat !important;
  }

  .productBlocksDiv li {
    list-style: none;
    margin-right: 21px;
    display: inline-block;
    width: 45.3333%;
    float: left;
    margin-bottom: 8px;
  }
    
  .nav-secundaria a {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(top,#fff,#e6e6e6);
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
  } 

  
  .confirmationTitle {
    font: 34px/34px 'PublicoBannerBlack',Georgia,sans-serif;
    color: #db152e;
    background: url() no-repeat center left;
    padding: 10px;
    margin-bottom: 35px;
    text-align: center;
  }
  
  .confirmationDetails {
    padding: 30px;
    background-color: #e6e6e6;
    border: 1px #b3b3b3 solid;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
  }
    
  .cvRegister {
    float: none;
    width: 99% !important;
    border-left: 0px #FFF solid;
    padding-left: 0% !important ;
  }
  
  .cvLogin {
    float: left;
    width: 99% !important;
    border-right: 0px #DDD solid;
    margin: 0px;
    padding: 10px;
    text-align: center;
  }
  
  .cvLogin .btn {
    width: 45%;
    margin-top:20px;
    margin-bottom: 20px;
  }
  
  .cvRegister .btn {
    width: 45%;
    margin-top:20px;
    margin-bottom: 20px;
  } 
  
  .registerCell {
    width: 100% !important;
    padding-bottom: 20px;
    display: inherit;
    float: left;
    padding: 10px;
    text-align: center;
  }
  
  .control-group {
    margin-bottom: 9px;
    padding-left: 26px;
    width: 99%;
  }
      
  
  .logo-p-mobile img {
    margin:0px;
    width:28px !important;
    margin-top:px !important;
    padding-left:0px !important;
    height:30px;
    
  }
  
  .campaignRightDiv {
    float: left;
    max-width: 20%;
    margin-top: 0px;
  }
  
  .logo-p-mobile {
    
    margin:0px;
    width:30px !important;
    float:left;
    margin-top:10px !important;
    padding-left:10px !important;
    height:40px;
    display:block !important;
  }
  
  .assinaturas-mobile-title {
    display:inline-block !important;
    font-size:15px;
    color:#fff;
    line-height:54px;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
    width:65%;
    text-align:left;
    float:left;
    padding-left:10px;
  }

  
  #wt1_wtmodalityContainer {
    overflow:hidden;
    width: 99%;
    padding: 0px !important;
  }
  
  #wt1_wt50_wtListRecords1 {
    display: inline-block;
    width: 100%;  
  }
  
  #wt1_wt101_wtProductCampaignLR {
    display: inline-block;
    width: 100%;
  }
  
  .optionright {
    float:right !important;
  }
  
  .ContentPage {
    width: 100%;
    padding:0px !important;
    margin:0px !important;  
  }
  
  #wt1_wtwbSteps_wtcvSteps {
    display:none;
  }
  
  .storePaper{
    width: 100%;
  }
  
  #wt1_wtcvHeaders {
    display: none;
  }
  
  .header-top {
    background: none !important;
    max-height: 45px !important;
    height: 45px !important;
  }
  
  .monitors {
    display: none;
  }
  
  .iframe {
    height: 47px !important ;
    overflow: hidden !important;

  }
  
  .iframeClass {
    height:242px;
    overflow: hidden !important;
  }
  
  .nav-secundaria {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    
  }
  
  .mainContent{
    width: 100%;
    margin: 0px;
    padding:0px;
  }
  
  .wt1_wtcvPageContent{
    width: 100%;
    margin: 0px;
  }
  
  .ContentStep{
    width: 100%;
    margin-top: 10px;
    display:block;
    clear:both;
    padding:1% !important;
  }
  
  .divOptionDigital {
    margin-right: 1% !important;
/*    width: 18%;*/
  }
  
  .divHolderdigital{
    width: 100%;        
    background-image:none !important;
    background:#e7e1dd !important;        
    margin-bottom:20px !important;
    padding-top:30px !important;
    padding-bottom:10px;  
  }
  
  .divHolderdigital .promo-text{
    font-size:35px !important;
    line-height:10px !important;
  }
    
  .duvidas-title {
    font-size:20px !important;
    margin-top:-40px;
  }
  
  .duvidas{
    border: 0px !important;
    margin: 0px;
    padding-left: 11px;
    padding: 0px;
  }
  
  .duvidas li {
    border-left:0px;
    border-right:0px;
    border-bottom: 1px solid #dddbd5 !important;
    list-style: none;
    margin:0px !important;
    width: 100% !important;
    height: 86px !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px !important;
    margin-left:10px !important;
    width: 33.3333%;
    margin-top: 0px !important;
    padding-bottom:8px !important;
    
  }
    
  
  .duvidas li span {        
    display:block;
    margin:0px !important;
    padding:0px !important;
    text-align:left;

  }
  
  .duvidas li:last-child {
    border-left:0px;
    border-right:0px;
    border-bottom: 1px solid #fff;
    list-style: none;
    margin:0px;
    width: 100% !important;
    height: 105px;
    padding-left: 0px !important;
    padding-right: 0px;
  }
  
  .duvidas .thumb{
    width: 23% !important;
    float:left !important;
  }
  
  .duvidas .thumb img{
    display: none;
  }     
  
  .duvidas-wrap{
    display: inline-block;
    width: 100% !important;
  }
      
  .words {
    width: 100% !important;
    overflow: hidden !important;
    min-height: 150px;  
    margin-bottom:20px !important;
    font-size: ;
    display: none;
  }
  
  .content-pagamento {
    border:0px;
    margin:0px;
  }
  
  .cards {
    background: #F2F2F2;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 25px;
  }
  
  .cards ul {
    margin: 0px;
    padding: 0px;
    width: 90% !important;
  }
  
  .cards li {
    list-style: none;
    display: block;
    margin-right: 0px;
    border-bottom: 1px solid #fff;
    padding-top:10px;
    padding-bottom:5px;
    width:100% !important;
    
  }

  .cards li:first-child {
    margin-left:0px;
  }
  
  .cards li:last-child {
    margin-right: 0px !important;
    width: 100% !important;
    border: 0px;
  }
  
  .cards li a {
    margin: auto !important;
    width: 34% ;
  }
  
  .cards .radio {
    float:right;
    margin-top:-44px;
  }   
  
  .cards-button {
    position: relative;
    top: 8px;
    text-align: center;
    float: none;
    display: inline-block;
    right: auto;
    left: auto;
    width: 100%;
  }   

  .cards-button a {
    width: 35%;
  }               
    
  .ContentForm{
    width: 96% !important;
    margin: 0px;
    padding:10px;
    border: 0px;
    overflow:hidden !important;
  }
  
  .digital {
    font-size: 17px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  
  .top-text {
    display: none;
  }
  
  .title-description{
    font-size:15px !important;
    line-height:18px !important;
  }
  
  .duvidas .fullText{  
    float: left !important;
    width: 100% !important;
    max-width:100% !important;
    text-align: left;
    line-height: 10px;
    display: inline-block;
    border: 0px solid #333;
  }
  
  .duvidas .headerH3 {
    margin-bottom: 24px !important;
    font-size: 18px;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
    line-height: 0px;
    display: inline-block;
    float: none !important;
    margin-top: 23px !important;
  } 
  
  .logoPaymentDigitalBackground { 
    height: 55px;
    width: 46%;
  }
    
  .Is_Default {
    width: auto;
    height: auto;
    border: 1px solid;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .promo-box {
    line-height:32px !important;
    margin-top:5px !important;
    margin-bottom:5px;
    height:50px !important;
    width:74% !important;
    margin-right:auto;
    margin-left:auto;
  }

}


/* Landscape phones */
@media only screen and (max-width: 699px) {

 

#wt1_wtStep2DIV{
  margin-top: 44px !important;
}

.entry-header {
text-align: left;
padding-top: -23px !important;
font-size: 0.9em !important;
}

.top-menu{
  position: inherit !important;
  margin-top: 20px;
  font-weight: normal !important;
  display:none;
}


.top-menu .btn{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
}


.top-menu .btn a{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
}



  .campaignRightDiv {
    float: left;  
    margin-top: 0px;
    width: 240px !important;
  }
  
  .divOptionDigital {
    float: left;
    text-align: center;
    color: #262626;
    margin-left: 0%;
    margin-right: 2% !important;
  } 



  .productBlocksDiv li {
    list-style: none;
    margin-right: 2%;
    display: inline-block;
    width: 46.3333%;
    float: left;
    margin-bottom: 8px;
  }

  .footer-assinaturas-nav {
    margin-top: 10px;
  }


  .footer-assinaturas-nav li {
    margin-top: -1px;
    display: inline-block;
    list-style: none;
    line-height: 26px;
    border-right: 0px solid;
    height: 20px !important;
    text-align: center !important;
    width: 100%;
  }

  .footer-assinaturas-nav ul {
    padding: 0px;
    margin-left: auto !important;
    padding-left: 0px !important;
    display: inline-block;
    float: none !important;
    text-align: center !important;
    }

  .footer-assinaturas-badge {
    width: 100%;
  }

  .footer-assinaturas-badge .logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 10px;
  }

  .footer-assinaturas-badge .payment {
    float: left;
    text-align: center !important;
    width: 100%;
  }

  .footer-copy {
    float: right;
    padding-left: 10px !important;
    padding-right: 10px;
    width: 98%;
  }

  .footer-fb {
    float: right;
    padding-top: 11px;
  }

}



/* Landscape phones */
@media only screen and (max-width: 573px) {

  .feature-panel-title .thumb {
  display: none;
}

.feature-panel-title .feature-description {
  width: 108%;
}

 .modalidades .more-info {
      right: 2px !important;
  float: right;
  top: 1px;
  }

  .modalidades .btn-danger{
    right:-12px !important;
  }

  .feature-panel-title .collapsible-modalidades {
  font-size: 15px;
  width: 98%;
  position: relative;
}

h4, .h4, h5, .h5, h6, .h6 {
   margin-top: 0px !important;
   margin-bottom: 0px !important; 
}



.modalidades{
    padding-right: 20px;
    padding-left:10px;

  }

  .modalidades.btn{
    padding-right: 10px !important;

  }

  .collapsible-modalidades {
    font-size: 15px;
    width: 110px;
  }


 




.entry-header {
margin-bottom: 0px !important;
font-size: 0.6em !important;
}

.div-radio-home-menu {
    position:absolute;
    top: 5px !important;
    right: 16px !important;
    background: none;
    height: 50px;
    width: 37px;
    padding-top: 11px;
    padding-left: 6px;
}

.ui-btn-icon-left {
padding-left: 2.3em !important;
}


.panel-title h4 {

  font-size: 1.1em !important;


}


.collapsible-valor {
  display:none;
}

.collapsible-description {
  display:none;
}

.collapsible-title {
  display:none;
}




.collapsible-title-m {
font-size: 20px;
top: 1px;
position: relative;
color: #db152e;
width: 98%;
display: block;
font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif !important;
left: 6px;
}

.collapsible-description-m {
text-align: left;
position: relative;
top: 8px;
padding-left: 0%;
width: 100%;
color: #000;
text-align: left !important;
line-height: 15px;
font-size: 0.9em;
display: block;
margin-bottom: 2px;
left: 6px;
}

.collapsible-valor-m {
font-size: 15px;
top: 3px;
position: relative;
color: #db152e;
width: 100%;
text-align: left;
line-height: 15px;
font-size: 0.9em;
border: 0px solid;
left: 6px;
display: block;
}


.note-modalidades{
  padding-top: 13px !important;
  line-height: 13px;
  font-size: 0.7em;
  left: 6px !important;
  display: block;
}



.accordion-toggle img {
  width: 76px !important;
  top: -5px !important;
  position:relative;
}

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content table tr td {
  /* text-align: left !important; */
  font-size: 0.9em;
  line-height:16px;
  }





.top-menu{
  position: inherit !important;
  margin-top: 45px;
  font-weight: normal !important;
}


.top-menu .btn{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
}


.top-menu .btn a{
  background: #eeeeee !important;
  color:#000 !important;
  font-weight: normal !important;
}

.master-title { display:none !important;}
.title-modalidades { display:none !important;}


.footer-assinaturas-wrapp {
  width: 90%;
}

.footer-assinaturas-wrapp{
    padding-left: 15px;
    text-align: center;
    padding-top: 10px ;
  }

/*  input, textarea, .uneditable-input {
    margin-left: 0;
    width: 76%;
    margin-bottom: 10px;
    height: 30px;
  }*/


  .campaignRightDiv {
    
    margin-top:2px;
    margin-bottom:20px;
    margin-left: 9px !important;
    clear:none;
    min-width: 94% !important;
    border:0;

  }

  .campaignRightDiv .divOptionDigital {
    
      min-width: 130% !important;

  }
  
  .campaignRightDiv ul {
    margin:0px;
    padding: 0px;
  }
  
  
  .campaignRightDiv li {
    padding-left: 55px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 5px;
    background: #e8e2de url(//static.publico.pt/files/assinaturas/img/check-m.png) no-repeat 10px center;
    background-size: 30px !important;
  }
  
  
  .divOptionDigital {
    float: left;
    text-align: center;
    color: #262626;
    margin-left: 4%;
    margin-right: 0% !important;
    width: 44%;
    background: #e8e2de ;
  }
  
  
  .divHolder {  
    border: 1px solid #fff !important;
    background-image:none !important;
    width: 98% !important;
    background: url (//static.publico.pt/files/assinaturas/img/box.png) no-repeat -55px -50px !important;
    background-size:300px !important;
  
  }
  
  .divOptionGift .divHolder {
    border: 1px solid #fff !important;
    background-image:none !important;
    width: 98% !important;
    background: 
      url(//static.publico.pt/files/assinaturas/img/laco.png) no-repeat top right / 70% auto,
      url(//static.publico.pt/files/assinaturas/img/box.png) no-repeat -55px -50px / 300px !important;
  }
  
  .storePaperCupon .divOptionDigital {
    margin-bottom: 24px;
  }

  .storePaperCupon .divHolder {
    border: 1px solid #fff !important;
    background-image:none !important;
    width: 98% !important;
    background: 
      url(//static.publico.pt/files/assinaturas/img/laco_alt.png) no-repeat -10px 100% / 70% auto,
      url(//static.publico.pt/files/assinaturas/img/box.png) no-repeat -55px -50px / 300px !important;
  }


  
  
  .cards-button {
    width: 100%;
  }
  
  .cvRegister {
    float: none;
    width: 99% !important;
    border-left: 0px #FFF solid;
    padding-left: 0% !important ;
  }
  
  .cvLogin {
    float: left;
    width: 99% !important;
    border-right: 0px #DDD solid;
    margin: 0px;
    padding: 10px;
    text-align: center;
  }
  
  .registerCell {
    width: 100% !important;
    padding-bottom: 20px;
    display: inherit;
    float: left;
    padding: 10px;
    text-align: center;
  }
  
  .vantagens-title{
    text-align:center;
  }

  .top-menu .btn {
margin-left: 7px !important;
}

#wt1_wtStep2DIV{
  margin-top: 45px !important;
}

}



/* Portrait phones */
@media only screen and (max-width: 490px) { 


.collapsible-title {
  width: 1% !important;
  font-size: 1em;
}

.collapsible-valor {
  width: 1% !important;
  font-size: 0.8em;
}

.collapsible-description{
  width: 1% !important;
  font-size: 0.8em;
}


.menu-home-collapsible {
background: #eeeeee !important;
margin-bottom: 12px !important;
min-height: 90px;
padding-top: 11px;
}
}




}



/* Portrait phones */
@media only screen and (max-width: 479px) { 

 /* .menu-home-collapsible {
    background: #fff !important;
  }*/
  .ui-content {
    margin-top: 13%;
}



#wt1_wtStep2DIV{
  margin-top: 45px !important;
}


.top-menu{
    position: inherit !important;
    margin-top: 7px !important;
    margin-bottom: 20px !important;
    font-weight: normal !important;
}

 .note-modalidades{
    width: 90% !important;
  }

.entry-header {
text-align: center;
margin-top:17px;
font-size: 0.9em !important;
}



  .vantagens {
    width:100%;
  }

  .mini-btns{
    max-width: 137% !important;
  }

  .alertDiv {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
  }
  
  #wt1_wt43_wtIfCrediCard {
    padding-left: 10px;
    width: 98% !important;
    display: inline-block;
    border: 0px solid;
  }

  .campaignNoteFooterDiv {
    margin-top: 8px;
    margin-bottom: 16px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .nav-network{
    display: none !important;
  }   

  .ContentPage {
    width: 100%;
    padding:0px !important;
    margin:0px;
    margin-top:-41px !important;  
  }
  
  #wt1_wtwbSteps_wtcvSteps {
    display:none;
  }

  .storePaper{
    width: 100%;
  }
  
  #wt1_wtcvHeaders {
    display: none;
  }
  
  .header-top {
    background: none !important;
  }
  
  .monitors {
    display: none;
  }
  
  .iframe {
    height: 47px;
    overflow: hidden !important;
    border:0px !important ;
  }
  
  .nav-secundaria {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    margin-bottom: 65px;
  }


.nav-secundaria a {
    margin-bottom: 10px;
  }

  .mainContent {
    width:100%;
    margin: 0 auto;

  }
  
  .wt1_wtcvPageContent{
    width: 100%;
    margin: 0px;
  }
  
  .ContentStep{
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    clear:both;
    padding:0px;
  }
  
  .divOptiondigital{
    width: 48.2%;
    margin-right: 5px;
    padding: 0px;
    float: left !important;
    min-width: 20% !important;    
  }
  
  .divHolderdigital{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image:none;
    background:#f3f3f3;
    margin-bottom:20px;
    padding-top:15px;
    padding-bottom:15px;
      
  } 
  
  .divHolder .promo-text{
    font-size:22px !important;
    line-height:10px !important;
  }
  
  .divOptionGift .divOptionTitleText {
    font-size: 21px;
    line-height: 23px;
  }

  .divOptionGift .promo-box {
    height: auto !important; 
    width: 94% !important; 
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    line-height: 18px !important;
    font-size: 14px;
  }

  .divOptionGift .promo-box .promo-text {
    font-size: 14px !important;
    top: -5px;
  }

  .duvidas-title {
    font-size:20px !important;
    margin-top:-40px;
  }
  
  .duvidas{
    border: 0px !important;
    margin: 0px;
    padding-left: 11px;
    padding: 0px;
  }
  
  .duvidas li {
    border-left:0px;
    border-right:0px;
    border-bottom: 1px solid #fff;
    list-style: none;
    margin:0px;
    width: 94% !important;
    height: 75px !important;
    padding-right: 0px;
    width: 33.3333%;
    padding-bottom: 0px !important;
    padding-top:4px !important;
    
  }
  
  .duvidas li span {
    
    display:block;
    margin:0px !important;
    padding:0px !important;
    text-align:left;
  }
  
  .duvidas li:last-child {
    border-left:0px;
    border-right:0px;
    border-bottom: 1px solid #fff;
    list-style: none;
    margin:0px;
    width: 94% !important;
    height: 105px;
    padding-left: 5px;
    padding-right: 0px;
  }
  
  .duvidas .thumb{
    width: 31% !important;
    float:left !important;
  }
  
  .duvidas .fullText{
    float: left !important;
    width: 100%;
    text-align: left;
    line-height: 10px;
    display: inline-block;
  }
  
  .duvidas .headerH3 {
    margin-bottom: 18px !important;
    font-size: 18px;
    font-family: "PublicoMedium",Georgia,Times,serif !important;
    line-height: 0px;
    display: inline-block;
    float: none !important;
    margin-top: 12px !important;
  }
  
  .words {
    width: 100% !important;
    overflow: hidden !important;
    min-height: 150px;
    margin-bottom:20px !important;
    font-size: ;
    display: none;
  }
    
  #wt1_wtcvStep3{
  
  }
      
  .ContentForm{
    width: 100% !important;
    margin: 0px;    
    border: 0px;
    overflow:hidden !important;
    padding: 0px !important;
  }
  
  .digital {
    font-size: 17px !important;
  }
  
  .top-text {
    display: none;
  }
  
  .title-description{
    font-size:15px !important;
    line-height:18px !important;
  } 
  
  .cards-button a {
    width:40% !important;
  }
  
  .cards-button {
    width: 100%;
  } 
  
  .footer-links { 
    width: 97% !important;
    display: inline-table;
    margin-left: -0px !important;
    border: 0px solid #333;
  }
  
  .footer-links td {  
    width: 40% !important;
    display: inline-table;
    margin-bottom:10px;
    
  }
  
  .promo-box {
    line-height: 24px !important;
  }
}


/* Portrait phones */
@media only screen and (max-width: 330px) { 

  .divOptionDigital .promo-box .promo-text {
    font-size: 19px !important;
    position: relative;
    top: -20px;
    line-height: 10px;
    padding: 0 1px;
    text-align: center !important;
  }

  .divHolder .promo-text{
    font-size:22px !important;
    line-height:10px !important;
  }
  
  .divOptionGift .divOptionTitleText {
    font-size: 21px;
    line-height: 23px;
  }

  .divOptionGift .promo-box {
    height: auto !important; 
    width: 94% !important; 
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    line-height: 18px !important;
    font-size: 14px;
  }

  .divOptionGift .promo-box .promo-text {
    font-size: 14px !important;
    top: -5px;
  }
}


.facture-arrow {
  position:absolute;
  top:4px;
  right:3px;
}

@media only screen and (max-width: 968px) {

  .facture-arrow img {
    width:250px;
    margin-top: 40px;
  }


}

@media only screen and (max-width: 800px) {

  .facture-arrow img {
    width:170px;
  }
}

@media only screen and (max-width: 768px) {

  .facture-arrow {
    display:none;
  }
}


@media only screen and (max-width: 560px) {

    .ofertas-column-1 .thumb img {
      width: 100% !important;
    }

    .ofertas-column-1 .column1-right-description {
      float:none !important; 
      width:90% !important; 
      min-height:200px !important;
      margin:20px;
      margin-top:-20px !important;
      display:inline-block !important;
    }


    .ofertas-column-1 .column1-product-list {
      float:none !important;
      width:100% !important;
      text-align: center;

    }

    .ofertas-column-1 .column1-product-list h2 {
      margin-top:20px !important;

    }

    .top-btns {
    float: none !important;
    margin-top: 0px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
}


.ofertas-column-1 .column1-right-description {
  float:left; 
  width:45%; 
  position:relative; 
  top:30px !important;
}


.ofertas-column-1 .column1-product-list {

  float:left;
  width:50%;

}




.content-pagamento {

  overflow:hidden;
  padding-bottom:20px; 
}


.ofertas-column-1 ul {
  overflow:hidden !important;
  padding-top:30px;
}


.ofertas-column-1 li {
  float:left;
  width:99%;
  list-style:none;
  border-right:0px solid #d1d0d0 !important;
  margin-right:2%;
  display:inline-block;
  overflow:hidden !important;
}

.ofertas-column-1 li:last-child {
  border-right:0px !important;
  margin-right:0%;
}


.ofertas-column-1 .thumb {
  float:left !important;
  width: 231px;
  margin-right: 2%;
}


.ofertas-column-1 .thumb img {
  width: 235px;
}

.ofertas-column-1 .title-wrap{
  float:left;
  padding-top:1px;
  width:54%;
  margin-left:0px;

}

.ofertas-column-1 .title h2 {

  font-size:20px;
  font: 30px/30px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.ofertas-column-1 .description {

  font-size:13px;
  overflow:hidden;
  max-width: 90%;
}

.ofertas-column-1 .rodape {
  font-size: 11px;
  padding-top: 10px;
  margin-left:0px;

}

.ofertas-column-1 .select {
  line-height:25px;
  margin-top: 5px;
  margin-left: 3px;
}

.ofertas-column-1 .limitado {
  overflow:hidden;
  margin-left:4px;
}


.ofertas-column-2 ul {
  overflow:hidden !important;
  padding-top:30px;
}


.ofertas-column-2  {
  margin-left:auto !important;
  margin-right:auto !importants;
  padding:15px;
  min-width:31% !important;
  overflow:hidden !important; 
}

.ofertas-column-2 li {
  float:left;
  width:48%;
  list-style:none;
  margin-right:2%;
  display:inline-block;
  overflow:hidden;
}

.ofertas-column-2 li:last-child {
  margin-right:0%;
}


.ofertas-column-2 .thumb {
  float:left !important;
  margin-left:10px !important;
  margin-right:15px !important;
  width:34%;
}


.ofertas-column-2 .thumb img {
  width: 100%;
  height: 145px;
}

.ofertas-column-2 .title-wrap{
  float:left;
  padding-top:1px;
  width:54%;
  margin-left:0px;

}


.ofertas-column-2 .title h2 {

  font-size:22px;
  font: 22px/22px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.ofertas-column-2 .description {

  font-size:13px;
  overflow:hidden;
  max-width: 90%;
}

.ofertas-column-2 .rodape {
  font-size: 11px;
  padding-top: 10px;
  margin-left:0px;

}

.ofertas-column-2 .select {
  line-height:25px;
  margin-top: 5px;
  margin-left: 3px;
}

.ofertas-column-2 .limitado {
  overflow:hidden;
  margin-left:4px;
}



.ofertas-column-3  {
  margin-left:auto !important;
  margin-right:auto !important;
  padding:15px;
  width:99% !important;
  overflow:hidden !important; 
}


.ofertas-column-3 ul {
  overflow:hidden !important;
  padding-top:30px;
}

.ofertas-column-3 li {
  float:left;
  width:32%;
  list-style:none;
  border-right:0px solid #d1d0d0 !important;
  margin-right:1%;
  display:inline-block;
  overflow:hidden;
}

.ofertas-column-3 li:last-child {
  margin-right:0%;
}


.ofertas-column-3 .thumb {
  float:left !important;
  margin-left:10px !important;
  margin-right:15px !important;
  width:28%;
}


.ofertas-column-3 .thumb img {
  width: 100%;
}

.ofertas-column-3 .title-wrap{
  float:left;
  padding-top:1px;
  width:55%;
  margin-left:0px;
}

.ofertas-column-3 .title h2 {

  font-size:20px;
  font: 20px/20px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.ofertas-column-3 .description {

  font-size:13px;
  overflow:hidden;
  max-width: 90%;
}

.ofertas-column-3 .rodape {
  font-size: 11px;
  padding-top: 10px;
  margin-left:0px;

}

.ofertas-column-3 .select {
  line-height:25px;
  margin-top: 5px;
  margin-left: 3px;
}

.ofertas-column-3 .limitado {
  overflow:hidden;
  margin-left:4px;
}

.select .block label  {

  display: inline-block;
  width: 140px;
  text-align: right; 
}




@media only screen and (max-width: 767px) {

.ofertas-column-2  {
  margin-left:auto !important;
  margin-right:auto !important;
  padding:10px;
  overflow:hidden !important; 
}

.ofertas-column-2 li {
  float:none;
  width:47%;
  list-style:none;
  margin-right:1%;
  display:inline-block;
  overflow:hidden;
}

.ofertas-column-2 li:last-child {
  margin-right:0%;
}

.ofertas-column-2 .thumb {
  float:left !important;
  margin-left:20px;
  width:90%;
}

.ofertas-column-2 .thumb img {
  width: 100%;
}

.ofertas-column-2 .title-wrap{
  float:left;
  padding-top:12px;
  width:100%;
  margin-left:0px;
}

.ofertas-column-2 .title h2 {

  font-size:22px;
  font: 22px/22px 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.ofertas-column-2 .description {

  font-size:13px;
  overflow:hidden;
  max-width: 90%;
}

.ofertas-column-2 .rodape {
  font-size: 11px;
  padding-top: 10px;
  margin-left:0px;

}

.ofertas-column-2 .select {
  line-height:25px;
  margin-top: 5px;
  margin-left: 3px;
}

.ofertas-column-2 .limitado {
  overflow:hidden;
  margin-left:4px;
}






.ofertas-column-3  {
  margin-left:auto !important;
  margin-right:auto !important;
  padding:10px;
  overflow:hidden !important; 
}

.ofertas-column-3 li {
  float:none;
  width:29%;
  list-style:none;
  margin-right:1%;
  display:inline-block;
  overflow:hidden;
  margin-top:0px !important;
}

.ofertas-column-3 li:last-child {
  margin-right:auto !important;
  margin-left:auto !important;
}

.ofertas-column-3 .thumb {
  float:left !important;
  margin-left:20px;
  width:90%;
}

.ofertas-column-3 .thumb img {
  width: 100%;
}

.ofertas-column-3 .title-wrap{
  float:left;
  padding-top:12px;
  width:100%;
  margin-left:0px;
}


}


@media only screen and (max-width: 640px) {

  .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
  padding-left:25px !important;
}

.ofertas-column-3 li {
  width:29%;
  margin-top:0px !important;
}

.ofertas-column-3 .title-wrap{
  float:left;
  padding-top:12px;
  width:50%;
  margin-left:0px;
}



.master-title {
padding-left: 17px !important;
width: 72% ;
}












@media only screen and (max-width: 480px) {

.btn-product{
  top: 38px !important;
}

.ofertas-column-1 ul {
  padding:20px !important;
  margin:10px !important;
}

.ofertas-column-1 li {
  float:none !important;
  clear:both !important;
  width:99% !important;
  padding-bottom:10px;
  border-bottom: 1px solid #ccc ;

}

.ofertas-column-1 li:last-child {
  border-bottom: 0px solid #ccc ;

} 

.ofertas-column-1 .thumb {
  float:none !important;
  width:100% !important;
  margin-top:0px !important;
  margin-left:0 !important;
  margin-right:0px !important;
}

.ofertas-column-1 .title-wrap{
  float:left;
  padding-top:20px !important;
  width:100% !important;
  margin-left:0px;
}







.ofertas-column-2 ul {
  padding:0px !important;
  margin:0 !important;
}

.ofertas-column-2 li {
  float:none !important;
  clear:both !important;
  width:99% !important;
  margin-bottom:20px !important;
  padding-bottom:10px;
  border-bottom: 1px solid #ccc ;

}


.ofertas-column-2 li:last-child {
  border-bottom: 0px solid #ccc ;

}

.ofertas-column-2 .thumb {
  float:left;
  width:24%;
  margin-top:0px !important;
  margin-left:0 !important;
  margin-right:5px !important;
}

.ofertas-column-2 .thumb img {
  width:70px;
}

.ofertas-column-2 .title-wrap{
  float:left;
  padding-top:0px !important;
  width:60% !important;
  margin-left:0px;
}



.ofertas-column-3 ul {
  padding:0px !important;
  margin:0 !important;
}

.ofertas-column-3 li {
  float:none !important;
  clear:both !important;
  width:99% !important;
  margin-bottom:20px !important;
  padding-bottom:10px;
  border-bottom: 1px solid #ccc ;

}

.ofertas-column-3 .thumb {
  float:left;
  width:24%;
  margin-top:0px !important;
  margin-left:0 !important;
  margin-right:5px !important;
}

.ofertas-column-3 .thumb img {
  width:70px;
}

.ofertas-column-3 .title-wrap{
  float:left;
  padding-top:0px !important;
  width:60% !important;
  margin-left:0px;
}


}