/*.borde-rojo {
	border: 1px solid red;
}*/
@font-face {
	font-family: 'BryantPro-Light';
    src: url('../font/original_BryantPro-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/original_BryantPro-Light.woff') format('woff'),
         url('../font/original_BryantPro-Light.ttf') format('truetype'),
         url('../font/original_BryantPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'BryantPro-Medium';
    src: url('../font/original_BryantPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('../font/original_BryantPro-Medium.woff') format('woff'),
         url('../font/original_BryantPro-Medium.ttf') format('truetype'),
         url('../font/original_BryantPro-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bryant_proregular';
    src: url('../font/bryantpro-regular-webfont.eot');
    src: url('../font/bryantpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bryantpro-regular-webfont.woff2') format('woff2'),
         url('../font/bryantpro-regular-webfont.woff') format('woff'),
         url('../font/bryantpro-regular-webfont.ttf') format('truetype'),
         url('../font/bryantpro-regular-webfont.svg#bryant_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BryantPro-MediumSC';
    src: url('../font/original_BryantPro-MediumSC.eot?#iefix') format('embedded-opentype'),
         url('../font/original_BryantPro-MediumSC.woff') format('woff'),
         url('../font/original_BryantPro-MediumSC.ttf') format('truetype'),
         url('../font/original_BryantPro-MediumSC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* BACKGROUNDS COLORS:   *********************************************************************/

.bg__gradient-blue {
  background: #013c59; 			/* For browsers that do not support gradients */
  background: -webkit-linear-gradient(to bottom, #09415d 0%, #0f5e79 50%, #105f79 85%, #074767 100%); 	/* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to bottom, #09415d 0%, #0f5e79 50%, #105f79 85%, #074767 100%); 				/* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #09415d 0%, #0f5e79 50%, #105f79 85%, #074767 100%); 			/* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #09415d 0%, #0f5e79 50%, #105f79 85%, #074767 100%); 					/* Standard syntax (must be last) */
}
.bg-red{
	background-color: #E5204F;
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
  padding: 5px;
  margin: 20px 0;
  float: left;
}
.bg-light-blue{
	background-color: #a4d7e0;
}
.bg-blue{
	background-color: #5ea6b8;
}
.bg-dark-blue {
	background-color: #004868;
}
.bg-light-grey{
	background-color: #e2e5e5;
}
.bg-white {
	background-color: #fff;
}
.border-top-white{
	border-top: 1px solid #fff;
}

/* TEXTS:   *********************************************************************/

.txt-white {
	color: #fff;
}
.txt-light-blue{
	color: #6aadbc;
}
.txt-dark-blue{
	color: #004868;
}

/* TITULO DE LA INFOGRAFÍA:   ***************/
.txt-title{
	font-family: 'BryantPro-Light', sans-serif;
	font-size: 10rem;
	line-height: 10rem;
	padding: 20px 0 0 0;
  letter-spacing: -0.2rem;
}
@media screen and (max-width: 768px) {
	.txt-title{
		font-size: 6rem;
		line-height: 6rem;
	}
}

.txt-subtitle{
	font-family: 'BryantPro-Light', sans-serif;
	font-size:3rem;
	margin-top: 0;
}

.txt-section-title { /* TITULO DE CADA BLOQUE */
	font-family: 'Open sans', sans-serif;
	font-weight: 300;
	font-size: 5rem;
	margin: 0;
}
@media screen and (max-width: 500px) {
	.txt-section-title {
    font-size: 4rem;
	}
}
.txt-subsection-title {  /* WHITE AND BOLD TXT WITH RED BACKGROUND */
	font-family: 'Open sans', sans-serif;
	font-weight: 700;
	font-size: 2.3rem;
	letter-spacing: 1px;
	margin: 0;
}

.txt-section {
	font-family: 'Open sans', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	margin: 25px 0;
}
@media screen and (min-width: 768px) and (max-width:992px) {
	.txt-section{
    font-size: 1.1rem;
	}
}

@media screen and (max-width: 768px) {
	.show-movil{
		display: block;
	}
	.hide-movil{
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.show-movil{
		display: none;
	}
	.hide-movil{
		display: block;
	}
}

/* OTROS:   *********************************************************************/

.margin-box-title {
	margin: 40px 0 20px 0;
}
.padding-lateral{
		padding: 0;
}
@media screen and (min-width: 768px) {
	.padding-lateral{
		padding: 0 30px;
	}
}
.float-R {
	float: right;
}
.float-L {
	float: left;
}
.margin-graf{
	margin: 20px 0;
}
.margin-bottom{
	margin: 0 0 50px 0;
}
/* BLK HEADER:   *********************************************************************/

.bg__blk-image{
	position: relative;
}
.bg__image{
	position: absolute;
  right: 10px;
	top: 20px;
}

.blk__header-logo {
	text-align: right;
}
.img-logo-labturisme {
	padding: 20px 10px;
	max-width: 450px;
}

/* BLK MENU MESES:   *********************************************************************/

.blk__menu{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family: 'Open sans', sans-serif;
	font-weight: 300;
	margin: 50px 0;
}
.blk__menu-txt-L{
	text-align: left;
	float: left;
  margin: 10px 0;
  font-size: 2.5rem;
}
@media screen and (max-width:767px) {
	.blk__menu-txt-L{
		margin: 5px 0;
		font-size: 2rem;
	}
}
.blk__menu-txt-R{
	text-align: right;
	font-size: 2.5rem;
	margin: 10px 0;
	text-decoration: underline;
}
@media screen and (max-width:767px) {
	.blk__menu-txt-R{
		text-align: left;
		font-size: 2rem;
		margin: 5px 0;
	}
}


.blk__menu a, a:visited, a:hover, a:active {
	color: #fff;
}

/* BLK SINTESI:   *********************************************************************/

.blk__sintesi-txt{
	text-align: left;
}

/* CIRCULOS:   *********************************************************************/

.blk-one-circle{
	position: relative;
	width: 220px;
  height: 220px;
	margin: 70px auto;
	text-align: center;
}
@media screen and (min-width:768px) and (max-width: 992px) {
	.blk-one-circle {
		width: 170px;
		height: 170px;
	}
}
.bg-circle1{
	border-style: solid;
  border-color: #fff;
  border-width: 1px;
	background-color: #08506b;
  background: repeating-linear-gradient( -45deg, #08506b 10px, #08506b 20px, #0b5872 20px, #0b5872 30px );
}
.bg-circle2 {
	border-width: 1px;
	border-style: solid;
  border-color: #054d65;
  background-color: #054d65;
}

.circle {							/*circle */
	width: 220px;
	height: 220px;
	border-radius: 50%;
	position: absolute;
}
@media screen and (min-width:768px) and (max-width: 992px) {
	.circle {
		width: 170px;
		height: 170px;
	}
}

.circle .circle-data-number {
  font-family: 'open sans', sans-serif;
  font-size: 4rem;
  font-weight: 100;
  margin: 0px;
  color: #fff;
	pointer-events: none;
}
@media screen and (min-width:768px) and (max-width: 992px) {
	.circle .circle-data-number {
  	font-size: 3.3rem;
	}
}

.circle .circle-txt-reverse {
  font-family: 'open sans', sans-serif;
  font-size: 2rem;
  font-weight: 500;
  margin: 0px;
  color: #fff;
	pointer-events: none;
}
@media screen and (min-width:768px) and (max-width: 992px) {
	.circle .circle-txt-reverse{
		font-size: 1.5rem;
	}
}

.circle .circle-data-reverse {
	font-family: 'open sans', sans-serif;
	font-size: 3rem;
	font-weight: 100;
	margin-top: 50px;
	color: #fff;
	pointer-events: none;
}

.active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 	/* IE 8 */
	filter: alpha(opacity=1); 	/* IE 5-7 */
	-moz-opacity: 1;	/* Netscape */
	-khtml-opacity: 1; 	/* Safari 1.x */
}
.deactive {
	opacity: 0;
	filter: alpha(opacity=0); 	/* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 	/* IE 8 */
	-moz-opacity: 0; 	/* Netscape */
	-khtml-opacity: 0; 	/* Safari 1.x */
}

.circle-data-cont {
		padding: 30% 0;
}

.arrow {
	display: block;
	border-style: solid;
	border-width: 2px;
	border-color: #fff #fff transparent transparent;
	width: 27%;
	height: 27%;
	position: relative;
	left: 37%;
}

.arrow-down {
	transform: rotate(135deg);
	top: 15%;
}
.arrow-up{
	transform: rotate(-45deg);
	top: 35%;
}

/* BLK VARIACIONS:   *********************************************************************/

.blk_variacions-1 {
	background-image: url('../img/bg-icon-hotels.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.blk_variacions-2 {
	background-image: url('../img/bg-icon-campings.png');
	background-repeat: no-repeat;
  background-position: top left;
}
.blk_variacions-3 {
	background-image: url('../img/bg-icon-trural.png');
	background-repeat: no-repeat;
  background-position: top right;
}
@media screen and (min-width:768px) and (max-width:992px) {
	.blk_variacions-1, .blk_variacions-2, .blk_variacions-3 {
		background-size: 180px;
	}
}
@media screen and (max-width:768px) {
	.blk_variacions-1, .blk_variacions-2, .blk_variacions-3 {
		background-image: none;
	}
}
/* BLK POSICIONAMENT:   *********************************************************************/
.space-posicionament-data {
	min-height: 530px;
}
.blk_posicionament {
	margin: 20px 0;
	position: absolute;
	width: 92%;
}
@media screen and (min-width:1200px) {
	.blk_posicionament {
		margin: 20px 0;
	}
}
.posicionament-row{
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.15);
  padding: 25px 0 5px;
}
.posicionament-row-column {
	margin: 0;
  display: flex;
  justify-content: flex-start;
	flex-direction: column;
}

/*.txt-disable-color {
	color:#528390;
	font-family: "open sans", Georgia, verdana, sans-serif;
}*/
.txt-posicionament-title {
	font-family: "open sans", Georgia, verdana, sans-serif;
	font-weight: 300;
	font-size: 2rem;
	margin: 5px 0 0 0;
	padding: 0;
}
.txt-posicionament {
	font-family: "open sans", Georgia, verdana, sans-serif;
	font-weight: 100;
	font-size: 1.6rem;
	margin: 5px 0 0 0;
	padding: 0;
}
.txt-posicionament-data-small {
	font-family: "open sans", Georgia, verdana, sans-serif;
	font-weight: 100;
	font-size: 1.6rem;
	text-align: center;
	margin: 0 20px 0 0;
	padding: 0;
}


.txt-posicionament-small {
	font-family: "open sans", Georgia, verdana, sans-serif;
	font-weight: 100;
	font-size: 1.1rem;
	margin: 5px 0 0 0;
}

.txt-posicionament-data {
	font-family: "open sans", Georgia, verdana, sans-serif;
	font-weight: 100;
	font-size: 2.7em;
	margin: 0;
}

.posicionament-arrow-down{
	border-style: solid;
  border-width: 2px;
  border-color: #b0dbe6 #b0dbe6 transparent transparent;
  width: 3em;
  height: 3em;
  margin: -10px -10px 25px -10px;
  position: relative;
  transform: rotate(135deg)
}
.posicionament-arrow-up{
	border-style: solid;
  border-width: 2px;
  border-color: #b0dbe6 #b0dbe6 transparent transparent;
  width: 3em;
  height: 3em;
	margin: 20px 20px 0 0;
  position: relative;
  transform: rotate(-45deg);
}

/* BLK DESCARGA Y COMPARTIR:   *********************************************************************/

.blk-descarga {
float: left;
}
.img-descarga {
	width: 35px;
	margin: 15px 10px 15px 0;
}
.blk_share {
	float: right;
	text-align: left;
	margin: 20px 0;
	font-family: 'Open sans', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
	.blk_share {
		float: left;
	}
}
.blk_share ul {
	padding: 0;
}
.blk_share li{
	display: inline;
	float: left;
}
.txt-share {
	margin: 0 10px 0 0;
}

/* BLK REDES SOCIALES:   *********************************************************************/

.blk_social_nets {
	border-top: 1px solid #004868;
	width: 100%
}
.blk_social_nets a {
	float: right;
}
.img-social {
	margin: 15px 5px;
	width: 25px;
}

@media screen and (max-width: 768px) {
	.txt-sign-footer {
		font-size: 1rem;
	}
}
.img-logo-lab {
	width: 100%;
	margin: 50px 0;
}


/* INTERACCION:   *********************************************************************/

.img__graf-1col {
	margin: 20px 0 50px;
}
.img__graf-2cols {
	margin: 10px 0 30px;
}
/*.graf1{
	width: 100%;
	height: auto;
	viewBox:0 0 550 367.875;
}*/
.graf-box {
	width: 100%;
	height: auto;
}
.graf {
	width: 100%;
	height: auto;
}
svg {
	width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.box-ancho-mitad{
		position: relative;
		padding-top: 65%;
	}
	.box-ancho-total{
		position: relative;
		padding-top: 50%;
	}
	.box-ancho-mapa {
		position: relative;
		padding-top: 85%;
	}
	.graf {
		position: absolute;
		top: 0;
		left: 0;
	}
}


.prov {
	fill: #5ea6b8;
	stroke:#AFDBE6;
	stroke-width:2px;
}
.prov:hover {
	fill: #5398a9
}

/* ESTILOS PARA TEXTOS DEL MAPA DE CATALUÑA: */
.prov-txt-map {
	pointer-events: none;
	fill: #023744;
	font-family:'Open Sans', sans-serif;
	font-size: 2rem;
}