img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.video embed, .video object, .video iframe { width: 100%; height: auto; }
html { -webkit-text-size-adjust: none; }
body { background: #fff url(../img/bg.jpg) repeat-x 54px 0; }

/* ########### BASE ########### */
h1 { font-size: 1.286rem; color: #666; }
h2 { font-size: 1.143rem; margin-bottom: 20px; }
h3 { font-size: 0.9286rem; font-weight: 700; }
p { font-size: 0.7857rem; }

/* ########### ICONS AND BUTTONS ########### */
input.btn_gray, a.btn_gray:link, a.btn_gray:visited, input.btn_blue, a.btn_blue:link, a.btn_blue:visited, a.btn_join:link, a.btn_join:visited { -webkit-border-radius: 0px; border-radius: 0px;
box-shadow: inset -6px -7px 1px -6px #51801a; -webkit-box-shadow: inset -6px -7px 1px -6px #51801a; font-weight: 600; border-top-width: 1px;
font-size: 1rem; }

/* ########### LAYOUT ########### */
#card.classic #bg, #card.gold #bg, #card.platinum #bg, #benefits #bg,
#card.campaign_cards.campaign #bg, #card.campaign_ipad.campaign #bg,
#card.classic.campaign #bg, #card.gold.campaign #bg, #card.platinum.campaign #bg,
#bg { width: 100%; background: #fff url(../img/m_bg_header_general.jpg) no-repeat center 42px; background-size: 100%; }
#benefits #bg { background: #fff url(../fotos/m_bg_header_benefits.jpg) no-repeat center 42px; background-size: 100%; }
#homepage #bg { background: #fff url(../fotos/m_bg_header_homepage.jpg) no-repeat center 42px; background-size: 100%; }
header { width: 100%; height: 42px; }
#header_container { width: 100%; }
header .topshadow_container { width: 100%; height: 7px; display: block; position: absolute; top: 36px; overflow: hidden; }
header .topshadow { -webkit-box-shadow: -2px -1px 3px 2px #999; box-shadow: -2px -1px 3px 2px #999; height: 1px; width: 100%; display: block; background-color: #98999b; position: absolute; bottom: -1px; }
header nav { width: 100%; margin: 0; }
header nav ul { position: relative; z-index: 500; width: 100%; }
header nav ul li { float: left; margin: 0 20px 0 0; }
header nav ul li.menu_container { float: left; }
header nav ul li a:link, header nav ul li a:visited { font-size: 1.357rem; padding: 5px 0 6px 0; color: #666; font-family: 'Lato'; font-weight: 500; letter-spacing: -0.1rem; }
header nav ul li a.menu:link, header nav ul li a.menu:visited { display: block; background: url(../img/m_icon_menu.gif) no-repeat; width: 39px; height: 20px; background-size: 38px 28px; border-left: 1px solid #c9c9c9; position: absolute; right: 0; top: 8px; }
header nav ul li a.menu span { display: none; }
header nav ul li ul.menu { height: auto; width: 100%; display: none; float: left; position: absolute; left: 0; top: 42px; margin: 0; padding-bottom: 0; background-color: #fff; -webkit-box-shadow: -2px 0px 5px 3px #bdbdbd; box-shadow: -2px 0px 5px 3px #bdbdbd; z-index: 500; }
header nav ul li ul.menu.open { display: block; }
header nav ul li.logo { margin: 6px 0 0 15px; width: 126px; }
header nav ul li.logo img { background-size: 100%; width: auto; height: auto; }
header nav ul li ul { margin: 0 0 0 24px; }
header nav ul li ul li { margin: 0; text-align: center; display: block; width: 100%; -webkit-box-shadow: -2px -1px 4px 1px #bdbdbd; box-shadow: -2px -1px 4px 1px #bdbdbd; }
header nav ul li ul li a, header nav ul li ul li a:link, header nav ul li ul li a:visited { display: block; padding: 5px 0 6px 0; }
header nav ul li.join a, header nav ul li.join a:link, header nav ul li.join a:visited { padding: 5px 0 6px 0; }
header nav ul li.join .btn_container { width: 100%; }
header nav ul li.join .btn_container .shadow { display: none; }
header nav ul li.join { margin: 0px 0 0 2px; }
header nav ul li.join a,
header nav ul li.join a:link,
header nav ul li.join a:visited { background: #72af24; color: #fff; border: none; text-shadow: none; border-radius: 0px; border: none; line-height: normal; box-shadow: none; font-size: 1.357rem; font-family: 'Lato'; letter-spacing: -0.1rem; font-weight: normal; text-shadow: 1px 2px 3px #4a7118; filter: dropshadow(color=#4a7118, offx=1, offy=2); -webkit-box-shadow: -2px 0px 5px 3px #bdbdbd; box-shadow: -2px 0px 5px 3px #bdbdbd; }
header nav ul li.compare { }

h1 { width: 90%; padding: 0px 15px 17px 0; }
article.intro { padding: 7px 15px 15px 15px; font-size: 0.9286rem; }
hr { width: 100%; background: none; }

#image_header { padding-left: 15px; width: 94%; }

section { border: none; border-radius: 0; font-size: 0.7857rem; }
section .top, section .bottom { display: none; }
section.general { width: 96%; }
section.general h2 { line-height: 22px; }
section article { background: #fff; padding: 20px 17px; line-height: 18px; }
section article.odd { background: #eaf9ff; padding-top: 16px; }

section.basic { width: 100%; }
section.basic article { width: 92%; margin: 0 0 10px 0; padding: 10px 10px 0 15px; }
section.basic.odd article { padding: 10px 10px 10px 15px; }
section.examples.odd { background: #fff; }
section.basic article .icon { display: none; /*float: none; top: 0; text-align: center; width: 100%; margin: 18px 0;*/ }
section.basic.basic_card article { width: 92%; }
section.basic.basic_card article .icon { width: 100%; top: 0; }
section.basic.basic_card article .right { width: 100%; }
section.basic article .icon img { width: 47px; }
section.basic article .right { float: none; clear: both; width: 100%; }
section.basic article ul { margin-left: 0; margin-bottom: 20px; }
section.basic h2 { line-height: 25px; }
section.basic h3 { margin-left: 0; margin-bottom: 0; }
section.basic article ul { font-size: 0.7857rem; margin-left: 10px; }
section.basic.basic_card article .icon { display: none; /*width: 98%;*/ }
section.basic .group { margin: 0; padding-top: 20px; width: 100%; }
section.basic .group article { padding: 0 10px; margin-right: 0; width: 93%; }

#detalhe_campanha2015 #image_header,
#benefits #image_header { height: auto; }
#detalhe_campanha2015 #image_header h1 b,
#benefits #image_header h1 b { display: inline; }
#detalhe_campanha2015 #benefits #image_header .cards_join,
#benefits #image_header .cards_join { width: 96%; height: auto; position: relative; margin-top: 58%; }
#benefits #image_header .cards_join { margin-top: 35%; }
#detalhe_campanha2015 #benefits #image_header .cards_join h2,
#benefits #image_header .cards_join h2 { margin: 0; width: 100%; text-align: left; line-height: 20px; }
#detalhe_campanha2015 #benefits #image_header .cards_join article,
#benefits #image_header .cards_join article { top: 0; width: 100%; position: relative; }
#detalhe_campanha2015 #benefits #image_header .cards_join ul,
#benefits #image_header .cards_join ul { left: 0; }
.list_cards span.taeg { width: 90%; }
#homepage .list_cards span.taeg { bottom: 0px; width: 100%; text-align: center; }
.cards_hp .list_cards li a { height: 136px; }
.cards_hp p { margin-bottom: 0; }
#homepage .cards_hp { height: auto; }
#card #image_header { height: 244px; }
#card #image_header h1 { text-shadow: none; }
#card #image_header h1 b { display: inline; }
#card #image_header h2,
#card #image_header .cards_back { display: none; }
#card.gold.campaign #image_header h2 { width: 98%; }
#card #image_header .img { width: 192px; height: 173px; display: block; background-size: 192px 173px; margin: 0 auto; position: relative; top: -5px; }
#card.classic #image_header .img { background-image: url(../fotos/m_bg_header_classic.png); }
#card.gold #image_header .img { background-image: url(../fotos/m_bg_header_gold.png); }
#card.platinum #image_header .img { background-image: url(../fotos/m_bg_header_platinum.png); }
#card #image_header .each_card_join { position: relative; top: -30px; }
#card #image_header .each_card_join .btn_container { margin: 0 auto; }

#homepage #image_header { height: 100%; margin-bottom: 43%; }
#homepage #image_header .cards_join { margin: 0px; padding: 0; }
#homepage #image_header .cards_join article { padding: 0; width: 100%; }
#homepage #image_header .cards_join h2 { top: 0; left: 57%; font-size: 0.9286rem; font-weight: 500; width: 100px; line-height: 19px; }
#homepage #image_header .cards_join ul li img { width: 100%; }
#homepage .cards_hp.cards_join { top: 0; left: 0; width: 96%; margin: 0; background-color: #fff; }
#homepage .cards_hp.cards_join .list_cards { top:0; left: 0px; width: 92%; }
#homepage .cards_hp.cards_join .list_cards ul { margin: 0 auto; left: 7%; }
#homepage .cards_hp.cards_join .list_cards ul li { width: 27%; margin-right: 16px; }
#homepage .cards_hp.cards_join .list_cards ul li.last { margin-right: 0; }
#homepage .cards_hp.cards_join .list_cards ul li img { width: 100%; }
#homepage .cards_hp.cards_join p { top: 0px; left: 0; width: 94%; margin: 0 auto 18px auto; }
#homepage .cards_hp.cards_join .cards_intro { margin-top: 10px; }

.cards_gca_container  p.disclaimer_cards { margin-left: 0px; width: 96%; }

footer { width: 100%; margin: 25px auto 0 auto; padding: 7px 0 0 0; /*background: url(../img/m_hr_footer.gif) no-repeat center top;*/ overflow: hidden; }
footer nav { width: 65%; margin: 0 auto 88px auto; }
footer nav ul { position: relative; float: left; display: block; left: 50%; padding-top: 3px; }
footer nav ul li { float: none; display: block; padding: 0 10px; height: 8px; position: relative; right: 50%; margin-bottom: 16px; border: none; text-align: center; }
footer nav ul li.sitemap { display: none; } 
footer nav ul li a:link, footer nav ul li a:visited { font-size: 0.6429rem; color: #575757; text-decoration: underline; }
footer nav ul li a:hover { }
footer nav ul li.last { border-right: none; }
footer .star_alliance { float: none; clear: both; width: 100%; background: #f5f5f5; border-top: 1px solid #f9f9f9; float: left; padding: 10px 20px 10px 20px; position: relative; top: 2px; }
footer .star_alliance a { width: 150px; background-size: 151px 14px; background: url(../img/m_logo_star_alliance.png) no-repeat; }
footer span.clear { display: none; }

body.campaign footer nav ul { width: 100%; left: 0; }

#copyright { display: none; }

/* ########### FORMS ########### */
input.text, textarea { font-size: 0.8571rem; width: 95%; padding: 8px; }
form .required { font-size: 0.8571rem; font-weight: normal; }
label { font-size: 0.9286rem; }
.groupfield { margin-bottom: 13px; }
ul.field_one li.input input.text { padding: 6px 4px; }
ul.field_one li.sum { top: 6px; }
ul.field_one li.subtract {  bottom: 2px; }

/* ########### CONTENT ########### */
.contacts .left, .contacts .right { float: none; width: 100%; margin: 0; }
.contacts .nota { font-size: 0.7143rem; }
.contacts .btn_container { float: right; width: 190px; }
.contacts input.submit { margin: 0 0 0 auto; }

.cards_tables.container { width: 100%; }
.cards_tables article { padding: 10px 0 0px 15px; }
.cards_tables .left { width: 100%; float: none; text-align: center; }
.cards_tables .right { width: 100%; float: none; }
.cards_tables table.card span { font-size: 1.143rem; }
.cards_tables table.card td { font-size: 0.7143rem; }
.cards_tables table.card td.shopping .container .miles { -webkit-border-radius: 41px; border-radius: 41px; width: 41px; height: 41px; line-height: 41px; font-size: 1.143rem; }
.cards_tables table.card td.shopping .container div { top: 5px; margin-right: 0; }
.cards_tables table.card td.shopping .container .miles { top: 13px; left: 2px; }
.cards_tables table.card td.shopping .container .miles_label { top: 27px; }
.cards_tables table.card td.card_year .container { height: 56px; }
.cards_tables table.card td.card_year .icon_cards { display: none; }
.cards_tables table.card { width: 98%; }
.cards_tables table.card td.shopping { width: 57%; }
.cards_tables table.card td.shopping .container { padding-bottom: 6px; }
.cards_tables table.card td.shopping .container div { width: 36%; }
.cards_tables table.card td.shopping .container div.miles,
.cards_tables table.card td.shopping .container div.euro_shopping { margin-right: 3px; }
.cards_tables table.card td.card_year { width: 33%; }
.cards_tables table.card td.card_year .container { padding-left: 13%; height: 45px; top: 10px; }
.cards_tables table.card td.card_year span { font-size: 1.786rem; }
.cards_tables table.card td.enter { width: 39%; }
.cards_tables table.card td.taeg .container,
.cards_tables table.card td.enter .container { top: -7px; }
.cards_tables table.card td.taeg { width: 22%; }
.cards_tables table.card td.yearly { width: 21%; }
.cards_tables table.card td.shopping div span { margin-bottom: 2px; }
/*.cards_tables table.platinum { margin-bottom: 0; }
.cards_tables table.platinum td.shopping { width: 58%; }
.cards_tables table.platinum td.card_year { width: 29%; }
.cards_tables table.platinum td.card_year .container { top: 0px; padding-left: 25px; height: 55px; }
.cards_tables table.platinum td.card_year .container div { top: 3px; }
.cards_tables table.platinum td.enter { width: 51%; }
.cards_tables table.platinum td.taeg { width: 39%; }
.cards_tables table.platinum td.taeg .container { padding-left: 10px; }
.cards_tables table.platinum td.yearly { display: none; }
.cards_tables .btn_container { width: 110px; }*/
.cards_tables table.card.platinum td.card_year .container { height: 44px; }
section.about_cards { width: 97%; background: #fff; padding: 5px; position: relative; }
section.about_cards article { background: #fff; padding: 20px 17px; line-height: 18px; }

.cards_join { height: auto; position: relative; margin-top: 100px; }
.cards_join article { width: 92%; position: relative; left: 0; top: 0; padding: 10px 0 0px 15px; }
.cards_join h2 { text-align: left; line-height: 18px; width: 100%; margin: 0 0 10px 0; }
.cards_join .list_cards { margin: 0 auto; width: 100%; text-align: center; }
.cards_join ul { position: relative; display: block; width: 100%; left: 0; }
.cards_join ul li { float: left; display: block; margin-right: 2px; }
#benefits #image_header .cards_join ul li { margin-right: 2px; }
.cards_join ul li.last { float: none; }
.cards_join ul li { width: 32%; }
.cards_join ul li img { width: 80px; }
.cards_join .btn_container { width: 110px; margin: 0 auto; position: relative; top: -10px; }

section.benefits_features { height: auto; }
section.benefits_features article { background: none; /* background: transparent url(../img/m_benefits_features_shadows.png) no-repeat 0 51px; background-size: 320px 96px;  */ margin-bottom: 0; width: 100%; padding: 10px 0 10px 0; }
section.benefits_features article h2 { padding-top: 10px; padding-left: 10px; }
section.benefits_features article .about_benefits { display: block; width: 202px; margin: 15px auto 0 auto; }
section.benefits_features article .about_benefits .btn_container { width: 210px; }
#homepage section.benefits_features { margin-bottom: 54px; }
#homepage section.benefits_features article { padding-top: 20px; width: 99%; padding-bottom: 0; }
#homepage section.benefits_features .know_all_benefits { width: 100%; }
#homepage section.benefits_features .know_all_benefits span.m { display: none; }
#homepage section.benefits_features .know_all_benefits .btn_container { width: 205px; margin: 0 auto; }
.card_benefits_feature { width: 306px; margin: 0 auto; left: 0; background: transparent url(../img/m_benefits_features_shadows.png) no-repeat -4px -1px; background-size: 320px 96px; }
.card_benefits_feature .each { width: 101px; margin-right: 18px; }
.card_benefits_feature .each.block2 { width: 79px; margin-right: 15px; }
.card_benefits_feature .each.last { width: 85px; }
.card_benefits_feature .each .icon { height: 38px; margin-bottom: 3px; }
.card_benefits_feature .each .icon img { width: 37px; }
.card_benefits_feature .each .txts { height: auto; }
.card_benefits_feature .each .title { font-size: 0.7857rem; line-height: 19px; text-align: center; font-weight: 400; }
.card_benefits_feature .each .description { display: none; }
.card_benefits_feature .each .link { display: none; }
#homepage .card_benefits_feature { width: 296px; }
#homepage .card_benefits_feature .each  { width: 96px; margin-right: 15px; }
#homepage .card_benefits_feature .each.last { width: 65px; margin-left: 9px; }
#homepage .card_benefits_feature .each .txts { height: auto; }
#homepage .card_benefits_feature .each .title { font-size: 1rem; line-height: 22px; }
#homepage .card_benefits_feature .each .title .oneline { position: relative; top: 0; }
#homepage .list_cards li a { height: auto; padding-bottom: 20px; }

section.features, #card section.features, section.features article { background: none; }
section.features { padding: 0; }
section.features article { width: 100%; padding: 0; height: auto; margin-bottom: 0px; }
section.features h2 { padding-left: 10px; padding-top: 20px; }
section.features .features_container { display: none; }
section.features .info_features { display: block; width: 100%; }
section.features .info a { text-align: center; display: block; width: 100%; text-align: center; color: #666; text-decoration: none; padding: 25px 0 15px 0;
-webkit-box-shadow: inset 2px 6px 7px -5px #666; box-shadow: inset 2px 6px 7px -5px #666; position: relative; }
section.features .info a .arrow { width: 20px; height: 25px; position: absolute; right: 22px; top: 30px; background: transparent url(../img/m_features_arrow.png) no-repeat left top; display: block; }
section.features .info.info1 a { box-shadow: none; }
section.features .info.open a { cursor: default; color: #fff; }
section.features .info.open a .arrow { display: none; }
section.features .info a .title { font-size: 1.143rem; display: block; width: 53%; margin: 0 auto; }
section.features .info a .title b { font-size: 1.357rem; display: block; margin-bottom: 7px; }
section.features .info a .description { display: block; height: 1px; position: relative; overflow: hidden; }
section.features .info a .description span { display: block; text-align: left; padding: 10px 20px; color: #000; }
section.features .info a .description span b { display: inline; }

#card.classic section.features .info a { background-color: #cdebad; }
#card.classic section.features .info.odd a { background-color: #ebf7df; }
#card.classic section.features .info.open a { background-color: #65cd16; }
#card.gold section.features .info a { background-color: #e7cf9f; }
#card.gold section.features .info.odd a { background-color: #f8e6be; }
#card.gold section.features .info.open a { background-color: #ca931c; }
#card.platinum section.features .info a { background-color: #c0c4c7; }
#card.platinum section.features .info.odd a { background-color: #dbdcde; }
#card.platinum section.features .info.open a { background-color: #6c7477; }

.compare_table section { padding: 0; }
.compare_table.container { width: 100%; }
table.compare_just_cards { width: 100%; position: relative; top: -14px; }
table.compare_just_cards td { width: 32%; padding-left: 9px; padding-right: 9px; }
table.compare_just_cards td .btn_container { display: none; }
.container_table { display: none; }
.m_container_table { display: block; }
.m_container_table .compare_each { position: relative; }
.m_container_table .compare_each .title a { background-color: #90d6f8; display: block; padding: 10px; text-decoration: none; color: #666; position: relative; -webkit-box-shadow: inset 2px 6px 7px -5px #666; box-shadow: inset 2px 6px 7px -5px #666; }
.m_container_table .compare_each.odd .title a { background-color: #ceeefd; }
.m_container_table .compare_each.open .title a { cursor: default; }
.m_container_table .compare_each .title span { display: block; text-align: left; width: 70%; font-weight: 700; font-size: 0.9286rem; background-repeat: no-repeat; background-position: 5px 5px; padding: 20px 10px 20px 50px; }
.m_container_table .compare_each .title span.shopping { background-image: url(../fotos/compare_icon_shopping.png); }
.m_container_table .compare_each .title span.join { background-image: url(../fotos/compare_icon_cards.png); }
.m_container_table .compare_each .title span.semester { background-image: url(../fotos/compare_icon_plane.png); }
.m_container_table .compare_each .title span.limit { background-image: url(../fotos/compare_icon_cards.png); }
.m_container_table .compare_each .title span.taeg { background-image: url(../fotos/compare_icon_percentage.png); }
.m_container_table .compare_each .title span.tan { background-image: url(../fotos/compare_icon_credit_deadline.png); }
.m_container_table .compare_each .title span.comfort { background-image: url(../fotos/compare_icon_passenger.png); }
.m_container_table .compare_each .title span.annual_fee { background-image: url(../fotos/compare_icon_euro_deadline.png); }
.m_container_table .compare_each .title a span.arrow { width: 20px; height: 25px; position: absolute; right: 16px; top: 34%; background: transparent url(../img/m_features_arrow.png) no-repeat left top; display: block; padding: 0; margin: 0; }
.m_container_table .compare_each.open .title a span.arrow { background: none; }
.m_container_table .compare_each table { width: 100%; display: none; }
.m_container_table .compare_each.open table { display: table; }
.m_container_table .compare_each table thead { }
.m_container_table .compare_each table thead th { color: #fff; font-weight: bold; width: 31%; padding: 5px 0; }
.m_container_table .compare_each table thead th.classic { background-color: #57ab39; }
.m_container_table .compare_each table thead th.gold { background-color: #a28953; }
.m_container_table .compare_each table thead th.platinum { background-color: #999; }
.m_container_table .compare_each table tbody { }
.m_container_table .compare_each table tbody th { font-weight: bold; font-size: 0.7143rem; text-align: center; padding-top: 5px; }
.m_container_table .compare_each table tbody th.visa { width: 11%; }
.m_container_table .compare_each table tbody th.a_e { width: 23%; }
.m_container_table .compare_each table tbody td.classic,
.m_container_table .compare_each table tbody th.classic { background-color: #cdebad; }
.m_container_table .compare_each table tbody td.gold,
.m_container_table .compare_each table tbody th.gold { background-color: #dfdcc9; }
.m_container_table .compare_each table tbody td.platinum,
.m_container_table .compare_each table tbody th.platinum { background-color: #e4e4e4; }
.m_container_table .compare_each table tbody td { padding: 10px; text-align: center; vertical-align: middle; }
.m_container_table .compare_each table tbody td.aleft { text-align: left; vertical-align: top; }
.m_container_table .compare_each table tbody td ul li { margin-bottom: 18px; }
.m_container_table .compare_each table tbody .lione td ul li { margin-bottom: 10px; }
.m_container_table .discover { position: relative; margin-top: -30px; margin-bottom: 60px; }
.anchor_base { height: 1px; padding: 0; margin: 0; font-size: 0.5714rem; position: absolute; top: -36px; left: 0; display: block; }

.compare_table.ensurance .container_table { display: block; }
.compare_table.ensurance .container_table table thead th { font-size: 0.7857rem; }
.compare_table.ensurance .container_table table tbody td,
.compare_table.ensurance .container_table table tbody th { font-size: 0.7142rem; padding: 5px; }

table.compare_just_cards span.taeg { top: auto; bottom: -12px; font-size: 10px; width: 97%; }

section article.btns .btn_container { width: 215px; margin: 0 auto; }

.guia_beneficios, .ler_contrato { left: 0; }

/* ########### JOIN NOW ########### */
#join_now_mobile { display: block; }
#join_now_mobile .person { display: none; }
#join_now_mobile, #join_now { background: #e1f3ff url(../img/m_join_now_bg.jpg) repeat-x top left; height: 127px; position: relative; top: -11px; background-size: 5px 126px; width: 100%; 
        -webkit-box-shadow: inset -2px 6px 12px -4px #666;
        box-shadow: inset -2px 6px 12px -4px #666;
        margin-bottom: -20px;
        line-height: 35px; font-size: 2rem; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: -0.1rem; 
}
#join_now_mobile { margin-bottom: 0; background: #fff; }
#join_now_mobile.compare .container, #join_now .container { width: 100%; margin: 0 auto; position: relative; bottom: 5px; height: 127px; left: 0; overflow: hidden; }
#join_now_mobile.compare .top, #join_now .top { display: none; width: 100%; }
#join_now_mobile.compare .txt, #join_now .txt { position: absolute; top: 42px; left: 0; width: 91%; padding: 0px 0 0 27px; }
#join_now_mobile.compare p, #join_now p { float: left; font-size: 1rem; margin-bottom: 0; letter-spacing: normal; width: 45%; line-height: normal; }
#join_now_mobile.compare .btn_container, #join_now .btn_container { float: right; top: 15px; margin: 0 20px 0 0; }
#join_now .person { display: none; width: 100%; background: none; }
#join_now_mobile.compare .txt, #join_now.compare .txt { width: 99%; left: 0; position: relative; top: 42px; }
#join_now.compare .left { width: 99%; float: none; clear: both; }
#join_now.compare .extra { display: none; }
#join_now_mobile.compare .right, #join_now.compare .right { width: 92%; float: none; clear: both; }
#join_now_mobile.compare p.info, #join_now.compare p.info { display: none; }
#join_now.homepage { height: 100%; top: -56px; margin-bottom: -66px; background: #e1f3ff url(../img/m_join_now_bg.jpg) repeat-x top left; }
#join_now.homepage .person { display: none; width: 100%; background: none; }
#join_now.homepage .container { width: 100%; height: 100%; padding: 36px 0 23px 0; }
#join_now.homepage .txt.first { display: none; }
#join_now.homepage .txt { top: 0; }

/* ########### DISCOVER ########### */
section.discover { background: #fff; height: auto; top: 45px; margin-bottom: 43px; padding: 0; }
section.discover article { width: 100%; margin: 0; padding: 0; }
section.discover h2 { font-weight: 100; padding: 0 10px 0 20px; margin-bottom: 20px; font-size: 1.071rem; }
section.discover .choose_card { top: 0; }
section.discover .choose_card .card { height: 90px; float: none; clear: both; width: 100%; margin: 30px 0 0px 0; background: #fff url(../img/m_bg_shadow_block_card.jpg) no-repeat center 55px; background-size: 320px 37px; padding-bottom: 1px; }
section.discover.ensurance .choose_card .card { background: transparent; }
section.discover .choose_card .card.last { margin-right: 0; }
section.discover .choose_card .card .container { width: 242px; margin: 0 auto; }
section.discover .choose_card .img { float: left; width: 110px; position: relative; top: -11px; margin-right: 20px; height: auto; }
section.discover .choose_card .img img { width: 110px; }
section.discover .choose_card .info { float: left; width: 112px; }
section.discover .choose_card .title { text-align: left; position: relative; top: 0; margin-bottom: 5px; }
section.discover .choose_card .title a { font-size: 1.071rem; font-weight: 100; }
section.discover .choose_card .link { }
section.discover .choose_card .link .btn_container { margin: 0; }
#homepage section.discover { top: 0; background: none; }
#homepage section.discover h2 { margin-bottom: 0; }
#homepage section.discover .choose_card { top: 0; }
section.discover .choose_card .taeg { top: -1px; }

/* ########### MODAL ########### */
.modal_container .btns .btn_container.fleft { width: 235px; margin-bottom: 15px; }
.modal_container .btns .btn_container.fright { width: 235px; float: left; }

/* ########### JOIN FORM ########### */
@media screen and (max-width: 590px) {
    section.joinform h3 { font-size: 1.143rem; }
    section.joinform .choose_card { width: 100%; padding-top: 20px; height: 100%; float: none; }
    section.joinform .choose_card label { float: left; height: 100%; width: 100%; top: 0px; }
    section.joinform .choose_card label img { float: left; width: 45%; }
    section.joinform .choose_card label span { bottom: auto; top: 32px; display: block; left: 65%; width: 42%; }
    section.joinform .choose_card input { float: none; position: relative; left: 54%; top: 53px; }
    .groupfield { margin-bottom: 24px; }
}

section#steps { display: none; }
section.joinform .btns.big_continue .fright.continuar_pagamento.btn_container,
section.joinform .btns .btn_container { width: 116px; }

@media screen and (max-width: 359px) {
    .group_payment_option select { top: 10px; }
}


section.joinform .btns.big_continue .fright  { width: 116px; }
section.joinform .btns.big_continue .fright span.m { display: none; }
.group_columns .groupfield,
.group_id, .group_nif { width: 100%; }
.group_upload_file .status { display: block; }

section.form_thankyou article.odd { background-image: none; padding-left: 16px; }
section.form_thankyou .btns.big_continue .fright span.m { display: none; }
section.form_thankyou .big_continue .btn_container.fright { width: 130px; }

section.joinform.nonbcp .group_civil_status_housing .group2, section.joinform.nonbcp .group_civil_status_housing .group2 input.text,
section.joinform.nonbcp .group_name_complete input.text,
section.joinform.nonbcp .group_address input.text,
section.joinform.nonbcp .group_company_address, section.joinform.nonbcp .group_company_address input.text { width: 97%; }

/* ########### FAQS ########### */
#faqs section.general div.wrapper { width: 100%; margin-right: 0; }
#faqs section.general article.answers .anchor_base { top: -34px; }

/* ########### 404 ########### */
#e404 section.e404 { background: #fff; padding: 5px; position: relative; height: auto; width: 96%; }
#e404 section.e404 article { width: 90%; left: 0; top: 0; }
#e404 section.e404 article h2 b { display: inline; font-weight: 300; }
#e404 section.e404 article h3,
#e404 section.e404 article ul { margin-left: 0; width: 100%; }
#e404 section.e404 article .btns { position: relative; top: 0; left: 0; margin-top: 30px; }
#e404 section.e404 article .btns .btn_container { width: 127px; }
#e404 section.e404 article .btns .m { display: none; }

/* ########### HEADER (campaign) ########### */

#card.campaign #image_header { height: auto; padding-bottom: 20px; }
#card.campaign #image_header h2 { display: block; font-size: 1rem; padding: 0px 15px 0 9px; }
#card.campaign #image_header #contact_request { width: 100%; height: auto; padding-top: 154px; }
#card.platinum.campaign #image_header #contact_request,
#card.gold.campaign #image_header #contact_request,
#card.classic.campaign #image_header #contact_request { background-size: 70%; background-position: center top; }
#card.campaign #image_header #contact_request input#name { width: 90%; }
#card.campaign #image_header #contact_request .group2 { width: 100%; float: none; }
#card.campaign #image_header #contact_request input#phone { width: 70%; }
#card.campaign #image_header #contact_request .btn_container { float: none; top: 0; margin: 0 auto; }
#card.campaign .card_benefits_feature { background: transparent; }
#card.campaign .card_benefits_feature .each { float: none; width: 80%; font-size: 1rem; margin: 0 auto; }
#card.platinum.campaign .card_benefits_feature .each,
#card.gold.campaign .card_benefits_feature .each,
#card.classic.campaign .card_benefits_feature .each { width: 100%; }
#card.campaign .card_benefits_feature .each.last { float: none; margin: 0; width: 100%; }
#card.campaign .card_benefits_feature .each ul li { margin-bottom: 15px; }
#card.campaign section.features .features_container_fix,
#card.campaign section.features .join_now_big_text { display: none; }
#card.campaign .join_now_big_text,
#card.campaign .join_now_big_text .btn_container { width: 303px; }
#card.campaign .join_now_big_text { position: relative; top: -10px; }
#card.campaign_cards.campaign #image_header #contact_request { width: 98%; padding-top: 38%; background-size: 100%; margin-top: 0; }
#card.campaign_cards.campaign #image_header h1 { margin-top: 10px; }
#card.campaign .join_now { top: -10px; }
#card.campaign_cards.campaign #image_header #contact_request .btn_container { float: none; margin: 0 auto; position: relative; top: 0px; }

#card.campaign_ipad.campaign #image_header #contact_request { width: 98%; padding-top: 38%; background-size: 100%; margin-top: 0; }
#card.campaign_ipad.campaign #image_header h1 { margin-top: 10px; }
#card.campaign_ipad.campaign #image_header #contact_request .btn_container { float: none; margin: 0 auto; position: relative; top: 0px; }


/* ########### EXAMPLES (campaign) ########### */
section.examples { border: none; margin: 0; padding: 0; }
section.examples article { width: 100%; margin: 0 auto; background: transparent; padding: 0; }
section.examples article h2 { padding: 20px 8px 0 8px; }
section.examples article .slide_container { width: 100%; overflow: hidden; }
section.examples article .slide_container .top, section.examples article .slide_container .bottom { display: none; }
section.examples article #slideshow { margin-bottom: 20px; }
section.examples article #slide { width: 100%; margin: 0 auto; overflow: hidden; }
section.examples article #slide .slidesjs-container { border: none; border-radius: none; padding: 0; width: 100% !important; height: auto !important; margin: 0; }
section.examples article #slide .slidesjs-control { width: 100% !important; /*height: 580px !important;*/ }
section.examples article #slide blockquote { width: 92%; top: 0px; margin-bottom: 20px; padding: 0 17px; }
section.examples article #slide blockquote p { line-height: 20px; margin-bottom: 10px; font-size: 1rem; }
section.examples article #slide blockquote cite { font-size: 0.7857rem; text-align: left; display: block; width: 60%; }
section.examples article #slide .info_container { padding: 0; }
section.examples article #slide .each { height: 100% !important; position: absolute !important; padding: 0; top: 0; left: 0; }
section.examples article #slide .each { display: none; }
section.examples article #slide .each.first { display: block; position: relative !important; }
section.examples article #slide .each h2 { padding: 10px 8px 0 8px; }
section.examples article #slide .each ol.big,
section.examples article #slide .each ol { width: 94%; left: 0; margin-top: 7px; }
section.examples article #slide .each ol.big { width: 95%; }
section.examples article #slide .each ol li { font-size: 0.7857rem; margin-bottom: 30px; padding-left: 55px; }
section.examples article #slide .each ol.big li { margin-bottom: 10px; }
section.examples article #slide .each .person { display: none; }
section.examples article #slide .each .result { width: 94%; position: relative; left: 0; bottom: auto; margin: 10px auto 0 auto; }
section.examples article #slide .each .result.big { width: 94%; left: 0; }
section.examples article #slide .each .result p { font-size: 1.143rem; line-height: 26px; }
section.examples article #slide .each .result p span { font-size: 2.214rem; margin-bottom: 3px; }
section.examples article #slide .each .person.big { left: -80px; }
section.examples article #slide .slidesjs-navigation { top: 1px; display: none; }
section.examples article #slide .slidesjs-next { right: auto; left: 250px; }
section.examples article #slide .slidesjs-previous { left: 210px; }
#card.classic.campaign section.examples article #slide .each ol li.icon_a_e { background-size: 33px; }
#card.classic.campaign section.examples article #slide .each ol li.icon_shopping,
#card.classic.campaign section.examples article #slide .each ol li.icon_plane,
#card.classic.campaign section.examples article #slide .each ol li.icon_cards { background-size: 43px; }
#card.campaign section.examples .join_now_big_text .btn_container { width: 243px; margin: 0 auto; }



.main_taeg { left: 0; bottom: 0; position: relative; }



/* ########### start MOBILE LANDSCAPE ########### */

@media screen and (max-width: 747px) and (min-width: 480px) {
    
    /*body { background-size: 480px 365px; }
    #benefits #bg,
    #bg { background-size: 480px 403px; }
    #benefits #bg { background-size: 480px 240px; }*/
    
    #benefits #bg { background-size: 100%; }
    #card.campaign #bg, #card.classic #bg, #card.gold #bg, #card.platinum #bg { background-size: 100%; }
    table.platinum td.enter .container { top: -22px; }
    .cards_join { margin-top: 200px; }
    .cards_join ul li { width: 32%; }
    .cards_join .list_cards { width: 100%; }
    #benefits #image_header .cards_join ul li { margin-right: 1px; }
    #benefits #image_header .cards_join { margin-top: 61%; }
    section.discover .choose_card .card { background-size: 480px 56px; }
    .cards_tables table.card { width: 71%; margin: 0 auto; }
    .cards_tables table.card.platinum td.shopping .container div.miles { top: 2px; }
    .cards_tables table.card.platinum td.shopping .container div.miles_label { top: 15px; }
    #homepage #image_header { margin-bottom: 53%; }
    #homepage #image_header .list_cards { margin-top: 6%; }
    #homepage #image_header .cards_join h2 { /*font-size: 1.214rem; line-height: 28px; width: 40%; font-weight: 300;*/ }
    #homepage .cards_hp.cards_join p { width: 77%; }
    
    /* ########### MODAL ########### */
    .modal_container .btns  { width: 236px; }
    .modal_container .btns .btn_container.fright { float: left; }
    
    
    #card.campaign #image_header h2 { width: 90%; margin: 0 auto; }
    #card.classic.campaign #image_header #contact_request,
    #card.gold.campaign #image_header #contact_request,
    #card.platinum.campaign #image_header #contact_request { margin-top: 0; padding-top: 47%; }
    #card.campaign .card_benefits_feature { width: 98%; }
    #card.campaign .card_benefits_feature .each { width: 100%; }
    section.examples article #slide .each .result { margin-top: 10px; }
}

/* ########### end MOBILE LANDSCAPE ########### */

.seta, .seta_container { display: none; }


.campanha2015 header nav ul li ul.menu { width: 100%; }
header nav ul li:nth-child(2) { margin-left: 0; }
#homepage.campanha2015 #bg { background: #fff url(../fotos/m_bg_header_homepage_campaign.png) no-repeat center 42px; background-size: 100%; }
#homepage.campanha2015 #image_header { height: auto; margin-bottom: 40%; }
#homepage.campanha2015 #image_header .cards_join h2 { left: 13px; width: auto; }
#detalhe_campanha2015 #image_header .cards_join article,
#detalhe_campanha2015 #image_header .cards_join h2,
#detalhe_campanha2015 #image_header .cards_join { width: auto; }
#detalhe_campanha2015 #image_header .cards_join h2 { line-height: 22px; text-align: left; margin: 0; font-size: 1.143rem; }
#detalhe_campanha2015 #image_header .cards_join article { left: 0; top: 0; padding: 0; }
#detalhe_campanha2015 #image_header .cards_join ul li { margin-right: 2px; }
#detalhe_campanha2015 #image_header .cards_join ul { left: 0; }

.campanha2015_desktop { display: none; }
.campanha2015_mobile { display: block; }

.container_campanha2015 .campanha2015_each { margin: 20px 0 ; }
.container_campanha2015 .campanha2015_odd { background-color: #f0f0f0; padding: 23px 0 30px 0; }
.container_campanha2015 .campanha2015_each a { display: block; text-align: center; }
.container_campanha2015 .campanha2015_each img { }
.container_campanha2015 .campanha2015_txt { margin: 12px auto; text-align: center; width: 55%; }
.container_campanha2015 .campanha2015_txt b { display: block; }
.container_campanha2015 .campanha2015_each .btn_container { margin: 30px auto 0 auto; }
.container_campanha2015 .campanha2015_each h4 { font-size: 1rem; font-weight: normal; margin: 0; }
.container_campanha2015  section article { padding: 0; }


/* campaign 2016 */
@media all AND (max-width:632px) {
	#detalhe_campanha2015 #bg, #homepage.campanha2015 #bg { background: #fff url(../fotos/m_bg_header_homepage_campaign.png) no-repeat right -70px top 42px; background-size: inherit; }
}

#detalhe_campanha2015 #image_header, #homepage.campanha2015 #image_header { height: 267px; }

#detalhe_campanha2015 .cards_hp, 
#homepage.campanha2015 .cards_hp { }
#homepage.campanha2015 #image_header,
#detalhe_campanha2015 #image_header { margin-bottom: 80px; }
#homepage.campanha2015 #image_header {margin-bottom: 48px;height:auto;}
#detalhe_campanha2015 #image_header .campaign2016 { height: 253px; }
#homepage.campanha2015 #image_header .campaign2016 h2,
#detalhe_campanha2015 #image_header .campaign2016 h2 {font-size: 26px;left: 0;line-height: 130%;margin-bottom: 8px;}
#homepage.campanha2015 #image_header .campaign2016 h2 span,
#detalhe_campanha2015 #image_header .campaign2016 h2 span { }
#homepage.campanha2015 #image_header .campaign2016 h3,
#detalhe_campanha2015 #image_header .campaign2016 h3 {font-size: 20px;width: 64%;display: block;}

#detalhe_campanha2015 .cards_hp, #homepage.campanha2015 .cards_hp { display: none; }

#homepage.campanha2015 .campaign2016 span.btn_container, #detalhe_campanha2015 .campaign2016 span.btn_container { display: none; }

.campanha2015 header nav ul li.logo { width: 157px; margin-top: 6px; }
.campanha2015 header nav ul li.logo img { max-width: 160px; }

@media all AND (max-width:615px) {
	#homepage.campanha2015 #image_header .campaign2016 h3, #detalhe_campanha2015 #image_header .campaign2016 h3 { width: 90%; }
}
@media all AND (max-width:451px) {
	#homepage.campanha2015 #image_header { height: 254px; }
}