@charset "UTF-8";
/* CSS Document */
/* Smartphones (portrait and landscape) ----------- */  
@media only screen  
and (min-width : 320px)  
and (max-width : 480px) {  
/* Styles */ 

body {
	overflow-y: visible !important;
	-webkit-overflow-scrolling: touch;
	height:auto !important;
	overflow-x: hidden !important;

}

.codrops-header, .codrops-header2, .codrops-header3 { height:245px !important;}
.codrops-header2 img, .codrops-header3 img {height: 245px !important;}

.codrops-header .img { width: 90%; padding-top: 22% !important;}


.content--end {
    border-bottom: 3px solid #333;
	padding: 1.1em 1.1em 1em;
}


nav {
    padding-left: 9px;
	padding-top:13% !important;
    text-align: left;
}


.content--end-lang{
    height: 18px;
    margin: -5px 4px;
    width: 19px;
}

.content--end a {
    font-size: 0.65em;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding-right: 1%;
}


.intro { padding: 1.5em !important; height:auto !important; }  
.intro p { font-size:.7em; text-align: left;}
.intro br { display:none;}

.modal-content, .modal-content2, .modal-content3 { width:100%; background-size: 100% auto;}
.modal {left: 6% !important; width: 87% !important; overflow-x:hidden !important;}

.intro h4, .modal-content h4, .modal-content2 h4, .modal h4, .modal2 h4 { font-size: 0.8em;  line-height: 0.98em;  margin-bottom: 4%; padding-bottom: 6%;  text-align: left; }
.intro h4::before { display:none; }
 
.btn-close { border-radius: 0; font-size: 12px; height: 27px; line-height: 4px; right: -16px; width: 27px;}
.btn-close2 { margin: 0 75% !important;}

.columnas-popup {padding-left: 2%;
    width: 96%;}
.columnas-popup p{ font-size: 0.8em !important;
    line-height: 1.4em;}

.text section p { text-align:left;}
.text { text-align:left; padding:0 2em;}
.text ul {opacity: 0;}

.text blockquote { font-size: .8em !important; margin:5%; line-height:1.5em;}

.container { display:none;}
.tooltip-content {left: 50%; margin:0 0 20px -110px; width: 170px; z-index: 9999; }
.tooltip-content::after {left: 66%;}

.intro p { margin-bottom:30px;}

.link-intro {
    float: left;
    margin: -6% 0 8% 11% !important;
	width:100%}

.content--related {display:none;}
.content--related2 {
	background: #000 none repeat scroll 0 0;
    color: #fff;
    display: flex;
    padding: 0.8em;
    width: 100%;
	 
	}

.info2 {font-size: 0.85em; text-align:left;}

#historiasmap {height: 192px; padding-left:0;  position: relative; width:100%;
}

#map-parallax {display: none !important;}

.map-div { height: 192px; width:100%;}
.inicio-mapa{ position:relative; width:100%; height: 192px;}

.inicio-mapa img { border: 0 none; height: auto; width: 100%;}

.pin {display:none;}

.contentmap { height: 240px;}
.credito-mapa {background: #000 !important; float: left; font-size: 0.6em; padding: 4.5%; position: relative !important; text-align:left; width: 100%; top:0; height: 55px; left:0; color:#FFF;}

#historias {margin-left:0; position:relative; width:100%; height: auto !important; padding-top:0; float:left; padding-bottom: 8%; }
#historias .link-intro {margin:0% 1% 0; width: 95%;}

#map-parallax{
	display:none !important;
	}


#entradas {
    background-image: url("../img/entradas/pruebaTit.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    height:100% !important;
    width: 100%;
}

#entradas2 { 
float: left;
    height: auto;
    padding-top: -1px;
    position: relative;
	}

.tit-entrada { font-size: 1.5em !important; text-transform: uppercase; }

#entradas2 .tit-entrada { margin-top:-6%;}

#entradas2 .p-entrada { margin-top: 10%;
    padding-top: 4%; color:#FFF !important; }

