@font-face {
    font-family: Danube;
    src: url(../font/danube.eot);
}
@font-face {
    font-family: Danube;
    src: url(../font/danube.ttf);
}
@font-face {
    font-family: Helmet;
    src: url(../font/helmetcondensed.eot);
}
@font-face {
    font-family: Helmet;
    src: url(../font/helmetcondensed.ttf);
}
@font-face {
	font-family: MuseoModernoLight;
	src: url("../font/MuseoModerno-Light.ttf") 
}
@font-face {
	font-family: MuseoModernoMedium;
	src: url("../font/MuseoModerno-Medium.ttf") 
}
@font-face {
	font-family: MuseoModernoBold;
	src: url("../font/MuseoModerno-Bold.ttf") 
}

#d-promo-wrapper{
	background: #e4e4e4;
	padding-bottom: 2em;
}
#bannerficha{
	width: 80%;
	margin: 0 auto;
}

#textogrande{
	font-family: MuseoModernoLight, sans-serif;
	font-size: 1.6em;
	color: #4e4e4e;
	text-align: center;
	width: 70%;
	margin: 0 auto;
	margin-top: 1em;
}

#d-col-container{
	width: 70%;
	color: #2e2e2e;
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 2em;
}


#d-description-promo{
	display: table-cell;
	background: #fff;
	width: 65%;
	padding: 1%;
	margin-top: 0.8em;
}

#d-description-promo p{
	margin-bottom: 1em;
}

#d-informacion-promo{
	display: table-cell;
	background: #fff;
	width: 35%;
	padding: 1%;
	margin-top: 0.8em;
	border-left: 1em solid #e4e4e4;
}

#d-informacion-promo h2{
	font-weight: bold;
}

#d-programme{
	display: none;
}

#d-programme em{
	font-weight: bold;
}

#d-programme #p-fecha{
	font-weight: bold;
}

#a-boton-caja-activo{
	color: #fff;
	padding: 8px 18px;
	font-family: MuseoModernoLight;
	font-size: 1em;
	background: #fd862c;
	box-shadow: 0 4px 0 #fd7813, 0 10px 20px rgba(0, 0, 0, .4);
	border-radius: 1px 1px 1px 1px;
	-moz-border-radius: 1px 1px 1px 1px;
	-webkit-border-radius: 1px 1px 1px 1px;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(253,120,19, .7);
}

.bottom-arrow{
	position: absolute;
	bottom: -22px;
	width: 15px;
	left: 38px;
}

.d-tab{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;

}

#d-tab-active{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

.d-tab .a-boton-caja{
	color: #fff;
	padding: 8px 18px;
	font-family: MuseoModernoLight;
	font-size: 1em;
	background: #6f6f6f;
	box-shadow: 0 4px 0 #4e4e4e, 0 10px 20px rgba(0, 0, 0, .4);
	border-radius: 1px 1px 1px 1px;
	-moz-border-radius: 1px 1px 1px 1px;
	-webkit-border-radius: 1px 1px 1px 1px;
	text-decoration: none;
}

.d-tab .bottom-arrow{
	visibility: hidden;
}

#arrow-1{
	visibility: visible;
}

#d-cabecera-informacion{
	position: relative;
	font-family: MuseoModernoLight;
	color: #fff;
	font-size: 1em;
	left: 66.5%;
	top: -2.8em;
	width: 33.4%;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	background: #fd7813;
	margin-bottom: -2.5em;
}

#d-cabecera-informacion p{
	margin-left: 1em;
}

#d-cabecera-informacion2{
	display: none;
}

#d-precio{
	text-align: center;
}
#p-desde{
	font-weight: bold;
}

#p-precio{
	font-family: MuseoModernoMedium;
	color: #fd7813;
	font-size: 1.3em;
	font-weight: bold;
}

#p-categoria-personas em{
	font-weight: bold;
}

#d-condiciones{
	margin-top: 1em;
}
#d-condiciones p{
	margin-bottom: 0.2em;
}

#d-boton-mail{
	text-align: center;
}

#d-boton-mail p{
	margin-bottom: 1em;
	margin-top: 2em;
}

#d-boton-mail p em{
	font-weight: bold;
	color: #fd7813;
}

footer{
	margin-top: 0;
}

@media screen and (max-width: 768px){
	#d-description-promo{
		display: inline-block;
		background: #fff;
		width: 100%;
		padding: 1%;
		margin-top: 0.8em;
	}

	#d-informacion-promo{
	display: inline-block;
	background: #fff;
	width: 100%;
	padding: 1%;
	margin-top: 0.8em;
	border-left: 0;
	}

	#d-cabecera-informacion{
		display: none;
	}

	#d-cabecera-informacion2{
	display: inline-block;
	font-family: MuseoModernoLight;
	color: #fff;
	font-size: 1em;
	width: 30%;
	margin-top: 1em;
	padding-top: 0.6em;
	padding-left: 1em;
	padding-bottom: 0.6em;
	background: #fd7813;
	}

	#d-col-container{
		width: 90%;
	}

	#bannerficha{
		width: 90%;
	}
}

@media screen and (max-width: 414px){
	#textogrande{
		width: 90%;
		font-size: 1.2em;
	}
	#bannerficha{
	width: 100%;
	}

	#d-cabecera-informacion2{
		width: 40%;
	}
}