/*
JB Illusion Project
*/
html {
	overflow-y: scroll;
}


body {
    margin: 80px 0; /* Aumenta los márgenes superior e inferior */
   background: url(jb_redream/5.png) no-repeat right fixed;
    font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #3B3B3B;
    padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#container {
    background: transparent;
    margin-top: 30px; /* Aumenta el margen superior del contenido */
    margin-bottom: 30px; /* Aumenta el margen inferior del contenido */
}
img {
	border: 0;
}
a, li {
	color: black;
}
h1, h2, h3 {
	color: #4F789F;
}
h2 {
	font: normal normal 16pt "Georgia",serif;
    text-decoration: none;
	height: 40px;
	padding-left: 25px;
}

legend {
	color: black;
}
form,input {
	margin: 0; 
	padding: 0; 
	display: inline;
}
fieldset {
	margin-top: 1em;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	padding: 5px;
	border: #AAA solid 1px;
	padding: 1.5em;
	background: #EEE;
	text-shadow: 0 1px 0 white;
	-moz-box-shadow: 1px 1px 2px #fff inset;
	-webkit-box-shadow: 1px 1px 2px #fff inset;
	box-shadow: 1px 1px 2px #fff inset;
}

fieldset legend {
	font-weight: bold;
	color: #444;
	padding: 5px 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #AAA;
	background-color: white;
	-moz-box-shadow: 3px 3px 15px #bbb;
	-webkit-box-shadow: 3px 3px 15px #bbb;
	box-shadow: 3px 3px 15px #bbb;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
li span:hover {
	color: green;
}
a:hover{
	color: green;
}
.color0 {
	background-color: #4b753a;
	color: white;
}
.color1 {
	background-color: #e2e2e2;
}
.color2 {
	background-color: #f5f5f5;
}
.online {
	color: #51850d;
	font-weight: bold;
}
.offline {
	font-weight: bold;
}
.clearer {
	clear: both; 
	font-size: 0;
}
.top {
	background: #BABABA;
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
	text-align: center;
}
.task-menu{
	cursor: pointer;
}
.task-menu li{
	list-style-type: none;
	height: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
}
#container {
	border-top: 0;
	width: 1005px;
	margin: 0 auto;
}
#header {	
	width: 200px;
	background: transparent url('jb_redream/logo_redream.png') no-repeat;
	height: 80px;
	margin-top: 70px;
}
.header {
	width: 200px;
	height: 80px;
}
#header:hover {	
	opacity: 0.8;
}
#register table {
	margin: 0 auto;
	width: 100%;
}
#register table tr td{
	margin-bottom:10px;
}
input[type=text], input[type=password] {
	border: none!important;
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	background-color: #CCC;
	color: #567792;
	opacity: .7;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	padding: 5px 7px 5px 7px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
	opacity: 1!important;
}
input[type=text]:hover, input[type=password]:hover {
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.8),inset 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.8),inset 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 -1px 0 rgba(0,0,0,0.8),inset 0 1px 2px rgba(0,0,0,0.5);
	background-color: #EEE;
}
input[type=text]:focus, input[type=password]:focus {
	-webkit-box-shadow: 0 1px 10px rgb(255,100,0);
	-moz-box-shadow: 0 1px 10px rgb(0,100,255);
	box-shadow: 0 1px 10px rgb(255,100,0);
	border: 0;
	outline: 0;
	background-color: #FFF;
}
.rules {
	overflow-y: auto;
	max-height: 200px;
	margin: 0 auto;
	background: #CCC;
	color: #555;
	text-shadow: 1px 1px 1px #FFF;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset -1px -1px 10px #666;
	-moz-box-shadow: inset -1px -1px 10px #666;
	-webkit-box-shadow: inset -1px -1px 10px #666;
	
}
.alright {
	float: right;
	font-size: 16px;
	color: #555;
	line-height: 26px;
}
#server_name {
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	float: left;
	margin: 0 auto;
	padding: 25px 0 0 5px;
	letter-spacing: -3px;
	font-size: 60px;
}
#panel {
	float: left;
	width: 200px;
	box-shadow: 1px 1px 10px #000, -1px -1px 10px #000;
	-moz-box-shadow: 1px 1px 10px #000, -1px -1px 10px #000;
	-webkit-box-shadow: 1px 1px 10px #000, -1px -1px 10px #000;
}	
#panel li {
	display: inline;
}
#panel a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	color: #3B3B3B;
	background-color: #e2e2e2;
	background: #EEE url('jb_redream/bar1.png') 30px top repeat;
	border-bottom: 1px solid #CCC;
}
#panel a:hover {
	background: #555 url('jb_redream/texture_black3.png') center top repeat;
	color: #FFFFFF;	
}
#panel .mid {
	border-bottom: 1px solid #EAEADA;
	text-align: center;
	background-color: #e2e2e2;
	padding: 10px;
}
#panel a:hover {
	font-weight: bold;
}
#content {
	float: right;
	width: 790px;
	background: #FFF url('jb_redream/texture.png') repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 10px #000, -1px -1px 10px #000;
	-moz-box-shadow: 1px 1px 10px #000, -1px -1px 10px #000;
	-webkit-box-shadow: 1px 1px 10px #000, -1px -1px 10px #000;
	position: relative;
}
#content .mid {
	padding: 12px;
}
#error {
	position: absolute;
	/*IE position: static;*/
	color: red;
	font-weight: bold;
	margin-left: 200px;
	cursor: pointer;
}
#captcha-image {
	margin-top: 5px;
}
#form #iobox{
	position: fixed;
	/*IE position: absolute;*/
	background-color: #e2e2e2;
	border: 1px solid #000;
	cursor: move;
}
#form #iobox fieldset {
	cursor: default;
}

