@import './footer.css';

*{
	margin:0;
	padding:0,
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

body{
	font-size: 14px;
	line-height: 24px;
	color: #4c4c4c;
	font-family: 'Helvetica LT Std Cond Light';
}

ul{
	list-style: none;
	padding-left: 0px;
}

.ui-centro-principal{
	max-width: 1180px;
	padding: 0 15px;
	margin:auto;
}

.ui-clear{
	clear: both;
}

.ui-texto-negrita{
	font-family: 'HelveticaNeueLT Std Cn';
}

.ui-texto-italic{
	font-style: italic;
}

.ui-icon-registered{
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.ui-icon-registered > i{
	font-size: 11px;
	position: relative;
	top:-5px;
	right:4px;
}

.ui-color-gris{
	color: #7B7E7E;
}

.ui-color-verde{
	color: #48B5A3;
}

.ui-color-ambar{
	color: #FEB528;
}

.ui-color-rosado{
	color: #FBA7B3;
}

.ui-color-marron{
	color: #BF977F;
}

.ui-color-celeste{
	color: #3AB8C0;
}

/**************************
 *      fonts Xelamec     *
 **************************/

/* font-family: 'Helvetica LT Std'; */
/* font-family: 'HelveticaNeueLT Std Cn'; */
/* font-family: 'Helvetica LT Std Cond'; */
/* font-family: 'Helvetica LT Std Cond Light'; */
/* font-family: 'HelveticaNeveLT Std Cn'; */
/* font-family: 'HelveticaNeveLT Std Med Cn'; */

@font-face {
	font-family: 'appleberry';

	src: url('../fonts/appleberry.eot');
    src: url('../fonts/appleberry.eot?#iefix') format('embedded-opentype'),
         url('../fonts/appleberry.woff') format('woff'),
         url('../fonts/appleberry.ttf') format('truetype'),
         url('../fonts/appleberry.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLT Std Cn';

	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot');
    src: url('../fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-BdCn.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'Helvetica LT Std Cond';

	src: url('../fonts/HelveticaLTStd-BoldCond.eot');
    src: url('../fonts/HelveticaLTStd-BoldCond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-BoldCond.woff') format('woff'),
         url('../fonts/HelveticaLTStd-BoldCond.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-BoldCond.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Helvetica LT Std Cond Light';

	src: url('../fonts/HelveticaLTStd-LightCond.eot');
    src: url('../fonts/HelveticaLTStd-LightCond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-LightCond.woff') format('woff'),
         url('../fonts/HelveticaLTStd-LightCond.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-LightCond.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Helvetica LT Std Cond Blk';

	src: url('../fonts/helveticaltstd-blkcond.eot');
    src: url('../fonts/helveticaltstd-blkcond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaltstd-blkcond.woff') format('woff'),
         url('../fonts/helveticaltstd-blkcond.ttf') format('truetype'),
         url('../fonts/helveticaltstd-blkcond.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Helvetica LT Std Light';

	src: url('../fonts/HelveticaLTStd-Light.eot');
    src: url('../fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-Light.woff') format('woff'),
         url('../fonts/HelveticaLTStd-Light.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-Light.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeveLT Std Cn';

	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot');
    src: url('../fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-BdCn.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeveLT Std Med Cn';

	src: url('../fonts/HelveticaNeueLTStd-MdCn.eot');
    src: url('../fonts/HelveticaNeueLTStd-MdCn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-MdCn.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Helvetica LT Std';

	src: url('../fonts/HelveticaLTStd-Bold.eot');
    src: url('../fonts/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-Bold.woff') format('woff'),
         url('../fonts/HelveticaLTStd-Bold.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-Bold.svg') format('svg');

    font-weight: normal;
    font-style: normal;
}

/*****************************
 *       vertical dots       *
 *****************************/
 .ui-vertical-dots{
	 width: 40px;
	 height: 100%;
	 position: fixed;
	 right: 0;
	 top:0;
	 display: flex;
	 display: -webkit-flex;
	 align-items: center;
	 justify-content: center;
	 z-index: 5;
 }

 .ui-btn-vertical-dots{
	 margin: 0;
	 list-style: none;
 }

 .ui-btn-vertical-dots li{
	 display: block;
	 margin: 15px 0;
 }

 .ui-btn-vertical-dots li a{
	 	height: 4px;
  	width: 4px;
		display: block;
		background: #b0bec5;
		border-radius: 50%;

		-webkit-transition: all .1s linear;
		-moz-transition: all .1s linear;
		-ms-transition: all .1s linear;
		-o-transition: all .1s linear;
		transition: all .1s linear;

		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-o-transform: scale(1,1);
		transform: scale(1,1);
 }

 .ui-btn-vertical-dots li a:hover{
	 -webkit-transform: scale(2.5,2.5)!important;
	 -moz-transform: scale(2.5,2.5)!important;
	 -ms-transform: scale(2.5,2.5)!important;
	 -o-transform: scale(2.5,2.5)!important;
	 transform: scale(2.5,2.5)!important;
 }

 .ui-vertical-dots-uno{
	 height: 4px!important;
	 width: 4px!important;
	 -webkit-transform: scale(3,3)!important;
	-moz-transform: scale(3,3)!important;
	-ms-transform: scale(3,3)!important;
	-o-transform: scale(3,3)!important;
	transform: scale(3,3)!important;
 }

	/*vertical dots dos*/
 .ui-btn-vertical-dots.vertical-dots-dos li:nth-child(2) a{
		background: #FBA7B3;
		-webkit-transform: scale(3,3);
 	 -moz-transform: scale(3,3);
 	 -ms-transform: scale(3,3);
 	 -o-transform: scale(3,3);
 	 transform: scale(3,3);
 }

 .ui-btn-vertical-dots.vertical-dots-dos li:nth-child(1) a{
	 background: #b0bec5!important;
	 -webkit-transform: scale(1,1)!important;
	 -moz-transform: scale(1,1)!important;
	 -ms-transform: scale(1,1)!important;
	 -o-transform: scale(1,1)!important;
	 transform: scale(1,1)!important;
 }

 /*vertical dots tres*/
.ui-btn-vertical-dots.vertical-dots-tres li:nth-child(3) a{
	 background: #48B5A3;
	 -webkit-transform: scale(3,3);
	-moz-transform: scale(3,3);
	-ms-transform: scale(3,3);
	-o-transform: scale(3,3);
	transform: scale(3,3);
}

.ui-btn-vertical-dots.vertical-dots-tres li:nth-child(2) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-tres li:nth-child(1) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}

/*vertical dots cuatro*/
.ui-btn-vertical-dots.vertical-dots-cuatro li:nth-child(4) a{
	background: #FEB528;
	-webkit-transform: scale(3,3);
 -moz-transform: scale(3,3);
 -ms-transform: scale(3,3);
 -o-transform: scale(3,3);
 transform: scale(3,3);
}

.ui-btn-vertical-dots.vertical-dots-cuatro li:nth-child(3) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-cuatro li:nth-child(2) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-cuatro li:nth-child(1) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

/*vertical dots cinco*/
.ui-btn-vertical-dots.vertical-dots-cinco li:nth-child(5) a{
	background: #3AB8C0;
	-webkit-transform: scale(3,3);
 -moz-transform: scale(3,3);
 -ms-transform: scale(3,3);
 -o-transform: scale(3,3);
 transform: scale(3,3);
}

.ui-btn-vertical-dots.vertical-dots-cinco li:nth-child(4) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-cinco li:nth-child(3) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-cinco li:nth-child(2) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-cinco li:nth-child(1) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

/*vertical dots seis*/
.ui-btn-vertical-dots.vertical-dots-seis li:nth-child(6) a{
	background: #43B4BD;
	-webkit-transform: scale(3,3);
 -moz-transform: scale(3,3);
 -ms-transform: scale(3,3);
 -o-transform: scale(3,3);
 transform: scale(3,3);
}

.ui-btn-vertical-dots.vertical-dots-seis li:nth-child(5) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-seis li:nth-child(4) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-seis li:nth-child(3) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-seis li:nth-child(2) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-seis li:nth-child(1) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

/*vertical dots siete*/
.ui-btn-vertical-dots.vertical-dots-siete li:nth-child(7) a{
	background: #B47E63;
	-webkit-transform: scale(3,3);
 -moz-transform: scale(3,3);
 -ms-transform: scale(3,3);
 -o-transform: scale(3,3);
 transform: scale(3,3);
}

.ui-btn-vertical-dots.vertical-dots-siete li:nth-child(6) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-siete li:nth-child(5) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-siete li:nth-child(4) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-siete li:nth-child(3) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-siete li:nth-child(2) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-siete li:nth-child(1) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

/*vertical dots ocho*/
.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(8) a{
	background: #FCBCC5;
	-webkit-transform: scale(3,3);
 -moz-transform: scale(3,3);
 -ms-transform: scale(3,3);
 -o-transform: scale(3,3);
 transform: scale(3,3);
}

.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(7) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(6) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(5) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(4) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(3) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(2) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-ocho li:nth-child(1) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

/*vertical dots nueve*/
.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(9) a{
	background: #fff!important;
	-webkit-transform: scale(3,3)!important;
 -moz-transform: scale(3,3)!important;
 -ms-transform: scale(3,3)!important;
 -o-transform: scale(3,3)!important;
 transform: scale(3,3)!important;
}

.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(8) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(7) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(6) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(5) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(4) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(3) a{
	background: #b0bec5;
	-webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-nueve li:nth-child(2) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

.ui-btn-vertical-dots.vertical-dots-uno li:nth-child(1) a{
 background: #b0bec5;
 -webkit-transform: scale(1,1);
 -moz-transform: scale(1,1);
 -ms-transform: scale(1,1);
 -o-transform: scale(1,1);
 transform: scale(1,1);
}

/*section.ui-section{
 	min-height: 800px;
}*/

section.ui-section.uno{
	overflow: hidden;
	padding: 160px 0 140px;
	position: relative;
}

section.ui-section.dos{
	padding: 80px 0;
	overflow-x: scroll;
	overflow: hidden;
}

section.ui-section.tres{
	padding: 80px 0;
	overflow: hidden;
}

section.ui-section.cuatro{
	padding: 80px 0;
	overflow: hidden;
}

section.ui-section.cinco{
	padding: 80px 0;
	overflow: hidden;

}

section.ui-section.seis{
	padding: 80px 0;
	overflow: hidden;

}

section.ui-section.siete{
	padding: 80px 0;
	overflow: hidden;

}

section.ui-section.ocho{
	padding: 80px 0;
	overflow: hidden;
}

#page2{
	background-color: #FEE4E8;
}

#page3{
	background-color: #BAEAE4;
}

#page4{
	background-color: #F2F3F3;
}

#page5{
	background-color: #CEF1F2;
}

#page8{
	background-color: #FDE9EA;
}

#page9{
	background-color: #000;
}


/****************************
 *          header          *
 ****************************/
.ui-box-header{
	background-color: rgba(255,255,255,1);
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	z-index: 999;
}

.ui-header{
	padding: 15px 0;
}

.ui-header > .ui-izquierda{
	float: left;
}

.ui-header > .ui-derecha{
	float: right;
	margin-top: 30px;
}

.ui-logotipo-xelamec{
	display: block;
}

.ui-logotipo-xelamec > a{
	text-decoration: none;
	color: #fff;
	display: block;
}

.ui-logotipo-xelamec > a figure{
	max-width: 180px;
}

.ui-logotipo-xelamec > a figure img{
	display: block;
	width: 100%;
}

#menu-escritorio{
	display: block;
}

#menu-responsive{
	display: none;
}

.ui-nav-xelamec{
	display: inline-block;
	vertical-align: top;
}

.ui-nav-xelamec > ul li{
	display: inline-block;
	vertical-align: top;	
	position: relative;
	border-right: 1px solid rgba(0,0,0,0.2);
}

.ui-nav-xelamec > ul li a{
	text-decoration: none;
	color: rgba(0,0,0,0.7);
	line-height: 35px;
	padding: 4px 8px;
	display: block;
	font-size: 14px;
	font-family: 'HelveticaNeveLT Std Med Cn';
}

/********  menu dos  *********/
.menu-page-dos ul li:nth-child(1) a{
	color: #FBA7B3;
}

/*dots*/
#fp-nav ul li:nth-child(2) a.active span{
	background-color: #FBA7B3;
}

/********  menu tres  *********/
.menu-page-tres ul li:nth-child(1) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-tres ul li:nth-child(2) a{
	color: #48B5A3;
}

/*dots*/
#fp-nav ul li:nth-child(3) a.active span{
	background-color: #48B5A3;
}

