@charset "utf-8";

/* CSS Document */
.tit-regl {
	border-radius: 3px;
	color: #ffaa06;
	background-color: rgba(0, 0, 0, 0.7);
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 8px;
	border: thin solid #666;
	margin-top: 50px;
}

.letra-abrev {
	border-radius: 2px;
	color: #FFF;
	background-color: #E85344;
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 8px;
	border: thin solid #666;
}

#myBtn {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Fixed/sticky position */
	bottom: 20px;
	/* Place the button at the bottom of the page */
	right: 30px;
	/* Place the button 30px from the right */
	z-index: 99;
	/* Make sure it does not overlap */
	border: none;
	/* Remove borders */
	outline: none;
	/* Remove outline */
	background-color: rgb(255, 102, 0);
	/* Set a background color */
	color: white;
	/* Text color */
	cursor: pointer;
	/* Add a mouse pointer on hover */
	border-radius: 10px;
	/* Rounded corners */
}

#myBtn:hover {
	background-color: rgb(245, 140, 91);
	/* Add a dark-grey background on hover */
	transition: all 0.9s;
}

.parpadeo {
	animation-name: parpadeo;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: parpadeo;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	color: #E85344;
}

@-moz-keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

.tipo {
	color: #FFF;
	background-color: #333;
	font-size: 17px;
	border: thin solid #FFF;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
}