@charset "utf-8";
/* CSS Document */

/* general styles */

body, html {
    width: 100%;
    height: 100%;
    color: #666666;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

body.modal-open {
    overflow: hidden !important;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
   outline: none; 
}

.flexible { max-width: 100%; height: auto; }

a { text-decoration: none; color: inherit; }

h1, h2, h3, h4, h5 {
    font-weight: normal;
    margin: 0;
}

p { margin-top: 0; }

.ui-loader { display: none; }

.hiddenPhoto { display: none; }

.container {
    display: flex;
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    flex-wrap: wrap;
}

.btn {
    font-size: 20px;
    color: #fff;
    font-family: 'Playfair Display', serif;
    background: #FF4A52;
    padding: 8px 35px 12px;
    border-radius: 5px;
    letter-spacing: 0.03em;
    transition: all 0.3s;
    display: inline-block;
}

.btn:hover {
    background-color: #CE2831;
}

.btn.verde { background: #76C043; }
.btn.verde:hover { background: #41A200; }


*::-webkit-input-placeholder { transition: all 0.3s; }
*:-moz-placeholder { transition: all 0.3s; }
*::-moz-placeholder { transition: all 0.3s; }
*:-ms-input-placeholder { transition: all 0.3s; }

*:focus::-webkit-input-placeholder { opacity: 0; }
*:focus:-moz-placeholder { opacity: 0; }
*:focus::-moz-placeholder { opacity: 0; }
*:focus:-ms-input-placeholder { opacity: 0; }


.noTopMargin { margin-top: 0 !important; }
.noBottomMargin { margin-bottom: 0 !important; }
.noTopPadding { padding-top: 0 !important; }
.noBottomPadding { padding-bottom: 0 !important; }

.hiddenDesktop { display: none; }


/* flyout menu style */

.closerItem { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: auto; z-index: 999; opacity: 0; }
.closerItem.visible { display: block; }

#showLeft, #showLeft2 {
	display: none;
	background: url("imagenes/iconMenu.png") no-repeat top center;
	padding: 0;
	width: auto;
	text-transform: uppercase;
	font-family: gotham_htfbook, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 6px;
	float: left;
	background-size: 100% auto;
	position: absolute;
	z-index: 500;
	width: 30px;
	height: 30px;
	cursor: pointer;
	left: 10px;
	top: 25px;
}

#showLeft2 { left: 5px; top: 15px; }

.cbp-spmenu #closeBtn {
	background: url(imagenes/closeBtn.png) no-repeat center center transparent;
	background-size: 30px;
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.cbp-spmenu {
	background: #3b3b3b;
	position: fixed;
	padding-top: 5px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.cbp-spmenu .menu {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.cbp-spmenu .mobileMenuItems a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
	text-decoration: none;
	padding: 13px 0;
	font-size: 16px;
	padding-left: 20px;
	float: left;
	clear: both;
	text-align: left;
	text-transform: uppercase;
}

.cbp-spmenu a.active { color: #FF4A52; }

.cbp-spmenu-vertical {
	width: 290px;
	height: 100%;
	top: 0;
	z-index: 100000000000;
	margin-top: 0;
	list-style-type: none;
	margin-left: 0;
}

.cbp-spmenu-vertical a {
	text-align: left;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -290px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; padding-left: 0; }

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* flyout menu style ends */



/* header */
.header {
    float: left;
    width: 100%;
    background: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    max-height: 85px;
    overflow: hidden;
}

.header .container {
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    float: left;
    width: auto;
    transition: all 0.3s;
}

.header .logo:hover { opacity: 0.6; }

.header .logo img {
    max-width: 145px;
    height: auto;
}

.header .menu a {
    font-size: 16px;
    color: #222222;
    margin: 0 5px;
    padding: 2px 15px;
    border-radius: 10px;
    transition: all 0.3s;
}

.header .menu a:hover {
    background: #f0f0f0;
}

.header .menu a.active {
    background: #FF4A52;
    color: #fff;
}

.header .social {
    width: 145px;
    display: flex;
    justify-content: flex-end;
}

.header .social a {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 22px;
    transition: all 0.3s;
}

.header .social a.facebook { background: url("imagenes/iconoFacebook.svg") no-repeat right center; width: 19px; height: 19px; margin-left: 0; }
.header .social a.instagram { background: url("imagenes/iconoInstagram.svg") no-repeat center center; }
.header .social a.youtube { background: url("imagenes/iconoYoutube.svg") no-repeat center center; }

.header .social a:hover { opacity: 0.6; }


/* contents */

.contents {
    float: left;
    width: 100%;
}

/* footer */

/* buscador */
.buscador {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 83px;
    z-index: 10000;
    background: rgba(26, 26, 26, .8);
    padding: 30px 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.buscador.active {
    opacity: 1;
    pointer-events: all;
}

.buscador .container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.buscador .container input {
    font-size: 16px;
    color: #666;
    padding: 10px 20px;
    border: none;
    width: 60%;
}



.buscador .container button {
    width: 38px;
    height: 38px;
    border: none;
    background: url("imagenes/iconBuscador.svg") no-repeat center center #fff;
    background-size: 50% auto;
    border-radius: 0;
    transition: all 0.3s;
    cursor: pointer;
}

.buscador .container button:hover {
    background: url("imagenes/iconBuscadorB.svg") no-repeat center center #FF4A52;
    background-size: 50% auto; 
}

.buscador .closeBtn {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url("imagenes/iconClose.svg") no-repeat center center;
    background-size: 50%;
    width: 35px;
    height: 35px;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
}

.buscador .closeBtn:hover {
    opacity: 0.6;
}


/* homepage */

.topPhoto {
    float: left;
    width: 100%;
    text-align: center;
    min-height: 80vh;
    background-size: cover !important;
    position: relative;
}

.topPhoto:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.3;
    z-index: 1;
}

.topPhoto .infoFoto {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.topPhoto .infoFoto h1 {
    font-size: 75px;
    line-height: 75px;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    margin-bottom: 10px;
}

.topPhoto .infoFoto p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.03em;
    margin-bottom: 40px;
}

.topPhoto .infoFoto img { max-width: 100%; height: auto; }

/* intro texto */
.introTexto {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 80px 0 30px;
}

.introTexto .container {
    max-width: 700px;
}

.introTexto .textoGrande {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 50px;
    letter-spacing: 0.01em;
    text-align: center;
    font-family: 'Playfair Display', serif;
    color: #222;
}

.introTexto .textoChico {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}

/* ---- */

.section {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.section .container {
    display: flex;
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
}

.section h2 {
    font-size: 40px;
    line-height: 40px;
    font-family: 'Playfair Display', serif;
    color: #222222;
    text-align: center;
    float: left;
    margin-bottom: 15px;
}

.section p {
    font-size: 18px;
    color: #666666;
    position: relative;
    margin-bottom: 45px;
}

.section .container > p:after {
    position: absolute;
    content: '';
    display: block;
    width: 90px;
    border-bottom: 1px solid #cccccc;
    bottom: -15px;
    left: 50%;
    margin-left: -45px;
}

.section .submenu {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
}

.section .submenu a {
    color: #3E9BD6;
    font-size: 15px;
    margin: 0 25px;
    position: relative;
    display: block;
}
.section .submenu a:hover { text-decoration: underline; }

.section .submenu a:after {
    content: '';
    display: block;
    height: 15px;
    width: 1px;
    position: absolute;
    right: -25px;
    border-right: 1px solid #ccc;
    top: 1px;
}

.section .submenu a:last-child:after { display: none; }


/* grilla de fotos */
.grillaContainer {
    float: left;
    width: 100%;
    height: 0;
    padding-top: 45%;
    position: relative;
}

.grillaContainer.grillaCombinada {
	margin-bottom: 10px;
}

.grillaFotos {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: -ms-grid;
    display: grid;
    column-gap: 10px;
    row-gap: 10px;
    justify-items: stretch;
	height: 100%;
	width: 100%;
}

.grillaFotos a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    background: #f0f0f0;
    text-align: left;
    background-size: cover !important;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
}

.grillaFotos a:after {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.20;
    z-index: 4;
    transition: all 0.3s;
}

.grillaFotos a:hover:after { opacity: 0.01; }

.grillaFotos a span {
    position: relative;
    z-index: 5;
}

.grillaFotos a span.foto {
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover !important;
    transition: all 0.3s ease-out;
}

.grillaFotos a:hover span.foto {
    -webkit-transform: translate(-50%, -50%) /*scale(1.03) */;
    transform: translate(-50%, -50%) /*scale(1.03)*/;
}

/* diez */
.grillaContainer.diez { padding-top: 90%; }
.grillaFotos.diez {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 25fr 25fr 25fr 25fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 25fr 25fr 25fr 25fr;
    justify-items: stretch;
}
.grillaFotos.diez a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; }
.grillaFotos.diez a:nth-child(2) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.diez a:nth-child(3) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.diez a:nth-child(4) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.diez a:nth-child(5) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2;
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 3; }
.grillaFotos.diez a:nth-child(6) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 2;
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: span 2;  }
.grillaFotos.diez a:nth-child(7) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4;  }
.grillaFotos.diez a:nth-child(8) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4;  }
.grillaFotos.diez a:nth-child(9) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5;  }
.grillaFotos.diez a:nth-child(10) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5;  }
	
	
/* nueve */
.grillaContainer.nueve { padding-top: 66%; }
.grillaFotos.nueve {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 33fr 33fr 34fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 33fr 33fr 34fr;
    justify-items: stretch;
}
.grillaFotos.nueve a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }
.grillaFotos.nueve a:nth-child(2) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.nueve a:nth-child(3) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.nueve a:nth-child(4) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.nueve a:nth-child(5) {
    -ms-grid-column: 4; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; }
.grillaFotos.nueve a:nth-child(6) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.nueve a:nth-child(7) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.nueve a:nth-child(8) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.nueve a:nth-child(9) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }
	
	
/* nueve - opcion b */
.grillaContainer.nueve.b { padding-top: 66%; }
.grillaFotos.nueve.b {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 33fr 33fr 34fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 33fr 33fr 34fr;
    justify-items: stretch;
}
.grillaFotos.nueve.b a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2; }
.grillaFotos.nueve.b a:nth-child(2) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.nueve.b a:nth-child(3) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.nueve.b a:nth-child(4) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.nueve.b a:nth-child(5) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; }
.grillaFotos.nueve.b a:nth-child(6) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.nueve.b a:nth-child(7) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.nueve.b a:nth-child(8) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.nueve.b a:nth-child(9) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }
	
	
/* ocho */
.grillaContainer.ocho { padding-top: 66%; }
.grillaFotos.ocho {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 33fr 33fr 34fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 33fr 33fr 34fr;
    justify-items: stretch;
}
.grillaFotos.ocho a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }
.grillaFotos.ocho a:nth-child(2) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho a:nth-child(3) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho a:nth-child(4) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(5) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(6) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(7) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(8) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }
	
/* ocho */
.grillaContainer.ocho { padding-top: 66%; }
.grillaFotos.ocho {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 33fr 33fr 34fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 33fr 33fr 34fr;
    justify-items: stretch;
}
.grillaFotos.ocho a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }
.grillaFotos.ocho a:nth-child(2) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho a:nth-child(3) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho a:nth-child(4) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(5) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(6) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(7) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.ocho a:nth-child(8) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }


/* ocho - opcion b */
.grillaContainer.ocho.b { padding-top: 45%; }
.grillaFotos.ocho.b {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 50fr 50fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 50fr 50fr;
    justify-items: stretch;
}
.grillaFotos.ocho.b a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho.b a:nth-child(2) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho.b a:nth-child(3) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho.b a:nth-child(4) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.ocho.b a:nth-child(5) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.ocho.b a:nth-child(6) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.ocho.b a:nth-child(7) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.ocho.b a:nth-child(8) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 2;  }


/* siete */
.grillaFotos.siete {
    -ms-grid-columns: 20fr 20fr 20fr 20fr 20fr;
    -ms-grid-rows: 50fr 50fr;
    grid-template-columns: 20fr 20fr 20fr 20fr 20fr;
    grid-template-rows: 50fr 50fr;
    justify-items: stretch;
}
.grillaFotos.siete a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: span 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.siete a:nth-child(2) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.siete a:nth-child(3) {
    -ms-grid-column: 5; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 5; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.siete a:nth-child(4) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.siete a:nth-child(5) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.siete a:nth-child(6) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 5; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.siete a:nth-child(7) {
    -ms-grid-column: 5; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 5; grid-column-end: 5; grid-row-start: 2; grid-row-end: 2;  }
	
	
/* siete - opcion b */
.grillaContainer.siete.b { padding-top: 66%; }
.grillaFotos.siete.b {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 33fr 33fr 34fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 33fr 33fr 34fr;
    justify-items: stretch;
}
.grillaFotos.siete.b a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }
.grillaFotos.siete.b a:nth-child(2) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.siete.b a:nth-child(3) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.siete.b a:nth-child(4) {
    -ms-grid-column: 4; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; }
.grillaFotos.siete.b a:nth-child(5) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.siete.b a:nth-child(6) {
    -ms-grid-column: 2; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: span 2; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.siete.b a:nth-child(7) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 3; grid-row-end: 3;  }

/* seis */
.grillaFotos.seis {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 50fr 50fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 50fr 50fr;
    justify-items: stretch;
}
.grillaFotos.seis a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.seis a:nth-child(2) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.seis a:nth-child(3) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.seis a:nth-child(4) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.seis a:nth-child(5) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.seis a:nth-child(6) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 2;  }
	
	
/* cinco */
.grillaContainer.cinco { padding-top: 43%; }
.grillaFotos.cinco {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 50fr 50fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 50fr 50fr;
    justify-items: stretch;
}
.grillaFotos.cinco a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }
.grillaFotos.cinco a:nth-child(2) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cinco a:nth-child(3) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cinco a:nth-child(4) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;  }
.grillaFotos.cinco a:nth-child(5) {
    -ms-grid-column: 4; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; }
	
	
/* cinco - opcion b*/

.grillaFotos.cinco.b a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cinco.b a:nth-child(2) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.cinco.b a:nth-child(3) {
    -ms-grid-column: 2; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 2; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }
.grillaFotos.cinco.b a:nth-child(4) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cinco.b a:nth-child(5) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 2; }
	
	
/* cuatro */
.grillaContainer.cuatro { padding-top: 23%; }
.grillaFotos.cuatro {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 100fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 100fr;
    justify-items: stretch;
}
.grillaFotos.cuatro a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cuatro a:nth-child(2) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cuatro a:nth-child(3) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cuatro a:nth-child(4) {
    -ms-grid-column: 4; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
	
	
/* cuatro - opcion b */
.grillaContainer.cuatro.b { padding-top: 50%; }
.grillaFotos.cuatro.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 50fr 50fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 50fr 50fr;
    justify-items: stretch;
}
.grillaFotos.cuatro.b a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cuatro.b a:nth-child(2) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.cuatro.b a:nth-child(3) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
.grillaFotos.cuatro.b a:nth-child(4) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
	
	
/* tres */
.grillaContainer.tres { padding-top: 23%; }
.grillaFotos.tres {
    -ms-grid-columns: 33fr 33fr 34fr;
    -ms-grid-rows: 100fr;
    grid-template-columns: 33fr 33fr 34fr;
    grid-template-rows: 100fr;
    justify-items: stretch;
}
.grillaFotos.tres a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.tres a:nth-child(2) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.tres a:nth-child(3) {
    -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1;
    grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;  }
	
	
