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

/*----------------------------------------------*/

::-webkit-scrollbar{
width:9px;
height:9px;
background-color:rgba(0,0,0,0.1);
border-top:1px solid rgba(255,255,255,0.1);
/*border-bottom:1px solid rgba(255,255,255,0.4);*/	
cursor:pointer;
}
::-webkit-scrollbar-track{
background-color:rgba(0,0,0,0.1);
cursor:ew-resize;
}
::-webkit-scrollbar-thumb{
background-color:rgba(8,195,132,1.00);
cursor:pointer;
}

a {outline : none;}
a {
color: rgba(0, 0, 0, 0.6);	
text-decoration-line: underline;
font-family: 'hebbo-black';
font-weight: bold;
font-size: 1.15rem;	
}
a:hover {
color: rgba(8,195,132,1.00);
}
a:focus {
color: rgba(0, 0, 0, 0.6);
}
div {outline : none;}

::selection {
background: rgba(0, 0, 0, 0.1); /* WebKit/Blink Browsers */
}
::-moz-selection {
background: rgba(0, 0, 0, 0.1);  /* Gecko Browsers */
}

div, img{
/*border:1px solid red;*/ 
}

/*MARGINS Y PADDINGSS*/
.margin-0{
margin: 0px 0px 0px 0px !important;
}
.margin-x-0{
margin-left: 0px !important;
margin-right: 0px !important;	
}
.margin-xl-0{
margin-left: 0px !important;
}
.margin-xr-0{
margin-right: 0px !important;
}

.margin-y-0{
margin-top: 0px !important;
margin-bottom: 0px !important;	
}
.margin-yt-0{
margin-top: 0px !important;	
}
.margin-yb-0{
margin-bottom: 0px !important;	
}

.margin-y-3{
margin-top: 3px !important;
margin-bottom: 3px !important;	
}
.margin-yt-3{
margin-top: 3px !important;	
}
.margin-yb-3{
margin-bottom: 3px !important;	
}

.margin-y-7{
margin-top: 7px !important;
margin-bottom: 7px !important;	
}
.margin-yt-7{
margin-top: 7px !important;	
}
.margin-yb-7{
margin-bottom: 7px !important;	
}

.margin-y-10{
margin-top: 10px !important;
margin-bottom: 10px !important;	
}
.margin-yt-10{
margin-top: 10px !important;	
}
.margin-yb-10{
margin-bottom: 10px !important;	
}

.margin-y-50{
margin-top: 50px !important;
margin-bottom: 50px !important;	
}
.margin-yt-50{
margin-top: 50px !important;	
}
.margin-yb-50{
margin-bottom: 50px !important;	
}

.margin-y-20{
margin-top: 20px !important;
margin-bottom: 20px !important;	
}
.margin-yt-20{
margin-top: 20px !important;	
}
.margin-yb-20{
margin-bottom: 20px !important;	
}


.margin-y-60{
margin-top: 60px !important;
margin-bottom: 60px !important;	
}
.margin-yt-60{
margin-top: 60px !important;	
}
.margin-yb-60{
margin-bottom: 60px !important;	
}


.padding-0{
padding: 0px 0px 0px 0px !important;
}

.padding-x-0{
padding-left: 0px !important;
padding-right: 0px !important;	
}
.padding-xl-0{
padding-left: 0px !important;
}
.padding-xr-0{
padding-right: 0px !important;
}

.padding-x-15{
padding-left: 15px !important;
padding-right: 15px !important;	
}
.padding-xl-15{
padding-left: 15px !important;
}
.padding-xr-15{
padding-right: 15px !important;
}

.padding-x-20{
padding-left: 20px !important;
padding-right: 20px !important;	
}
.padding-xl-20{
padding-left: 20px !important;
}
.padding-xr-20{
padding-right: 20px !important;
}


.padding-y-0{
padding-top: 0px !important;
padding-bottom: 0px !important;	
}
.padding-yt-0{
padding-top: 0px !important;	
}
.padding-yb-0{
padding-bottom: 0px !important;	
}
.padding-y-3{
padding-top: 3px !important;
padding-bottom: 3px !important;	
}
.padding-yt-3{
padding-top: 3px !important;	
}
.padding-yb-3{
padding-bottom: 3px !important;	
}
.padding-y-7{
padding-top: 7px !important;
padding-bottom: 7px !important;	
}
.padding-yt-7{
padding-top: 7px !important;	
}
.padding-yb-7{
padding-bottom: 7px !important;	
}


.padding-y-10{
padding-top: 10px !important;
padding-bottom: 10px !important;	
}
.padding-yt-10{
padding-top: 10px !important;	
}
.padding-yb-10{
padding-bottom: 10px !important;	
}


.padding-y-20{
padding-top: 20px !important;
padding-bottom: 20px !important;	
}
.padding-yt-20{
padding-top: 20px !important;	
}
.padding-yb-20{
padding-bottom: 20px !important;	
}

.padding-y-30{
padding-top: 30px !important;
padding-bottom: 30px !important;	
}
.padding-yt-30{
padding-top: 30px !important;	
}
.padding-yb-30{
padding-bottom: 30px !important;	
}

.padding-y-50{
padding-top: 50px !important;
padding-bottom: 50px !important;	
}
.padding-yt-50{
padding-top: 50px !important;	
}
.padding-yb-50{
padding-bottom: 50px !important;	
}

.padding-y-60{
padding-top: 60px !important;
padding-bottom: 60px !important;	
}
.padding-yt-60{
padding-top: 30px !important;	
}
.padding-yb-60{
padding-bottom: 60px !important;	
}

/*--------------------*/



/*ÍCONOS*/

