/* CSS Geral */

body{
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	min-width:600px;
	font-size:90%;
	background-color: #000;
	background-image: url("Images/CL_bg1.jpg");
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Tahoma;
	}
a{
	color: #fac366;
	text-decoration: none;
	border:#000000;
}
a:link{
	color: #fac366;
	text-decoration: none;
}
a:visited{
	color: #fac366;
	text-decoration: none;
}
a:hover{
	color: #fed363;
	text-decoration: none;
}
h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bolder;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
h2{
	font-family: Tahoma;
	font-size: 14px;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}
h3{
	font-family: Tahoma;
	font-size: 12px;
	color: #BBBBBB;
	margin: 0px;
	padding: 0px;
}
h4{
	font-family: Tahoma;
	font-size: 10px;
	color: #FF3333;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: square;
}


/* LAYOUT */

#layoutdims {
	clear:both;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
	/* column container */
	.colmask {
		position:relative;			/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;					/* width of whole page */ 
		overflow:hidden;			/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;					/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;			/* no left and right padding on columns, we just make them narrower instead 
									only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		/*background:#000;			/* right column background colour */
	}
	.threecol .colmid {
		right:25%;					/* width of the right column */
		/*background:#000;			/* center column background colour */
	}
	.threecol .colleft {
		right:50%;					/* width of the middle column */
		/*background:#000;			/* left column background colour */
	}
	.threecol .col1 {
		width:46%;					/* width of center column content (column width minus padding on either side) */
		left:102%;					/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;					/* Width of left column content (column width minus padding on either side) */
		left:31%;					/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;					/* Width of right column content (column width minus padding on either side) */
		left:85%;					/* Please make note of the brackets here:
									(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


/* Divs */

#masterhead{
	padding: 0px;
	margin: 0px;
	}
	#mainmenu{
		margin: 6px;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
		Text-decoration: none;
		border-bottom: 1px solid #ccc;
		padding: 5px;
	}
	#mainmenu a{
		padding: 2px 2px 2px 2px;
		background-color: #000;
		color: #fff;
	}
	#mainmenu a:link{
		padding: 2px 2px 2px 2px;
		background-color: #000;
		color: #fff;
	}
	#mainmenu a:hover{
		padding: 2px 2px 2px 2px;
		color: #ff6600;
	}
	#logo{
    	text-align: left;
		margin: 0px;
		height: 350px;
    	padding: 0px 0px 0px 0px;
		text-align: center;
}

/* NAV */

#leftbar{
	padding: 0px;
	margin: 0px;
	border: 0px solid #CCCCCC;
	text-align: left;
	}
	#leftbar ul a:link, #leftbar ul a:visited {display: block;}
	#leftbar ul {list-style: none; margin: 0; padding: 0;}
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#leftbar li {border-bottom: 0px solid #FFFFFF;}
	/* fix for browsers that don't need the hack */
	html>body #leftbar li {border-bottom: none;
	}

#rightbar{
	padding: 0px;
	margin: 0px;
	border: 0px solid #CCCCCC;
	text-align: right;
	}
	#rightbar ul a:link, #rightbar ul a:visited {display: block;}
	#rightbar ul {list-style: none; margin-left:10px; padding: 0;}
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#rightbar li {border-bottom: 0px solid #FFFFFF;}
	/* fix for browsers that don't need the hack */
	html>body #rightbar li {border-bottom: none;
	}

/* LINKS */

#mainLinks{
	color: #fdd26a; 
	margin: 2px;
	padding: 2px 2px 200px 2px;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: bold;
	}
	#mainLinks a {
		display: block;
		padding: 2px 0 2px 20px;
		}
		#mainLinks a:hover{
			color: #FF6600;		
		}

#subLinks{
	margin: 2px;
	padding: 10px 2px 2px 2px;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	}
	#subLinks a {
		display: block;
		padding: 2px 0px 2px 0px;
		}
		#subLinks a:hover{
			background-color: #FFFFFF;
			background-image: url("_imagens/xtra_btn_bg1.png");
			color: #FF6600;		
}

li.home {
	background-image: url("Images/bot1.gif");
	background-repeat: no-repeat;
	height: 36px;
	padding-bottom: 15px;
}

li.story {
	background-image: url("Images/bot3.gif");
	background-repeat: no-repeat;
	height: 36px;
	padding-bottom: 15px;
}

li.moves {
	background-image: url("Images/bot3.gif");
	background-repeat: no-repeat;
	height: 36px;
	padding-bottom: 15px;
}

li.game {
	background-image: url("Images/bot2.gif");
	background-repeat: no-repeat;
	height: 36px;
	padding-bottom: 15px;	
}

li.media {
	background-image: url("Images/bot1.gif");
	background-repeat: no-repeat;
	height: 36px;
	padding-bottom: 15px;
}

ul.splash {
	background-image: url("Images/caixa-chpt1.gif");
	background-repeat: no-repeat;
	height: 210px;
	font-size: 24px;
	margin-lef 10px;
	background-repeat:no-repeat;
}

ul.splash li 
{
    font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding-left: 10px;
	padding-top:120px;
}

ul.splash2 {
	background-image: url("Images/caixa-chpt2.gif");
	background-repeat: no-repeat;
	height: 210px;
	font-size: 24px;
	margin-lef 10px;
	background-repeat:no-repeat;
}

ul.splash2 li 
{
    font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding-left: 25px;
	padding-top:120px;
	color: #CCC;
}

ul.splash3 {
	background-image: url("Images/caixa-chpt3.gif");
	background-repeat: no-repeat;
	height: 210px;
	font-size: 24px;
	margin-lef 10px;
	background-repeat:no-repeat;
}

ul.splash3 li 
{
    font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding-left: 25px;
	padding-top:120px;
	color: #CCC;
}

ul.splash4 {
	background-image: url("Images/caixa_pratica.png");
	background-repeat: no-repeat;
	height: 210px;
	font-size: 24px;
	margin-lef 10px;
	background-repeat:no-repeat;
}

ul.splash4 li 
{
    font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding-left: 25px;
	padding-top:120px;
	color: #CCC;
}

div.acabamento-top {
			background-image: url("Images/plano-top.png");
			background-repeat: repeat-x;
			height: 80px;
			/*width:100%;*/
			/*min-width:600px;*/
			margin-bottom:-46px;			
		}
	
		
div.acabamento-bottom {
			background-image: url("Images/plano-bottom.png");
			background-repeat: repeat-x;
			height: 80px;
			margin-top: -100px;
			/*width:100%;
			/*min-width:600px;*/
			
			
		}

/* CONTEUDO */

#conteudo{
	/*background-color: #000;*/

	}

/* #SITEINFO */

#siteInfo{
	clear: both;
	border-top: 1px solid #ccc;
	font-size: 10px;
	color: #666666;
	margin: 2px;
	padding: 11px;
	background: #000;
	height: 64px;
}
		#siteInfo img{border: 0px;}