*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none !important;
	color: currentColor !important;
}

/************************************************************* Baguette Box*/
.gallery{
	text-align: center;
}

.ze_imagelist{
	display:-webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/************************************************************* FIN Baguette Box*/

body{
	background-color: rgb(240, 240, 240) !important;
}

.container{
	background-color: white;
	max-width: 900px;
}

.titulo01 {
  font-size: 15pt;
  font-family: Tinos;
  margin-top: 10px;
  margin-bottom: 0px !important;
}

/*************************************************************BARRA DE PROGRESO*/
.progress-bar{
	z-index:20000;
	position:fixed;
	background-color: #337ab7 !important;
	top:0;
	left:0;
	max-height:5px;
	min-height:5px;
}
#progreso{
	z-index: 10000;
	transition:linear;
	-webkit-transition:linear;
}
#coordenadas{
	z-index:19999;
	position:fixed;
	top:0;
	left:0;
	max-height:5px;
	min-height:5px;
	height:5px !important;
	background-color:#acdbeb !important;
	margin-bottom:0px !important;
	width:100%;
}
#final{
	position:relative;
	bottom:100vh;
}
/*************************************************************FIN BARRA DE PROGRESO*/

/*********************************************************** CAROUSEL*/
.carousel{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 120px !important;
}
.miniatura{
	width: 100px !important;
}
.carousel-indicators{
	bottom: -30px !important;
	left: 0px !important;
	width: 100% !important;
	margin-left: 0px !important;
}
@media (max-width: 991px){
	.miniatura{
		width: 80px !important;
	}
}
@media (max-width: 700px){
	.miniatura{
		width: 30px !important;
	}
	.carousel{
		margin-bottom: 70px !important;
	}
}
/*********************************************************** FIN CAROUSEL*/

/*************************************************************BOTÓN VOLVER ARRIBA*/
#volverarriba {
    display: none;
    position: fixed;
    bottom: 60px;
    width: 50px;
    right: calc(90% - 25px);
    opacity: 0.5;
}
/*************************************************************FIN BOTÓN VOLVER ARRIBA*/

/*********************************************************** REDES FIJAS*/
.listaredes{
	display: flex;
	background-color: black;
	z-index: 10000;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	list-style: none;
	margin-bottom: 0px;
}
.elementolistaredes{
	text-align: center;
	flex: auto;
	padding: 10px;
	transition: .5s;
	z-index: 2000000;
}
@media (max-width: 425px){
  .elementolistaredes{
    display: none !important;
  }
}
.logoredes{
	width: 30px;
	z-index: 2500;
}
.colorfb:hover{
	background-color: rgba(25, 84, 217, 0.70);
}
.colortw:hover{
	background-color: rgba(25, 171, 217, 0.7);
}
.colorin:hover{
	background-color: rgba(217, 25, 25, 0.7);
}
/*********************************************************** FIN REDES FIJAS*/

/*********************************************************** MENÚ*/
.menu01{
	display: flex;
	list-style: none;
	margin-bottom: 50px;
	margin-left: -15px;
	margin-right: -15px;
	height: 40px;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
}
.elementomenu01{
	margin: auto;
	flex: auto;
	font-family: tinos;
	font-size: 12pt;
	color: grey !important;
}
.elementomenu01:hover{
	color: black !important;
	transform: scale(1.1) !important;
	transition: .2s;
}
/************************************MENÚ FIJO*/
.imgmenu{
	width: 200px;
	display: none !important;
}
.menu01fijo{
    position: fixed;
    top: 0;
    width: 900px;
    background-color: white;
    margin-top: 5px;
    z-index: 10000;
}
.visible{
	display: block !important;
}
/************************************FIN MENÚ FIJO*/

/************************************MENÚ responsive FIJO*/
.imglogoresponsive{
	width: 300px !important;
}
.imglogoresponsive01{
	width: 25px !important;
}
.botonresponsive{
	position: fixed;
	z-index: 10000;
}
.menu01responsive{
	list-style: none;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0px !important;
}
/************************************FIN MENÚ responsive FIJO*/
/*********************************************************** FIN MENÚ*/

