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

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
html,
body {
	margin: 0px;
  	padding: 0px;
  	font-family: "lucida grande",Tahoma,Verdana,Arial,Calibri;
  	font-size: 11px;
  	color: #333;
  	text-align: left;
  	height: auto;
 	min-width: 940px;
	background: #FFF url(/images/fondo.jpg) repeat-y scroll center center;
}

#container {
	margin-left: auto;
	margin-right:auto;
	padding-left: 60px;
  	width: 940px;
  	height: inherit;
}

#header {
	width: 879px;
	height: 120px;
	background-image: url(/images/cabecera.jpg);
}

#weblinks {
	width: auto;
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
}

#menu {
	margin-left: 180px;
    height:35px;
    width:440px;
    padding-top: 17px;
}

#menu ul{
    list-style:none; /* Eliminamos los bullets */
    margin:0px; /* Quitamos los margenes */
    padding:0px; /* Quitamos el padding */
}

#menu ul li {
    float:left; /* Hacemos que el menu se muestre horizontal */
    padding-left:10px;
    padding-right:10px;
}

#menu ul li a{
    text-decoration:none;
    color: #FFF;
    font-weight:bold;
}

#menu ul li a:hover{
    color: #CCC;
}

#summary {
	background-color: #FFF;
	position: relative;
	width: 680px;
	top: 24px;
	height: 15px;
	text-align: right;
	font-size: 12px;
	color: #2CB4CA;
}
#body {
	padding: 0px;
	width: 880px;
}

#leftbar {
	float:left;
	width:190px;
	height:auto;
	padding-left: 8px;
}

#userbox {
	color: #333;
	margin-left:10px;
	margin-right:10px;
	width:180px;
}

#menuoptions {
	padding: 4px;	
}

#weeklyong {
	color: #333;
	margin-left:10px;
	margin-right:10px;
	width:180px;
	line-height: 15px;
}

#main {
	padding-left:20px;
	padding-right:20px;
	float:left;
	width:440px;
	height:auto;
}

#main_full {
	padding-left:20px;
	padding-right:20px;
	float:left;
	width:840px;
	height:auto;
}


#flash {
	clear: both;
	padding: 4px;
	height: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#content {
	padding: 4px;
	background: #FFF;
	min-height: 414px;
	height: 414px;
	height: auto !important;
}

#tip {
	clear: both;
	border: 1px solid #2CB4CA;
	padding: 10px;
	width: 410px;
	position:relative;
	left: 4px;
	background-color: #E0F4F8;
	color: #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#tip-content {
	color: #000;
	z-index: 10;
}

#tip-close-button {
	float: right;
	position: relative;
	top: -6px;
	left: 6px;
	cursor: hand;
	cursor: pointer;
	color: #2CB4CA;
}

#rightbar {
	float:left;
	width:190px;
	height:400px;
}

#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
clear:both;
padding-left:0px;
padding-top:10px;
width:870px;
}

#bottom{
	width:840px;
	height:116px;
	margin-left:20px;
	margin-right:20px;
	background-image: url(/images/pie.png);
	background-repeat:no-repeat;
}
	
#sellos{
	float:right;
	width:440px;
	height:80px;
}

#logo_fundacion{
	padding-left:20px;
	padding-right:40px;
	padding-top:10px;
	float:left;
	width:160px;
	height:auto;
}

.validator{
	float:right;
	width:100px;
	height:60px;
}
	
#pie{
	float:left;
	width:800px;
	height:auto;
	padding-left:40px;
}

#pager {
	text-align: center;
	width: auto;
	height: 50px;
	padding: 4px;	
}

#pager a {

	color: 	#2CB4CA;
}

/*-------------ROUNDED BOXES--------------------------*/
.rounded_box {
	background-color: #E8E8E8;
	border: 1px solid #DDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 4px;
}

.login_box {
	background-color: #FFF;
	border: 1px solid #2CB4CA;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 4px;
}

.rounded_title {
	background-color: #2CB4CA;
	-webkit-border-radius: 6px;
	-moz-border-radius: 4px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	padding: 4px;
	color: #FFF;
	font-size: 12px;
}

.rounded_subtitle {
	background-color: #81C6CF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 4px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	padding: 4px;
	color: #000;
	font-size: 11px;
}



/*-------------ENLACES---------------------------------*/

.tasklink {
	color: #2CB4CA;
	font-size: 11px;
	text-decoration: none;
}