/*iconos navegación*/
.icono-navsprite{
background-repeat: no-repeat;
/*background-size: 640px 120px;*/
/*background-size: 802.5px 200px;*/
/*background-size: 160.5px 40px;*/
background-size: 400px;	
}
.icono-navsprite-blanco{
background-image: url(../imagenes/generales/sprites-nav-blanco.png);	
}
.icono-navsprite-negro{
background-image: url(../imagenes/generales/sprites-nav-negro.png);	
}
.icono-navsprite-verde-oscuro{
background-image: url(../imagenes/generales/sprites-nav-verde-oscuro.png);	
}
.icono-navsprite-gris{
background-image: url(../imagenes/generales/sprites-nav-gris.png);	
}
/*.icono-navsprite-gris-2{
background-image: url(../imagenes/generales/sprites-nav-gris-2.png);	
}*/
/*.icono-home{
background-position: -400px 0px;
}*/
/*.icono-home-2{
background-position: -480px 0px;
}*/
/*.icono-historias{
background-position: -440px 0px;
}*/
/*.icono-historias-2{
background-position: -520px 0px;
}*/
/*.icono-cerrar-menu{
background-position: -40.5px 0px;
}*/
.icono-ver-mas {
position: relative;
width: 40px;
height: 40px;
background-position: 0px 0px;
}
.icono-cerrar {
position: relative;
width: 40px;
height: 40px;
background-position: -40px 0px;
}
.icono-flecha-abajo{
position: relative;
width: 40px;
height: 25px;
margin: 0 auto;
background-position: -249px 0px;
}

.icono-flecha-left{
position: absolute;
width: 100%;
height: 100%;	
background-position: 0px 0px;
}
.icono-flecha-right{
position: absolute;
right: 0px;	
width: 100%;
height: 100%;	
background-position: 0px 0px;
}
.icono-flechagr-arriba{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;	
background-position: 0px -40px;
}
.icono-flechagr-abajo{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;	
background-position: 0px -40px;
}
.icono-flechagr-left{
position: relative;
width: 26px;	
height: 40px;	
background-position: 0px 0px;
}
.icono-flechagr-right{
position: relative;
width: 26px;	
height: 40px;	
background-position: 0px 0px;
}

.icono-flechagr-left-2{
position: relative;
width: 40px;
height: 80px;
background-position: -240px 20px;
/*background-color: rgba(8,195,132,1.00);*/
background-color: rgba(0,49,41,0.8);	
background-size: 320px 80px;	
}
.icono-flechagr-right-2{
position: relative;
width: 40px;
height: 80px;
background-position: -278px 20px;
/*background-color: rgba(8,195,132,1.00);*/
background-color: rgba(0,49,41,0.8);	
background-size: 320px 80px;	
}

/*divisores*/

.bloque-divisor{
/*max-width: 100%;*/
/*width: 100%;*/
/*height: 27px;*/
/*background-position: center;
background-repeat: repeat;
background-size: auto;*/
/*background-image: url(../imagenes/generales/patron-divisor-01.png);	
-moz-box-shadow:    inset -2px 1px 10px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset -2px 1px 10px 2px rgba(0, 0, 0, 0.1);
box-shadow:         inset -2px 1px 10px 2px rgba(0, 0, 0, 0.1);*/
/*border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
}

.divisor-1{
width: 150px;
height: 30px;
/*margin: 0 auto;*/
/*margin-top: 13px;
margin-bottom: 40px;*/
background-image:url(../imagenes/generales/divisor-01.png);
/*background-color:rgba(0, 0, 0, 1);*/
background-position: left center;
background-repeat: no-repeat;
background-size: contain; 
}
/*.divisor-2{
width: 70px;
height: 2px;
margin: 0 auto;
margin-top: 13px;
margin-bottom: 40px;
background-image: none;
background-color:rgba(0, 0, 0, 1);
background-position: center;
background-repeat: no-repeat;
background-size: contain; 
}*/
/*.divisor-3 {
width: 70px;
height: 10px;
margin: 0 auto;
margin-top: 2px;
margin-bottom: 8px;
background-image: none;
background-color: rgba(0, 0, 0, 1);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}*/
/*.divisor-home{
width: 70px;
height: 10px;
margin: 0 auto;
margin-top: 13px;
margin-bottom: 40px;
background-image: none;
background-color:rgba(8,195,132,1.00);
background-position: center;
background-repeat: no-repeat;
background-size: contain; 
}*/


/*ESTILOS FUENTE GENERALES */

p, h1, h2, h3, h4, h5, h6{
font-family: 'opensans-regular';
/*color:rgba(256, 256, 256, 0.9);*/
}

.capitalParrafo1 {
display: block;
float: left;
margin-top: -1.3em;
/*margin-left: -0.56em;*/
margin-left: -160px;
margin-right: 0.85em;
height: 7.5em;
}

.capitalParrafo1 span {
font-family: 'opensans-extrabold';
font-size: 10.5em;
line-height: 0.98em;
text-transform: uppercase;	
margin-left: 0.09em;
color:rgba(8,195,132,1.00);
}


.caja-parrafo p {
font-size: 1.0625rem;
line-height: 1.8rem;
color: rgba(0, 0, 0, 1);
}

.caja-parrafo-subtitulo h3{
font-family: 'aleo-bold';
font-size: 28px;
line-height: 35px;
margin-bottom: 40px;	
color:rgba(0,0,0,1.00);
color:rgba(255,255,255,1.00);	
}

.caja-parrafo-subtitulo h3 span{
background-color: rgba(8,195,132,1.00);
display: inline;
/*border:10px solid red;*/	
}


.caja-parrafo-datos{
}
.caja-parrafo-datos h5{
font-family: 'opensans-extrabold';
font-size: 12px;
line-height: 15px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(0,49,41,0.7);	
}
.caja-parrafo-datos p {
/*font-family: 'opensans-semibold';*/	
font-size: 1.0625rem;
line-height: 1.8rem;
color: rgba(0, 0, 0, 1);
}



.caja-icono-dato{
position: absolute; 
left: -145px;	
width: 120px; 
height: 120px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;	
/*background-color: aqua;*/ 
}



