@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?4pqzqp');
	src: url('../fonts/icomoon.eot?4pqzqp#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?4pqzqp') format('truetype'), url('../fonts/icomoon.woff?4pqzqp') format('woff'), url('../fonts/icomoon.svg?4pqzqp#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: proxima;	
	src: url(../fonts/ProximaNova-Regular.eot);
	src: url(../fonts/ProximaNova-Regular.eot?#amoportales) format("embedded-opentype"),
		 url(../fonts/ProximaNova-Regular.woff) format("woff"), 
		 url(../fonts/ProximaNova-Regular.ttf) format("truetype"), 
		 url(../fonts/ProximaNova-Regular.svg) format("svg");	
	 
	}
	
@font-face {
	font-family: proximaBold;	
	src: url(../fonts/ProximaNovaBold.eot);
	src: url(../fonts/ProximaNovaBold.eot?#fixed) format("embedded-opentype"),
		 url(../fonts/ProximaNovaBold.woff) format("woff"), 
		 url(../fonts/ProximaNovaBold.ttf) format("truetype"), 
		 url(../fonts/ProximaNovaBold.svg) format("svg");	
	
	}	
	


[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	/*content: "\e9bd";*/
}
.icon-close:before {
	content: "\ea0f";
}
Body {
	color: #626467;
	font-family: Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
-moz-user-select:text !important;
	-webkit-user-select:text !important;
	/*background:#f5f2ef;*/
}

#bodyHome {
	background:#fff;
}


img {
	border: none;
}
a {
	color: #414141;
	outline: none;
	text-decoration: none;
}

b {
	font-weight:bold;
}

.text:focus {
	outline: 0px;
}
::selection {
	background: #9f48a2;
	color: #FFFFFF;

}

::-moz-selection {
 background: #9f48a2;
 color: #FFFFFF;
}


.header {
	width: 100%;
	height: 50px;
	display: none;	
}



.bread-crumbs {
	display: flex;
	width: 100%;
	height: 60px;
	background-color: #f5f2ef;
	color: #fff;
	position: fixed;
	z-index:9999;
	*left:0;
	border-bottom:1px solid #ffcc23;
}
	.bread-crumbs a { margin:auto;}
	
	.bread-crumbs img{
		width:30px;	
		margin:auto;
	}
	
	
.bread-crumbs h4 {
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	font-size: 0.9em;
	font-weight: 100;
}

.bread-crumbs h4 p {
	padding: 0;
	margin: 0;
	float: left;
	padding-top: 10px;
}

.bread-crumbs h4 p a {
	color: #fff;
}

.bread-crumbs h4 p a:hover {
	text-decoration: underline
}

.bread-crumbs h4 p:first-child {
	padding-left: 20px;
}

.bread-crumbs h4 span {
	float: left;
	padding: 10px;
}

.imgs, .imgs-contenidos {
	width: 960px;
	/*margin: auto;*/
}


#imgHome {
	background:url(../imgs/BG-Home1x.png) no-repeat top center / 100%;
	height:850px;
	-webkit-box-shadow: inset 0px 0px 33px 15px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 33px 15px rgba(255,255,255,1);
box-shadow: inset 0px 0px 33px 15px rgba(255,255,255,1);
	width:100%;
	background-position: 0 60px;
}

/*.wrapper {
	width: auto;
	max-width: 960px;
	margin: auto;
	position: relative;
	
}*/


.wrapper {
	width: auto;
	/*max-width: 1280px;*/
	max-width: 1440px;
	margin: auto;
	position: relative;
	
}

#wrapperHome {
	/*height:96%\9;
	height:95%;*/
	width:960px;
}


.bread-crumbs #burguer, .header #burguer-button{
	width: 15px;
    height: 15px;
    cursor: pointer;
    position: fixed;
	z-index: 3;
    background: url(../imgs/icoHam.svg) no-repeat #f5f2ef;
    align-self: center;
    margin-left: 30px;
	color:#000;
	padding-right:30px;
	box-sizing:border-box;
	padding-left:30px;
	font-family:proxima !important;
	
}

#cajaGral {
	vertical-align:top;
	transition:all .5s ease;
	width:100%;
	position:absolute;
	left:0;
	background:#fff;
}

.cajaGralCorp {
	width: 77.5% !important;
	left: 22.5% !important;
	transition: all 0s ease-out !important;
}

.cajaGralOn {
	width: 75% !important;
	left:25% !important;
}

.cajaGralOnLap {
	width:65% !important;
	left:35% !important;
}

.cajaGralOnIpad {
	width: 55% !important;
	left:45% !important;
}

#fondoOp {
	display:none;
	/*background:url(../imgs/fondoOp.svg);*/
	background:rgba(0,0,0,0.8);
	height: 100%;
    width: 100%;
    z-index: 99999;
	position:absolute;
}

.link {
	color: #15B1FF;
	font-weight:bold;
	text-decoration:underline;
}

.menu {
	width: 0%;
	height:100%;
	position:fixed;
	zoom:1;
	font-size: 0.8em;	
	text-align: left;
	background:#fff;	
	margin-left:0;
	vertical-align:top;
	transition:all .5s ease-out;
	z-index:9;
	left:-450px;
}



#menu2 {
	display:none;
}

