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

.menuSpacerUno {
  padding: 16px 20px 0 20px;
  height: 34px;
}

.menuSpacerTres{
	padding: 10px 20px 0 20px;
	height: 40px;
}

#menuCaci{
	width:100%;
	background:#aad173;
	}



.menuCaciActive{ background:#94b75c;}
	
.menuSpacerUno:hover,.menuSpacerTres:hover{ background:#94b75c;}

.menuSpacerHtc{ padding:16px 25px 0 25px; height:34px;}


.centraMenuEspecifico{
	width:1024px;
	height:50px;
	margin:0 auto;
	}
	
.centraMenuEspecifico ul{ width:1024px; float:left;}

.centraMenuEspecifico ul li{ 
	float:left;
	font-size:14px;
	color:#FFF;
	line-height:16px;
	cursor:pointer;
	}
	
.centraMenuEspecifico a{ color:#FFF; text-decoration:none;}

.contenidoHTC{
	width:1024px;
	height:100%;
	margin:0 auto;
	}
	
.menuCaciActive{ background:#94b75c;}


#contenidoCaci{
	width:1024px;
	height:100%;
	margin:90px auto;
}

#cemebiolSlideShow{
	width:1024px;
	height:620px;
	float: left;
	position: relative;
	}

/*estilos de slideshow*/
.nivo-controlNav{ position: absolute!important; left: 45%; bottom: 0px; z-index: 9;}	

.slideShadow{
	width:1024px;
	height:30px;
	position: absolute;
	left: 0;
	top: 0;
	background:url(../img/slideShadow.png) center top no-repeat;
	}

.greenType{ color: #aad173;}
.whiteType{color: #fff;}

.containerGreen{
	width: 100%;
	float: left;
	background: #aad173;
	text-align: center;
}

.containerWhite{
	width: 100%;
	float: left;
	background: #fff;
	text-align: center;
}

.btnWrapper{
	width: 1024px;
	min-height: 95px;
	display: inline-block;
	text-align: left;
	font-family: 'GothamRegular';
	font-size: 28px;
	padding-top: 40px;
	padding-left: 50px;
	position: relative;
}

.btnWrapper p{ width: auto;display: inline-block; cursor: pointer;}

.btnWrapper p:hover{
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

.cierraBloque{
	width: 25px;
	height: 25px;
	position: absolute;
	right: 50px;
	top: 36px;
	background:url(../img/cerrarBloqueBtn.png) center top no-repeat;
	cursor: pointer;
	display: none;
}

.cierreWhite{ background-position: center bottom;}

.sectionWrapper{
	width: 100%;
	float: left;
	text-align: center;
	display: none;
}

.sectionWrapperProducto{
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

.container{
	width: 1024px;
	display: inline-block;
	text-align: left;
}


/*ID'S de contenido*/
.textoLeft{text-align: left;}
.greenBg{ background: #aad173;}
.whiteBg{ background: #fff;}

#acercaDe{
	padding: 50px 70px 50px 70px;
}

#comoFunciona{
	padding: 50px 495px 50px 70px;
	color: #fff;
	background:url(../img/comoFuncionaCaciBg.jpg) left top no-repeat;
}

#mejorAliado{
	padding: 50px 495px 50px 70px;
	color: #fff;
	background:url(../img/aliadoCaciBg.jpg) left top no-repeat;
}

#expertos{
	padding: 50px 70px 50px 70px;
	color: #aad173; 
	font-size: 14px;
	font-family: 'GothamRegular';
}

#expertos span{ font-size: 16px; font-family: 'GothamRoundedBold';}

#salones{ background: #aad173; color:#fff;}

.salonesCont{ width: 50%; float: left; padding: 50px 50px 50px 50px;
}

#casa{
	padding: 50px 70px 50px 70px;
}

.productContainer{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 50px;
}

.productoBtn{ width: auto; height: auto; padding: 10px 25px 10px 25px; margin: 0 10px 0 10px; float: left;
 color: #fff; cursor: pointer;}

 .productoBtn:hover{background: #94b75c;}

.productoTexto{ width: 635px; float: right; position: relative;}
.productoTexto span{ font-size: 16px;font-family: 'GothamRoundedMedium';}


#electroBuds,#amino,#hydroMask,#cellufirm{ margin: 0 auto; display: none; padding: 50px 70px 50px 70px;}

.regresaBtn{ width:75px; position: absolute; padding: 10px 10px 10px 10px; right: 0; top: -20px;background: #94b75c; color: #fff; font-size: 12px; cursor: pointer;}

/* ESTOS SON LOS ESTILOS PARA LOS MODELOS */

#wrapperModelosBtn{
  border-top: solid 1px #e3e3e3;}

#modelos{ width: 100%; text-align: center;margin-top: 30px;}

#modelosNav {
  width: 780px;
  height: 35px;
	display: inline-block;
}

#seccionModelos{
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 20%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 20%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 20%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 20%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 20%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
	}

.modeloNavBtn {
  width: 125px;
  height: 25px;
  background: #FFF;
  border: solid 1px #aad173;
  text-align: center;
  font-size: 12px;
  float: left;
  margin-right: 90px;
  color: #aad173;
  padding-top: 10px;
  cursor: pointer;
}

.modeloNavBtnActive {
  background: #aad173;
  color: #FFF;
}

#modelosContainer{
	width:100%;
	float: left;
	padding-bottom: 40px;
}
	
#containerModelos{
	width:1024px;
	margin: 0 auto;
	background-size:10px;
	text-align: left;
	}

.modeloHeadText{ display: block; width: 1024px; float: left; margin-left: 70px;}
	
#classicImage{
	width:355px;
	height:636px;
	float:left;
	background: url(../img/caci/caci_classic.png) left top no-repeat;
	margin-top:45px;
	}
	
#quantumImage{
	width:355px;
	height:636px;
	float:left;
	background: url(../img/caci/caci_quantum.png) left top no-repeat;
	margin-top:45px;
	}
	
#ultraImage{
	width:355px;
	height:636px;
	float:left;
	background: url(../img/caci/caci_ultra.png) left top no-repeat;
	margin-top:45px;
	}
	
#ultimateImage{
	width:355px;
	height:636px;
	float:left;
	background: url(../img/caci/caci_ultimate.png) left top no-repeat;
	margin-top:45px;
	}
	
#bloqueInfoModelos{
	width:595px;
	min-height:526px;
	float:right;
	margin-top:45px;
	}
	
#bloqueInfoModelos span{
	font-size:68px;
	width:595px;
	height:90px;
	line-height:80px;
	border-bottom: solid 1px #e3e3e3;
	font-family: 'GothamRoundedMedium';
	color: #aad173;
	float:left;
	display:block;
	margin-bottom:15px;
	}
	
#bloqueInfoModelos p{
	display:block;
	}
	
.listadoModelo{
	width:270px;
	float:left;
	margin-top:20px;
	}

.flotaDer{ float:right;}	

.listadoModelo p{ width:257px; float:left; padding-left:13px; color:#000!important; background:url(../img/modeloList_stroke_green.png) left 4px no-repeat; background-size:10px;}

.listTittle{width: 100%; font-size: 21px; float: left; margin-bottom: 15px;}