/*

FILE		magazine.css
DATE		2014-09-01
AUTHOR		FABIO MARCIANO

*/

#highlight {
	margin-bottom:0px;
}

.magazine-area {
	padding-top:20px;
	clear:both;
}

.magazine-area .cover {
	float:left;
	cursor:pointer;
	position:relative;
	overflow:visible;
	width:380px;
	padding-bottom:20px;
}

.magazine-area .cover > DIV > DIV {
	position:absolute;
	right:0px;
	bottom:0px;
	text-align:right;
}

.magazine-area .cover A {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:304px;
	height:396px;
}

.magazine-area .cover:hover A {
	display:block;
}

.magazine-area .cover A.paper {
	background:url("../media/ico-paper.png") center center no-repeat;
}

.magazine-area .cover A.play {
	background:url("../media/ico-play.png") center center no-repeat;
}

.magazine-area .summary, .magazine-area FORM {
	width:560px;
	float:right;
}

.magazine-area .summary {
	margin-bottom:25px;
}

.summary H2 {
	color:#C71F1F;
	font-family:"Times New Roman", serif;
	font-size:4.6em;
	font-weight:normal;
	background:url("../media/pointer-magazine-title.png") left center no-repeat;
	padding-left:13px;
	margin-bottom:10px;
}

.summary H3 {
	color:#666;
	font-size:1.3em;
	font-family:"Trebuchet MS", sans-serif;
	line-height:1.5em;
	font-weight:normal;
}

.frm-sign-in > SMALL {
	display:block;
	text-indent:17px;
	font-size:1.2em;
	line-height:1.5em;
	color:#999;
	border-top:1px solid #EDEDE5;
	padding-top:8px;
}

.frm-sign-in .content LI FIELDSET {
	border-top:1px solid #EDEDE5;
	margin-bottom:3px;
}

.frm-sign-in .tab, .frm-sign-in .content {
	clear:both;
}

.frm-sign-in .tab > LI {
	float:left;
}

.frm-sign-in .tab > LI H2 {
	font-family:"Roboto Condensed", sans-serif;
	font-size:1.8em;
	color:#999;
	font-style:italic;
	font-weight:400;
	cursor:pointer;
	padding:0px 10px;
}

.frm-sign-in .tab > LI:hover H2 {
	color:#000;
}

.frm-sign-in .content > TABLE {
	display:none;
}

.frm-sign-in .content > TABLE.tabs-1 {
	display:table;
}

.frm-sign-in .tab > LI.active H2 {
	color:#000;
	background:#EDEDE5;
}

.frm-sign-in .tab > LI:first-child > UL {
	display:block;
}

.frm-sign-in .content LI:first-child {
	display:block;
}

.frm-sign-in .content > LI > DIV {
	border-top:solid 1px #EDEDE5;
}

.frm-sign-in .content > LI > DIV:hover {
	background:#EDEDE5;
	cursor:pointer;
}

.frm-sign-in .content > LI > DIV > STRONG, .frm-sign-in .content > LI > DIV > SPAN, .frm-sign-in .content > LI > DIV > VAR, .frm-sign-in .content > LI > DIV > A {
	font-family:"Roboto condensed", sans-serif;
	font-style:normal;
	display:block;
	float:left;
	height:47px;
	line-height:47px;
}

.frm-sign-in .content > LI > DIV > STRONG {
	width:163px;
	text-indent:17px;
	font-size:1.5em;
	font-weight:300;
}

.frm-sign-in .content > LI > DIV > SPAN {
	width:86px;
	font-size:1.2em;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	line-height:1.0em;
	height:31px;
	padding-top:16px;
}

.frm-sign-in .content > LI > DIV > VAR {
	width:85px;
	font-size:1.4em;
	font-weight:300;
	padding-right:15px;
	text-align:right;
}

.frm-sign-in .content > LI > DIV > BUTTON {
	display:block;
	float:left;
	margin-top:12px;
	width:107px;
	height:22px;
	margin-right:12px;
	background:url("../media/btn-quero-assinar.png") center center no-repeat;
	cursor:pointer;
}

