@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%;
	font: inherit;
	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: 'Neucha', cursive;
	}
a { 
	color:#971925; text-decoration:none;
	}
a:hover { 
	color:#fff;
	}
h1, h2, h3, h4 {
	font-family: 'swingset_bbregular';
	}
p {
	font-family: 'Neucha', cursive;
	font-size: 13px;
	line-height:19px;
	margin: 2px 0px 18px 0px;
	}
p span {
	font-family: 'swingset_bbregular';
	font-size:29px;
	color:#e51e23;
	}
		
.clear {
	clear:both;
	}
			
/* ---- estrutura --------------  */
/*---------------------------------------------------------------------------*/

body {
	background: url(_img/bg_body.jpg) #0190b9 top center repeat-x; 
	color:#000;
}


	
#faixa01 {
	width:100%;
	margin:0 auto 0px;
	background: url(_img/bg_faixa01.png) top center no-repeat;
}
#miolo01 {
	width:960px;
	margin:0 auto;
	background: url(_img/bg_miolo01.png) bottom left no-repeat;
	height:509px;
}
#faixa02 {
	width:100%;
	background-color:#ffb604;
}
#miolo02 {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	background: url(_img/bg_faixa02.png) #ffb604 337px top no-repeat;
}
.m02_col-esq {
	float:left;
	width:460px;
	padding:38px 0px 10px 20px;
}
.m02_col-dir {
	float:right;
	width:381px;
	padding:70px 39px 10px 0px;
}

#faixa03 {
	width:960px;
	margin:0 auto;
	background: url(_img/bg_faixa03.png) top center no-repeat;
	min-height:300px;
	padding-bottom: 60px;
}

.m03_col-esq {
	float:left;
	width:392px;
	padding-left:88px;
}
.m03_col-dir {
	float:right;
	width:329px;
	text-align:left;
	padding-top:19px;
}
				

/* ---- FAIXA 01 --------------  */
/*---------------------------------------------------------------------------*/

.titulo {
	background: url(_img/bg_titulo.png) top center no-repeat;
	width:557px;
	height:225px;
	float:left;
	text-indent:-9999px;
	margin:30px 0px 25px 340px; 
}

.logo { 
	float:right; 
	margin:103px 10px 0px 0px;
}

p.intro {
	color:#fccb54;
	font-size:18px;
	line-height:20px;
	text-align:center;
	width:348px;
	margin:0px 0px 40px 433px;
	}
	
a.link-leia {
	background: url(_img/link_leia.png) top center no-repeat; 
	width:168px; 
	text-indent:-9999px; 
	height:230px; 
	display:block;
	position:relative;
	float:right;
	z-index:50;
	margin:-180px 33px -20px -568px;
	}
a.link-leia:hover { background-position: 0 -230px;}	

/* ---- FAIXA 02 --------------  */
/*---------------------------------------------------------------------------*/

h3.tit_assista, h3.tit_compre, h4.tit_compartilhe {
	font-family: 'swingset_bbregular';
}
	 
h3.tit_assista {
	margin-bottom:20px;
	color:#e51e23;
	font-size:48px;
}

p.sinopse {
	color:#483600;
	font-size:15px;
	line-height:20px;
	}
/* ---- FAIXA 03 --------------  */
/*---------------------------------------------------------------------------*/
	
h3.tit_compre { 
	margin:34px 0 6px;
	font-size:55px;
	color:#fff; 
	}
ul.compre { 
	float:left; 
	margin:0px 30px 20px 0px;
	}
ul.compre li { font-size:14px;
	margin:6px 0;
	}
ul.compre li a {
	color:#fff;
	}
ul.compre li a:hover {
	color:#e51e23;
	}
ul.compre li.livro { 
	color:#ffb604; 
	font-size:34px;
	font-family: 'swingset_bbregular';
	}
	
h4.tit_compartilhe { 
	font-size:47px;
	color:#ffb604; 
	margin-bottom:10px;
	}
#ratos {
	background: url(_img/ratos.png) top center no-repeat;
	width:183;
	height:159px;
	position:relative;
	top:-56px;
	margin-left: 90px;
	}

/* 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 {
    background: rgba(0, 0, 0, 0) url("_img/leia_blog.png") no-repeat scroll center top;
    display: block;
    float: right;
    height: 37px;
    margin: 5px 20px 0;
    text-indent: -9999px;
    width: 251px;
    position: relative;
    z-index: 10
}
a.mais-blog:hover {
    background-position: 0 -37px;
}