.menuOn {
	width:25%;
	left:0;
}

.menuOnLap {
	width:35%;
	left:0;
}

.menuCorp {
	width:22.5%;
	left:0;
	transition: all 0s ease-out;
}

.menuHome.menuCorp {
	display:none;
}

.menuCorp .submenus ul li a {
    padding: 15px 10% 10px;
	font-size: 1.1em;
}


.menuOnIpad {
	width:45%;
	left:0;
}

	.menu ul .btnSub {
		display:inline-block;
		vertical-align:middle;
		width:20px;
		height:60px;	
		margin: 0 20px;
		cursor:pointer;
	}
	
		.menu ul .btnSub#btnHome, .menu ul .btnSub#btnHome2 {
			background:url(../imgs/icoHome.svg) no-repeat center;	
			margin:0 14px;			
		}
		
		.menu #btnHome {
			display:none;
		}
		
		.menu ul .btnSub#btnCerrar, .menu ul .btnSub#btnCerrar2 {
			background:url(../imgs/icoX.svg) no-repeat center;
			float:right;
		}
		
		.homeCorp {
			background-size: 20px 60px !important;
			background-position: 13px -6px !important;
			background: url(../imgs/icoHome.svg) no-repeat center;
			display:none;
		}

	.menu ul {
		padding: 0;
		margin: 0;
		width: 100%;
	}


	    .menu ul li {
			/*display: block;*/
			margin: 0;
			clear:both;
			list-style:none
		}
		
		.menu ul li.liRegistro {
			background: url(../imgs/icoGift.svg) 15px center / 5% no-repeat #e8e8e8;
			color:#494949;
			box-sizing:border-box;
		}
		
		/*.menu ul li.liRegistro {
			background: url(../imgs/icoGift.svg) 20px center / 6% no-repeat #e8e8e8;
			color:#494949;
			padding-left:35px;
			box-sizing:border-box;
		}*/
		
		.menu ul li:hover, .menu ul li:hover a{
			color: #8f4bbf;
			text-decoration:underline;
		}
		
		.menu ul .liActivo a {
			color: #731eaf;
			text-decoration:underline;
			font-weight:bold;
		}
		
		.menu ul .liRegistro.liActivo a {
			color: #494949;
			text-decoration:none;
			font-weight:bold;
		}
		
		.liRegistro:hover, .liRegistro:hover a {
			color:#494949 !important;
		}
		
		
	.wrapper .content {
		width: 100%;
		display:inline-block;
		/**display:inline;
		vertical-align:top;
		zoom:1;*/
	}	
		
	/*.wrapper .content {
		width: 100%;
		display:inline-block;
		*display:inline;
		vertical-align:top;
		zoom:1;
	}*/
		
	
.wrapper .content .imgs {
	align-content: center;
}

.wrapper .content .imgs-contenidos{
	align-content: center;
	padding-top:60px;
	box-sizing:border-box;
}

	.wrapper .content .imgs-contenidos img{
		width:100%;
	}	
	

.wrapper .content .imgs-home-movil{
	display: none;
}

	.wrapper .content #pleca {
		background:#fff;
		padding:20px 30px 0;
		box-sizing:border-box;
		width:70%;
		margin:auto;
		position:absolute;
		top:-100px;
		left:0;
		right:0;
	}
	
		.wrapper .content #pleca h3 {
			font-size: 1.2em;
			line-height: 32px;
			text-align: center;
			font-weight: 400;
			color: #494949;
			width: 90%;
			margin: auto;
		}
		
			.wrapper .content #pleca h3 span{
				color:#afafaf;
			}
			
	.wrapper .content #cajaTemas {
		width:95%;
		margin:auto;
		position:absolute;
		bottom:0;
		right:0;
		left:0;
		text-align: center;
		top:350px;
	}
	
		#cajaTemas h3 {
			font-size:2.188em;
			margin:0 0 5px;
			color:#494949;
			font-family:proxima;
		}
		
		#cajaTemas h5 {
			font-size:1.438em;
			font-weight:300;
			margin:0 auto 25px;
			color:#878787;
			font-family:proxima;
			width:90%;
		}
		
		#cajaTemas h4 {
			font-size:1.563em;
			font-weight:300;
			margin:50px auto 25px;
			color:#731eac;
			font-family:proxima;
			width:90%;
		}
	
	
		.wrapper .content #cajaTemas .tema{
			display:inline-block;
			vertical-align:top;
			width:33%;
			padding:20px 20px 10px;
			box-sizing:border-box;
		}
			
			.wrapper .content #cajaTemas .tema span {
				font-weight:bold;
				color:#731eaf;					
				
			}			
								
			
			.wrapper .content #cajaTemas .tema h4 {
				color:#494949;
				font-size:1.125em;
				margin:0;
				display:inline-block;
				vertical-align:middle;
				width:100%;
				text-align:left;
				transition:all .2s ease-in-out;
				font-weight:400;
			}
			
			
		.btnMorado {
			width:230px;
			background:#731eaf;	
			padding:9px 10px;
			box-sizing:border-box;
			color:#fff;
			border-radius:50px;
		}
		
		.btnMorado a{
			display:block;	
			color:#fff;
			font-size:1.125em;
			text-align:center;
			text-decoration:none;
		}
		
		#wrapperHome .btnMorado {
			margin:auto;
		}

