@charset "utf-8";
/* CSS Document */

/* ---- css reset --------------  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/*---------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'swingset_bbregular';
    src: url('_img/swinsbrg-webfont.eot');
    src: url('_img/swinsbrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('_img/swinsbrg-webfont.woff') format('woff'),
         url('_img/swinsbrg-webfont.ttf') format('truetype'),
         url('_img/swinsbrg-webfont.svg#swingset_bbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
/* ---- estilos globais --------------  */
/*---------------------------------------------------------------------------*/

html, body, td, th, input, textarea, select , button {
	font-family: "Times New Roman", Times, serif;
	}
a { 
	color:#971925; text-decoration:none;
	}
a:hover { 
	color:#fff;
	}
h1, h2, h3, h4 {
	font-family: "Times New Roman", Times, serif;
	}
p {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height:20px;
	margin: 2px 0px 18px 0px;
	}
p span {
	font-family: "Times New Roman", Times, serif;
	font-size:17px;
	color:#c8132b;
	font-weight:bold;
	}
		
.clear {
	clear:both;
	}
			
/* ---- estrutura --------------  */
/*---------------------------------------------------------------------------*/

body {
	background: url(_img/bg_body.png) #ed1a3a top center repeat-x; 
	color:#fff;
}


	
#faixa01 {
	width:100%;
	margin:0 auto;
	height:504px;
	background: url(_img/bg_fx01.png) bottom center repeat-x;
}
#miolo01 {
	width:960px;
	margin:0 auto 0px;
	background: url(_img/bg_miolo01.png) bottom left no-repeat;
	height:504px;
}
#faixa02 {
	width:100%;
	background: url(_img/bg_fx02.png) #dab310 bottom center repeat-x;
    float: left;
}
#miolo02 {
	width:960px;
	margin:0 auto;
	min-height:460px;
	
}
.m02_col-esq {
	float:left;
	width:420px;
	padding:44px 0px 10px 60px;
}
.m02_col-dir {
	float:left;
	width:320px;
	padding:40px 0px 10px 0px;
	margin-left:40px;
}

#faixa03 {
	width:960px;
	margin:0 auto;
	min-height:300px;
	padding:30px 0px 60px;
    clear: left;
}

.m03_col-esq {
	float:left;
	width:250px;
	background: url(_img/bg_fx03_esq.png) top left no-repeat;
	min-height:250px;
	margin: 0px 0px 30px 50px;
	padding:0px 0px 0px 100px;
}
.m03_col-dir {
	float:right;
	width:455px;
	text-align:left;
}
				

/* ---- FAIXA 01 --------------  */
/*---------------------------------------------------------------------------*/

.titulo {
	background: url(_img/bg_titulo.png) top center no-repeat;
	width:411px;
	height:271px;
	float:left;
	text-indent:-9999px;
	margin:72px 0px 30px 0px; 
}

.logo { 
	float:right; 
	margin:31px 10px 0px 0px;
}

p.intro {
	background: url(_img/bg_intro.png) top center no-repeat; 
	width:243px; 
	text-indent:-9999px; 
	height:59px; 
	margin:0px 0px 20px 50px;
	}
	
a.link-leia {
	background: url(_img/link_leia.png) top center no-repeat; 
	width:132px; 
	text-indent:-9999px; 
	height:163px; 
	display:block;
	position:relative;
	float:right;
	z-index:50;
	margin: -96px 35px 10px -50px;
	}
a.link-leia:hover { background-position: 0 -163px;}	

/* ---- FAIXA 02 --------------  */
/*---------------------------------------------------------------------------*/

h3.tit_assista, h3.tit_compre, h4.tit_compartilhe, h4.tit_vista {
	font-family: 'swingset_bbregular';
}
	 

p.sinopse {
	color:#000;
	font-size:16px;
	line-height:21px;
	}
/* ---- FAIXA 03 --------------  */
/*---------------------------------------------------------------------------*/
	
h3.tit_compre { 
	margin:0px 0 20px;
	background: url(_img/bg_compre.png) top center no-repeat; 
	width:207px; 
	text-indent:-9999px; 
	height:17px; 
	}
ul.compre { 
	float:left; 
	margin:0px 30px 20px 0px;
	}
ul.compre li { font-size:13px;
	margin:6px 0;
	}
ul.compre li a {
	color:#e4002c;
	}
ul.compre li a:hover {
	color:#ffd42b;
	background-color:#e4002c;
	}
ul.compre li.livro { 
	color:#000; 
	font-size:19px;
	}
	
h4.tit_compartilhe { 
	margin:0px 0 20px;
	background: url(_img/bg_compartilhe.png) top center no-repeat; 
	width:176px; 
	text-indent:-9999px; 
	height:17px; 
	}
h4.tit-gratis { 
	background: url(_img/tit_gratis.png) top center no-repeat;
	height: 134px;
    margin: -120px 0 -20px;
    position: relative;
    text-indent: -9999px;
    width: 134px;
    z-index: 50; 
	}
/* FOOTER
   -------------------------------------------- */
footer {    clear: left; padding-top: 40px}
.footer-inner {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 0;
    padding-top: 20px;
    text-align: center;
    min-height: 160px;
    border-top: solid 1px #FFB604
}

ul.sociais {
    list-style: inside none none;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 0;
    display: inline-block
}

ul.sociais li {
    float: left;
    height: 36px;
}

.ico-nome,
.ico-website,
.ico-facebook,
.ico-twitter,
.ico-youtube,
.ico-instagram,
.ico-snapchat {
    color: #000;
    display: block;
    height: 36px;
    margin: 0 6px 0 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.ico-nome {
    background: rgba(0, 0, 0, 0) url("../_img/ico_intrinseca.png") no-repeat scroll center center;
    width: 130px;
    float: none
}

.ico-website {
    background: rgba(0, 0, 0, 0) url("../_img/ico_website.png") no-repeat scroll center center;
    width: 36px;
    margin-left: 20px
}

.ico-facebook {
    background: rgba(0, 0, 0, 0) url("../_img/ico_facebook.png") no-repeat scroll center center;
    width: 36px;
}

.ico-twitter {
    background: rgba(0, 0, 0, 0) url("../_img/ico_twitter.png") no-repeat scroll center center;
    width: 36px;
}

.ico-youtube {
    background: rgba(0, 0, 0, 0) url("../_img/ico_youtube.png") no-repeat scroll center center;
    width: 36px;
}

.ico-instagram {
    background: rgba(0, 0, 0, 0) url("../_img/ico_instagram.png") no-repeat scroll center center;
    width: 36px;
}

.ico-snapchat {
    background: rgba(0, 0, 0, 0) url("../_img/ico_snapchat.png") no-repeat scroll center center;
    margin-right: 0;
    width: 36px;
}
a.mais-blog {
    color: #c8132b;
    display: block;
    font-size: 22px;
    float: left;
    margin: 0 10px 40px;

}
a.mais-blog:hover {
    color: #FFF;
    
}