.icono-dato-1{
background-image: url(../imagenes/generales/icono-verde-1.png)	
}
.icono-dato-2{
background-image: url(../imagenes/generales/icono-verde-2.png)	
}
.icono-dato-3{
background-image: url(../imagenes/generales/icono-verde-3.png)	
}
.icono-dato-4{
background-image: url(../imagenes/generales/icono-verde-4.png)	
}
.icono-dato-5{
background-image: url(../imagenes/generales/icono-verde-5.png)	
}
.icono-dato-6{
background-image: url(../imagenes/generales/icono-verde-6.png)	
}
.icono-dato-7{
background-image: url(../imagenes/generales/icono-verde-7.png)	
}
.icono-dato-8{
background-image: url(../imagenes/generales/icono-verde-8.png)	
}





/*--------------------*/




/*ESTILOS HEADER*/

/*.contenedor-menu-header{
position: absolute;
left: -60px;
top: 0px;	
width: 65px;
height: 100vh;	
opacity:0.05;	
}*/

.header-semana{
display: block;    
position: fixed;
left:0px;
z-index: 1000;
opacity: 1;
}


.boton-header{
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out; 
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.boton-header:hover{
background-color: rgba(8,195,132,1.00);
}


/*boton ir a semana.com*/
.grupo-logo-semana-titulo-especial{
position: relative;
display: block;
/*height: 40px;*/
cursor: pointer;
padding: 12px;	
}
.logo-semana{
position: relative;
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
margin-right: 8px;	
}

.titulo-header-especial{
display: inline-block;
vertical-align: middle;
background-color: rgba(8,195,132,1.00);
background-color: rgba(8,195,132,0.2);	
padding: 4px;	
}

.titulo-header-especial p{
font-family: 'opensans-bold';
font-size: 9px;
line-height: 12px;
letter-spacing: 1px;
text-transform: uppercase;	
margin-bottom: 0px;
padding-left: 0px;
/*color: rgba(0,49,41,0.85);*/
color: rgba(136, 187, 179, 0.85);	
}

.bloque-header-nav{
width: 60px;	
display: block;	
/*border:4px solid blue;*/
/*background-color: pink;*/
padding: 12px;	
}


.redes-semana{
position: relative;
display: block;
z-index: 1000;
opacity: 1;    
}
ul.grupo-redes{
list-style: none;
padding-right: 5px;
font-size: 0;	
}
li.boton-redes{
position: relative;
display: block;	
width:40px !important;
height: 40px !important;
margin-right: 0px;
margin-top: 6px;	
cursor: pointer;
border-radius:100%;
background-position: center;
background-repeat: no-repeat;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out; 
-o-transition: all .3s ease-out;
transition: all .3s ease-out;	
}

li.boton-redes:hover{
/*background-color: rgba(255,255,255,1.00);*/
background-color: rgba(0, 49, 41, 1);	
}

li.boton-redes a{
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
}

li.boton-fb{
/*margin-right:2px;*/
background-image: url(../imagenes/facebook-icon-verde-1.png);
background-size: 34px 34px;		
}
li.boton-tw{
background-image: url(../imagenes/twitter-icon-verde-1.png);
background-size: 30px 30px;		
}



/*---Mis estilos---*/

.contenedor-general{	
background-image: url(../imagenes/patron.png);
background-size: auto;
background-repeat:repeat;
background-position: center center;
max-width:100%;
z-index: 1;
}

.contenedor-menu-header{
position: relative;
left: -60px;
top: 0px;	
width: 65px;
height: 100vh;		
}

.contenedor-menu-iconos {
position: relative;
}

.contenedor-elemento-fondo{
width: 100%;
position: fixed;	
}
.caja-elemento-fondo{
position: relative;	
max-width: 600px;	
height: 100vh;	
}
.elemento-fondo-1{
position: absolute; 
left:-110px; 
width:60px; 
height: 100vh; 
background-image: url(../imagenes/textura-vertical-verde-01.png);
background-position: center;
background-repeat: no-repeat;

}



.contenedor-apertura{
position: relative;
width: 100%;
min-width: 100%;
height: 100vh;	
/*border: 10px solid salmon;*/
overflow: hidden;
}





.fondo-apertura{
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100vh;
opacity: 1;
/*z-index: -1;*/
background-color: rgba(0,0,0,1);
/*background-image: url(../imagenes/generales/patron-footer.png);
background-position: center;
background-repeat: repeat;
background-size: auto;*/
/*border:2px solid green;*/	
}


.contenedor-titulo-principal{
position: absolute;
/*border:4px solid magenta;*/
width:100%;
height: 100vh;
}
img.imagen-apertura{
position: absolute;
bottom: 0px;	
}
.caja-titulo-principal{
width: 768px;
position:absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);	
font-family:'opensans-bold';
font-size: 20px;
color:black;
height: 400px;
/*border: 2px solid cyan;*/
}

.grupo-icono-bajar{
position: relative;	
width: 100px; 
height: 100px; 
/*background-color: red;*/ 
margin: 0 auto;
margin-top: 50px;
background-image: url(../imagenes/generales/mancha-verde-02.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;	
animation: jump 5s infinite;
}
@keyframes jump { 0% {  bottom: -35px; } 50% { bottom: -10px; } 100% { bottom: -35px; } }

.caja-icono-bajar{
position:absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);		
width:50px;
height: 50px;
}


h1 {
font-size: 130px;
line-height: 70px;
color:rgba(0,0,0,1.00);
color:rgba(255,255,255,1.00);	
font-family: 'opensans-extrabold';
text-align: center;
letter-spacing: -9px;
text-shadow: 2px 2px 15px rgba(0, 0, 0, 1);	
}

h1 span.destacado-titulo{
font-family:'aleo-regular';
font-size: 45px;
line-height: 35px;
letter-spacing: 3px;	
color:rgba(255,255,255,1.00);	
background-color: rgba(0,0,0,1.00);
background-color:rgba(8,195,132,1.00);
text-shadow: none;	
padding: 15px;	
}

.contenedor-chapo{
background-color: rgba(255,255,255,1.00);
}


.contenedor-contenido{
position: relative;
/* padding:1.2rem; */
/*border:4px solid blue;*/
}
.caja-contenido{
position: relative;	
max-width: 600px;	
/*border:6px solid red;*/	
}
.caja-contenido-full-100-w{
max-width: inherit;
border-left: 0px solid rgba(256, 256, 256, 0.4);
border-right: 0px solid rgba(256, 256, 256, 0.4);	
}

