body {
	background:#FFFFFF;
	width:100%;
	height :500px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
}
*html body{
}

.top{
	background:url(../images/barras3b.png) repeat-x ; 
	height:145px;
	min-width:850px;
	margin-top:-17px;
}

*html .top{
	top:-17px;
	width:100%;
}
.bar{
	background:url(../images/barras3.png) no-repeat left top ;
	height :145px;	
}
.logo{
	height:120px;
	width:240px;
	margin-top:0px;
	position:absolute;
	top:22px;
}
*html .logo{
	position:absolute;
	left:2px;
	top:20px;
	z-index:4;
}
*+html .logo{
	position:absolute;
	left:0px;
	top:20px;
		
}

.separator{
	position:absolute;
	top:24px;
	width:100%;
	border-top:1px solid #C9D7F1;
}

.login{
	position:relative;
	text-align: right; 
	align:right;
	z-index:5;
	white-space:nowrap;
	width: 70%;
}

*html .login {
/* padding-left:255px; 
	padding-top:4px;
	font-family:arial,sans-serif !important;
	font-size:11px;
	margin:0 auto;
*/
	
/*	padding-left:10px;
	padding-right:10px;
*/
	position:relative;
	text-align: right; 
	align:right;
	z-index:5;
	white-space:nowrap;
}

.login, .project {
	font-family:arial,sans-serif !important;
	font-size:11px;
	padding:2px 10px 0px !important;	
}

.login a:link{
	text-decoration:underline;
}
.login a:visited{
	text-decoration:underline;
}

	.user_peq{
		text-transform:uppercase; 
		font-size:10px; 
		float:left;
	}
	.user_logout{
		float:left; 
		font-size:12px; 
		font-weight:bold;  
		padding-left:45px;	
	}
a:link, a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.a_little{
	text-align:right;
	font-size:10px;
	text-decoration:none;
}
.a_little_black, .a_little_black:link, .a_little_black:visited{
	text_align:right;
	font_size:10px;
	text-decoration:none;
	color:#000000;	
}
.a_little_black:hover{
	text-decoration:underline;
	color:#0000FF;
}
.a_blue, .a_blue:link, .a_blue:visited{
	text-decoration:none;
	color:0000FF;
	color:10px;
	padding-left:5px;	
}
.a_blue:hover{
	text-decoration:underline;	
}

.a_white{
	color:#FFFFFF;
	/*font-variant:small-caps;*/
	font-weight:bold;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}
.a_white hover{
	text-decoration:underline;	
}

a img{
	border:0px;
}

.login-top{
	height:81px;
	background:url(../images/login-top.gif) repeat-x left top ;
	width:100%;
	position:absolute;	
}
.login-bottom{
	height:23px;
	background:url(../images/login-bottom.gif) repeat-x left ;
	position:absolute;
	bottom:0px;	
	z-index:4;
}

.login-fondo{
	background:url(../images/login-fondo-datos.gif) no-repeat center; 
	position:relative;
	margin:0 auto;
	top:200px;
	height:733px;
	width:100%;	
}

html, body, #Todo {
  height:98%; 
  min-height:98%; 
  width:100%;
}
#Todo {
  position:absolute;
  overflow:hidden;
}
html > body, html > body #Todo {
  height:auto;
}

.login-text{
	width:100%;
	position:relative;
	top:18%;
	left:35%;
}
.login-text form{
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
}
.login-text input{
	font-size:12px;
	font-weight:bold;
	color:#666;
	/*width:250px;*/
	border:1px #999 solid;
}

.login-message{
	color:#E00A0A;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	position:relative;
	left:10%;
	top:-45px;	
}



