/* CSS Document */
#homeBanners{
    height: 528px;
    margin: 115px auto 30px;
    max-width: 1180px;
    width: 100%;
	position:relative;
}

#homeBanners .swiper-container {
	width: calc(100% - 120px);
	height: 100%;
	margin:0 auto;	
}

#homeBanners .swiper-slide {
	width:100%;
	height:100%;
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#homeBanners .swiper-slide .rightTapa{
	width:125px;
	background:url(../images/homerota-tapa-right.png) repeat-y left top;
	background-size:contain;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	z-index:5;
}

#homeBanners .swiper-slide .leftTapa{
	width:125px;
	background:url(../images/homerota-tapa-left.png) repeat-y left top;
	background-size:contain;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	z-index:5;
}

#homeBanners .swiper-slide .bottomTapa{
	height:58px;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	background:url(../images/homerota-bottom.png) no-repeat center bottom;
	background-size:cover;
}


#homeBanners .swiper-slide .contentLink{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}

#homeBanners .swiper-slide .contentLink .colLeft,
#homeBanners .swiper-slide .contentLink .colRight{
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	top:0;
	bottom:0;
}

#homeBanners .swiper-slide .contentLink .colLeft{
	left:18.49056604%;
	right:53.49056604%;
}

#homeBanners .swiper-slide .contentLink .colRight{
	left:53.49056604%;
	right:18.49056604%;
}

#homeBanners .swiper-slide .contentLink .circle{
	position:absolute;
	height:190px;
	width:150px;
	border-radius:230px;
	padding:20px 40px;
	text-align:center;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
}

#homeBanners .swiper-slide .contentLink .circle.col01{
	left:32.54716981%;
}

#homeBanners .swiper-slide .contentLink .circle.col02{
	left:67.45283019%;
}



#homeBanners .swiper-slide .contentLink .circle h3{
	margin:0 0 6px;
	font-size:22px;
	line-height:1.1;
	font-style:italic;
}

#homeBanners .swiper-slide .contentLink .circle p{
    font-size: 16px;
    font-style: italic;
    line-height: 1.1;
    margin: 0;
}

#homeBanners .swiper-prev,
#homeBanners .swiper-next {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 49px;
  margin-top: -25px;
  z-index: 10;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#homeBanners .swiper-prev.swiper-button-disabled,
#homeBanners .swiper-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
#homeBanners .swiper-next {
  background-image:url(../images/homerota-arrow-right.png);
  right: 30px;
  left: auto;
}
#homeBanners .swiper-prev {
  background-image:url(../images/homerota-arrow-left.png);
  left: 30px;
  right: auto;
}

#encuentra h2{
	font-weight:bold;
	font-style:italic;
	margin:0 0 10px;
	text-align:center;
}

#encuentra p{
	margin:0 auto 25px;
	max-width:450px;
	text-align:center;
	width:50vw;
}


#encuentra .blockSucus{
	width:420px;
	margin:0 auto;
	overflow:hidden;	
}

#encuentra .blockSucus .sucHolder{
	width:150px;
	height:150px;
	border-radius:150px;
	display:block;
	float:none;
	margin:0 auto 30px;
	padding: 1px 0;
}

#encuentra .blockSucus .sucHolder .sucLogo{
	width:110px;
	height:110px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin:20px;
}


#encuentra .blockSucus .sucHolder .sucLogo span{
	display:none;
}

a{
	text-decoration:none;
}

#bioproteccion{
	padding:60px 0;
	background-image:url(../images/back-textura.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	margin:60px 0;
	overflow:hidden;
}

#bioproteccion .colEscudo{
	float:left;
	width:165px;
	height:180px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	margin:0 30px 0 0;
}

#bioproteccion .bioCol{
	float:left;
	width:calc(100% - 195px);
}

#bioproteccion .bioCol h2{
	margin:0 0 10px;
}

#bioproteccion .bioCol .botMore{
	display:table;
	padding:5px 25px;
	border-radius:25px;
}

#culturaPOMITA h2{
	text-align:center;
}

#culturaPOMITA p{
	margin:0 auto 25px;
	max-width:500px;
	text-align:center;
	width:50vw;
}

