html
{
	overflow-x:hidden;
	background-color:#223B74;
}

body
{
	background-color: #223B74;
	/*position: relative;*/
	font-family: Arial;	
}
 a
{
	text-decoration: none !important;
}

a img {border: none;}

h1
{
	color: #333;
	font-family: /*casual,*/ Comic Sans MS;
}



#background
{
	background-image:url(../images/etc/background2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin:auto;
	height:809px;
	top:0;
	width:1024px;
	position: relative;
	z-index:1;
}

#wrapper
{
	position: relative;
	width: 811px;
	margin: 0px auto 0 auto;
	padding: 140px 0 0 0;
}



.sm_body
{
	background-image:url(../images/etc/submenu_back.png);
	min-height:100px;
}
.sm_footer
{
	background-image:url(../images/etc/submenu_bottom.png);
}

#header
{
	position:relative;
		
	background-image:url(../images/etc/top_panel.png);
	background-repeat:no-repeat;
	
	height:45px;
	
	z-index:2;
}

.clear_fix
{
	clear:both;
}


#screen
{
	display:block;
	position: relative;
	
	margin-top:-4px;
	z-index:1;	
}

/* MENU
----------------------------*/

  @font-face {
    font-family: "jjsetters";
    font-style:  normal;
    font-weight: normal;
    /*src: url(../fonts/CASUAL0.eot);*/
    src: url(../fonts/casual.ttf);
  }
  
.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; font-family: Casual, Arial; font-size:8pt;  text-align: center; text-decoration: none; color: #ae811c; }
.dock-item span { display: none; padding-left: 3 0px; }
.dock-item span img {width:100px; border: 0 none; margin-left:35px;}
.dock-item .img { border: 0; margin: 5px 10px 0px; width: 100%; }
a:active.dock-item {outline:none;}
a:focus.dock-item {-moz-outline-style: none;}


/* SUBMENU
----------------------------*/
#submenu 
{
	display:block;
	position:relative;	
	background-image:url(../images/etc/panel_bck.png);
	background-repeat:repeat-y;
	margin-left:35px;
	padding-left: 40px;
	width:700px;
	font-family:Comic Sans MS,fantasy;		
	text-align:justify;
	z-index:1;
}

.submenu_bottom
{	
	display:block;
	position:relative;
	background-image:url(../images/etc/torn.png);
	margin-left:34px;
	height:0px;
	width:750px;
	z-index:1;
}

#submenu .panel_submenu{
	display:none;
	padding-top:10px;
	border-bottom:1px dotted black;
}
#submenu .panel_submenu a {float:left;}
#submenu .panel_submenu img{border: 0; text-align:center; width:90px; opacity:0.5;}
#submenu .panel_submenu span
{
	color:#223B74;
	display:block;
	font-family:Comic Sans MS,Lucida,Verdana,sans-serif;
	font-size:10pt;
	font-weight:bold;
	height:15px;
	line-height:0.95;
	opacity:0;
	right:60px;
	text-align:center;
	top:17px;
	width:80px;
}



#content 
{
	display:none;
	position:relative;
	
	
	background-image:url(../images/etc/panel_bck.png);
	background-repeat:repeat-y;
	
	height:5px;
	width:700px;
	
	margin-left:35px;
	margin-left:35px;
	margin-top: 0px !important;
	
	padding-left:25px;
	padding-right:20px;
	padding-top:10px;
	
	z-index:1;	
	
	text-align: justify;
	font-family: Helvetica, Arial, sans-serif;
	overflow: auto;
	
	list-style-image: url(../images/etc/list_bullet.png)	
}

#inner_content
{
	padding-left: 20px;
	padding-right: 20px;
}

#content p
{
	font-size: 11pt;
	color: #222;
	
}

#content a
{
	color: #B34C25 !important;
	
	
}

#content a:hover
{
	text-decoration: underline !important;
}


/* FOOTER
*****************************************/
#footer
{
	background-image:url(../images/etc/bottom_panel_2.png);
	background-repeat:no-repeat;
	height:115px;
	margin-left:35px;
	position:relative;
	margin-bottom: 5px;
	margin-top:-22px;
	z-index:1;
}