SELECT{ font-family: verdana; background-color: white; color:#666;}	

.indicador{
	text-decoration: blink; 
	font-size:10px; 
	text-align:center;
	position:absolute;
	left:45%;
	top:130px;
}

.option-bar{
	height:41px;
	position:absolute;
	top:61px;
	left:310px;
	width:625px;
}

*html .option-bar{
	position:relative;
	top:70px;
	height:41px;	
	left:310px;
	width:650px;
}
*+html .option-bar{
	position:relative;
	width:70%;
	top:60px;	
}

.option1{
	margin-top:0p;
	margin-left:-1px;
	padding-top:1px;
	padding-left:7px;
	padding-right:7px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	/*text-align:center;*/
	float:left;
}
*html .option1{
	padding-top:3px;	
}
*+html .option1{
	padding-top:15px;	
}
.option1:hover{
	background:url(../images/option1c.png) repeat left bottom;
	margin-top:0px;
	height:40px;
	text-decoration:none;
}
*html .option1:hover{
	margin-top:1px;
	position:relative;
	top:-10px;
	padding-top:12px;
	height:27px;
	text-decoration:none;
}
*+html .option1:hover{
	position:relative;
	top:0px;
	height:27px;	
}


.option2, .option3, .option4, .option5, .option6, .option7, .option8{
	margin-top:0px;
	margin-left:-1px;
	padding-top:1px;
	padding-left:7px;
	padding-right:7px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option2,*html  .option3,*html  .option4,*html  .option5,*html  .option6,*html  .option7,*html  .option8{
	padding-top:3px;	
}

*+html .option2,*+html  .option3,*+html  .option4,*+html .option5,*+html .option6,*+html .option7,*+html .option8{
	padding-top:15px;	
}
.option2:hover{
	background:url(../images/option2c.png) repeat left;
	height:41px;
	margin-top:0px;
	text-decoration:none;
}
*html .option2:hover{
	position:relative;
	top:-9px;
	padding-top:12px;
	height:29px;
	text-decoration:none;
}

*+html .option2:hover{
	position:relative;
	top:0px;
	height:27px;	
}

.option3:hover{
	background:url(../images/option3c.png) repeat left;
	height:41px;
	margin-top:0px;
	text-decoration:none;
}
*html .option3:hover{
	position:relative;
	top:-9px;
	padding-top:12px;
	height:29px;
	text-decoration:none;
}

*+html .option3:hover{
	position:relative;
	top:0px;
	height:27px;
}

.option4:hover{
	background:url(../images/option4c.png) repeat left;
	height:41px;
	margin-top:0px;
	text-decoration:none;
}
*html .option4:hover{
	position:relative;
	top:-9px;
	padding-top:12px;
	height:29px;
	text-decoration:none;
}

*+html .option4:hover{
	position:relative;
	top:0px;
	height:27px;	
}


.option5:hover{
	background:url(../images/option5c.png) repeat left;
	height:41px;
	margin-top:0px;
	text-decoration:none;
}
*html .option5:hover{
	position:relative;
	top:-9px;
	padding-top:12px;
	height:29px;
	text-decoration:none;
}


*+html .option5:hover{
	position:relative;
	top:0px;
	height:27px;	
}

.option6:hover{
	background:url(../images/option6c.png) repeat left;
	height:41px;
	margin-top:0px;
	text-decoration:none;
}
*html .option6:hover{
	position:relative;
	top:-9px;
	padding-top:12px;
	height:29px;
	text-decoration:none;
}

*+html .option6:hover{
	position:relative;
	top:0px;
	height:27px;	
}

.option7:hover{
	background:url(../images/option7c.png) repeat left;
	height:41px;
	margin-top:0px;
	text-decoration:none;
}

*html .option7:hover{
	position:relative;
	top:-9px;
	padding-top:12px;
	height:29px;
	text-decoration:none;
}
*+html .option7:hover{
	position:relative;
	top:0px;
	height:27px;	
}

.option8:hover{
	background:url(../images/option8c.png) repeat left;
	height:41px;
	margin-top:0px;
	text-decoration:none;
}
*html .option8:hover{
	position:relative;
	top:-9px;
	padding-top:12px;
	height:29px;
	text-decoration:none;
}

*+html .option8:hover{
	position:relative;
	top:0px;
	height:30px;	
}



.option1-selected{
	background:url(../images/option1b.png) no-repeat bottom;
	width:112px;
	margin-top:0px;
	margin-left:-23px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	height:40px;
	text-decoration:none;
	text-align:center;
	float:left;
}
*html .option1-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}
.option2-selected{
	background:url(../images/option2c.png) repeat left;
	margin-top:0px;
	margin-left:-1px;
	padding-left:7px;
	padding-right:7px;
	height:41px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option2-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}

.option3-selected{
	background:url(../images/option3c.png) repeat left;
	margin-top:0px;
	margin-left:-1px;
	padding-left:7px;
	padding-right:7px;
	height:41px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option3-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}

.option4-selected{
	background:url(../images/option4c.png) repeat left;
	margin-top:0px;
	margin-left:-1px;
	padding-left:7px;
	padding-right:7px;
	height:41px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option4-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}

.option5-selected{
	background:url(../images/option5c.png) repeat left;
	margin-top:0px;
	margin-left:-1px;
	padding-left:7px;
	padding-right:7px;
	height:41px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option5-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}

.option6-selected{
	background:url(../images/option6c.png) repeat left;
	margin-top:0px;
	margin-left:-1px;
	padding-left:7px;
	padding-right:7px;
	height:41px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option6-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}

.option7-selected{
	background:url(../images/option7c.png) repeat left;
	margin-top:0px;
	margin-left:-1px;
	padding-left:7px;
	padding-right:7px;
	height:41px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option7-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}

.option8-selected{
	background:url(../images/option8c.png) repeat left;
	margin-top:0px;
	margin-left:-1px;
	padding-left:7px;
	padding-right:7px;
	height:41px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	float:left;
}
*html .option8-selected{
	position:relative;
 	top:-11px;
	padding-top:10px;
}

.separador{
	background:url(../images/separador.gif) no-repeat;
	height:41px;
	width:3px;
	margin-top:0px;
	float:left;
}
*html .separador{position:relative; top:-10px; height:41px;}

.path{
	position:absolute;
	top:115px;
	left:260px;
	height:12px;
	color:#350099;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}
*html .path{
	position:absolute;
	top:115px;
	left:260px;
	
}
*+html .path{
	position:absolute;
	top:115px;	
}
.path-link{
	text-decoration:none;
	color:#638bd0;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	float:left;
}
.path-link:hover{
	color:#350099;
}

.project{
	margin:0px;
	position:relative;
	text-align: left; 
	z-index:10;
}

*html .project{
	margin:0px;
	position:relative;
	text-align: left; 
	z-index:5;
	float: left;
}

.middle{
width:200px;
}
.news{
	width:200px;
	padding-left:10px;
	float:left;
}
*html .news{
	padding-left:3px;	
	width:200px;
	float:left;
}

.header-news{
	width:100%;
	height:31px;
	margin-top:80px;
}
.header-news-top{
	width:100%;
	background:url(../images/fondo-notificaciones.gif) no-repeat top left;
	height:31px;
	color:#FFFFFF;
	text-transform:uppercase;
	/*font-variant:small-caps;*/
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	font-size:12px;
}

.header-news-left{
	width:28px;
	background:url(../images/news-left2.gif) no-repeat top left ;
	height:31px;
	float:left;
}

.header-news-right{
	width:100%;
	background:url(../images/news-right2.gif) no-repeat top right;
	height:31px;
	margin-top:15px;
}

.list-news{
	background:#f7f7f7;
	padding:4px;
	font-size:12px;
	max-height:200px;
	overflow-x:hidden;
	overflow-y:auto;
}
*html .list-news{
	height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:-7px;
	width:194px;
}
.footer-news{
	width:100%;
	height:10px;
	background-color:#638BD0;
}
.notice{
	width:100%;
	margin:4px;
	margin-right:4px;
}

.new-date-message{
	background: url(../images/message.gif) no-repeat;
	color:#3399ff;
	font-size:10px;
	text-align:right;
	margin-right:6px;
}
*html .new-date-message{
	padding-right:12px;	
}
.new-date-notification{
	background: url(../images/notification.gif) no-repeat;
	color:#3399ff;
	font-size:10px;
	text-align:right;
	margin-right:6px;
}
*html .new-date-notification{
	padding-right:12px;	
}

.new-text{
	font-size:10px;
}

.new-link{
	font-size:10px;
	color:#660000;
}	


.line{
height :4px;
border-bottom : 1px dashed #3399ff;
width:99%;
text-align:center;
padding-top :4px;
padding-bottom :4px;
}
.content{
	width:100%;
	float:left;	
}
.principal-content{
	padding-left:0px; /* ffff */
	width:80%; 
}
*html .principal-content{
	position:absolute;
	left:20px;
	width:80%;
}

.state_activity{
	padding-right:2px;
	padding-left:0px;
	height:18px;
}

.name_activity{
	padding-left:4px;
	font-size:12px;
	font-weight:bold;
	float:left;
}
.name_area{
	top:-5px;
	padding-left:4px;
	font-size:12px;
	font-weight:bold;
}

.name_forumboard{
	font-weight:bold;
	text-transform:uppercase;
	float:left;
}

.description_activity{
	background:#F5F5F5;
	border:1px solid #E1E1E1;
	clear:both;
	text-align:justify;
	position:relative;
	top:5px;
	padding-left:5px;
	padding-top:5px;
	width:98%;
	height:45px;
	overflow-y: auto;
}

.description_home{
	clear:both;
	text-align:justify;
	position:relative;
	top:5px;
	padding-left:5px;
	padding-top:5px;
	width:98%;
	overflow-y: auto;	
}
.description_area{
	clear:both;
	text-align:justify;
	padding-left:5px;
	padding-top:5px;
	width:98%;
	overflow-y: auto;
}
*html .description_area{
		
}

.description_forumboard{
	clear:both;
	text-align:justify;
	padding-left:20px;
	padding-top:3px;
	font-weight:normal;
	width:84%;
}

.action_activity{
	text-align:right;
	margin-top:10px;
	float:right;
}

.action{
	margin-top:-10px;
	margin-right:6px;
	valign:top;
	float:right;
}
.downloadarea .action{
	position:relative;
	top:-10px;	
}
.activities .action{
	margin-top:-20px;	
}

.category .action_activity{
	margin-top:5px;
	text-align:right;
	float:right;
	padding-right:10px;
}


.message_user{
	padding-left:4px;
	padding-top:-10px;
	padding-bottom:10px;
	height:16px;
	width:95%;
	font-size:10px;
	color:#666666;
	float:left;
}
.message_action{
	text-align:right;
	margin-top:-10px;
}
.message_text{
	clear:both;
	text-align:justify;
	padding-left:5px;
	padding-top:3px;
	width:95%;
	padding-bottom:20px;
}
.message_avatar{
	padding-top:0px;
	width:100%;
	text-align:center;
	float:left;
}
.footer{
clear:both;
background:url(../images/footer.png) repeat-x ; 
margin-top:50%;   
/*margin-top:20px;*/
height:23px;
min-width:850px;
width:100%;
color:#fff;
font-size:12px;
text-align:center;
font-weight:bold;
padding-top:5px;
}
*html .footer{
	min-width:850px;
	width:100%;
	}
	
*+html .footer{
	margin-top:0px;	
}

.website-left{
	*margin-left:12px;
	*margin-top:-2px; 
	width:20%; 
	float:left; 
	height:700px; 
	background-color:#F6FED2; 
	border:2px solid #46B029; 
	border-right: 1px solid #F6FED2;  
	overflow:auto;
}
.website-right{
	
	border:2px solid #46B029; 
	border-left:1px solid #F6FED2; 
	padding-left:10px; 
	padding-right:10px; 
	overflow:auto;
	height: 700px; 
	background-color:#fff;
}
*html .website-right{
	margin-left:-3px;
	*margin-top:-2px;	
	position:absolute;
	width:73%;
}


/* - - - - - - - - - - - - - - */
/*MENU DESPLEGABLE DE PROYECTOS*/
/* - - - - - - - - - - - - - - */



/*.proyect{ width:100px; height:126px;}
*html .proyect{margin-top:-30px; width:50px; margin-left:20px;}
		
#nav{margin:0;position:absolute;top:10px;right:30px;}
#nav li{color:#000; float:left; width:11em; margin:0; padding:0;
list-style:none;background:transparent;font:11px Verdana,Tahoma,Helvetica,Sans-serif;text-align:center;position:relative;cursor:default;}
#nav li ul{padding-top:7px;	margin:0;}
#nav a{text-decoration:none;}
#nav li a{ color: #000; font-weight: bold;}
#nav li a:hover{text-decoration:underline;}
#nav li li a:hover{text-decoration:none;}
#nav li li a{ border-color: #993333; border-style:solid; border-width:0 2px 1px 2px; display:block; color:#000000; font-weight: bold; line-height:18px;}
#nav li li a:hover{color:#000000;}
li ul{padding:0.5em 0 1em 0;display:none;position:absolute;top:100%;left:0;}
li>ul{top:auto;left:auto;}
li li{float:left;border:0;display:block;}
li:hover ul,li.over ul{display:block;}
*/
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px;
  list-style: none;
  float:left;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 18px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 18px;
  left: 0;
}

ul#navmenu-h ul:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; 
  display: block !important;
  display: inline; 
}