.caja-chapo{
margin-top: 50px;
margin-bottom: 40px;	
}
.caja-chapo h2{
font-family: 'aleo-regular';	
font-size: 24px;
line-height: 34px;
color:#003129;
}


.contenedor-subtitulo{}
.caja-subtitulo{}

.caja-subtitulo h3{
font-family: 'aleo-bold';
font-size: 35px;
line-height: 40px;
margin-left: 0px;
margin-top: 5px;
color: rgba(8,195,132,1.00);	
}
.caja-subtitulo p{
font-family: 'opensans-bold';
font-size: 16px;
line-height: 23px;
text-transform: uppercase;	
margin-top: 5px;
color: rgba(0,49,41,1);	
}


.caja-foto-full{
position: relative;    
overflow: hidden;
background-color: rgba(0, 0, 0, 1);
background-image: url(../imagenes/generales/patron-footer.png);
background-position: center;
background-repeat: repeat;
background-size: auto;
border-top: 1px solid rgba(256, 256, 256, 0.4);
border-bottom: 1px solid rgba(256, 256, 256, 0.4);     
}

.caja-foto-full .grupo-pie{
background-color:rgba(0,0,0,0.8);
}
.caja-foto-full .grupo-pie p{
color:rgba(255,255,255,1.00);
}

img.foto-full-apertura-home{
width:100%;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 0;	
}
img.foto-full-apertura{
width:100%;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 0;	
}
img.foto-full-apertura-top{
width:100%;
position: absolute;
top: -100px;
left: 50%;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
opacity: 0;	
}
img.foto-full{
width:100%;
}
.caja-pie-foto{
position: absolute;
width: 50%;
max-width: 250px;
z-index:2;
}


.grupo-pie{
padding: 8px 10px 9px 20px;
/*background-color:rgba(0,49,41,0.8);*/		
/*background-color: red;*/	
/*background-color: rgba(255,255,255,0.9);*/	
/*border-left: 8px solid rgba(210, 34, 36, 1);*/
}
.grupo-pie p{
font-family: 'opensans-bold';
font-size: 14px;
line-height: 18px;
margin-bottom: 0px;
/*padding-left: 40px;*/	
color: rgba(0,0,0,1.00);	
}
p.credito{} 
p.credito-pie-foto{
font-family: 'opensans-bold';	
/*font-size:10px;*/
/*line-height: 14px;*/
font-size:0.525rem;
line-height: 0.775rem;	
letter-spacing: 2px;
margin-top: 10px;
text-transform: uppercase;   
opacity: 0.85;
}

/*posiciones pies de foto, aplicar clase según se requiera*/
.caja-pie-foto-top-left{
top:90px;
left:33px;
}
.caja-pie-foto-center-left{
top:200px;
left:33px;    
}
.caja-pie-foto-bottom-left{
bottom:100px;
left:63px;
}
.caja-pie-foto-top-right{
top:90px;
right:33px;
}
.caja-pie-foto-center-right{
top:200px;
right:33px;
}
.caja-pie-foto-bottom-right{
bottom:150px;	
right:33px;
}
.caja-pie-foto-bottom-right-2{
bottom:120px;
right:33px;
}

.boton-pie-movil{
position: absolute;
height: 30px;
padding-left: 5px;
padding-right: 3px;
background-color: rgba(8,195,132,1.00);
}
.boton-pie-movil p{
font-family: 'hebbo-bold';	

font-size: 0.5625rem;
line-height: 0.5625rem;	
letter-spacing: 1px;
margin-top: 12px;
margin-bottom: 0px;
text-transform: uppercase;
color: rgba(256, 256, 256, 0.9);
text-shadow: none;
}
.boton-ver-pie-movil{
bottom: 0px;
left: 0px;
display:none;
z-index: 20;
border-left: 2px solid rgba(0,49,41,1.00);	
} 
.boton-ocultar-pie-movil{
display:none;    
top: -30px;
left: 0px;
}







/*ESTILOS SWIPER*/

/*swiper*/
.contenedor-contenido-slider{
background-image: url(../imagenes/patron-verde-oscuro-2.jpg);
/*background-image: url(../imagenes/patron-verde-3.jpg);*/	
background-position: center;
background-repeat: repeat;
background-size: auto;
background-color: rgba(0,0,0,1.00);
}
.caja-contenido-slider{}

.caja-contenido-slider .grupo-pie{
/*background-color:rgba(0,0,0,0.8);*/	
}
.caja-contenido-slider .grupo-pie p{
color:rgba(254,254,254,1.00);	
}

.caja-instruccion-swiper{
/*background-color:rgba(0,0,0,0.03);*/
position: relative;
display: inline-block;
height: 40px;
float: right;
margin-left: 4px;	
margin-right: 24px;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
z-index: 20;
}

.caja-instruccion-swiper p{
font-family: 'hebbo-bold';
/*font-size: 9.5px;*/
/*line-height: 13px;*/
font-size: 0.59375rem;
line-height: 0.8125rem;	
letter-spacing: 1.5px;
text-transform: uppercase;
margin-top: 2px;	
margin-bottom: 0px;
color: rgba(255,255,255,1.00);
color: rgba(0,0,0,1.00);	
padding-left: 12px;
padding-right: 8px;	
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
width: 40px;
height: 80px;	
z-index: 10;
margin-top: 0px;	
/*background-color: rgba(210, 34, 36, 1);*/
background-image: none;
	
position: absolute;
top: calc(50% + 42px);
left: inherit;
right: 0%;
-moz-transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);	
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
width: 40px;
height: 80px;	
/*right: 0px !important;
top:0px;*/
margin-top: 0px;	
z-index: 10;
/*background-color: rgba(210, 34, 36, 1);*/
background-image: none;
	
position: absolute;
top: calc(50% - 42px);
right: 0%;
-moz-transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);	
}