.contacts
{
	color:#223B74;
	float:left;
	font-size:7pt;
	font-weight:bold;
	margin-left:25px;
	margin-top: 29px;
	padding:2px;
}

.contacts a
{
	color:#223B74 !important;
}

.contacts a:hover
{
	text-decoration: underline !important;
}

#push
{
	height:116px;
	left:331px;
	position:absolute;
	top:40px;
	width:89px;
}
	#push:hover
	{
		cursor: pointer;
	}

.cloud
{
	background-image:url(../images/etc/cloud.png);
	background-repeat:no-repeat;
	width:228px;
	height:111px;
	opacity:0.90;
	position:absolute;
	left: 0px;
	top:300px;
	z-index:0;
	padding-left:50px;
	padding-top:50px;
	font-size: 8pt;
}

.cloud_title
{
	font-size: 10pt;
	font-weight: bold;
	font-family: Comic Sans MS;
}

#dock{margin-left: 185px !important;}

.footerCarousel
{
	height: 30px;
	width: 30px;
	margin-top: -32px;
	z-index: 152;
	float: left;
	position: absolute;
	background-color: #CFD3E6;
}
/*END SUBMENU*/

/* SUBMENU/POPUP
*************************************

#submenu
{
	position: absolute;
	display: none;
	top:30px;
	
}

#tdImgs table { list-style: none; top: 5px; cursor: pointer; z-index: 1; }
#tdImgs table td {  padding-left:5px; padding-right:5px;}
#tdImgs table td img { border: 0; text-align:center; width:130px;}
#tdImgs td span { 
	color:#FCFCFC;
	display:block;
	font-family:"Casual",Lucida,Verdana,sans-serif;
	font-size:8pt;
	opacity:0.85;
	right:60px;
	text-align:center;
	text-shadow:1px 1px 1px #000000;
	top:17px;
	opacity:0;
	width:100px;
	height:15px;
	}	

.popup
{
	border-collapse:collapse;
	z-index:5;
}

.popup td#topleft 
{
	background-image:url(../images/etc/popup_tleft_corner.png);
	background-repeat: no-repeat;
	
}

.popup td#topright 
{
	background-image:url(../images/etc/popup_tright_corner.png);
	background-repeat: no-repeat;
	
	
}

.popup td#bottomleft 
{
	background-image:url(../images/etc/popup_bleft_corner.png);
	background-repeat: no-repeat;
}

.popup td#bottomright 
{
	background-image:url(../images/etc/popup_bright_corner.png);
	background-repeat: no-repeat;
}

.popup td.bottom img 
{
	display:block;
	margin:0 auto;
}

.popup td table 
{
border-collapse:collapse;
display:table;
height: 37px;
position:relative;
width:100%;
}

.popup td table td.top 
{
	background-image:url(../images/etc/popup_top.png);
	background-repeat: repeat-x;
	min-width: 1px;

}

.popup td table td.center
{
	background-image:url(../images/etc/popup_tail.png);
	text-align:center;
	background-repeat: no-repeat;
	width:49px;
	max-width:49px;
	
}

.popup td.left 
{
	background-image:url(../images/etc/popup_left.png);
	background-repeat: repeat-y;
}

.popup td.right 
{
	background-image:url(../images/etc/popup_right.png);
	background-repeat: repeat-y;
}

.popup td.bottom
{
	background-image:url(../images/etc/popup_bottom.png);
	background-repeat: repeat-x;
	
	
}

.popup td.container
{
	background-image:url(../images/etc/popup_background.png);
	background-repeat: repeat;
}


.popup td.corner
{
	width:12px;
	height: 37px;
	
}

.popup td
{
	margin:0px;
	padding:0px;
}*/

#postit
{
	background-image:url(../images/etc/postit.png);
	background-repeat:no-repeat;
	height:140px;
	padding-left:18px;
	padding-right:18px;
	padding-top:45px;
	position:absolute;
	right:125px;
	top:590px;
	width:145px;
	z-index:10;
	font: casual, Comic Sans MS;
	cursor: move;
}

#postit div
{
	width:155px;
	font-style:oblique;
}

