/*@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('fonts/MyriadPro-Regular.eot');
  src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/MyriadPro-Regular.woff2') format('woff2'),
       url('fonts/MyriadPro-Regular.woff') format('woff'),
       url('fonts/MyriadPro-Regular.ttf') format('truetype'),
       url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}*/

.gridrazones
{
	width:100%;
	margin-right:0px;
	/*font-family:'MyriadPro-Regular';*/
}

.titulorazones
{
	background:#005285;
	color:#fff;
	text-align:center;
	padding:25px 25px 15px;
	margin-bottom: 40px;
	margin-top: -40px;
	padding-top: 50px;
}

.subtitulo
{
	margin:0px;
}

.logob
{
	vertical-align:middle;
}

.globorazon
{
	/*display:inline-block;
	width:49%;*/

	width:100%;
	display:block;
		
	text-align:center;
	vertical-align: top;
	clear:both;
}

.globorazon p
{
	text-align:center !important;
	margin-bottom: 5px !important;
	margin-top: 35px !important;
}

.razon
{
	display: inline-block;
	color:#005285;
	vertical-align: top;
	text-transform:uppercase;
	margin-top: 5px;
	letter-spacing: 1px;
	/*width: 90%;*/
}

.razon:after
{
	content:"+";
	color:#fff;
	background:#005285;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: bold;
	margin-left: 5px;
	font-size: 12px;
	padding: 0px 3px 0px;
}

.abierto:after
{
	content:"-";
	padding: 0px 5px 1px;
}

.numero, .numero10
{
	font-size: 25px;
	font-weight: bold;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 4px 0px;
	width: 27px;
	margin:0 auto;
	text-align: center;
	margin-right: 10px;
}

.numero10
{
	padding-right: 2px;
	width:25px;
	letter-spacing: -2px;
}

.btnaccion a
{
	padding: 12px 20px;
	background:#005285;
	color:#fff;
	font-size: 14px;
	display:block;
	width: 120px;
	margin: 35px auto;
	border-radius: 10px;
}

#formulariocontacto2
{
	display:none;
}

.enlacerazon
{
	font-weight:bold;
	text-decoration:none !important;
	color:#fff !important;
}

.bannerrazones
{
	text-align:center !important;
	margin-bottom: -8px !important;
}

.bannerrazones img
{
	max-width:100%;
}

.globorazon p.azul, .globorazon div.azul
{
	color:#005285;
	/*width:80%;*/width:100%;
	box-sizing: border-box;
	margin-top:0px !important;
	margin-bottom: 20px !important;
	background:#fff;
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*float:right;*/float:none;
	text-align:left !important;
}

.globorazon div.azul
{
	line-height: 150%;
	text-align: left;
}

.globorazon div.azul ul
{
	padding-left:10px;
}

#extra4
{
	padding: 47px 20px;
}

#extra7
{
	padding: 29px 20px;
}

#extra8
{
	padding: 30px 20px;
}

#extra10
{
	padding: 28px 20px;
}

.globorazon p.p7especial
{
	margin-top: 20px !important;
}

#formulariocontacto
{
	margin-top:30px;
	display:none;
}

.formulariocontacto .formulari_tienda .fila_contacto .tit_contacto
{
	text-align:left;
}

.formulariocontacto .formulari_tienda .fila_contacto .input_contacto
{
	width:auto;
	max-width:100%;
}

.formulariocontacto .input_contacto input {
    font: normal 12px Arial, Verdana;
    padding: 3px;
    width: 300px;
}

.formulariocontacto .tit_contacto {
    width: 130px;
}

.formulariocontacto .height60 textarea {
    font: normal 12px Arial, Verdana;
    height: 100px;
    resize: none;
    padding: 3px;
    width: 300px;
}

.formulariocontacto .height60 {
    height: 120px;
}


#popupfondo
{
	height:100%;
	width:100%;
	background: rgba(255,255,255,0.9);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 111;
	-ms-display:flex;
	display:flex;
}

#popup
{
	width:80%;
	margin: auto 10%;
	background:#005285;
	color:#fff;
	padding:10px;
	box-sizing:border-box;
	text-align: center;
	position:relative;
}