/*********************************************************** EDITORIAL*/
.logoeditorial {
  width: 25px;
  margin-top: -1px !important;
  margin-right: 5px;
}
.botonmodaleditorial {
  margin-bottom: 50px !important;
}
/*********************************************************** FIN EDITORIAL*/

/*********************************************************** ELEMENTOS SECCIÓN*/
.bloqueseccion {
  border-top: solid black 1px;
  padding-top: 20px;
  padding-left: 5px !important;
}
.seccion {
  font-size: 5em;
  font-family: Tinos;
  color: rgb(186, 192, 190);
  margin-top: 0 !important;
}
.epigrafenoticia {
  font-size: 1em;
  font-family: verdana;
	line-height: 120%;
  margin-bottom: 4px !important;
}
.epigrafenombrecargo {
  font-size: 16pt;
  font-family: verdana;
	color: rgb(186, 192, 190);
	line-height: 120%;
  margin-bottom: 4px !important;
}
.titulonoticia01 {
  font-size: 2em;
  font-family: Tinos;
  line-height: 90%;
  margin-top: 0px !important;
}
.titulonoticia13pt {
  font-size: 13pt;
  font-family: Tinos;
  font-style: bold;
	line-height: 100%;
  text-align: left;
  color: black;
}
.titulonoticia18pt {
  font-size: 18pt;
  font-family: Tinos;
  font-style: bold;
	line-height: 100%;
  text-align: left;
  color: black;
  margin-top: 15px !important;
}
.titulonoticia36pt {
  font-size: 36pt;
  font-family: Tinos;
	line-height: 90% !important;
  font-style: bold;
  text-align: left;
  color: black;
  margin-top: 15 !important;
}
.titulonoticia40pt {
  font-size: 40pt;
  font-family: Tinos;
  font-style: bold;
  text-align: left;
  color: black;
  margin-top: 15 !important;
}
.firma01 {
  font-size: 8pt;
  font-family: quattrocento;
  text-transform: uppercase;
  line-height: 135%;
}
.numero {
  font-size: 10pt;
  font-family: quattrocento;
}
.textonoticia01 {
  font-family: quattrocento;
  line-height: 105%;
  font-size: 1.1em;
}
.pie01 {
  font-size: .90em !important;
  font-family: Quattrocento !important;
  line-height: 120% !important;
  padding-top: 5px !important;
  padding-bottom: 15px !important;
}
.pie02 {
  font-size: 10pt !important;
  font-family: Quattrocento !important;
  line-height: 120% !important;
  padding-top: 5px !important;
  padding-bottom: 15px !important;
}
.imgcomillas{
	width: 100px;
	margin-right: 100px;
}
.destacado01{
	font-size: 1.5em;
	font-family: 'Anton', sans-serif;
	line-height: 120%;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 20px;
}
.destacado01derecha{
	font-size: 1.5em;
	font-family: 'Anton', sans-serif;
	line-height: 1;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 20px;
  margin-left: 0px !important;
  padding-left: 0px !important;
}
/*********************************************************** FIN ELEMENTOS SECCIÓN*/

