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

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

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: #27854B;
}
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 green;*/  
}
/*--------------------*/

/*ÍCONOS*/

/*iconos navegación*/
.icono-navsprite{
background-repeat: no-repeat;
background-size: 640px 120px;	
}
.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-rojo{
background-image: url(../imagenes/generales/sprites-nav-rojo.png);	
}
.icono-home{
background-position: -400px -2px;
}
.icono-historias{
background-position: -440px 0px;
background-color: #27854B;
}
.icono-cerrar-menu{
background-position: -40px 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: -361px -7px;
}

.icono-flecha-left{
position: absolute;
width: 100%;
height: 100%;	
/*background-position: -240px 0px;*/
background-position: -245px -5px;	
}
.icono-flecha-right{
position: absolute;
right: 0px;	
width: 100%;
height: 100%;	
/*background-position: -280px 0px;*/
background-position: -285px -5px;	
}
.icono-flechagr-arriba{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;	
background-position: -160px -40px;
}
.icono-flechagr-abajo{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;	
background-position: -240px -40px;
}
.icono-flechagr-left{
position: relative;
width: 26px;	
height: 40px;	
background-position: -247px 0px;
}
.icono-flechagr-right{
position: relative;
width: 26px;	
height: 40px;	
background-position: -287px 0px;
}

/*ESTILOS BOTON*/
.boton{
cursor: pointer;
}

/*ESTILOS FUENTE GENERALES */

p, h1, h2, h3, h4, h5, h6{
font-family: 'merriweather-regular';
}

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

.grupo-logo-especiales{
position: absolute;
bottom:0px;	
left:0px; 
width:30%;
max-width: 130px;	
height: 40px; 
z-index: 20;
padding: 20px 20px 10px 10px;
display: none;	
}

.grupo-boton-ir-especial{
position: absolute;
top:0px;	
right:0px; 
width:30%;
max-width: 140px;	
height: 100%;
z-index: 50;
cursor: pointer;
}
.boton-ir-especial{
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;	
	
position: absolute;	
right:0px; 
bottom:0px;	
width:100%; 
height: 30px; 
padding-left: 3px;	
background-color: #27854B;
border-top: 4px solid rgba(255,255,255,1.00);
border-left: 4px solid rgba(255,255,255,1.00);
box-shadow: -4px -4px 15px rgba(0,0,0,0.3);  
z-index: 50;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out; 
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;	
}

.boton-ir-especial:hover{
background-color:rgba(0,0,0,1.00);	
}

.boton-ir-especial p{
position: relative;
font-family: 'hebbo-bold';	
text-align: center;
letter-spacing: 1px;	
text-transform: uppercase;	
font-size: 11px;
line-height: 11px;
margin-bottom: 0px;	
color:rgba(255,255,255,1.00);
}


.contenedor-banner-semana{
position: relative;
width: 100%;	
max-width:962px;
height: 120px;
background-color: rgba(0,0,0,1.00);
cursor: pointer;	
}
.caja-banner-semana{
height: 100%;	
}
.imagen-banner{
position: absolute;
width:100%;
height: 100%;
top:0px;
left: 0px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;	
}
.imagen-banner-1{
background-image:url("../imagenes/banners/5000-empresas/banner-5000-empresas-desktop.png");	
}
/*.imagen-banner-2{
background-image:url(../imagenes/banners/bajo-cauca/bajo-cauca-desktop.jpg);	
}
.imagen-banner-3{
background-image:url(../imagenes/banners/carrera-espacial/base-banner-nasa-desktop.jpg);	
}*/
/*.imagen-banner-4{
background-image:url(../imagenes/banners/la-vida-me-enseno/la-vida-me-enseno-desktop.jpg);	
}*/


/*ESTILOS SWIPER*/
.swiper-container {
height: 100%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
width: 30px;
height: 30px;	
z-index: 10;
top: inherit !important;
bottom:64px;	
left: inherit !important;
right: 0px !important;
margin-top: 0px;	
background-color: rgba(0,0,0,0.3);	
background-image: none;	
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
width: 30px;
height: 30px;
top: inherit !important;
bottom:32px;	
right: 0px !important;
margin-top: 0px;	
z-index: 10;
background-color: rgba(0,0,0,0.3);	
background-image: none;	
}
.swiper-pagination {
position: absolute;
top:0px;
left:0px;	
height:40px !important;	
bottom: 0px !important;
text-align: right !important;
padding-top: 7px !important;	
padding-right: 90px;
background-color:transparent;	
}
.swiper-pagination-bullet{
border:1px solid rgba(255,255,255,1.00);
background-color: rgba(255,255,255,1.00);	
}
.swiper-pagination-bullet-active {
border:none;	
background: #27854B;
}
.swiper-slide a{
position: absolute;
top: 0px;
left:0px;	
width: 100%;
height: 100%;
z-index: 30;	
}

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

/*ESTILOS ORBIT*/
.orbit-wrapper{
height: 120px !important;	
}
.orbit-container{
height: 120px !important;	
}
.orbit-slide{
background-color:rgba(0,0,0,1.00);	
height: 120px !important;	
}

.orbit-slide a{
position: absolute;
top: 0px;
left:0px;	
width: 100%;
height: 100%;
z-index: 70;	
}

.orbit-timer {
display:none !important;
}


/*MEDIA QUERIES*/

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

@media screen and (max-width:640px){
.contenedor-banner-semana{
height: 140px;	
}
	
/*ESTILOS ORBIT*/
.orbit-wrapper{
height: 140px !important;	
}
.orbit-container{
height: 140px !important;	
}
.orbit-slide{
height: 140px !important;	
}	
	
.grupo-boton-ir-especial{
position: absolute;
top: auto;	
bottom:0px;	
left:0px; 
width:100%;
max-width: 100%;	
height: 20px;
z-index: 20;	
}
.boton-ir-especial{
height: 20px;
border-top: 2px solid rgba(255,255,255,1.00);
border-left: none;
box-shadow: 0px -7px 15px rgba(0,0,0,0.3);  	
}
	
	
.imagen-banner-1{
background-image:url("../imagenes/banners/5000-empresas/banner-5000-empresas-movil.png");	
}
/*.imagen-banner-2{
background-image:url(../imagenes/banners/bajo-cauca/bajo-cauca-movil.jpg);	
}
.imagen-banner-3{
background-image:url(../imagenes/banners/carrera-espacial/base-banner-nasa-movil.jpg);	
}*/
/*.imagen-banner-4{
background-image:url(../imagenes/banners/la-vida-me-enseno/la-vida-me-enseno-movil.jpg);	
}*/	
	

}