.hsContainer { float:left; background-color:#000;		}	

.hsContent, .hsContent3, .hsContent4 p { background: #000 none repeat scroll 0 0;
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 0 2em;
    text-align: left;
    width: 100%;
	float:left;}
	
.hsContent3 {
    margin: 0 0 0 0;
    width: 100% !important;
}

.hsContent4 {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    float: right;
    height: 100%;
    padding: 2% 5%;
    width: 100%;
}

.hsContent3 p {
    text-align: left !important;
}

.hsPie {top:200px; width: 100% !important; background-color:#000 !important; text-align:right; font-size: 0.65em; position:relative;}

.hsPie2 {
    font-size: 0.65em;top: 135px;
    width: 100% !important;
	text-align:right;
	
}

.hsPie3 {text-align: right;
    top: 140px;
    width: 100% !important;
}


.bcg {
     background-attachment: fixed !important;
    background-size: 100% auto;
    height:auto !important;
    width: 100%;
}

.comilla-cen {margin: 4% 8%;}

.comilla-cen-col2 { -moz-column-count: 1; padding: 3% 8%;}

.homeSlide figcaption {font-size: 0.65em !important;}

.modal2_ct {
    background-color: #000000;
    float: left;
    height: auto;
    margin-left: 0;
    position: relative;
    width: 100%;
    z-index: 1000;
	top:2em;
}

.modal2 {
    background-image: url("../img/bgmitos.jpg");
    background-position: left top;
    background-repeat: repeat-y;
    background-size: contain;
    color: #333;
    height: 78%;
    left: 5%;
    overflow: auto;
    padding: 16px;
    position: fixed;
    top: 19%;
    width: 91%;
    z-index: 1000;
}

#historias .btn-close2 {
    margin: 0 29% !important;
}

.modal2  h3 {
    font-size: 1em;
}

/* Historia 1 ---- */  
#slide-0 {
    height: 507px;
}

#slide-0 .bcg {
     background-image: url("../img/punto1/pt1_ft0.jpg");
    background-position: center center;
    height: 230px !important;
    padding-top: 38px;
}

#slide-0-p2 {
    margin-top: 16%;
}

#slide-0-p2 h2 {font-size: 1.8em !important;}

#slide-0-p4 {
    height: 400px !important;
	width:100%;
}

#slide-0-p4 .bcg {
    background-image: url("../img/punto4/Jepira1_JesusAbadColorado.jpg");
    background-size: cover;
    float: left;
    padding-top: 12%
}

#slide-0-p4 .hsContent{ top:20% !important;
}

#slide-0-p2 .bcg {height: 491px !important;}
#slide-0 .hsContent {
    align-items: center;
    float: left;
    margin-top: 28%;
}

#slide-00-p2 .bcg {height: 600px;}

#slide-0-p3 .hsContent {
    align-items: center;
    float: left;
    margin-top: 28%;
    position: relative;
}



#slide-1 {
    float: left;
    height: 550px;
}

#slide-1 br { display:none;}
#slide-1 .img-cen {}
#slide-2 , #slide-3 {
    float: left;
    height: 220px;
	width:100%;
}

#slide-3 .bcg {
    background-image: url("../img/punto1/pt1_ft3.jpg");
    background-position: right center;
}

#slide-2-p2 {
    float: left;
    height: 230px;
    width: 100%;
}


#slide-4 .bcg {height:auto !important}

#slide-4-p4 .ul li {
    width: 50% !important; margin-bottom: 14px;
}

#slide-4-p4 .ul img {
    padding:5px 2px;
    width: 100%;
}

.hsPie-lb {margin: 5px 0  0 5px !important;}

.hsPie::before, .hsPie2::before, .hsPie3::before, .hsPie4::before, .hsPie-lb::before{
    font-size: 0.6em;
    padding-right: 2px;}

.li-first {
    margin-bottom: 6%;
}

.ul img {
    padding: 0 5px;
    width: 100%;
}



#slide-42 br { display:none;}
#slide-42 .bcg { height:auto !important}

#slide-42 .soundcite-loaded {margin: 7% 4% 3%;}

#historias .link-intro {0 0 0 9% !important}

#historias .btnpopup-txt {
    font-size: 0.65em;}


/* Historia 2 ---- */ 

#slide-1-p2 .bcg {background-image: url("../img/punto1/bcg_slide-4.jpg"); background-size:cover; height:800px;}
#slide-1-p2 .hsContent {width: 90% !important; margin:0 5%; text-align:left;}
#slide-1-p2  .cont-lightbox {margin: 6% 3% 0 0; width: 100%; position: relative;}
#slide-1-p2 #lightbox { width: 323px;}

.hsPie-lb {
    float: left;
    font-size: 0.65em;}
	
.lb_canvas {
    height: auto !important;
    left: 12% !important;
    top: 40% !important;
    width: 74% !important;
}