.wrapper .content .content_art {
	padding: 50px;
	box-sizing:border-box;
}

.wrapper .content #content10 {
	margin-bottom:70px;
	/*padding: 20px 50px 50px;
	font-family:proxima;*/
}

	.wrapper .content #content10 .title{
		/*margin-bottom:30px;	
		color:#494949;*/
		font-weight:bold;
		font-size:2.188em;
		font-family:proxima;
	}
	
	.wrapper .content #content10 p{
		font-size:1.438em;
		color:#878787;
		line-height:1.6em;
		width:93%;
		font-family:proxima;
	}
	
		
		.wrapper .content #content10 p a{
			color:#731eaf;
			text-decoration:underline;
			word-break:break-all;
		}
		
		#content10 p br {
			display:block;
			content:"";
			margin:20px 0 0;
		}

.wrapper .content .content_art h1 {
	padding: 0;
	margin: 0;
	font-size: 1.875em;
	color: #000;
}

.wrapper .content .content_art .title img {
	width: 210px;
    vertical-align: bottom;
}
	
.wrapper .content .content_art h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 1em;
	color: #9f9f9f;
	margin-bottom: 40px;
}
.wrapper .content .content_art p {
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.5;
	font-size:1em;
}
	
	
	.wrapper .content #cajaRegistro {
		text-align:center;	
		border-bottom:1px solid #f3f3f3;
		padding:50px 20px 70px;
		box-sizing:border-box;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,0.94) 50%, rgba(254,254,254,0.87) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(243,243,243,0.94)), color-stop(100%, rgba(254,254,254,0.87)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,0.94) 50%, rgba(254,254,254,0.87) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,0.94) 50%, rgba(254,254,254,0.87) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(243,243,243,0.94) 50%, rgba(254,254,254,0.87) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(243,243,243,0.94) 50%, rgba(254,254,254,0.87) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=1 );
		-webkit-box-shadow: inset 0px -146px 150px 15px rgba(255,255,255,1);
-moz-box-shadow: inset 0px -146px 150px 15px rgba(255,255,255,1);
box-shadow: inset 0px -146px 150px 15px rgba(255,255,255,1);
	}
	
		.wrapper .content #cajaRegistro h4{
			font-size: 2.188em;
			margin: 0 0 5px;
			color: #494949;
		}
		
		.wrapper .content #cajaRegistro h5{
			font-size: 1.438em;
			font-weight: 300;
			margin: 0 0 25px;
			color: #878787;
		}
		
		.wrapper .content #cajaRegistro .btnMorado {
			margin:auto;
		}
	
	.wrapper .content #cajaDatos {
		padding: 0 0px 50px;
	    box-sizing: border-box;
	}
	
		.wrapper .content #cajaDatos h3 {
			font-size: 0.813em;
			color:#939393;
			line-height:1.5em;
			font-weight:300;
		}
	
.wrapper .content .content_art h3 {
	padding: 0;
	margin: 0;
	font-size: 1.250em;
	color: #000;
	margin-top: 30px;
	margin-bottom: 15px;
}

	.wrapper #content10 h3 {
		color: #626467;
		line-height:1.5em;		
		font-weight:400;
		margin:0;
	}
	
	.wrapper #content10 ul li {
		list-style:decimal;
	}
	
	.wrapper #content10 .btnMorado {
		margin:20px auto;
	}
	
.wrapper .content .content_art ul {
	padding: 0;
	margin: 0;
	margin-left: 30px;
}
.wrapper .content .content_art ul li {
	line-height: 1.7em;
	list-style: url(../imgs/bulletx2.png);
	margin-bottom: 10px;
}
.contenedor-botonera {
	width: 205px;
	margin: auto;
	min-height: 40px;
}
.contenedor-botonera .button {
	border-radius: 20px;
	border: none;
	color: white;
	padding: 10px 80px;
	cursor: pointer;
	text-decoration: none;
	font-size: 1.1em;
	background: #40b101;
	text-align: center;
}
.cierre-cuentanos {
	text-align: center;
	margin: 50px 0;
}
.cierre-cuentanos h5 {
	font-size: 1.5em;
	padding: 0;
	margin: 0;
}

.cajaCita {
	/*background: url(../imgs/comilla1.png) no-repeat 95% 80%,
				url(../imgs/comilla2.png) no-repeat 5% 20% #F5F5F5;		
	background-size:7%;			
	background: url(../imgs/comillas.png) no-repeat 40% 0% #F5F5F5\9;*/
	background:#F5F5F5;
	padding:40px 20px;
	box-sizing:border-box;
}

