body {
    color: #463c3c;
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 12px;
    font-style: normal;
       letter-spacing: 0;
    line-height: 20px;
   margin:0;
   background:rgb(124,27,62);
         }
a{text-decoration:none;}		 
.contenedor{
            width:780px;
			height:auto;
			overflow:auto;
			margin:0px auto 0px auto;
			background:#ffffff;
}

/**************************************** CABECERA **************************/

.cabecera{
          width:770px;
		  margin:0px auto 0px auto;
		  height:auto;
		  background:#ffffff;
		  border:0px #cacaca solid;
}	
.logo{
      margin-left:20px;
}	
/*************************************** MENU *********************************/

#menu{width:770px; margin:25px auto 6px auto; border:0px #cacaca solid;background:#ffffff;}
a.noti{margin-left:20px;color:#000;font-size:12px;padding:0px 2px 0px 2px;font-weight:bold;}
a.noti:hover{background:#000000;color:#ffffff;}

/*************************************************** CONTENT left*****************************/

.content{
         width:770px;
		 margin:0px auto 0px auto;
		 border: 4px rgb(205,205,205) solid;
		 overflow:hidden;
		 height:auto;
		 } 
.info{
		border:0px #cacaca solid; height:auto;
		width:150px; 
	  float:left;
	 padding-left:15px;
          }
.interes{width:150px;padding:25px 5px 0px 0px;margin-top:30px;font-size:12px;}
.ahora{width:150px;padding:25px 5px 0px 0px;font-size:12px;}
.mes{font-size:12px;}

/*************************************************** CONTENT LOGIN  DERECHA ************************/

.login{ width:580px;float:left;
padding:50px 0px 10px 20px;border:1px #cacaca solid;
}
.inpu{
      border:1px #cacaca solid;
	  
	  font-weight:bold;
	  font-size:10px;font-family: 'ArialMT', 'Arial', sans-serif;
	  padding:1px 1px 1px 5px;
}
.entra{
    border:0;
	  background:rgb(124,27,62);
	  color:#ffffff; font-weight:bold;
	  font-size:10px;font-family: 'ArialMT', 'Arial', sans-serif;
	  padding:1px 60px 1px 5px;
}	

.regis{margin:10px 0px 0px 50px;}
.regis h4{ color:rgb(205,205,205); margin:0px 0px 0px 0px; font-size:12px;font-weight:bold;}   
.regist{font-size:10px;}

/******************************** EDITA  MENUNOTICIAS **************************/

.destac{
 border:0;
	  background:rgb(205,205,205);
	  color:#ffffff; font-weight:bold;
	  font-size:10px;font-family: 'ArialMT', 'Arial', sans-serif;
	  padding:1px 1px 1px 5px;
	  margin-left:25px; 
}   
.destaca{
 border:0;
	  background:rgb(205,205,205);
	  color:#ffffff; font-weight:bold;
	  font-size:10px;font-family: 'ArialMT', 'Arial', sans-serif;
	  padding:1px 5px 1px 5px;
	  margin-left:5px; 
}  

.insertar{
font-size:12px; font-weight:bold;
font-family: 'ArialMT', 'Arial', sans-serif;
text-decoration:none;
color:rgb(205,205,205);
}
a.insertar:hover{color:rgb(124,27,62);}

.items{
list-style:none;
}
.item{
text-decoration:none;
font-family: 'ArialMT', 'Arial', sans-serif;
font-size:12px;
color:rgb(124,27,62);
}
a.item:hover{
       background:rgb(205,205,205);
}

/********************************************* EDITANOT *****************************/

.editanot{
width:96%;
margin:0px auto 0px auto;
font-family: 'ArialMT', 'Arial', sans-serif;
font-size:12px;
}
.editanot h4{ color:rgb(205,205,205); margin:0px 0px 0px 0px; font-size:12px;font-weight:bold;   
}

}
.titulo{
text-decoration:none;
font-family: 'ArialMT', 'Arial', sans-serif;
font-size:14px;
color:rgb(124,27,62);
}
a.titulo:hover{
       background:rgb(205,205,205);
}
.vertodas{
text-decoration:none;
font-family: 'ArialMT', 'Arial', sans-serif;
font-size:14px;
color:rgb(124,27,62);
margin-left:20px;
}
a.vertodas:hover{
       background:rgb(205,205,205);
}



.inputedi{
border:2px rgb(205,205,205) solid;
font-size:12px;
font-family: 'ArialMT', 'Arial', sans-serif;
}
.inputgris{
border:0px rgb(205,205,205) solid;
font-size:12px; color:#ffffff;
font-family: 'ArialMT', 'Arial', sans-serif;
background:rgb(205,205,205);
margin-bottom:5px;
}
.inputgrisimg{
border:0px rgb(205,205,205) solid;
font-size:12px; color:#ffffff;
font-family: 'ArialMT', 'Arial', sans-serif;
background:rgb(205,205,205);
margin-left:30px;
padding:1px 3px 1px 3px;
text-decoration:none;
}

/********************************************* FOOTER ******************************/
.footer{
  width:770px;
		 margin:0px auto 0px auto;text-align:right;font-family: 'ArialMT', 'Arial', sans-serif;}
.media{font-size:9px;}
.erretres{font-size:9px;}



/*********************************************** TAREAS **************************************/

.envia{font-size:12px;font-weight:bold;color:#cacaca;}	
.enviar{margin-right:5px;font-size:12px;font-weight:bold;float:left;border:1px #cacaca solid;padding:1px 2px 1px 2px;text-align:center;}
.asunto{font-size:12px;font-weight:bold;float:left;padding:1px 2px 1px 2px;width:100%;}
.contenido2{border:1px #cacaca solid;padding:10px;
width:500px;float:left;
}
.usuarios{margin-top:30px;font-size:11px;}
.usuario{width:120px;height:24px;float:left;border:1px #cacaca solid;text-align:center;}
.usuarion{width:150px;height:50px;float:left;border:1px #cacaca solid;font-weight:bold;text-align:center;}
.usuarioem{width:242px;height:24px;float:left;border:1px #cacaca solid;text-align:center;}

/********************************************************* CHAT ***************************************/
.chat{ width:580px;float:left;overflow:hidden;
padding:10px 0px 10px 20px;border:0px #cacaca solid;
}

.chat2{overflow:auto;
border:0px #cacaca solid;
width:580px;
background:#f0f0f0;
}

.chatl{
float:left;
width:460px;
background:#FFFFFF;

}

.chatr{ float:left;
width:120px;
background:#cacaca;
border-left:0px #000 solid;
}


.pchat{margin:0px 0px 3px 0px;font-size:12px;}

.userchat{padding:2px;}
.escribechat{font-size:12px;margin:0px 5px 0px 5px;}
.luser{font-size:12px;margin:0px 5px 0px 5px;}

/******************************************************* LISTIN ***********************/

.inputel{
float:left;border:0px #cacaca solid;font-size:12px;text-align:center;
}
.inputel2{
float:left;border:1px #cacaca solid;font-size:10px;text-align:center;margin-right:5px;
}
.listin{float:left;width:600px;font-size:12px;
}
/*********************************************** AGENDA *****************************/

.agenda{ width:580px;float:left;
padding:0px 0px 10px 20px;border:1px #cacaca solid;
}
.agenda H3{font-size:14px;font-weight:bold;margin:0px 0px 0px 0px;}
.agenda H4{font-size:16px;font-weight:bold;margin:0px 0px 0px 100px;}
.hora{float:left;border:0px #cacaca solid;}
.horainpu{font-size:16px;font-weight:bold;margin:0px 0px 0px 2px;border:0;width:30px;background:orange;
padding:3px 3px 3px 5px;}
.mesinpu{font-size:16px;font-weight:bold;margin:0px 0px 0px 2px;border:0;background:orange;
padding:3px 3px 3px 5px;}
.asunto{font-size:12px;margin-bottom:20px;}
/********************************************** CALENDAR ****************************/

.calendar{
position:fixed;top:50px;left:0px;width:200px;height:250px;background:blue;
}