BODY {
background : #6A8DFF;
font : 9pt Arial, Helvetica, sans-serif;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: center;
}

#contenedor a:hover {
color : #0000CC;
}

#borde{
border: 2px solid #FFFFFF;
text-align: left;
width: 990px;
margin: auto;
}


#contenedor{
text-align: left;
width: 990px;
background-color : #FFFFFF;
margin: auto;
}

#cabecera{
    height: 100px;
    width: 990px;
}

#logo img {
margin: 0px 0px 0px 0px;
 border:0px;
float:left;
}

#ad_sup {
display:inline;
float:right;
margin-right: 200px;
margin-right: 10px;
margin-top: 0px;
padding: 7px 3px 7px 8px;
} 

#cuerpo{
width:570px;
margin-left: 8px;
padding: 12px 0px 10px 0px;
float:left;
} 

H1{
font-size: 12pt;
} 

.titlat{
background-color:#68729E;
color:#ffffff;
font-size:8pt;
text-transform : uppercase;
padding: 7px 3px 7px 8px;
font-weight : normal;
letter-spacing : 2px;
margin: 20px 0px 0px 0px;
}

.cuerpolateral{
padding: 5px 4px 13px 10px;
}

#lateral{
width: 210px;
float:left;
} 

#otras ul{
margin : 0px 10px 0px 0px;
padding: 4px 0px 0px 0px;
list-style: none;
} 

#otras li{
padding-left: 14px;
background: transparent url("../images/bullet.gif") 0 2px no-repeat;
margin-bottom: 10px;
} 

#pie{
clear : both;
color : #000000;
text-align : center;
margin : 10px 10px 0px 10px;
padding-bottom:10px;
} 


/*		Style For Design Box #1		*/
	div.db_1_block
	{
		position:relative;
		margin-top:8px;
		margin-bottom:8px;
		margin-right:8px;
		margin-left:8px;
		text-align:left;

	}
	div.db_1_block div.caption
	{
		position:relative;
		height:24px;
		overflow:hidden;
background:url("../images/superior_blau.gif") repeat right top;
	}
	div.db_1_block div.container
	{
		position:relative;
		padding:5px;
		text-align:left;
		border:1px solid #3772B3;
		text-decoration : none;
		color : #0066CC;
	}
	div.db_1_block div.foot
	{
		position:relative;
		height:6px;
		background-color:#CCCC99;
	}
	div.db_1_block div.caption div.title
	{
		position:absolute;
		top:5px;
		left:15px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:bold;
	}
	img.left
	{
		position:absolute;
		top:0px;
		left:0px;
	}
	img.right
	{
		position:absolute;
		top:0px;
		right:0px;
	}
* html div#left_column_menu img.right, * html div#left_column_content img.right
	{
		right:-1px;
	}

	div.container a
	{
		text-decoration : none;
		color : #0066CC;
	}

	div.container a:HOVER
	{
		font-weight:bold; 
	}

/*		[END] Style For Design Box #1		*/

/* TAULES  */

#taules ul {
width:100%;
margin-left: 0px;
padding: 12px 0px 10px 0px;
float:left;
} 
#taules li {
   display:inline;
   float:left;
   width:274px;
   height:60px;
   background-color:#f5f7f9;
   padding:2px;
   margin:2px;
   border: 1px solid #cccccc;
} 

#taula_descripcio{
clear :  none;
text-align : center;
} 

#taules a {
   float:left;
   font-weight:bold;
   clear :  none;
   text-decoration : none;
color : #0066CC;
}

#taules img {
   border:0px;
margin-right:2px;
}

#titol {
color:#0066CC;
font-size:12pt;
padding: 7px 3px 7px 8px;
font-weight : bold;
letter-spacing : 2px;
margin: 20px 0px 0px 0px;
}

#pie_descripcio {
clear : both;
color : #6699FF;
text-align : center;
margin : 10px 10px 0px 10px;
padding-bottom:10px;
} 

#titol2 {
color:#0066CC;
font-size:12pt;
font-weight : bold;
}

