body {
	background: url(./images/texture_bright2.gif);
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #333;
}

div.clear { clear: both; }

#header a { color: #777; }

div.center { text-align: center; position: relative; }

div.options-wrap { width: 960px; margin: 0 auto 50px; }

span.ja-assinante { background: transparent url(./images/opcaoassinatura_buttons.png) no-repeat; display: block; width: 457px; height: 122px; float: left; cursor: pointer; }
span:hover.ja-assinante { background-position-y: -122px; }
span:active.ja-assinante { background-position-y: -244px; }

span.nao-assinante { background: transparent url(./images/opcaoassinatura_buttons.png) no-repeat -457px 0; display: block; width: 457px; height: 122px; float: right; cursor: pointer; }
span:hover.nao-assinante { background-position-y: -122px; }
span:active.nao-assinante { background-position-y: -244px; }

#content {
	width: 960px;
	margin: 0 auto;
	position: relative;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#assine_wrap { height: 0px; width: 960px; margin: 0 auto; position: relative;}

#quero-assinar1 { opacity: 0; display: none; }
#quero-assinar1 div.text { width: 420px; float: right; color: #555;}
#quero-assinar1 div.text h2 { font-size: 3.0em; font-weight: 100; }
#quero-assinar1 a.transparent-button { background: transparent url(./images/button_transparent_assinatura.png) no-repeat 0 -107px; display: block; width: 288px; height: 107px; text-decoration: none; }
#quero-assinar1 a:hover.transparent-button { background-position-y: 0px; }
#quero-assinar1 a.transparent-button span { padding: 20px; display: block; color: #2c81de; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#quero-assinar1 a.transparent-button span h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light"; font-weight: normal; line-height: 1.2em; margin-bottom: 5px; font-size: 1.8em; color: #666; text-shadow: 0px 1px 0px white; }

#quero-assinar1 span.transparent-button { background: transparent url(./images/button_transparent_assinatura.png) no-repeat 0 -107px; display: block; width: 288px; height: 107px; text-decoration: none; cursor: pointer; }
#quero-assinar1 span:hover.transparent-button { background-position-y: 0px; }
#quero-assinar1 span.transparent-button span { padding: 20px; display: block; color: #2c81de; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#quero-assinar1 span.transparent-button span h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light"; font-weight: normal; line-height: 1.2em; margin-bottom: 5px; font-size: 1.8em; color: #666; text-shadow: 0px 1px 0px white; }

#quero-assinar2 { opacity: 0; display: none; }
#quero-assinar2 div.text { width: 350px; float: right; color: #555}
#quero-assinar2 div.text h2 { font-size: 3.0em; font-weight: 100; }
#quero-assinar2 a.transparent-button { background: transparent url(./images/button_transparent_assinatura.png) no-repeat 0 -107px; display: block; width: 288px; height: 107px; text-decoration: none; }
#quero-assinar2 a:hover.transparent-button { background-position-y: 0px; }
#quero-assinar2 a.transparent-button span { padding: 20px; display: block; color: #2c81de; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.2em; }
#quero-assinar2 a.transparent-button span h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light"; font-weight: normal; line-height: 1.2em; margin-bottom: 5px; font-size: 1.4em; color: #666; text-shadow: 0px 1px 0px white; }

div.wrap-revistas { background: transparent url(./images/bg_compra.png?v2) no-repeat; width: 545px; height: 500px; overflow-y: scroll; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 20px 0; padding-left: 10px; }
span.revista { cursor: pointer; position: relative; display: block; float: left; width: 110px; line-height: 1.4em; margin-bottom: 15px; color: #444; margin: 15px 10px; }
span.revista img {
	border: 1px solid #888;
	box-shadow: 0px 2px 3px #666;
	-moz-box-shadow: 0px 2px 3px #666;
	-webkit-box-shadow: 0px 2px 3px #666;
}
span.checked {
	position: absolute;
	width: 50px;
	height: 50px;
	top: -6px;
	right: -15px;
	background: transparent url(./images/checked.png) no-repeat;
	opacity: 0;
}

#passoapasso {
	background: white;
	position: relative;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	padding: 20px 0;
}

#passoapasso div.text { width: 450px; position: absolute; top: 50px; right: 75px; text-align: left; }
#passoapasso h2 { font-weight: 100; font-size: 3.0em; }
#passoapasso b { font-weight: 500; }

#passoapasso div.slider { margin-left: 60px; margin-top: 50px; position: relative; height: 480px; }
div.slider div.passo { position: absolute; top: 0; left: 0; opacity: 0; z-index: 0; }
div.slider div.display { opacity:1; z-index: 9999; }

#as a { font-size: 1.4em; color: #2c81de; position: absolute; bottom: 40px; left: 370px; }
#as a:hover { text-decoration: underline; }

span.cpf_erro {
	opacity: 0;
	background: #ffed87;
	display: none;
	width: 480px;
	font-size: 14px;
	line-height: 1.2em;
	padding: 8px;
	text-shadow: 1px 1px 0px #fff6c5;
	border: 1px solid;
	border-top-color: #efdb69;
	border-right-color: #dfc846;
	border-left-color: #dfc846;
	border-bottom-color: #cca21a;
	border-radius: 5px;
	 -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	
}

div.cpf-form { position: absolute; top: 385px; left: 370px; text-align: left; font-size: 1.4em; line-height: 1.4em; }
div.cpf-form input { font-size: 1.2em; }

div.slider-buttons { width: 660px; margin: 0 auto; }
div.slider-buttons span { background: #ccc; display: block; text-align: center; font-size: 3.0em; font-weight: bold; color: white; padding: 10px 20px; margin: 5px; float: left; cursor: pointer; }
div.slider-buttons span:hover.a { background: #5fcc3f !important; }
div.slider-buttons span:hover.b { background: #fdb728 !important; }
div.slider-buttons span:hover.c { background: #f5821f !important; }
div.slider-buttons span:hover.d { background: #e2373e !important; }
div.slider-buttons span:hover.e { background: #963c97 !important; }
div.slider-buttons span:hover.f { background: #009cdc !important; }
div.slider-buttons span:hover.g { background: #5fcc3f !important; }
div.slider-buttons span:hover.h { background: #fdb728 !important; }
div.slider-buttons span:hover.i { background: #f5821f !important; }

#footer { background: transparent url(./images/black_opacity.png); color: #f1efe8; padding-top: 40px; margin-top: 60px; border-top: 1px ridge #393939; }
#footer span { color: #a99a61; font-size: 3.0em; line-height: 1.4em; font-weight: normal; font-family: 'Shanti'; }
#footer a { color: #f1efe8; }