/*paginacion fraccion*/ /*NO BORRAR*/
.swiper-pagination {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;	
width: 40px;
height: 40px;
/*background-color: rgba(8,195,132,1.00);*/
background-color: rgba(0,49,41,1.00);
background-color: rgba(8,195,132,1.00);
right: 0px;
top: calc(50% - 111px);	
left:inherit !important;
font-family: 'opensans-bold';
font-size: 10px;
line-height: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0px;
color:rgba(255,255,255,1.00);
}
/*paginacion dots*/

/*display: flex;
flex-direction: column;
list-style:none;
padding: 60px 60px 10px 20px;	
}
.item-info-slide{
position: relative;	
flex-grow: 1;

/*.swiper-pagination {
position: absolute;	
height:40px !important;	
bottom: 0px !important;
text-align: right !important;
padding-top: 7px !important;	
padding-right: 0px;
background-color:rgba(255,255,255,1.00);	
}*/


.swiper-pagination-bullet-active {
background: rgba(210, 34, 36, 1);
}



/*-------------*/
/*swiper galería normal*/
.swiper-wrapper-galeria {
max-height: 70vh !important;
}
.swiper-wrapper-galeria .swiper-slide{}
.swiper-wrapper-galeria .swiper-slide img{
max-height: 70vh;
}

.caja-pie-foto-galeria-swiper{
position: relative;
width: 250px;
display: inline-block;
/*border-left: 10px solid rgba(8,195,132,1.00);*/
margin-left: 20px;	
}
.caja-pie-foto-galeria-swiper .grupo-pie{}

.elemento-caja-pie-foto{
position: absolute;
width: 50px;
height: 100%;
/*background-color:red;*/
background-image: url(../imagenes/textura-vertical-blanca-01.png);
background-position: center;
background-size: auto;
background-repeat: no-repeat;	
}



/*-------------*/
/*ESTILOS SWIPER INFOGRAFIA normal*/

.swiper-wrapper-infografia-centro .swiper-slide {
text-align: center;
}




/*-------------*/
/*ESTILOS SWIPER INFOGRAFIA COLUMNAS FLEX*/

.swiper-wrapper .swiper-wrapper-infografia {
-moz-box-sizing: inherit !important;
box-sizing: inherit !important;
height: 75vh !important;
}
.swiper-slide-infografia {
height: 75vh !important;
border-top: 1px solid rgba(0,0,0,0.2);	
}
/*.caja-pie-foto-slide {
height: 75vh !important;	
}*/

.subtitulo-slide{
position: absolute;
top: 0px;
left: 50%;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
padding: 10px 10px 7px 10px;
border-top:4px solid rgba(0,0,0,0.1);	
z-index: 1;	
}
.subtitulo-slide h3{
font-family: 'merriweather-bold';
/*font-size: 17.5px;*/
/*line-height: 17.5px;*/
font-size: 1.09375rem;
line-height: 1.09375rem;	
text-align: center;
margin-bottom: 0px;
padding-left: 5px;	
color:rgba(0,0,0,0.5);	
}

.grupo-informacion-slide{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items:center;
justify-content:center;
flex-direction:row;	
font-size: 0;
/*height: 75vh;*/ /*--- ¡! ---*/
}
.grupo-informacion-slide-infografia{
height: 75vh;
}
.contenedor-contenido-slider-tabla .grupo-informacion-slide{
height: 75vh;
}
.bloque-vertical-slide{
flex-grow: 1;	
flex-basis: 0;	
}
.bloque-vertical-slide p{
color: rgba(0,0,0,0.6);
}

.caja-imagen-slide{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
}
.caja-imagen-slide img{}
img.imagen-swiper-01 {
position: relative;		
width: auto;
height: auto;
}
img.imagen-swiper-02 {
position: relative;		
width: auto;
height: auto;
max-height: 75vh;
}

.swiper-wrapper-infografia .caja-imagen-slide {
height: 75vh !important;
}

.listado-info-slide{
height: 100%;	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
list-style:none;
padding: 10px;	
}
.item-info-slide{
position: relative;	
}
.item-info-slide h3{
font-family: 'merriweather-bold';	
/*font-size:24px;*/
/*line-height: 26px;*/
font-size:1.5rem;
line-height: 1.625rem;	
text-align: center;
}
.item-info-slide p{	
font-family: 'hebbo-regular';
/*font-size: 15px;*/
/*line-height: 19px;*/
font-size: 0.9375rem;
line-height: 1.1875rem;	
text-align: center;	
margin-bottom: 15px;
color:rgba(0,0,0,1.00);	
}
.item-info-slide p.parrafo-peque{	
font-family: 'hebbo-bold';
/*font-size: 12px;*/
/*line-height: 16px;*/
font-size: 0.75rem;
line-height: 1rem;	
margin-bottom: 15px;
}


.item-info-slide p span{	
font-family: 'hebbo-bold';
/*font-size: 13px;*/
/*line-height: 17px;*/
font-size: 0.8125rem;
line-height: 1.0625rem;	
text-transform: uppercase;	
}
.item-info-slide ul{	
margin-left: 0px;
}


.item-info-slide-subtitulo-fila{
background-color: rgba(0,0,0,0.5);
}
.item-info-slide-subtitulo-fila p{
color:rgba(255,255,255,1.00);
}

.columna-item-info-slide{
height: 100%; 
flex-grow: 1;
}


/*pie de foto slide*/
.caja-pie-foto-slide{
display: flex;
flex-direction: column;	
height:75vh;	
padding: 20px 20px 20px 0px;	
}
.caja-subtitulo-pie-foto{
background-color: rgba(0,0,0,1.00);
background-position: center;
background-repeat: repeat;
background-size: auto;	
background-image: url(../imagenes/generales/patron-fondo-02.png);	
width: 100%;
height: auto;
padding: 14px 10px 12px 10px;
}
.caja-pie-foto-slide h3{
font-family: 'merriweather-bold';
font-family: 'hebbo-regular';	
/*font-size: 17px;*/
/*line-height: 19px;*/
font-size: 1.0625rem;
line-height: 1.1875rem;	
letter-spacing: 2px;	
text-align: center;
text-transform: uppercase;
color: rgba(255,255,255,1.00);
margin-bottom: 0px;
}
.listado-pie-foto{
flex-grow: 1;	
list-style:circle;
overflow-x: hidden;
overflow-y: auto;	
margin-left: 0px;
margin-bottom: 0px;
padding: 20px 20px 0px 20px !important;
background-position: center;
background-repeat: repeat;
background-size: auto;
background-image: url(../imagenes/generales/patron-texto-01.png);	
}