#cajaCitaAlcohol, #cajaCitaAmor, #cajaCitaSuenios {padding: 55px 20px;}


	.cajaCita h4 {
		font-size:1.1em;
		text-align:center;
		line-height:30px;
		font-weight:300;
		color:#000;
		width: 80%;
		margin: auto;
		font-style:italic;
	}
	
		.cajaCita h4 span {
			color:#636467;
			font-size:.9em;
		}
		
	.cajaPie {
		padding:40px 20px 70px;
		box-sizing:border-box;
	}
	
		.cajaPie div {
			display:inline-block;
			*display:inline;
			vertical-align:top;
			zoom:1;
			width:49.5%;	
			padding:80px 20px 0;
			box-sizing:border-box;
			text-align:center;
		}
		
		#cajaBiblioteca {
			background: url(../imgs/icoBiblioteca.svg) no-repeat center top;
			background-size: 60px;
		}
		
		#cajaCuentanos {
			background:url(../imgs/icoCuentanosF.svg) no-repeat center top;
			background-size: 50px;
		}
		
			#cajaCuentanos h5 {
				text-align:center;
			}
		
			.cajaPie div a {
				color:#15B1FF;
				font-size:1.3em;		
				text-decoration:underline;		
			}
			
			.cajaPie div h5 {
				color:#636467;
				font-size:1em;	
				font-weight:300;
				line-height:24px;
				margin:15px 0 0;
				text-align:left;
			}
			
				.cajaPie div h5 a {
					font-size:1em;	
					line-height:24px;
				}
				
	.cajaPie div ul {			
		text-align: left;
		padding: 0 20px;		
		margin:0;		
	}

.footer {
	width: 100%;
	height: 30px;
	border-top: solid 1px #e6edef;
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	display: none;
}
.footer h5 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: .8em;
	color: #959695;
	float: left;
	width: 40%;
	padding-top: 8px;
}
.footer .contenedor-footer {
	width: auto;
	max-width: 1100px;
	margin: auto;
	padding: 0 2%;
}
.footer .contenedor-footer h5 a {
	color: #00a4ff;
}
.footer .contenedor-footer h5 a:hover {
	text-decoration: underline;
}
.footer .contenedor-footer ul {
	padding: 0;
	margin: 0;
	float: right;
	width: 59%;
}
.footer .contenedor-footer ul li {
	font-size: .8em;
	text-decoration: underline;
	color: #3f3f3f;
	float: right;
	list-style: none;
	padding: 6px 0 0 28px;
	margin-right: 20px;
	min-width: 10%;
	text-align: left;
}

.footer .contenedor-footer ul li a:hover {
	color: #969696;
}
.footer .contenedor-footer ul li:first-child {
	margin-right: 0;
}

.footer .contenedor-footer ul li:last-child {
	min-width: 12%;
}


.footer .contenedor-footer .icono-mapa {
	background: url(../imgs/FOOTER/mapa-sitio.png) no-repeat;
	width: 25px;
	width:100px\9;
	margin:0\9;
	height: 25px;
}
.footer .contenedor-footer .icono-cuentanos {
	background: url(../imgs/FOOTER/cuentanos.png) no-repeat;
	width: 25px;
	height: 25px;
}
.footer .contenedor-footer .icono-honestel {
	background: url(../imgs/FOOTER/honestel.png) no-repeat;
	width: 25px;
	height: 25px;
}
.footer .contenedor-footer .icono-ideas {
	background: url(../imgs/FOOTER/ideas.png) no-repeat;
	width:5%;
	min-width:auto;
	height: 25px;
}
.video-responsive-contenedor {
	position: relative;
	padding-top: 56.25%;
}
.video-responsive-src {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}


.footer-movil {
	width: 100%;
	background-color: #f7f7f7;
	text-align:center;
	height:90px;
	padding:15px;
	box-sizing:border-box;	
	position:relative;	
}

#footerRegistro {
	position:fixed;
	bottom:0;
}

#footerInicio {
	position:fixed;
	bottom:0;
}

	
	.footer-movil h4 {
		color: #6E6E6E;
		font-weight: normal;
		font-size: .8em;
		*margin:20px 0;
	}	
	

.footer-movil ul {
	box-sizing:border-box;
	margin: 0;
	display:inline-block;
	*display:inline;
	vertical-align:middle;
	zoom:1;
	padding: 0;
	text-align:left;
}

	.footer-movil ul li {
		width: 45px;
		align-items: center;
		list-style: none;
		display: inline-block;
		*display:inline;
		vertical-align:middle;
		zoom:1;
		height:30px;		
	}
	
	.footer-movil ul li:hover:after {			
		background: url(http://portal.socio.gs/html/ms/resources/footer/fondoRedes2.png) no-repeat -35px center;
		color:#fff;
		text-align:center;
		font-size:13px;
		padding:8px 5px;
		box-sizing:border-box;	
		position:absolute;
		top: 0px;
	}	
	
	.footer-movil ul li#fb {
		background:url(../imgs/FOOTER/iconos-movil-facebook.svg) no-repeat;
	}
	
	.footer-movil ul li#fb:hover {
		background:url(../imgs/FOOTER/iconos-movil-facebookOn.svg) no-repeat;
	}
	
	.footer-movil ul li#fb:hover:after {
			content:"FamiliaSocios";			
			left: 0;
		}
	
	.footer-movil ul li#twt {
		background:url(../imgs/FOOTER/iconos-movil-twitter.svg) no-repeat;
	}
	
	.footer-movil ul li#twt:hover {
		background:url(../imgs/FOOTER/iconos-movil-twitterOn.svg) no-repeat;
	}
	
	.footer-movil ul li#twt:hover:after {
		content:"familiasocios ‏";
		left: 50px;
	}


	.footer-movil h5 {
		font-size:1em;
		color:#fff;
		font-weight:100;
		padding:10px 0;
		box-sizing:border-box;
		margin:0;
		text-align:left;
	}
	
	#cajaRedes {
		float:left;
		padding: 15px 10px;
	    box-sizing: border-box;
	}
	
	.cajaFirma {
		padding: 15px 0;
		box-sizing: border-box;
		float: right;
	}
	
		#firmaBienestar {
			width: 350px;
		}
	
		.footer-movil h6{
			font-size:.8em;
			color:#c0c0be;		
			font-weight:100;
			margin:10px 0;
			display:inline-block;
			vertical-align:middle;
		}
		
		.footer-movil h6 a{
			font-size:1em;	
			color:#c0c0be;
			font-weight:400;			
		}
		
		#footerInicio h6 a:hover{text-decoration:underline;}	
	
		
	

