@charset "utf-8";
/* CSS Document */

/* Botones estilo Andarines (Basado en tus archivos) */
.btn-andarines {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 2px 8px rgba(0,0,0,0.3);
    transition: all 0.3s;
    margin: 10px;
}

/* Colores extraídos de tu configuración bt01-bt06 */
.bt-naranja { background: #FF9619; color: white; } /* bt01 */
.bt-azul    { background: #1996FF; color: white; } /* bt02 */
.bt-verde   { background: #96FF19; color: #0000FF; } /* bt03 original */
.bt-rojo    { background: #FF1919; color: white; } /* bt04 */


.titulo-menu-inicio a {
    text-decoration: none;
    color: #333;
    display: block;
    background: #f4f4f4;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 2px solid #ddd;
}
.titulo-menu-inicio a:hover {
    background: #e0e0e0;
}


/*==========================================================*/
/*-------------------- BOTON  UNO  NARANJA -----------------*/
/*==========================================================*/
.menu-horizontal{
	width:100%;
	text-align:center;
	padding-top:100px;
}

.bt01, .bt01:focus{
	padding: 0.5rem;
	padding-bottom: 0.35rem;
	position:relative;
	display:inline-block;
  /* IE7 inline-block hack */
  *zoom: 1;
	margin-top:5px;
	margin-bottom:8px;
	border-radius: 0.5rem;
	line-height: 1.15rem;
	font-size: 0.80rem;
	font-weight:900;
	text-transform:uppercase;
/*blanco - negro*/
	text-shadow: 0px 2px 2px rgba(255,255,255,0.5),0px -1px 1px rgba(0,0,0,0.8);
/*oscuro*/
	border-top-color: 0.25px solid rgb(150,75,0);
/*medio*/
	border-color: 0.25px solid rgb(255,150,0);
/*claro*/
	border-bottom-color: 0.25px solid rgb(255,210,75);
/*medio*/
	background-color: rgb(255,150,0);
/*claro - oscuro*/
	background-image: -webkit-gradient(linear,left top,left 	bottom,color-stop(10%,rgb(255,210,75)),to(rgb(150,75,0)));
/*claro - oscuro*/
	background-image: linear-gradient(-180deg, rgb(255,210,75) 0%, rgb(150,75,0) 100%);
/*efecto 3d*/
	color:#000000;/*COLOR TEXTO - NEGRO*/
		box-shadow: 1px 1px 8px #888888,
					1px 2px 1px #888888,
					1px 3px 1px #888888,
					1px 4px 1px #888888,
					1px 10px 4px rgba(16, 16, 16, 0.4),
					1px 14px 8px rgba(16, 16, 16, 0.4);
text-decoration:none;
}

.bt01 span{
/*claro - casi blanco*/
	background-image: linear-gradient(0deg, rgb(255,210,75) 0%, rgb(255,255,200) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 1px 1px hsla(290, 50%, 70%, 1));
/*blanco - negro*/
text-shadow: 0px 2px 2px rgba(255,255,255,0.5),0px -1px 1px rgba(0,0,0,0.8);
	color:#FFF;/*COLOR TEXTO - BLANCO*/
}

.bt01:hover{
/*medio*/
	background-color: rgb(255,225,50);
	/*claro - oscuro*/
	background-image: -webkit-gradient(linear,left top,left 	bottom,color-stop(10%,rgb(255,240,150)),to(rgb(240,120,0)));
	/*claro - oscuro*/
	background:linear-gradient(to bottom, rgb(255,240,150) 5%, rgb(240,120,0) 100%);
	color:#FFF;/*COLOR TEXTO - BLANCO*/
  }

.bt01::before{
	content: "";
	height: 0.25rem;
	position:absolute;
	display:block;
	top: 0.3rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 3rem);
/*puntas del reflejo*/
	background: rgb(255,255,255);
	border-radius: 100%;
	opacity: 0.6;
/*cuerpo del reflejo - blanco - blanco - blanco - blanco*/
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, rgb(255,255,255) 20%, rgb(255,255,255) 80%, rgba(255,255,255,0.00) 100%);
	color:#000000;
}

.bt01::after{
	content: "";
	height: 0.25rem;
	position:absolute;
	display:block;
	bottom: 0.75rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 3rem);
/*puntas del reflejo*/
	background: rgb(255,255,255);
	border-radius: 100%;
	filter: blur(1px);
	opacity: 0.05;
/*cuerpo del reflejo - blanco - blanco - blanco - blanco*/
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, rgb(255,255,255) 20%, rgb(255,255,255) 80%, rgba(255,255,255,0.00) 100%);
	color:#000000;
}