/*- Menu Pestanyes --------------------------- */

    #pestanyes {
      float:left;
      width:100%;
      font-size: 9pt;
      line-height:normal;
      }
    #pestanyes ul {
	  margin:0;
	  padding:10px 10px 0 8px;
	  list-style:none;
      }
    #pestanyes li {
      display:inline;
      margin:0;
      padding:0;
      }
    #pestanyes a {
      float:left;
      background:url("../images/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #pestanyes a span {
      float:left;
      display:block;
      background:url("../images/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #pestanyes a span {float:none;}
    /* End IE5-Mac hack */
    #pestanyes a:hover {
      background-position:0% -42px;
      }
    #pestanyes a:hover span {
      background-position:100% -42px;
      }
	
/*- FI Menu Pestanyes --------------------------- */

/* Submenu  */

#submenu ul {
width:100%;
margin : 0px 0px 0px 0px;
background-color:#3772B3;
margin-left: 0px;
padding: 0px 0px 0px 0px;
float:left;
} 
#submenu li {
   display:inline;
   float:left;
   height:15px;
   padding:3px;
   margin:3px;
   color : #FFFFFF;
   text-decoration : none;
} 


#submenu a {
   float:left;
   font-weight:bold;
   color : #FFFFFF;
   clear :  none;
   text-decoration : none;
}

#submenu a:hover {
color : #CCFFFF;
}

/* FI Submenu  */


/* TAULES  */

#quadrat ul {
width:100%;
margin-left: 0px;
margin-top: 0px;
padding: 5px 0px 5px 0px;
float:left;
} 
#quadrat li {
   display:inline;
   float:left;
   width:274px;
   height:330px;
   background-color:#f5f7f9;
   padding:2px;
   margin:2px;
   border: 1px solid #cccccc;
} 

/* LATERAL2 */
#lateral2{
width: 195px;
float:right;
} 

#play{
width:765px;
margin-left: 8px;
padding: 12px 0px 10px 0px;
float:left;
} 

/* TOPGAMES */

#topgames  {
width:100%;
color:#0066CC;
margin-left: 5px;
//margin-left: 0px;
padding: 5px 0px 5px 0px;
float:left;
} 
#topgames a {
   display:inline;
   float:left;
   width:80px;
   height:100px;
   padding:2px;
   margin:2px;
   text-align: center;
   text-decoration:none;
color:#0066CC;
font-size:12px;
} 

#topgames img {
   border:0px;
}

/*TITOLS SUPERIORS*/
#titols_sup ul {
width:100%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 5px 0px 5px 0px;
float:left;
} 
#titols_sup li {
   display:inline;
   float:left;
   width:274px;
   padding:2px;
   margin:2px;
color:#0066CC;
font-size:12pt;
font-weight : bold;
text-decoration : none;
} 

/*INFO*/
#info {
   float:right;
   padding:2px;
   margin:2px;
color:#000000;
font-size:12px;
font-weight : bold;
} 

#info span {
color:#0066CC;
} 

/*TOTS*/

#tots a {
   float:right;
   padding:2px;
   margin:2px;
color:#0066CC;
font-size:12px;
font-weight : bold;
 text-decoration:none;
} 

/* TAULES  */

#taules_portada ul {
width:50%;
padding: 5px 0px 5px 0px;
margin-left: 0px;
padding: 12px 0px 10px 0px;
float:left;
   border: 1px solid #cccccc;
   background-color:#f5f7f9;
   width:274px;
   padding:2px;
   margin:2px;
//margin-left:1px;
//margin-right:3px;
height:340px;
} 
#taules_portada li {
   display:inline;
   float:left;
   height:60px;
   padding:2px;
   margin:2px;
} 

#taules_portada a {
   float:left;
   font-weight:bold;
   clear :  none;
   text-decoration : none;
color : #0066CC;
}

#taules_portada img {
   border:0px;
margin-right:2px;
}

#taules_portada span {
   float:right;
   font-weight:bold;
   clear :  none;
   text-decoration : none;
   color : #0066CC;
   width:250px;
}

#idiomes ul {
 width:450px;
margin-right: 10px;
margin-top: 0px;
float:right;

} 
#idiomes li {
   display:inline;
   float:left;
 width:50px;
padding:5px;
 text-align:center;
   height:15px;
} 

#idiomes a {
color:#0066CC;
font-size:12px;
font-weight : bold;
 text-decoration:none;
} 

#idiomes a:hover {
color:#0066cc;
 background-color:#99CCFF;
}