/*** menu **/

.perfil {
	height:300px;
	width:100%;	
	padding:20px 0 0 50px;
	box-sizing:border-box;
	background:#F4ECFF;
	display:none;
}

	.fotoPerfil {
		width:135px;
		height:135px;
		border:2px solid #E4DFDA;
		border-radius:100px;
}

	.logoNegocio {
		height:45px;
		width:45px;
		border-radius:50px;
		background:url(../imgs/logoTP.png) no-repeat center;
		margin: 112px auto 0;	
	}
	
		/*.submenus {
			border-bottom: 1px solid #e6edef;
			overflow:hidden;
		}*/
		
			.submenus h5 {
				font-size: 1em;
				letter-spacing: .3px;
				text-align: left;
				margin: 0;
				padding: 15px 5%;
				box-sizing: border-box;
				font-weight: 400;
				line-height: 20px;
			}
			
			.submenus h5:hover {
				background:#fff;
				color:#000;
			}
			
			.menu a {
				color:#626467;
				
			}
		
			.submenus ul li a {
				padding:15px 5% 15px 11%;
				box-sizing:border-box;
				display:block;
				font-size:1.2em;
				line-height: 20px;
			}
		
		#acompanamiento h5{
			background:url(../imgs/icoBienestar.png) no-repeat 5% 50% / 22px 20px;
			background:url(../imgs/icoBienestar.png) no-repeat\9;		   
		}
	
		

		#acompanamiento {display:none;}
		
		#acompanamientoEscritorio h5{
			background:url(../imgs/icoBienestar.png) no-repeat 5% 50% / 10%;
			background:url(../imgs/icoBienestar2.png) no-repeat\9;	
			
		}
		
		#acompanamientoEscritorio h5:hover {
			background:url(../imgs/icoBienestar1.png) no-repeat 5% 50% / 10% #9f48a2;
			color:#fff;
			background:url(../imgs/icoBienestar3.png) no-repeat #9f48a2\9;
			
		}
		
		.iconsMedia {			
			box-sizing: border-box;
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			margin:30px 0;
			position: relative;
		}
		
		/*#iconsMedia10 {
			margin-left:50px;
		}
		*/
		
			.iconsMedia h4 {
				margin:0 20px 0 0;
				font-weight:400;
				display:inline-block;
				*display:inline;
				vertical-align:middle;
				zoom:1;	
				font-size:1em;
				color:#bfc0cb;
				background:url(../imgs/icoDate.svg) no-repeat 0 center;				
				padding-left: 25px;
				box-sizing:border-box;
			}
			
			
			.iconsMedia .icon {
				width: 30px;	
				height: 30px;
				display:inline-block;
				*display:inline;
				vertical-align:middle;
				zoom:1;	
				margin:0 5px;
			}
			
			.iconsMedia #icoShare{
				width:20px;
				height:20px;
				background:url(../imgs/icoShare.svg) no-repeat;					
			}
			
			#contentShare:hover #icoShare{
				background:url(../imgs/icoShareOn.svg) no-repeat;		
			}			
			
			.iconsMedia #contentShare {
				display:inline-block;
				*display:inline;
				vertical-align:middle;
				*zoom:1;	
				cursor:pointer;
			}
			
			.iconsMedia #contentShare:hover #cajaShare{
				display:block;
			}
			
				.iconsMedia #cajaShare {
					background:url(../imgs/fondoShare.svg) no-repeat;
					padding: 8px 5px 30px;
					box-sizing: border-box;
					position: absolute;
					top: -60px;
					right: 0;					
					display:none;
				}
				
				#cajaShare span {
					color:#fff;
					float:left;
					margin:8px 0 0 20px;
					font-size:.8em;
					font-weight:100;
					display:none;
				}
				
				.cajaShareCorp {
					width: 170px;
					background-size: 90% !important;
				    background-position: 15px 0px !important;
				}
				
			
								
			
					.iconsMedia #cajaShare #icoFb {
						background:url(../imgs/facebook.svg) no-repeat center;
						background-size:22px 22px;						
					}
							
					.iconsMedia #cajaShare #icoTwitter {
						background:url(../imgs/twitter.svg) no-repeat center;
						background-size:26px 26px;
					}
					
					.iconsMedia #cajaShare #icoMail {
						background:url(../imgs/icoMail.svg) no-repeat center;
						background-size:26px 26px;
					}
			
			
		