#culturaPOMITA ol{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 auto 60px;
	overflow: hidden;
	max-width: calc((250px * 2) + (50px * 2));
}

#culturaPOMITA ol li{
	display: block;
	max-width: 250px;
	width: calc(50% - 50px);
	margin: 25px;
	float: left;
	padding: 0;
	list-style: none;
}

#culturaPOMITA ol li a{
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

#culturaPOMITA ol li p{
	display: none;
}

#culturaPOMITA ol li:nth-child(1) a{	background-image:url(../images/pomita-redes-background-facebook.png); }
#culturaPOMITA ol li:nth-child(2) a{	background-image:url(../images/pomita-redes-background-twitter.png); }
#culturaPOMITA ol li:nth-child(3) a{	background-image:url(../images/pomita-redes-background-pinterest.png); }
#culturaPOMITA ol li:nth-child(4) a{	background-image:url(../images/pomita-redes-background-instagram.png); }


/*****************************************************************
MEDIA QUERIES
****************************************************************/


@media only screen and (max-width: 1180px) {
	#homeBanners .swiper-container {
		width:100%;
	}

	#homeBanners .swiper-slide .rightTapa,
	#homeBanners .swiper-slide .leftTapa{
		display:none;
	}

	#homeBanners .swiper-prev,
	#homeBanners .swiper-next {
		background-color: rgba(255, 255, 255, 0.9);
		background-size: 19px auto;
		border-radius: 50px;
		box-shadow: 0 0 10px rgba(80, 80, 80, 0.4);
		height: 47px;
		overflow: hidden;
		width: 47px;
	}	
	
}

@media only screen and (max-width: 890px) {
	#homeBanners {
		margin: 55px auto 30px;
	}
}

@media only screen and (max-width: 750px) {
	#homeBanners{
		height: calc(100vh - 150px);
		margin: 55px auto 30px;
		max-width:none;
		width: 100%;
		position:relative;
	}

	#homeBanners .swiper-slide .contentLink .colLeft,
	#homeBanners .swiper-slide .contentLink .colRight{
		left:65px;
		right:65px;
		bottom:45px;
		top:30px;
	}

	#homeBanners .swiper-slide .contentLink .colLeft.noResponsive,
	#homeBanners .swiper-slide .contentLink .colRight.noResponsive{
		display:none;
	}
	
	#homeBanners .swiper-slide .contentLink .circle {
		border-radius: 0;
		bottom: 0;
		height: auto;
		left: 0 !important;
		padding: 10px 40px 9vw;
		position: absolute;
		right: auto !important;
		text-align: center;
		top: auto !important;
		transform: translate(0px, 0px);
		width: calc(100% - 80px);
	}
	
	#homeBanners .swiper-slide .contentLink .circle h3{
		margin-top:0 !important;
	}
	
	#homeBanners .swiper-slide .bottomTapa {
		background-size:120vw;
	}


	#homeBanners .swiper-prev,
	#homeBanners .swiper-next {
		top:40px;
		margin:0;
	}

	#homeBanners .swiper-next {
		right: 10px;
	}

	#homeBanners .swiper-prev {
		left: 10px;
	}
	
}

@media only screen and (max-width: 710px) {
	#encuentra p {
		width:80vw;
	}

	#culturaPOMITA p{
		width:80vw;
	}
}

@media only screen and (max-width: 580px) {
	#bioproteccion .colEscudo{
		float:none;
		margin:0 auto 35px;
	}
	
	#bioproteccion .bioCol {
		float: none;
		width: 100%;
		text-align:center;
	}
	
	#bioproteccion .bioCol .botMore{
		margin:0 auto;
	}
}

@media only screen and (max-width: 480px) {
	#encuentra .blockSucus {
		width:100%;
	}

	#encuentra .blockSucus .sucHolder {
		float: none;
		margin: 0 auto 30px;
	}

	#bioproteccion {
		margin: 20px 0 40px;
	}

	#homeBanners .swiper-prev,
	#homeBanners .swiper-next {
		background-color: rgba(255, 255, 255, 0.9);
		background-size: 12px auto;
		border-radius: 50px;
		box-shadow: 0 0 10px rgba(80, 80, 80, 0.4);
		height: 35px;
		overflow: hidden;
		width: 35px;
	}	
}