.titlepopup
{
	text-align: center;
}

.btnpopup
{
	cursor:pointer;
	background:#fff;
	color:#005285;
	padding:0px 25px;
	width:48%;
	text-align:center;
	box-sizing:border-box;
	display:inline-block;
	margin: 1%;
	vertical-align: top;
	height:80px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	float: left;
	font-size: 18px;
	text-transform: uppercase;
}

.btncerrar
{
	color:#fff;
	cursor:pointer;
	position: absolute;
	right: 15px;
	top: 10px;
	font-weight: bold;
	font-size: 20px;
}




@media screen and (max-width:885px) {
	
	.globorazon
	{
		width:100%;
		display:block;
	}
	
	#extra4,#extra7,#extra8,#extra10
	{
		padding: 20px;
	}
	
	.globorazon p.azul
	{
		float:none;
	}
	
	.globorazon p.p7especial
	{
		margin-top: 35px !important;
	}

}

@media screen and (max-width:500px) {
	.btnpopup
	{
		width:100%;
		display:block;
		margin:10px auto;
		padding:25px;
		height:auto;
	}
}



/*PAGINA SILUETA SANA////////////////////////////////////////////////////////////////////////////////*/

.logosiluetasana
{
	width:25%;
	vertical-align: top;
}

.titulosilueta
{
	display: inline-block;
	width: 72%;
	vertical-align: middle;
	font-size: 14px;
	margin-left: 1%;
	margin-top:0px;
	/*font-family: 'Cocon-Light';*/
}

.titulosilueta span
{
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
}

.divpasos
{
	width: 160px;
	margin: 0px auto;
	position: relative;
}

.numtilsilueta
{
	position:absolute;
	top:-32px;
	left: -10px;
}

.numerosilueta
{
	color:#F7931D;
	border:solid 4px #F7931D;
	background:#fff;
	padding: 0px 10px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0,1);
	-moz-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0,1);
	box-shadow: 0px 0px 10px -3px rgba(0, 0, 0,1);
	font-size:30px;
	
}

.slogansilueta
{
	display: inline-block;
	margin-left: 5px;
	text-align:center;
	
}

.v3_cont_opciones a.tu_centro_nuevo,
.v3_cont_opciones a.tu_asesora_nuevo,
.v3_cont_opciones a.tu_dieta_nuevo,
.v3_cont_opciones a.tus_resultados_nuevo
{
	text-align:left;
	position: relative;
	background:none;
}

.v3_cont_opciones a.tu_centro_nuevo:hover,
.v3_cont_opciones a.tu_asesora_nuevo:hover,
.v3_cont_opciones a.tu_dieta_nuevo:hover,
.v3_cont_opciones a.tus_resultados_nuevo:hover
{
	background:none;
}

.v3_cont_opciones a.v3_opcion
{
	padding-top:35px;
}

.imagennumsilueta
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0,1);
	-moz-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0,1);
	box-shadow: 0px 0px 10px -3px rgba(0, 0, 0,1);
}

.textobannerblanco
{
	color:#fff;
	clear: both;
	margin-top: 110px;
	display: inline-block;
}

.botonesn
{
	text-align:center;
	margin-top:50px;
	margin-bottom: 100px;
}