/* tres - opcion b */
.grillaContainer.tres.b { padding-top: 43%; }
.grillaFotos.tres.b {
    -ms-grid-columns: 25fr 25fr 25fr 25fr;
    -ms-grid-rows: 50fr 50fr;
    grid-template-columns: 25fr 25fr 25fr 25fr;
    grid-template-rows: 50fr 50fr;
    justify-items: stretch;
}
.grillaFotos.tres.b a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }
.grillaFotos.tres.b a:nth-child(2) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
.grillaFotos.tres.b a:nth-child(3) {
    -ms-grid-column: 3; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1; 
    grid-column-start: 3; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 2;  }
	
/* dos */
.grillaContainer.dos { padding-top: 43%; }
.grillaFotos.dos {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 100fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 100fr;
    justify-items: stretch;
}
.grillaFotos.dos a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1; }
.grillaFotos.dos a:nth-child(2) {
    -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;  }
	
/* dos - opcion b*/
.grillaContainer.dos.b { padding-top: 23%; }


/* uno */
.grillaContainer.uno { padding-top: 43%; }
.grillaFotos.uno {
    -ms-grid-columns: 100fr;
    -ms-grid-rows: 100fr;
    grid-template-columns: 100fr;
    grid-template-rows: 100fr;
    justify-items: stretch;
}
.grillaFotos.uno a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
    grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1; }



/* galeria */
.grillaContainer.galeria { padding-top: 32%; }
.grillaFotos.galeria {
    -ms-grid-columns: 16.66fr 16.66fr 16.66fr 16.66fr 16.66fr 16.66fr;
    -ms-grid-rows: 33.33fr 33.33fr 33.33fr;
    grid-template-columns: 16.66fr 16.66fr 16.66fr 16.66fr 16.66fr 16.66fr;
    grid-template-rows: 33.33fr 33.33fr 33.33fr;
    justify-items: stretch;
}
.grillaFotos.galeria a:nth-child(1) {
    -ms-grid-column: 1; -ms-grid-column-span: 4; -ms-grid-row: 1; -ms-grid-row-span: 3; 
    grid-column-start: 1; grid-column-end: span 4; grid-row-start: 1; grid-row-end: span 3;  }
.grillaFotos.galeria a:nth-child(2) {
    -ms-grid-column: 5; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
    grid-column-start: 5; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;  }
.grillaFotos.galeria a:nth-child(3) {
    -ms-grid-column: 5; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
    grid-column-start: 5; grid-column-end: 5; grid-row-start: 3; grid-row-end: 3;  }
.grillaFotos.galeria a:nth-child(4) {
    -ms-grid-column: 6; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
    grid-column-start: 6; grid-column-end: 6; grid-row-start: 3; grid-row-end: 3;  }



/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .grillaFotos a { border: 5px solid #fff; }
}



/* experiencias */
.section.experiencias {
    background: #F9F9FF;
}

.homeExperiencias {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.homeExperiencias .item {
    float: left;
    width: 20%;
    padding: 0 5px;
}

.homeExperiencias .item .innerContainer {
    float: left;
    width: 100%;
    background: #ffffff;
    border: thin solid #eee;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    color: #222222;
    transition: all 0.3s;
}

.homeExperiencias .item .innerContainer .homeExperienciaTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    padding: 0 15px;
    transition: all 0.3s;
}

.homeExperiencias .item .innerContainer:hover .homeExperienciaTitle {
    color: #FF4A52;
}


.homeExperiencias .slick-prev, .homeExperiencias .slick-next {
    width: 35px;
    height: 42px;
    font-size: 0;
    background: url("imagenes/previous.svg") no-repeat center center #666666;
    background-size: auto 60%;
    left: -40px;
}

.homeExperiencias .slick-next {
    background: url("imagenes/next.svg") no-repeat center center #666666;
    background-size: auto 60%;
    right: -40px;
    left: auto;
}

.homeExperiencias .slick-prev:before, .homeExperiencias .slick-next:before {
    display: none;
}

.homeExperiencias .item .photo {
    float: left;
    width: 100%;
    height: 0;
    padding-top: 60%;
    background: #f0f0f0;
    background-size: cover !important;
    transition: all 0.3s ease-out;
}

.homeExperiencias .item:hover .photo {
    opacity: 0.8;
}

/* home informacion */
.section.homeInformacion {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
}

.section.homeInformacion h2 {
    font-size: 26px;
    letter-spacing: 0.03em;
    margin-bottom: 30px;
}

.section.homeInformacion .submenu { margin-bottom: 20px; }

.section.homeInformacion hr {
    float: left;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0 0 40px;
}

.homeInformacionIconos {
    display: flex;
    justify-content: space-between;
}

.homeInformacionIconos a {
    width: auto;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.3s;
}

.homeInformacionIconos a img {
    width: auto;
    height: 52px;
    margin-bottom: 20px;
}


.homeInformacionIconos a:hover { opacity: 0.6; }


/* HOME TABS */
/* tabs plugin styles */
.tabs-container {
  background: #fff;
}

.tabs-list-container {
  width: auto;
  margin: 0;
}

.tabs-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
}
.tabs-list li {
    width: auto;
    margin-right: 1px;
}

.tab {
    position: relative;
    display: block;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background: #7B8080;
    transition: all 0.3s;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
}