#content_bg
{
	position:absolute;
	right:30px;
	bottom: 10px;
	z-index: -1;
	font: casual, Comic Sans MS;
}

#overlay 
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: auto;
}

.carousel_container {
	height:390px;
	/*margin-top:30px;*/
	width:100%;		
	position:relative;
	z-index: 2;
}

#character_info_container
{
	position: absolute;
	top:184px;
	left: 8px;
	width: 100%;
	z-index: 100;
	text-align: center;
}


#info_close {
	color:#CACACA;
	font-size:10pt;
	height:21px;
	padding-top:6px;
	position:absolute;
	right:52px;
	top:19px;
	width:87px;
}

#info_close:hover
{
	cursor:pointer !important;
}

.character_info {
	position:relative;
	margin: 0 auto;
	z-index:100;
	width: 722px;
	height: 417px;
	padding: 10px;
	background-image: url(../images/etc/info_bg.png);
	background-repeat: no-repeat;
}

.character_info .left {
	float:left;
	width: 300px;
	margin-left:41px;
	margin-top:75px;
	text-align:center;
}

.character_info img {
	max-height: 290px;
}	

.character_info a, .character_info a:visited
{
	color: #b34c25;
	text-decoration:none;
}

.character_info a:hover
{
	text-decoration:underline !important;
}

.character_info .right {
	color:#FFFFFF;
	float:left;
	font-family: Comic Sans MS, arial;
	font-size:10pt;
	height:305px;
	margin-left:28px;
	margin-top:50px;
	overflow:auto;
	padding-top:10px;
	width:315px;
}

.character_info .right .title {
	font-size:14pt;
	text-align:center;
	width:100%;
	font-family: casual, Comic Sans MS, arial;
}

.character_info .right .description {
	font-size:10pt;
	text-align:left;
	width:100%;
}

.character_info .right .description p {
	/*line-height: 10pt;*/
}

.postcard_info {
	background-image: url(../images/etc/postcard.png);
}

.postcard_info a, .postcard_info a:visited
{
	color: #222;
	text-decoration:none;
}

.postcard_info .right {
	color:#222;
}

.postcard_info #info_close {
	color:#555;
}

.postcard_info .right .title {
	color: #B34C25;
	font-family: Trebuchet MS;
}

.postcard_info #send {
	position: absolute;
	bottom: 65px;
	right: 90px;
	width: 56px;
	height: 13px;
	background: url(../images/etc/send.png) no-repeat 0px 0px;
}
	.postcard_info #send:hover {
		background-position: 0px -14px;
		cursor: pointer !important;
	}

.postcard_info input, .postcard_info textarea {
	border: 0px;
	background-color: transparent;
	color:#00006A;
	font-family:comic Sans MS;
	font-size:11pt;
	font-style:italic;
}

.postcard_info #from {
	position:absolute;
	right:88px;
	top:100px;
	width:200px;
}

.postcard_info #to {
	position:absolute;
	position:absolute;
	right:88px;
	top:145px;
	width:178px;
}
.postcard_info #message {
	position:absolute;
	height:112px;
	overflow:auto;
	position:absolute;
	right:87px;
	top:229px;
	width:248px;
}

#contentbox
{
	padding-bottom:0;
	padding-left:20px;
	padding-right:20px;
	padding-top:0;
	font-size: 10pt;
	width: 700px !important;
	visibility: hidden !important;
	text-align: justify !important;
}


/* Conteudos / tinyMCE
-------------------------------------*/

.working
{
	background-image:url(../images/etc/aviso.png);
	background-position:center top;
	background-repeat:no-repeat;
	font-size:14pt !important;
	font-weight:bold;
	margin-left:155px;
	padding-top:250px;
	position:absolute;
	text-align:center;
	top:70px;
	width:370px;
}

.back
{
	font-size:10px;
	font-weight:bold;
	position:absolute;
	right:40px;
	top:30px;
}

.top5
{
	background-image:url(../images/etc/stamp_top5.png);
	background-repeat:no-repeat;
	margin-top:-35px;
	padding-bottom:150px;
	position:absolute;
	width:150px;
	z-index:-1;
}