#slide-1-p2 .ampliar-lb{
    margin-bottom: 33px !important;
}

.lb_canvas > img {
    width: 240px;
}

.lb_title {width: 315px;}
.lb_previous, .lb_next { display:none}


/* Historia 3 ---- */ 

#slide-0-p3 .bcg {
    background-position: center top;
    background-size: cover !important;
    height: 301px !important;
    padding-top: 11%;
}

/* Historia 4 ---- */ 

#slide-2-p4 .bcg {
    background-image: url("../img/punto4/Jepira6_MariaMoreno.jpg");
    background-position: right center;
    height: 945px !important;
}

#slide-2-p4 .hsContainer {
    height: 945px !important;
    margin-top: 52%;
}

#slide-2-p4 .hsPie {
    right: 0;
    top: 0;
    width: 245px !important;
}

#slide-3-p4 .bcg {
    background-image: url("../img/punto4/Jepira4_JesusAbadColorado.jpg");
	height:200px !important;
	float:left; position:relative; 

}
#slide-3-p4 .hsPie { top:170px;}


#slide-2-p4 .ampliar-lb {margin-bottom: 0 !important;}

#slide-0-p5 .bcg {
    background-image: url("../img/punto5/BahiaHonda1_JesusAbadColorado.jpg");
    height: 400px !important;
    padding-top: 10%;
}

#slide-0-p5 .hsContent {
    align-items: center;
    margin-top: 28%;
}

#slide-2-p5 .bcg {
    background-image: url("../img/punto5/BahiaHonda2_JesusAbadColorado.jpg");
    height: 416px !important;
}

#slide-2-p5 .hsPie { top:135px;}

#slide3-2-p5 .bcg {
    background-image: url("../img/punto5/BahiaHonda4_JorgeMarioMunera.jpg");
	height:203px !important;
}

#slide3-2-p5 .hsPie { top:175px;}

#slide-4-p5 .hsContent{ padding:0 1em; margin-top:-10%;}




/* Historia 5 ---- */ 
#slide2-22-p5 .bcg p { font-size: 0.9em; padding: 4% 8%;}
#slide2-22-p5 .bcg {height: 210px !important;
}

.box-content {width: 320px; margin-left:-50px;}

/* Historia 6 ---- */ 

#slide-0-p6 .bcg {
    background-image: url("../img/punto6/CerroLuma_MariaMoreno.jpg");
	height:325px !important;
}

#slide-0-p6 .hsPie4 {top:182px; width:100% !important; text-align:right;}

#slide-0-p6 .hsContent {
    align-items: center;
    margin-top: 34%;
}

#slide-0-p6 .tit-entrada {
    margin-top: 3%;
}

#slide-1-p6 .bcg {background-size:cover !important; }
#slide-1-p6 .hsContent {float: left; margin: 10% 5% 0; text-align: left; width: 90% !important; }


#slide2-0-p6 .bcg{
    background-image: url("../img/punto6/EntradaMakuira_JesusAbadColorado.jpg");
	height:140px !important;
	float:left;
}

#slide2-0-p6 .hsPie { top:140px;}

#slide4-0-p6 .bcg {
    background-image: url("../img/punto6/TestigosJehova_PilarRiano.jpg");
	height:440px !important;
	float:left;
}


/* Historia 7 ---- */ 
#slide-2-p7  .bcg {
    background-image: url("../img/punto7/Wolinka1_JesusAbadColorado.jpg");
	float:left;
	height:330px !important;
}

#slide-2-p7 .hsPie { top:308px;} 

#slide2-2-p7 .bcg, #slide4-2-p7 .bcg, #slide3-2-p7 .bcg {
  
	float:left;
	height:230px !important;
}

#wolunka {
    background: #e8ddd0 none repeat scroll 0 0;
    height: 70px;
    margin: 0 0 0 10% !important;
    padding-left: 0;
    width: 100% !important;
}


#slide-0-p8 .hsContent  { margin-top:60%;}

#slide-0-p8 .hsPie2 { top:230px;}

#slide-0-p8 .p-entrada2 { text-align:left; border-top:none; width: 100%;}

#slide-3-p9 .bcg {
    background-image: url("../img/punto9/PiedraAlaasu_JesusAbadColorado.jpg");
	height:300px !important;
	float:left;
}

#slide-3-p9 .hsPie {top: 279px;}

