@import './header.css';
@import './section1.css';
@import './section2.css';
@import './section3.css';
@import './section4.css';
@import './section5.css';
@import './section6.css';
@import './section7.css';
@import './section8.css';
@import './footer.css';
@import './section10.css';
@import './section11.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-face {
	font-family: 'appleberry';
	src: url('../fonts/appleberry.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLT Std Cn';
	src: url('../fonts/HelveticaNeueLTStd-BdCn.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica LT Std Cond';
	src: url('../fonts/HelveticaLTStd-BoldCond.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica LT Std Cond Light';
	src: url('../fonts/HelveticaLTStd-LightCond.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica LT Std Cond Blk';
	src: url('../fonts/helveticaltstd-blkcond.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica LT Std Light';
	src: url('../fonts/HelveticaLTStd-Light.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeveLT Std Cn';
	src: url('../fonts/HelveticaNeueLTStd-BdCn.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeveLT Std Med Cn';
	src: url('../fonts/HelveticaNeueLTStd-MdCn.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica LT Std';
	src: url('../fonts/HelveticaLTStd-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Folks Bold';
  src: url(../fonts/Folks-Bold.ttf);
	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: #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-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: #eac19b;
	 -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: #723886;
	-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: #3685b2;
	-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: #7d8080;
	-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: #fce0c5;
	-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;
}

#page1{
	background: url("../image/fondo-seccion1.png") #beadd5 no-repeat top center;

}
#page2{
	background-color: #D0EFE9;
}
#page3{
	background-color: #FBF3EB;
}

#page4{
	background-color: #E5E0F0;
}

#page5{
	background-color: #C3E8F4;
}

#page8{
	background-color: #FCE0C5;
}

#page9{
	background-color: #000;
}

 

#cookieChoiceInfo { border:0;font-size:10pt;margin:0 auto;padding:5px 0;text-align:center;width:100%;z-index:9999;border-bottom:4px solid #12BCBF;} #cookieChoiceInfo span,#cookieChoiceInfo a { vertical-align:middle;} #cookieChoiceInfo a { color:#12BCBF;} #cookieChoiceDismiss,#cookieChoiceDismiss:visited { background:#222 url('../images/overlay.png') repeat-x;display:inline-block;padding:5px 10px 6px;color:#ffffff !important;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;margin:auto 10px;} #cookieChoiceDismiss:hover { background-color:#111;color:#ffffff;} #cookieChoiceDismiss:active { top:1px;}