.tab:hover { background: #222; }

.tab.-active {
  color: #ffffff;
  background: #FF4A52;
}

.tab span { font-weight: 300; }

.panels-container {
    text-align: center;
    background: #EFF0F0;
}

.notice {
  font-size: 12px;
  color: #aaa;
  text-align: center;
}

/* end tabs plugin styles */

.tabFiltersContainer {
    display: flex;
    width: 100%;
    background: #A5ABAB;
    color: #fff;
    justify-content: flex-start;
    padding: 10px 20px;
}

.tabFiltersContainer .formGroupContainer {
    float: left;
    width: 100%;
    max-width: 190px;
    text-align: left;
    margin-right: 10px;
}

.tabFiltersContainer .formGroupContainer label {
    float: left;
    width: 100%;
    font-size: 9px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3px;
    padding-left: 3px;
}

.tabFiltersContainer .formGroupContainer select {
    float: left;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #222222;
    padding: 5px 25px 5px 10px;
    text-align: left;
    border: none;
    border-radius: 3px;
    background: url("imagenes/downArrow.svg") no-repeat right 10px center #ffffff;
    background-size: 9px auto;
}

.tabFiltersContainer .divider {
    float: left;
    width: 1px;
    height: 40px;
    border-right: 1px solid #C1C5CA;
    margin-right: 10px;
    display: block;
    content: '';
}

.tabFiltersContainer .formGroupContainer.precio {
    max-width: 150px;
}

.tabFiltersContainer .formGroupContainer.precio input {
    float: left;
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #222222;
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: none;
    border-radius: 3px;
}
.tabFiltersContainer .formGroupContainer.precio input:last-child { margin-right: 0; }

.tabFiltersContainer .formGroupContainer.busqueda {
	margin-left: auto;
	margin-right: 0;
}

.tabFiltersContainer .formGroupContainer.busqueda input {
	float: left;
    width: 100%;
    margin-right: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #222222;
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: none;
    border-radius: 3px;
}

/* --- */

.tabFiltersSelected {
	width: 100%;
	float: left;
	display: flex;
	background: #A5ABAB;
	justify-content: flex-start;
	align-items: top;
	flex-wrap: wrap;
	border-top: 1px solid #b9b9b9;
	padding: 7px 20px 2px;
}

.tabFiltersSelected > div {
	display: flex;
	width: auto;
	padding: 4px 5px 4px 10px;
	background: #e5e4e4;
	border-radius: 5px;
	align-items: center;
	margin-right: 5px;
	color: #222;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 5px;
}

.tabFiltersSelected > div button {
	border: none;
	width: 16px;
	height: 14px;
	background: url(imagenes/filterDelete.svg) no-repeat center center;
	background-size: 10px auto;
	margin-left: 7px;
	cursor: pointer;
	transition: all 0.3s;
}

.tabFiltersSelected > div button:hover {
	opacity: 0.4;
}

/* --- */

.tabListHeader {
    display: flex;
    width: 100%;
    background: #EFF0F0;
    color: #808080;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid #ffffff;
}

.tabListHeader .counter label {
    width: auto;
    font-size: 10px;
    vertical-align: baseline;
    color: #808080;
    letter-spacing: 0.03em;
    float: left;
    display: block;
    padding-top: 4px;
    margin-right: 5px;
    font-weight: 400;
}

.tabListHeader .counter .count {
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    vertical-align: baseline;
    float: left;
    display: block;
}

.tabListHeader .sorter {
    float: right;
    width: auto;
    white-space: nowrap;
}

.tabListHeader .sorter label {
    width: auto;
    font-size: 10px;
    vertical-align: baseline;
    color: #808080;
    letter-spacing: 0.03em;
    float: left;
    display: block;
    padding-top: 4px;
    margin-right: 5px;
    font-weight: 400;
}

.tabListHeader .sorter select {
    float: left;
    width: 180px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 12px;
    color: #222222;
    padding: 3px 25px 3px 10px;
    text-align: left;
    border: none;
    border-radius: 3px;
    background: url("imagenes/downArrow.svg") no-repeat right 10px center #E1E1E1;
    background-size: 9px auto;
    margin-top: -2px;
}

/* ---- */
.tabsItemList {
    float: left;
    width: 100%;
    padding: 25px 35px;
}

.tabsItemList .item {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.tabsItemList .item:hover .col1 { background: #fafafa; }
.tabsItemList .item:hover .col1 .photoContainer .photo { opacity: 0.7; }
.tabsItemList .item:hover .col2 { background: #fafafa; }

.tabsItemList .item .col1 {
    float: left;
    width: -webkit-calc(100% - 275px);
    width: calc(100% - 275px);
    background: #fff;
    padding: 30px 40px 30px 15px;
    text-align: left;
    transition: all 0.3s;
}

.tabsItemList .item .col1 .photoContainer {
    float: left;
    width: 30%;
}

.tabsItemList .item .col1 .photoContainer .photo {
    float: left;
    width: 100%;
    height: 0;
    padding-top: 70%;
    background: #f0f0f0;
    background-size: cover !important;
    transition: all 0.3s ease-out;
}

.tabsItemList .item .col1 .photoContainer .photo.withBorder {
	border: 1px solid #ccc;
    box-sizing: border-box;
	background: #fff;
	background-size: 80% auto !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.tabsItemList .item .col1 .info {
    float: left;
    display: flex;
    width: 70%;
    padding-left: 20px;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    position: relative;
    min-height: 168px;
    padding-bottom: 20px;
}

.tabsItemList .item .col1 .info .title {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    margin-bottom: 5px;
}

.tabsItemList .item .col1 .info .proveedor {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333333;
    font-weight: 400;
}

.tabsItemList .item .col1 .info p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 16px;
}

.tabsItemList .item .col1 .info .links {
    display: flex;
    float: left;
    width: auto;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
}

.tabsItemList .item .col1 .info .links a {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    padding-left: 20px;
    transition: all 0.3s;
}

.tabsItemList .item .col1 .info .links a.web { background: url("imagenes/iconWeb.svg") no-repeat left center; background-size: 13px 13px; }
.tabsItemList .item .col1 .info .links a.mail { background: url("imagenes/iconMail.svg") no-repeat left center; background-size: 13px 13px; }
.tabsItemList .item .col1 .info .links a.telefono { background: url("imagenes/iconTelefono.svg") no-repeat left center; background-size: 11px 14px; }
.tabsItemList .item .col1 .info .links a.indicaciones { background: url("imagenes/iconIndicaciones.svg") no-repeat left center; background-size: 15px 15px; }

.tabsItemList .item .col1 .info .links a:hover { color: #FF4A52; }

.tabsItemList .item .col1 .info .links .divider {
    height: 14px;
    border-right: 1px solid #ccc;
    width: 1px;
    display: block;
    margin: 0 25px;
}

.tabsItemList .item .col2 {
    float: left;
    width: 275px;
    background: #fff;
    padding: 30px 25px 30px 25px;
    text-align: center;
    border-left: 3px solid #EFF0F0;
    transition: all 0.3s;
}

.tabsItemList .item .col2.conInfo {
    padding: 20px 25px;
}

.tabsItemList .item .col2 .dias {
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #666666;
    font-weight: 300;
}

.tabsItemList .item .col2 .dias .fecha {
    color: #333333;
    font-weight: 600;
}

.tabsItemList .item .col2 ul {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.tabsItemList .item .col2 ul h4 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    color: #222;
    font-size: 14px;
}

.tabsItemList .item .col2 ul  li {
    float: left;
    margin-right: 20px;
    padding-left: 10px;
    background: url(imagenes/arrowRight.svg) no-repeat left center;
    background-size: 4px auto;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    margin-bottom: 2px;
    font-size: 14px;
}

.tabsItemList .item .col2 .rowPrecio {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 5px;
}

.tabsItemList .item .col2.conInfo .rowPrecio {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.tabsItemList .item .col2 .rowPrecio .desde {
    font-size: 9px;
    color: #808080;
    letter-spacing: 0.05em;
    margin-right: 5px;
    padding-top: 5px;
}

.tabsItemList .item .col2 .rowPrecio .precio {
    font-size: 35px;
    line-height: 35px;
    color: #222;
    font-weight: 500;
}

.tabsItemList .item .col2 .rowPrecio .moneda {
    font-weight: 400;
    font-size: 14px;
    color: #222;
    margin-left: 5px;
    padding-top: 5px;
}

.tabsItemList .item .col2 .btn.verde {
    font-size: 18px;
}

.tabsItemList .item .col2 .tripadvisor {
    text-align: center;
    margin-top: 10px;
}

.tabsItemList .item .col2 .tripadvisor img { max-width: 180px;}

.tabsItemList .emptyState {
    float: left;
    width: 100%;
    padding: 100px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

/* -- */

.tabsPagination {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    align-items: center;
    padding: 10px;
}

.tabsPagination button {
    font-size: 14px;
    color: #333333;
    padding: 5px 10px;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.tabsPagination button:hover {
    color: #FF4A52;
}

.tabsPagination ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tabsPagination ul li {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 10px;
}

.tabsPagination ul li a {
    padding: 4px 0 0 0;
    font-size: 15px;
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #333;
    transition: all 0.3s;
}

.tabsPagination ul li a:hover {
    background: #222;
    color: #fff;
}

.tabsPagination ul li.active a {
    background: #FF4A52;
    color: #fff;
}


/* home ofertas */
.section.ofertas {
    background: #F9F9FF;
}

.section.ofertas h2 {
    position: relative;
    margin-bottom: 55px;
}

.section.ofertas h2:after {
    position: absolute;
    content: '';
    display: block;
    width: 90px;
    border-bottom: 1px solid #cccccc;
    bottom: -15px;
    left: 50%;
    margin-left: -45px;
}

.homeOfertas {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.homeOfertas .item {
    float: left;
    width: 25%;
    padding: 0 5px;
}

.homeOfertas .item .innerContainer {
    float: left;
    width: 100%;
    background: #ffffff;
    border: thin solid #eee;
    font-size: 18px;
    color: #222222;
    transition: all 0.3s;
}


.homeOfertas .item .innerContainer .homeOfertaInfo {
    float: left;
    width: 100%;
    padding: 15px;
    transition: all 0.3s;
    text-align: left;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .ofertaInfoInner { margin-bottom: 20px; }

.homeOfertas .item .innerContainer .homeOfertaInfo .title {
    float: left;
    width: 100%;
    color: #222;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .proveedor {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333333;
    font-weight: 400;
}

.homeOfertas .item .innerContainer .homeOfertaInfo p {
    font-size: 14px;
    line-height: 21px;
    color: #666;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .rowPrecio {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .rowPrecio .desde {
    font-size: 9px;
    color: #808080;
    letter-spacing: 0.05em;
    margin-right: 5px;
    padding-bottom: 5px;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .rowPrecio .precio {
    font-size: 35px;
    line-height: 35px;
    color: #222;
    font-weight: 500;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .rowPrecio .moneda {
    font-weight: 400;
    font-size: 14px;
    color: #222;
    margin-left: 5px;
    padding-top: 5px;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .vigencia {
    font-size: 12px;
    color: #222;
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 600; 
    padding-top: 8px;
    padding-left: 5px;
}

.homeOfertas .item .innerContainer .homeOfertaInfo .vigencia span {
    font-size: 9px;
    letter-spacing: 0.08em;
    color: #808080;
    font-weight: 400;
}



.homeOfertas .slick-prev, .homeOfertas .slick-next {
    width: 35px;
    height: 42px;
    font-size: 0;
    background: url("imagenes/previous.svg") no-repeat center center #666666;
    background-size: auto 60%;
    left: -40px;
}

.homeOfertas .slick-next {
    background: url("imagenes/next.svg") no-repeat center center #666666;
    background-size: auto 60%;
    right: -40px;
    left: auto;
}

.homeOfertas .slick-prev:before, .homeOfertas .slick-next:before {
    display: none;
}

.homeOfertas .item .photo {
    float: left;
    width: 100%;
    height: 0;
    padding-top: 60%;
    background: #f0f0f0;
    background-size: cover !important;
    transition: all 0.3s ease-out;
}

.homeOfertas .item:hover .photo {
    opacity: 0.7;
}

.homeOfertas .verde {
    color: #fff;
    font-family: 'Playfair Display', serif;
    background: #76C043;
    border-radius: 5px;
    letter-spacing: 0.03em;
    transition: all 0.3s;
    display: inline-block;
    font-size: 18px;
    padding: 7px 25px 10px;
}

.homeOfertas .item:hover .verde {
    background-color: #41A200;
}


/* home - videos */
.homeVideos { background: #f8f8f8; flex-direction: column; align-items: center; }
.homeVideosContainer { border-top: 1px solid #ccc;  display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center; padding-top: 15px; }
a[href="http://html5box.com/html5gallery/watermark.php"] { display: none !important; margin-left: 10000000000px; }
a[href="http://html5box.com/html5gallery/watermark.php"] > div { display: none !important; margin-left: 10000000000px; }
.html5gallery-container-0 { background: none !important; background-color: transparent !important; }
.html5gallery-car-0 { background: transparent !important; border-color: #ccc !important; }
.html5gallery-car-right-0 { background: url(imagenes/next.svg) no-repeat center center #333 !important; background-size: auto 25% !important; cursor: pointer !important; top: 7px !important; bottom: 7px !important; height: auto !important; }
.html5gallery-car-right-0:hover { background-color: #FF4A52 !important; }
.html5gallery-car-left-0 { background: url(imagenes/previous.svg) no-repeat center center #333 !important; background-size: auto 25% !important; cursor: pointer !important; top: 7px !important; bottom: 7px !important; height: auto !important; }
.html5gallery-car-left-0:hover { background-color: #FF4A52 !important; }
.html5gallery-tn-selected-0 { background-color: #FF4A52 !important; }

/* distribuidora - cabalgatas */

.topPhoto .infoFoto.abajo {
	top: auto;
	bottom: -1px;
	transform: none;
	width: 100%;
	left: 0;
	text-align: center;
	border-bottom: 7px solid #ff4a52;
	padding: 0 10px 15px;
}

.topPhoto .infoFoto.abajo p {
	margin-bottom: 10px;
}

.section.ofertas.distribuidora { background: #fff; padding-top: 40px; padding-bottom: 40px; }

.section.ofertas.distribuidora .homeOfertas { margin-bottom: 0; }

.section.otrosRecomendados { padding: 40px 0 60px; }

.section.otrosRecomendados h4 {
	width: 100%;
	text-align: left;
	font-size: 16px;
	margin: 0 0 10px;
	color: #222;
	font-weight: 500;
}

.otrosRecomendadosList {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.otrosRecomendadosList .item {
	width: calc(33.3% - (20px / 3));
	margin-right: 10px;
	border: thin solid #eee;
}


.otrosRecomendadosList .item:last-child { margin-right: 0; }

.otrosRecomendadosList .item .photo {
	float: left;
    width: 100%;
    height: 0;
    padding-top: 60%;
    background: #f0f0f0;
    background-size: cover !important;
    transition: all 0.3s ease-out;
}

.otrosRecomendadosList .item .title {
	float: left;
	width: 100%;
	font-family: 'Playfair Display', serif;
	font-size: 16px;
	color: #222;
	text-align: left;
	padding: 10px 10px;
	transition: all 0.3s;
}

.otrosRecomendadosList .item:hover .title {
	color: #FF4A52;
}

.otrosRecomendadosList .item:hover .photo { opacity: 0.9; }




/* agencia de turismo */
.topGrilla {
    float: left;
    width: 100%;
    position: relative;
}

.topGrilla .btn {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    z-index: 1000;
    padding: 8px 15px 8px;
}

.introProveedor {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 35px 0 40px;
}

.introProveedor .col1 {
    float: left;
    width: calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    padding-right: 35px;
}

.introProveedor .col2 {
    float: left;
    width: 230px;
}

.introProveedor h1 {
    float: left;
    width: 100%;
    font-size: 58px;
    line-height: 58px;
    font-family: 'Playfair Display', serif;
    color: #222;
    margin: 0 0 10px 0;
}

.introProveedor .slogan {
    float: left;
    width: 100%;
    font-size: 22px;
    line-height: 22px;
    font-family: 'Playfair Display', serif;
    color: #222;
    margin: 0 0 10px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #9FA6AC;
}

.introProveedor .links {
    display: flex;
    float: left;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 35px;
}

.introProveedor .links a {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    padding-left: 20px;
    transition: all 0.3s;
}

.introProveedor .links a.web { background: url("imagenes/iconWeb.svg") no-repeat left center; background-size: 13px 13px; }
.introProveedor .links a.mail { background: url("imagenes/iconMail.svg") no-repeat left center; background-size: 13px 15px; }
.introProveedor .links a.telefono { background: url("imagenes/iconTelefono.svg") no-repeat left center; background-size: 11px 14px; }
.introProveedor .links a.indicaciones { background: url("imagenes/iconIndicaciones.svg") no-repeat left center; background-size: 15px 15px; }

.introProveedor .links a:hover { color: #FF4A52; }

.introProveedor .links .divider {
    height: 14px;
    border-right: 1px solid #ccc;
    width: 1px;
    display: block;
    margin: 0 25px;
}

.introProveedor .textoGrande {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #222;
    font-weight: 400;
}

.introProveedor .textoGrande.conSeparadores {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin-top: -20px;
}

.introProveedor .textoChico {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin-bottom: 40px;
}

.porqueElegirnos {
    float: left;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #333;
}

.porqueElegirnos span {
	font-weight: 500;
}

.porqueElegirnos ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	margin-left: 20px;
	flex-wrap: wrap;
}

.porqueElegirnos ul li {
	margin-right: 20px;
	padding-left: 10px;
	background: url(imagenes/arrowRight.svg) no-repeat left center;
	background-size: 4px auto;
	margin-bottom: 5px;
}

.introProveedor .col2 { padding-top: 25px; }

.introProveedor .col2 .row {
	background: #EDEDED;
	padding: 10px 15px;
	margin-bottom: 3px;
}

.introProveedor .col2 .row h4 {
	float: left;
	width: 100%;
	margin: 10px 0 5px 0;
	font-size: 14px;
	font-weight: 600;
	color: #333;
}

.introProveedor .col2 .row .sidecolPrecio {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;	
}

.introProveedor .col2 .row .sidecolPrecio span {
	font-size: 12px;
	font-weight: 400;
}

.introProveedor .col2 .row .btn {
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 100%;
	text-align: center;
}

.introProveedor .col2 .row .btn:nth-of-type(2) {
	margin-top: 10px;
}

.proveedorSection {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.proveedorSection .container {
	max-width: 1240px;
	background: #EFEFEF;
	padding: 30px 40px 30px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.proveedorSection.proveedorEspecialidades .container h2 {
	font-family: 'Playfair Display', serif;
	font-size: 25px;
	color: #222;
	margin-bottom: 20px;
}

.proveedorSection ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	width: 100%;
	flex-wrap: wrap;
}

.proveedorSection ul li {
	margin-right: 20px;
	padding-left: 10px;
	background: url(imagenes/arrowRight.svg) no-repeat left top 4px;
	background-size: 4px auto;
	margin-bottom: 5px;
}


.proveedorSection.proveedorHorarios .container { display: flex; justify-content: flex-start; align-items: center; padding: 10px 40px; }
.proveedorSection.proveedorHorarios .container h2 { font-size: 16px; font-weight: 500; color: #222; padding-left: 23px; position: relative; }

.proveedorSection.proveedorHorarios .container h2:before {
	display: block;
	position: absolute;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background: url(imagenes/iconClock.svg) no-repeat left center;
	background-size: 15px;
	content: '';
	left: 0;
	top: 50%;
	margin-top: -8px;
}

.proveedorSection.proveedorHorarios .container ul { width: auto; margin-left: 20px; flex-wrap: wrap; }

.proveedorSection.proveedorInfo .container {
	display: flex;
	align-items: flex-start;
}

.proveedorSection.proveedorInfo .container .col1 {
	width: 420px;
}

.proveedorSection.proveedorInfo .container .col1 .proveedorMapa {
	float: left;
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 80%;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

.proveedorSection.proveedorInfo .container .col1 .proveedorMapa iframe {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.proveedorSection.proveedorInfo .container .col1 a {
	color: #3E90CB;
	float: right;
}

.proveedorSection.proveedorInfo .container .col1 a:hover { text-decoration: underline; }

.proveedorSection.proveedorInfo .container .col2 {
	width: calc(100% - 420px);
	padding-left: 40px;
	font-size: 14px;
	color: #333;
	font-weight: 400;
}

.proveedorSection.proveedorInfo .container .col2 .row {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.proveedorSection.proveedorInfo .container .col2 .row:first-child {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.proveedorSection.proveedorInfo .container .col2 .row .proveedorLogo {
	width: 170px;
	height: auto;
	padding: 10px;
	background: #fff;
	margin-right: 30px;
}

.proveedorSection.proveedorInfo .container .col2 .row .proveedorLogo img {
	max-width: 100%;
	height: auto;
}

.proveedorSection.proveedorInfo .container .col2 .row .proveedorNombre {
	font-size: 24px;
	color: #222;
	font-weight: 500;
	margin-bottom: 15px;
}

.proveedorSection.proveedorInfo .container .col2 .row strong { font-weight: 500; color: #222; }

.proveedorSection.proveedorInfo .container .col2 .row .subtit {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	font-weight: 500;
	color: #222; 
}

.proveedorSection.proveedorInfo .container .col2 .row:nth-child(2) { padding-bottom: 5px; }
.proveedorSection.proveedorInfo .container .col2 .row:nth-child(2) ul {	flex-wrap: wrap; }
.proveedorSection.proveedorInfo .container .col2 .row:nth-child(2) ul li { width: calc(50% - 20px); margin-bottom: 10px; }

.proveedorSection.proveedorInfo .container .col2 .row:nth-child(3) { padding-bottom: 0; margin-bottom: 0; border: none; }
.proveedorSection.proveedorInfo .container .col2 .row:nth-child(3) ul {	flex-wrap: wrap; width: 100%; margin-right: 0; }
.proveedorSection.proveedorInfo .container .col2 .row:nth-child(3) ul li { width: 100%; margin-right: 0; margin-bottom: 10px; }


.proveedorSection.proveedorServicios .container h2 {
	font-family: 'Playfair Display', serif;
	font-size: 25px;
	color: #222;
	margin-bottom: 20px;
}

.proveedorServicios ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.proveedorServicios ul:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.proveedorServicios ul li {
	margin-right: 20px;
	padding-left: 10px;
	background: url(imagenes/arrowRight.svg) no-repeat left center;
	background-size: 4px auto;
}

.proveedorServicios ul li:first-child {
	padding-left: 0;
	font-weight: 500;
	background: none;
}


/* proveedor actividades */
.proveedorSection.proveedorActividades .container h2 {
	font-family: 'Playfair Display', serif;
	font-size: 25px;
	color: #222;
	margin-bottom: 20px;
}

.proveedorActividades ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	flex-wrap: wrap;
}

.proveedorActividades ul li {
	margin-right: 20px;
	padding-left: 10px;
	background: url(imagenes/arrowRight.svg) no-repeat left center;
	background-size: 4px auto;
	margin-bottom: 5px;
}

.proveedorActividades ul li:first-child {
	padding-left: 0;
	background: none;
}

/* proveedor accesibilidad */
.proveedorSection.proveedorAccesibilidad .container h2 {
	font-family: 'Playfair Display', serif;
	font-size: 25px;
	color: #222;
	margin-bottom: 20px;
}

.proveedorAccesibilidad ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	flex-wrap: wrap;
}

.proveedorAccesibilidad ul li {
	margin-right: 20px;
	padding-left: 10px;
	background: url(imagenes/arrowRight.svg) no-repeat left center;
	background-size: 4px auto;
	margin-bottom: 5px;
}

.proveedorAccesibilidad ul li:first-child {
	padding-left: 0;
	background: none;
}

/* proveedor reuniones */
.proveedorSection.proveedorReuniones .container h2 {
	font-family: 'Playfair Display', serif;
	font-size: 25px;
	color: #222;
	margin-bottom: 20px;
}

.proveedorReuniones ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.proveedorReuniones ul li {
	margin-right: 20px;
	padding-left: 10px;
	background: url(imagenes/arrowRight.svg) no-repeat left center;
	background-size: 4px auto;
}

.proveedorReuniones ul li:first-child {
	padding-left: 0;
	background: none;
	font-weight: 500;
}

.salones {
	float: left;
	width: 100%;
}

.salones ul:first-child { 
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

.salones ul:first-child li span {
	vertical-align: super;
	font-size: 10px;
	line-height: 8px;
}


/* proveedor infoAdicional */
.proveedorSection.proveedorInfoAdicional .container h2 {
	font-family: 'Playfair Display', serif;
	font-size: 25px;
	color: #222;
	margin-bottom: 20px;
}

.proveedorInfoAdicional ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	list-style-type: none;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.proveedorInfoAdicional ul li {
	padding-left: 10px;
	background: url(imagenes/arrowRight.svg) no-repeat left center;
	background-size: 4px auto;
	margin-bottom: 10px;
}

.proveedorInfoAdicional ul li strong {
	font-weight: 600; 
}

/* proveedor video */
.proveedorSection.proveedorVideo .container {
	padding: 15px;
}


/* con quien conocerlo */
.proveedorServicios.conQuienConocerlo ul {
    flex-wrap: wrap;
}

.proveedorServicios.conQuienConocerlo ul li:first-child {
    width: 100%;
    margin-bottom: 5px;
}

.proveedorServicios.conQuienConocerlo ul li a {
    color: inherit;
    text-decoration: none;
}

.proveedorServicios.conQuienConocerlo ul li a:hover { text-decoration: underline; }



.proveedorSection.proveedorCierre .container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.proveedorCierre .btn { white-space: nowrap; }

.proveedorCierre .links {
    display: flex;
    float: left;
    max-width: 100%;
    justify-content: flex-start;
	padding-left: 60px;
	flex-wrap: wrap;
	position: relative;
    overflow: hidden;
}

.proveedorCierre .links:after {
	position: absolute;
	display: block;
	content: '';
	height: 1px;
	left: 55px;
	right: 0;
	top: 31px;
	border-bottom: 1px solid #ccc;
}

.proveedorCierre .links a {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    padding-left: 20px;
    transition: all 0.3s;
	margin: 7px 0;
}

.proveedorCierre .links a.web { background: url("imagenes/iconWeb.svg") no-repeat left center; background-size: 13px 13px; }
.proveedorCierre .links a.mail { background: url("imagenes/iconMail.svg") no-repeat left center; background-size: 13px 14px; }
.proveedorCierre .links a.telefono { background: url("imagenes/iconTelefono.svg") no-repeat left center; background-size: 11px 15px; }
.proveedorCierre .links a.indicaciones { background: url("imagenes/iconIndicaciones.svg") no-repeat left center; background-size: 15px auto; }
.proveedorCierre .links a.whatsapp { background: url("imagenes/iconWhatsapp.svg") no-repeat left center; background-size: 13px 13px; }
.proveedorCierre .links a.facebook { background: url("imagenes/iconFacebook.svg") no-repeat left 3px center; background-size: 7px 14px; }
.proveedorCierre .links a.twitter { background: url("imagenes/iconTwitter.svg") no-repeat left center; background-size: 13px 13px; }
.proveedorCierre .links a.instagram { background: url("imagenes/iconInstagram.svg") no-repeat left center; background-size: 13px 13px; }
.proveedorCierre .links a.youtube { background: url("imagenes/iconYoutube.svg") no-repeat left center; background-size: 13px 13px; }

.proveedorCierre .links a:hover { color: #FF4A52; }

.proveedorCierre .links .divider {
    height: 14px;
    border-right: 1px solid #ccc;
    width: 1px;
    display: block;
    margin: 7px 20px;
}


.proveedorDisclaimer {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}

.proveedorDisclaimer .container {
	font-size: 12px;
	color: #666666;
	justify-content: center;
}


.section.ofertas.proveedorProductos {
	background: #fff;
	padding: 0;
	margin-bottom: 50px;
}

.section.ofertas.proveedorProductos .container {
	background: #EEEEFF;
	max-width: 1240px;
	padding-top: 40px;
}

.section.ofertas.proveedorProductos .container h2 {
	text-align: left;
	font-size: 25px;
	line-height: normal;
	border-bottom: 1px solid #9FA6AC;
	padding-bottom: 15px;
	margin-bottom: 25px;
	width: calc(100% - 10px);
    margin-left: 5px;
}

.section.ofertas.proveedorProductos .container h2:after { display: none; }

.section.ofertas.proveedorProductos .tabsItemList {	padding: 0 5px 30px; }
.section.ofertas.proveedorProductos .tabsItemList .item .col1 { padding: 0; }
.section.ofertas.proveedorProductos .tabsItemList .item .col1 .photoContainer { width: 270px; }
.section.ofertas.proveedorProductos .tabsItemList .item .col1 .info { width: calc(100% - 270px); padding: 25px 40px 0 40px; }
.section.ofertas.proveedorProductos .tabsItemList .item .col1 .info .title { font-size: 24px; margin-bottom: 10px; }
.section.ofertas.proveedorProductos .tabsItemList .item .col2 { padding-top: 40px; }
.section.ofertas.proveedorProductos .tabsItemList .item .col2 .rowPrecio { justify-content: flex-start; }
.section.ofertas.proveedorProductos .vigencia {
    font-size: 12px;
    color: #222;
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 600; 
    padding-top: 8px;
    padding-left: 5px;
}

.section.ofertas.proveedorProductos .vigencia span {
    font-size: 9px;
    letter-spacing: 0.08em;
    color: #808080;
    font-weight: 400;
}

.section.ofertas.proveedorProductos.oferta { margin-bottom: 80px; }
.section.ofertas.proveedorProductos.oferta .container {	background: #76B543; max-width: 1240px;	padding: 7px; }
.section.ofertas.proveedorProductos.oferta .tabsItemList { padding: 0; }
.section.ofertas.proveedorProductos.oferta .tabsItemList .item { margin-bottom: 0; }
.section.ofertas.proveedorProductos.oferta .tabsItemList .item .volanta { width: 100%; font-size: 12px; color: #FF4A52; font-weight: 600; letter-spacing: 0.03em; }

/* alojamientos */
.proveedorSection.horariosAlojamiento {
	float: left;
	width: 100%;
}

.proveedorSection.horariosAlojamiento .container {
	padding: 0;
	background: #fff;
}

.proveedorSection.horariosAlojamiento .alojamientoHabitaciones {
	float: left;
    width: 225px;
    border-right: 10px solid #fff;
    background: #EFEFEF;
    padding: 12px 20px 10px 40px;
    display: block;
    font-weight: 600;
}

.proveedorSection.horariosAlojamiento .alojamientoHabitaciones .icon {
	display: inline-block;
    margin-right: 7px;
    width: 19px;
    height: 15px;
    background: url(imagenes/iconHabitaciones.svg) no-repeat left center;
    background-size: 19px auto;
	vertical-align: middle;
    margin-top: -4px;
}

.horariosAlojamiento .alojamientoHorarios {
	width: calc(100% - 225px);
	width: -webkit-calc(100% - 225px);
}


.horariosAlojamiento .alojamientoHorarios {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 20px;
	background: #EFEFEF;
}
.horariosAlojamiento .alojamientoHorarios h2 { font-size: 16px; font-weight: 500; color: #222; padding-left: 23px; position: relative; margin-right: 30px; }

.horariosAlojamiento .alojamientoHorarios h2:before {
	display: block;
	position: absolute;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background: url(imagenes/iconClock.svg) no-repeat left center;
	background-size: 15px;
	content: '';
	left: 0;
	top: 50%;
	margin-top: -8px;
}


/* atractivos */
.introProveedor .grillaContainer { margin-bottom: 40px; }
.introProveedor .grillaContainer a { pointer-events: none; }
.introProveedor .grillaFotos a:after { display: none; }
.introProveedor.topMargin { padding-bottom: 0; }
.introProveedor.topMargin .textoChico { margin-bottom: 0; }
.introProveedor.topMargin .textoChico p:last-child { margin-bottom: 0; }

.read-more-state {
  display: none;
}

.read-more-target * {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target * {
  opacity: 1;
  font-size: inherit;
  max-height: 99999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Leer más';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Leer menos';
}



.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  color: #f04e55;
  font-size: 16px;
  position: relative;
  padding-left: 25px;
}

.read-more-trigger span {
	display: block;
	width: 19px;
	height: 19px;
	background: #f04e55;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	left: 0;
	top: 3px;
}

.read-more-state ~ .read-more-trigger span:before {
  content: '+';
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  position: absolute;
  left: 5px;
  top: 2px;
}

.read-more-state:checked ~ .read-more-trigger span:before {
  content: '-';
  left: 6px;
}

.section.experiencias.atractivoItinerarios {
	background: #fff;
	padding: 0;
}

.section.experiencias.atractivoItinerarios h2 {
	text-align: left;
	font-size: 20px;
	color: #222;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	padding-left: 5px;
    margin-bottom: 5px;
	line-height: normal;
}

.section.experiencias.atractivoItinerarios h2 strong {
	font-weight: 600;
}


/* que hacer */
.section.itinerarios {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 0;
}

.section.itinerarios.conBackground { background: #f8f8f8; }

.section.itinerarios .itinerariosFiltro {
	float: left;
	width: 100%;
	background: #f04e55;
	color: #fff;
	display: flex;
	justify-content: center;
}


.section.itinerarios .itinerariosFiltro .container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 30px 20px;
	font-size: 20px;
	font-family: 'Playfair Display', serif;
	flex-wrap: wrap;
	justify-content: center;
}

.section.itinerarios .itinerariosFiltro .container select {
	display: inline-block;
	margin: 3px 15px;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 16px;
    color: #222222;
    padding: 7px 25px 7px 10px;
    text-align: left;
    border: none;
    border-radius: 3px;
    background: url("imagenes/downArrow.svg") no-repeat right 10px center #fff;
    background-size: 9px auto;
}

.section.itinerarios .itinerariosFiltro .container button {
    padding: 4px 15px 7px;
    font-size: 17px;
    background: #1a1a1a;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-family: 'Playfair Display', serif;
    cursor: pointer;
    transition: all 0.3s;
}

.section.itinerarios .itinerariosFiltro .container button:hover {
    background: #333;
}

.itinerariosList {
	float: left;
	width: 100%;
	background: #e6e6e5;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 30px 0 60px;
}

.itinerariosList .itinerario {
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: top;
	margin-bottom: 15px;
}

.itinerariosList .itinerario .info {
	float: left;
    display: flex;
    width: 40%;
    padding-left: 20px;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    position: relative;
    min-height: 168px;
    padding: 20px 30px 10px;
	text-align: left;
}

.itinerariosList .itinerario .title {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    margin-bottom: 5px;
}

.itinerariosList .itinerario .proveedor {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333333;
    font-weight: 400;
}

.itinerariosList .itinerario .info p {
	font-size: 16px;
    line-height: 23px;
    margin-bottom: 16px;
}

.itinerariosList .itinerario .photoContainer {
	float: left;
    width: 40%;
}

.itinerariosList .itinerario .photoContainer .photo {
	float: left;
    width: 100%;
    height: 0;
    padding-top: 70%;
    background: #f0f0f0;
    background-size: cover !important;
    transition: all 0.3s ease-out;
}

.itinerariosList .itinerario .details {
	float: left;
	width: 25%;
	text-align: left;
	padding: 20px;
	border-left: 4px solid #e6e6e5;
}

.itinerariosList .itinerario .details .dias {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	color: #222;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.itinerariosList .itinerario .details ul {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
}

.itinerariosList .itinerario .details ul h4 {
	float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 500;
    color: #222;
}
    
.itinerariosList .itinerario .details ul li {
	float: left;
	margin-right: 20px;
    padding-left: 10px;
    background: url(imagenes/arrowRight.svg) no-repeat left center;
    background-size: 4px auto;
	width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
	margin-bottom: 5px;
    font-size: 14px;
}

.itinerariosList .itinerario .details .rowPrecio {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 5px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.itinerariosList .itinerario .details .rowPrecio .desde {
	font-size: 9px;
    color: #808080;
    letter-spacing: 0.05em;
    margin-right: 5px;
    padding-top: 5px;
}

.itinerariosList .itinerario .details .rowPrecio .precio {
	font-size: 35px;
    line-height: 35px;
    color: #222;
    font-weight: 500;
}

.itinerariosList .itinerario .details .rowPrecio .moneda {
	font-weight: 400;
    font-size: 14px;
    color: #222;
    margin-left: 5px;
    padding-top: 5px;
}


.itinerariosList .itinerario .details .btn.verde {
	width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin-bottom: 0;
	font-size: 18px;
}

.section.itinerarios .container .btnContainer {
	text-align: center;
	padding-top: 30px;
}

.section.itinerarios .container .btnContainer .btn { font-size: 18px; }


.precio.texto {
	font-size: 22px !important;
	text-transform: uppercase;
	font-weight: 900 !important;
}


/* itinerarios - detalle */
.infoItinerario {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    list-style-type: none;
    margin: 45px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}

.infoItinerario li {
    font-size: 22px;
    font-weight: 500;
    color: #222;
    display: flex;
    flex-direction: column;
}

.infoItinerario li label {
    font-weight: 300;
    font-size: 14px;
    color: #f04e55;
}

.infoItinerario .divider {
    border-right: 1px solid #ccc;
    width: 1px;
    display: block;
    height: 35px;
    margin-top: 5px;
}

.introProveedor.detalleItinerario .links { margin-bottom: 0px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.introProveedor.detalleItinerario .links a.proveedor { padding-left: 0; }
.introProveedor.detalleItinerario .links a.proveedor strong { font-weight: 500; }

.introProveedor.detalleItinerario .porqueElegirnos {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
.introProveedor.detalleItinerario .porqueElegirnos.actividades { border-bottom: none; padding-bottom: 0; }

.introProveedor.detalleItinerario .col2 .row { padding-bottom: 20px; }

.introProveedor.detalleItinerario .precio {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0px;
    margin-top: 10px;
}

.introProveedor.detalleItinerario .precio .desde {
	font-size: 9px;
    color: #808080;
    letter-spacing: 0.05em;
    margin-right: 5px;
    padding-top: 5px;
    font-weight: 400;
}

.introProveedor.detalleItinerario .precio .precio {
	font-size: 35px;
    line-height: 35px;
    color: #222;
    font-weight: 500;
    width: auto;
    margin-top: 0;
}

.introProveedor.detalleItinerario .precio .moneda {
	font-weight: 400;
    font-size: 14px;
    color: #222;
    margin-left: 5px;
    padding-top: 5px;
}

.introProveedor.itinerarioDiaxDia { margin-top: 40px; }

.introProveedor.itinerarioDiaxDia .textoGrande, .introProveedor.itinerarioDiaxDia .textoChico  {
    width: calc(100% - 280px);
    margin-left: 140px;
}

.itinerarioCuadroInfo h2 {
    font-family: 'Playfair Display', serif;
    font-size: 25px;
    color: #222;
    margin-bottom: 20px;
}

.itinerarioCuadroInfo .empiezaTermina {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.containerFecha {
    display: flex;
    align-items: center;
}

.containerHorarios {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.proveedorSection.proveedorHorarios .container h2.fecha:before {
    background-image: url("imagenes/iconCalendar.svg");
    background-size: 13px auto;
}

.itinerarioCuadroInfo .empiezaTermina li {
    margin-right: 20px;
    padding-left: 10px;
    background: url(imagenes/arrowRight.svg) no-repeat left center;
    background-size: 4px auto;
}

.itinerarioCuadroInfo .empiezaTermina li:first-child, .itinerarioCuadroInfo .empiezaTermina li:nth-child(3)  {
    padding-left: 0;
    font-weight: 500;
    background: none;
}

.itinerarioCuadroInfo .empiezaTermina li:nth-child(3) { margin-left: 30px; }

.itinerarioCuadroInfo .comoLlegar .col {
    float: left;
    width: calc(50% - 20px);
    margin-right: 20px;
}

.itinerarioCuadroInfo .comoLlegar .col:last-child { margin-right: 0; }

.itinerarioCuadroInfo .comoLlegar .subtit {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-weight: 500;
    color: #222;
}

.itinerarioCuadroInfo .comoLlegar .col ul li { background-position: left top 5px; margin-bottom: 10px; }

.itinerarioCuadroInfo .comoLlegar .col ul {
    flex-direction: column;
}

.itinerarioCuadroInfo .atractivos {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.itinerarioCuadroInfo .atractivos li {
    margin-right: 20px;
    padding-left: 10px;
    background: url(imagenes/arrowRight.svg) no-repeat left center;
    background-size: 4px auto;
}

.itinerarioCuadroInfo .atractivos li:first-child {
    padding-left: 0;
    font-weight: 500;
    background: none;
}

	
/* calendario de eventos */

.section.calendarioContainer {
	padding-top: 20px;
}

.calendario {
	float: left;
	width: 100%;
	background: #f8f8f8;
	padding: 30px 40px;
}

.calendario .cabezal {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 64px;
	color: #4d4d4d;
	margin-bottom: 30px;
}

.calendario .cabezal .arrowLeft {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 22px;
	background: url(imagenes/arrowLeft.svg) no-repeat right center;
	background-size: 10px auto;
	transition: all 0.3s;
	cursor: pointer;
}
.calendario .cabezal .arrowLeft:hover {
	background: url(imagenes/arrowLeft.svg) no-repeat left center;
	background-size: 10px auto;
}

.calendario .cabezal .arrowRight {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 22px;
	background: url(imagenes/arrowRight.svg) no-repeat left center;
	transition: all 0.3s;
	background-size: 10px auto;
	transition: all 0.3s;
	cursor: pointer;
}

.calendario .cabezal .arrowRight:hover {
	background: url(imagenes/arrowRight.svg) no-repeat right center;
	background-size: 10px auto;
}



.calendario .meses {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.calendario .mes {
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	margin-bottom: 35px;
}

.calendario .mes:nth-child(4n) {
	margin-right: 0;
}

.calendario .mes > .nombre {
	float: left;
	width: 100%;
	font-size: 27px;
	color: #4d4d4d;
	font-family: 'Playfair Display', serif;
	text-align: left;
	padding: 0px 5px 5px;
	border-top: 1px solid #ccc;
}

.calendario .mes .actividades {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.calendario .mes .actividades li {
	float: left;
	width: 100%;
	margin-bottom: 4px;
	text-align: left;
}

.calendario .mes .actividades li a {
	float: left;
	width: 100%;
	text-align: left;
	display: flex;
	align-items: top;
}

.calendario .mes .actividades li .numero {
	font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    background: #f04e55;
    padding: 3px 0px 4px;
    color: #fff;
    width: 45px;
    min-height: 40px;
    text-align: center;
	transition: all 0.3s;
}

.calendario .mes .actividades li .nombre {
	font-size: 16px;
	font-weight: 400;
	background: url(imagenes/arrowRight.svg) no-repeat right 13px center #e9eaea;
	background-size: 5px auto;
	padding: 10px 25px 7px 7px ;
	color: #4d4d4d;
	width: calc(100% - 45px);
    text-align: left;
	min-height: 40px;
	transition: all 0.3s;
}
.calendario .mes .actividades li a:hover .nombre {
	background: url(imagenes/arrowRight.svg) no-repeat right 8px center #dfe0e0;
	background-size: 5px auto;
}


.calendario .mes .actividades li a:hover .numero {
	background: #CE2831;
}


.section.itinerarios.proximosEventos {
	background: #e6e6e5;
}

.section.itinerarios.proximosEventos h2 { position: relative; }

.section.itinerarios.proximosEventos h2:after {
    position: absolute;
    content: '';
    display: block;
    width: 90px;
    border-bottom: 1px solid #cccccc;
    bottom: -15px;
    left: 50%;
    margin-left: -45px;
}

.section.itinerarios .itinerario .details .dias .fecha {
	color: #333333;
	font-weight: 600;
}

.section.itinerarios .itinerario .details .dias {
	color: #666666;
	font-weight: 300;
}

.botonEventos {
    float: left;
    width: 100%;
    padding: 50px 40px;
    background: url("imagenes/btnEventosBg.png") no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.botonEventos .txt {
    font-size: 22px;
    color: #000;
    margin-bottom: 30px;
}

/* detalle itinerario largo */
.itinerarioDia {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.itinerarioDia .titulo {
    float: left;
    max-width: calc(100% - 280px);
    margin-left: 140px;
    font-size: 22px;
    font-weight: 500; 
    color: #222;
    margin-bottom: 20px;
}

.itinerarioDia > img  {
    float: left;
    max-width: calc(100% - 280px);
    margin-left: 140px;
    margin-bottom: 30px;
}

.itinerarioDiaInfo {
    float: left;
    max-width: calc(100% - 280px);
    margin: 0;
    margin-left: 140px;
    margin-bottom: 30px;
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
}

.itinerarioDiaInfo li {
    font-size: 22px;
    font-weight: 500;
    color: #222;
    display: flex;
    flex-direction: column;
	white-space: nowrap;
}

.itinerarioDiaInfo li label {
    font-weight: 300;
    font-size: 14px;
    color: #f04e55;
}

.itinerarioDiaInfo li ul {
    display: flex;
    width: 100%;
    padding: 5px 0 0 0;
	flex-wrap: wrap;
}

.itinerarioDiaInfo li ul li {
    margin-right: 20px;
    padding-left: 10px;
    background: url(imagenes/arrowRight.svg) no-repeat left center;
    background-size: 4px auto;
    font-size: 16px;
    font-weight: 400;
    justify-content: flex-start;
	margin-bottom: 5px;
}

.itinerarioDiaInfo .divider {
    border-right: 1px solid #ccc;
    width: 1px;
    display: block;
    height: 35px;
    margin: 5px 25px;
}

.itinerarioDia .txt  {
    float: left;
    max-width: calc(100% - 280px);
    margin-left: 140px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}


/* informacion general de destino */
.infoGralSquares {
    float: left;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 10%;
    padding: 0;
    list-style-type: none;
}

.infoGralSquares li {
    width: calc((100% - 45px) / 4);
    margin-right: 15px;
    margin-bottom: 15px;
}

.infoGralSquares li:nth-child(4n) { margin-right: 0; }

.infoGralSquares li a {
    float: left;
    width: 100%;
    padding: 85px 15px 15px;
    transition: all 0.3s;
}

.infoGralSquares li:nth-child(1) a { background: url("imagenes/infoGral1.svg") no-repeat bottom 50px center #F8F8F8; background-size: 37px auto; }
.infoGralSquares li:nth-child(2) a { background: url("imagenes/infoGral2.svg") no-repeat bottom 50px center #F8F8F8; background-size: 41px auto; }
.infoGralSquares li:nth-child(3) a { background: url("imagenes/infoGral3.svg") no-repeat bottom 50px center #F8F8F8; background-size: 35px auto; }
.infoGralSquares li:nth-child(4) a { background: url("imagenes/infoGral4.svg") no-repeat bottom 50px center #F8F8F8; background-size: 47px auto; }
.infoGralSquares li:nth-child(5) a { background: url("imagenes/infoGral5.svg") no-repeat bottom 50px center #F8F8F8; background-size: 44px auto; }
.infoGralSquares li:nth-child(6) a { background: url("imagenes/infoGral6.svg") no-repeat bottom 50px center #F8F8F8; background-size: 40px auto; }
.infoGralSquares li:nth-child(7) a { background: url("imagenes/infoGral7.svg") no-repeat bottom 50px center #F8F8F8; background-size: 46px auto; }
.infoGralSquares li:nth-child(8) a { background: url("imagenes/infoGral8.svg") no-repeat bottom 50px center #F8F8F8; background-size: 36px auto; }

.infoGralSquares li a:hover { background-color: #ececec; }


.section.infoGralContenido {
    border-top: 1px solid #ccc;
}

.infoGralContenido .container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.infoGralContenido .container .infoGralNav {
    width: 325px !important;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    background: #f8f8f8;
    margin: 70px 0 0 0;
    padding: 30px 50px;
    position: relative;
}

.infoGralContenido .container .infoGralNav:before {
    display: block;
    width: 2000px;
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    background: #f8f8f8;
}

.infoGralContenido .container .infoGralNav li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.infoGralContenido .container .infoGralNav li a {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #222222;
    padding: 7px 10px 8px 30px;
    text-align: left;
    border-radius: 0 10px 10px 0;
    transition: all 0.3s;
}

.infoGralContenido .container .infoGralNav li a:hover {
    color: #F04E55;
}

.infoGralContenido .container .infoGralNav li.active a {
    background: #F04E55;
    color: #fff;
    position: relative;
}

.infoGralContenido .container .infoGralNav li.active a:before {
    display: block;
    width: 2000px;
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    background: #F04E55;
}

.infoGralContenido .container .infoGralNav li:nth-child(1) a { background: url("imagenes/infoGralGris1.svg") no-repeat left center; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav li:nth-child(2) a { background: url("imagenes/infoGralGris2.svg") no-repeat left center; background-size: 20px 19px; }
.infoGralContenido .container .infoGralNav li:nth-child(3) a { background: url("imagenes/infoGralGris3.svg") no-repeat left center; background-size: 17px 23px; }
.infoGralContenido .container .infoGralNav li:nth-child(4) a { background: url("imagenes/infoGralGris4.svg") no-repeat left center; background-size: 22px 17px; }
.infoGralContenido .container .infoGralNav li:nth-child(5) a { background: url("imagenes/infoGralGris5.svg") no-repeat left center; background-size: 22px 22px; }
.infoGralContenido .container .infoGralNav li:nth-child(6) a { background: url("imagenes/infoGralGris6.svg") no-repeat left center; background-size: 20px 21px; }
.infoGralContenido .container .infoGralNav li:nth-child(7) a { background: url("imagenes/infoGralGris7.svg") no-repeat left center; background-size: 23px 19px; }
.infoGralContenido .container .infoGralNav li:nth-child(8) a { background: url("imagenes/infoGralGris8.svg") no-repeat left center; background-size: 17px 16px; }

.infoGralContenido .container .infoGralNav li:nth-child(1) a:hover { background: url("imagenes/infoGral1.svg") no-repeat left center; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav li:nth-child(2) a:hover { background: url("imagenes/infoGral2.svg") no-repeat left center; background-size: 20px 19px; }
.infoGralContenido .container .infoGralNav li:nth-child(3) a:hover { background: url("imagenes/infoGral3.svg") no-repeat left center; background-size: 17px 23px; }
.infoGralContenido .container .infoGralNav li:nth-child(4) a:hover { background: url("imagenes/infoGral4.svg") no-repeat left center; background-size: 22px 17px; }
.infoGralContenido .container .infoGralNav li:nth-child(5) a:hover { background: url("imagenes/infoGral5.svg") no-repeat left center; background-size: 22px 22px; }
.infoGralContenido .container .infoGralNav li:nth-child(6) a:hover { background: url("imagenes/infoGral6.svg") no-repeat left center; background-size: 20px 21px; }
.infoGralContenido .container .infoGralNav li:nth-child(7) a:hover { background: url("imagenes/infoGral7.svg") no-repeat left center; background-size: 23px 19px; }
.infoGralContenido .container .infoGralNav li:nth-child(8) a:hover { background: url("imagenes/infoGral8.svg") no-repeat left center; background-size: 17px 16px; }

.infoGralContenido .container .infoGralNav li:nth-child(1).active a { background: url("imagenes/infoGralBlanco1.svg") no-repeat left center #F04E55;; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav li:nth-child(2).active a { background: url("imagenes/infoGralBlanco2.svg") no-repeat left center #F04E55;; background-size: 20px 19px; }
.infoGralContenido .container .infoGralNav li:nth-child(3).active a { background: url("imagenes/infoGralBlanco3.svg") no-repeat left center #F04E55;; background-size: 17px 23px; }
.infoGralContenido .container .infoGralNav li:nth-child(4).active a { background: url("imagenes/infoGralBlanco4.svg") no-repeat left center #F04E55;; background-size: 22px 17px; }
.infoGralContenido .container .infoGralNav li:nth-child(5).active a { background: url("imagenes/infoGralBlanco5.svg") no-repeat left center #F04E55;; background-size: 22px 22px; }
.infoGralContenido .container .infoGralNav li:nth-child(6).active a { background: url("imagenes/infoGralBlanco6.svg") no-repeat left center #F04E55;; background-size: 20px 21px; }
.infoGralContenido .container .infoGralNav li:nth-child(7).active a { background: url("imagenes/infoGralBlanco7.svg") no-repeat left center #F04E55;; background-size: 23px 19px; }
.infoGralContenido .container .infoGralNav li:nth-child(8).active a { background: url("imagenes/infoGralBlanco8.svg") no-repeat left center #F04E55;; background-size: 17px 16px; }


.infoGralDetalle {
    width: calc(100% - (325px + 35px));
    text-align: left;
}

.infoGralDetalle h2 {
    float: left;
    width: 100%;
    font-size: 40px;
    padding-left: 20px;
    background: url("imagenes/arrowRight.svg") no-repeat left top 15px;
    background-size: 9px auto;
    margin-bottom: 30px;
    text-align: left;
}

.infoGralDetalle h3 {
    float: left;
    width: 100%;
    font-size: 28px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 500;
    color: #222;
}

.infoGralDetalle h4 {
    float: left;
    width: 100%;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 500;
    color: #222;
}

.infoGralDetalle .bloque {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.infoGralDetalle img {
    float: left;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.infoGralDetalle .textoMedio {
    float: left;
    width: 100%;
    font-size: 19px;
    line-height: 28px;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.infoGralDetalle .textoChico {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #676767;
    margin-bottom: 20px;
}

.infoGralDetalle .textoChico p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 26px;
}

.infoGralDetalle .textoChico strong {
    color: #222;
}

.infoGralFooter {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

.infoGralFooter .anterior, .infoGralFooter .siguiente {
    float: left;
    width: calc(50% - 20px);
    background: url("imagenes/arrowLeft.svg") no-repeat left 15px center #f8f8f8;
    background-size: 9px auto;
    padding: 10px 10px 10px 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.3s;
}

.infoGralFooter .siguiente {
    float: right;
    background: url("imagenes/arrowRight.svg") no-repeat right 15px center #f8f8f8;
    background-size: 9px auto;
    justify-content: flex-end;
    padding: 10px 40px 10px 10px;
}

.infoGralFooter .anterior:hover {
    background-color: #ececec;
    background-position: left 10px center;
}

.infoGralFooter .siguiente:hover {
    background-color: #ececec;
    background-position: right 10px center;
}

.infoGralFooter .anterior .col {
    margin-left: 20px;
}

.infoGralFooter .siguiente .col {
    margin-right: 20px;
}

.infoGralFooter .volanta {
    font-size: 18px;
    color: #222;
    font-family: 'Playfair Display', serif;
}

.infoGralFooter .nombreSeccion {
    font-size: 22px;
    color: #F04E55;
    font-weight: 400;
}

.infoGralFooter .icono {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #F04E55;
    border-radius: 50%;
}

.infoGralFooter .icono img {
    max-width: 57%;
    max-height: 57%;
    margin: 0;
}


/* prepara tu viaje */
.infoGralSquares.preparatuviaje li:nth-child(1) a { background: url("imagenes/infoGral1.svg") no-repeat top 30px center #F8F8F8; background-size: 37px auto; }
.infoGralSquares.preparatuviaje li:nth-child(2) a { background: url("imagenes/preparaIcon1.svg") no-repeat top 30px center #F8F8F8; background-size: 41px auto; }
.infoGralSquares.preparatuviaje li:nth-child(3) a { background: url("imagenes/preparaIcon2.svg") no-repeat top 40px center #F8F8F8; background-size: 53px auto; }
.infoGralSquares.preparatuviaje li:nth-child(4) a { background: url("imagenes/preparaIcon3.svg") no-repeat top 30px center #F8F8F8; background-size: 40px auto; }
.infoGralSquares.preparatuviaje li:nth-child(5) a { background: url("imagenes/preparaIcon4.svg") no-repeat top 30px center #F8F8F8; background-size: 34px auto; }
.infoGralSquares.preparatuviaje li:nth-child(6) a { background: url("imagenes/preparaIcon5.svg") no-repeat top 30px center #F8F8F8; background-size: 45px auto; }
.infoGralSquares.preparatuviaje li:nth-child(7) a { background: url("imagenes/preparaIcon6.svg") no-repeat top 30px center #F8F8F8; background-size: 35px auto; }
.infoGralSquares.preparatuviaje li:nth-child(8) a { background: url("imagenes/preparaIcon7.svg") no-repeat top 30px center #F8F8F8; background-size: 26px auto; }

.infoGralSquares.preparatuviaje li a:hover { background-color: #ececec; }



.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(1) a { background: url("imagenes/infoGralGris1.svg") no-repeat left center; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(2) a { background: url("imagenes/preparaIcon1Gris.svg") no-repeat left center; background-size: 20px 19px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(3) a { background: url("imagenes/preparaIcon2Gris.svg") no-repeat left center; background-size: 23px 30px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(4) a { background: url("imagenes/preparaIcon3Gris.svg") no-repeat left center; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(5) a { background: url("imagenes/preparaIcon4Gris.svg") no-repeat left center; background-size: 19px 19px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(6) a { background: url("imagenes/preparaIcon5Gris.svg") no-repeat left center; background-size: 20px 21px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(7) a { background: url("imagenes/preparaIcon6Gris.svg") no-repeat left center; background-size: 19px 17px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(8) a { background: url("imagenes/preparaIcon7Gris.svg") no-repeat left center; background-size: 20px 20px; }

.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(1) a:hover { background: url("imagenes/infoGral1.svg") no-repeat left center; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(2) a:hover { background: url("imagenes/preparaIcon1.svg") no-repeat left center; background-size: 20px 19px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(3) a:hover { background: url("imagenes/preparaIcon2.svg") no-repeat left center; background-size: 23px 30px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(4) a:hover { background: url("imagenes/preparaIcon3.svg") no-repeat left center; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(5) a:hover { background: url("imagenes/preparaIcon4.svg") no-repeat left center; background-size: 19px 19px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(6) a:hover { background: url("imagenes/preparaIcon5.svg") no-repeat left center; background-size: 20px 21px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(7) a:hover { background: url("imagenes/preparaIcon6.svg") no-repeat left center; background-size: 19px 17px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(8) a:hover { background: url("imagenes/preparaIcon7.svg") no-repeat left center; background-size: 20px 20px; }

.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(1).active a { background: url("imagenes/infoGralBlanco1.svg") no-repeat left center #F04E55;; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(2).active a { background: url("imagenes/preparaIcon1Blanco.svg") no-repeat left center #F04E55;; background-size: 20px 19px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(3).active a { background: url("imagenes/preparaIcon2Blanco.svg") no-repeat left center #F04E55;; background-size: 23px 30px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(4).active a { background: url("imagenes/preparaIcon3Blanco.svg") no-repeat left center #F04E55;; background-size: 20px 20px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(5).active a { background: url("imagenes/preparaIcon4Blanco.svg") no-repeat left center #F04E55;; background-size: 19px 19px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(6).active a { background: url("imagenes/preparaIcon5Blanco.svg") no-repeat left center #F04E55;; background-size: 20px 21px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(7).active a { background: url("imagenes/preparaIcon6Blanco.svg") no-repeat left center #F04E55;; background-size: 19px 17px; }
.infoGralContenido .container .infoGralNav.preparatuviaje li:nth-child(8).active a { background: url("imagenes/preparaIcon7Blanco.svg") no-repeat left center #F04E55;; background-size: 20px 20px; }


/* home mapa */
.homeGral {
	float: left;
	width: 100%;
	background: #fafafa;
	padding-top: 90px;
	padding-bottom: 70px;
	margin-top: 0px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.homeGral .col:first-child {
	float: left;
	width: 45%;
	padding-right: 50px;
}

.homeGral .col:nth-child(2) {
	float: left;
	width: 30%;
	position: relative;
}

.homeGral .indicadorSeccion {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	position: relative;
	padding-left: 40px;
}

.homeGral .indicadorSeccion:before {
	position: absolute;
	width: 30px;
	display: block;
	left: 0;
	top: 50%;
	border-top: 2px solid #FF4A52;
	margin-top: -1px;
	content: '';
}

.homeGral h2 {
    font-family: 'Playfair Display', serif;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 25px;
	color: #1a1a1a;
	font-weight: 500;
}

.homeGral p { 
	line-height: 24px;
}

.homeGral a {
	color: #FF4A52;
}

.homeGral .mapa {
	position: absolute;
	top: -90px;
	bottom: -50px;
	width: auto;
	right: calc(-100% - 100px);
}

.homeGral .mapa img { height: 100%; width: auto; }
.homeGral .mapa span {
	display: block;
	padding: 5px 10px;
	background: #fff;
	color: #7b7b7b;
	border: 1px solid #7b7b7b;
	border-radius: 5px;
	position: absolute;
	right: 80px;
	bottom: 50px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	transition: all 0.3s;
	font-weight: 500;
}

.homeGral .mapa:hover span { color: #FF4A52; border-color: #FF4A52; }


/* --- */


/* resultados */
.contadorResultados {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
    margin-top: 98px;
    padding: 30px 0;
}

.contadorResultados .container {
    width: 100%;
    max-width: 1280px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

.buscador.visible { opacity: 1 !important; }

.refinarResultados {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	background: #f1f1f1;
	padding: 15px 0;
	margin-bottom: 20px;
}

.refinarResultados .container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.refinarResultados .container .titulo {
	font-weight: 500;
	color: #000;
	margin-bottom: 7px;
	font-size: 14px;
}

.refinarResultados .container .tags {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.refinarResultados .container .tags .tag {
	display: block;
	padding: 5px 10px;
	border-radius: 15px;
	background: #d8d8d8;
	color: #000;
	border: none;
	margin-right: 10px;
	margin-bottom: 7px;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	transition: all 0.3s;
}

.refinarResultados .container .tags .tag span { font-weight: 300; margin-left: 10px; }

.refinarResultados .container .tags .tag:hover {
	background: #bfbfbf;
	cursor: pointer;
}

.refinarResultados .container .tags .tag.active {
	background: #444;
	color: #fff;
}

.resultadosBusqueda {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0 0px;
    min-height: calc(100vh - 345px);
}

.resultadosBusqueda .container {
    align-content: flex-start;
}

.resultadosBusqueda .resultado {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.resultadosBusqueda .resultado:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.resultadosBusqueda .fecha {
    font-size: 12px;
    color: #4D4E4E;
    margin-bottom: 5px;
    font-weight: 400;
    letter-spacing: 0.03em;
}

.resultadosBusqueda h2 {
    font-size: 22px;
    line-height: 26px;
    color: #212121;
    font-weight: 600;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.resultadosBusqueda .resultado:hover h2 { color: #43b3e6; }

.resultadosBusqueda .infoResultado {
    font-size: 14px;
    line-height: 22px;
    display: flex;
}

.resultadosBusqueda .infoResultado .fotoContainer {
    margin-right: 30px;
    width: 190px;
    float: left;
    padding: 0;
}

.resultadosBusqueda .infoResultado .foto {
    float: left;
    width: 100%;
    height: 0;
    padding-top: 60%;
    background: #f0f0f0;
    background-size: cover !important;
    transition: all 0.3s;    
}

.resultadosBusqueda .resultado:hover .infoResultado .foto { opacity: .9; }

.resultadosBusqueda .infoResultado .txt {
    width: calc(100% - 220px);
    float: left;
    display: block;
}

.resultadosBusqueda .resultado:hover .txt {
    color: #212121;
}


.resultadosBusqueda .infoResultado .txt .title {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    color: #43b3e6;
}

.resultadosBusqueda .resultado:hover .infoResultado .txt .title {
    text-decoration: underline;
}

.resultadosBusqueda .infoResultado .txt .categoria {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333333;
    font-weight: 400;
    display: block;
}

.resultadosBusqueda .infoResultado .txt .texto {
    float: left;
    width: 100%;
    margin: 0;
    display: block;
}

.paginationContainer {
    float: left;
    width: 100%;
    padding: 0 0 60px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}









/* footer */
.footer {
    float: left;
    width: 100%;
    background: #000000;
    min-height: 150px;
    display: flex;
	justify-content: center;
	padding: 60px 0;
	color: #fff;
}

.footer .container { display: flex; padding: 0; }

.footer .col {
	width: calc(100% / 6);
	padding: 0 15px;
}

.footer .col:first-child img {
	max-width: 160px;
	height: auto;
}

.footer .col:nth-child(2) {
	width: calc((100% / 6) * 2);
}

.footer .col h4 {
	font-size: 14px;
    font-weight: 600;
    margin-bottom: 25px;
    letter-spacing: 0.03em;
    margin-top: 18px;
}

.footer .col ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer .col ul li {
	width: 100%;
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #4b4b4b;
	font-size: 14px;
	-webkit-column-break-inside: avoid;
            page-break-inside: avoid;
                 break-inside: avoid;
}

.footer .col ul li a { transition: all 0.3s; }
.footer .col ul li a:hover { opacity: 0.6; }

.footer .col:nth-child(2) ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.footer .col:last-child ul li {
	border: none;
}

.footer .col:last-child ul li a { padding-left: 20px; }
.footer .col:last-child ul li a.phone { background: url(imagenes/footerTel.svg) no-repeat left 2px center; background-size: 9px auto; }
.footer .col:last-child ul li a.facebook { background: url(imagenes/footerFacebook.svg) no-repeat left 3px center; background-size: 7px auto; }
.footer .col:last-child ul li a.twitter { background: url(imagenes/footerTwitter.svg) no-repeat left center; background-size: 13px auto; }
.footer .col:last-child ul li a.instagram { background: url(imagenes/footerInstagram.svg) no-repeat left center; background-size: 13px auto; }
.footer .col:last-child ul li a.youtube { background: url(imagenes/footerYoutube.svg) no-repeat left center; background-size: 13px auto; }


.copyright {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	background: #222;
	color: #fff;
	font-size: 13px;
	padding: 12px 0;
}

.copyright .container { justify-content: center; }



/* contacto */
/* bootstrap modals */
.modal-open {
  overflow: hidden;
  height: 100vh;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  padding-right: 0 !important;
}
.modal.fade .modal-dialog {
  	-webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal .modal-dialog {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	right: auto;
	position: absolute;
	width: 100%;
	max-width: 720px;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  	position: relative;
  	width: 100%;
	max-width: 570px;
  	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal-content {
    position: relative;
    background-color: #fff;
    outline: 0;
    color: #72706d;
    text-align: center;
    border-radius: 5px;
    padding: 30px 40px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal .row {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.modal .row.title {
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    color: #222;
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc;
    align-items: center;
    flex-direction: row;
}

.btnClose {
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    background: url("imagenes/closeBtnGrey.png") no-repeat center center;
    background-size: 20px 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.btnClose:hover {
    opacity: .6;
}

.modal .row.asColumn {
    flex-direction: column;
}

.modal .row .inputContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
}

.modal .row .inputContainer:last-child { margin-right: 0; }

.modal .row label {
    width: 100%;
    color: #4d4d4d;
    font-size: 11px;
    letter-spacing: 0.03em;
    text-align: left;
    margin-bottom: 3px;
}

.modal .row input, .modal .row textarea {
    width: 100%;
    padding: 7px 10px;
    color: #4d4d4d;
    text-align: left;
    border: 1px solid #acacac;
    border-radius: 3px;
    margin-bottom: 25px;
}

.modal .row.singleCol .inputContainer { width: 100%; }

.modal .row input[type="submit"] {
    background: #F04E55;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
}

.modal .row input[type="submit"]:hover {
    background: #CE2831;
}

.modal .row input[type="submit"]:disabled {
    background: #ccc;
    pointer-events: none;
}



@media (min-width: 768px) {
  .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .modal-sm {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}


/* popup novedades */
#novedadesModal .modal-content { padding: 0; }
#novedadesModal .modal-body { padding: 10px 10px 5px; }
#novedadesModal .modal-dialog { width: auto; max-width: none; }
#novedadesModal .modal-header { display: flex; justify-content: flex-end; padding: 5px 15px 0; }
#novedadesModal .modal-header .close { background: url("imagenes/closeBtnGrey.png") no-repeat center center transparent; width: 35px; height: 35px; background-size: 25px auto; border: none; display: block; cursor: pointer; transition: all 0.3s; }
#novedadesModal .modal-header .close:hover { opacity: .6; }
#novedadesModal .flyer { width: 100%; height: auto; max-width: 550px; }


/* cookies */
.cookiesContainer {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f1f1f1;
	font-weight: 400;
	padding: 20px;
	color: #000;
	box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.5);
	z-index: 1000000;
}

.cookiesContainer .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cookiesContainer .container .txt { margin-bottom: 15px; text-align: center; }

.cookiesContainer .container .txt a {
	text-decoration: underline;
	font-weight: 600;
}

.cookiesContainer .container .botones {
	display: flex;
	gap: 15px;
}

.cookiesContainer .container .botones button {
	color: #fff;
	background: #FF4A52;
	padding: 10px 20px;
	text-align: center;
	transition: all 0.3s;
	font-family: 'Rubik', sans-serif;
	border: none;
	cursor: pointer;
}

.cookiesContainer .container .botones button:hover {
	background: #CE2831;
}

/* nuevo plugin video */


/* seccion mapas 2024 */
.mapContainer {
	display: flex;
	justify-content: center;
	padding: 40px;
	flex-wrap: wrap;
}

.mapContainer .mapTitle {
	width: 100%;
	text-align: left;
	padding: 0 0 15px 0;
	font-weight: 600;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.mapContainer img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 1450px) {
	/* home mapa */
    .homeGral { padding-top: 30px; padding-bottom: 30px; }
	.homeGral .col:first-child { display: none; }
	.homeGral .col:nth-child(2) { width: 100%; padding-right: 50%; position: relative; padding-left: 40px; }
	.homeGral h2 { font-size: 28px; line-height: 35px; }
	.homeGral .mapa { position: absolute; width: 50%; top: -25px; right: 0; }
	.homeGral .mapa img { width: 100%; height: auto; }
}




@media (max-width: 1279px) {
    /* detalle itinerario */
    .introProveedor.itinerarioDiaxDia .textoGrande,
    .introProveedor.itinerarioDiaxDia .textoChico,
    .itinerarioDia .titulo,
    .itinerarioDia > img,
    .itinerarioDiaInfo,
    .itinerarioDia .txt { width: 100%; max-width: 100%; margin-left: 0; }
    
    .infoItinerario li { font-size: 16px; }
    .itinerarioDiaInfo li { font-size: 16px; }
    .itinerarioDiaInfo li ul { padding: 0; }
    
    /* home mapa */
    .homeGral { padding-top: 30px; padding-bottom: 30px; }
	.homeGral .col:first-child { display: none; }
	.homeGral .col:nth-child(2) { width: 100%; padding-right: 50%; position: relative; padding-left: 40px; }
	.homeGral h2 { font-size: 28px; line-height: 35px; }
	.homeGral .mapa { position: absolute; width: 50%; top: -25px; right: 0; }
	.homeGral .mapa img { width: 100%; height: auto; }
    
}

@media (max-width: 1024px) {
	/* header */
	#showLeft { display: block; }
    .header .logo { margin-left: 30px; }
    .header .menu { display: none; }
    
    .proveedorSection.proveedorHorarios .container { flex-direction: column; align-items: flex-start; }
    .containerHorarios { margin-left: 0; justify-content: flex-start; margin-top: 5px; }
    .proveedorSection.proveedorHorarios .container ul { flex-wrap: wrap; }
    
    /* informacion general */
    .infoGralSquares { width: 100%; margin-left: 0; }
    .infoGralFooter .volanta { font-size: 15px; }
    .infoGralFooter .nombreSeccion { font-size: 18px;}
    .infoGralFooter .icono { width: 40px; height: 40px; }
    
}


@media (max-width: 1023px) {
	/* header */
	#showLeft { display: block; }
    .header .logo { margin-left: 30px; }
    .header .menu { display: none; }
    
    /* home */
    .topPhoto { height: 45vw; min-height: 0;  }
    .topPhoto .infoFoto h1 { font-size: 50px; line-height: 50px; white-space: nowrap; }
    .section .submenu a { font-size: 12px; margin: 0 15px; }
    .section .submenu a:after { right: -15px; }
    .grillaFotos a { font-size: 16px; }
    .homeInformacionIconos a { font-size: 14px; }
    /* responsive tabs */
    .tabs-list-container { width: 100%; }
    .tabs-list { width: 100%; margin: 0 auto; }
    .tab { padding: 30px 0; }
    
    /* informacion general */
    .infoGralContenido .container .infoGralNav { display: none; }
    .infoGralDetalle { width: 100%; }
    .infoGralSquares li { font-size: 12px; }
    
    /* buscador */
    .buscador { top: 83px; }
    
    
}

@media (max-width: 768px) {
    /* responsive tabs */
    .tabs-list li { width: 100%; }
    .tab { padding: 5px 0 5px 5%; text-align: left; font-size: 16px; border-radius: 0; }
    .tab.-active { background: #FF4A52; border-radius: 5px 5px 0 0; }
    .tabs-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 34px; overflow: hidden; }
    .tabs-list li { height: 34px; -webkit-box-flex: 0; flex: 0 0 auto; }
    .tabs-list li.-active { -webkit-box-ordinal-group: -1; order: -1; }
    .tabs-list li.-active > a:after { position: absolute; right: 30px; top: 50%; content: ""; font-size: 24px; display: inline-block; float: right; background: url("imagenes/downArrowWhite.svg") no-repeat center center; background-size: 15px auto; display: block; width: 15px; height: 15px; margin-top: -7px; }
    .tabs-list.-is-open { height: auto; }
    .tabs-list.-is-open li.-active > a:after { content: ""; background: url("imagenes/downArrowWhite.svg") no-repeat center center;background-size: 15px auto;}
    
    /* home */
    .tabsItemList { padding: 25px 15px; }
    .tabsItemList .item .col1 { width: 100%;}
    .tabsItemList .item .col1 .info .links { flex-wrap: wrap; }
    .tabsItemList .item .col1 .info .links .divider { margin: 0 15px; }
    .tabsItemList .item .col2 { width: 100%; border-left: none; border-top: 1px solid #EFF0F0; display: flex; justify-content: space-between; align-items: center; padding: 10px 25px; }
    .tabsItemList .item .col2 .rowPrecio { width: auto; margin-bottom: 0; order: 2; }
    .tabsItemList .item .col2 .btn.verde { font-size: 16px; padding-left: 20px; padding-right: 20px; order: 3; }
    .tabsItemList .item .col2 .tripadvisor { margin-top: 0; order: 1; }
	
	/* agencia de turismo */
	.introProveedor .col1 { width: 100%; padding-right: 0; }
	.introProveedor .col2 { width: 100%; display: flex; flex-direction: column; }
	.introProveedor .col2 .row { width: 100%; }
	.introProveedor .col2 .tripadvisor { text-align: center; }
	.introProveedor .col2 .tripadvisor img { max-width: 140px; }
	.proveedorSection { padding: 0 20px; }
	.proveedorSection .container { padding-left: 20px; padding-right: 20px; }
	.proveedorSection.proveedorHorarios .container { padding-left: 20px; padding-right: 20px; }
	.proveedorSection.proveedorInfo .container .col1 { width: 100%; }
	.proveedorSection.proveedorInfo .container .col1 .proveedorMapa { padding-top: 40%; }
	.proveedorSection.proveedorInfo .container .col2 { width: 100%; padding-left: 10px; padding-right: 10px; }
	.proveedorSection.proveedorCierre .container { flex-wrap: wrap; justify-content: center; }
	.proveedorCierre .btn { margin-bottom: 10px; width: 100%; text-align: center; }
	.proveedorCierre .links { padding-left: 0; justify-content: center; }
	.proveedorCierre .links:after { left: 0; }
	.proveedorDisclaimer { margin-bottom: 50px; }
	.proveedorDisclaimer .container { text-align: center; }
	.section.ofertas.proveedorProductos { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; }
	.section.ofertas.proveedorProductos .tabsItemList .item .col1 .info { padding: 15px 20px; }
	.section.ofertas.proveedorProductos .tabsItemList .item .col1 .info .title { font-size: 18px; }
	.tabsItemList .item .col1 .info p { font-size: 14px; line-height: 20px; }
	.section.ofertas.proveedorProductos .tabsItemList .item .col2 { padding-top: 10px; padding-left: 10px; padding-right: 10px; }
	.section.ofertas.proveedorProductos .tabsItemList .item .col2 .btn.verde { white-space: nowrap; margin-left: 15px;  }
	
	/* alojamientos */
	.introProveedor .col2 .row .sidecolPrecio { display: flex; justify-content: center; align-items: center; }
	.introProveedor .col2 .row .sidecolPrecio  h4 { width: auto; margin: 0 10px; }
	.proveedorSection.horariosAlojamiento .container { flex-direction: column; }
	.proveedorSection.horariosAlojamiento .alojamientoHabitaciones { width: 100%; border: none;  padding-left: 20px; padding-right: 20px; order: 1; }
	.horariosAlojamiento .alojamientoHorarios { width: 100%; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; order: 0; }
	.proveedorSection.horariosAlojamiento ul li { white-space: nowrap; }
	.proveedorServicios ul { flex-wrap: wrap; padding-bottom: 5px; }
	.proveedorServicios ul li { white-space: nowrap; margin-bottom: 5px; margin-right: 15px; }
	.proveedorServicios ul li:first-child { width: auto; }
	
	.proveedorActividades ul { flex-wrap: wrap; padding-bottom: 5px; }
	.proveedorActividades ul li { white-space: nowrap; margin-bottom: 5px; margin-right: 15px; }
	.proveedorActividades ul li:first-child { width: auto; }
	
	.proveedorAccesibilidad ul { flex-wrap: wrap; padding-bottom: 5px; }
	.proveedorAccesibilidad ul li { white-space: nowrap; margin-bottom: 5px; margin-right: 15px; }
	.proveedorAccesibilidad ul li:first-child { width: auto; }
	
	.proveedorReuniones ul { flex-wrap: wrap; padding-bottom: 5px; }
	.proveedorReuniones ul li { white-space: nowrap; margin-bottom: 5px; margin-right: 15px; }
	.proveedorReuniones ul li:first-child { width: auto; }
	.salones ul:first-child { padding-bottom: 5px; font-size: 14px; }
	
	/* que hacer */
	.section.itinerarios .itinerariosFiltro .container { font-size: 25px; }
	.section.itinerarios .itinerariosFiltro .container select { font-size: 18px; }
	.itinerariosList .itinerario { flex-wrap: wrap; }
	.itinerariosList .itinerario .info { width: 55%; }
	.itinerariosList .itinerario .photoContainer { width: 45%; }
	.itinerariosList .itinerario .details { width: 100%; border: none; border-top: 1px solid #e6e6e5; padding: 15px 30px 20px; }
	.itinerariosList .itinerario .details ul { display: flex; flex-wrap: wrap; }
	.itinerariosList .itinerario .details ul h4 { width: auto; margin-right: 15px; font-size: 14px; }
	.itinerariosList .itinerario .details ul li { width: auto; margin-right: 15px; background: url(imagenes/arrowRight.svg) no-repeat left top 5px; background-size: 4px auto; }
	
	/* calendario de eventos */
	.calendario { padding: 20px; }
	.calendario .mes { width: calc((100% - 40px) / 3); margin-right: 20px; }
	.calendario .mes:nth-child(4n) { margin-right: 20px; }
	.calendario .mes:nth-child(3n) { margin-right: 0px; }
    
    /* detalle itinerario */
    .infoItinerario { margin-top: 0; }
	
	
	/* footer */
	.footer { padding: 20px 0; min-height: 0; }
	.footer .col { display: none; }
	.footer .col:first-child { display: block; width: 100%; justify-content: center; display: flex; margin-bottom: 20px; }
	.footer .col:last-child { display: block; width: 100%; display: flex; flex-direction: row; height: 20px; }
	.footer .col:last-child h4 { display: none; }
	.footer .col:last-child ul { display: block; width: 100%; display: flex; flex-direction: row; justify-content: space-around; }
	.footer .col:last-child ul li { width: auto; margin-bottom: 0; padding-bottom: 0; }
	
    
}

@media (max-width: 767px) {
    /* generales */
    .btn { padding: 5px 20px 8px; font-size: 18px; }
    .section { padding: 40px 0; }
    .section p { margin-bottom: 30px; }
    .section .container { padding-left: 25px; padding-right: 25px; }
    .header .social a { margin-left: 17px; }
	.hiddenDesktop { display: block; }
    
    /* buscador */
    .buscador .container { padding: 0; }
    
    /* home */
    .topPhoto .infoFoto { width: 100%; padding: 10px 15px; transform: none; left: 0; top: auto; bottom: -80px; height: 80px; background: #000; gap: 5px; }
	.topPhoto .infoFoto.abajo { width: 100%; padding: 10px 15px; transform: none; left: 0; top: auto; bottom: -80px; height: 80px; background: #000; border: none; }
	
    .topPhoto .infoFoto h1 { display: block; font-size: 26px;  margin: 0px 0 5px 0; line-height: 30px; white-space: normal; }
    .topPhoto .infoFoto p { font-size: 16px; margin-bottom: 0; }
    .topPhoto .infoFoto .btn { display: none; }
	.topPhoto .infoFoto img { max-height: 90%; }
    
    .introTexto { padding: 40px 0 30px; margin-top: 80px; }
    .introTexto .textoGrande { font-size: 20px; line-height: 32px; margin-bottom: 30px; }
	
	.homeGral .mapa span { right: 40px; }
    
    .section .submenu { flex-wrap: wrap; }
    .section .submenu a { font-size: 14px; margin: 3px 15px; }
    
    .section.experiencias .container { padding-left: 40px; padding-right: 40px; }
    .homeExperiencias  { margin-bottom: 30px; }
    .homeExperiencias .item { padding: 0; }
    .homeExperiencias .slick-next { right: -40px;}
    .homeExperiencias .slick-prev { left: -40px; z-index: 100; }
    
    .section.homeInformacion { padding-bottom: 0; }
    .section.homeInformacion h2 { margin-bottom: 10px;}
    .homeInformacionIconos { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
    .homeInformacionIconos a { width: 50%; }
    .homeInformacionIconos a { font-size: 14px; margin-bottom: 50px; }
    .homeInformacionIconos a img { margin-bottom: 12px; height: 55px; }
    
    .tabFiltersContainer { flex-direction: column; }
    .tabFiltersContainer .formGroupContainer { max-width: none; margin-bottom: 10px;}
    .tabFiltersContainer .divider { display: none;}
    .tabListHeader { flex-direction: column; }
    .tabListHeader .counter { margin-bottom: 10px; } 
    .tabsItemList { padding: 15px 10px; }
    .tabsItemList .item { margin-bottom: 15px; }
    .tabsItemList .item .col2 { flex-direction: column; align-items: flex-start; padding: 20px 25px; }
    .tabsItemList .item .col1 { padding: 12px; }
    .tabsItemList .item .col1 .photoContainer { width: 100%; margin-bottom: 20px; }
    .tabsItemList .item .col1 .info { padding: 0 10px; width: 100%; }
    .tabsItemList .item .col1 .info .links { flex-direction: column; position: static; }
    .tabsItemList .item .col1 .info .links a { margin-bottom: 10px; }
    .tabsItemList .item .col1 .info .links .divider { display: none; }
    .tabsItemList .item .col2 .rowPrecio { width: auto; margin-bottom: 10px; order: 1; }
    .tabsItemList .item .col2.conInfo .rowPrecio { width: 100%; justify-content: flex-start; }
    .tabsItemList .item .col2 .btn.verde { font-size: 20px; padding-left: 20px; padding-right: 20px; order: 2;  }
    .tabsItemList .item .col2 .tripadvisor { margin-top: 15px; order: 3; }
    .tabsPagination button { display: none; }
    .tabsPagination ul li { margin: 0 10px 5px; }
    
    .section.ofertas h2 { margin-bottom: 35px; }
    .section.ofertas .container { padding-left: 40px; padding-right: 40px; }
    .section.ofertas .item { padding: 0; }
    .homeOfertas { margin-bottom: 30px; }
    .homeOfertas .slick-next { right: -40px;}
    .homeOfertas .slick-prev { left: -40px; z-index: 100; }
	
	/* distribuidora */
	.introTexto.distribuidora { margin-top: 80px; }
	.otrosRecomendadosList { flex-direction: column; }
	.otrosRecomendadosList .item { width: 100%; margin-bottom: 15px; }
	
	
	/* agencias de turismo */
	.grillaContainer.galeria { padding-top: 45%; }
	.grillaFotos.galeria a:nth-child(1) {
		-ms-grid-column: 1; -ms-grid-column-span: 6; -ms-grid-row: 1; -ms-grid-row-span: 3; 
		grid-column-start: 1; grid-column-end: span 6; grid-row-start: 1; grid-row-end: span 3;  }
	.grillaFotos.galeria a:nth-child(2) { display: none; }
	.grillaFotos.galeria a:nth-child(3) { display: none; }
	.grillaFotos.galeria a:nth-child(4) { display: none; }
	
	.introProveedor h1 { font-size: 35px; line-height: normal; margin-bottom: 0; }
	.introProveedor .slogan { line-height: normal; }
	.introProveedor .links { flex-direction: column; }
	.introProveedor .links .divider { display: none; }
	.introProveedor .links a { margin-bottom: 10px; }
	.introProveedor .links a:last-child { margin-bottom: 0px; }
	.introProveedor .textoGrande { font-size: 18px; line-height: 26px; }
	.porqueElegirnos { flex-direction: column; }
	.porqueElegirnos span { margin-bottom: 5px; }
	.porqueElegirnos ul { margin-left: 0; flex-direction: row; flex-wrap: wrap; }
	.porqueElegirnos ul li { margin-bottom: 5px; }
	.introProveedor .col2 { flex-direction: column; }
	.introProveedor .col2 .row { width: 100%; }
	.proveedorSection .container { padding: 10px 20px; }
	.proveedorSection.proveedorEspecialidades .container h2 { font-size: 22px; margin-bottom: 10px; }
	.proveedorSection ul { flex-wrap: wrap; }
	.proveedorSection ul li { margin-bottom: 5px; }
	.proveedorSection.proveedorHorarios .container h2 { margin-bottom: 10px; }
	.proveedorSection.proveedorHorarios .container ul { margin-left: 0; }
	.proveedorSection.proveedorInfo .container .col1 { margin-bottom: 30px; }
	.proveedorSection.proveedorInfo .container .col1 .proveedorMapa { padding-top: 80%; }
	.proveedorSection.proveedorInfo .container .col2 { padding: 0; }
	.proveedorSection.proveedorInfo .container .col2 .row:first-child { flex-direction: column; align-items: flex-start; }
	.proveedorSection.proveedorInfo .container .col2 .row .proveedorLogo { margin-bottom: 20px; }
	.proveedorSection.proveedorInfo .container .col2 .row:nth-child(2) ul li { width: 100%; margin-right: 0; }
	.proveedorSection ul li { background-position: left top 4px; }
	.proveedorCierre .links a { width: 100%; margin: 0 0 10px; }
	.proveedorCierre .links .divider { display: none; }
	.proveedorCierre .links:after { display: none; }
	.section.ofertas.proveedorProductos { padding-left: 0; padding-right: 0; }
	.section.ofertas.proveedorProductos .tabsItemList .item .col1 .photoContainer { width: 100%; }
	.section.ofertas.proveedorProductos .tabsItemList .item .col1 .info { width: 100%; }
	.section.ofertas.proveedorProductos .vigencia { order: 3; }
	.section.ofertas.proveedorProductos .tabsItemList .item .col2 .btn.verde { margin-left: 0; width: 100%; text-align: center; }
	.section.ofertas.proveedorProductos.oferta { padding-left: 20px; padding-right: 20px; }
	
	/* alojamientos */
	.horariosAlojamiento .alojamientoHorarios { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
	.proveedorSection ul { flex-direction: column; }
	.horariosAlojamiento .alojamientoHorarios h2 { margin-bottom: 10px; }
	
	/* atractivos */
	.section.experiencias.atractivoItinerarios h2 { font-size: 16px; padding-left: 0; }
	.introProveedor.topMargin { margin-top: 80px; }
	
	
	/* que hacer */
	.section.itinerarios .itinerariosFiltro .container { font-size: 20px; }
	.section.itinerarios .itinerariosFiltro .container select { font-size: 16px; width: 90%; margin: 10px 0 5px; }
	.itinerariosList .itinerario .info { width: 100%; order: 1; }
	.itinerariosList .itinerario .photoContainer { width: 100%; order: 0; }
	.itinerariosList .itinerario .details { order: 2; }
	.itinerariosList .itinerario .details ul h4 { margin-bottom: 5px; }
	
	
	/* calendario de eventos */
	.calendario { padding: 20px; }
	.calendario .meses { flex-direction: column; }
	.calendario .mes { width: 100%; margin-right: 0; }
    
    /* detalle itinerario */
    .infoItinerario { flex-direction: column; margin-bottom: 20px; }
    .infoItinerario li { flex-direction: row; }
    .infoItinerario li label { padding-top: 2px; margin-right: 10px; }
    .infoItinerario .divider { height: 1px; width: 100%; border-bottom: 1px solid #ccc; margin: 5px 0; }
    .introProveedor.itinerarioDiaxDia { margin-top: 0; }
    .itinerarioDia { margin-bottom: 20px; }
    .itinerarioDia > img { margin-bottom: 10px; }
    .itinerarioDiaInfo { flex-direction: column; margin-bottom: 20px; }
    .itinerarioDiaInfo li { flex-direction: row; }
    .itinerarioDiaInfo li label { padding-top: 2px; margin-right: 10px; }
    .itinerarioDiaInfo .divider { height: 1px; width: 100%; border-bottom: 1px solid #ccc; margin: 5px 0; }
    .itinerarioDiaInfo li:last-child { flex-direction: column; }
    .itinerarioDiaInfo li:last-child label { margin-bottom: 3px; }
    .itinerarioDiaInfo li ul { flex-wrap: wrap; }
    .itinerarioDiaInfo li ul li { margin-bottom: 3px; }
    .introProveedor.itinerarioDiaxDia .grillaContainer { margin-bottom: 20px; }
    .itinerarioCuadroInfo .empiezaTermina li:nth-child(3) { margin-left: 0; }
    .itinerarioCuadroInfo .comoLlegar .col { width: 100%; margin-bottom: 10px; margin-right: 0; }
    .itinerarioCuadroInfo .comoLlegar .col:last-child { margin-bottom: 0; }
    .itinerarioCuadroInfo .comoLlegar .subtit { margin-bottom: 5px; }
    .proveedorSection.proveedorHorarios .container h2 { margin-right: 15px; }
    .containerHorarios { align-items: flex-start; }
    
    
    /* informacion general */
    .infoGralSquares li { width: calc((100% - 15px) / 2); }
    .infoGralSquares li:nth-child(2n) { margin-right: 0; }
    .infoGralDetalle h2 { font-size: 25px; background-size: 7px auto; }
    .infoGralDetalle h3 { font-size: 22px; }
    .infoGralDetalle .textoMedio { font-size: 18px; }
    .infoGralFooter { display: flex; flex-direction: column; }
    .infoGralFooter .anterior { width: 100%; padding-right: 20px; justify-content: space-between; margin-top: 15px; order: 1; }
    .infoGralFooter .anterior .icono { width: 45px; height: 45px; }
    .infoGralFooter .siguiente { width: 100%; padding-left: 20px; justify-content: space-between; order: 0; }
    .infoGralFooter .siguiente .icono { width: 45px; height: 45px; }
    
    /* home mapa */
    .homeGral { padding-top: 30px; padding-bottom: 30px; margin-top: 80px; }
	.homeGral .col:first-child { display: none; }
	.homeGral .col:nth-child(2) { width: 100%; padding-right: 0; padding-left: 0; }
    .homeGral .indicadorSeccion { padding-left: 0; text-align: center; }
    .homeGral .indicadorSeccion:before { left: 50%; bottom: -8px; margin: 0; margin-left: -15px; position: absolute; top: auto; }
	.homeGral h2 { font-size: 28px; line-height: 35px; margin-bottom: 10px; text-align: center; }
    .homeGral p { text-align: center; }
	.homeGral .mapa { position: static; width: 100%; margin-top: 15px; }
    .homeGral a { width: 100%; text-align: center; float: left; margin-bottom: 30px; }
    
    /* contacto */
    .modal .row { flex-direction: column; }
    .modal .row .inputContainer { width: 100%; margin-right: 0; }
    .modal .modal-dialog { max-width: calc(100% - 40px); max-height: 95vh; overflow: auto; }
    .modal .modal-content { padding: 30px 10px 10px; }
    
    
    /* resultados */
    .resultadosBusqueda .infoResultado { flex-direction: column; }
    .resultadosBusqueda .infoResultado .fotoContainer { width: 100%; margin-right: 0; margin-bottom: 15px; }
    .resultadosBusqueda .infoResultado .txt { width: 100%; }
    .buscador { top: 67px; }
    .buscador .container { padding: 0; }
    .contadorResultados { padding: 15px 0; font-size: 14px; line-height: 22px; }
    
	
	
	
	/* footer */
    .footer .col { display: flex; flex-direction: column; width: 100% !important; text-align: left; order: 2; margin-bottom: 10px; }
    .footer .col:first-child { order: 0; margin-bottom: 10px; }
	.footer .col:last-child { height: auto; flex-direction: column; order: 1; }
	.footer .col:last-child ul { flex-direction: column; }
	.footer .col:last-child ul li { margin-bottom: 10px; text-align: center; }
    .footer .col:nth-child(2) ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    
    

    .footer .col h4 { margin-bottom: 10px; }
	.footer .col:last-child h4 { display: block; }
	.footer .col:last-child ul { display: block; width: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; }
	.footer .col:last-child ul li { width: auto; margin-bottom: 10px; padding-bottom: 0; }
    
	/* cookies */
	.cookiesContainer { padding-left: 0; padding-right: 0; }
	.cookiesContainer .container .txt { font-size: 14px; }
	.cookiesContainer .container .txt br { display: none; }
	.cookiesContainer .container .botones { display: flex; gap: 10px; flex-direction: column; }
	
	
	/* nuevo plugin video */
	.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border: 2px solid #a90707; }
    
    
    /* grilla fotos */
	
	/* diez */
	.grillaContainer.diez { padding-top: 290vw;}
    .grillaFotos.diez {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 12fr 12fr 13fr 13fr 13fr 13fr 12fr 12fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 12fr 12fr 13fr 13fr 13fr 13fr 12fr 12fr;
    justify-items: stretch;
    }
    .grillaFotos.diez a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.diez a:nth-child(2) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;  }
    .grillaFotos.diez a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.diez a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.diez a:nth-child(5) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 2;
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: span 2;  }
    .grillaFotos.diez a:nth-child(6) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 5; -ms-grid-row-span: 2;
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 5; grid-row-end: span 2;  }
    .grillaFotos.diez a:nth-child(7) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 7; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 7; grid-row-end: 7;  }
	.grillaFotos.diez a:nth-child(8) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 7; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 7; grid-row-end: 7;  }
    .grillaFotos.diez a:nth-child(9) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 8; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 8; grid-row-end: 8;  }
    .grillaFotos.diez a:nth-child(10) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 8; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 8; grid-row-end: 8;  }
		
		
	/* nueve */
	.grillaContainer.nueve { padding-top: 260vw;}
    .grillaFotos.nueve {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 17fr 16fr 17fr 16fr 17fr 17fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 17fr 16fr 17fr 16fr 17fr 17fr;
    justify-items: stretch;
    }
    .grillaFotos.nueve a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;  }
    .grillaFotos.nueve a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.nueve a:nth-child(3) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.nueve a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.nueve a:nth-child(5) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.nueve a:nth-child(6) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 5; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 5;  }
    .grillaFotos.nueve a:nth-child(7) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 5; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 5; grid-row-end: 5;  }
	.grillaFotos.nueve a:nth-child(8) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 6; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 6; grid-row-end: 6;  }
    .grillaFotos.nueve a:nth-child(9) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 6; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 6; grid-row-end: 6;  }
		
	/* nueve - opcion b*/
	.grillaContainer.nueve.b { padding-top: 260vw;}
    .grillaFotos.nueve.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 17fr 16fr 17fr 16fr 17fr 17fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 17fr 16fr 17fr 16fr 17fr 17fr;
    justify-items: stretch;
    }
    .grillaFotos.nueve.b a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.nueve.b a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.nueve.b a:nth-child(3) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.nueve.b a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.nueve.b a:nth-child(5) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.nueve.b a:nth-child(6) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.nueve.b a:nth-child(7) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 5; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 5; grid-row-end: 5;  }
	.grillaFotos.nueve.b a:nth-child(8) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 6; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 6; grid-row-end: 6;  }
    .grillaFotos.nueve.b a:nth-child(9) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 6; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 6; grid-row-end: 6;  }
		
		
	/* ocho */
	.grillaContainer.ocho { padding-top: 240vw;}
    .grillaFotos.ocho {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 17fr 16fr 17fr 16fr 17fr 17fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 17fr 16fr 17fr 16fr 17fr 17fr;
    justify-items: stretch;
    }
    .grillaFotos.ocho a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;  }
    .grillaFotos.ocho a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.ocho a:nth-child(3) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.ocho a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.ocho a:nth-child(5) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 5; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 5; grid-row-end: 5;  }
    .grillaFotos.ocho a:nth-child(6) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 5; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 5; grid-row-end: 5;  }
    .grillaFotos.ocho a:nth-child(7) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 6; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 6; grid-row-end: 6;  }
	.grillaFotos.ocho a:nth-child(8) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 6; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 6; grid-row-end: 6;  }
		
		
	/* ocho - opcion b */
	.grillaContainer.ocho.b { padding-top: 170vw;}
    .grillaFotos.ocho.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 25fr 25fr 25fr 25fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 25fr 25fr 25fr 25fr;
    justify-items: stretch;
    }
    .grillaFotos.ocho.b a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.ocho.b a:nth-child(2) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.ocho.b a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.ocho.b a:nth-child(4) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;  }
    .grillaFotos.ocho.b a:nth-child(5) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.ocho.b a:nth-child(6) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.ocho.b a:nth-child(7) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
	.grillaFotos.ocho.b a:nth-child(8) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
	
	
	/* siete */
    .grillaContainer.siete { padding-top: 240vw;}
    .grillaFotos.siete {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 16fr 17fr 17fr 17fr 17fr 16fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 16fr 17fr 17fr 17fr 17fr 16fr;
    justify-items: stretch;
    }
    .grillaFotos.siete a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.siete a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.siete a:nth-child(3) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.siete a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.siete a:nth-child(5) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.siete a:nth-child(6) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.siete a:nth-child(7) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 5; -ms-grid-row-span: 2;
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 5; grid-row-end: span 2;  }
		
	/* siete - opcion b */
    .grillaContainer.siete.b { padding-top: 240vw;}
    .grillaFotos.siete.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 16fr 17fr 17fr 17fr 17fr 16fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 16fr 17fr 17fr 17fr 17fr 16fr;
    justify-items: stretch;
    }
    .grillaFotos.siete.b a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;  }
    .grillaFotos.siete.b a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.siete.b a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.siete.b a:nth-child(4) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.siete.b a:nth-child(5) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 5; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 5; grid-row-end: 5;  }
    .grillaFotos.siete.b a:nth-child(6) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 6; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 6; grid-row-end: 6;  }
    .grillaFotos.siete.b a:nth-child(7) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 5; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 5; grid-row-end: 5;  }	
	
	
    /* seis */
    .grillaContainer.seis { padding-top: 160vw;}
    .grillaFotos.seis {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 25fr 25fr 25fr 25fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 25fr 25fr 25fr 25fr;
    justify-items: stretch;
    }
    .grillaFotos.seis a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.seis a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.seis a:nth-child(1) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.seis a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.seis a:nth-child(5) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.seis a:nth-child(6) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
		
		
	/* cinco */
    .grillaContainer.cinco { padding-top: 160vw;}
    .grillaFotos.cinco {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 25fr 25fr 25fr 25fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 25fr 25fr 25fr 25fr;
    justify-items: stretch;
    }
    .grillaFotos.cinco a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;  }
    .grillaFotos.cinco a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.cinco a:nth-child(3) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.cinco a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.cinco a:nth-child(5) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }
		
		
	/* cinco - opcion b */
    .grillaContainer.cinco.b { padding-top: 160vw;}
    .grillaFotos.cinco.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 25fr 25fr 25fr 25fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 25fr 25fr 25fr 25fr;
    justify-items: stretch;
    }
    .grillaFotos.cinco.b a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1;  }
    .grillaFotos.cinco.b a:nth-child(2) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;  }
    .grillaFotos.cinco.b a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 2; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; grid-row-end: span 2;  }
    .grillaFotos.cinco.b a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 4; grid-row-end: 4;  }
    .grillaFotos.cinco.b a:nth-child(5) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 4; -ms-grid-row-span: 1;
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;  }

    /* cuatro */
    .grillaContainer.cuatro { padding-top: 200vw;}
    .grillaFotos.cuatro {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 20fr 20fr 20fr 20fr 20fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 20fr 20fr 20fr 20fr 20fr;
    justify-items: stretch;
    }
    .grillaFotos.cuatro a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;  }
    .grillaFotos.cuatro a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.cuatro a:nth-child(3) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.cuatro a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 4; grid-row-end: span 2;  }
		
		
	/* cuatro - opcion b */
    .grillaContainer.cuatro.b { padding-top: 180vw;}
    .grillaFotos.cuatro.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 25fr 25fr 25fr 25fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 25fr 25fr 25fr 25fr;
    justify-items: stretch;
    }
    .grillaFotos.cuatro.b a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 1;  }
    .grillaFotos.cuatro.b a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.cuatro.b a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: 3;  }
    .grillaFotos.cuatro.b a:nth-child(4) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 4; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 4; grid-row-end: 4;  }
    
    /* tres */
    .grillaContainer.tres { padding-top: 190vw;}
    .grillaFotos.tres {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 33fr 33fr 34fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 33fr 33fr 34fr;
    justify-items: stretch;
    }
    .grillaFotos.tres a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.tres a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.tres a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: 3;  }
		
		
	/* tres - opcion b */
    .grillaContainer.tres.b { padding-top: 160vw;}
    .grillaFotos.tres.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 50fr 25fr 25fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 50fr 25fr 25fr;
    justify-items: stretch;
    }
    .grillaFotos.tres.b a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.tres.b a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.tres.b a:nth-child(3) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 3; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 3; grid-row-end: 3;  }
	
	
	/* tres - opcion c */
    .grillaContainer.tres.c { padding-top: 120vw;}
    .grillaFotos.tres.c {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 66fr 34fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 66fr 34fr;
    justify-items: stretch;
    }
    .grillaFotos.tres.c a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 2;  }
    .grillaFotos.tres.c a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 2;  }
    .grillaFotos.tres.c a:nth-child(3) {
        -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2;  }
	
		
	/* dos */
    .grillaContainer.dos.b { padding-top: 80vw;}
    .grillaFotos.dos.b {
    -ms-grid-columns: 50fr 50fr;
    -ms-grid-rows: 50fr 50fr;
    grid-template-columns: 50fr 50fr;
    grid-template-rows: 50fr 50fr;
    justify-items: stretch;
    }
    .grillaFotos.dos.b a:nth-child(1) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 1;  }
    .grillaFotos.dos.b a:nth-child(2) {
        -ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row: 2; -ms-grid-row-span: 1; 
        grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; grid-row-end: 2;  }
}