#slide-0-p10 .hsContent {
    margin-top: 50%;
}


#slide-0-p10  .hsPie2 {
	top: 230px;
    }
	
	
#slide-3-p10 .bcg {
	float:left;
    height: 330px !important;
}

#slide-3-p10 .hsPie {
	top: 310px; width:100% !important; text-align:right;
    }

#slide-4-p10 .hsContent { padding:0 1em; 
}

#slide-0-p11 .hsContent {
    align-items: center;
    margin-top: 49%;
    vertical-align: text-bottom;
}

#slide-0-p11 .hsPie2 {
	top: 230px;
    }

#slide-3-p11 .bcg {
	float:left;
    background-position: center bottom;
    height: 210px !important;
}

#slide-3-p11 .hsPie {
    text-align: right;
    top: 216px;
    width: 100% !important;
}



.img-der { margin: 4% 8% 0 7%;
    max-width: 95%;}

#slide2-0-p9 h2 { font-size: 1.2em;}
.tbl th h1 {font-size: 0.8em; line-height: 1.2em;}
.tbl img {width: 50%;}
.tbl td {font-size: 0.75em; font-weight: 300; line-height: 1.3em;}


#slide-2 .bcg, #slide-3 .bcg, #slide-2-p2 .bcg, #slide-0-p4 .bcg,  #slide2-2-p5 .bcg, #slide4-2-p5 .bcg, #slide4-0-p6 .bcg, #slide4-2-p7 .bcg, #slide-0-p8 .bcg, #slide-0-p10 .bcg, #slide-0-p11 .bcg{ height:230px!important; background-size:100%;}





}  
/* Smartphones (landscape) ----------- */  
@media only screen  
and (min-width : 321px) {  
/* Styles */  
}  
/* Smartphones (portrait) ----------- */  
@media only screen  
and (max-width : 320px) {  
/* Styles */  
}  





/* iPads (portrait and landscape) ----------- */  
@media only screen  
and (min-width : 980px)  
and (max-width : 1024px) {  
/* Styles */
 body {
	 overflow-x:hidden;
	 height:auto !important;
	
}
.codrops-header { height: 511px;} 
.tooltip-content { margin: 0 0 4px -75px; width: 400px;}
.tooltip-content::after { content:none;}
.modal-content, .modal-content2, .modal-content3 { width:90%; padding: 2% 5% 0 16%;  height: 615px; top:6%;}
.intro h4 {line-height: 1em; text-align: left; }
.intro h4::before {left: -35px;  position: absolute;}
.btn-close {right: -15px;}

.link-intro {width: 55%;}

.content--related { padding: 2em 7em; }

#historiasmap {height: 588px; margin-left:-350px; background-size:100%; background-position:0;}
.inicio-mapa {
    height: 460px;
    position: relative;
  
}
.contentmap { height: 460px;}

.map-div {
    height: 460px;
    width: 100%;
}

.map-div > img {
    height: auto;
    width: 100%;
}

.credito-mapa {left: 190px; top: 558px; }
.munMap { font-size:.1em;}
#int-mapa .m1::before { margin: -4px 0 0;}
#int-mapa .m2::after { display:none;}
#map-parallax { display: none !important; }
#int-mapa {width: 35px !important;}
.mun {display: none;}
.num {margin: 0 5px 40% 0;}

#historias {margin-left: 0; width: 100%;}
.hsContent {width: 88%;}

.hsContent3 {
    float: left;
    margin: 5.5% 0 0 4%;
    width: 37% !important;
}


.img-der {
    float: left;
    height: auto;
    margin: 7% 0 0 3%;
    max-width: 52%;
}


#slide-0 .bcg { background-image:url('../img/punto1/pt1_ft0.jpg'); background-size:100%; height:560px; background-position:center top;}
#slide-0 .hsPie2 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    float: right;
    font-size: 0.75em;
    line-height: 0.9em;
    padding: 1em;
    position: absolute;
    right: 0;
    text-align: left;
    top: 176px;
    width: 21% !important;
	color:#FFF !important;
}