.editors_choice
{
	background-image:url(../images/etc/stamp_editors_choice.png);
	background-repeat:no-repeat;
	margin-top:-20px;
	padding-bottom:150px;
	position:absolute;
	width:150px;
	z-index:-1;
}

.stamp_title
{
	font-weight:bold;
	margin-left:155px;
	/*padding-top: 10px;*/
	
}

.sphere_container
{
	height:280px;
	margin-top:-20px;
	width:100%;
}

.blog_post
{
	float:left;
	margin-bottom:10px;
	padding:10px;
	width:682px;
}

.blog_post .title
{
	/*font-family: Comic Sans MS;
	font-size: 14pt;*/
	color:#223B74;
	font-family:Comic Sans MS;
	font-size:15pt;	
	font-weight:bold;
}

.blog_post .pubdate
{
	/*font-family: Helvetica, Arial;
	font-size: 12pt;*/
	color:OliveDrab;
	font-family:Helvetica,Arial;
	font-size:12pt;
	font-weight:bold;
}

.blog_post .post
{
	/*font-family: Helvetica, Arial;
	font-size: 11pt;
	margin-top:5px;*/
	font-family:Helvetica,Arial;
	font-size:10pt;
	font-style:italic;
	font-weight:bold;
	margin-top:10px;
}


/* BOOKS
***************************************/

.book_image
{
	float:left;
	margin-top:45px;
}

.book_description
{
	float:right;
	width:420px;
}


#screenshot {
	background:#333 none repeat scroll 0 0;
	border:5px solid #333333;
	color:#FFFFFF;
	display:none;
	font-weight:bold;
	padding:5px;
	position:absolute !important;
	text-align:center;
	z-index:1000;
}
#screenshot div {
	background:#FFFFFF none repeat scroll 0 0;
	padding:5px;
	margin-bottom:-15px;
}
#screenshot img {
	width:80%;
}

#toggle {
	background-image:url(../images/etc/sounds.png);
	background-repeat:no-repeat;
	bottom:15px;
	height:48px;
	position:fixed;
	right:20px;
	width:48px;
}

	#toggle:hover {
		cursor: pointer;
	}
	
	#toggle.on {
		background-position: 0 0;
	}
	
	#toggle.off {
		background-position:  0 -48px ;
	}
	
#ok {
	color:green;
	font-weight:bold;
	position:absolute;
	right:156px;
	top:357px;
	font-family: arial;
	font-size: 8pt;
}

#error {
	color:red;
	font-weight:bold;
	position:absolute;
	right:179px;
	top:357px;
	font-family: arial;
	font-size: 8pt;
}

#bad_email {
	color:orange;
	font-weight:bold;
	position:absolute;
	right:78px;
	top:170px;
	font-family: arial;
	font-size: 8pt;;	
}

#loader {
	bottom:56px;
	position:absolute;
	right:43px;
}

/*NAV MENUS*/
#nav-shadow li a img {
                width: 130px;
                height: 130px;
                position:relative;
        }
        #nav-shadow li a{
                font-size: 8pt;
        }
        
        #nav-shadow p {
                margin-top:-5px;
                width:200px;
        }

        #nav-shadow {
                        margin: 45px auto 0px auto;
                        padding: 0px 0 0 0px;
                        width: 650px;
                        min-height: 130px;
                        text-align: center;
                        list-style: none;
                        }
                        
                #nav-shadow li {
                        float:left;
                        height:130px;
                        margin-bottom:50px;
                        margin-right:13px;
                        position:relative;
                        width:200px;
                        }
                        
                #nav-shadow a, #nav-shadow a:visited, #nav-shadow a:hover {
                        margin: 0 auto;
                        width: 130px;
                        height: 130px;
                        xtext-indent: -9999px;
                        overflow: hidden;
                        xdisplay: block;
                        position: relative;
                        z-index: 2;
                        }
                        
                
                /* Button Shadow */
                
                #nav-shadow li img.shadow {
                        margin: 0 auto;
                        position: absolute;
                        bottom: -5px;
                        left: 0;
                        z-index: 1;
                        }
        #nav-shadow h2 {
                display:block;
                margin:-20px 0 0;
                padding:0;
        }