button,
input[type='button'],
input[type='submit'],
.task-menu li {
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
  -o-border-radius: 2px !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
  -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
  -webkit-user-select: none !important;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5) !important;
  background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5) !important;
  background: -o-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5) !important;
  border: 1px solid #aaa !important;
  color: #444 !important;
  font-size: inherit !important;
  margin-bottom: 0px !important;
  min-width: 4em !important;
  padding: 3px 12px 3px 12px !important;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.task-menu li:hover  {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9) !important;
  background: #ebebeb -moz-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9) !important;
  background: #ebebeb -o-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9) !important;
  border-color: #999 !important;
  color: #222 !important;
}

button:active,
input[type='button']:active,
input[type='submit']:active,
.task-menu li:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2) !important;
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc) !important;
  background: #ebebeb -moz-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc) !important;
  background: #ebebeb -o-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc) !important;
  color: #333 !important;
}
#content .top {
	text-shadow: 1px 1px 1px #DDD;
	background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc) !important;
	box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 0 0;
}

#navigation .top, #status .top {
	color: white;
	text-shadow: 0 1px 1px #333;
	background: #000 url('jb_redream/barmenu.png') center top;
}

#navigation .top:hover, #status .top:hover {
	background: #000 url('jb_redream/barmenu2.png') center top;
}

#panel {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	overflow: hidden;
}
.mid h2, .mid h3{
	display: block !important;
	background: #09F url('jb_redream/bar1.png') repeat-x;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	box-shadow: 0 -1px 1px #999;
	-moz-box-shadow: 0 -1px 1px #999;
	-webkit-box-shadow: 0 -1px 1px #999;
	height: 40px;
	line-height: 40px;
	text-shadow: 0 1px 1px #FFF;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0 !important;
}
.mid h3 {
	padding-left: 10px;
}
.mid table tr td {

}

.mid blockquote {
	background: #777 url('jb_redream/texture_black.png') repeat !important;
	margin: 0 !important;
	padding: 5px;
	color:#FFF;
	text-shadow: 0 1px 1px #2B6193;
}

.mid .subpost {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	background: #444  url('jb_redream/texture_black2.png') !important;
	margin: 0 !important;
	padding: 5px;
	color:#777777;
	text-shadow: 0 1px 1px #000;
	text-align: right;
}

.mid .commit {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#BBB url('jb_redream/riscos.png');
	padding: 10px;
	margin-top: 5px;
	text-align: center;
	
}

table {
 border: 0;
}

.submit_load {
	background: #00FF00;
}
.color0 td{
	padding: 5px !important;
	background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(68,68,68,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(68,68,68,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(102,102,102,1) 0%,rgba(68,68,68,1) 100%); /* W3C */
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	text-shadow: 1px 1px 1px #000;
}
.color1 td, .color2 td{
	padding: 5px !important;
}