#slide-2 .bcg, #slide-3 .bcg, #slide-2-p2 .bcg, #slide-0-p3 .bcg, #slide-0-p4 .bcg, #slide-2-p4 .bcg, #slide-0-p5 .bcg, #slide-2-p5 .bcg, #slide2-2-p5 .bcg, #slide4-2-p5 .bcg, #slide-0-p6 .bcg, #slide2-0-p6 .bcg, #slide4-0-p6 .bcg, #slide-2-p7 .bcg, #slide2-2-p7 .bcg, #slide3-2-p7 .bcg, #slide4-2-p7 .bcg, #slide-0-p8 .bcg, #slide-3-p9 .bcg, #slide-0-p10 .bcg, #slide-0-p11 .bcg, #slide-3-p11 .bcg { height:430px!important; background-size:100%; background-position:100% top;}

.hsPie {top: 397px; width: 30% !important;}

#slide-1 .bcg { height: 766px;}

#slide-4 .bcg { height: 630px;}

#slide-4 .comilla-cen {
    font-size: 0.85em !important;
    line-height: 1.35em !important;
    margin: 10% 0;
}

#slide-42 .bcg {
    background-color: #000;
    height: 740px;
}

.hsContent, .hsContent3, .hsContent4 p {text-align: left;}

#slide-42 .soundcite-loaded { margin-top: 3%; }

#slide-0-p2 .bcg {
    background-color: #000;
    height: 250px;
}

#slide-0-p2 br{ display:none !important;}

#slide-00-p2 .bcg {
    height: 800px;
    padding-top: 5%;
}

#slide-0-p3 .bcg {
    background-image: url("../img/punto3/Pantu_MariaMoreno.jpg");
    background-position: right top;
}

#slide-0-p3 .hsPie2 {
    top: 45px;}
	

#slide-1-p2 .bcg {
    background-image: url("../img/punto1/bcg_slide-4.jpg");
    height: 660px;
}

#slide-4-p3 .bcg {
    background-color: #000;
    height: 255px;
    padding: 4% 0;
}

#slide-0-p4 .bcg {
    background-image: url("../img/punto4/Jepira1_JesusAbadColorado.jpg");
    background-size: calc();
	background-position:center top;
}

#slide-0-p4 .hsPie3 {
    top: -54px;}

#slide-4-p4 .bcg {
    background-color: #000;
    height: 460px;
}

#slide-2-p4 .bcg {
    background-image: url("../img/punto4/Jepira6_MariaMoreno.jpg");
    background-position: right top;
	height: 540px !important;
}

#slide-2-p4 .hsContainer {
    height:100%;
}

	.hsContent4 {
			background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
			float: right;
			height: 100%;
			padding: 1% 3%;
			width: 48%;
		}
		
		#slide-2-p4 .hsPie {
		right: 469px;
		top: 505px;
		width: 190px !important;
		}
		
		
#slide-3-p4 .bcg {
    background-image: url("../img/punto4/Jepira4_JesusAbadColorado.jpg");
    background-position: center top;
    background-size: 100% auto;
    height: 430px;
}

#slide-3-p4 .hsPie { top: 575px;}

#slide3-2-p5 .bcg {
    background-image: url("../img/punto5/BahiaHonda4_JorgeMarioMunera.jpg");
    background-position: center top;
    background-size: 100% auto;
	height: 490px;
}

#slide3-2-p5 .hsPie { top: 456px;}

#slide-0-p6 .hsPie4 { top: 145px;}

#slide-1-p6 .bcg {
    height: 430px;
}


#slide-0-p5 .bcg {
    background-image: url("../img/punto5/BahiaHonda1_JesusAbadColorado.jpg");
    background-position: center top;
}

#slide-4-p5 .bcg {
    background-color: #000;
    height: 200px;
}

#slide-00-p7 .bcg {
    background-color: #000;
    height: 350px;
}

#slide-0-p5 .hsPie2, #slide-0-p10 .hsPie2, #slide-0-p5 .hsPie2, #slide-0-p11 .hsPie2{ top: 46px !important;}

#slide2-22-p5 .bcg p {
    background: #000 none repeat scroll 0 0;
    font-size: 0.9em;
    font-weight: 300;
    letter-spacing: 0.02em;
    padding: 3% 4%;
    position: relative;
    text-align: justify;
}

#slide2-22-p5 .bcg {
    background-color: #000;
    height: 135px !important;
}

#slide-0-p7 .bcg {
    background-color: #000;
    height: 740px;
}

#slide2-0-p9 .bcg {
    background-color: #000;
    height: 2340px;
}

#slide-4-p10 .bcg {
    background-color: #000;
    height: 200px;
    padding: 2% 0;
}

