#Mensajes {
	z-index:2000;
	/*border: 3px solid white;*/
	text-align:center;
	background:#2E2E2E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:navy;
	font-weight:bold;
	position:fixed; /*//esta es obligatoria, si no pone el div abajo*/
}

#MensajesScroll .scrollEl {
	/*background :url("elBgnd.png") repeat-x;
	background:url(../imgs/elBgnd.png) repeat-x;*/
	border:1px solid white;
	font-family:sans-serif;
	font-size:12px;
	padding:10px;
	
	color:#369;
	height:100%;
	text-shadow:#999 1px 1px 1px;
	text-align:center;
	/*CSS3 properties*/
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	
	
}
#controls1 div{
  font-family:sans-serif;
  margin-top:5px;
  background:#C7C7C7;
  margin-left:5px;
  padding:5px;
  cursor:pointer;
  background-color:#C7C7C7;


 
}
#MensajesScroll {
	float:left;
	margin-left:35px;
	overflow: scroll;
	overflow-y:visible;
	overflow-x:hidden;
	height: 440px;
	z-index:2000 !important;
	
/*	margin-left:900px;*/
}

#controls .sel, #controls1 .sel {
	color:black !important;
	font-weight:bold;
}
#controls .disabled, #controls1 .disabled {
	color:gray;
}
#controls .page, #controls1 .page {
	padding:5px;
	color:gray;
}
.colormensaje1{
	background-color:#edebe6;
}
.colormensaje2{
	background-color:#d6e1c7;
}
.cerrarM{
	margin-left:800px;
}
#page{
  	background-color: #C7C7C7;
    display: block;
    width: 820px;
	padding:5px;
	font-size:14px;
}

#image{
	text-align:center;
}
#msge{
	vertical-align:super;
	margin-left:8px;
	width:auto;
}
#fechaMsge{
	vertical-align:top;
	text-align:right;
	display:block;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size:9px;
	font-weight:bold;
	font-style:italic;
	width:100%;
	
}
#rolMsge{
	display:block;
	text-align:left;
	margin-top:-10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size:10px;
	color:red;
	/*position:fixed;*/
}
#textoMsge{
	vertical-align:middle;
	text-align:left;
	display:block;
	margin-top:-5px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size:9px;
	overflow-y:visible;
	overflow-x:hidden;
	height:35px;
	width:750px;
	/*background-color:pink;*/

	/*position:fixed;*/
}
.msgNvo{
	/*background-color:gray;*/
	background:url(../imgs/nuevo.png) no-repeat;
	
	background-repeat: no-repeat;
  	background-position: 52em 0.3cm;
	background-color:#FFF8DC;

	/*background-image:url(../imgs/nuevo.png)  repeat-x;*/
}

#titMsges{
	width:100%; 
	color: white;
	margin-bottom:10px;
	font-size:16px;
}

.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
	vertical-align:middle !important;
	 border-left: 0 none;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}