/* CSS Document */

@import url(undohtml.css);

body{font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif; font-size:11px;}

#web { width:960px; margin:0px auto;}

#header {width:960px; float:left;margin-top:5px; height:150px; background:url(cabecera.jpg);}
	#header #info{ float:left;  width:720px; padding-top:8px; color:#fff; padding-right:10px; text-align:right;  }
	#header #favorito a{ display:block; float:left; width:210px; font-weight:bold; font-size:12px; padding-top:4px; padding-bottom:4px; text-align:center; margin-left:10px; color:#999;}
	#header #favorito a:hover{ color:#000;}
	#header #promocion {float:left; width:468px; height:60px; margin-left:450px; margin-top:35px;}
			
	

#menu {width:960px; float:left; margin-top:5px; height:30px;  background:url(fndmenu.jpg) no-repeat; text-align:center; }
	#menu ul{ list-style:none; margin-left:15px;}
		#menu li{float:left;}
			#menu li a{float:left;display:block; height:20px; padding:5px 20px 5px 20px; font-size:13px; font-weight:bold; color:#000; }
			#menu li a:hover{ background:url(fnd_menuselect.jpg) repeat-x; color:#FFF;}
/*	#menu a{color:#fff; }
	#menu a:hover{ text-decoration:underline;} */
#blok {width:960px; float:left; margin-top:10px;}
	#blok #col1 {width:480px; float:left; }
		#blok #col1 .bloque p.title { float:left; width:475px; background:url(fnd_tit_col1.jpg) no-repeat; height:18px; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
			#blok #col1 .bloque ul.menucat {list-style:none;}
				#blok #col1 .bloque ul.menucat li {float:left; font-size:12px;}
					#blok #col1 .bloque ul.menucat li a { color:#333; display:block; width:95px; padding:2px 0px 2px 0px; }
					#blok #col1 .bloque ul.menucat li a:hover { color:#9c0;}
			#blok #col1 .bloque .juego {width:480px; float:left; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #9c0;}
				#blok #col1 .bloque .juego .img{ width:100px; float:left;}
				#blok #col1 .bloque .juego .datos{ width:370px; float:left; margin-left:10px;}
				#blok #col1 .bloque .juego .datos p.nombre a{font-size:12px; font-weight:bold; color:#333;}
				#blok #col1 .bloque .juego .datos p.nombre a:hover{color:#9c0;}
				#blok #col1 .bloque .juego .datos p.categoria {color:#777;}
				#blok #col1 .bloque .juego .datos p.categoria a{font-weight:bold; color:#777;}
				#blok #col1 .bloque .juego .datos p.categoria a:hover{font-weight:bold; color:#9c0;}
				#blok #col1 .bloque .juego .datos p.valoracion { margin-top:3px;}
			#blok #col1 .bloque p.banner468x60 {padding:3px 0px 3px 0px; float:left; margin-left:6px;}
				
				
	#blok #col2 {width:300px; float:left; margin-left:10px;}
		#blok #col2 .publi { width:300px; float:left;}
			#blok #col2 .publi p { float:left;}
			#blok #col2 .publi p.banner { margin:5px 0px 5px 0px;}
			#blok #col2 .publi p.title {  width:295px; background:url(fnd_tit_col2.jpg) no-repeat; height:18px; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
		#blok #col2 #juegoaleatorio { float:left; width:264px; padding:13px 18px 57px 18px; height:166px; background:url(fnd_juego_aleatorio.jpg) no-repeat;}
		#blok #col2 .bloque {width:300px; float:left; }
		#blok #col2 .bloque p.title {  width:295px; background:url(fnd_tit_col2.jpg) no-repeat; height:18px; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
		#blok #col2 .bloque ul.masjugados {list-style:none;}
		#blok #col2 .bloque ul.masjugados li {float:left; width:300px;}
					#blok #col2 .bloque ul.masjugados li a { color:#333; padding:2px 0px 2px 0px;font-size:13px;}
					#blok #col2 .bloque ul.masjugados li a:hover { color:#9c0;}
			
	#blok #col3 {width:160px;float:left;margin-left:10px; padding:0px 0px 0px 0px;}
		#blok #col3 .publi { width:160px; float:left;  }
			#blok #col3 .publi p { float:left;}
			#blok #col3 .publi p.banner {  margin:5px 0px 5px 0px;}
			#blok #col3 .publi p.title { width:155px;height:18px; background:url(fnd_tit_col3.jpg) no-repeat; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
			
			#blok #col3 .publi ul.w-amigas{list-style:none; width:150px; display:block;}
			#blok #col3 .publi ul.w-amigas li{ float:left;}
			#blok #col3 .publi ul.w-amigas li a{ float:left; display:block; width:150px; color:#666;  padding:2px 0px 2px 0px;}
			#blok #col3 .publi ul.w-amigas li a:hover{ color:#9C0;}

	#blok #col4 {width:200px; float:left; }
	#blok #col4 .bloque{width:200px; float:left; }
	#blok #col4 .bloque p.title { width:195px;height:18px; background:url(fnd_tit_col4.jpg) no-repeat; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
	#blok #col4 .bloque ul.menucat{ list-style:none;}
			#blok #col4 .bloque ul.menucat li a { color:#333; display:block; width:185px; padding:1px 0px 1px 10px; font-size:12px;}
			#blok #col4 .bloque ul.menucat li a:hover { color:#9c0;}
	#blok #col4 .bloque ul.masjugados {list-style:none; margin-bottom:10px;}
		#blok #col4 .bloque ul.masjugados li {float:left; width:185px;}
				#blok #col4 .bloque ul.masjugados li a { color:#333; padding:2px 0px 2px 5px; font-size:12px;	}
				#blok #col4 .bloque ul.masjugados li a:hover { color:#9c0;}		
	
				
	#blok #col4 .publi { width:200px; float:left;  }
		#blok #col4 .publi p { float:left;}
		#blok #col4 .publi p.banner {  margin:5px 0px 5px 0px;}
					
	#blok #col5 {width:580px; float:left; margin-left:10px; }
	#blok #col5 .bloque{width:580px; float:left;  }
	#blok #col5 .bloque ul.metatags{list-style:none;}
		#blok #col5 .bloque ul.metatags li{ float:left;}
			#blok #col5 .bloque ul.metatags li a{ float:left; display:block; width:190px; margin-left:0px; color:#666;}
			#blok #col5 .bloque ul.metatags li a:hover{ color:#9C0;}
			
	#blok #col5 .bloque ul.reciprocos{list-style:none;}
		#blok #col5 .bloque ul.reciprocos li{ float:left;}
			#blok #col5 .bloque ul.reciprocos li a{ float:left; display:block; width:190px; margin-left:0px; color:#666;}
			#blok #col5 .bloque ul.reciprocos li a:hover{ color:#9C0; text-decoration:underline;}
			
	#blok #col5 .bloque p.btn{width:580px; float:left;padding:5px 0px 5px 0px;  }
		#blok #col5 .bloque h1{ float:left; width:575px;height:18px; background:url(fnd_tit_col5.jpg) no-repeat; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
		#blok #col5 .bloque h2{ float:left; width:575px;height:18px; background:url(fnd_tit_col5.jpg) no-repeat; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
		#blok #col5 .bloque h3{ float:left; width:575px;height:18px; background:url(fnd_tit_col5.jpg) no-repeat; color:#fff; font-size:10px; padding-left:5px; padding-top:2px; font-weight:bold;}
		
		#blok #col5 .bloque p.descr{float:left; padding:5px 0px 5px 0px; font-size:14px; width:580px;  }
		#blok #col5 .bloque p.tags{float:left; padding:5px 0px 5px 0px; font-size:13px; width:580px;}
			#blok #col5 .bloque p.tags a{color:#999;}
			#blok #col5 .bloque p.tags a:hover{color:#9C0;}
		#blok #col5 .bloque p.cates{float:left; padding:5px 0px 5px 0px; font-size:13px; width:580px;}
			#blok #col5 .bloque p.cates a{color:#333; font-weight:bold;}
			#blok #col5 .bloque p.cates a:hover{color:#9C0;}
		
		#blok #col5 .bloque #game {width:580px; float:left; padding-bottom:5px; margin-bottom:5px;}
		#blok #col5 .bloque .juego {width:580px; float:left; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #9c0;}
				#blok #col5 .bloque .juego .img{ width:100px; float:left;}
				#blok #col5 .bloque .juego .datos{ width:470px; float:left; margin-left:10px;}
				#blok #col5 .bloque .juego .datos p.nombre a{font-size:12px; font-weight:bold; color:#333;}
				#blok #col5 .bloque .juego .datos p.nombre a:hover{color:#9c0;}
				#blok #col5 .bloque .juego .datos p.categoria {color:#777;}
				#blok #col5 .bloque .juego .datos p.categoria a{font-weight:bold; color:#777;}
				#blok #col5 .bloque .juego .datos p.categoria a:hover{font-weight:bold; color:#9c0;}
				#blok #col5 .bloque .juego .datos p.valoracion { margin-top:3px;}
			#blok #col5 .bloque p.banner468x60 {padding:3px 0px 3px 0px; float:left; margin-left:6px;}
			
	#blok #col5 .bloque p.paginador {text-align:center;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	padding:0px 0px 10px 0px; margin:0px 0px 15px 0px;}
	#blok #col5 .bloque p.paginador .sel{display:block;	float:left;	border:1px solid #9c0;	background-color:#6C0;	color:#fff;	padding:2px 5px 2px 5px; margin:0px 0px 0px 2px;}
	#blok #col5 .bloque p.paginador .act{display:block;	float:left;	border:1px solid #9c0;	background-color:#0C6;color:#fff;	padding:2px 5px 2px 5px;	margin:0px 0px 0px 2px;	font-weight:bold;	text-decoration:none;}
	#blok #col5 .bloque p.paginador .act:hover{	display:block;	float:left;	border:1px solid #000;	background-color:#090;	color:#fff;	padding:2px 5px 2px 5px;	margin:0px 0px 0px 2px;	text-decoration:none;	font-weight:bold;}		
			
			
			
			