ul.listado-pie-foto{
list-style-type: square !important;
}
li.item-listado-pie-foto{
margin-bottom: 40px;
list-style-type: square !important;	
}
.caja-pie-foto-slide h4{
font-family: 'hebbo-bold';
/*font-size: 15px;*/
/*line-height: 16px;*/
font-size: 0.9375rem;
line-height: 1rem;	
color: rgba(0,0,0,1);	
}
.caja-pie-foto-slide p{
font-family: 'hebbo-regular';
/*font-size: 12px;*/
/*line-height: 14px;*/
font-size: 0.75rem;
line-height: 0.875rem;	
}
.caja-pie-foto-slide p span{
font-family: 'hebbo-black';
/*font-size: 12px;*/
font-size: 0.75rem;	
letter-spacing: 0px;
text-transform: uppercase;	
color: rgba(0,0,0,0.7);	
}
p span.destacado-cifra-pie-foto{
font-family: 'merriweather-black';
/*font-size: 14px;*/
font-size: 0.875rem;	
letter-spacing: 0px;	
}
p span.destacado-palabra-pie-foto{
font-family: 'hebbo-black';
/*font-size: 14px;*/
font-size: 0.875rem;	
letter-spacing: 0px;
text-transform: uppercase;	
}
.caja-pie-foto-slide p.credito.pie-foto{
font-family: 'hebbo-bold';
/*font-size: 9.5px;*/
/*line-height: 13px;*/
font-size: 0.59375rem;
line-height: 0.8125rem;	
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 0px;
color: rgba(0,0,0,0.5);	
}
/*----*/




/*ESTILOS LINEA DE TIEMPO*/


.contenedor-linea-tiempo-general{
/*border:3px solid cyan;*/
margin-bottom:70px;	
}

.contenedor-titulo-linea-tiempo{
margin-top: 0px;	
/*margin-bottom: 50px;*/	
}

.caja-titulo-linea-tiempo{
font-size: 0;
}

.grupo-dato-1{
/*border:2px solid red;*/ 
display: inline-block;
vertical-align: top;	
width: 50%;
position: relative;	
}

.grupo-dato-2{
/*border:2px solid red;*/ 
display: inline-block;
vertical-align: top;	
width: 30%;
position: relative;	
}

.caja-cifra-dato{
/*position: absolute;*/ 
/*right:0px;*/ 
/*background-color: aqua;*/	
}
.caja-cifra-dato h4{
font-family: 'opensans-extrabold';	
font-size: 60px;
line-height: 60px;
text-align: right;
margin-right: 10px;	
/*color: rgba(0,0,0,1.00);*/
color: rgba(0,49,41,1);	
}
.caja-cifra-dato p{
font-family: 'opensans-bold';
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin-top: 5px;
color: rgba(8,195,132,1.00);
color: rgba(0,49,41,1);	
}






.contenedor-grupo-botones-hitos-linea-tiempo{
/*background-color:rgba(144,158,30,1.00);*/
max-width: 700px;
height: 660px;	
margin: 0 auto;	
}

.caja-grupo-botones-hitos-linea-tiempo{
/*height: 550px;*/
height: 660px;	
/*border:2px solid red;*/	
}


.caja-grupo-botones-hitos-linea-tiempo{
/*border:1px solid magenta;*/	
}


.contenedor-botones-linea-tiempo{
/*background-color: aqua;*/
width: 80px;
height: 100%;	
display: inline-block;
vertical-align: top;
/*border:2px solid pink;*/	
}
.caja-botones-linea-tiempo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;	
/*border:1px solid grey;*/	
}
.grupo-boton-linea{
position: relative;	
width: 80px;
/*border:1px solid green;*/
flex: 1 1 100%;
/*padding: 10px;*/
cursor:pointer;
}



.boton-linea{
width: calc(100% - 0px);
height: 100%;	
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);	
/*background-color:rgba(96,188,128,1.00);*/
border-top:2px solid rgba(0,49,41,1.00);
}

.boton-linea h5{
	
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);	
	
font-family: 'opensans-bold';
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
text-align:center;	
/*margin-top: 10px;
margin-left: 10px;*/
}

.grupo-boton-linea-activo{
background-color:rgba(8,195,132,1.00);
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out; 
-o-transition: all .3s ease-out;
transition: all .3s ease-out;	
}
.grupo-boton-linea-activo .boton-linea h5 {
font-family: 'opensans-extrabold';
font-size: 27px;
line-height: 27px;
letter-spacing: -1px;
/*margin-top: 4px;	
margin-right: 6px;*/	
color:rgba(255,255,255,1.00);
}


.btn-linea-activo{
background-color:rgba(8,195,132,1.00);
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out; 
-o-transition: all .3s ease-out;
transition: all .3s ease-out;	
}





.contenedor-hitos-linea-tiempo{
position: relative;	
width: calc(100% - 80px);
height: 100%;	
float: right;
	
/*display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;*/	
	
background-color:rgba(96,188,128,0.2);
padding: 30px;
/*border:2px solid blue;*/
overflow: hidden;	
}
.grupo-contenedor-hito-linea-tiempo{
position: absolute;
top: 50%;
left: -50px;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);

width: calc(100% - 50px);	
height: calc(100% - 50px);
/*border:5px solid magenta;*/
/*opacity: 0.3;*/
display: none;	
}

.grupo-contenedor-hito-linea-tiempo-activo{
left: 50%;	
display: block;	
/*border:5px solid green;*/	
}



.caja-linea-tiempo-texto1{
/*border:1px solid cyan;*/
flex-grow: 1;	
}
.caja-linea-tiempo-texto1 h3{
font-family: 'opensans-extrabold';
font-size: 30px;
line-height: 30px;
color:rgba(0,49,41,1);	
}
.caja-linea-tiempo-texto1 p{
font-family: 'opensans-extrabold';
font-size: 15px;
line-height: 15px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(0,49,41,0.7);
margin-bottom: 10px;
padding-left: 0px;	
}


