.elcomparador {
  visibility:hidden;
  z-index:999;
  position: absolute;
  top: 5%; 
  left: 50%;
  transform: translate(-50%, -5%); 

}

  
input { font:12px arial; }
  
  
#wrapper, #loginform {
    margin:0 auto;
    padding-bottom:25px;
    background:#EBF4FB;
    
    border:1px solid #ACD8F0; }
  
#loginform { padding-top:18px; }
  
    #loginform p { margin: 5px; }
  
#chatbox {
    text-align:left;
    margin:0 auto;
    margin-bottom:25px;
    padding:10px;
    background:#fff;
    border:1px solid #ACD8F0;
    overflow:auto;
	}
	

/* For desktop: */
.colchat_1 {width: 88%;
		 height:270px;}
		 
.colchat_2 {width: 100%;}
.colchat_3 {width: 504px;}
.colchat_4 {width: 504px;
	background:url(../img/logo_chat.png)  no-repeat center;}


@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .colchat_m_1{
        width: 90%;
		height:90px;
		font-size:9px;
    }
	.colchat_m_2 {width: 88%;}
	.colchat_m_3 {width: 88%;}
	.colchat_m_4 {width: 88%;
	background:url(../img/logo_chat_m.png) no-repeat center;;}
}
	
#usermsg {
	height:25px;
    border:1px solid #ACD8F0;
	margin-left:5px;
	}
  
#submit_chat { width: 65px; }

#submitmsg_chat {
    border:1px solid #ACD8F0;
	height:19px;
	}
  
.error { color: #ff0000; }
  
#menu { padding:12.5px 25px 12.5px 25px;
}
  
.welcome { float:left; }
  
.logout { float:right; }
  
.msgln { margin:0 0 2px 0; }