/*********************************************************** TEXTO VERTICAL Y ENLACES SECCIÓN*/
/*PORTADA*/
.textovertical335 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 335px;
  left: 5px;
  transform: rotate(-90deg);
}
/*MODA*/
.textovertical230 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 230px;
  left: 5px;
  transform: rotate(-90deg);
}
.enlacemoda {
    position: absolute;
    left: 300px;
}
/*DECORACIÓN*/
.textovertical470 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 470px;
  left: 5px;
  transform: rotate(-90deg);
}
.enlacedecoracion {
    position: absolute;
    left: 540px;
}
/*GENTE y VIAJES*/
.textovertical245 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 245px;
  left: 5px;
  transform: rotate(-90deg);
}
.enlacegente{
	position: absolute;
	left: 315px;
}
.enlaceviajes{
	position: absolute;
	left: 315px;
}
/*ARTE*/
.textovertical195 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 195px;
  left: 5px;
  transform: rotate(-90deg);
}
.enlacearte {
    position: absolute;
    left: 265px;
}
/*GASTRONOMÍA*/
.textovertical535 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 535px;
  left: 5px;
  transform: rotate(-90deg);
}
.enlacegastronomia {
    position: absolute;
    left: 605px;
}
/*ESENCIALES*/
.textovertical435 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 435px;
  left: 5px;
  transform: rotate(-90deg);
}
.enlaceesenciales {
    position: absolute;
    left: 505px;
}
/*OPINIÓN*/
.textovertical300 {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 300px;
  left: 5px;
  transform: rotate(-90deg);
}
.enlaceopinion {
    position: absolute;
    left: 370px;
}
/*********************************************************** FIN TEXTO VERTICAL Y ENLACES SECCIÓN*/

/*********************************************************** ANUNCIO*/
.fondoanuncio {
  background-image: url(../img/TheStarsAtNight_1.png);
  background-attachment: fixed;
  -webkit-background-attachment: fixed;
  -moz-background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  width: 100%;
  height: 350px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.positionanuncio01 {
	position: relative;
	left: 37%;
	z-index: 2000;
	width: 62%;
}
/*********************************************************** FIN ANUNCIO*/

/*********************************************************** OPINIÓN*/
.fondoopinion{
	background-color: rgb(141, 106, 157);
}
.fondoopinion02 {
  background-color: #fb008d;
}
.fotoopinion01 {
    margin-bottom: 10px;
    margin-top: 15px;
}
.tituloopinion01 {
    font-size: 2em;
    font-family: tinos;
    line-height: 90%;
    margin-top: 0px !important;
    color: white;
}
.firma02 {
    font-size: 8pt;
    font-family: quattrocento;
    text-transform: uppercase;
    line-height: 135%;
    margin-bottom: 0 !important;
    color: white;
}
.textoopinion01 {
    font-family: quattrocento;
    line-height: 105%;
    font-size: 1.1em;
    margin-top: 10px;
    color: white;
}
.botonmodalopinion {
    background-color: rgb(186, 192, 190) !important;
    border-color: rgb(186, 192, 190) !important;
}
/*********************************************************** FIN OPINIÓN*/

/*********************************************************** PIE*/
.fondopie {
    background-color: black;
}
/*********************************************************** FIN PIE*/

/************************************************************* CLASES DE AJUSTE*/
.paddingderecha0{
	padding-right: 0 !important;
}
.margenabajo0{
	margin-bottom: 0 !important;
}
.paddingarriba15px{
	padding-top: 15px;
}
.margenarriba-30px{
	margin-top: -30px;
}
.margenabajo20px{
	margin-bottom: 20px !important;
}
.margenabajo40px{
	margin-bottom: 40px;
}
.margenabajo50px{
	margin-bottom: 50px;
}
.margenabajo60px{
	margin-bottom: 60px;
}
.margenabajo90px{
	margin-bottom: 90px;
}
.margenestopbottom20 {
    margin: 20px 0 20px 0;
}
.margenarriba5px {
    margin-top: 5px;
}
.margenabajo5px {
    margin-bottom: 5px;
}
.borderarribaabajo{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
/************************************************************* FIN CLASES DE AJUSTE*/

/*****************************************************************CLASES RESPONSIVE*/
@media (max-width: 991px){
	.margenresponsiveabajo{
		margin-bottom: 10px !important;
	}
	.fondoanuncio{
		height: inherit !important;
	}
	.margintop40px{
		margin-top: 40px !important;
	}
}
@media (max-width: 764px){
  .paddingresponsive{
		padding-left: 30px !important;
	}
	.margintop50px{
		margin-top: 50px !important;
	}
	.margintop80px{
		margin-top: 80px !important;
	}
}
@media (max-width: 320px){
  .seccion{
    display: none !important;
  }
}
/*****************************************************************CLASES RESPONSIVE*/