.caja-linea-tiempo-texto1 .boton-pie-movil{
top:0px;	
}

.grupo-contenedor-hito-linea-tiempo .boton-pie-movil{
top:0px;	
}

.grupo-contenedor-hito-linea-tiempo .boton-ver-pie-movil{
top:0px;
left:10px;	
}


.caja-linea-tiempo-texto2{
flex-grow: 1;	
}
.caja-linea-tiempo-texto2 p{
/*font-family: 'opensans-regular';*/
font-family: 'opensans-semibold';	
font-size: 15px;
line-height: 18px;
letter-spacing: 0px;
margin-bottom: 5px;	
padding-left: 0px;	
}
.caja-linea-tiempo-texto2 p span{
font-family: 'opensans-extrabold';
font-size: 12px;
line-height: 12px;	
letter-spacing: 3px;	
text-transform: uppercase;
color:rgba(0,49,41,0.7);	
}


.caja-linea-tiempo-mapa{
/*border:1px solid blue;*/
text-align: center;
flex-grow: 1;
}



/*ESTILOS RETICULA*/

.contenedor-reticula-cifras{
/*background-color: darkgoldenrod;*/
font-size: 0;	
}

.bloque-reticula{
display: inline-block;
/* position: relative;	 */
width: 100%;
height: 450px;	
vertical-align: top;
background-position: center;
background-repeat: no-repeat;
background-size: cover;	
}

.bloque-reticula-cuadrada{
display: inline-block;
position: relative;	
width: 25%;
padding-bottom: 25%;	
vertical-align: top;
background-position: center;
background-repeat: no-repeat;
background-size: cover;	
}


.bloque-reticula-1{
background-image: url(../imagenes/awa/boton-yukpa.jpg)	
}
.bloque-reticula-2{
background-image: url(../imagenes/awa/boton-awa.jpg)	
}
.bloque-reticula-3{
background-image: url(../imagenes/especial-oleoductos/foto-dato-03.jpg)	
}
.bloque-reticula-4{
background-image: url(../imagenes/especial-oleoductos/foto-dato-04.jpg)	
}



.bloque-color-dato{
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
/*background-color: rgba(0,49,41,0.2);*/	
}

.bloque-dato{
width:calc(100% - 40px);
/*height:calc(100% - 40px);*/	
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
/*border:4px solid red;*/	
}

.bloque-dato p{
font-family: 'opensans-semibold';
font-size: 22px;
line-height: 22px;
text-align: center;
color:rgba(255,255,255,1.00);
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);		
}

.bloque-dato p span{
font-family: 'opensans-extrabold';
font-size: 40px;
line-height: 60px;

}

/*estilos-footer*/

