/* HTML5 Boilerplate  */
* { 
	position:relative; z-index:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; color: #333; }
body { margin: 0; font-size: 1.2rem; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #0e76bc; text-decoration:none; }
/*a:visited { color: inherit; }*/
a:hover { color: #09f; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

body:before { content: ""; position:absolute; top:14rem; left:0; right:0; height: 555px; background: url(../img/blue-pattern.png); }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.login-btn { 
	display: block; padding: .8rem 4.8rem;
	-webkit-border-radius: .5rem; border-radius: .5rem;
	-webkit-box-shadow: 0 -.1rem 0 rgba(212,150,161,.85), 0 .1rem #35020c;
	        box-shadow: 0 -.1rem 0 rgba(212,150,161,.85), 0 .1rem #35020c;
	background: #8a2b2b; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZDE0NWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGEyYjJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ed145b), color-stop(100%,#8a2b2b)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ed145b 20%,#8a2b2b 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-radial-gradient(center, ellipse cover, #ed145b 20%,#8a2b2b 100%); /* FF3.6+ */
	background:     -ms-radial-gradient(center, ellipse cover, #ed145b 20%,#8a2b2b 100%); /* IE10+ */
	background:      -o-radial-gradient(center, ellipse cover, #ed145b 20%,#8a2b2b 100%); /* Opera 12+ */
	background:         radial-gradient(ellipse at center, #ed145b 20%,#8a2b2b 100%); /* W3C */
	color:#fff; font-size: 2.6rem; font-weight: bold; text-shadow: 0 .1rem .1rem rgba(0,0,0,.58);
}
.login-btn:hover { 
	background: #e0155e; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZTAxNTVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M1MGIzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); /* IE9 */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(20%,#e0155e), color-stop(100%,#c50b36)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #e0155e 20%,#c50b36 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-radial-gradient(center, ellipse cover, #e0155e 20%,#c50b36 100%); /* FF3.6+ */
	background:     -ms-radial-gradient(center, ellipse cover, #e0155e 20%,#c50b36 100%); /* IE10+ */
	background:      -o-radial-gradient(center, ellipse cover, #e0155e 20%,#c50b36 100%); /* Opera 12+ */
	background:         radial-gradient(ellipse at center, #e0155e 20%,#c50b36 100%); /* W3C */
	color:#fff; 
}
.login-btn:after { content: ""; position:absolute; top:-5px; left:-8px; width:182px; height:63px; background: url(../img/affclub-sprite.png) no-repeat -4px -105px }
.login-btn:hover:after { background-position: -3px -176px }
/*295x240*/
#header, #footer, #main { width: 100rem; margin: 0 auto; }
#header { height: 14rem; padding: 3rem 4.5rem; background: #262626 url(../img/gray-pattern.png); color: #929292; }
#header h1 { margin: 0; }
#header .logo { float: left; background: url('../img/affclub-sprite.png') no-repeat 0 0; width: 315px; height: 83px; }
#header .login-btn { float: right; top: 1.5rem; }
#main { padding: 3.5rem 0 3rem; background-color: #d5d5d5; }
.steps { margin-bottom: 3rem; padding: 0 4.2rem; }
.step { 
	float:left; display:block; width: 29.5rem; height: 24rem; margin-left: 1.5rem; padding: 12.5rem .5rem 0 7rem; border: .3rem solid #0e76bc;
	-webkit-border-radius: .7rem; border-radius: .7rem;
}
.step:first-child { margin-left: 0; }
.one { box-shadow: .7rem .7rem 0 rgba(67,67,67,.39); }
.one:before { content:""; position:absolute; top:-26px; left:0; display:block; width:100%; height:260px; background: url(../img/affclub-sprite.png) no-repeat 0 -374px; }
.two { box-shadow: 0 .7rem 0 rgba(67,67,67,.39); background: url(../img/affclub-sprite.png) no-repeat -310px -400px; }
.three { box-shadow: -.7rem .7rem 0 rgba(67,67,67,.39); background: url(../img/affclub-sprite.png) no-repeat -620px -400px; }
.step .heading { display: block; width: 21.5rem; margin-bottom: .5rem; font-size: 30px; line-height: 1; font-weight: bold; }
.login-wrapper { 
	position:relative; overflow:hidden; margin-bottom: 3rem; padding: 2.8rem 0 2.5rem; border-top: .1rem solid #6a6a6a; border-bottom: .1rem solid #e4e4e4; background: #9b9b9b url(../img/affclub-sprite.png) no-repeat 0 -663px; text-align:center; 
}
.login-wrapper .login-btn { 
	position:relative; z-index:2; display:inline-block; padding: .9rem 3.8rem;
	-webkit-box-shadow: 0 -.1rem 0 #5d9135, 0 .1rem #35020c;
	        box-shadow: 0 -.1rem 0 rgba(93,145,53,.85), 0 .1rem #102700;
	background: #9dbe00; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjOWRiZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJlNzIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); /* IE9 */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(20%,#9dbe00), color-stop(100%,#2e7200)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #9dbe00 20%,#2e7200 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-radial-gradient(center, ellipse cover, #9dbe00 20%,#2e7200 100%); /* FF3.6+ */
	background:     -ms-radial-gradient(center, ellipse cover, #9dbe00 20%,#2e7200 100%); /* IE10+ */
	background:      -o-radial-gradient(center, ellipse cover, #9dbe00 20%,#2e7200 100%); /* Opera 12+ */
	background:         radial-gradient(ellipse at center, #9dbe00 20%,#2e7200 100%); /* W3C */
	font-size: 3.35rem; text-transform: uppercase;
}
.login-wrapper .login-btn:hover { 
	background: #a2c600; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYTJjNjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxOTUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); /* IE9 */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(20%,#a2c600), color-stop(100%,#419500)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #a2c600 20%,#419500 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-radial-gradient(center, ellipse cover, #a2c600 20%,#419500 100%); /* FF3.6+ */
	background:     -ms-radial-gradient(center, ellipse cover, #a2c600 20%,#419500 100%); /* IE10+ */
	background:      -o-radial-gradient(center, ellipse cover, #a2c600 20%,#419500 100%); /* Opera 12+ */
	background:         radial-gradient(ellipse at center, #a2c600 20%,#419500 100%); /* W3C */
}
.login-wrapper .login-btn:after { top: -7px; width: 235px; height: 80px; background: url(../img/affclub-sprite.png) no-repeat -208px -103px; }
.login-wrapper .login-btn:hover:after { background-position: -208px -193px; }
.brands { text-align:center; }
.brands h2, .brands li { display:inline-block; vertical-align:middle; }
.brands h2 { color:#636363; font-size: 1.1rem; font-style:oblique; font-weight:normal; }
.brands ul { display:inline; padding: 0; }
.brands li { margin-left: 2rem; height: 5.5rem; }
.brands .bbn { background: url(../img/affclub-sprite.png) no-repeat -355px -17px; width: 131px; height: 52px; }
.brands .jg { background: url(../img/affclub-sprite.png) no-repeat -504px -21px; width: 99px; height: 47px; }
#footer { padding: 3rem 6rem 5rem; background: #262626 url(../img/gray-pattern.png); color: #929292; font-size: 1rem; text-align:center; }
.payments { margin-bottom: 2.5rem; }
.payments ul { margin: 0; padding:0; }
.payments li { position:relative; display:inline-block; margin: 0 1.5rem; vertical-align: middle; background: url(../img/affclub-sprite.png) no-repeat; }
.payments .boleto { width: 44px; height: 28px;background-position: -12px -315px; }
.payments .astropay { width: 70px; height: 30px; background-position: -88px -315px; }
.payments .tbl { width: 203px; height: 29px; background-position: -190px -315px; }
.payments .ukash { width: 80px; height: 29px; background-position: -425px -315px; }
.payments .visa { width: 69px; height: 22px; background-position: -537px -319px; }
.payments .master { width: 49px; height: 29px; background-position: -637px -315px; }
.payments .seguro { width: 64px; height: 33px; background-position: -716px -313px; }
.payments .acima-18 { width: 28px; height: 34px; background-position: -815px -313px; }
.more-info { padding: 1rem 0 0; border-top: .1rem solid #464646; font-size: 1.2rem; }
.more-info li { display:inline-block; margin-left: 4rem; }
.more-info li:first-child { margin-left: 0; }
.more-info li:after { content: "•"; position:absolute; top:-.3rem; left: -2.5rem; display:block; color:#fff; font-size: 2.3rem; line-height:1; }
.more-info li:first-child:after { content: none; }
.copyright a { color:#656464; }
.copyright a:hover { color:#ccc; }


@media only screen and (min-width: 54rem) { //540px

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.vh { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.vh.focusable:active, .vh.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}