.onglink {
	color: #AAA;
	font-size: 10px;
	text-decoration: none;	
}

.actionlink {
	text-decoration: none;
	font-size: 11px;
		
}

.toplink {
	text-decoration: none;
	font-size: 12px;
	color: #2CB4CA;	
}

.imagelink {
	cursor: hand;
	cursor: pointer;
	position: relative;
	top: 4px;
	margin: 0px 2px 0px 0px;	
}

.menulink {
	text-decoration: none;
	font-size: 11px;
	width: 170px;	
}

.menulink:hover {
	background-color: #EEE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 4px;
}

.ratelink {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;	
}

.ratelink:hover {
	font-weight: bold;
}

.spacer {
	
	line-height: 4px;	
	
}

.bigspacer {

	line-height: 8px;
		
}

/*------------TEXTOS ------------*/
.karmatext {

	position: relative;
	top: 6px;
	font-size: 11px;		
}

/*-------------FORMULARIOS----------*/
.longbutton {
	height:23px;
	width: 100px;
	background:#666666 url(/images/button.png) no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border: 0px;
}

.longbutton150 {
	height:23px;
	width: 150px;
	background:#666666 url(/images/button150.png) no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border: 0px;
}

.shortbutton {
	height:23px;
	width: 60px;
	background:#666666 url(/images/button60.png) no-repeat;
	text-align:center;
	line-height:23px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border: 0px;
}

.logininput {
	background:#F3F3F3;
	border-color:#C6C6C6 #C6C6C6 #E3E3E3;
	border-style:solid;
	border-width:1px;
	color:#333333;
	padding:3px;
	width:156px;		
}



/*-------------CAJAS DE TEXTO ROUNDED 2----------------*/

.sidebox {
	margin-top: 10px;
	margin-left: 20px; /* center for now */
	width: 190px; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 12px 10px 6px;
	color: #FFF;  
	font-size: 12px; 
	line-height:;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 10px;
}


#task {
	
}

#task #info {
	
}

#task #users {
	border: 1px solid black;
	padding: 4px;
}

#task #options {
	
}

#task #comments {
  	
}

.tasklist {
	width: auto;
	height: auto;
	background-color: #FFF;
}

.searchlist {
	height: 700px;	
}

.icon {
	position: relative;
	top: 4px;
	margin: 0px 2px 0px 0px;	
}

.title {
	font-size: 15px;	
}

.block {
	padding: 4px;
}

.block:hover {
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.difficulty-on {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding: 4px;		
}

.difficulty-off {
	color: #AAA;
	padding: 4px;		
	font-size: 11px;		
}

.taskdetail {
	
	padding: 4px;
		
}

.taskdetail .title {
	
	color: #2CB4CA;
	font-size: 11px;	
}

.task {
	padding: 4px;
	margin-top: 4px;
}

.task:hover {
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.ong {
	padding: 4px;
	margin-top: 4px;
}

.ong:hover {
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.comment {
  
  padding: 4px;
  
}

.comment:hover {
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.comment .subject {
	
	color: #2CB4CA;
	font-size: 12px;	

}

.newmessage {
	
	padding: 4px;	
}

.newmessage:hover {
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.newmessage .title {
	
	color: #2CB4CA;
	font-size: 11px;	
}

.newmessage .unreadsubject {
	
	font-weight: bold;
}

.taskuser {
	
	padding: 4px;
	
}

.taskuser:hover {
	
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
}

.blockeduser {
	
	padding: 4px;
		
}

.blockeduser:hover {
	
	background-color: #FF9F9F;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
}

.filter {
	
	padding: 4px;
	margin-top: 4px;
		
}

.filter:hover {
	
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
}

.logentry {
	
	padding: 4px;		
	
}

.logentry:hover {

	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
			
}

.error404 {
	
	padding: 4px;		
	background-color: #E8E8E8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
}

.userimage {
	
	border: 1px solid black;
}

.readonly input {

	background-color: transparent;
	border: 0px;	
		
}

.editable input {

	background-color: #FFF;
	border: 1px solid black;
	padding: 2px;
	
}

.level-0 {

	background-color: #000;
	color: #FFF;
	
}

.level-1 {
	
	background-color: #CCC;
	
}

.level-2 {

}

.level-3 {

}

.errorMsg {
	color: #D7BF4B;
}

.infoMsg {
	color: #00F;
}

.okMsg {
	color: #009e00; 
}

.koMsg {
	color: #F00;	
}