

	#temas { position:fixed;bottom:30px;right:30px;border-radius:10px;
		box-shadow:0px 5px 10px rgba(0,0,0,.5);background:#67aeca;overflow:hidden }
	#temas h3 { margin:0 }
	#temas h3 a { display:block;padding:10px 15px;background:#5a8fa4;color:white;
		text-decoration:none;position:relative }
	#temas h3 a:hover { background:#e52a6f }
	#temas h3 a:before,
	#temas h3 a:after { position:absolute;top:13px;right:30px;width:2px;height:50%;
		content:"";background:#e52a6f;overflow:hidden;display:block; }
	#temas h3 a:before { transform:rotate(45deg); }
	#temas h3 a:after { transform:rotate(-45deg); }
	
	#temas h3 a i { color:#e52a6f; }
	
	
	#temas h3 a:hover:before,
	#temas h3 a:hover:after { background:white }
	#temas h3 a:hover i { color:white; }
	
	#temas.closed h3 a:before,
	#temas.closed h3 a:after,
	#temas.sending h3 a:before,
	#temas.sending h3 a:after { display:none }
	
	
	#temas.closed #temas-container { display:none }
	#temas-container { padding:10px 20px;color:white }
	
	#temas-container .item { margin-bottom:10px }
	#temas-container label { display:block }
	#temas-container label span { color:#e52a6f }
	#temas-container input { border:1px solid rgba(255,255,255,.5);background:transparent;padding:5px 7px;
		color:white;text-align:center;font-size:24px;outline:none;border-radius:5px;width:100% }
	#temas-container input:focus { outline:none;border:1px solid white }
	#temas-container button { background:#e52a6f;color:white }
	#temas-container button:hover { background:#e52a6f }
	
	#temas-message { font-size:16px }
	
	
	
	