.contenedor-footer{
position: relative;	
background-image: url(../imagenes/generales/fondo-footer.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;	
}

.elemento-footer{
width: 100%; 
height: 150px; 
/*background-color: red;*/ 
position: absolute; 
top:-130px;
background-image: url(../imagenes/generales/elemento-footer.png);
background-position: top right;
background-repeat: no-repeat;
background-size: cover;		
}


.caja-footer{
padding: 20px;
}
.contenedor-parrafo-footer{}
.caja-parrafo-footer{}
ul.listado-footer{
margin-left: 0px;
margin-bottom: 0px;    
list-style: none;    
}
li.elemento-lista-footer{}
li.elemento-lista-footer h6{
font-family: 'opensans-bold';
/*font-size: 11px;*/
/*line-height: 15px;*/
font-size: 0.6875rem;
line-height: 0.9375rem;	
letter-spacing: 5px;
text-align: center;
text-transform: uppercase;
color: rgba(8,195,132,1.00);	
}
li.elemento-lista-footer p{
font-family: 'opensans-bold';
/*font-size: 10px;*/
/*line-height: 13px;*/
font-size: 0.625rem;
line-height: 0.8125rem;	
letter-spacing: 3px;
text-align: center;
text-transform: uppercase;
color: rgba(255,255,255,1.00);	
}
li.elemento-lista-footer p span{
letter-spacing: 3px;
opacity:0.4;
}



/*MEDIA QUERIES*/
@media screen and (orientation:portrait) {
img.foto-full-apertura {
max-width: inherit;
width: auto;
height: 100vh;
}
img.foto-full-apertura-home {
max-width: inherit;
width: auto;
height: 100vh;
}
img.foto-full-apertura-top {
top: -50px;
max-width: inherit;
width: auto !important;
height: 100vh;	
}	
}

@media screen and (max-width:1024px){
	
/*header*/
.header-semana {
padding-top: 7px;
padding-bottom: 7px;
width: 100%;
height: auto;
background-color: rgba(0,0,0,1.00);
background-image: url(../imagenes/patron-verde-oscuro-1.jpg);
background-position: center;
background-repeat: repeat;
background-size: auto;
border-bottom: 1px solid rgba(256, 256, 256, 0.35);
}
.grupo-logo-semana-titulo-especial {
height: inherit;
display: inline-block;
vertical-align: middle;
padding: 0px 0px 0px 12px;
}	
.bloque-header-nav {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 0px;
}
.redes-semana {
position: absolute;
right: 0px;
top: 0px;
}
li.boton-redes {
display: inline-block;
margin-top: 9px;
}	
.boton-header:hover{
background-color: transparent;
}
li.boton-redes:hover{
background-color: transparent;	
}
.titulo-header-especial {
background-color: transparent;
}
.titulo-header-especial p {
color: rgba(255,255,255,1.00);
}	
	
	
	
/*pie foto boton*/	
.caja-pie-foto{
position: absolute;
width: 100%;
max-width: 100%;
}
.caja-pie-foto p{
font-size:0.75rem;
line-height: 0.9375rem;	
letter-spacing: 1px;
}

.caja-pie-foto-top-left{
top: inherit;
right: inherit;    
bottom:0px;
left:0px;
}
.caja-pie-foto-center-left{
top: inherit;
right: inherit;    
bottom:0px;
left:0px;
}
.caja-pie-foto-bottom-left{
top: inherit;
right: inherit;    
bottom:0px;
left:0px;
}
.caja-pie-foto-top-right{
top: inherit;
right: inherit;    
bottom:0px;
left:0px;
}
.caja-pie-foto-center-right{
top: inherit;
right: inherit;    
bottom:0px;
left:0px;
}
.caja-pie-foto-bottom-right{
top: inherit;
right: inherit;    
bottom:0px;
left:0px;
}
.caja-pie-foto-bottom-right-2{
top: inherit;
right: inherit;    
bottom:0px;
left:0px
}
.boton-ocultar-pie-movil{
display:block;
z-index: 1000;	
} 

	
.caja-pie-foto-galeria-swiper {
position: absolute;
bottom: 0px;
left: 0px;
margin-left: 0px;	
width: calc(100% - 34px);
max-width: 100%;
}
.elemento-caja-pie-foto{
display: none;	
}	
.caja-pie-foto-galeria-swiper .grupo-pie {
border-right: none;
border-bottom: none;
}
.grupo-pie{
background-color:rgba(0,49,41,0.8);
position: relative;
z-index: 1;
padding: 10px;
width: calc(100% - 22px);
margin-left: 0px;
border-left: 2px solid rgba(0,49,41,1.00);	
}	
	
.grupo-pie p {
font-size: 12px;
line-height: 16px;	
padding-left: 0px;
padding-right: 10px;	
}
p.credito-pie-foto{
font-size:0.5rem;
line-height: 0.625rem;	
letter-spacing: 2px;
opacity: 0.7;
}
.boton-pie-movil p{
font-family: 'opensans-bold';	
font-size: 0.5625rem;
line-height: 0.5625rem;	
letter-spacing: 3px;
margin-top: 11px;	
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;	
text-transform: uppercase;
}
	
	
/*linea tiempo*/	
	
.contenedor-hitos-linea-tiempo {
padding: 5px;
}	
	
.grupo-contenedor-hito-linea-tiempo {
width: 100%;
height: 100%;
/*border:4px solid red;*/	
}
	
.grupo-contenedor-hito-linea-tiempo .grupo-pie {
width: 100%;	
margin-left: 10px;
padding-top: 50px;	
}
	
.caja-linea-tiempo-mapa {
position: absolute;
top: 0;
}	
		
	
	
	
	
.caja-linea-tiempo-mapa {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;	

	
/*border:4px solid blue;*/	
}
	
.caja-linea-tiempo-mapa img {
max-width: calc(100% - 30px);
margin-top: 30px;
}	
	
.caja-linea-tiempo-texto1 p {
color:rgba(255,255,255,1.00);
}		
.caja-linea-tiempo-texto1 h3 {
color:rgba(255,255,255,1.00);
}
.caja-linea-tiempo-texto2 p {
color:rgba(255,255,255,1.00);
}
.caja-linea-tiempo-texto2 p span {
color:rgba(255,255,255,1.00);
}
	


}	
	
	
/*------*/

@media screen and (max-width:768px){
h1 {
font-size: 79px;
line-height: 75px;	
letter-spacing: -5px;
}
	
h1 span.destacado-titulo {
font-size: 48px;
line-height: 51px;
letter-spacing: 3px;
padding: 10px;	
}
	
.contenedor-contenido {
/*padding: 20px;*/
}	
	
.caja-chapo {
margin-top: 35px;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;	
}	
.caja-chapo h2 {
font-size: 18px;
line-height: 23px;
}	
.caja-subtitulo{
padding-left: 20px;
padding-right: 20px;	
}	
	
	
	
.capitalParrafo1 {
display: block;
float: left;
margin-top: -0.7em;
margin-left: -0.56em;
margin-right: 0.85em;
height: 7.5em;
}	
.capitalParrafo1 span {
font-size: 7.5em;
line-height: 0.98em;
text-transform: uppercase;	
margin-left: 0.09em;
}
	
	
	
.caja-parrafo{
padding-left: 20px;
padding-right: 20px;	
}	
.caja-parrafo p {
font-size: 1rem;
line-height: 1.6rem;
}
.caja-subtitulo h3 {
font-size: 30px;
line-height: 32px;
}
.caja-subtitulo p {
font-size: 14px;
line-height: 20px;
}
	
	
	
.grupo-dato-1 {
display: block;
width: 100%;
}	
.caja-cifra-dato h4 {
font-size: 50px;
line-height: 50px;
text-align: left;	
}
.caja-cifra-dato p {
margin-left: 0px;
}	
.grupo-dato-2 {
width: 100%;
}
	
	
.contenedor-grupo-botones-hitos-linea-tiempo {
height: 400px;
}	
.caja-grupo-botones-hitos-linea-tiempo {
height: 500px;
}	
	

/*swiper*/
	
.swiper-pagination {
width: 30px;
height: 30px;
right: 0px;
top: 0px;
}	
	
	
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
width: 30px;
/*height: 30px;*/	
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
width: 30px;
/*height: 30px;*/	
}	
	
	
.icono-flechagr-left-2{
width: 30px;
height: 80px;
background-position: -245px 20px;	
}
.icono-flechagr-right-2{
width: 30px;
height: 80px;
background-position: -283px 20px;	
}	
	
	
/*reticula*/	
.bloque-reticula {
width: 50%;
}

	
.caja-icono-dato {
position: relative;
left: inherit;
width: 160px;
height: 160px;	
}
	
}	





@media screen and (max-width:767px){

}


@media screen and (max-width:677px){
	
h1 {
font-size: 59px;
line-height: 55px;	
letter-spacing: -5px;
}
	
h1 span.destacado-titulo {
font-size: 28px;
line-height: 31px;
letter-spacing: 3px;
}	
	
.caja-grupo-botones-hitos-linea-tiempo {
height: 400px;
}	

.bloque-reticula {
width: 100%;
}	
	
}


@media screen and (max-width:480px){

}