@charset "UTF-8";

#chat{
	margin: -4px 0px 0px -150px;
	width: 240px;
	position: fixed;
	left: -112px;
	top: 184px;
	box-shadow: 2px 2px 2px gray;
	
	 transition: left 1s;
    -moz-transition: left 1s;
    -o-transition: left 1s;
    -ms-transition: left 1s;
    -webkit-transition: left 1s;

}
#contacto{
    width: 630px;
	position: fixed;
	height: 90%;
	padding: 13px;
	margin: 0;
	box-shadow:-3px 5px 18px black;
	right:-680px;
	top: 10%;
	
	
	 transition: right 1s;
    -moz-transition: right 1s;
    -o-transition: right 1s;
    -ms-transition: right 1s;
    -webkit-transition: right 1s;
}
#contacto_button{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	position: fixed;
	right: -46px;
	top: 225px;
	background-color:#b40014;
	
}
#chat_button{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	position: fixed;
	left: -46px;
	top: 225px;
}
.drop {
height: 20px;
}