<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*-----------------------------------------------------------------------------------------------*/
/*                   A BETTER TOOLTIP - POWERED BY JQUERY AWESOMENESS                            */
/*                   AUTHOR: jon cazier                                                          */
/*                   EMAIL: jon at 3nhanced dot com                                              */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                  CSS RESET THANKS TO ERIC MEYER                               */
/*                   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                */
/*-----------------------------------------------------------------------------------------------*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: '"';}
blockquote, q {quotes: '"' '"';}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL STYLES                                       */
/*-----------------------------------------------------------------------------------------------*/
html{
	width:620px;
	height: 572px;
}

#linha1{
	width: 590px;
	font: 16px/24px "Lucida Grande",Arial,sans-serif;
	padding-top:65px; 
	padding-bottom:20px; 
	padding-left:455px;
	color:white;
	
}


/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL LAYOUT                                       */
/*-----------------------------------------------------------------------------------------------*/

body {
	background: #FFF;
	background-image: url("fundo.png");
	background-repeat: no-repeat;
	height: 572px;
	width: 620px;
	}
	

/*-----------------------------------------------------------------------------------------------*/
/*                                          JOGO                                            */
/*-----------------------------------------------------------------------------------------------*/

	
#boxcard {
    margin: 0 auto;
    margin-top: 10px;
    margin-left: 8px;
    width: 620px;
    z-index: 1;
}


#boxcard div {
    float: left;
    width: 80px;
    height: 80px;
    background: #d3d3e3;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    z-index: 2;
}

#boxcard div img {
    border: none;
    z-index: 3;
}

#content {
	padding-top: 10px;
}

.opacity {
    opacity: .6;
    filter: alpha(opacity=60);
}


.link {
   margin-left:280px;
   border-top: 1px solid #f79797;
   background: #de4949;
   background: -webkit-gradient(linear, left top, left bottom, from(#db1111), to(#de4949));
   background: -webkit-linear-gradient(top, #db1111, #de4949);
   background: -moz-linear-gradient(top, #db1111, #de4949);
   background: -ms-linear-gradient(top, #db1111, #de4949);
   background: -o-linear-gradient(top, #db1111, #de4949);
   padding: 3px 10px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.link:hover {
   border-top-color: #d42222;
   background: #d42222;
   color: #ccc;
   }
.link:active {
   border-top-color: #b80000;
   background: #b80000;
   }
   #boxbutton {
                text-align: center;
                padding: 20px;
            }
	</pre></body></html>