#contentCuentanos .col {
	display:inline-block;
	*display:inline;
	vertical-align:top;
	zoom:1;	
	padding:100px 20px;
	box-sizing:border-box;
	width:49.5%;
}

	#contentCuentanos #col1 {
		
	}
	
		#contentCuentanos #col1 h1{ 
			font-size:2em;
			text-align:center;
			line-height:40px;
			color:#000000;
			font-weight:100;
			width:65%;
			margin:auto;
			font-family:"proxima";
		}
		
		#contentCuentanos #col1 img {
			margin:auto ;
			display:block;	
		}
		
		#contentCuentanos #col1 #imgApp {
			width:18%;
			margin:50px auto 0;
		}
		
		#contentCuentanos #col1 #imgGoogle {
			width: 51%;
		}
		
		#contentCuentanos #col1 h5{ 
			font-size:1em;
			text-align:center;
			color:#000000;
			font-weight:100;
			margin:10px auto;
			background:url(../imgs/lineThrough.png) no-repeat center center;
			background-size: 60%;
			font-family:"proxima";
		}
		
		#contentCuentanos #col1 h3{ 
			font-size:1.2em;
			text-align:center;
			color:#000000;
			font-weight:400;
			margin:10px auto;
			line-height:26px;
			width: 65%;
			font-family:"proxima";
		}
		
		
		#contentCuentanos #col1 h3 a {
			color:#15B1FF;
			text-decoration:underline;
		}
		
	#contentCuentanos #col2 {
		height:900px;
		background:url(../imgs/mockup.png) no-repeat left 80px;
	    background-size: 90%;
	}
	
	
#content10 .cajaRegistros {
	text-align:center;
	margin:0 auto 40px;
}
	
	#content10 .cajaRegistros img {
		margin:0 auto 5px;
	}
	
	#content10 .cajaRegistros h3 {
		font-weight:bold;	
		font-size:1.563em !important;
		line-height:1.3em;
	}

	#content10 .cajaRegistros p {
		font-weight:100;	
		font-size:1.250em;
	}
	
	#content10 .cajaRegistros p:last-child {
		width:85%;	
		margin:auto;
	}
	
	.cajaRegistros a img {
		width: 210px;
		margin: 10px 0 !important;
	}
	
@media screen and (min-width:0\0) { 
		.bread-crumbs img{
			height:55px;
		}
		
		#cajaBiblioteca {
			background-size: 60px 60px;	
		}
		
		#cajaCuentanos {
			background-size: 50px 60px;
		}
		
		#firmaBienestar {
			height:29px;
		}
		
		.bread-crumbs #burguer, .header #burguer-button {
			margin:20px 0 0;
			padding-left:60px;
		}
		
		.iconsMedia h4 {				
			background-position-x:-65px;
		}
		
		.iconsMedia #cajaShare {
			padding:20px 5px 30px;
			top:-65px;
		}
}
			

/***************************************************************/
/*********************** *Media query **************************/
/***************************************************************/

@media screen and (min-width:1025px) {
	
	.bread-crumbs {
		width:100%;
	}
	
	/*.bread-crumbs {
		width:80%;
	}*/
	
	.wrapper .content {
		/*width: 79.6%;*/
		width: 66.6%;
	}
	
	.imgs, .imgs-contenidos {
		width:auto;
	}
	
	#headerHome {width:100%;}
	
	.bread-crumbs #burguer {
		display:none;
	}
	
	.menu ul .btnSub#btnCerrar {
		display:none;
	}
	
	/*.menu {
		width: 20%;
    	left: 0;
	}*/
	
	.menu {
		/*width: 20%;*/
		width: 33%;
		left: 3px;
		height: 100%;
		zoom: 1;
		font-size: 0.8em;
		text-align: left;
		background: #fff;
		margin-left: 0;
		vertical-align: top;
		transition: all .5s ease-out;
		z-index: 9;
		display: inline-block;
		padding-top:60px;
		position:relative;
	}
	
	.menuHome {display:none;}
	
	#cajaGral {
		width: 100% !important;
		left: 0% !important;
	}
	
	#footerCuentanos {
		position:fixed;
		bottom:0;
	}
	
	/*#cajaGral {
		width: 80% !important;
		left: 20% !important;
	}*/
	
	
	/*#footerCuentanos{
		width:80%;
	}*/
	
	
}


@media screen and (max-width:1280px) {
	.wrapper {
		width:100%;
	}
}



@media screen and (max-width:1200px) {
	.imgs-contenidos {
		width:100%;
	}
}

@media screen and (max-width:1024px) {
	.menu #btnHome {
		display:block;
		float:left;
	}
	
	#footerRegistro {
		position:relative;
	}
	
	.wrapper .content #cajaDatos {
		padding: 0 20px 50px;
	}

}





@media screen and (max-width:995px) {
	.footer h5 {
		font-size: .7em;
		padding-top: 5px;
	}
	.footer .contenedor-footer ul {
		width: 59%;
	}
	
	#cajaCitaAlcohol, #cajaCitaAmor, #cajaCitaSuenios {
		padding: 40px 20px;
	}
	
	
	.imgs, .imgs-contenidos {
		width:100%;
	}
	

}