a.btnnaranja, a.btnnaranja2
{
	background: rgba(249,178,37,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(249,178,37,1) 0%, rgba(231,55,39,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(249,178,37,1)), color-stop(100%, rgba(231,55,39,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(249,178,37,1) 0%, rgba(231,55,39,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(249,178,37,1) 0%, rgba(231,55,39,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(249,178,37,1) 0%, rgba(231,55,39,1) 100%);
	background: radial-gradient(ellipse at center, rgba(249,178,37,1) 0%, rgba(231,55,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b225', endColorstr='#e73727', GradientType=1 );
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	color:#fff;
	
	-webkit-box-shadow: -3px 4px 0px -2px rgba(0,111,185,1);
	-moz-box-shadow: -3px 4px 0px -2px rgba(0,111,185,1);
	box-shadow: -3px 4px 0px -2px rgba(0,111,185,1);
	
	border-bottom:solid 3px #fff;
	border-left:solid 3px #fff;
	display: inline-block;
	padding: 15px;
	text-align:center;
	margin: 2%;
	width: 40%;
	
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
	font-size: 20px;

}

a.btnnaranja:hover, a.btnnaranja:focus, a.btnnaranja:active,
a.btnnaranja2:hover, a.btnnaranja2:focus, a.btnnaranja2:active
{
	color:#fff;
}

.imagenabajo
{
	margin-left:-241px;
}

.imagenabajo img, .imagenabajo2 img
{
	vertical-align: bottom;
}




@media screen and (max-width:970px)
{
	.v3_cont_opciones a.v3_opcion
	{
    	width: 45%;
		margin-bottom:10px;
	}
	.textobannerblanco
	{
		margin-top:0px;
	}
	
	.imagenabajo
	{
		margin-left:0px;
	}

	.imagenabajo img
	{
		max-width:100%;
	}
	
	.botonesn
	{
		margin-bottom: 0px;
	}
}

@media screen and (max-width:670px)
{
	.v3_cont_opciones a.v3_opcion
	{
    	width: 100%;
	}
	
}





/**********PAGINA TU CENTRO**************/

.v3_cont_opciones.opc2 .v3_opcion
{
	overflow:visible;
	height: 150px;
}

.v3_tu_centro_cont .v3_der
{
	position:relative;
	top:auto;
}

.v3_tu_centro_cont
{
	padding-top:20px;
	max-width: 100%;
	float:none;
	display: block;
	clear: both;
	height: auto;
}

/************PAGINA TU DIETA************************/
.v3_tu_dieta_cont .v3_izq
{
	top:auto;
	position:relative;
}

.v3_tu_dieta_cont
{
	display: block;
	clear: both;
	padding-top: 20px;
	height: auto;
	max-width: 100%;
	float:none;
	padding-right:0px;
}

/*********************PAGINA DONDE COMPRAR***********************************/

.donde_comprar .resultado2
{
    background: #D1E8EF url("../img_home_ss/logosiluetasana2.png") no-repeat scroll right 10px top 10px !important;
	position:relative;
	padding:10px;
}

.pequena1
{
	float:right;
	font-size: 9px;
	font-style: italic;
	bottom: 2px;
	position: absolute;
	right: 10px;
}


/*PAGINA TU ASESORA****************************************************************/


/*@font-face {
  font-family: 'Cocon-Bold';
  src: url('fonts/Cocon-Bold.eot');
  src: url('fonts/Cocon-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Cocon-Bold.woff2') format('woff2'),
       url('fonts/Cocon-Bold.woff') format('woff'),
       url('fonts/Cocon-Bold.ttf') format('truetype'),
       url('fonts/Cocon-Bold.svg#Cocon-Bold') format('svg');
}

@font-face {
  font-family: 'Cocon-Light';
  src: url('fonts/Cocon-Light.eot');
  src: url('fonts/Cocon-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Cocon-Light.woff2') format('woff2'),
       url('fonts/Cocon-Light.woff') format('woff'),
       url('fonts/Cocon-Light.ttf') format('truetype'),
       url('fonts/Cocon-Light.svg#Cocon-Light') format('svg');
}

@font-face {
  font-family: 'Cocon-Regular';
  src: url('fonts/Cocon-Regular.eot');
  src: url('fonts/Cocon-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Cocon-Regular.woff2') format('woff2'),
       url('fonts/Cocon-Regular.woff') format('woff'),
       url('fonts/Cocon-Regular.ttf') format('truetype'),
       url('fonts/Cocon-Regular.svg#Cocon-Regular') format('svg');
}*/


.fondofoto1
{
	background:url(../img_home_ss/fondofoto1.jpg) no-repeat top center;
	display:inline-block;
	width: 35%;
	padding-top: 180px;
	position:relative;
	margin-top: -10px;
	vertical-align:top;

}

.fondofoto2
{
	background:url(../img_home_ss/nutricionista.jpg) no-repeat top center;
	display:inline-block;
	width: 35%;
	padding-top: 280px;
	position: relative;
	margin-top: -110px;
	vertical-align:top;

}

a.btnnaranja2
{
	width:80%;
	position:absolute;
	left: 0px;
	top: 150px;
	margin: 0 5%;
	
}

.botonmas
{
	position: absolute;
	bottom: -17px;
	color: #fff;
	background: #009FE3;
	padding: 0px 8px;
	left: 47%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

a.btnasesora
{
	top: 250px;
}

.grisexpand
{
	display: inline-block;
	width: 100%;
}

#mostrarcentro, #mostrarmetodo
{
	display:none;
}

.grisexpand2
{
	background:#F0F4F7;
	padding-top: 50px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	margin-bottom:20px;
}

.textoexpand
{
	margin-top: 20px;
}

.sloganpre
{
	text-align:center;
	color:#002263;
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
}

.naranja
{
	color:#F39200;
}

.titolmasinfo
{
	text-align:left;
	color:#F39200;
	margin-bottom:5px;
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
	cursor:pointer;
}

.masinfo
{
	text-align:left;
	color:#002263;
	margin-top:0px;
	padding-left:30px;
	/*font-family: 'Cocon-Light';*/
	display:none;
}


.moremas
{
	color:#fff;
	background:#009FE3;
	padding: 0px 5px;
	margin-left:5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.imagenabajo2
{
	position:relative;
	clear: both;
}

.imagenabajo2 img
{
	max-width:100%;
}

.textofondoabajo
{
	position:absolute;
	bottom: 100px;
	left: 240px;
	color:#fff;
}

.titolfondoabajo
{
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
}

.parrafofondoabajo
{
	/*font-family: 'Cocon-Regular';*/
}

.telhorario
{
	/*font-family: 'Cocon-Regular';*/
	color: #002263;
	font-size: 14px;
	padding: 5px;
	text-align:left;
}

.labelbuscar, .inputbuscar
{
	/*font-family: 'Cocon-Light';*/
	color: #002263;
}

.labelbuscar
{
	text-align: left;
	margin-bottom: 5px;
	display: block;
	padding: 5px;
}

.inputbuscar
{
	background:#fff;
	border:none;
	height:50px;
	width:62%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
}

.btnbuscar
{
	color:#fff;
	width:30%;
	cursor:pointer;
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:60px;
	border:none;
	padding:5px;
	font-size: 17px;
	
	background: rgba(25,175,230,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(25,175,230,1) 0%, rgba(23,137,203,1) 51%, rgba(28,102,167,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(25,175,230,1)), color-stop(51%, rgba(23,137,203,1)), color-stop(100%, rgba(28,102,167,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(25,175,230,1) 0%, rgba(23,137,203,1) 51%, rgba(28,102,167,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(25,175,230,1) 0%, rgba(23,137,203,1) 51%, rgba(28,102,167,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(25,175,230,1) 0%, rgba(23,137,203,1) 51%, rgba(28,102,167,1) 100%);
	background: radial-gradient(ellipse at center, rgba(25,175,230,1) 0%, rgba(23,137,203,1) 51%, rgba(28,102,167,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19afe6', endColorstr='#1c66a7', GradientType=1 );

}

.v3_asesora_bk
{
	background:none;
}

#mostrarcentro #resultats_ajax
{
	font-size: 12px;
	color: #424242;
	/*font-family: 'Cocon-Regular';*/
	text-align:justify;
	
}

#mostrarcentro #resultats_ajax .subtitulo
{
	color: #002263;
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
	margin:10px 0px;
	font-size: 16px;
}

#mostrarcentro #resultats_ajax .resultado, #mostrarcentro #resultats_ajax #aclaracion, #mostrarcentro #resultats_ajax .pequena1,
#mostrarcentro #resultats_ajax .asterisk
{
	display:none;
}

#mostrarcentro #resultats_ajax .resultado2
{
	margin:10px 0px;
}

#mostrarcentro #resultats_ajax .resultado2 .nombre
{
	color: #002263;
	/*font-family: 'Cocon-Bold';*/
	font-weight:bold;
}

@media screen and (max-width:970px)
{
	
	.fondofoto1, .fondofoto2
	{
		width:60%;
	}
	
	.fondofoto2
	{
		margin-top:100px;
		margin-bottom: 100px;
	}
	
	.textofondoabajo
	{
		bottom:10px;
		left:10px;

	}
	
	a.btnnaranja
	{
		width:80%;
	}
}

@media screen and (max-width:520px)
{
	.fondofoto1, .fondofoto2
	{
		width:90%;
	}
	
	.main
	{
		margin-bottom:185px;
	}
}

@media screen and (max-width:430px)
{
	.textofondoabajo
	{
		display:none;
	}
	
	a.btnnaranja, a.btnnaranja2
	{
		font-size:15px;
	}
	
	.botonmas
	{
		font-size:20px;
	}
}


/*pagina quienes somos************************************************************************************/

/*@font-face {
  font-family: 'cgfuturamaxide';
  src: url('fonts/cgfuturamaxide.eot');
  src: url('fonts/cgfuturamaxide.eot?#iefix') format('embedded-opentype'),
       url('fonts/cgfuturamaxide.woff2') format('woff2'),
	   url('fonts/CgFuturaMaxiDe.woff') format('woff'),
       url('fonts/CgFuturaMaxiDe.ttf') format('truetype'),
       url('fonts/CgFuturaMaxiDe.svg#CgFuturaMaxiDe') format('svg');
}*/

.tituloquienes
{
	/*font-family: 'cgfuturamaxide';*/
	font-weight:bold;
	color: #005285;
	font-size: 18px;
	margin-bottom: 5px !important;
}

.subtituloquienes
{
	color:#575756;
}

.textoquienes
{
	color:#575756;
	text-align:justify;
	margin-top: 20px;
}

.mostrar
{
	font-weight:bold;
	color: #005285;
	margin-bottom: 5px !important;
	cursor:pointer;
}

.colapsar
{
	border-top:solid thin #005285;
	padding-top:10px;
	color:#575756;
	text-align:justify;
	margin-left: 10px !important;
	display:none;
}

.desplegables
{
	margin-top: 20px;
}

.ampliamasinfo
{
	width: 8px;
	display: inline-block;
}

.listaquienes
{
	list-style:none;
}

.listaquienes li
{
	color:#575756;
}

.listaquienes li:before
{
	content:'\2022';
	color: #005285;
	margin-right: 5px;
	vertical-align: middle;
	line-height: 0;
	font-size: 25px;
}

.titulorazones {
  border-radius: 0 0 20px 20px;
    border-radius: 0;
  margin: 0;
  padding: 16px 0 20px 0;
    padding: 16px 0;
}
.formulari_tienda {
  float: none;
  text-align: center;
  width: 100%;
}
.formulari_tienda > form {
  display: inline-block;
  width: 448px;
}
.form-control_xs { width: 100px !important; }
.validation-error {  
  border-color: #ff9999;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 153, 153, 0.6)
}
.select { width: 300px; padding: 2px 3px; }
.globorazon { padding: 0 20px; box-sizing: border-box; }
.globorazon > p { font-size: 14px; }
.globorazon .numero { font-size: 24px; height: 32px; line-height: 32px; width: 32px; padding: 0; }
.razon:after { display: inline-block; font-size: 15px; padding: 0; width: 19px; height: 19px; line-height: 19px; padding: 0; text-align: center; letter-spacing: initial; }
.abierto:after { padding: 0; }
.btn-submit {
  background: #002663;
  border: 0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  margin: 0 9px 0 0;
  outline: none !important;
  padding: 6px 20px;
  text-transform: uppercase;
}
.hidden { display: none !important; }



.panel {
  clear: both;
  float: right;
  margin-right: 39px;
  max-width: 670px;
  width: 100%;
}
.panel-default {
  background: #F0F4F7;
}

.inputbuscar {
  height: 38px;
  vertical-align: top;
}

.btnbuscar {
  height: 48px;
}

.formbuscar .autocomplete {
  display: block;
  margin-right: 0;
}
.formbuscar .autocomplete ul {
  text-align: left;
}
.telhorario { margin-bottom: 0; }