.tab {
  position: relative;
  width: 100%;
  height:auto;
  overflow: hidden;
  margin-top:100px;
}

.tab-nav {
  height: 90px;
  overflow: hidden;  
}

.tab-nav a {
  display: block;
  float: left;
  width: 25%;
  height: 90px;
  font-size:18px;
  line-height: 20px;
  font-weight:400;
  text-align: center;
  text-decoration: none;
  color: #fff;
  padding-top:25px;
  box-sizing:border-box;
}

.tab-nav a span {
	display:none;
	}

.tab-nav a:nth-child(1) {
	background-color:#FF2536;
	}
	
.tab-nav a:nth-child(1):hover {
	background-color:#D80010;
	}
	
.tab-nav a:nth-child(2) {
	background-color:#FFD501;
	color:#004179;
	}
	
.tab-nav a:nth-child(2):hover {
	background-color:#FFAE01;
	}
	
.tab-nav a:nth-child(3) {
	background-color:#00ACBC;
	}
	
.tab-nav a:nth-child(3):hover {
	background-color:#008793;
	}
	
.tab-nav a:nth-child(4) {
	background-color:#0069A4;
	}
	
.tab-nav a:nth-child(4):hover {
	background-color:#002D54;
	}

.tab-nav a.current {
	background-image:url(../imagenes/hover.png);
	background-position:top center;
	background-repeat:no-repeat;
}

.tab-con {
  position: relative;
  width: 100%;
  height:auto;
  overflow: hidden;
  }

.tab-con .autoplay {
	width:100%;
	height:600px;
	position:relative;
	float:left;
	}
	
.tab-con .texto-servicio {
	width:100%;
	height:auto;
	position:relative;
	float:left;
	border-top:1px solid #0069A4;
	background-image:url(../imagenes/straws.png);
	}
	
.tab-con .texto-servicio {
	background-image:url(../imagenes/straws.png);
	border-top:1px solid #00ACBC;
	padding:100px 0;
	}
	
.tab-con .texto-servicio figcaption {
	width:80%;
	margin:auto;	
	}
	
.tab-con .texto-servicio figcaption figure,
.tab-con .texto-servicio figcaption p {
	position:relative;
	float:left;
	}
	
.tab-con .texto-servicio figcaption figure {
	width:30%;
	text-align:center;
	}
	
.tab-con .texto-servicio figcaption h2 {
	display:none;
	}
	
.tab-con .texto-servicio figcaption p {
	width:70%;
	font-size:20px;
	line-height:35px;
	color:#005E93;
	font-weight:300;
	}

.tab-con .linea-colores {
	width:100%;
	height:1px;
	position:relative;
	float:left;	
	background-image:url(../imagenes/colores.jpg);
	background-size:100% 1px;
	}
	
	
/*autoplay*/

/*slider quantity*/
/*slider background*/
@-webkit-keyframes animation1 {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  44.44% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes animation1 {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  44.44% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes animation1 {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  44.44% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation1 {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  44.44% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#container ul#wrapper li {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation: animation1 12s infinite;
  -moz-animation: animation1 12s infinite;
  -o-animation: animation1 12s infinite;
  animation: animation1 12s infinite;
  
  background-position:center center;
  background-repeat:no-repeat;
  /*don't use calc*/
}
#container ul#wrapper li:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  /*don't use calc*/
  
}
#container ul#wrapper li:nth-child(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
  /*don't use calc*/

}
#container ul#wrapper li:nth-child(3) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
  /*don't use calc*/

}
#container ul#wrapper li:nth-child(n) {
  opacity: 0;
  background-size: cover;
}


.foto-eventos-1 {
	background-image:url(../imagenes/eventos-empresariales.jpg);
	}	
.foto-eventos-2 {
	background-image:url(../imagenes/eventos-empresariales-1.jpg);
	}	
.foto-eventos-3 {
	background-image:url(../imagenes/eventos-empresariales-2.jpg);
	}		
.foto-regalos-empresa-1 {
	background-image:url(../imagenes/regalos-empresariales.jpg);
	}
.foto-regalos-empresa-2 {
	background-image:url(../imagenes/regalos-empresariales-1.jpg);
	}
.foto-regalos-empresa-3 {
	background-image:url(../imagenes/regalos-empresariales-2.jpg);
	}
.foto-actividades-talleres-1 {
	background-image:url(../imagenes/actividades-empresariales.jpg);
	}
.foto-actividades-talleres-2 {
	background-image:url(../imagenes/actividades-empresariales-1.jpg);
	}
.foto-actividades-talleres-3 {
	background-image:url(../imagenes/actividades-empresariales-2.jpg);
	}
.foto-floral-empresas-1 {
	background-image:url(../imagenes/arte-floral-empresas.jpg);
	}
.foto-floral-empresas-2 {
	background-image:url(../imagenes/arte-floral-empresas-1.jpg);
	}
.foto-floral-empresas-3 {
	background-image:url(../imagenes/arte-floral-empresas-2.jpg);
	}
	
	
/*1366*/	
@media screen and (max-width:1440px) {
	
.tab-nav {
  height: 70px;
 }

.tab-nav a {
  height: 70px;
  font-size:15px;
  line-height:18px;
  padding-top:20px;

}
	
.tab-con .autoplay {
	height:400px;
	}
	
.tab-con .texto-servicio {
	padding:70px 0;
	}	
	
.tab-con .texto-servicio figcaption p {
	width:60%;
	font-size:18px;
	line-height:30px;
	}	
	
	}	
	
	
/*1024*/	
@media screen and (max-width:1100px) {	
	
.tab-con .texto-servicio {
	padding:70px 0;
	}
	
.tab-con .texto-servicio figcaption {
	width:90%;
	margin:auto;
	}
	
.tab-con .texto-servicio figcaption figure {
	width:25%;
	text-align:left;
	}
	
.tab-con .texto-servicio figcaption p {
	width:75%;
	font-size:16px;
	line-height:28px;	
	}


}

/*480*/	
@media screen and (max-width:600px) {
	
.tab {
  margin-top:50px;
}

.tab-nav a span {
	display:block;	
	font-size:18px;
	padding-top:10px;
	}
	
.tab-nav a h4 {
	display:none;
	}
	

.tab-con .autoplay {
	height:300px;
	}	
	
.tab-con .texto-servicio {
	padding:20px 0 0 0;
	}
	
.tab-con .texto-servicio figcaption {
	width:100%;
	margin:auto;
	}
	
.tab-con .texto-servicio figcaption h2 {
	display:block;
	font-size:26px;
	line-height:70px;
	color:#FF2536;
	}
	
.tab-con .texto-servicio figcaption figure {
	width:20%;
	margin-top:12%;
	}
	
.tab-con .texto-servicio figcaption figure img {
	width:100%;
	padding:10px;
	}
	
.tab-con .texto-servicio figcaption p {
	width:80%;
	font-size:15px;
	line-height:24px;
	padding:0 30px 50px 0;
	}	
	
	
	
	
	
}