/* onArcade 2.2 CSS */
body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.png);
    background-repeat: repeat-xy;
	background-attachment:fixed; /* Fondo Fijo, quitar para que se mueva con la pagina */
    color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, sans-serif;
	text-align: left;
}
form {
	margin: 0px;
	padding: 0px;
}
input, textarea {
	margin: 2px;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #bababa;
	font-size: 11px;
}
p {
	margin:4px 0px;
}
fieldset {
	margin-top: 7px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
legend {
	font-weight: bold;
}
a:link, a:visited {
	color: #666666;
        font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #FF3300;
        font-weight: bold;
	text-decoration: underline;
}
hr {
  border: 0;
  width: 100%;
  color: #f00;
  background-color: #005782;
  height: 3px;
}
.container {
  position:relative;
  width:990px;
  margin:auto;
  }
  
/* border around the whole page  */
#main_body {
  width:990px;
  margin-left:auto;
  margin-right:auto;}
/* the header of the site  */
#header {
  background: #ffffff url(images/jugar-juegos.jpg);
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding:0px;
  text-align:left;
  width:100%;
  height:216px;
  }

/* menu with links to different parts of site */

#main_menu {
  position:absolute;
  top:2px;
  right:0px;
  	color: #ffffff;
    font-size: 14px;
    line-height: 28px;
    padding-top: 2px;
    margin:0px;
    text-align: center;
	font-weight: bold;
    width: 990px
  }
#main_menu li {
  list-style-type:none;
  display:block;
  float:left;
  padding:0 13px;
  font-size:14px;}
#main_menu li img {
  vertical-align:top;
  margin-right:3px;
  }
#main_menu a:link, #main_menu a:visited {
  color:#ffffff;
  text-decoration:none;
  }
#main_menu a:hover {
  text-decoration:underline;
  }
/* main part of the website */

#main {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 990px;
	background: #FFFFFF;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
  }

/* menu */
div#side_menu_left {
  float:left;
  width:180px;
  padding-left:5px;
  margin-top:5px;
  display: none;
  }
/* content of the page */
div#main_center {
  float: left;
  padding-left:5px;
  margin-top:5px;
  }
div#main_contents {
  float: left;
  width:790px;
  padding-right:
  5px;
  }
div#side_menu_right {
  float: right;
  width:180px;
  padding-right:5px;
  margin-top:5px;
  }
/* boxes where ads are in */
.ad_box_header {
  border-bottom:1px solid #bababa;
  background:#FEFEFE;
  text-align:center;
  padding:5px;
  }
.ad_box {
  background-color:#FEFEFE;
  border-left:1px solid #bababa;
  border-right:1px solid #bababa;
  border-bottom:1px solid #bababa;
  margin-bottom:5px;
  padding:3px;
  text-align:center;
  }
.ad_box_file {
  background-color:#FEFEFE;
  border:1px solid #bababa;
  margin-bottom:5px;
  padding:3px;
  text-align:center;
  }
.ad_box_footer {
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
  background:#FEFEFE;
  text-align:center;
  padding:5px;
  }
/* headers of content boxes */
h1 {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
	display: inline;
}

h2 {
    background: #DEDEDE url(images/boxtile1.gif);
	color: #ffffff;
    font-size: 14px;
    line-height: 28px;
    padding-top: 2px;
    margin: 0px;
    text-align: center;
	font-weight: bold;

}
h2 a:link, h2 a:visited {
	color: #ffffff;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}
h3 {
    background: #DEDEDE url(images/boxtile2.gif);
	color: #ffffff;
    font-size: 14px;
    line-height: 28px;
    padding-top: 2px;
    margin:0px;
    text-align: center;
	font-weight: bold;

}
h3 a:link, h3 a:visited {
	color: #000000;
	text-decoration: none;
}
h3 a:hover {
	text-decoration: underline;
}
.welcome {
  font-size: 13px;
  font-weight: bold;
}
.button, .button:link, .button:visited, .button:active {
background: transparent url(images/button.png) repeat-x;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: center;
text-decoration: none;
border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.button:hover {
background: transparent url(images/button-o.png) repeat-x;
color: #ffffff;
text-decoration: none;
}

/* content is inside these boxes */
.content_box {
    margin-bottom: 2px;
    background: #FFFFFF url(images/boxbg1.gif) repeat;
    background-repeat: repeat-x;
    padding: 2px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #bababa;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #bababa;
}
.content_box_2 {
    margin-bottom: 2px;
    background: #FFFFFF url(images/boxbg1.gif) repeat;
    background-repeat: repeat-x;
    padding: 2px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #bababa;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #bababa;
}
.content_box .left {
	width: 100px;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
}
.content_box .right {
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
}
.content_box_2 input {
	border: 1px solid #bababa;
}
/* top lists */
.content_box_2 ol {
	padding: 0px;
	margin: 0px;
	list-style-position: inside;


}
.content_box_2 ol li {
	margin: 2px 0px;
	padding: 0px;
    list-style: none;
}

/* champion info */
#champion_box {
background: #ffffff url(images/cup.gif) no-repeat;
background-position:20% 50%;
border-top: 1px solid #dddddd;
    border-right: 1px solid #bababa;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #bababa;
margin-bottom:5px;
padding:2px;
text-align:center;
}
/* files on index page */
.index_file_box {
  padding:2px;
  }
.index_files_left {
  float:left;
  width:155px;
  margin-bottom:2px;
  text-align: center;
  }
.index_files_right {
  float:left;
  width:100;
  }
/* boxes around file on categories pages */
.browse_file_box {
  padding:4px;
  }
.browse_file_left {
  float:left;
  width:350px;
  margin-bottom:3px;
  padding-right:4px;
  }
.browse_file_right {
  float:right;
  width:350px;
  margin-bottom:3px;
  }
.browseimg_left {
  float:left;
  width:170px;
  text-align:center;
  }
.browsetext_right {
  float:right;
  width:190px;
  }
/* game on scores page */
#score_game {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
  padding:3px;
  border:1px solid #bababa;
  width:400px;
  background:#EFEFEF;
  }
