body {
	color:#FFFFFF;
	margin:0;
	padding:0;
	background-image: url('images/bodyg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	/*background:#141414 url('images/body_bg.gif') top left repeat;*/
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

	#wrapper 
	{
		
		width:990px;
		margin: 0 auto;
		background: #FFFFFF url('images/fondo-placy.jpg') bottom right no-repeat;

	}
		
		#wrapper #header 
		{
			background:#202020 ;
			height:0px;
			width:990px;
		}

		#wrapper #categorias  /* generales grandes */
		{
			margin-top: 5px;
			margin-left: 4px;
			width: 330px;
			height: 165px;	
			text-align: center;
			float: left;	
			
		}
		table{
			
			margin-top: -13px;
			margin-left: 0px;			
		}
		#wrapper #masjugados, #wrapper #masnuevos, #wrapper #instrucciones       /* generales pequeñas */
		{
			margin-top: 5px;
			margin-left: 5px;
			width: 210px;
			height: 165px;			
			float: left;
			 /* border-radius */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			
		}
		.titulo
		{			
			margin-top: 3px;
			padding-bottom:5px;			
			width: 80%;
			font-family: Verdana, Arial;
			font-size: 1.4em;
			//font-weight: bold;
			text-align: center;
		}

		#masjugados .titulo
		{
			color: #269D22;
			border-bottom: 1px solid #269D22;
		}
		#masnuevos .titulo
		{
			color: #FF46BF;
			border-bottom: 1px solid #FF46BF;
		}
		#instrucciones .titulo
		{
			color: #FF980F;
			border-bottom: 1px solid #FF980F;
		}
		#instrucciones .texto
		{
			color: #FF980F;
			margin-left: 15px;
		}

		#categorias .titulo
		{
			color: #5BAECA;
			border-bottom: 1px solid #5BAECA;
		}

		#wrapper #categorias						/* azul */
		{
			border: 1px solid #CDE5EF;
			background-color: #E7F5FF;
			color: #5BAECA;
			 /* border-radius */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#wrapper #categorias a						/* azul */
		{
			color: #5BAECA;
			text-decoration: none;
		}
		#wrapper #categorias a:hover				/* azul */
		{
			color: #5BAECA;
			text-decoration: underline;
		}
		#wrapper #instrucciones                     /* amarillo */
		{
			border: 1px solid #FFE559;
			background-color: #FEFDBE;
			color: #FF980F;
		}
		#wrapper #instrucciones a                    /* amarillo */
		{
			color: #FF980F;
			text-decoration: none;
		}
		#wrapper #instrucciones a:hover                    /* amarillo */
		{
			color: #FF980F;
			text-decoration: underline;
		}
		#wrapper #masjugados                        /* Verde */
		{
			border: 1px solid #BEED65;
			background-color: #E2FFC0;
			color: #269D22;
		}
		#wrapper #masjugados a                        /* Verde */
		{
			color: #269D22;
			text-decoration: none;
		}
		#wrapper #masjugados a:hover                      /* Verde */
		{
			color: #269D22;
			text-decoration: underline;
		}
		#wrapper #masnuevos							/* fucsia */
		{
			border: 1px solid #FF9BDC;
			background-color: #FFDDF3;
			color: #FF46BF;
		}
		#wrapper #masnuevos a							/* fucsia */
		{
			color: #FF46BF;
			text-decoration: none;
		}
		#wrapper #masnuevos a:hover						/* fucsia */
		{
			color: #FF46BF;
			text-decoration: underline;

		}

		#wrapper #nav 
		{
			/*background: #1B2C35 url('images/nav_bg.gif') center center no-repeat;*/
			height:150px;
			width:990px;
			color: black;			
		}
			/*#wrapper #nav ul 
			{
				width:909px;
				list-style:none;
				margin:0 auto;
				padding:0;
			}
				#wrapper #nav li 
				{
					text-align:center;
					float:left;
					
				}
					#wrapper #nav li a 
					{
						color:#FFFFFF;
						text-decoration:none;
						//display:block;
						height:34px;
						width:75px;
						padding-top:0px;
					}
						#wrapper #nav li a:hover 
						{
							background:#1B2C35 url('images/nav_over.gif') top center no-repeat;
							text-decoration:underline;
						}*/
		#wrapper #banner {
			margin: 0 auto;
			width: 984px;
			height: 250px;
			border-bottom: 1px solid #ADD8E6;
			background: url('images/logo_background.jpg');
			clear: both;
			overflow: hidden;
			color: black;
		}
		#wrapper #logo{
			width: 980px;
			height: 110px;
			font-size:50px;
			padding:10px;
			float:left;
		}
		#wrapper #ad{
			margin-top:-10px;
            padding:0px;
			float:right;
		}
		#wrapper #ad .desc{
			font-size:10px;
		}
		#wrapper #playnow{
			margin-top:28px;
			margin-left: 180px;
            padding:15px;
			float:left;

		}
		
		#wrapper #content 
		{
			margin:0 3px;
		}
			#wrapper #content #left, 
			#wrapper #content #right,      /*Contenedor laterales */
			#wrapper #content #middle  
			{
				float:left;
				width:168px;
				margin:0 auto;
			}
				
			#wrapper #content #right{
			
				margin-left: 4px;
			
			}

			#wrapper #content #left img,
			#wrapper #content #right img,
			{
				float:left;
				
			}
			
				#content #left h2, #content #right h2  /* Titulos laterales*/
				{	
					width:168px;
					height:27px;
					/*background:#18316A url('images/side_h2_bg.gif') center center no-repeat;*/
					color:#2B5882;
					font-size:1.2em;
					margin:5px 0 0 0;
					padding:18px 0 0 0;
					text-indent:15px;
				}
					
					.cont 
					{	
						width:168px;  /* INTERIOR 1 */
						/*background-color:#193471;*/
						margin:0 auto;
						padding:0 0 2px 0;
						color:#18326D;
						
					}
					* html .inner {
						clear:both;
						margin: 0px;
						padding: 0px;
					}
					.inner 
						{
							width:160px;  /* INTERIOR 2 */
							margin: 0px auto;
							background:#FFFFFF url('images/side_cont_bg.gif') repeat-y left center;
							padding: 0px;
							overflow: hidden;
							clear: both;
						}
					.inner a {
						padding: 0px;
						color:#18326D;
						
					}
					.inner img
					{
						clear:	both;
						
					}
					.cont img
					{
						clear:	both;
						
					}
					* html #left .inner p, * html #right .inner p  {width:200px;}
					.cont a 
					{
						color:#18326D;
					}
					.cont a:hover 
					{
						text-decoration:none;
					}
					.cont ul 
					{
						clear: left;
						margin-top:0; 
						margin-bottom:0;
					}
					
						
			
			#wrapper #content #middle 
			{
				width:636px;                                 /* Middle */
				margin: 0px 4px 5px 4px;
			}
				#content #middle h2
				{
					width:640px;                             /* Middle */
					height:27px;
					/*background:#404040 url('images/middle_h2_bg.gif') center center no-repeat;*/
					color:#2B5882;
					font-size:2.2em;
					margin:5px 0 20px 0;
					padding:18px 0 0 0;
					text-indent:15px;
				}
					#middle .main 
					{
						width:634px;                         /* Middle */
						background-color:#CCD7EF; /*#2B5882;*/
						color:#454545;
						padding:3px;
						 /* border-radius */
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
					}
						
						#middle .inner 
						{
							width:634px;                     /* middle */
							background:#FFFFFF; /*#E7F5FF;*/
							 /* border-radius */
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
						}
						#middle .gamelisting {
						margin-bottom: 20px;
                        clear: both;
                    
                    }
                    #middle .gamelisting img {
						padding: 0px 5px;
                    
                    }
                    
						.main h3 {
							width:632px;                      /* middle */
							background-color:#e6ebf7;
							margin:3px auto;
							color:#414141;
							font-size:12px;
							padding:3px 0;
							text-indent:10px;
						}
						.main p 
						{
							margin-left:10px;
							margin-right:10px;
							line-height:125%;
						}
						.main b 
						{
							padding: 0px 5px;
						}
						
		#wrapper #footer
		{
			clear:left;
			/*background: #214595 url('images/footer_bg.gif') center center no-repeat;*/
			width:984px;
			margin:10px auto 0 auto;
			height:130px;
			color: black;
		}
		#footer a, #footer a:link,  #footer a:visited {color:#2B5882;}
		#footer a{ text-decoration:none;} 
		#footer b{ text-decoration:underline;} 
		#footer b:hover{ text-decoration:underline;} 
		#footer a:hover{ text-decoration:underline;} 
			#wrapper #footer #copyright 
			{
				float:left;
				margin:20px 0 0 20px;
			}
			#wrapper #footer #powered
			{
				float:right;
				margin:8px 20px 0 0;
			}
            #wrapper #footer #friends
			{
				clear:both;
				float:right;
				margin:0 20px 0 0;
			}

#catbox{     /*caja general categorias*/

	width: 300px;
	height: 200px;
    background-color: white;
	float:left;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #295278;
	 /* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#catgames{

	width: 170px;
	/*height: 150px;*/
	background-color: white;
	float:left;
	margin-left: 0px;
	margin-top: 10px;
}

#catgames a:hover{
	
	font-weight:bold;

}

.catimage{

	width: 110px;
	height: 100px;
	/*background-color: white;*/
	float:left;
	margin-left: 10px;
	margin-top: 40px;
}
#catgames h3 {
	width:150px;                    
	background-color:#e6ebf7;
	margin:3px auto;
	color:#414141;
	font-size:13px;
	padding:3px 0;
	text-indent:10px;
}
.more {
	width:150px;                    
	background-color:#e6ebf7;
	margin:3px auto;
	color:#414141;
	font-size:12px;
	padding:3px 0;
	text-indent:5px;
}
li {

	margin-top:5px;

}
.desc_game{

	width: 600px;
	margin:0 auto;
	color: #FF980F;
	border: 1px solid #FF980F;
	background-color: #FEFDBE;
	 /* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