#slide-3-p10 .bcg {
    background-image: url("../img/punto10/Kusina_MariaMoreno.jpg");
    background-position: center top;
    background-size: 100% auto;
    height: 578px;
}

#slide-3-p10 .hsPie {
 	top: 543px;
    width: 30% !important;	
}

#slide-2-p11 .bcg {
    background-color: #000;
    height: 415px;
}



#slide-3-p11 .bcg {
    background-image: url("../img/punto11/CerrodelaTeta_JesusAbadColorado.jpg");
    background-position: center bottom;
    height: 670px !important;
}

	#slide-3-p11 .hsPie { font-size: 0.65em;  top: 635px;}

.lb_canvas {
    display: block;
    height: 489px;
    left: 90px;
    top: 102.5px !important;
    width: 800px;
}

.lb_controls {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    bottom: 629px;
	}

.modal2{ background-size:100%; height:60%; left:6%; top:6%; width:90%;}

#entradas{
	  width:100%; height:250px; background-image:url('../img/entradas/pruebaTit.jpg'); background-position:top; color:#FFF; padding-top:2%;  background-size: contain; 
	}
	
	#entradas2{
	  width:100%; height:350px; color:#FFF; padding-top:2%; 
	}
			
			.tit-entrada {
			font-family: "Crete Round",serif;
			color:#C79D47 !important;
			font-size: 2.5em !important;
			line-height: 1em;
			text-align: center;
			text-transform:uppercase;
			font-weight:100 !important;
			text-shadow: rgb(3, 3, 3) 1px 2px 3px;
			}
			
			
	.hsContent, .hsContent3 p, .hsContent4 p {
	color: #fff;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.4em;
    max-width: 100%;
	text-align: justify;
	letter-spacing:0.01em;
    
	}



}



/* MIo ----------- */  
@media only screen 
and (max-width : 1280px) {

body {

	overflow-x: hidden;

}

.codrops-header {
    height: 650px;
	top: 50px;
}

.intro {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 700px;
    justify-content: center;
    margin: 2.5em 0 3em;
    padding: 3em;
    position: relative;
    text-align: center;
    z-index: 0;
}

.modal {
    background-image: url("../img/bgmitos.jpg");
    background-position: left top;
    background-repeat: repeat-y;
    background-size: cover;
    color: #333;
    display: none;
    height: 85%;
    left: 16%;
    overflow: auto;
    padding: 16px;
    position: fixed;
    top: 12%;
    width: 70%;
    z-index: 1000;
}


}
  
/* iPads (landscape) ----------- */  
@media only screen  
and (min-width : 768px)  
and (max-width : 1024px)  
and (orientation : landscape) {  
/* Styles */  


#slide-1 .bcg {height: 815px;}

.hsContent4 {width: 46%;}

#slide-3-p4 .hsPie {top: 396px;}



}  
/* iPads (portrait) ----------- */  
@media only screen  
and (min-width : 768px)  
and (max-width : 1024px)  
and (orientation : portrait) {  
/* Styles */  
}  
/* Desktops and laptops ----------- */  
@media only screen  
and (min-width : 1124px)
and (max-width : 1280px) {  
/* Styles */ 

#historiasmap { padding-left:0;} 
.credito-mapa {left: 34%;} 
#int-mapa ul li {margin-bottom: 7px;}
.hsPie {width: 24% !important;}


.modal-content, .modal-content2, .modal-content3 {height: 560px; top: 15%; z-index:10000;}

.hsContent4 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    float: right;
    padding: 3% 5%;
    width: 44%;
}

#slide-2-p4 .hsPie {
    right: 478px;
    top: 779px;
    width: 180px !important;
}

#slide-2-p4 .hsContainer {
  height:100%;
  overflow:hidden;
  position:relative;
  width:100%;
}




/* Historia 1---- */ 
#slide-1-p2 .bcg {height: 610px;}
#slide-1-p2 .hsContent {margin: 4% 3% 0 15%;
    width: 33% !important;}

#slide-1-p2 .cont-lightbox { margin: 6% 3% 0 0; max-width: 35%;}
#slide-1-p2 .ampliar-lb { margin-bottom: 0;}

/* Historia 4---- */ 
#slide-2-p4 .bcg {background-position: right bottom; height: 810px;}

/* Historia 6---- */ 
#slide-1-p6 .hsContent { margin: 5.5% 0 0 6%; width: 27% !important; }

#slide-1-p6 .bcg {
   height: 530px;
}

