@font-face {
font-family: PTSans;
src: url('../fonts/PTSans.ttc');
}
@font-face {
font-family: BodoniXT;
src: url('../fonts/BodoniXT.ttf')format('truetype');
}
@font-face {
font-family: 'Alright-Sans';
src: url('../fonts/AlrightSans-Regular.otf');
}

.titulo_d{
	font-family: BodoniXT;
	font-size:30px;
	font-weight:500;
	font-stretch:expanded;
	letter-spacing:5px;
	color:#987824;
}

.titulo_b{
	font-family: BodoniXT;
	font-size:30px;
	font-weight:500;
	color:#fff;
}

.texto{
	font-family:PTSans;
	font-size:20px;
	color:#FFFFFF;
}

.texto_menu{
	font-family:Alright-Sans;
	font-size:29px;
}
.texto_descr_hab :before{
	font-family:Alright-Sans;
	font-size: 14px; 
	color: #fff; 
	letter-spacing:1px; 
	font-weight:100;
	line-height: 23px; 
	text-align: center; 
	padding: 3px;
}

.f_morado_d{
		background-color: #28002D;	
	}
	.f_morado_l{
		background-color:#542568;
	}
	.f_morado{
		background-color:#461F4C;
	}
	.f_morado_m{
		background-color:#4B088A;
	}
	.f_dorado{
		background-color:#987824;
	}
	.f_gris{
		background-color:#F3F4F6;
	}	
	
	.reserva{
		padding: 5px;
		cursor: pointer;	
		color:#fff;
	}
	
	.linea_d {
			border: 1px solid #987824;
			height: 0;
			width: 20%;
		}
		
		.linea_d2 {
			border: 1px solid #987824;
			height: 0;
			width: 40%;
		}
		.borde_d {
			padding: 5px;
			border: 1px solid #987824;
			cursor: pointer;
			z-index: 0;
		}

		.borde_b {

			border: 1px solid #fff;
			cursor: pointer;
		}

		.menu_p {
			width: 100px;
			font-family: Alright-Sans;
			position: absolute;
			top: 50px;
			left: 5px;
			text-align: center;
			cursor: pointer;
			z-index: 100;
		}
		.separacion {
			position: relative;
			width: auto;
			height: 150px;
			background-color: #380B61;
		}

		.verticalLine td {
			border-left: thick solid #987824;
		}

		#calendar {
			max-width: 900px;
			margin: 0 auto;
			margin: 40px 10px;
			padding: 0;
			font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
			font-size: 14px;
			color: #000000;
		}
		.div_submenu {
			position: absolute;
			top: -5px;
			left: 0px;
			width: 100%;
			height: 230px;
		}
		/* estilos de las imagens de reservacion*/

		.ocupada {
			color: red;
		}
		.ocupada:hover {
			color: red;
		}

		.ocupada img {
			background:#000000;
			border: 1px solid red;
			opacity: 0.6;
			filter: alpha(opacity=60); /* For IE8 and earlier */
		}
		.md-overlay2 {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 500;
			background: rgba(0, 0, 0, 0.8);
			display: none;
		}

		.md-trigger{
			cursor:pointer;
		}
		
		.link{
			color:#fff;
		}
		
		.md-close{
			cursor:pointer;
		}
		.md-close:hover{
			opacity:0.8;
			cursor:pointer;
		}
		
		.transparencia{
			opacity:.4;
		}


	
	
	
	.input_f{
		background:rgba(255, 255, 255, 0.6);	
		border-bottom: 2px solid grey;
		border-top:2px solid grey;
		border-left:0px;
		border-right:0px;
		padding: 2px;
		padding-left:5px;
		color:#28002D;	
	}
	
	.input_form{
		padding:3px;
		border:none;
		background:#f1f1f1;
		width:70%;
	}
	
	.input_form:after{
		padding:3px;
		border:none;
		background:#f1f1f1;
		width:70%;
		color:#28002D;
	}
	.input_form:focus{
		content:'';
		outline:0px;
	}
	
	.input_form:-webkit-input-placeholder {
     color:#c00;
     font-weight: bold;
	}
	.input_form:-moz-placeholder {
	    color:#c00;
	    font-weight: bold;
	}


	.linea_forma {
			border: 1px solid #AFB5BB;
			height: 0;
			line-height:1px;
			width: 100%;
	}
	.td_form td{
		font-weight:700;
		padding:5px;
		color:#AFB5BB;
		font-size:13px;
		border-top: 2px solid #AFB5BB;
		border-bottom: 2px double #AFB5BB;
	}
	
	.form_spa td{
		border-radius:5px;
		padding-left:.2%;
		padding-right:.2%;
		padding-bottom:.9%;
		padding-top:.9%;
		border: 1px solid #AFB5BB;
		text-align:center;
	}
	
	.form_spa tbody tr:nth-child(even){ background-color:#f1f1f1;}
	.form_spa thead tr{ background-color:#FFFFFF;
	color:#28002D;}
	
	.t_spa{
		font-family:Alright-Sans;
		font-size: 16px; 
		text-shadow: 3px 3px #F1f1f1;
		color:#987824; 
		font-weight: 100; 
		letter-spacing: 0px;
	}
	
	.precio_spa{
		font-size: 14px; 
		background:#fff; 
		padding: 5px; 
		color: #987824; 
		cursor: pointer;
		
	}
    
	.b_spa{
		font-size: 14px; 
		border: 1px solid #987824; 
		border-radius:3px;
		background:#fff; 
		padding: 5px; 
		color: #987824; 
		cursor: pointer;
		
	}
	
	.b_spa:hover{
		color:#566475;
		border: 1px solid #987824; 
		border-radius:3px;
	}
	
	
/*Clase que se agregar cuando un campo esta equivocado*/
.normal{
	color:#AFB5BB;
}
.invalido{
	
	color:red;
}
.valido{
	
	color:green;
}

/*Estilo modal notificar*/
.m_bien >.md-content{
	        border: 3px groove rgba(0, 118, 0, 0.5);
			background:rgba(0, 118, 0, 0.8);
		}
		.m_error >.md-content{
			border: 3px groove rgba(255,5,5,0.8); 
			background:rgba(255,5,5,0.8);
				
			
		}
		.bien{
			text-align:center;
			color:#fff;
			font-size:18px;
			font-family:Alright-Sans;
			letter-spacing:1px;
			font-weight:100;
		}
		.error{
			text-align:center;
			color:#fff;
			font-size:18px;
			font-family:Alright-Sans;
			letter-spacing:1px;
			
		}
/* fin Estilo modal notificar*/	

	

/*.col-sm-12 .col-xs-12 .col-md-6 !important{
	padding: 0px
}*/