.frm-sign-in .content > LI > DIV > A {
	width:90px;
	font-size:1.0em;
	color:#666;
}

.frm-sign-in .content TR.active TH, .frm-sign-in .content TR.active TD {
	background: #CCC;
} 

.frm-sign-in .content TR > TD.more-info {
	padding:0px;
	border:0px;
	background: #CCC;
}

.frm-sign-in .content TR > TD > UL {
	display:none;
	margin:10px;
	clear:both;
	font-size:10px;
}

.frm-sign-in .content TR > TD > UL LI {
	display:block;
	background:#FFF;
	/*height:53px;
	line-height:53px;*/
	text-align:right;
	border-top:solid 1px #EDEDE5;
	font-size:1.0em;
	font-weight:bold;
	padding: 10px 0px;
}

.frm-sign-in .content TR > TD > UL LI.gift {
	height:auto!important;
	padding:10px;
}

.frm-sign-in .content TR > TD > UL LI.gift H6 {
	font-size:1.2em;
	height:57px;
	line-height:57px;
	margin:0px 20px 20px 20px;
	text-align:left;
}

.frm-sign-in .content TR > TD > UL LI.gift IMG {
	display:block;
	margin:0px 10px 0px 0px;
	float:left;
}

.frm-sign-in .content TR > TD > UL LI.gift P {
	font-size:1.2em;
	line-height:1.4em;
	text-align:left;
	margin:0px 20px 20px 20px;
	font-weight:300;
}

.frm-sign-in .content TR > TD > UL LI VAR {
	display:block;
	float:right;
	width:142px;
	margin-left:30px;
	text-align:left;
	font-style:normal;
}

.frm-sign-in .content > LI > DIV.active {
	background:#EEE;
}

.frm-sign-in .content > LI > DIV.active UL {
	display:block;
}

.frm-sign-in .content > LI > FIELDSET LABEL {
	font-family:"Roboto Condensed", sans-serif;
	width:254px;
	float:left;
	text-indent:17px;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	font-weight:300;
}

.frm-sign-in .content > LI > FIELDSET INPUT {
	width:143px;
	height:25px;
	border:solid 1px #CCC;
	color:#999;
	background:#F0F0F0;
	text-indent:4px;
	margin-top:12px;
	float:left;
	margin-right:22px;
}

.frm-sign-in .content > LI > FIELDSET BUTTON {
	width:74px;
	height:22px;
	margin-top:14px;
	background:url("../media/btn-validar.png") center center no-repeat;
	cursor:pointer;
}

/* HASLAYOUT ADJUSTMENT */

.frm-sign-in .content > LI > FIELDSET, .frm-sign-in .content TR > TD > UL LI, .frm-sign-in .content TR > TD > UL, .frm-sign-in .content > LI > DIV, .magazine-area:after, .magazine-area > DIV:after {
	zoom:1;
}

.frm-sign-in .content > LI > FIELDSET:after, .frm-sign-in .content TR > TD > UL LI:after, .frm-sign-in .content TR > TD > UL:after, .frm-sign-in .content > LI > DIV:after, .magazine-area:after, .magazine-area > DIV:after {
	display:block;
	clear:both;
	content:".";
	height:0px;
	visibility:hidden;
}

.banner {
	max-width:940px;
	height:auto;
}

.frm-sign-in .content > LI > FIELDSET BUTTON, .frm-sign-in .content > LI > DIV > BUTTON, .magazine-area .cover A.play {
	text-indent:-9999em;
	overflow:hidden;
	color:transparent;
	font-size:0em;
}

/* TABLE SIGN IN */
.frm-sign-in TABLE {
	width:100%;
	clear:both;
	font-family:"Roboto condensed", sans-serif;
	border-collapse:collapse;
}

.frm-sign-in TABLE TH, .frm-sign-in TABLE TD, .frm-sign-in TABLE TD VAR {
	font-style:normal;
}

