#listChat{
	border: solid 0px;
	padding:0px;
	margin-bottom: 30px;
	margin-right:300px;
	position: fixed;
	right:0px; bottom: 0px;
	overflow-y: auto;
	z-index: 49;
	height: 340px;
}
#listChat li {
	list-style-type: none;
	width: 301px;
	float: right;
	padding: 7px;
	margin-left:5px;
	margin-right:5px;
}
#listChat li ul{
	padding:0px;
	bottom:0px;
	margin-bottom: 30px;
	position:fixed;
	float: left;
}

#listChat li ul li{
	float: none;
	color:#FFFFFF;
	background-color:#424242;
}
#listChat li ul li:first-child{
	border-radius: 10px 10px 0px 0px;
}

@media screen and (max-device-width: 500px) { 
		
	#listChat li {
		width: 309px;
	}
	#listChat li ul li:first-child{
		border-radius: 10px 10px 0px 0px;
    	padding-right: 0px;
	}	
}
.fotoChat{
	width: 30px; 
	height: 30px;
	border: 1px solid #424242;
	vertical-align: middle;
	margin-bottom: 2px;
	background-color: #FFFFFF;
}
.adjuntar{
	margin-left:5px;
	margin-top:4px;	
	vertical-align: top;
	width:24px;
}
#listChat textarea{
	width: 265px;
	max-width: 296px;
	height: 30px;
	max-height:200px;
}
x{
	float: right;
	margin-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	cursor: pointer;
}
#listChat estado{
	color: #424242;
	font-size: 30px;
	float: right;
	margin-right:10px;
}
x:hover{
	color:#FBB03B;
}

/*=============================   MENSAJES*/
.areaMensajes{
	background-color:#FFFFFF;
	color: #424242;
	padding: 5px;
	border: #000000 solid 1px;
	margin-top:5px;
	margin-bottom:5px;
	width: 290px;
	overflow-y: auto;
	height:200px;
	max-height: 300px;
}
.areaMensajes a{
	color:#39a6ff;
	font-weight:bold;
}
#listChat li ul li ul{
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	
	font-size:13px;
	padding:0px;
	margin:0px;
	bottom: auto;
	position: inherit;
}
#listChat li ul li ul li{
	color:#424242;
	background-color: #FFFFFF;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	width:275px;
}
.fecha{
	font-size:9px;
	font-weight:bold;
	text-align:center;
	border-top: 1px dotted #AFAFAF;
	margin-top:15px;
}
hora{
	font-size:9px;
	font-style: italic;
	text-transform:lowercase;
}