#slide-42 .bcg {
    background-color: #000;
    height: 760px;
}

#slide-4-p3 .bcg {
    background-color: #000;
    height: 285px;
    padding: 4% 0;
}

.link-intro {
    float: left;
    margin: 0 0 4% 25%;
    position: relative;
    width: 40%;
}

.lb_canvas {
    box-shadow: 0 0 20px 5px #000 !important;
    left: 22% !important;
    position: fixed;
    top: 13% !important;
    width: 55% !important;
    z-index: 2000;
}

.lb_canvas > img {
    width: 100%;
}

#slide-3-p10 .hsPie, #slide-3-p11 .hsPie {width: 33% !important;}

}

@media only screen and (min-device-width: 1920px) {

 /*Aquí los estilos para cualquier pantalla de un máximo de 1280px en formato apaisado*/
 
 body {
overflow-x: hidden;
}

.codrops-header {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 960px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}


	#slide-0-p2 .hsContent {
    align-items: center;
    margin-top: 0;
    vertical-align: text-bottom;
	}

	#slide-0-p2 .bcg {
    background-color: #000;
    height: 310px;
    margin-top: 4%;
	}

	#slide-4-p3 .bcg {
    background-color: #000;
    height: 300px;
    padding: 4% 0;
	}
	
		#slide-2-p4 .hsPie {
		right: 615px;
		top: 725px;
		width: 245px !important;
		}



.inicio-mapa {
    height: 720px;
    position: relative;
    width: 1200px;
	padding-left:4%;
	position:left;
}


#map-parallax {
    background-color: #c79d47;
    background-repeat: no-repeat;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 288px !important;
    z-index: 1;
}



#int-mapa {
    float: left;
    height: auto;
    width: 228px !important;
}

#int-mapa > ul {
    list-style: outside none none;
    padding-left: 28px !important;
}
 

#slide-4 .hsContent {
	align-items: center;
    margin-top: 2%;
	width: 83%;
	padding-right:2%;
}

.img-der {
    float: left;
    height: auto;
    margin: 5% 0 0 3%;
    max-width: 44%;
}

#slide-1-p2 .hsContent {
    float: left;
    margin: 4% 3% 0 10%;
    text-align: right;
    width: 23% !important;
}


#slide-1-p2 .cont-lightbox {
    float: left;
    height: auto;
    margin: 6% 3% 0 0;
    max-width: 46%;
	position:relative;
}


#slide-4-p3 .link-intro {
    float: left;
    margin: 0 40%;
    position: relative;
    width: 36%;
}


#slide-42 .link-intro {
    float: left;
    margin: 0 0 4% 28%;
    position: relative;
    width: 40%;
	}
	
	
#wolunka{
		padding-left:16%;
	}
	
	
 }
 
 
 @media only screen and (min-width: 2450px) {

 /*Aquí los estilos para cualquier pantalla de un máximo de 1280px en formato apaisado*/


 
#historiasmap {
  background-color:#000000;
  background-image:url("../img/mar.jpg");
  background-position:100% 0;
  background-repeat: repeat-x;
  height:720px;
  padding-left:13.5em;
  position:relative;
}
  
  
#slide-4 .bcg {
    background-color: #000;
    height: 879px;
}

#slide-1-p2 .cont-lightbox {
    float: left;
    height: auto;
    margin: 4% 0 0 0;
    max-width: 37%;
    position: relative;
}

#slide-4 .img-der {
    float: left;
    height: auto;
    margin: 3% 0 0 3%;
    max-width: 47%;
}

#slide-4 .hsContent {
  align-items:center;
  margin-top:1%;
  padding-right:4%;
  width:83%;
}

#slide-1-p6 .img-der {
    float: left;
    height: auto;
    margin: 3% 0 0 3%;
    max-width: 35%;
}


#slide-0-p2 .hsContent {
  align-items:center;
  margin-top:0;
  vertical-align:text-bottom;
}


#entradas {
  background-image:url("../img/entradas/pruebaTit.jpg");
  background-position:50% 0;
  color:#FFFFFF;
  height:350px;
  padding-top:1%;
  width:100%;
}

#wolunka {
  margin-top:70px;
  padding-left:14%;
}

.hsContent4 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    float: right;
    height: 100%;
    padding: 2% 5%;
    width: 30%;
}

#slide-2-p4 .hsPie {
    right: 625px;
    top: 726px;
    width: 245px !important;
}
  
  }