#footer {width:960px; float:left;margin-top:10px; margin-bottom:10px;}
	#footer #enlacespatro {width:960px; float:left;}
	#footer #enlacespatro a{color:#888;}
	#footer #enlacespatro a:hover{color:#333; text-decoration:underline;}
	
	#footer #pie {width:960px; float:left; height:25px; background:url(fnd_pie.jpg) no-repeat;}
		#footer #pie p{ text-align:center; color:#fff; padding-top:5px;}
		#footer #pie p a{color:#FFF; font-weight:bold;}
		#footer #pie p a:hover{ color:#FC0;}
	#footer #pie2 {width:960px; float:left;}
		#footer #pie2 p{ text-align:center; color:#666; padding-top:5px;}
			#footer #pie2 p a{ text-align:center; font-weight:bold; color:#666;}
			#footer #pie2 p a:hover{ text-align:center; color:#9c0;}
		
#webg { width:800px; margin:0px auto;}
#webg h1{ float:left; background:url(fnd_h1_jugarg.jpg) no-repeat; font-size:18px; color:#FFF; height:32px; width:790px; font-weight:bold; padding-top:8px; padding-left:10px;	}
#webg #juego{width:800px; float:left; margin-top:5px;}
#webg #publi{width:730px; float:left; margin-left:30px; height:90px;}
