﻿/*************************************/
/*Novo template - divs - Todo o esqueleto do site*/
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(../images/fundo.jpg);
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(../images/faux-3-2-col.gif);
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}
#header {
 color: #333;
 width: 902px;
 padding: 0px;
 height: 120px;
 margin: 10px 0px 0px 0px;
 background: #fff;
}
#navigation {
 color: #333;
 padding: 5px;
 margin: 0px 0px 0px 0px;
 background: #dcdcdc;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: left;
}
#rightcolumn  { 
 float: right;
 color: #fff;
 margin: 10px;
 padding: 0px;
 width: 683px;
 display: inline;
 position: relative;
}
#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: #dcdcdc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }

h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
/*************************************/

.TituloJogoThumb
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
}

#rightcolumn .TituloJogoThumb a
{
    color: #003333;
    text-decoration: none;
}

#rightcolumn .TituloJogoThumb a:hover
{
    color: #ff6600;
    text-decoration: none;
}


/*I: STAR RATING */
/*************************************/
.star-rating
{
	list-style: none;
	margin-left: 5px !important;
	padding: 0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(../images/stars.gif) top left repeat-x;
}
.star-rating li
{
	padding: 0px;
	margin: 0px; /*\*/
	float: left; /* */
}
.star-rating li a
{
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover
{
	background: url(../images/stars.gif) left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a.one-star
{
	left: 0px;
}
.star-rating a.one-star:hover
{
	width: 25px;
}
.star-rating a.two-stars
{
	left: 25px;
}
.star-rating a.two-stars:hover
{
	width: 50px;
}
.star-rating a.three-stars
{
	left: 50px;
}
.star-rating a.three-stars:hover
{
	width: 75px;
}
.star-rating a.four-stars
{
	left: 75px;
}
.star-rating a.four-stars:hover
{
	width: 100px;
}
.star-rating a.five-stars
{
	left: 100px;
}
.star-rating a.five-stars:hover
{
	width: 125px;
}
.star-rating li.current-rating
{
	background: url(../images/stars.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/*F: STAR RATING */
/*************************************/


/*caixa das categorias*/
/*rounded corner menu http://spiffybox.com/index.php?w=500&h=500&r=12&fg=fbc5ee&bd=ff7cd7&bg=ffffff*/
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{
	background: transparent url(../images/demobox2.png) no-repeat bottom right;
}
.cssbox
{
	width: 550px !important; /* intended total box width - padding-right(next) */
	width: 535px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 20px auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head
{
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2
{
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-family:Verdana;
	font-size:small;
}

/* set the lower-left corner image */
.cssbox_body
{
	background-position: bottom left;
	margin-right: 25px; /* interior-padding right */
	padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}

/*NOVO MENU*/
/*http://www.exploding-boy.com/2005/12/29/14-free-vertical-css-menus/*/
/*http://e-lusion.com/design/menu/*/
/*- Menu 7--------------------------- */	

#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #888;
	display: block;
	background: url(../images/menu3.gif);
	padding: 8px 0 0 30px;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #283A50;
	background: url(../images/menu3.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}