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

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

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

#menuSoftPlus{
	width:100%;
	background:#00698A;
	}

.softActivo{ background:#87BFDB;}
	
.menuSpacerUno:hover,.menuSpacerTres:hover{ background:#87BFDB;}

.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;
	margin:0 auto;
}

.whiteBg{ background: #fff;}
.blueBg{ background: #87BFDB;}
.deepblue{ color: #00698A;}


/* AQUÍ VAN LOS ESTILOS DE SOFT PLUS */

#coverSoftPlus {
	width: 1024px;
	height: 668px;
	background: url(../img/softplus/softPlus_cover.jpg) left top no-repeat;
	display: inline-block;
}

#coverSoftPlus p{
	width: 440px;
	height: 210px;
	float: left;
	margin-top: 330px;
	margin-left: 70px;
	text-align: left;
	color: #00698A;
}

#coverShadow{
	width: 1024px;
	height: 25px;
	display: inline-block;
	margin-top: -4px;
	background: url(../img/softplus/cover_shadow.png) left top no-repeat;	
}

.section{
	width: 100%;
	float: left;
	text-align: center;
}

.containerSeccion {
  display: inline-block;
  width: 954px;
  text-align: left;
  padding: 40px 35px 40px 35px;
}



#caracteristicas{
	height: 420px;
	background: url(../img/softplus/softPlus_modelo.png) left center no-repeat;
	background-size: 530px;	
}


#caracteristicas p{
	width: 440px;
	float: right;
	margin-top: 40px;
}

.halfContainer{
	width: 50%;
	float: left;
	color: #00698A;
}

#resultados p{
	margin-left: 35px;
	color: #00698A;
	margin-bottom: 30px;
}

.halfContainer ul{
	 margin: 0 0 30px 75px;
	 color: #87BFDB;
}

.listTittle{ margin-left: -20px;
	color: #00698A;}

#porque p{
	margin-left: 35px;}

.listadoPorque{
	 margin: 35px 75px 0 75px!important;}

#cintillo p{ font-size: 24px; float: left; color: #fff; margin-top: 10px;}

.cintilloBtn{ float: left; width: 125px; height: 26px; padding-top: 9px; border: solid 1px #fff; font-size: 14px; text-align: center; margin-left: 15px; color: #fff; text-decoration: none;}

.cintilloBtn:hover{ background: #fff; color: #87BFDB;}