@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-size:19px;
	color:#ee2b33;
	}
		
.clear {
	clear:both;
	}
			
/* ---- estrutura --------------  */
/*---------------------------------------------------------------------------*/

body {
	background: url(_img/bg_body.png) #fff top center repeat-x; 
	color:#000;
}


	
#faixa01 {
	width:100%;
	margin:0 auto 0px;
    background: url(_img/bg_miolo01.png) top center no-repeat;
}
#miolo01 {
	width:960px;
	margin:0 auto 0px;
	height:472px;
}
#faixa02 {
	width:100%;
	background: url(_img/bg_miolo02.png)#fff top center no-repeat;
}
#miolo02 {
	width:960px;
	margin:0 auto;
	min-height:450px;
	
}
.m02_col-esq {
	float:left;
	width:430px;
	padding:54px 0px 10px 50px;
}
.m02_col-dir {
	float:right;
	width:420px;
	padding:10px 0px 10px 0px;
}

#faixa03 {
background: url(_img/bg_miolo03.png) #ee2b33 top center no-repeat;
    border-top: solid 10px #17468f;
}
.faixa03-inner {
	width:960px;
	margin:0 auto;
	min-height:300px;
	padding:30px 0px 40px;
}

.m03_col-esq {
	float:left;
	width:392px;
	padding-left:68px;
	min-height:180px;
	margin: 0px 0 0;
}
.m03_col-dir {
	float:right;
	width:329px;
	text-align:left;
    margin-right: 80px; 
}
				

/* ---- FAIXA 01 --------------  */
/*---------------------------------------------------------------------------*/

.titulo {
	background: url(_img/bg_titulo.png) top center no-repeat;
	width:383px;
	height:245px;
	float:right;
	text-indent:-9999px;
	margin:44px 0px 25px 0px; 
}

.logo { 
	float:left; 
	margin:34px 0px 0px 34px;
}

p.intro {
	color:#dae3e7;
	font-size:21px;
	line-height:28px;
	text-align:center;
	width:348px;
	margin:0px 0px 20px 80px;
	}
	
a.link-leia {
	background: url(_img/link_leia.png) top center no-repeat; 
	width:167px; 
	text-indent:-9999px; 
	height:135px; 
	display:block;
	position:relative;
	float:right;
	z-index:50;
	margin: -33px 40px -70px 0;
	}
a.link-leia:hover { background-position: 0 -136px;}	

/* ---- FAIXA 02 --------------  */
/*---------------------------------------------------------------------------*/

h3.tit_assista, h3.tit_compre, h4.tit_compartilhe, h4.tit_vista {
	font-family: 'swingset_bbregular';
}
	 

p.sinopse {
	font-size:16px;
	line-height:21px;
	}
/* ---- FAIXA 03 --------------  */
/*---------------------------------------------------------------------------*/
	
h3.tit_compre { 
	margin:54px 0 6px;
	font-size:47px;
	color:#17468f; 
	}
ul.compre { 
	float:left; 
	margin:0px 30px 20px 0px;
	}
ul.compre li { font-size:14px;
	margin:6px 0;
	}
ul.compre li a {
	color:#ee2b33;
	}
ul.compre li a:hover {
	color:#fff;
    background-color: #17468f;
	}
ul.compre li.livro { 
	color:#000; 
	font-size:26px;
	font-family: 'swingset_bbregular';
    text-transform: uppercase;
	}
	
h4.tit_compartilhe { 
	margin:-55px 0px 0px 10px;
    background: url(_img/bg_compartilhe.png) top center no-repeat;
    width: 171px;
    height: 48px;
    text-indent: -9999px;
	}
#ratos {
	background: url(_img/ratos.png) top center no-repeat;
	width:183;
	height:159px;
	position:relative;
	top:-56px;
	margin-left: 90px;
	}
h4.tit_vista {
		font-size:42px;
	color:#d2232a; 
	margin-bottom:-5px;
}


.dentadura { 
	margin:-165px 0px 0px 10px;
    background: url(_img/img_dentadura.png) top center no-repeat;
    width: 321px;
    height: 198px;
    text-indent: -9999px;
	}



p.intro span {
color: #e3303c;
    font-size: 33px;
}

.m03_col-dir {
    
}
/* FOOTER
   -------------------------------------------- */

.footer-inner {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    min-height: 160px;
    clear: left
}

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: left;
    height: 37px;
    margin: 5px 20px 0;
    text-indent: -9999px;
    width: 251px;
}
a.mais-blog:hover {
    background-position: 0 -37px;
}