/* file rating stars */
#file_rating img {
  width:16px;
  height:16px;
  border:0px;
  }
/* file action icons */
img.action_image {
  border:0px;
  width:24px;
  height:24px;
  cursor:pointer;}
/* link to file */
a.file_link:link, a.file_link:visited {
  color:#333333;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;}
a.file_link:hover {
  color:#FF3300;
  font-weight:bold;
  text-decoration:underline;
  }
.played {
  font-size:9px;
  color:#339900
  }
.red
{
  color: red;
}


/* bot in user online section */
.bot {color:#DD7500;}
/* BB code images  */
img.bb {
  border:1px solid #5E5E5E;
  background:#999999;
  width:16px;
  height:16px;
  padding:1px;
  cursor:pointer;}
img.bb:hover {
  border:1px solid #B3B3B3;
  background:#FFFFFF;}
/* quotes in PMs and forum posts*/
.quote {
  border:1px dotted #AAAAAA;
  margin:2px 2px 6px 2px;
  padding:4px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  }
/* icon next to forum post */
.post_icon {
  float:left;
  margin-right:4px;
  width:16px;
  height:16px;
  }
/* forum posts */
.forum_post {
  border:1px solid #bababa;
  margin:8px 2px;
  position:relative;
  }
.forum_post .header {
  border-bottom:1px solid #bababa;
  width:80%;
  padding:2px;
  }
/* pagination */
div.pagination {
  padding:3px;
  margin:2px;
  text-align:center;
  }
div.pagination a:link, div.pagination a:visited {
  padding:2px 4px;
  border:1px solid #bababa;
  text-decoration:none;
  }
div.pagination a:hover {
  color:#1096B9;
  background:#252525;
  }
div.pagination b {
  padding:2px 4px;
  border:1px solid #bababa;
  }
div.pagination p {
  margin:0px 0px 5px 0px;
  }
/* CSS tables */
.table_header {
  float:left;
  text-align:center;
  font-weight:bold;
  }
.table {
  float:left;
  text-align:center;
  }
.separator {
  background:url(images/separator.gif) repeat-x bottom;
  margin-bottom:2px;
  padding-top:2px;
  font-size:0px;
  height:2px;
  clear:both;
  }
/* JavaScript "popups" */
.popup {
  position:absolute;
  display:none;
  background:#B0DFFF;
  border:2px solid #bababa;
  padding:4px;
  -moz-opacity:0.9;
  opacity:0.9;
  filter:alpha(opacity=90);
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  z-index:10;
  }
#tell_friend_popup {
  width:350px;
  }
#report_broken_popup {
  width:300px;
  }
/* favourites menu */
div#favourites_menu {
  z-index:99;
  position:absolute;
  background:#B0DFFF;
  width:160px;
  border:1px solid #4D4D4D;
  padding:4px;-moz-opacity:0.95;
  opacity:0.95;filter:alpha(opacity=95);
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  }
div#favourites_menu ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }
div#favourites_menu ul li {
  margin:2px 0px;
  }
/* errors */
.error_box {
  position:relative;
  margin-top:0px;
  margin-bottom:4px;
  padding:3px;
  border:1px solid #DF801D;
  background:#FFD7D7;
  color:#FF0000;
  text-align:left;
  }
/* comments are in these boxes */
.comment_box {
  margin-bottom:5px;
  padding-bottom:3px;
  background:url(images/separator.gif) repeat-x bottom;
  }