@media screen and (max-width:375px) {

/*#wrapperHome {
		height:480px !important;
	}*/
	
	/*#imgHome {
		height:480px !important;
	}*/
	
}

@media screen and (max-width:965px) {
	
	#wrapperHome {
		width:100%;
	}
	
	#imgHome {	
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	}
	
	.footer h5 {
		font-size: .7em;
	}

}



/*Media query 880*/


@media screen and (max-width:880px) {
	
	.wrapper .menu {
		margin-bottom:140px;	
	}
	
	#wrapperCuentanos .menu {
		margin-bottom:auto;
	}
		
	#acompanamiento h5 {
		background: url(../imgs/icoBienestar.png) no-repeat 5% 50% / 10%;
	}
	
	#imgHome {
		height:930px;	
	}
	
	.wrapper .content #cajaTemas {
		margin-bottom:30px;
		width:100%;
	}
	
	.wrapper .content #cajaTemas .tema {
		width:30%;
	}
	
	/*#footerInicio {
		position:relative;
	}*/
	
	.footer .contenedor-footer h5 {
		width: 47%;
	}
	.footer .contenedor-footer ul {
		width: 52%;
	}
	
		/*.wrapper .content #cajaTemas .tema h4 {
			width:60%;	
		}*/
		
		/*.wrapper .content #cajaTemas {
			margin: 80px auto 0;
			width:100%;
		}*/
		
		
}


/*Media query 768*/

@media screen and (max-width:768px) {
	
	.wrapper .content .content_art h1 {
		font-size: 2em;
	}
	.wrapper .content .content_art h2 {
		font-size: 0.9em;
	}
	.wrapper .content .content_art h3 {
		font-size: 1.2em;
	}
	.wrapper .content .content_art ul li {
		line-height: 1.6em;
	}
	
	#contentCuentanos #col2 {
		height: 800px;
	}
	
	#contentCuentanos #col1 h1 {
		width:auto;
	}
	#contentCuentanos #col1 h3 {
		width:auto;
	}

	/*.wrapper .content #cajaTemas {
		margin: 100px auto 0;
	}*/
	
	.cajaFirma {width:50%;}
	
		#firmaBienestar {
			width: 100%;
		}


}



/*Media query 640*/

@media screen and (max-width:640px) {
	.bread-crumbs h4 {
		font-size: 0.85em;
	}
	

}


/*Media query 620*/

@media screen and (max-width:620px) {
.footer .contenedor-footer h5 {
	width: 35%;
}
.footer .contenedor-footer ul {
	width: 60%;
	
}
}

/*Media query 500*/

/*@media screen and (min-height: 700px) and (max-width: 600px) {

	.wrapper .content .imgs-home-movil {
		height:640px !important;
	}
	
}
*/