/********  menu cuatro  *********/
.menu-page-cuatro ul li:nth-child(1) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-cuatro ul li:nth-child(2) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-cuatro ul li:nth-child(3) a{
	color: #FEB528;
}

/*dots*/
#fp-nav ul li:nth-child(4) a.active span{
	background-color: #FEB528;
}

/********  menu cinco  *********/
.menu-page-cinco ul li:nth-child(1) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-cinco ul li:nth-child(2) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-cinco ul li:nth-child(3) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-cinco ul li:nth-child(4) a{
	color: #3AB8C0;
}

/*dots*/
#fp-nav ul li:nth-child(5) a.active span{
	background-color: #3AB8C0;
}

/********  menu seis  *********/
.menu-page-seis ul li:nth-child(1) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-seis ul li:nth-child(2) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-seis ul li:nth-child(3) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-seis ul li:nth-child(4) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-seis ul li:nth-child(5) a{
	color: #43B4BD;
}

/*dots*/
#fp-nav ul li:nth-child(6) a.active span{
	background-color: #43B4BD;
}

/********  menu siete  *********/
.menu-page-siete ul li:nth-child(1) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-siete ul li:nth-child(2) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-siete ul li:nth-child(3) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-siete ul li:nth-child(4) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-siete ul li:nth-child(5) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-siete ul li:nth-child(6) a{
	color: #B47E63;
}

/*dots*/
#fp-nav ul li:nth-child(7) a.active span{
	background-color: #B47E63;
}

/********  menu siete  *********/
.menu-page-ocho ul li:nth-child(1) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-ocho ul li:nth-child(2) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-ocho ul li:nth-child(3) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-ocho ul li:nth-child(4) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-ocho ul li:nth-child(5) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-ocho ul li:nth-child(6) a{
	color: rgba(0,0,0,0.7);
}

.menu-page-ocho ul li:nth-child(7) a{
	color: #FCBCC5;
}

/*dots*/
#fp-nav ul li:nth-child(8) a.active span{
	background-color: #FCBCC5;
}

#fp-nav ul li:nth-child(9) a.active span{
	background-color: #fff;
}

.ui-btn-responsive{
	display: inline-block;
	vertical-align: top;
	margin-top: 8px;
	cursor: pointer;
	display: none!important;
}

.ui-btn-responsive > .ui-box{
	display: inline-block;
	vertical-align: top;
	width: 30px;
}

.ui-btn-responsive > .ui-box span{
	display: block;
	height: 5px;
	margin-bottom: 5px;
	background-color: #8C9192;
}

.ui-btn-responsive > .ui-box span:last-child{
	margin-bottom: 0px;
}

/**************************************
 *          seccion 01 - slider       *
 **************************************/
