@charset "utf-8";
/* CSS Document */
*, ::after, ::before {
	box-sizing: border-box;
}
.img-banner {
	margin-right: auto;
	margin-left: auto;
}
.banner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
 border-radius: .25rem;
}
.naranjo {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0 ); /* IE6-9 */
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-weight: bold;
	opacity: 0.5;
}
.abcd {
	/*background: #d67e23;*/
	background-color: rgba(215, 93, 42, 0.3);
	color: #333;
	font-weight: bold;
	text-align: center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #555555;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.indice {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
	background: #f9c667; /* Old browsers */
	background: -moz-linear-gradient(left, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f9c667 0%, #f79621 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f9c667 0%, #f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621', GradientType=1 ); /* IE6-9 */
	color: #333;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 9px;
	border-radius: 1px;
}
.tabla-abcd {
	border-spacing: 0;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	margin-bottom: 25px;
}
.tabla-bordered {
	background-color: rgba(215, 93, 42, 0.4);
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
    border: 1px solid #d67e23;
}
.tabla-bordered td, .tabla-bordered th {
	border: 1px solid #d67e23
}
.tabla-hover tbody tr:hover {
	background-color: rgba(0,0,0,0.5)
}
.tabla-responsive {
	min-height: .01%;
	overflow-x: auto
}
@media screen and (max-width:320px) {
.tabla-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.fondo-nav {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#565656+0,0e0e0e+100 */
background: #565656; /* Old browsers */
background: -moz-linear-gradient(top,  #565656 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #565656 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #565656 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}
@media screen and (max-width:576px) {
.tabla-abcd {
	border-spacing: 0;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
}
.volver {
	border-radius: 5px;
	color: #FFF;
	background-color: #f00;
	float: right;
	padding-right: 4px;
	padding-left: 4px;
	border: thin solid #000;
	position: fixed;
	right: 15px;
	top: 60px;
}
@media screen and (max-width:359px) {
	.volver {
	border-radius: 5px;
	color: #FFF;
	background-color: #f00;
	float: right;
	padding-right: 2px;
	padding-left: 2px;
	border: thin solid #000;
	position: fixed;
	right: 10px;
	top: 100px;
}
}
.parpadeo3 {
	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;
}
@-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; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.subir {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0 ); /* IE6-9 */
	color: #333;
	font-weight: bold;
}
.letra {
	border-radius: 2px;
	color: #FFF;
	background-color: #333;
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 8px;
}
.letra-abrev {
	border-radius: 2px;
	color: #FFF;
	background-color: #333;
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 8px;
	border: thin solid #666;
}
.tit-regl {
	border-radius: 3px;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 8px;
	border: thin solid #666;
	margin-top: 50px;
}
.inicio {
	text-align: center;	
}
.subrayado {
	text-decoration: underline;
	letter-spacing: 0.5em;
}
.bisel {
text-shadow: -1px -1px 1px #000;
}