.frm-sign-in TABLE TBODY TD BUTTON {
	width:107px;
	height:22px;
	background:url("../media/btn-quero-assinar.png") center center no-repeat;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	color:transparent;
	font-size:0em;
}

.frm-sign-in TABLE TBODY TH, .frm-sign-in TABLE TBODY TD, .frm-sign-in TABLE TFOOT TH, .frm-sign-in TABLE TFOOT TD {
	border-top:solid 1px #EDEDE5;
	padding-top:8px;
	padding-bottom:8px;
	vertical-align:top;
}

.frm-sign-in TABLE TBODY TH {
	text-align:center;
	font-weight:300;
	font-size:1.5em;
}

.frm-sign-in TABLE TBODY VAR {
	/*white-space:nowrap;*/
	padding:0px 5px;
}

.frm-sign-in TABLE TBODY TD {
	text-align:center;
	font-weight:400;
	font-size:1.2em;
	text-transform:uppercase;
}

.frm-sign-in TABLE TBODY TD + TD {
	text-align:right;
	font-weight:300;
	font-size:1.4em;
}

.frm-sign-in TABLE TBODY TD + TD + TD {
	text-align:left!important;
	padding-left:10px;
	font-size:1.0em;
	white-space:nowrap;
}

.frm-sign-in TABLE TBODY TD + TD + TD + TD {
	font-size:1.0em;
	text-transform:none;
	text-align:right;
	font-weight:normal;
}

.frm-sign-in TABLE TBODY TD + TD + TD + TD A {
	display:block;
	color:#666;
	padding-top:5px;
}

.frm-sign-in TABLE TFOOT LABEL {
	font-family:"Roboto Condensed", sans-serif;
	width:254px;
	float:left;
	text-indent:17px;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	font-weight:300;
}

.frm-sign-in TABLE TFOOT INPUT {
	width:143px;
	height:25px;
	border:solid 1px #CCC;
	color:#999;
	background:#F0F0F0;
	text-indent:4px;
	margin-top:12px;
	float:left;
	margin-right:22px;
}

.frm-sign-in TABLE TFOOT BUTTON {
	width:74px;
	height:22px;
	margin-top:14px;
	background:url("../media/btn-validar.png") center center no-repeat;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	color:transparent;
	font-size:0px;
}

.frm-sign-in TABLE TFOOT SMALL {
	display:block;
	text-indent:17px;
	font-size:1.2em;
	line-height:1.5em;
	color:#999;
	font-family:"Arial", sans-serif;
}

