@charset "iso-8859-2";
/* CSS Document */

/*---------------------------------------------------------------------------*/
/* Font & Color */
/*---------------------------------------------------------------------------*/

html, body, td, th, input, textarea, select , button
{ color:#000; font:normal 13px/18px Tahoma, Geneva, sans-serif; }

/*---------------------------------------------------------------------------*/
/* Link e comuns*/
/*---------------------------------------------------------------------------*/

a:link, a:visited, a:active { color:#74d0fa; cursor:pointer; text-decoration:none; }
a:hover { text-decoration:none; color:#CCC; }

ul { list-style: none outside none; }

p { margin:0px 0px 10px 30px; padding:2px 0 0 0;} 

img{ border:0; }

.clear{clear:both;}

/*---------------------------------------------------------------------------*/
/* Structure */
/*---------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

html, body { width:100%; }

body { text-align:left; background: url(_img/bg01.png) #bc1433 top left repeat-x; }


#faixa01 { background: url(_img/bg_miolo01.png) bottom center no-repeat; min-height:494px; }
#faixa02 { min-height:378px;  background: url(_img/bg_miolo02.png) #dec032 bottom center no-repeat; }
#faixa03 { padding-bottom:90px;}

#miolo01 { width:960px; margin:0 auto 0; overflow:hidden;}
#miolo01 h1 { background: url(_img/tit.png) center left no-repeat; text-indent:-9999px; width:418px; height:201px; overflow:hidden; margin:40px 0px 0px 45px;}
#miolo01 h2 { float:left; margin:72px 10px 0px 0px; }
#miolo01 h2.autor { float:left; margin:20px 0px 0px 90px; background: url(_img/tit_autor.png) center left no-repeat; text-indent:-9999px; width:311px; height:84px; overflow:hidden; }
#miolo01 p.intro { background: url(_img/txt_vovo.png) center left no-repeat; text-indent:-9999px; width:420px; height:113px; margin:20px 0px 0px 20px; float:left; }
#miolo01 #link_vovo { float:left; background: url(_img/personagens.png) center left no-repeat; width:448px; height:359px; margin:76px 0px 0px -30px;}

#miolo01 #link_vovo .link_1cap {
    background: url(_img/link.png) repeat scroll center top transparent;
    display: block;
    float: left;
    height: 111px;
    margin: 12px 0px 0px 30px;
    text-indent: -9999px;
    width: 114px;
}
#miolo01 #link_vovo .link_1cap:hover { background-position:0 111px;}

#miolo02 { width:960px; margin:0 auto; padding-bottom:20px;}
#miolo02 p { width:395px;}
#miolo02 p span { color:#bc1433; font-weight:bold;}
#miolo02 h3.trailer { background: url(_img/tit_trailer.png) center left no-repeat; text-indent:-9999px; width:332px; height:55px; margin:-30px 0px 0px 590px; float:left; }
#ilustras { overflow:hidden; width:660px; margin:30px auto 0px; float:left;}
#ilustras img {float:left;}
#ilustras h3 {background: url(_img/tit_conheca.png) center left no-repeat; width:222px; height:72px; float:left; text-indent:-9999px; margin-top:20px;}

#miolo03 { width:960px; margin:0 auto 100px; padding: 0 0 80px; }

#miolo03 h3.compre { background: url(_img/tit_compre.png) center left no-repeat; text-indent:-9999px; width:249px; height:64px; margin:-30px 0px 10px 120px; } 
#miolo03 ul{ list-style-type:none; padding:0px 0 0 20px; min-width:140px; text-align:left; float:left;}
#miolo03 ul li { font:normal 13px/16px Tahoma, Geneva, sans-serif; color:#dec032; padding-left:10px;}
#miolo03 ul li a { color:#FFF; text-decoration:none;}
#miolo03 ul li a:hover { color:#000;}
#miolo03 h3.compartilhe { background: url(_img/tit_compartilhe.png) center left no-repeat; text-indent:-9999px; width:400px; height:60px; margin:10px 0px 0px 0px; float:left; }
#miolo03 .compre { width:450px; float:left;}
#miolo02 .jogue { width:300px; float:right; padding-top:20px;}
#miolo02 .jogue h3.tit_jogue { background: url(_img/tit_jogue.png) center left no-repeat; text-indent:-9999px; width:282px; height:62px; margin:-30px 0px 0px 0px; float:left;}

#miolo02 .jogue .link_jogue {
    background: url(_img/link_jogue.png) repeat scroll center top transparent;
    display: block;
    height: 271px;
    margin: 20px 0px 0px 20px;
    text-indent: -9999px;
    width: 191px;
}

#header { padding-top:42px; margin-left:32px; overflow:hidden; }
#header h1 { background: url(_img/bg_tit_oceano.png) top left no-repeat; text-indent:-9999px; width:356px; height:234px; margin-top:-56px; margin-left:106px;}
#header h2 { background: url(_img/bg_tit_gaiman.png) top left no-repeat; text-indent:-9999px; width:254px; height:79px; margin:74px 0px 80px 151px;}
#header p.data { background: url(_img/bg_data.png) top left no-repeat; text-indent:-9999px; width:112px; height:112px; margin-left:0px; margin-bottom:0px;}


#displaybox {
	z-index: 10000;
	background: url(_img/bg_trans.png) top left ;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}

#col_dir { width:390px; float:right; overflow:hidden;}

#col_dir h2 { float:right; margin:72px 10px 0px 0px; }
#col_dir h3.prevenda { background: url(_img/tit_prevenda.png) center left no-repeat; text-indent:-9999px; width:322px; height:70px; border-top:dotted 1px #a5abb6; margin:40px 0px 5px 20px } 
#col_dir p.intro { background: url(_img/bg_intro_gaiman.png) top left no-repeat; text-indent:-9999px; width:314px; height:191px; margin-top:556px; margin-left:24px;}


 

#titulo { height:270px;}
#titulo h1 { color:#8fdcd6; font-size:39px; line-height:40px; width:474px; text-align:right; padding-top:155px; letter-spacing:4px;}

#titulo ul{ list-style-type:none; margin:0 auto; padding:16px 0 0 0;  width:430px; text-align:right;}
#titulo ul li{ margin:0px 0px 0px 19px; padding:0; text-transform:uppercase; text-align:center; display:inline; text-decoration: none; font-size:15px;}

#titulo li a, a:visited, a:active { color:#a18b73; }
#titulo li a:hover { color:#8fdcd6; }

#logo_link { background:url(../_img/logo_intrinseca2.png) top left no-repeat; width:23px; height:91px; display:block; float:left; margin:17px 0px 0px 25px;}
#logo_link span { display:none;}


/*---------------------------------------------------------------------------*/
/* header */
/*---------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------*/
/* rodape */
/*---------------------------------------------------------------------------*/

#rodape .compartilhe{float:right;margin:0;padding:10px 0 10px 0;text-align:left;width:300px;}
#rodape .copyright{ float:left;margin:0;padding:10px 0 0 0; font-size:11px; color:#b4b3b3; }
#rodape .copyright a{ color:#d37e09;}

.addthis_button_compact {color:#000; margin:0px 4px 0px 6px;}




/*---------------------------------------------------------------------------*/
/* Home */
/*---------------------------------------------------------------------------*/

.evento_home { border-bottom:dashed 1px #FFF; margin:6px 0px 10px 74px; padding:6px 0px; width:260px;}
.data-evento { color:#FFF; display:block; width:44px; margin-left:-58px; height:44px; float:left; background:url(../_img/bg_data.png) top no-repeat; text-align:center; font-size:17px; font-weight:bold; padding-top:8px;}
.data-evento span { font-size:22px;}
.tit_evento_home { color:#FFF; font: bold italic 14px "Times New Roman", Times, serif; text-transform:uppercase;}
.local_evento_home { color:#d46868; font-size:13px; margin:2px 0 4px; }
.end_evento_home { color:#86869b; font-size:13px;}

.date { font-size:11px; color:#721c24; margin-bottom:8px; font-weight:bold;}

.posts-home { margin:10px 18px 30px 30px;}

/* 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: left;
    height: 37px;
    margin: 5px 30px 0;
    text-indent: -9999px;
    width: 251px;
}
a.mais-blog:hover {
    background-position: 0 -37px;
}