.ui-loading-xelamec{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.ui-loading-xelamec > .ui-box{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
}

.ui-circulo-loading-uno{
	position: absolute;
	left:0;
	top:0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(0,0,0,0.07);
	-webkit-animation: loadingUno 2s infinite alternate; /* Safari 4.0 - 8.0 */
  animation: loadingUno 2s infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes loadingUno {
    0%   {
			-webkit-transform: scale(0,0);
			-moz-transform: scale(0,0);
			-ms-transform: scale(0,0);
			-o-transform: scale(0,0);
			transform: scale(0,0);
		}
		100% {
			-webkit-transform: scale(1,1);
			-moz-transform: scale(1,1);
			-ms-transform: scale(1,1);
			-o-transform: scale(1,1);
			transform: scale(1,1);
		}
}

/* Standard syntax */
@keyframes loadingUno {
	0%   {
		-webkit-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-ms-transform: scale(0,0);
		-o-transform: scale(0,0);
		transform: scale(0,0);
	}
	100% {
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-o-transform: scale(1,1);
		transform: scale(1,1);
	}
}

.ui-circulo-loading-dos{
	position: absolute;
	left:0;
	top:0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(0,0,0,0.07);
	-webkit-animation: loadingDos 2s 1s infinite alternate; /* Safari 4.0 - 8.0 */
  animation: loadingDos 2s 1s infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes loadingDos {
    0%   {
			-webkit-transform: scale(0,0);
			-moz-transform: scale(0,0);
			-ms-transform: scale(0,0);
			-o-transform: scale(0,0);
			transform: scale(0,0);
		}
		100% {
			-webkit-transform: scale(1,1);
			-moz-transform: scale(1,1);
			-ms-transform: scale(1,1);
			-o-transform: scale(1,1);
			transform: scale(1,1);
		}
}

/* Standard syntax */
@keyframes loadingDos {
	0%   {
		-webkit-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-ms-transform: scale(0,0);
		-o-transform: scale(0,0);
		transform: scale(0,0);
	}
	100% {
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-o-transform: scale(1,1);
		transform: scale(1,1);
	}
}

.ui-fondo-animacion{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
}

.ui-box-texto-responsive{
	text-align: center;
	display: none;
}

.ui-box-texto-responsive > figure{
	display: inline-block;
	vertical-align: top;
	max-width: 513px;
}

.ui-box-texto-responsive > figure img{
	width: 100%;
	display: block;
}

.ui-box-slider{
	position: relative;
	z-index: 1;
	/*background-color: orange;*/
}

.ui-box-slider > .ui-izquierda{
	width: 49.99%;
	float: left;
	text-align: center;
	padding-right: 80px;
	min-height: 517px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}

.ui-box-slider > .ui-izquierda > .ui-box{
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	padding-bottom: 40px;
}

.ui-box-slider > .ui-derecha{
	width: 49.99%;
	float: right;
	text-align: center;
	height: 517px;
	overflow: hidden;
}

.ui-box-items-icons-banner{
	float: left;
	width: 24.99%;
	height: 470px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: flex-end;
}

.ui-box-items-icons-banner > .ui-box{
	width: 90px;
	height: 350px;
	position: relative;
	z-index: 5;
	display: none;
}

.flexslider-circulos > .slides {
	height: 400px;
	position: relative;
}

.flexslider-circulos > .slides > li{
	height: 400px;
	position: absolute;
	top:0;
	left:0;	
}

.ui-box-forma-uno-banner{
	width: 90px;
	height: 90px;
}

.ui-box-forma-dos-banner{
	width: 80px;
	height: 80px;
}

.ui-box-forma-tres-banner{
	width: 70px;
	height: 70px;
}

.ui-box-forma-cuatro-banner{
	width: 60px;
	height: 60px;
}

.flexslider-circulos .slides li.flex-active-slide .ui-box-forma-uno-banner .ui-box{
	-webkit-animation: efectoCirculouno 1s; /* Safari 4.0 - 8.0 */
  animation: efectoCirculouno 1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes efectoCirculouno {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

/* Standard syntax */
@keyframes efectoCirculouno {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

.flexslider-circulos .slides li.flex-active-slide .ui-box-forma-dos-banner .ui-box{
	-webkit-animation: efectoCirculodos 3s; /* Safari 4.0 - 8.0 */
  animation: efectoCirculodos 3s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes efectoCirculodos {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

/* Standard syntax */
@keyframes efectoCirculodos {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

.flexslider-circulos .slides li.flex-active-slide .ui-box-forma-tres-banner .ui-box{
	-webkit-animation: efectoCirculotres 6s; /* Safari 4.0 - 8.0 */
  animation: efectoCirculotres 6s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes efectoCirculotres {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

/* Standard syntax */
@keyframes efectoCirculotres {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

.flexslider-circulos .slides li.flex-active-slide .ui-box-forma-cuatro-banner .ui-box{
	-webkit-animation: efectoCirculotres 8s; /* Safari 4.0 - 8.0 */
  animation: efectoCirculotres 8s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes efectoCirculocuatro {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

/* Standard syntax */
@keyframes efectoCirculocuatro {
    0%   {opacity: 0;}
    100% {opacity: 100;}
}

.ui-box-circulito-banner.uno{
	width: 90px;
	height: 90px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	background: #FDC25A;
	border-radius: 50%;
	position: relative;
	left: 20px;
	top: 37px;
}

.ui-box-circulito-banner.uno figure{
	width: 60px;
}

.ui-box-circulito-banner.uno figure img{
	display: block;
	width: 100%;
}

.ui-box-circulito-banner.dos{
	width: 80px;
	height: 80px;
	background: #FBB0BA;
	border-radius: 50%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 50px;
}

.ui-box-circulito-banner.dos figure{
	width: 50px;
}

.ui-box-circulito-banner.dos figure img{
	display: block;
	width: 100%;
}

.ui-box-circulito-banner.tres{
	width: 70px;
	height: 70px;
	background: #BB8B72;
	border-radius: 50%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 70px;
  left: 17px;
}

.ui-box-circulito-banner.tres figure{
	width: 50px;
}

.ui-box-circulito-banner.tres figure img{
	display: block;
	width: 100%;
}

.ui-box-circulito-banner.cuatro{
	width: 60px;
	height: 60px;
	background: #7FCBBE;
	border-radius: 50%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 85px;
  left: 68px;
}

.ui-box-circulito-banner.cuatro figure{
	width: 35px;
}

.ui-box-circulito-banner.cuatro figure img{
	display: block;
	width: 100%;
}

.ui-box-mascotas-banner{
	float: right;
	width:74.99%;
	min-height: 470px;
	/*background: red;*/
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.ui-box-perro{
	display: none;
}

.ui-box-mascotas-banner > .ui-box{
	width: 420px;
	height: 420px;
	position: relative;
}

.slides.banner-mascotas li{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 470px;
	text-align: center;
}

.slides.banner-mascotas li figure{
	width: 310px!important;
	display: inline-block;
	vertical-align: top;
}

.slides.banner-mascotas li img{
	display: block;
	width: 100%;
}

.flexslider-banner{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
}

.slides.banner-mascotas{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	text-align: center;
}

.ui-circulo-banner-mascotas{
	position: absolute;
	left:0;
	top:30px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #E8E8E8;
	z-index: 1;
}

.ui-box-flex-banner-mascotas{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.ui-box-nuevo {
	min-height: 44px;
	display: none;
}

.section .ui-box-slider .ui-box .ui-box-nuevo span{
	background-color: #7B7E7E;
	color:#fff;
	font-size: 30px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 25px;
	position: relative;

	-webkit-animation: nueva 1s; /* Safari 4.0 - 8.0 */
    animation: nueva 1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes nueva {
    0%   {right: -130px;}
    100% {right: 0px;}
}

/* Standard syntax */
@keyframes nueva {
    0%   {right: -130px;}
    100% {right: 0px;}
}

.ui-box-proteccion{
	min-height: 80px;
}

.section .ui-box-proteccion h2{
	display: inline-block;
	vertical-align: top;
	font-size: 89px;
	line-height: 70px;
	padding: 10px 20px;
	font-weight: normal;
	letter-spacing: 3px;
	font-family: 'appleberry';
	position: relative;

	-webkit-animation: proteccionBanner 3s linear; /* Safari 4.0 - 8.0 */
    animation: proteccionBanner 3s linear;
}

@-webkit-keyframes proteccionBanner {
    0%   {
		right:-800px;
    }
    100% {
		right:0px;
    }
}

/* Standard syntax */
@keyframes proteccionBanner {
    0%   {
		right:-800px;
    }
    100% {
		right:0px;
    }
}

.section .ui-box-por-dentro div{
	display: inline-block;
	vertical-align: top;
	-webkit-animation: pordentro 4s linear; /* Safari 4.0 - 8.0 */
  animation: pordentro 4s linear;
	position: relative;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes pordentro {
    0%   {
		right: -1400px;
    }
    100% {
		right: 0px;
    }
}

/* Standard syntax */
@keyframes pordentro {
    0%   {
		right: -1400px;
    }
    100% {
		right: 0px;
    }
}

.section .ui-box-por-dentro h2{
	font-size: 66px;
	line-height: 66px;
	letter-spacing: 3px;
	background-color: #12BCBF;
	color: #fff;
	padding: 10px 20px;
	font-family: 'appleberry';
	font-weight: normal;
}

.ui-box-por-dentro h2 span{
	text-transform: uppercase;
	font-family: 'appleberry';
	font-weight: normal;
}

.section .ui-box-por-fuera h2{
	display: inline-block;
	vertical-align: top;
	font-size: 73px;
	letter-spacing: 3px;
	line-height: 66px;
	color: #7B7E7E;
	padding: 10px 20px;
	font-weight: normal;
	position: relative;
	background-color: #fff;
	font-family: 'appleberry';

	-webkit-animation: porFuera 5s linear; /* Safari 4.0 - 8.0 */
    animation: porFuera 5s linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes porFuera {
    0%   {
		right: -2100px;
    }
    100% {
		right: 0px;
    }
}

/* Standard syntax */
@keyframes porFuera {
    0%   {
		right: -2100px;
    }
    100% {
		right: 0px;
    }
}

.ui-box-por-fuera h2 span{
	text-transform: uppercase;
	font-family: 'appleberry';
	position: relative;
	line-height: 69px;
	color: #12BCBF!important;
}

.ui-adorno-texto{
	content: '';
    position: absolute;
    bottom: -22px;
    left: -50px;
    width: 426px;
    height: 100%;
    background-size: 94%;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(../image/adorno-texto.png);
    -webkit-animation: adornoTexto .8s infinite linear;
    animation: adornoTexto .8s infinite linear;
}

@-webkit-keyframes adornoTexto {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes adornoTexto {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}


/**************************************
 *    seccion 02 - xelamec spot on    *
 **************************************/
.ui-header-beneficios-spot-on{
	margin-bottom: 100px;
	text-align: center;
}

.ui-box-header-spot-on{
	display: inline-block;
	vertical-align: top;
	max-width: 700px;
}

.scrollme.spot-on-none{
	display: none;
}

.ui-box-header-spot-on h2{
	line-height: 50px;
	font-size: 48px;
	margin-bottom: 15px;
	color: #43B4BD;
	font-family: 'Helvetica LT Std Cond';
}

.ui-box-header-spot-on p{
	font-size: 19px;
}

.ui-columna-items-beneficios{
	float: left;
}

.ui-columna-items-beneficios > div{
	margin-bottom: 90px;
}

.ui-columna-items-beneficios > div:last-child{
	margin-bottom: 0px;
}

.spot-posicion-dos{
	position: relative;
	bottom: 24px;
}

.spot-posicion-tres{
	position: relative;
	bottom: 25px;
}

.ui-columna-items-beneficios.uno{
	width:33.33%;
}

.ui-columna-items-beneficios.dos{
	width: 33.33%;
}

.ui-columna-items-beneficios.dos.block{
	display: none;
}

.ui-columna-items-beneficios.tres{
	width:33.33%;
}

.ui-columna-items-beneficios.uno > .scrollme > div > .item-beneficio{
	position: relative;
	padding-right: 100px;
	text-align: right;
}

.item-beneficio:hover > .ui-box-figure-beneficio .ui-beneficio-item{
	-webkit-animation: itemBeneficio 4s infinite linear; /* Safari 4.0 - 8.0 */
    animation: itemBeneficio 4s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes itemBeneficio {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

/* Standard syntax */
@keyframes itemBeneficio {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

.item-beneficio.uno,
.item-beneficio.tres{
	position: relative;
	left: 90px;
}

.item-beneficio.cinco,
.item-beneficio.siete{
	position: relative;
	right: 90px;
}

.ui-h3-beneficio{
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	font-family: 'Helvetica LT Std Cond';
}

.ui-registered i{
	font-size: 10px;
	position: relative;
	top:-4px;
	left:-2px;
}

.ui-box-spot-on{
	min-height: 420px;
	background: transparent;
	text-align: center;
	padding-top: 46px;
}

.ui-spot-on{
	display: inline-block;
	vertical-align: top;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	position: relative;
	padding-top: 94px;
	overflow: hidden;
	background-color: rgba(251,167,179,0.3);
}

.ui-spot-on:after{
	content:'';
	position: absolute;
	top:0%;
	left:0%;
	width: 80%;
	height: 200%;
	background-color: rgba(251,167,179,0.1);
	z-index: -1;
	-webkit-transform:rotate(-40deg) ;
	-moz-transform:rotate(-40deg) ;
	-ms-transform:rotate(-40deg) ;
	-o-transform:rotate(-40deg) ;
	transform:rotate(-40deg) ;
}

.ui-spot-on  figure{
	max-width: 327px;
	display: inline-block;
	vertical-align: top;
}

.ui-spot-on  figure img{
	display: block;
	width: 100%;
}

.ui-spot-on:before{
	content:'';
	position: absolute;
	top:-30%;
	left:-30%;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	border:3px dashed rgba(0,0,0,.1);
	display: none;
}

.ui-columna-items-beneficios.tres > .scrollme > div > .item-beneficio{
	position: relative;
	padding-left: 100px;
	text-align: left;
}

.ui-beneficio-item{
	border:1.9px dashed rgba(251,167,179,0.9);
	padding: 2px;
	border-radius: 50%;
}

.ui-beneficio-item.ui-a{
	border: 1.9px dashed rgba(67,180,189,.9);
}

.ui-beneficio-item.ui-b{
	border:1.9px dashed rgba(251,167,179,0.9);
}

.ui-beneficio-item.ui-c{
	border:1.9px dashed rgba(191,151,127,0.9);
}

.ui-beneficio-item.ui-d{
	border:1.9px dashed rgba(248,193,72,0.9);
}

.ui-beneficio-item.ui-e{
	border:1.9px dashed rgba(211,39,30,0.9);
}

.ui-beneficio-item.ui-f{
	border:1.9px dashed rgba(142,143,144,0.9);
}

.ui-beneficio-item > .ui-box{
	background-color: rgba(251,167,179,0.7);
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.ui-beneficio-item.ui-a > .ui-box{
	background-color: rgba(67,180,189,0.8);
}

.ui-beneficio-item.ui-b > .ui-box{
	background-color: rgba(251,167,179,0.8);
}

.ui-beneficio-item.ui-c > .ui-box{
	background-color: rgba(191,151,127,0.8);
}

.ui-beneficio-item.ui-d > .ui-box{
	background-color: rgba(248,193,72,0.8);
}

.ui-beneficio-item.ui-e > .ui-box{
	background-color: rgba(211,39,30,0.8);
}

.ui-beneficio-item.ui-f > .ui-box{
	background-color: rgba(142,143,144,0.8);
}

.ui-box-figure-beneficio > .ui-box-figure{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	padding-top: 17px;
	text-align: center;
}

.ui-box-figure-beneficio > .ui-box-figure figure{
	width: 50px;
	display: inline-block;
	vertical-align: top;
}

.ui-box-figure-beneficio > .ui-box-figure figure img{
	display: block;
	width: 100%;
}

.ui-box-figure-beneficio.uno{
	position: absolute;
	top:0;
	right:0;
	width: 87px;
	height: 87px;
}

.ui-box-figure-beneficio.tres{
	position: absolute;
	top:0;
	left:0;
	width: 87px;
	height: 87px;
}

.animateme.beneficios{
	-webkit-transition:all 1s linear ;
	-moz-transition:all 1s linear ;
	-ms-transition:all 1s linear ;
	-o-transition:all 1s linear ;
	transition:all 1s linear ;
}

/**************************************
 *      seccion 03 - como funciona    *
 **************************************/
.ui-header-como-funciona{
	text-align: center;
	margin-bottom: 20px;
}

.ui-header-como-funciona > .ui-box{
	display: inline-block;
	vertical-align: top;
	max-width: 700px;
}

.ui-h2-como-funciona{
	line-height: 50px;
    font-size: 48px;
    margin-bottom: 15px;
    color: #48B5A3;
    font-family: 'Helvetica LT Std Cond';
}

.ui-header-como-funciona p{
	font-size: 19px;
}

.ui-header-como-funciona p i{
	position: relative;
	top:-3px;
	left:-3px;
	font-size: 11px;
}

.ui-box-figura-animada{
	text-align: center;
}

.ui-box-figura-animada > figure{
	max-width: 500px;
	display: inline-block;
	vertical-align: top;
}

.ui-box-figura-animada > figure img{
	display: block;
	width: 100%;
}

.ui-box-como-funciona{
	text-align: center;
	display: none;
}

.ui-box-como-funciona > .ui-box{
	display: inline-block;
	vertical-align: top;
	width: 440px;
	height: 440px;
	padding-top: 40px;
	/*background-color: red;*/
	position: relative;
}

.ui-box-como-funciona > .ui-box > .ui-box-figure.block{
	display: none;
}

.ui-box-como-funciona > .ui-box > .ui-box-figure > figure{
	max-width: 340px;
	display: inline-block;
	vertical-align: top;
	z-index: 2;
	position: relative;
}

.ui-box-como-funciona > .ui-box > .ui-box-figure > figure img{
	display: block;
	width: 100%;
}

.ui-circulo-como-funciona{
	border-radius: 50%;
	width: 440px;
	min-height: 440px;
	position: absolute;
	bottom:0;
	left:0;
	background-color: rgba(72,181,163,.2);
	overflow: hidden;
}

.ui-circulo-como-funciona:after{
	content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 80%;
    height: 200%;
    background-color: rgba(72,181,163,0.05);
    z-index: -1;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.ui-box-texto-funciona-uno{
	position: absolute;
	top:80px;
	right:-120px;
	z-index: 3;

	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
}

.ui-box-texto-funciona-uno > .ui-box{
	/*background-color: green;*/
	position: relative;
	min-height: 128px;
	width: 350px;
}

.ui-box-texto-funciona-uno > .ui-box > .ui-circulito{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ACCBB3;
	position: absolute;
	z-index: 2;
	left:0;
	top:50%;

	-webkit-animation: circulito 3s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circulito 3s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes circulito{
    0%   {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    25%  {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
    75%  {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(3,3);
    	-moz-transform: scale(3,3);
    	-ms-transform: scale(3,3);
    	-o-transform: scale(3,3);
    	transform: scale(3,3);
    }
    100% {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
}

/* Standard syntax */
@keyframes circulito{
    0%   {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    25%  {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
    75%  {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    100% {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
}

.ui-box-texto-funciona-uno > .ui-box > .ui-linea{
	position: absolute;
	top:54%;
	right:0;
	width: 96%;
	height: 1px;
	border:1px dashed rgba(72,181,163,.4);

	-webkit-animation: lineaFunciona 2s linear; /* Safari 4.0 - 8.0 */
    animation: lineaFunciona 2s linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes lineaFunciona {
    0%   {
    	width: 0%;
    }
    100% {
    	width: 96%;
    }
}

/* Standard syntax */
@keyframes lineaFunciona {
    0%   {
    	width: 0%;
    }
    100% {
    	width: 96%;
    }
}

.ui-box-texto-funciona-uno > .ui-box > .ui-circulo-texto{
	position: absolute;
	right: 0;
	top:0;

}

.ui-box-texto-funciona-uno > .ui-box > .ui-circulo-texto > .ui-box-circulo{
	border-radius: 50%;
	border: 2px dashed rgba(72,181,163,.4);
	background-color: #DAF0ED;
	padding: 2px;
	display: inline-block;
	vertical-align: top;

	-webkit-animation: neuronaMotora 3s 2s infinite linear; /* Safari 4.0 - 8.0 */
    animation: neuronaMotora 3s 2s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes neuronaMotora {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

/* Standard syntax */
@keyframes neuronaMotora {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

.ui-box-texto-funciona-uno > .ui-box > .ui-circulo-texto > .ui-box-circulo > .ui-box{
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background-color: #9FD8CF;
	font-size: 17px;
	padding-top: 39px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

.ui-box-texto-funciona-uno > .ui-box > .ui-circulo-texto .ui-texto-circulo-center{
	position: absolute;
	top:40px;
	left:0;
	width: 100%;
	font-size: 17px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;

	-webkit-transform:rotate(25deg);
	-moz-transform:rotate(25deg);
	-ms-transform:rotate(25deg);
	-o-transform:rotate(25deg);
	transform:rotate(25deg);
}

/*circuloSelamectina*/
.ui-box-texto-funciona-dos{
	position: absolute;
	bottom:30px;
	right:-100px;
	z-index: 3;

	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg);
}

.ui-box-texto-funciona-dos > .ui-box{
	/*background-color: green;*/
	position: relative;
	min-height: 128px;
	width: 310px;
}

.ui-box-texto-funciona-dos > .ui-box > .ui-circulito{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ACCBB3;
	position: absolute;
	z-index: 2;
	left:0;
	top:50%;

	-webkit-animation: circulito 3s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circulito 3s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes circulito{
    0%   {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    25%  {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
    75%  {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(3,3);
    	-moz-transform: scale(3,3);
    	-ms-transform: scale(3,3);
    	-o-transform: scale(3,3);
    	transform: scale(3,3);
    }
    100% {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
}

/* Standard syntax */
@keyframes circulito{
    0%   {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    25%  {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
    75%  {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    100% {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
}

.ui-box-texto-funciona-dos > .ui-box > .ui-linea{
	position: absolute;
	top:54%;
	right:0;
	width: 96%;
	height: 1px;
	border:1px dashed rgba(72,181,163,.4);

	-webkit-animation: lineaFunciona 2s linear; /* Safari 4.0 - 8.0 */
    animation: lineaFunciona 2s linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes lineaFunciona {
    0%   {
    	width: 0%;
    }
    100% {
    	width: 96%;
    }
}

/* Standard syntax */
@keyframes lineaFunciona {
    0%   {
    	width: 0%;
    }
    100% {
    	width: 96%;
    }
}

.ui-box-texto-funciona-dos > .ui-box > .ui-circulo-texto{
	position: absolute;
	right: 0;
	top:0;

}

.ui-box-texto-funciona-dos > .ui-box > .ui-circulo-texto > .ui-box-circulo{
	border-radius: 50%;
	border: 2px dashed rgba(72,181,163,.4);
	background-color: #DAF0ED;
	padding: 2px;
	display: inline-block;
	vertical-align: top;

	-webkit-animation: neuronaMotora 3s 2s infinite linear; /* Safari 4.0 - 8.0 */
    animation: neuronaMotora 3s 2s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes neuronaMotora {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

/* Standard syntax */
@keyframes neuronaMotora {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

.ui-box-texto-funciona-dos > .ui-box > .ui-circulo-texto > .ui-box-circulo > .ui-box{
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background-color: #9FD8CF;
	font-size: 17px;
	padding-top: 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

.ui-box-texto-funciona-dos > .ui-box > .ui-circulo-texto .ui-texto-circulo-center{
	position: absolute;
	top:52px;
	left:0;
	width: 100%;
	font-size: 17px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;

	-webkit-transform:rotate(-25deg);
	-moz-transform:rotate(-25deg);
	-ms-transform:rotate(-25deg);
	-o-transform:rotate(-25deg);
	transform:rotate(-25deg);
}

/*sinapsis*/
.ui-box-texto-funciona-tres{
	position: absolute;
	bottom:0px;
	left:0px;
	z-index: 3;

	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg);
}

.ui-box-texto-funciona-tres > .ui-box{
	/*background-color: green;*/
	position: relative;
	min-height: 128px;
	width: auto;
}

.ui-box-texto-funciona-tres > .ui-box > .ui-circulito{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ACCBB3;
	position: absolute;
	z-index: 2;
	display: none;
	left:0;
	top:50%;

	-webkit-animation: circulito 3s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circulito 3s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes circulito{
    0%   {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    25%  {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
    75%  {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(3,3);
    	-moz-transform: scale(3,3);
    	-ms-transform: scale(3,3);
    	-o-transform: scale(3,3);
    	transform: scale(3,3);
    }
    100% {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
}

/* Standard syntax */
@keyframes circulito{
    0%   {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    25%  {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
    75%  {
    	background-color: #ACCBB3;
    	opacity: 1;
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	transform: scale(1,1);
    }
    100% {
    	background-color: #E95763;
    	opacity: 0;
    	-webkit-transform: scale(2,2);
    	-moz-transform: scale(2,2);
    	-ms-transform: scale(2,2);
    	-o-transform: scale(2,2);
    	transform: scale(2,2);
    }
}

.ui-box-texto-funciona-tres > .ui-box > .ui-linea{
	position: absolute;
	top:54%;
	right:0;
	width: 96%;
	height: 1px;
	display: none;
	border:1px dashed rgba(72,181,163,.4);

	-webkit-animation: lineaFunciona 2s linear; /* Safari 4.0 - 8.0 */
    animation: lineaFunciona 2s linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes lineaFunciona {
    0%   {
    	width: 0%;
    }
    100% {
    	width: 96%;
    }
}

/* Standard syntax */
@keyframes lineaFunciona {
    0%   {
    	width: 0%;
    }
    100% {
    	width: 96%;
    }
}

.ui-box-texto-funciona-tres > .ui-box > .ui-circulo-texto{
	position: absolute;
	right: 0;
	top:0;

}

.ui-box-texto-funciona-tres > .ui-box > .ui-circulo-texto > .ui-box-circulo{
	border-radius: 50%;
	border: 2px dashed rgba(72,181,163,.4);
	background-color: #DAF0ED;
	padding: 2px;
	display: inline-block;
	vertical-align: top;

	-webkit-animation: neuronaMotora 3s 2s infinite linear; /* Safari 4.0 - 8.0 */
    animation: neuronaMotora 3s 2s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes neuronaMotora {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

/* Standard syntax */
@keyframes neuronaMotora {
    0%   {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
    }
}

.ui-box-texto-funciona-tres > .ui-box > .ui-circulo-texto > .ui-box-circulo > .ui-box{
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background-color: #9FD8CF;
	font-size: 17px;
	padding-top: 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

.ui-box-texto-funciona-tres > .ui-box > .ui-circulo-texto .ui-texto-circulo-center{
	position: absolute;
	top:56px;
	left:0;
	width: 100%;
	font-size: 17px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;

	-webkit-transform:rotate(-25deg);
	-moz-transform:rotate(-25deg);
	-ms-transform:rotate(-25deg);
	-o-transform:rotate(-25deg);
	transform:rotate(-25deg);
}

.ui-box-texto-responsive-funciona{
	margin-top: 40px;
	display: none;
}

.ui-item-funciona-responsive  div{
	display: inline-block;
	vertical-align: top;
	width: 140px;
	margin: 10px;
	border-radius: 50%;
	height: 140px;
	text-align: center;
}

.ui-item-funciona-responsive div span{
	display: inline-block;
	width: 140px;
	padding-top:60px;
	font-size: 16px;
	height: 140px;
	color: #fff;
	background-color: #A9DCD4;
	vertical-align: top;
	text-transform: uppercase;

	border-radius: 50%;
}

/**************************************
 *        seccion 04 - párasitos      *
 **************************************/
.ui-header-parasitos{
	margin-bottom: 100px;
	text-align: center;
}

.ui-header-h2-parasitos{
	line-height: 50px;
    font-size: 48px;
    max-width: 800px;
    margin-bottom: 15px;
    vertical-align: top;
    color: #FEB528;
    display: inline-block;
    font-family: 'Helvetica LT Std Cond';
}

.ui-box-parasitos > .ui-izquierda{
	width:49.99%;
	display: block;
	float: left;
	text-align: right;
}

.ui-box-parasitos > .ui-derecha{
	width:49.99%;
	float: right;
	padding-left: 30px;
	padding-top: 20px;
}

.ui-box-item-parasito{
	margin-bottom: 40px;
	position: relative;
	padding-right: 90px;
	text-align: right;
	min-height: 72px;
}

.ui-box-item-parasito > .ui-box{
	display: inline-block;
	vertical-align: top;
	max-width: 350px;
}

.ui-box-item-parasito.uno {
	position: relative;
	right: -11px;
}

.ui-box-item-parasito.dos {
	position: relative;
	right: 30px;
	bottom: 5px;
}

.ui-box-item-parasito.tres {
	position: relative;
	right: 50px;
}

.ui-box-item-parasito.cuatro {
	position: relative;
	right: 50px;
	bottom: 4px;
}

.ui-box-item-parasito.cinco {
	position: relative;
	right: 30px;
	bottom: 7px;
}

.ui-box-item-parasito.seis {
	position: relative;
	right: -23px;
  bottom: 17px;
}

.ui-box-item-parasito p{
	font-size: 17px;
}

.no-margin-bottom{
	margin-bottom: 0px;
}

.ui-box-circulo-parasito{
	position: absolute;
	top:-10px;
	right:0;
}

.ui-box-item-parasito:hover .ui-box-circulo-parasito > .ui-box-borde{
	-webkit-animation: circuloParasito 4s infinite linear; /* Safari 4.0 - 8.0 */
  animation: circuloParasito 4s infinite linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes circuloParasito {
    from {
			-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);
		}
    to {
			-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-ms-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);
		}
}

/* Standard syntax */
@keyframes circuloParasito {
	from {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

.ui-box-borde{
	border:2px dashed #FAC764;
	padding: 2px;
	border-radius:50%;
}

.ui-box-circulo-item-unidad{
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background-color: #FAC764;
}

.ui-box-circulo-parasito > .ui-box{
	width: 70px;
	height: 70px;
	box-shadow: 0 0 0 2px rgba(255,255,255,.5);
	background-color: rgba(254,181,40,.7);
	border-radius: 50%;
	text-align: center;
}

.ui-box-circulo-parasito.uno > .ui-box{
	padding-top: 25px;
}

.ui-box-circulo-parasito.dos > .ui-box{
	padding-top: 22px;
}

.ui-box-circulo-parasito.tres > .ui-box{
	padding-top: 19px;
}

.ui-box-circulo-parasito.cuatro > .ui-box{
	padding-top: 19px;
}

.ui-box-circulo-parasito.cinco > .ui-box{
	padding-top: 18px;
}


.ui-box-circulo-parasito.seis > .ui-box{
	padding-top: 20px;
}

.ui-box-circulo-parasito figure{
	max-width: 65px;
	position: absolute;
	top:25px;
	left:25px;
	display: inline-block;
	vertical-align: top;
}

.ui-box-circulo-parasito.uno figure{
	top:33px;
}

.ui-box-circulo-parasito figure img{
	display: block;
	width: 100%;
}

.ui-box-circulo-parasito.uno,
.ui-box-circulo-parasito.dos{
	top:0px;
}

.ui-h3-parasito{
	font-size: 22px;
    line-height: 24px;
    font-family: 'Helvetica LT Std Cond';
    color: #565656;
}

.ui-box-imagen-parasito{
	text-align: center;
}

.ui-box-imagen-parasito > .ui-box{
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.ui-box-imagen-parasito > .ui-box > .ui-box-circulo{
	position: absolute;
	bottom:35px;
	left:0;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background-color: rgba(254,166,33,.1);
	z-index: -1;
	overflow: hidden;
}

.ui-box-imagen-parasito > .ui-box > .ui-box-circulo:after{
	content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 80%;
    height: 200%;
   	background-color: rgba(254,166,33,0.05);
    z-index: -1;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.ui-box-imagen-parasito figure{
	max-width: 400px;
	display: inline-block;
	vertical-align: top;
	padding-top: 30px;
	position: relative;
	z-index: 2;
}

.ui-box-imagen-parasito figure img{
	display: block;
	width: 100%;
}



/**************************************
 *      seccion 05 - efectividad      *
 **************************************/
.ui-header-efectividad{
	text-align: center;
	margin-bottom: 80px;
}

.ui-header-efectividad > .ui-box{
	max-width: 730px;
	display: inline-block;
	vertical-align: top;
}

.ui-header-efectividad p{
	font-size: 19px;
}

.ui-header-efectividad p i{
	font-size: 11px;
    position: relative;
    top: -5px;
    right: 4px;
}

.ui-box-forma-velocidad{
	display: inline-block;
	vertical-align: top;
}

.ui-box-forma-velocidad > figure{
	max-width: 160px;
	display: inline-block;
	position: relative;
	bottom: 5px;
	vertical-align: middle;
}

.ui-box-forma-velocidad > figure img{
	display: block;
	width: 100%;
}

.ui-box-forma-velocidad > .ui-h2-efectividad{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding-left: 20px;
}

.ui-h2-efectividad{
	line-height: 50px;
  font-size: 48px;
  margin-bottom: 15px;
  color:#FEB528;
  font-family: 'Helvetica LT Std Cond';
}

.ui-box-items-efectividad{
	text-align: center;
	margin-bottom: 60px;
	display: none;
}

.ui-item-subtitulo-efectividad{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

.ui-item-subtitulo-efectividad i{
	position: relative;
	top:-4px;
	left:-1px;
	font-size: 9px;
}

.ui-item-subtitulo-efectividad{
	color: #fff;
}

.ui-item-subtitulo-efectividad.uno{
	background-color: #12BCBF;
	padding: 8px 10px;
	width: 145px;
}

.ui-item-subtitulo-efectividad.dos{
	background-color: #FCB040;
	padding: 8px 10px;
	width: 145px;
}

.ui-box-cuadro-efectividad{
	text-align: center;
	display: none;
}

.ui-box-cuadro-efectividad > .ui-box{
	display: inline-block;
	vertical-align: top;
	width: 500px;
	overflow: hidden;
	height: 259px;
}

.ui-box-cuadro-efectividad > .ui-box > .demo img{
	display: block;
	width: 100%;
}

.ui-efectividad-footer{
	margin-top: 20px;
	text-align: center;
}

.ui-efectividad-footer > .ui-box{
	max-width: 520px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.ui-cuadro-tridimencional{
	text-align: center;
}

.ui-cuadro-tridimencional.block{
	display: none;
}

.ui-cuadro-tridimencional > .ui-box{
	margin-bottom: 5px;
}

.ui-cuadro-tridimencional > .ui-box figure{
	max-width: 500px;
	display: inline-block;
	vertical-align: top;
}

.ui-cuadro-tridimencional > .ui-box figure img{
	display: block;
	width: 100%;
}

.ui-box-texto-cuadro-rediseno{
	margin-top: 20px;
}

.ui-box-efectividad-items-btn{
	display: block;
	margin:0 auto;
	max-width: 600px;
}

.ui-efectividad-btn{
	display: inline-block;
	vertical-align: top;
	padding: 5px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border:1px solid #26C1C5;
	color: #26C1C5;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ui-efectividad-btn:hover{
	background-color: #26C1C5;
	color: #fff;
}

.ui-box-efectividad-items-btn > .ui-box-uno{
	float: left;
}

.ui-box-efectividad-items-btn > .ui-box-dos{
	padding-top: 6px;
	float: right;
}

.ui-box-texto-cuadro-rediseno > .ui-box{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}

.ui-box-efectividad-items-btn > .ui-box-uno .ui-box span{
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top:5px;
	left:-5px;
}

.ui-box-efectividad-items-btn > .ui-box-uno .ui-box span.color-uno{
	background-color: #26C1C5;
}

.ui-box-texto-cuadro-rediseno > .ui-box i{
	position: relative;
	top:-5px;
	left:-2px;
	font-size: 10px;
}

.ui-box-efectividad-items-btn > .ui-box-uno .ui-box span.color-dos{
	background-color: #F8B753;
}

.ui-figure-cuadro-02{
	position: relative;
	overflow: hidden;
	-webkit-animation: mymove 1.4s linear; /* Safari 4.0 - 8.0 */
    animation: mymove 1.4s linear;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%   {
		top:90%;
    }
    100% {
		top:0%;
    }
}

/* Standard syntax */
@keyframes mymove {
    0%   {
		top:90%;
    }
    100% {
		top:0%;
    }
}

.ui-box-cuadro-efectividad-animacion{
	display: none;
}

.ui-box-cuadro-efectividad-animacion > .ui-box{
	text-align: center;
	position: relative;
}

.ui-cuadro-grafico-animacion > .ui-box-lineas-estadisticas{
	position: absolute;
	right:10px;
	top:0;
	height: 205px;
	width: 378px;
	/*background-color: red;*/
}

.cuadro-uno-efectividad{
	position: absolute;
	top:0;
	left:0;
	/*background-color: blue;*/
	width: 100%;
	height: 100%;
}

.cuadro-uno-efectividad > .ui-box-uno{
	position: absolute;
	bottom:-6px;
	left:0;
	width: 52px;
	height: 12px;
	/*background-color: #FCB040;*/
}

.cuadro-uno-efectividad > .ui-box-uno:after{
	content:'';
	position: absolute;
	top:6px;
	left:0;
	width: 100%;
	height: 2px;
	background-color: #FCB040;
}

.cuadro-uno-efectividad > .ui-box-uno > span{
	display: block;
	position: absolute;
	right:0;
	top:0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #FCB040;
	z-index: 1;
}

.cuadro-uno-efectividad > .ui-box-dos{
	position: absolute;
	bottom:94px;
	left:-34px;
	width: 219px;
	height: 12px;
	/*background-color: green;*/
	-webkit-transform:rotate(-73deg);
	-moz-transform:rotate(-73deg);
	-ms-transform:rotate(-73deg);
	-o-transform:rotate(-73deg);
	transform:rotate(-73deg);
}

.cuadro-uno-efectividad > .ui-box-dos:after{
	content:'';
	position: absolute;
	top:6px;
	left:0;
	width: 100%;
	height: 2px;
	background-color: #FCB040;
}

.cuadro-uno-efectividad > .ui-box-dos > span{
	display: block;
	position: absolute;
	right:0;
	top:0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #FCB040;
	z-index: 1;
}

.cuadro-uno-efectividad > .ui-box-tres {
	position: absolute;
	top:1px;
	right:0px;
	width: 269px;
	height: 12px;
	background-color: transparent;
}

.cuadro-uno-efectividad > .ui-box-tres:after{
	content:'';
	position: absolute;
	top:6px;
	left:0;
	width: 100%;
	height: 2px;
	background-color: #FCB040;
}

.cuadro-uno-efectividad > .ui-box-tres > span{
	display: block;
	position: absolute;
	top:0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #FCB040;
	z-index: 1;
}

.cuadro-uno-efectividad > .ui-box-tres > span:nth-child(1){
	left:52px;
}

.cuadro-uno-efectividad > .ui-box-tres > span:nth-child(2){
	left:112px;
}

.cuadro-uno-efectividad > .ui-box-tres > span:nth-child(3){
	left:172px;
}

.ui-cuadro-grafico-animacion{
	width: 460px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.ui-linea-porcentaje-horizontal{
	margin-bottom: 40px;
}

.ui-linea-porcentaje-horizontal > .ui-box-linea{
	width: 100%;
	height: 1px;
	position: relative;
	padding-left: 40px;
	background-color: #333;
}

.ui-cuadro-grafico-animacion > div:nth-child(6){
	margin-bottom: 0px;
}

.ui-linea-porcentaje-horizontal > .ui-box-linea > .ui-numero-left{
	font-family: 'Helvetica LT Std';
	display: inline-block;
	vertical-align: top;
	width: 60px;
	padding-right: 20px;
	text-align: right;
	background-color: #D7F1F3;
	position: absolute;
	top:-12px;
	left:0;
}

.ui-box-absoluto-dias{
	/*background-color: yellow;*/
	text-align: center;
	position: relative;
	min-height: 120px;
	margin-top:10px;
}

.ui-box-absoluto-dias > .ui-box{
	display: inline-block;
	vertical-align: top;
	width: 460px;
	position: relative;
	background: pink;
}

.dia-columna{
	position: absolute;
	top:0;
}

.dia-columna.uno{
	left:90px;
}

.dia-columna.dos{
	left:150px;
}

.dia-columna.tres{
	left:210px;
}

.dia-columna.cuatro{
	left:270px;
}

.dia-columna.cinco{
	left:330px;
}

.ui-box-absoluto-dias > .ui-box > .dia-columna > .ui-box-dia{
	height: 80px;
	width:58px;
	position: relative;
	/*background-color: orange;*/
}

.ui-box-absoluto-dias > .ui-box > .dia-columna.dos > .ui-box-dia{
	height: 120px;
}

.ui-box-absoluto-dias > .ui-box > .dia-columna.cuatro > .ui-box-dia{
	height: 120px;
}


.ui-box-absoluto-dias > .ui-box > .dia-columna > .ui-box-dia .ui-box-inicial{
	text-align: center;
}

.ui-box-absoluto-dias > .ui-box > .dia-columna > .ui-box-dia .ui-box-inicial > .ui-box{
	width: 10px;
	height: 10px;
	background-color: #333;
	display: inline-block;
	vertical-align: top;
}

.ui-box-absoluto-dias > .ui-box > .dia-columna > .ui-box-dia > .ui-circulo{
	position: absolute;
	bottom:0;
	left:0;
	background-color: #fff;
	padding: 2px;
	border-radius: 50%;
	border:2px solid #333;
}

 .ui-box-absoluto-dias > .ui-box > .dia-columna > .ui-box-dia > .ui-circulo .ui-box{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(18,188,191,0.2);
}

.ui-box-absoluto-dias > .ui-box > .dia-columna > .ui-box-dia > .ui-borde{
	position: absolute;
	top:0;
	left:28px;
	height: 100%;
	width: 1px;
	border: 1px dashed #333;
}

.ui-box-absoluto-dias > .ui-box > .dia-columna > .ui-box-dia > .ui-circulo > .ui-dia{
	position: absolute;
	left:0;
	top:16px;
	font-size: 12px;
	width: 100%;
	text-align: center;
	font-family: 'Helvetica LT Std';
}

.cuadro-dos-efectividad{
	position: absolute;
	top:0;
	left:0;
	/*background-color: blue;*/
	width: 100%;
	height: 100%;
}

.cuadro-dos-efectividad > .ui-box-uno{
	position: absolute;
	top:95px;
	left:0;
	width: 52px;
	height: 12px;	
}

.cuadro-dos-efectividad > .ui-box-uno:after{
	content:'';
	position: absolute;
	top:6px;
	left:0;
	width: 100%;
	height: 2px;
	background-color: #12BCBF;
}

.cuadro-dos-efectividad > .ui-box-uno > span{
	display: block;
	position: absolute;
	right:0;
	top:0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #12BCBF;
	z-index: 1;

	 -webkit-animation: circuloUno .8s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circuloUno .8s infinite linear;
}

@-webkit-keyframes circuloUno {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

/* Standard syntax */
@keyframes circuloUno {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

.cuadro-dos-efectividad > .ui-box-dos{
	position: absolute;
	top:44px;
	left:13px;
	width: 128px;
	height: 12px;
	/*background-color: #FCB040;*/

	-webkit-transform:rotate(-59deg);
	-moz-transform:rotate(-59deg);
	-ms-transform:rotate(-59deg);
	-o-transform:rotate(-59deg);
	transform:rotate(-59deg);
}

.cuadro-dos-efectividad > .ui-box-dos:after{
	content:'';
	position: absolute;
	top:6px;
	left:0;
	width: 100%;
	height: 2px;
	background-color: #12BCBF;
}

.cuadro-dos-efectividad > .ui-box-dos > span{
	display: block;
	position: absolute;
	right:0;
	top:0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #12BCBF;
	z-index: 1;

	-webkit-animation: circuloDos .8s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circuloDos .8s infinite linear;
}

@-webkit-keyframes circuloDos {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

/* Standard syntax */
@keyframes circuloDos {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

.cuadro-dos-efectividad > .ui-box-tres {
	position: absolute;
	top:-6px;
	right:0px;
	width: 269px;
	height: 12px;
	background-color: transparent;
}

.cuadro-dos-efectividad > .ui-box-tres:after{
	content:'';
	position: absolute;
	top:6px;
	left:0;
	width: 100%;
	height: 2px;
	background-color: #12BCBF;
}

.cuadro-dos-efectividad > .ui-box-tres > span{
	display: block;
	position: absolute;
	top:0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #12BCBF;
	z-index: 1;
}

.cuadro-dos-efectividad > .ui-box-tres > span{
	display: block;
	position: absolute;
	top:0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #12BCBF;
	z-index: 1;
}

.cuadro-dos-efectividad > .ui-box-tres > span:nth-child(1){
	left:52px;
	-webkit-animation: circuloTres .8s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circuloTres .8s infinite linear;
}

@-webkit-keyframes circuloTres {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

/* Standard syntax */
@keyframes circuloTres {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

.cuadro-dos-efectividad > .ui-box-tres > span:nth-child(2){
	left:112px;
	-webkit-animation: circuloCuatro .8s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circuloCuatro .8s infinite linear;
}

@-webkit-keyframes circuloCuatro {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

/* Standard syntax */
@keyframes circuloCuatro {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

.cuadro-dos-efectividad > .ui-box-tres > span:nth-child(3){
	left:172px;
	-webkit-animation: circuloCinco .8s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circuloCinco .8s infinite linear;
}

@-webkit-keyframes circuloCinco {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

/* Standard syntax */
@keyframes circuloCinco {
    0%   {
    	-webkit-transform:scale(1,1);
    	-moz-transform:scale(1,1);
    	-ms-transform:scale(1,1);
    	-o-transform:scale(1,1);
    	transform:scale(1,1);
    }
    100% {
    	-webkit-transform:scale(1.2,1.2);
    	-moz-transform:scale(1.2,1.2);
    	-ms-transform:scale(1.2,1.2);
    	-o-transform:scale(1.2,1.2);
    	transform:scale(1.2,1.2);
    }
}

/****************************************
 *         toolTip efectividad          *
 ****************************************/
.ui-box-tool-efectividad{
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	font-weight: bold;	
	padding: 1px 3px;
	border:1px solid #fff;
	background-color: rgba(255,255,255,.7);
}

.ui-box-tool-tip-efectividad{
	position: absolute;
	bottom:35px;
	left:0;	
	width: 100%;
	padding: 15px;
	border:1px solid #fff;
	background-color: rgba(255,255,255,.9);
	display: none;
}

.ui-box-tool-tip-efectividad i{
	font-size: 9px;
	position: relative;
	top:-4px;
	left:2px;
}

/**************************************
 *    seccion 06 - presentaciones     *
 **************************************/
.ui-header-box-presentaciones{
	margin-bottom: 80px;
	text-align: center;
}

.ui-header-presentaciones{
	display: inline-block;
    vertical-align: top;
    max-width: 700px;
}

.ui-h2-header-presentaciones{
	line-height: 50px;
    font-size: 48px;
    margin-bottom: 15px;
    color: #43B4BD;
    font-family: 'Helvetica LT Std Cond';
}

.ui-header-box-presentaciones p{
	font-size: 19px;
}

.ui-box-presentaciones {
	text-align: center;
}

.ui-box-nota-presentaciones{
	max-width: 400px;
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	line-height: 18px;
}

.ui-lista-nota-presentaciones{
	padding-left: 0px;
	display: none;
	margin-top: 10px;
	margin-bottom: 30px;
}

.ui-lista-nota-presentaciones li{
	/*padding-left: 15px;*/
	position: relative;
}

.ui-lista-nota-presentaciones li span{
	width: 7px;
	height: 7px;
	display: none;
	border-radius: 50%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top:5px;
	left:0;
}

.ui-mas-informacion-presentaciones{
	text-align: center;
}

.ui-mas-informacion-presentaciones > a{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
}

.ui-informacion-figure-presentaciones{
	text-align: center;
	margin-bottom: 5px;
}

.ui-informacion-figure-presentaciones > figure{
	width: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: top;
}

.ui-informacion-figure-presentaciones > figure img{
	display: block;
	width: 100%;
}

.ui-box-figure-caracteristicas > .ui-izquierda{
	width: 49.99%;
	float: left;
	text-align: center;
}

.ui-box-figure-caracteristicas > .ui-derecha{
	width: 49.99%;
	float: right;
	/*background-color: rgba(0,0,0,.2);*/
}
.row.boton {
  margin: 40px 0;
}
.row.boton a {
  background: #00cfd3;
  width: 178px;
  height: 34px;
  border-radius: 15px;
  color: #fff;
  font-family: "Roboto";
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 4px;
  font-weight: 500;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.row.boton a:hover {
  background-color: #1a1a1a;
}
.row.presentaciones {
  margin-top: 0;
}
/*lightbox*/
.row{
	margin-top: 60px;
	text-align: center;
}

.row > .column {
  padding: 0 11px;
	cursor: pointer;
}

.column {
  display: inline-block;
	vertical-align: bottom;
}

.column.presentacion-producto01{
	max-width: 460px;
	-webkit-transform: scale(.9,.9) ;
	-moz-transform: scale(.9,.9) ;
	-ms-transform: scale(.9,.9) ;
	-o-transform: scale(.9,.9) ;
	transform: scale(.9,.9) ;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.column.presentacion-producto01:hover{
	-webkit-transform: scale(1,1) ;
	-moz-transform: scale(1,1) ;
	-ms-transform: scale(1,1) ;
	-o-transform: scale(1,1) ;
	transform: scale(1,1) ;
}

.column.presentacion-producto01 img{
	display: block;
	width: 100%;
}

.column.presentacion-producto02{
	max-width: 460px;
	position: relative;
	top:20px;
	margin-left: -30px;
	-webkit-transform: scale(.9,.9) ;
	-moz-transform: scale(.9,.9) ;
	-ms-transform: scale(.9,.9) ;
	-o-transform: scale(.9,.9) ;
	transform: scale(.9,.9) ;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.column.presentacion-producto02:hover{
	-webkit-transform: scale(1,1) ;
	-moz-transform: scale(1,1) ;
	-ms-transform: scale(1,1) ;
	-o-transform: scale(1,1) ;
	transform: scale(1,1) ;
}

.column.presentacion-producto02 img{
	display: block;
	width: 100%;
}

.column.presentacion-producto03{
	max-width: 460px;
	position: relative;
	top:40px;
	margin-left: -30px;
	-webkit-transform: scale(.9,.9) ;
	-moz-transform: scale(.9,.9) ;
	-ms-transform: scale(.9,.9) ;
	-o-transform: scale(.9,.9) ;
	transform: scale(.9,.9) ;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.column.presentacion-producto03:hover{
	-webkit-transform: scale(1,1) ;
	-moz-transform: scale(1,1) ;
	-ms-transform: scale(1,1) ;
	-o-transform: scale(1,1) ;
	transform: scale(1,1) ;
}

.column.presentacion-producto03 img{
	display: block;
	width: 100%;
}

.column.presentacion-producto04{
	max-width: 460px;
	position: relative;
	top:20px;
	margin-left: -30px;
	-webkit-transform: scale(.9,.9) ;
	-moz-transform: scale(.9,.9) ;
	-ms-transform: scale(.9,.9) ;
	-o-transform: scale(.9,.9) ;
	transform: scale(.9,.9) ;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.column.presentacion-producto04:hover{
	-webkit-transform: scale(1,1) ;
	-moz-transform: scale(1,1) ;
	-ms-transform: scale(1,1) ;
	-o-transform: scale(1,1) ;
	transform: scale(1,1) ;
}

.column.presentacion-producto04 img{
	display: block;
	width: 100%;
}

.column.presentacion-producto05{
	max-width: 460px;
	margin-left: -30px;
	-webkit-transform: scale(.9,.9) ;
	-moz-transform: scale(.9,.9) ;
	-ms-transform: scale(.9,.9) ;
	-o-transform: scale(.9,.9) ;
	transform: scale(.9,.9) ;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.column.presentacion-producto05:hover{
	-webkit-transform: scale(1,1) ;
	-moz-transform: scale(1,1) ;
	-ms-transform: scale(1,1) ;
	-o-transform: scale(1,1) ;
}

.column.presentacion-producto05 img{
	display: block;
	width: 100%;
}

.column.modal-contenido{
	max-width: 150px;
	display: none;
}

.column.modal-contenido img{
	display: block;
	width: 100%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
	background-color: rgba(255, 255, 255, .7);
}

.ui-box-modal-content{
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 89%;
  max-width: 900px;
}

/* The Close Button */
.close {
  color: #8C9192;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 45px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
	padding: 40px;
	width: 900px;
	min-height: 384px;
	background-color: #fff;
}

.mySlides > .ui-izquierda{
	float: left;
	width: 66.66%;
}

.mySlides > .ui-izquierda > figure{
	max-width: 450px;
	display: inline-block;
	vertical-align: top;
}

.mySlides > .ui-izquierda > figure img{
	width: 100%;
	display: block;
}

.ui-box-grafico-modal.uno{
	max-width: 450px;
}

.ui-box-grafico-modal.uno img{
	display: block;
	width: 100%;
}

.ui-box-grafico-modal.dos{
	max-width: 450px;
}

.ui-box-grafico-modal.dos img{
	display: block;
	width: 100%;
}

.ui-box-grafico-modal.tres{
	max-width: 450px;
}

.ui-box-grafico-modal.tres img{
	display: block;
	width: 100%;
}

.ui-box-grafico-modal.cuatro{
	max-width: 470px!important;
}

.ui-box-grafico-modal.cuatro img{
	display: block;
	width: 100%;
}

.ui-box-grafico-modal.cinco{
	max-width: 470px!important;
}

.ui-box-grafico-modal.cinco img{
	display: block;
	width: 100%;
}

.mySlides > .ui-derecha{
	float: right;
	width: 33.33%;
}

.ui-header-modal-presentacion{
	text-align: right;
	margin-bottom: 34px;
	min-height: 49px;
}

.ui-header-modal-presentacion > figure{
	display: block;
}

.ui-box-lista-modal-presentacion{
	list-style: none;
	margin: 0;
}

.ui-box-lista-modal-presentacion > li{
	padding: 5px 8px;
  border-bottom: 1px solid #C8C8C8;
}

.ui-box-lista-modal-presentacion > li span:nth-child(1){
	float: left;
	font-size: 13px;
	font-family: 'Helvetica LT Std';
}

.ui-box-lista-modal-presentacion > li span:nth-child(2){
	float: right;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 55%;
  width: auto;
  padding: 14px;
  margin-top: -50px;
  color: white;
	background-color: #8C9192;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  left: -20px;
  border-radius: 3px 0 0 3px;
}

.prev {
  right: -20px;
  border-radius: 0 3px 3px 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: #8C9192;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
	display: none;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.17)
}

/*****************************************
 *      seccion 07 - distribuidores      *
 *****************************************/
.ui-box-distribuidores > .ui-izquierda{
	float: left;
	width:24.99%;
}

.ui-box-distribuidores > .ui-derecha{
	float: right;
	width:74.99%;
	padding-left: 30px;
	padding-top: 0px;
}

.ui-box-mapa-distribuidores{
	min-height: 731px;
	padding: 10px;
	background-color: #fff;
}

.ui-box-fila-distribuidores{
	margin-bottom: 22px;
}

.ui-box-fila-distribuidores.ubica p{
	font-size: 14px;
}

.ui-direccion-distribuidores{
	margin-bottom: 20px;
}

.ui-box-fila-distribuidores.h2{
	margin-bottom: 5px;
}

.ui-h2-distribuidores{
	line-height: 50px;
    font-size: 48px;
    font-family: 'Helvetica LT Std Cond';
}

.ui-h3-distribuidores{
	font-family: 'HelveticaNeveLT Std Cn';
	margin-bottom: 10px;
	font-size: 22px;
}

.ui-lista-datos-distribuidores{
	padding-left: 0px;
}

.ui-lista-datos-distribuidores li{
	padding-left: 28px;
	position: relative;
	margin-bottom: 5px;
}

.ui-lista-datos-distribuidores li figure{
	display: block;
	position: absolute;
	top:2px;
	left:0;
	width: 18px;
}

.ui-lista-datos-distribuidores li figure img{
	display: block;
	width: 100%;
}

.ui-box-direccion-distribuidores{
	margin-top: 40px;
}

.ui-box-descarga-distribuidores{
	position: relative;
	padding-left: 35px;
	margin-top: 47px;
}

.ui-box-descarga-distribuidores figure{
	display: block;
	position: absolute;
	top:7px;
	left:0;
	width: 24px;
}

.ui-box-descarga-distribuidores figure img{
	display: block;
	width: 100%;
}

.ui-box-descarga-distribuidores span{
	line-height: 20px;
	font-size: 17px;
	display: block;
	font-family: 'HelveticaNeveLT Std Cn';
}

/**************************************
 *      seccion 08 - contactenos      *
 **************************************/
.ui-section.ocho{
	position: relative;
}

.ui-box-contactenos > .ui-izquierda{
	float: left;
	width:49.99%;
	padding: 40px 40px 40px 0;

}

.ui-box-contactenos > .ui-derecha{
	position: absolute;
	right: 0;
	top:0;
	width:49.99%;
	height:100%;
}

.ui-box-contactenos > .ui-derecha > .ui-box-contacto-mascota{
	background-image: url(../image/fondo-contacto-11.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}

.ui-box-contactenos > .ui-derecha > .ui-box-contacto-veterinaria{
	background-image: url(../image/fondo-contacto-12.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
}

.ui-contactenos-info  .ui-box-fila{
	margin-bottom: 20px;
}

.ui-contactenos-info  .ui-box-fila > .ui-box .ui-izquierda{
	float: left;
	width: 45.99%;
	margin-right: 4%;
}

.ui-contactenos-info  .ui-box-fila > .ui-box .ui-derecha{
	float: right;
	width: 45.99%;
	margin-left: 4%;
}

.ui-h2-contactenos{
	line-height: 50px;
    font-size: 48px;
    font-family: 'Helvetica LT Std Cond';
}

select{
	width: 100%;
	min-height: 30px;
	padding: 7px;
	outline: none;
	border-left:none;
	border-right:none;
	font-size: 15px;
	border-top:none;
	color: #4c4c4c;
	font-family: 'Helvetica LT Std Cond Light';
	border-bottom:1px solid rgba(0,0,0,.8);
}

select option{
	font-family: 'Helvetica LT Std Cond Light';
}

input{
	width: 100%;
	min-height: 30px;
	padding: 8px;
	outline: none;
	border-left:none;
	border-right:none;
	border-top:none;
	font-size: 15px;
	border-bottom:1px solid rgba(0,0,0,.8);
	font-family: 'Helvetica LT Std Cond Light';
}

.ui-box-contactenos-info input{
	background-color: transparent;
	border: 1px solid #7B7E7E;
}

.ui-box-contactenos-info textarea{
	background-color: transparent;
	border: 1px solid #7B7E7E;
}

.ui-box-contactenos-info select{
	background-color: transparent;
	border: 1px solid #7B7E7E;
}

.ui-box-contactenos-info select option{
	background-color: #fff;
	outline: none;
}

textarea{
	width: 100%;
	font-size: 15px;
	padding: 8px;
	outline: none;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px solid rgba(0,0,0,.8);
	font-family: 'Helvetica LT Std Cond Light';
}

.ui-box-padding{
	padding: 0px;
}

.textarea-contacto textarea{
 	min-height: 100px;
}

.ui-box-input-radio{
	display: inline-block;
	vertical-align: top;
	margin-right:20px;
	font-size: 18px;
}

.ui-box-input-radio > input{
	width: auto;
	padding: 0px;
	position: relative;
	top:10px;
	margin-right: 3px;
}

.ui-box-fila.box-radio{
	margin-bottom: 40px;
}

.ui-box-fila.checked{
	/*font-size: 18px;*/
}

.ui-box-fila.checked input{
	width:auto;
	padding: 0px;
	margin-right: 8px;
	position: relative;
	top:10px;
}

.ui-box-fila.btn-enviar-contacto input{
	width:auto;
	border: none;
	width: 148px;
	text-align: center;
	height: 40px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background-color: #7B7E7E;
	letter-spacing: 2px;
	font-family: 'Helvetica LT Std Cond Light';



	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}

.ui-box-fila.btn-enviar-contacto input:hover{
	background-color: #000;
}

.ui-box-fila.info-personal label{
	font-family: 'HelveticaNeveLT Std Cn';
	font-size: 23px;
}

.tabcontent-contacto{
	display: none;
}