/* news are in boxes like this */
.news_box {
  margin-top:2px;
  margin-bottom:0px;
  padding-bottom:5px;
  background:url(images/separator.gif) repeat-x bottom;
  }
/* box around file sponsor */
#sponsor {
  margin-bottom:5px;
  padding:4px;
  border:1px dotted #DF801D;
  background:#FEFEFE;
  text-align:center;
  font-weight:bold;
  }
/* CP icons */
.cp_icon {
  width:10px;
  height:10px;
  border:0;
  }
/* tab menu stuff */
.tab_menu {
  position:relative;
  padding:3px 0;
  margin-left:0;
  margin-top:1px;
  margin-bottom:4px;
  list-style-type:none;
  text-align:left;
  border-bottom:1px solid #bababa;
  }
.tab_menu li {
  display:inline;
  margin:0;
  }
.tab_menu li a, .tab_menu li a:visited {
  text-decoration:none;
  background:#FEFEFE;
  padding:3px 7px;
  margin-right:3px;
  border-top:1px solid #bababa;
  border-left:1px solid #bababa;
  border-right:1px solid #bababa;
  }
.tab_menu li a.selected {
  background:#FEFEFE;
  position:relative;
  top:1px;
  }
.tab_menu li a:hover {
  background:#bababa;
  }
.tab_menu li a.selected:hover {
  background:#FEFEFE;
  }
/* friends in User CP */
div.friend_cp_box {
  border-bottom:1px solid #000000;
  margin:4px 0px;
  padding:4px 0px;
  }
div.friend_cp_box img.avatar {
  float:left;
  margin-right:8px;
  }
/* username on profile */
.profile_username:link, .profile_username:visited {
  margin-bottom:4px;
  color:#FFCC00;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  }
.profile_username:hover {
  color:#1096B9;
  }
/* quote on profile page */
#profile_quote {
  font-style:italic;
  }
/* profile content  */
.profile_left {
  float:left;
  font-weight:bold;
  width:150px;
  }
.profile_right {
  float:left;
  }
.profile_line {
  clear:both;
  border-bottom:1px dotted #000000;
  padding-top:4px;
  margin-bottom:4px;
  height:0px;
  font-size:0px;
  }
/* favourite files slider */
div#favourites {
  width:100%;
  height:75px;
  overflow:hidden;
  position:relative;
  float:left;
  }
div#favourites div.file {
  float:left;
  width:119px;
  text-align:center;
  margin-bottom:20px;
  border:0px;
  }
/* arrow that scrolls content */
img.profile_arrow {
  width:16px;
  height:16px;
  position:absolute;
  z-index:10;
  border:0;
  cursor:pointer;
  display:none;
  }
/* friends are in these boxes */
div.friend {
  float:left;
  width:119px;
  text-align:center;
  }
/* info on registration page */
.register_info {
  float:left;
  width:200px;
  font-weight:bold;
  }
/* info about framed game */
.frame {
  font-size:12px;
  color:#FEFEFE;
  padding:4px;
  }
.frame a:link, .frame a:visited {
  color:#FEFEFE;
  text-decoration:none;
  font-weight:bold;
  }
.frame a:hover {
  color:#FEFEFE;
  text-decoration:underline;
  font-weight:bold;
  }
/* box on redirection page */
#redirection_box {
  margin-top:150px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  width:500px;
  border:1px solid #bababa;
  background:#FEFEFE;
  text-align:center;
  }
/* links */
.f_link {
  margin-top:0px;
  margin-bottom:3px;
  }
/* footer of the site */
#footer {
    background-image:url('images/footer.png');
	height: 120px;
text-align: center;
position: absolute; bottom: 0;
font-size:10px;
color:#ffffff;
font-family:Verdana;
padding-top: 0px;
width: 100%;
position:fixed; left:0px; bottom:0px;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	background-color: #254117;
	text-decoration: underline;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: none;
}

/* category tabs */
#cattabs {
	float:left;
	width:100%;
	font-size: 14px;
    font-weight: bold;
	line-height:normal;
	border-bottom:1px solid #dddddd;
	margin-bottom: 0px; /*margin between menu and rest of page*/
	margin-left:8px;
	overflow:hidden;
	}

#cattabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;

	}

#cattabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#cattabs a {
	float:left;
	background:url("images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#cattabs a span {
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:8px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#cattabs a span {float:none;}

/* End IE5-Mac hack */
#cattabs a:hover span {
	}

#cattabs a:hover {
	background-position:0% -42px;
	}

#cattabs a:hover span {
	background-position:100% -42px;
	}
/* onArcade 2.2 CSS */

/* Custom Mods by Pelo */

/* Related Box */

.related_box {
    float: left;
    width: 155px;
    text-align: center;
}
.related_box img {
    display: block;
    margin: auto;
}