/* SIZE: 768 */
@media only screen and (max-width:1023px) {

	.magazine-area .cover {
		width:315px;
	}

	.magazine-area .summary, .magazine-area FORM {
		width:405px;
	}

	.banner {
		max-width:700px;
		margin:0px auto;
	}

	.frm-sign-in .content > LI > DIV > STRONG, .frm-sign-in .content > LI > DIV > SPAN, .frm-sign-in .content > LI > DIV > VAR, .frm-sign-in .content > LI > DIV > A {
		height:40px;
		line-height:40px;
	}

	.frm-sign-in .content > LI > DIV > STRONG {
		width:104px;
		text-indent:4px;
		font-size:1.3em;
	}

	.frm-sign-in .content > LI > DIV > SPAN {
		width:60px;
		font-size:1.3em;
		line-height:1.0em;
		padding-top:13px;
		height:auto;
	}

	.frm-sign-in .content > LI > DIV > VAR {
		width:50px;
		font-size:1.2em;
	}

	.frm-sign-in .content > LI > DIV > BUTTON {
		margin-top:10px;
		width:95px;
		height:20px;
		margin-right:16px;
		background-size:95px 20px;
	}

	.frm-sign-in .content > LI > DIV > A {
		width:90px;
		font-size:1.0em;
	}

	.frm-sign-in .content TR > TD > UL LI {
		/*height:45px;
		line-height:45px;*/
	}

	.frm-sign-in .content TR > TD > UL LI VAR {
		width:142px;
		margin-left:30px;
	}

	.frm-sign-in .content > LI > FIELDSET LABEL {
		width:182px;
		text-indent:14px;
		height:50px;
		line-height:50px;
		font-size:1.3em;
	}

	.frm-sign-in .content > LI > FIELDSET INPUT {
		width:124px;
		height:22px;
		text-indent:4px;
		margin-top:11px;
		margin-right:9px;
	}

	.frm-sign-in .content > LI > FIELDSET BUTTON {
		width:66px;
		height:21px;
		margin-top:12px;
	}

	.frm-sign-in > SMALL {
		text-indent:14px;
		padding-top:8px;
	}

	.frm-sign-in .content LI FIELDSET {
		margin-bottom:0px;
	}

	/* TABLE SIGN IN */
	.frm-sign-in TABLE TBODY TD BUTTON {
		width:95px;
		height:20px;
		background-size:100%;
	}

	.frm-sign-in TABLE TBODY TH {
		font-size:1.3em;
	}

	.frm-sign-in TABLE TBODY TD {
		text-align:center;
		font-weight:400;
		font-size:1.2em;
		text-transform:uppercase;
	}

	.frm-sign-in TABLE TBODY TD + TD {
		text-align:right;
		font-weight:300;
		font-size:1.2em;
	}

	.frm-sign-in TABLE TBODY TD + TD + TD {
		text-align:center;
	}

	.frm-sign-in TABLE TBODY TD + TD + TD + TD {
		font-size:1.0em;
		text-transform:none;
		text-align:right;
		font-weight:normal;
	}

	.frm-sign-in TABLE TBODY TD + TD + TD + TD A {
		width:17px;
		height:17px;
		background:url("../media/ico-warn.png") center center no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		color:transparent;
		font-size:0px;
	}

	.frm-sign-in TABLE TFOOT LABEL {
		font-size:1.3em;
		text-indent:14px;
		width:182px;
	}

	.frm-sign-in TABLE TFOOT INPUT {
		width:124px;
		height:22px;
		margin-top:11px;
		margin-right:9px;
	}

	.frm-sign-in TABLE TFOOT BUTTON {
		width:66px;
		height:21px;
		margin-top:12px;
		background-size:100%;
	}

	.frm-sign-in TABLE TFOOT SMALL {
		text-indent:14px;
	}

}