@media screen and (max-width: 600px) {
	
	#menu2 {
		display:block;
	}

	.footer-movil{
		height:auto;
		
	}
	
	.imgs{display:none;}
	
	.wrapper {
		overflow-x:hidden;
		width: auto;
		padding-top: 0;		
	}
	
	#imgHome {
		background:url(../imgs/BG-Home2x.png) no-repeat center top / 100%;
		height:1300px;
	}
	
	#wrapperHome .btnMorado {
		padding:9px 10px;
		width:70%;	
	}
		.btnMorado a {
			font-size:1.2em;	
		}
	
	#wrapperHome {
		width:100%;
		margin-bottom:0 !important;
	}
	
	
	.header {
		display: block;
		position: fixed;
		z-index: 2;
		background:#f5f2ef;
		height:60px;
	}
	.burguer-button {
		display: block;
	    float: left;
	    margin: 18px;
	}
	
	.homeHeader { 
		background:url(../imgs/icoJuntos.svg) no-repeat center;
		height: 30px;
    	width: 30px;
	    margin: 12px auto 0;
	}
	
	.header a {
		display: block;
		width: 41px;
		margin: auto;
	}



	.wrapper .menu {
		/*display: none;*/
		width: 80%;
		letter-spacing: .3px;
		text-align: center;
		position: fixed;
		left: -100%;
		top: 0;
		bottom: 0;
		right: 0;
		/*display: flex;*/
		/*align-items: center;*/
		text-align: left;
		transition: .3s;
		z-index: 2;
		/*margin-top: 50px;*/
		box-shadow: -3px 20px 20px #888888;
		overflow-y: scroll;
		height:auto;
		margin-bottom:auto;
	}
	.wrapper .menu ul {
		padding: 0;
		margin: 0;
	}
	.wrapper .menu ul li {
		display: block;
		margin: 0;
		clear:both;
	}
	
	
	.menu.active {
		left: 0;
	}
	.bread-crumbs {
		display: none;
	}
	
	.wrapper .content {
		width: 100%;
	}
	.wrapper .content .imgs {
		display: none;
	}
		
	/*.wrapper .content .imgs-contenidos{
		margin-top: 50px;
	}*/
	
	.wrapper .content .imgs-home-movil{
		display: block;
	}	
	
		
	.wrapper .content .content_art {
		padding:30px;
	}
	
	
	.wrapper .content .content_art h2 {
		margin-bottom:25px;
	}
	
	
	.iconsMedia {
		display: block;
		text-align: center;
	}
	
	#iconsMedia10 {
		margin: 30px auto;
	}
	
	/*.wrapper .content #content10 {
		padding:10px 30px 30px;
	}
		*/	
	.button {
		display: block;
	}
	
	.iconsMedia #cajaShare {
		right: 60%;
		left: 40%;
		width: 140px;
	}
	
		
		.submenus a {
			color:#414141\9 !important;
			background:#fff\9;
		    padding: 15px 5% 13px 12% !important;
			line-height:normal !important;
		}
		
		.menu ul > a {
			 padding: 15px 5% 13px 4% !important;
		}
		
		#btnHome2 {
			margin:0 !important;	
		}
		
		
	#menuAcompanamiento {
    	/*display: none;*/
	}

	#acompanamientoEscritorio h5{
			background: url(../imgs/icoBienestar.png) no-repeat 5% 50% / 7%;
		}
	
		#acompanamientoEscritorio h5:hover {
			background:url(../imgs/icoBienestar1.png) no-repeat 5% 50% / 7% #9f48a2;
			background:url(../imgs/icoBienestar3.png) no-repeat #9f48a2\9;
			
		}
			
		.acompanamientoA h5{  
			background: url(../imgs/icoBienestar.png) no-repeat 5% 50% / 22px 20px,
						url(../imgs/flechaUp.png) no-repeat 90% 50% / 15px 10px !important;	
		}
	
	
	
	.cajaPie div {
		display:block;
		width: 100%;
		padding: 80px 20px 30px;
	}
	
	#contentCuentanos #col1 {
		width:100%;	
	}
	
	#contentCuentanos #col2 {
		display:none;
	}
	
	.footer {
		display: none;
	}
	
	#footerInicio {
		/*display: none;*/
	    position: relative;
		height: auto;
		/*background:none;*/
	}
	
	.footer-movil ul {
		display:block;
		text-align:center;
		padding:10px 0;
	}
	
		.footer-movil h5 {
			text-align: center;
		}
		
	#cajaRedes {
		float: none;
	    padding: 10px 10px 5px;
	}	
		
	.cajaFirma {
		display:block;
		margin:0 auto 35px;
		float:none;
		width:auto;
	}	
	
		.cajaFirma h6 {
			text-align:center;
		}
		
		#footerInicio h6 {
			position:absolute;
			bottom:0;
			left: 0;
		    right: 0;
		    margin: 40px 0;
		}
		
		
		#firmaBienestar {
			width: 350px;
		}

	.wrapper .content #pleca {
		/*top: 47%;*/
		display:none;
	}	
	
	.wrapper #cajaTemas h3 {
		font-size: 1.8em;
		width: 82%;
		margin: 0 auto 10px;
		line-height: 1.2em;
	}
	
	.wrapper #cajaTemas h5 {
		font-size: 1.2em;
		width: 95%;
		margin: auto auto 20px;
	}
	
	
	/*
	.wrapper #cajaTemas h4 {
		display:none;
	}*/
	
	.wrapper .content #cajaTemas {
		margin: 40% auto 20px;
		width: 95%;
		top: 320px;
	}
	
		.wrapper .content #cajaTemas .tema {
			width: 48%;
			/*display:none;*/
		}
		
		.tema#tema9{
			display:block !important;
			width:60% !important;
		}
		
			.wrapper .content #cajaTemas .tema h4 {
				width:91%;	
			}
			
	.footer-movil ul li#fb:hover:after {
		display:none;
	}
	
	.footer-movil ul li#twt:hover::after {
		display:none;
	}
	
	.wrapper .content #cajaRegistro h4 {
		margin:0 0 15px;	
	}

	.cajaPie {
		padding: 40px 20px 20px;
	}
}

@media screen and (max-height: 1000px) { 

	#footerInicio, #footerRegistro {
 	}

}

@media screen and (max-height: 800px) { 
	
	#wrapperHome {
		margin-bottom:40px;
	}
	
	#content10 {
		margin-bottom:50px;
	}
	
	#footerCuentanos {
 
	}

}

@media screen and (max-width: 500px) { 

	.wrapper .content #pleca {
		position:relative;
	}	
	
	/*#imgHome{
		height:auto;
	}*/
	
	.wrapper .content #cajaTemas {
		    margin: 0 auto 20px;
			width: 95%;
			top: 320px;
	}
		
		.wrapper .content #cajaTemas .tema {
			width: 100%;
			margin:0;
		}
		
	.iconsMedia #cajaShare {
		right: 65%;
		left: 35%;
		width: 140px;
	}	
	
	.wrapper .content #cajaTemas .tema {
			width: 100%;
			display:block;
		}
		
		.tema#tema9{
			width: 100% !important;
		}
	
}


@media screen and (max-width: 360px) {
	/*#imgHome{
		height:550px;
	}*/
	
	#firmaBienestar {
		width: 300px;
	}
}

/*Query para las imagenes retina que se invoquen desde el css*/

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.footer .contenedor-footer .icono-mapa {
	background: url(../imgs/FOOTER/mapa-sitio.png) no-repeat;
}
}



#linkBiblioteca, .cajaSubmenu #linkBiblioteca, #cajaBiblioteca {display: none;}