ul#navmenu-h a {
  border: 1px solid #FFF;
  border-right-color: #638BD0;
  border-bottom-color: #638BD0;
  padding: 0 6px;
  float: none !important;
  float: left;
  display: block;
  background: #C0D2F1;
  color: #666;
  font: bold 8px/18px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%;
}

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #C0D2F1;
  color: #666;
}

ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #C0D2F1;
  color: #FFF;
}

ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #C0D2F1;
  color: #666;
}

ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #C0D2F1;
  color: #FFF;
}

ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #C0D2F1;
  color: #666;
}

ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #C0D2F1;
  text-decoration:underline;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

#div_activities_options {width: 95%;}
#div_activities_options ul 
{	normal.css;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:10px;
	padding:0;
	width:95%;
}
#div_activities_options li {float:left; margin:10px; padding:0;}
#div_activities_options li a img {border:none;}
#div_activities_options li img {width:50px; height:50px;}
#div_activities_options li span {display:block; clear:both; text-transform: uppercase; font-size:9px; font-family: Verdana,Arial,Helvetica,sans-serif }
#div_activities_options a:hover img { filter: alpha(opacity=50); opacity: .5; }
/*#div_activities_content { clear: both;}*/

.CodeMirror-line-numbers {
	width: 2.2em;
    color: #aaa;
    background-color: #eee;
    text-align: right;
    padding-right: .3em;
    font-size: 10pt;
    font-family: monospace;
    padding-top: .4em;
}