/* SIZE: 480 */
@media only screen and (max-width:727px) {

	.frm-sign-in {
		margin-bottom:20px!important;
	}

	.magazine-area .cover {
		width:182px;
	}

	.magazine-area .cover > DIV > DIV IMG {
		width:60%;
		float:right;
	}

	.magazine-area .cover:hover A {
		display:none;
	}

	.summary H2 {
		font-size:2.1em;
	}

	.summary H3 {
		font-size:1.2em;
	}

	.magazine-area, .magazine-area FORM {
		width:325px;
		margin:0px auto;
	}

	.magazine-area .cover IMG {
		width:182px;
		height:auto;
	}

	.magazine-area .summary {
		width:135px;
	}

	.banner {
		max-width:325px;
	}

	.frm-sign-in .content > LI > DIV > STRONG, .frm-sign-in .content > LI > DIV > SPAN, .frm-sign-in .content > LI > DIV > VAR, .frm-sign-in .content > LI > DIV > A {
		height:40px;
		line-height:40px;
	}

	.frm-sign-in .content > LI > DIV > STRONG {
		width:105px;
		text-indent:5px;
		font-size:1.3em;
	}

	.frm-sign-in .content > LI > DIV > SPAN {
		width:60px;
		font-size:1.2em;
		line-height:1.0em;
	}

	.frm-sign-in .content > LI > DIV > VAR {
		width:50px;
		font-size:1.2em;
	}

	.frm-sign-in .content > LI > DIV > BUTTON {
		margin-top:10px;
		width:85px;
		height:17px;
		margin-right:6px;
		background-size:85px 17px;
	}

	.frm-sign-in .content TR > TD > UL LI {
		/*height:35px;
		line-height:35px;*/
		padding: 10px 0px;
	}

	.frm-sign-in .content TR > TD > UL LI VAR {
		width:90px;
		margin-left:20px;
	}

	.frm-sign-in .content > LI > FIELDSET LABEL {
		width:170px;
		text-indent:5px;
		height:35px;
		line-height:35px;
		font-size:1.2em;
	}

	.frm-sign-in .content > LI > FIELDSET INPUT {
		width:68px;
		height:21px;
		text-indent:4px;
		margin-top:10px;
		margin-right:10px;
	}

	.frm-sign-in .content > LI > FIELDSET BUTTON {
		width:66px;
		height:19px;
		margin-top:12px;
	}

	.frm-sign-in .content > LI > DIV > A {
		text-indent:-9999em;
		overflow:hidden;
		color:transparent;
		font-size:0em;
	}

	.frm-sign-in > SMALL {
		text-indent:5px;
	}

	.frm-sign-in .content LI FIELDSET {
		margin-bottom:9px;
	}

	.frm-sign-in .content TR > TD > UL LI.gift H6 {
		font-size:1.2em;
		text-align:center;
		border-bottom:solid 1px #EDEDE5;
	}

	.frm-sign-in .content TR > TD > UL LI.gift IMG {
		margin:0px auto;
		float:none;
	}

	.frm-sign-in .content TR > TD > UL LI.gift P {
		font-size:1.2em;
		line-height:1.4em;
		text-align:center;
		margin:0px 20px 20px 20px;
		font-weight:300;
	}

	/* TABLE SIGN IN */
	.frm-sign-in TABLE TBODY TD BUTTON {
		width:85px;
		height:17px;
	}

	.frm-sign-in TABLE TFOOT LABEL {
		font-size:1.2em;
		text-indent:14px;
		width:170px;
	}

	.frm-sign-in TABLE TFOOT INPUT {
		width:68px;
		height:22px;
		margin-top:11px;
		margin-right:9px;
	}

	.frm-sign-in TABLE TFOOT BUTTON {
		width:66px;
		height:21px;
		margin-top:12px;
		background-size:100%;
	}

	.frm-sign-in TABLE TFOOT SMALL {
		text-indent:14px;
	}

}

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

	.magazine-area .cover IMG {
		width:160px;
		height:auto;
	}

	.magazine-area .summary {
		width:115px;
	}

	.magazine-area, .magazine-area FORM {
		width:300px;
	}

	.banner {
		max-width:300px;
		margin:0px auto;
	}

	.frm-sign-in .content > LI > DIV > STRONG {
		text-indent:3px;
		width:100px;
	}

	.frm-sign-in .content > LI > DIV > SPAN {
		width:55px;
	}

	.frm-sign-in .content > LI > DIV > VAR {
		width:45px;
	}

	.frm-sign-in .content > LI > DIV > A {
		margin-left:3px;
	}

	.frm-sign-in .content > LI > FIELDSET LABEL {
		text-indent:0px;
		width:160px;
	}

	.frm-sign-in .content > LI > FIELDSET INPUT {
		margin-top:7px;
		margin-right:5px;
	}

	.frm-sign-in .content > LI > DIV > BUTTON {
		margin-right:0px;
	}

	.frm-sign-in .content > LI > FIELDSET BUTTON {
		margin-top:9px;
		width:60px;
	}

	.frm-sign-in > SMALL {
		text-indent:1px;
	}

	.frm-sign-in .content LI FIELDSET {
		margin-bottom:3px;
	}

	/* TABLE SIGN IN */
	.frm-sign-in TABLE TFOOT LABEL {
		text-indent:0px;
		margin-right:0px;
		height:35px;
		line-height:35px;
		width:160px;
	}

	.frm-sign-in TABLE TFOOT INPUT {
		width:68px;
		height:21px;
		margin-top:7px;
		margin-right:5px;
	}

	.frm-sign-in TABLE TFOOT BUTTON {
		width:60px;
		height:19px;
		margin-top:9px;
		background-size:100%;
	}

	.frm-sign-in TABLE TFOOT SMALL {
		text-indent:0px;
	}

}