@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #343434;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

img {
	border: 0;	
}

#wrapper {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	
}

#header {
	height: 154px;
	background-image: url(../images/bg_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;	
	overflow: hidden;
}

#main {
	height: 485px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #4b4b4b;
}
.main_index {
	background-image: url(../images/bg_index.jpg);
}

.main_blog {
	background-image: url(../images/bg_blog.jpg);
}

.main_chats {
	background-image: url(../images/bg_chats.jpg);
}

.main_jc {
	background-image: url(../images/bg_jc.jpg);
}

.main_patrocinadores {
	background-image: url(../images/bg_patrocinadores.jpg);
}

.main_reto {
	background-image: url(../images/bg_reto.jpg);
}

.main_libro {
	background-image: url(../images/bg_libro.jpg);
}

.main_galeria {
	background-image: url(../images/bg_galeria.jpg);
}

.main_contact {
	background-image: url(../images/bg_contact.jpg);
}

#left {
	width: 345px;
	height: 482px;
	overflow: hidden;
	float: left;
	margin-top: -38px;
}

#texts {
	margin: 55px 0 0 35px;	
}

#menu {
	margin-top: 20px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li.menu {
	background-color: #343434;
	padding-left: 40px;
	margin-bottom: 5px;
	width: 160px;
}

#menu li.submenu {
	margin-left: 35px;
	background-color: #454545;
	padding-left: 20px;
	margin-bottom: 5px;
	width: 145px;
}

#menu a:link, #menu a:visited {
	color: #FFF;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color: #FFF;
	text-decoration: none;
}

#menu li.menu:hover {
	background-color: #5e5e5e;
	width: 170px;
	padding-left: 45px;
}

#menu li.submenu:hover {
	background-color: #5e5e5e;
	width: 155px;
	padding-left: 25px;
}

#content {
	width: 678px;
	height: 482px;
	overflow: hidden;
	float: right;
	margin-top: -28px;
	background-image:url(../images/bg_content.png);
	background-repeat: repeat;
}


#logo {
	width: 238px;
	height: 72px;
	margin: 45px 0 0 35px;
	float: left;
}

#newsletter {
	width: 255px;
	margin: 8px 0 0 0;
	float: right;
}

#newsletter input {
	background-color: #656565;
	border: 1px solid #656565;
	color: #FFF;
}

#contact {
	width: 100px;
	background-color: #464646;
	float: right;
}

#contact a:link, #contact a:visited {
	text-decoration: none;
	color: #FFF;
}

#contact a:hover, #contact a:active {
	text-decoration: underline;
	color: #FFF;
}


#galery {
	width: 255px;
	margin: 8px 0 0 0;
	float: right;
}

#comunity {
	width: 170px;
	margin: 8px 0 0 0;
	float: left;
}


#footer {
	height: 125px;
	background-image: url(../images/bg_footer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #c8c8c8;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #c8c8c8;
}

#menu_footer {
	width: 580px;
	float: left;
	margin-left: 200px;
}

#credits {
	width: 130px;
	float: right;
	font-size: 9px;
	color: #c8c8c8;
}

#blog_wrapper {
	padding-right: 40px;
	height: 480px;
	overflow: auto;
}

.blog_table {
	margin-bottom: 40px;
}

.blog_table .date {
	background-color: #2c2c2c;
	color: #a6c900;
}

.blog_table h2 {
	color: #FFF;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.blog_table .title {
	border-bottom: 1px dotted #7a7a7a;
}

.blog_table .bottom {
	border-top: 1px dotted #7a7a7a;
	background-color: #2b2a2a;
}

#content_wrapper {
	margin: 50px 5px 10px 35px;
	text-align: justify;
	padding-right: 25px; 
	height: 420px;
	overflow: auto;
}

#content_wrapper input, #content_wrapper textarea {
	background-color: #656565;
	border: 1px solid #656565;
	color: #FFF;
}

#content_wrapper a:link, #content_wrapper a:visited {
	color: #75b100;
	text-decoration: none;
}

#content_wrapper a:hover, #content_wrapper a:active {
	text-decoration: underline;
}

#content_wrapper td a:link, #content_wrapper td a:visited {
	color: #75b100;
	text-decoration: none;
}

#content_wrapper td a:hover, #content_wrapper td a:active {
	text-decoration: underline;
}
a.green_link{
	color:#A6C900;
	text-decoration:none;
}
a.green_link:hover{
	text-decoration:underline;
}
#tab{
	position:relative;
	margin:3px 20px 0px 965px;
	/*background:#030;*/
	width:55px; height:20px; text-align:center;
	padding:0px 0px 8px; float:right;
	/*border-bottom:2px solid #777;*/
}
#tab a{
	color:#FFF;
	font-weight:bold;
}
.bottom td a:link, .bottom td a:visited {
	color: #75b100;
	text-decoration: none;
}

.bottom td a:hover, .bottom td a:active {
	text-decoration: underline;
}


h1 {
	font-size: 16px;
	margin-top: 0;
	background-color: #26282a;
}

h1.chats {
	color: #3c92ce;
}

h1.jc {
	color: #75b100;
}

h1.patrocinadores {
	color: #0cbee7;
}

h1.reto {
	color: #60c9e6;
}

h1.libro {
	color: #dcea3e;
}

h1.galeria {
	color: #0cbee7;
}

h1.contact {
	color: #75b100;
}

.sub_menu_border {
	border-bottom: 1px dotted #7a7a7a;
}

#sub_menu td a:link, #sub_menu td a:visited {
	color: #888888;
	text-decoration: none;
}

#sub_menu td a:hover, #sub_menu td a:active {
	color: #75b100;
	text-decoration: none;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: #5e5e5e;
}
.vscrollerbar {
	width: 10px;
	background-color: #2c2c2c;
}
.hscrollerbase {
	height: 10px;
	background-color: #5e5e5e;
}
.hscrollerbar {
	height: 10px;
	background-color: #2c2c2c;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}

/* end Scroll Bar Master */


#add_comment {
	background-color: #343434;
}