/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Nunito:800|Lato:400,100,100italic,300,300italic,400italic,700,900,700italic,900italic|Raleway:400,200,300,500,600,700,100,800,900&display=swap);

/* ESTILOS DEL SITIO */
	

html	{ position: relative; min-height: 100%; }

body { background-color: #f8f8f8; font-size: medium; }

h1 	{ font: 200 3.1em/1em 'Raleway', sans-serif; margin-bottom: 0.2em; color:#213a70; letter-spacing: -0.025em;}

h2 	{ font: 200 1.7em/1em 'Raleway', sans-serif; color:#213a70; letter-spacing: -0.025em; margin-top: 0.5em;}

h3 	{ font: 400 0.95em/1.3em 'Raleway', sans-serif; margin-bottom: 0.2em; color:#f26e69;}

.seccionFacial h2 { font: 400 0.95em/1.3em 'Raleway', sans-serif !important; margin-bottom: 0.2em; color:#f26e69;}
.seccionFacial h2 em { font-size: 1.5em; font-weight: 600; text-transform: uppercase; font-style: normal;}

.seccionHombres h2 { font: 400 0.95em/1.3em 'Raleway', sans-serif !important; margin-bottom: 0.2em; color:#f26e69;}
.seccionHombres h2 em { font-size: 1.5em; font-weight: 600; text-transform: uppercase; font-style: normal;}

h3 em { font-size: 1.5em; font-weight: 600; text-transform: uppercase; font-style: normal;}

.sobretitulo { display: inline-block; padding: 0.2em 0.5em; background-color: #f7a8a5; color: #ffffff;}

h4 	{ font: 600 0.85em/1.4em 'Raleway', sans-serif; margin-bottom: 0.5em; margin-top: 0.0em; color:#3076c0;}

h5 	{ font: 700 0.9em/1.4em 'Lato', sans-serif; margin-bottom: 0.2em; letter-spacing: -0.015em; color:#3076c0;}

p, li	{ font: 400 0.85em/1.4em 'Lato', sans-serif; color:#666666; margin-top: 0em; margin-bottom: 1em; }

p a { color:#3076c0; text-decoration: none; }


a:focus {outline:0px;}

a:hover { text-decoration: none;  } 

a:visited{ text-decoration: none;  } 

article p a:hover, li a:hover { color:#27609c; text-decoration: underline;  } 

li a { color:#3076c0; text-decoration: none; }

strong { color:#404040; }

ul, ol{ list-style-image: url('/Portals/0/Images/Articles/list_item_bullet.png'); -webkit-padding-start: 1em; margin-bottom: 0.3em;}

li	{ margin-bottom: 0.5em }

a	{ color:inherit;}


.seccionFacial .pielNormal h3 em 			{ color: #99badf; }
.seccionFacial .subsecNormales h3 em		{ color: #3399cc; }
.seccionFacial .subsecMixtas h3 em		{ color: #3b8b77; }
.seccionFacial .subsecSecas h3 em 		{ color: #D69DC6; }
.seccionFacial .subsecUltra h3 em 		{ color: #99badf; }

.seccionCorporal .subsecManos h3 em 		{ color: #f26e69; }
.seccionCorporal .subsecCuerpo h3 em 		{ color: #78a479; }

.seccionSolar .subsecFamilia h3 em 		{ color: #0081ab; }
.seccionSolar .subsecMujer h3 em 			{ color: #773c8a; }
.seccionSolar .subsecBebesNinos h3 em 	{ color: #81add9; }
.seccionSolar .subsecEspecial h3 em 		{ color: #0a244a; }
.seccionSolar .subsecPostSolar h3 em 		{ color: #00a17d; }

.seccionMiPiel .subsecAdolescente h3 em	{ color: #d681be; }
.seccionMiPiel .subsecJoven h3 em 		{ color: #669966; }
.seccionMiPiel .subsecEmbarazo h3 em 		{ color: #3399CC; }
.seccionMiPiel .subsecMadura h3 em 		{ color: #3076C0; }
.seccionMiPiel .subsecTest h3 em 			{ color: #1f4b7a; }

.seccionFacial .pieles-enrojecidas	h3 em	{ color: #9d2547; }
.seccionFacial .pieles-normales	h3 em	{ color: #3076c0; }
.seccionFacial .pieles-secas h3 em		{ color: #c589cb; }
.seccionFacial .pieles-mixtas h3 em		{ color: #3b8b77; }
.seccionFacial .todas-las-pieles h3 em	{ color: #09519d; }
.seccionCorporal .todas-las-pieles h3 em	{ color: #183348; }
.seccionCorporal .terapeutica h3 em		{ color: #3f86be; }
.seccionCorporal .regeneracion-intensiva h3 em	{ color: #625E9D; }
.seccionCorporal .autobronceante h3 em	{ color: #bb7b4b; }
.seccionCorporal .hidratacion-profunda h3 em		{ color: #c18ac5; }
.seccionCorporal .hidratacion-inmediata h3 em		{ color: #00A783; }
.seccionSolar .especial h3 em				{ color: #0a244a; }
.seccionSolar .ninos h3 em				{ color: #85afde; }
.seccionSolar .mujer h3 em				{ color: #5bb7c1; }
.seccionSolar .familia h3 em				{ color: #0081ab; }
.seccionSolar .postsolares h3 em			{ color: #00a17d; }


.hdr-hub				 { width:100%;  float:left; background-repeat: no-repeat; background-position: right top; }
.hdr-detalle-articulo 	 { width:100%;  float:left; background-repeat: no-repeat; background-position: right top; }

.hdr-cuidado-facial		 { background-image: url(/Portals/0/Images/Commons/Headers/hdr-hub-cuidado-facial.jpg); }
.hdr-cuidado-corporal	 { background-image: url(/Portals/0/Images/Commons/Headers/hdr-cuidado-corporal.jpg);}
.hdr-proteccion-solar	{ background-image: url(/Portals/0/Images/Commons/Headers/hdr-proteccion-solar-2018.jpg);}
.hdr-linea-productos, .hdr-registro { background-image: url(/Portals/0/Images/Commons/Headers/hdr-linea-productos-2022-v2.jpg);}
.hdr-mi-piel 			{ background-image: url(/Portals/0/Images/Commons/Headers/hdr-mi-piel.jpg);}
.hdr-test-de-la-piel 	{ background-image: url(/Portals/0/Images/Commons/Headers/hdr-test-de-la-piel.jpg);}

.hdr-hub h3 				{ font: 400 0.95em/1.3em 'Raleway', sans-serif; margin: 5px 0 0.2em;}

.hdr-cuidado-facial-position { background-position: top right; background-size: 100%; background-image: url(/Portals/0/Images/Commons/Headers/hdr-articulo-cuidado-facial.jpg);}
.hdr-cuidado-corporal-position { background-position: top right; background-size: 100%; background-image: url(/Portals/0/Images/Commons/Headers/hdr-articulo-cuidado-corporal.jpg); }
.hdr-proteccion-solar-position { background-position: top right; background-size: 100%; background-image: url(/Portals/0/Images/Commons/Headers/hdr-articulo-proteccion-solar-2018.jpg); }
.hdr-mi-piel-position { background-position: top right; background-size: 100%; background-image: url(/Portals/0/Images/Commons/Headers/hdr-articulo-mi-piel.jpg); }
.hdr-test-de-la-piel-position { background-position: 0px -70px; }

.hdr-detalle-articulo h2	{ font: 200 3.1em/1em 'Raleway', sans-serif; color:#213a70; letter-spacing: -0.025em;margin: 25px 0px 0px 25px; }
.hdr-detalle-articulo p	{ font-size: 1em; line-height: 1.2em; margin: 5px 0 0 30px;}

/*  CAMBIOS HDR SOLAR 2018  */
.header-solar h2 { color: #b0d6c3 !important; }
.header-solar p	 { color: #666!important; margin-left: 30px; }
.hdr-seccion-embarazo p {color: #666!important; margin-left: 30px; }
/* .header-solar-hub h1 {  color: #e4777f!important; font-family: 'Nunito', sans-serif;text-transform: uppercase;font-weight: 800;font-size: 2.4em;} */
.header-solar-hub p {
    color: #e4777f!important;
}
.header-solar-hub h3 {  color: #f26e69; !important; }

.header-solar-hub .btn-default:hover { background-color: #70bfbf; }
.header-solar-hub .dmgDropdownbtn	{ background-color: #b0d6c3; }
/*  FIN CAMBIOS HDR SOLAR 2018  */


/*  HEADERS TIPOS DE PIEL    */

.hdrsolares			{ background-image: url(/Portals/0/Images/Commons/Headers/hdr-hub-proteccion-solar-20-21.jpg) !important; }
.hdrpielesnormales			{ background-image: url(/Portals/0/Images/Commons/Headers/hdr-hub-cuidado-facial-2018-normales.gif) !important; }
.hdrpielesmixtasagrasas	{ background-image: url(/Portals/0/Images/Commons/Headers/hdr-hub-cuidado-facial-2018-mixtas.gif) !important; }
.hdrpielessecas				{ background-image: url(/Portals/0/Images/Commons/Headers/hdr-hub-cuidado-facial-2018-secas.gif) !important; }

.hdrpielesnormales p, .hdrpielesmixtasagrasas p, .hdrpielessecas p	{ color: #fff !important; margin: 35px 0 -30px 40px !important; }

.hdrpielesnormales h1, .hdrpielesnormales h3, .hdrpielesmixtasagrasas h1, .hdrpielesmixtasagrasas h3, .hdrpielessecas h1, .hdrpielessecas h3 
	{ color: #fff !important; }








/*DESTACADO EMBARAZO*/
.destacadoHomeEmbarazoImagen		{ width: 100%; float:left; padding-right:10px; padding-bottom:6px; }
.destacadoHomeEmbarazoTexto		{ width: 100%; float:left; padding-left:10px; padding-right:20px; padding-top:20px; }
.destacadoHomeEmbarazo			{ float:left;  background: url(/Portals/0/img-home/embarazo/destacado-embarazo-bk.jpg) bottom center no-repeat; background-size: cover; width: 100%; }
.destacadoHomeEmbarazoImagen	{ width: 100%; float:left; padding-right:10px; padding-bottom:6px; }
.destacadoHomeEmbarazoTexto		{ width: 100%; float:left; padding-left: 10%; padding-right:20px; padding-top:20px; }
.destacadoHomeEmbarazoTexto	img { width: 92%; }	
.destacadoHomeEmbarazoImagen img { width: 60%; }
	
	

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0px 10px;
}


/* -------------- HOME ---------------- */


/*BUSCADOR TOP NAV*/
	
input.buscador {
	background: url("/Portals/0/Images/buscador.svg") no-repeat #fff;
	background-position: 4px center;
	background-size: 12px 12px;
    transition: all .2s ease-out;
    width: 24px;
	height: 24px;
    padding-left: 20px;
    border-color: rgba(0, 0, 0, .1);
    color: #213a70;
	font: 400 0.8em/1.2em 'Lato', sans-serif;
    padding-bottom: 0;
    padding-top: 0;
}
	
input.buscador:focus{
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .1);
    outline: 0;
}
	
input.buscador:focus {
    width: 150px;
}

.type-busqueda
{
	display: inline-block !important;
    vertical-align: middle !important;
    padding: 0.35em 0.6em !important;
    position: relative;
    margin: 0 0.02em 0 0 !important;
    font: 400 0.9em/0.8em 'Raleway',sans-serif !important;
    letter-spacing: 0.01em !important;
    color: #ffffff !important;
    background: #f7a8a5 !important;
    line-height: 1.42857143 !important;
}
/*FIN BUSCADOR TOP NAV*/




/*bootstrap login icon*/


 .navbar-toggle {
	color: white;
	background-color: #213a70;
	border: none; 
	border-radius: 0px;
}
.headerCol{
	z-index:3;
}
/*end bootstrap*/


.RowHeader{
	Padding-Top:0px;	
	Padding-Bottom:5px;
}


.dmgLogo h1 { margin-top: -10px; margin-bottom: 0px; }

.RowBanner{
	Padding-Bottom:20px;
	margin-top: 10px;
	position:relative;
	float:left;
	width:100%;
}

.dermaglos_header{
	width:100%;
	background-color:#ffffff;
	margin-bottom:20px;
}
.LoginErrorMSG{
    padding: 5px 10px !important;	
	font: 300 0.8em/1.3em 'Raleway', sans-serif;
	color: #FFFFFF;
	background-color: #f46d6a;
	text-align: center;

}
.nombreLogin {
    text-transform: uppercase;
    font: 300 0.85em/1.3em 'Lato', sans-serif;
    color: #FFFFFF;
    background-color: #f46d6a;
    padding: 3px 5px;
    white-space: nowrap;
    position: absolute;
    right: 20px;
}
.nombreLogin a:hover { text-decoration:none; color:#fdebea;}

.icon-redes { padding: 0px 8px 0px; float: right }



/* Estilos login*/

.loginSection{
	width:100%;
	height:0px;
    overflow: hidden;
}


.LoginCruz{
	text-align:right;
	cursor: pointer;
}
.LoginBtn {
    padding: 5px 10px;
    background-color: #99b9df;
    height: 25px;
    color: #ffffff;
    font: bold 0.75em/1em 'Lato', sans-serif;
    margin-bottom: 0.5em;
    margin-top: 0.0em;
    border: 1px solid #99b9df;
	float: left;
	text-decoration: none;
}
.dmgImput{
	height: 25px;
	width: 160px;
	border: thin solid #a7b2c4;
	font: 0.75em "Lato",sans-serif;
}	
.olvidasteClave{
	font: normal 0.75em 'Lato', sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
}	
		
.LoginText {
    font: 0.75em/1.4em 'Lato', sans-serif;
    margin-bottom: 0.5em;
    margin-top: 0.0em;
    color: #333;
}

.loginContent input {
    font: normal 0.85em/1.4em 'Lato', sans-serif;
    color: #666666;
}
	
/*fin login*/



/* --------------FIN---------------- */


/* --------------Advance Login---------------- */



.AdvanceLoginContent {
	background: #ffffff;
}


.AdvanceLoginInner {
	margin: 30px;
	position: relative;
}


.AdvanceLoginBtn {
    padding: 5px 10px;
    background-color: #99b9df;
    height: 25px;
    color: #ffffff;
    font: bold 0.75em/1em 'Lato', sans-serif;
    margin-bottom: 0.5em;
    margin-top: 0.0em;
    border: 1px solid #99b9df;
    float: left;
    text-decoration: none;
	margin-left: 20px;
}

       
.AdvanceLoginText {
	color: #e18f9d !important;
	font: 0.85em/1.4em "Lato",sans-serif;
}


/*  Advance Login DNN Msg Error FIX  */
#dnn_ctr684_ctl00_dnnSkinMessage{
	background-color:transparent;
	border:none;
	padding:0 !important;
	}

	
	/*banner top cuidado*/
	
	
.UserDDL{
    margin-top: 10px;
	}
	
.fullDiv{
	/*padding:5%;*/
    /*background-image: url('/images/Commons/Testing/TokenImage.jpg');*/
    /*background-size: cover;*/
    height:350px;
}
	
	/*fin banner*/
	/*Paginador*/
.dmgPagindorActive {	
	background-image:url(/Portals/0/Images/Paginador/paginador.hover.png) !important;
	/* z-index: 2; */
    /* color: #fff; */
    /* cursor: default; */
    /* background-color: #337ab7; */
    /* border-color: #337ab7; */
}



.dmgli > li > a,
.dmgli > li > span {
  position: relative;
  float: left;
  padding: 6px 8px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}
.dmgli > li > a:hover,
.dmgli > li > span:hover,
.dmgli > li > a:focus,
.dmgli > li > span:focus {
	background-image: url(/Portals/0/Images/Paginador/paginador.hover.png);
	background-repeat: no-repeat;
	z-index:3;
	background-position: 50% 50%;
	color: transparent; 
	background-color: transparent;
	border-color: transparent; 
}
.dmgPaginadorbtn{
	width:11px;
	height:11px;
	background-image:url(/Portals/0/Images/Paginador/paginador.png);
	background-repeat:no-repeat;
	}
	
/*Fin Paginador*/
.dermaglos_body{
	width:100%;
	position:relative;
	float:left;
}
.dermaglos_wrapper{
	margin: auto;
	width:100%;
	max-width:1080px;
}

.IconosRedes{
	text-align: right;
	height: 45px;
    padding-top: 7px;
}	

/*   DROPDOWN especial*/

.dmgDropdown{
	width:230px;
	padding-top: 14px;
}
.dmgDropdownbtn{
	width:100%;
    text-align: left;
	min-height: 30px;
	box-sizing: border-box;
	background-color: #edeef2;
	color: #213a70;
	font: bold 13px Lato, sans-serif;
	text-transform:uppercase; 
	
	border-radius: 0px;
    border: 0px;
}
.dmgDropdown :hover,.dmgDropdownbtn :focus{
	color: #213a70;
}

.dmgDropdownUl{
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	background-color: #edeef2;
	color: #213a70;
	font: bold 13px Lato, sans-serif;
	text-transform:uppercase;
	
	border: 0px;
}
	
.dmgDropdownUl li a:hover {
    background-color: #213a70;
    color: #ffffff;
}

.dmgDropdownUl li a{
	min-height: 30px;
	color: #213a70;
    text-align: left;
	box-sizing: border-box;
    font:'Raleway', sans-serif;
	border-radius: 0px;
    border: 0px;
	padding: 6px 13px;
}
	
.dmgDropdownUl li {
	min-height:30px;	
}

.dmgDropdownFlecha{
	float:right;
	padding-top: 3px;
}

.dmgDropdownRaya{
	padding-right:5px;
	float:right;		
}

		
/*banner cuidado facial*/
.bannerBot{
	padding-top:20px;
}

	
/*Efecto hover de los botones del header */
/*Los IMPORTANT son para dar prioridad sobre bootstrap*/

.dmg_botonera ul>li 	{
    font: 700 0.82em/1.4em 'Lato', sans-serif;
	letter-spacing: 0.02em;	
	margin-bottom: 0em;
	padding: 0px 10px 10px;
	color: #213a70 !important;
	display: inline-block !important;
	vertical-align: middle !important;
	-webkit-transform: translateZ(0) !important;
	transform: translateZ(0) !important;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-moz-osx-font-smoothing: grayscale !important;
	position: relative !important;
	-webkit-transition-property: color !important;
	transition-property: color !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	text-transform: uppercase;
}

 
.dmg_botonera .active>a:focus,.dmg_botonera .active>a:visited,.dmg_botonera .active>a:link,.dmg_botonera .active>a:focus {
	background-color:transparent !important;
	color: #213a70 !important;
}
 .dmg_botonera ul>li>a{
	background-color:transparent !important;
	color: #213a70 !important;
	padding: 10px 1px 3px;
}


.dmg_botonera ul>li>a:before  { 
	content: "" !important;
	position: absolute !important;
	z-index: -1 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-image: url('/Portals/0/Images/Commons/Skins/back_menu_hover.png') !important;
	background-repeat:no-repeat;
	background-position:center center !important;
	-webkit-transform: scaleX(0) !important;
	transform: scaleX(0) !important;
	-webkit-transform-origin: 0 50% !important;
	transform-origin: 0 50% !important;
	-webkit-transition-property: transform !important;
	transition-property: transform !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	-webkit-transition-timing-function: ease-out !important;
	transition-timing-function: ease-out !important;
}

.dmg_botonera ul>li>a:hover, .dmg_botonera ul>li>a:focus, .dmg_botonera ul>li>a:active {
	color: #213a70 !important;
	background-color:transparent !important;
}

 .dmg_botonera .active>a:hover, .dmg_botonera .active>a:focus, .dmg_botonera .active>a:active {
	color: #213a70 !important;
	background-color:transparent !important;
}

.dmg_botonera ul>li>a:hover:before, .dmg_botonera ul>li>a:focus:before, .dmg_botonera ul>li>a:active:before {
	-webkit-transform: scaleX(1) !important;
	transform: scaleX(1) !important;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;
}

.dmgNavBotonera{
	margin-bottom:0px;
	background-color: transparent !important; 
	border-color:transparent !important; 
}
	 
.dmgNavBotonera .navbar-header .navbar-toggle{
	width: 30px;
    height: 30px;
    padding: 8px;
}


.navbar-nav li:nth-child(5) a:hover {
    color: #e6e6e6 !important;
}

.navbar-nav li:nth-child(5) a {
    color: #fff !important;
    padding: 3px 6px;
    margin-top: 6px;
    background: rgba(222,222,222,1);
    background: -moz-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(145,145,145,1) 25%, rgba(196,196,196,1) 50%, rgba(153,153,153,1) 75%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,222,222,1)), color-stop(25%, rgba(145,145,145,1)), color-stop(50%, rgba(196,196,196,1)), color-stop(75%, rgba(153,153,153,1)), color-stop(100%, rgba(227,227,227,1)));
    background: -webkit-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(145,145,145,1) 25%, rgba(196,196,196,1) 50%, rgba(153,153,153,1) 75%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(145,145,145,1) 25%, rgba(196,196,196,1) 50%, rgba(153,153,153,1) 75%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(145,145,145,1) 25%, rgba(196,196,196,1) 50%, rgba(153,153,153,1) 75%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to right, rgba(222,222,222,1) 0%, rgba(145,145,145,1) 25%, rgba(196,196,196,1) 50%, rgba(153,153,153,1) 75%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#e3e3e3', GradientType=1 );
}

.navbar-nav li:nth-child(5) a:focus, .navbar-nav li:nth-child(5) a:active {
    color: #fff !important;
}

/* Footer */

.dermaglos_footer{
	position: relative;
	margin-top:20px;
	width: 100%;
	background-color: #ffffff;
	height: 215px;	
}

.linea{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}	

.footerText{
	font: normal 0.7em/1.5em 'Lato', sans-serif;
	color: #666666;
}	

.footerLogo {
    margin-bottom: 8px;
    margin-top: 5px;
}

.footerTextRight {
	float: right;
    text-align: right;
}

.footerIconRedes { padding: 2px;}


.footer .addthis_toolbox {  float: right; width: 100%; margin-bottom: 5px; }


/*
.filtroMobile
{
	padding-left:2%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	
}

.filtroMobile h3{
	margin-top: 0.35em;
}
*/


	




/* Contenido Home */
		
.ModuloNoticias{
	background-color: #FFF;
	height: 100%;
	padding: 5%;
	min-height:320px;
}
.ModuloNoticiasColumnLeft{
	padding-right:15px !important;}
	
article {
    display: block;
	
} 
.MargRight{
	margin-right: 15px;
}

.imgMaxWidth{
	max-width:100%;
}

.EspacioIcono {
	padding-right:5%;
	cursor: pointer; 
}

.EspacioIcono:hover, .footerIconRedes  a:hover {
	opacity: 0.7;
}
.contenendorMenu{
	padding-left:2%;
}
.ContainerModuloNoticias{
	min-height:320px;
	padding-right:4%;
}
.ContainerModuloMedio{
	padding-right:2%;
	min-height:320px;
	
}
.ContainerModuloDerecho{
	padding-Left:2%;
	
	/*min-height:320px;*/
}


/**  Contenido HUB***/

.ProductosDermaglosList {
	display:none;
	height: 105px;
	float:left;
	width:335px;
	padding-right:1%;
}

.ProductosDermaglosGrid {
	display:none;
	width: 157px;
	height: 295px;
	float:left;
	padding-right:1%;
	text-align:center;
}

.ProductosDermaglosGrid img {
	width: 80%;
}


.ProductView{
	display:inline-block;	
}



.TextoProductosHub{
	padding-top: 30%;
}
.TextoProductosHubGrid{
	text-align:center;
	min-height:57px;
}
.HubControlers{
    float: right;
    right: -30px;
    position: relative;
    top: 60px;
	z-index: 3;
}

.dermaglosHubGlyph{
	cursor: pointer;
    z-index: 100;
    background-color: #3076c0;
    color: white;
    padding: 3px;
	margin-left:2px;
}
.dermaglosHubExpanderGlyph{
  	margin-left:10px;

}
.dermaglosHubGlyphDeactive{
	cursor: not-allowed;
    background-color: #bfd4e9;
}

.HubControlers .Btn19 {
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	display: inline-block;
	margin: 0 0px 5px 3px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid transparent;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	background-image: url("/Portals/_default/Skins/Dermaglos/img/navigation-icons.png"); 
} 

.HubControlers  a {background-color:transparent !important;}
.HubControlers  a:active {background-color:transparent !important;}

.HubControlers  a:hover .Btn19				{  background-color: #ffffff;}

.HubControlers .ControlGrilla				{ background-color: #bfd3e9; background-position: -22px -22px; 	}
.HubControlers .ControlLista					{ background-color: #bfd3e9; background-position: -2px -22px; 	}
.HubControlers .flechaExpandirLeft			{ background-color: #bfd3e9; background-position: -40px -21px; 	} 
.HubControlers .flechaExpandirRight			{ background-color: #bfd3e9; background-position: -61px -21px; 	} 

.HubControlers  a:hover .ControlGrilla		{ border: 1px solid #bfd3e9; background-position: -22px -41px;  }
.HubControlers  a:hover .ControlLista			{ border: 1px solid #bfd3e9; background-position: -2px -41px;  	}
.HubControlers  a:hover .flechaExpandirLeft	{ border: 1px solid #bfd3e9; background-position: -40px -40px;  }
.HubControlers  a:hover .flechaExpandirRight	{ border: 1px solid #bfd3e9; background-position: -61px -41px;  }

.HubControlers  .dermaglosHubGlyphDeactive , 
.HubControlers  .dermaglosHubGlyphDeactive a:hover	 { /*background-color: #99badf !important;*/ background-position-y: 0px !important; border: 1px solid transparent !important ;}
	
/*NAVEGADOR CARROUSEL*/



.carousel-inner { min-height:285px; }

.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

	
.carousel-control.right {   
	background-image: url(/Portals/0/Images/Commons/Carousel/rightCarousel.png);
}
.carousel-control.left{
	background-image: url(/Portals/0/Images/Commons/Carousel/leftCarousel.png);
}
.carousel-control.left,.carousel-control.right { 
background-position: center;
background-repeat: no-repeat;
}
	
.carousel-control .glyphicon{
	display:none;
}


/*BANNER HOME ROTATOR*/
.main_rotator
{
    width:100%;
	height: 120%;
	position:relative;
    float:left;
}
		
.arrow_rotator{
    position: absolute;
    width: 36px;
    top: 50%;
    height: 75px;
    margin-top: -37px;
    font-size:28px;
    z-index:100;
    cursor:hand;
    opacity:0.7;
    cursor:pointer;
}

.arrow_rotator_left{
    left:0;
    background-image: url(/Portals/0/Images/Commons/Carousel/leftCarousel.png);
}

.arrow_rotator_left:hover,
.arrow_rotator_right:hover
{
   opacity:1;
}
.arrow_rotator_right{
    right:0;
    background-image: url(/Portals/0/Images/Commons/Carousel/rightCarousel.png);
}



/* TEXTOS */



.copy	{
	font: 600 0.9em/1.4em 'Raleway', sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-left: 10px;
	color:999999;
}


.degrade	{
	height:1px;
	background: rgba(179,179,179,1);
	background: -moz-linear-gradient(left, rgba(179,179,179,1) 0%, rgba(242,239,242,1) 50%, rgba(179,179,179,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179,179,179,1)), color-stop(50%, rgba(242,239,242,1)), color-stop(100%, rgba(179,179,179,1)));
	background: -webkit-linear-gradient(left, rgba(179,179,179,1) 0%, rgba(242,239,242,1) 50%, rgba(179,179,179,1) 100%);
	background: -o-linear-gradient(left, rgba(179,179,179,1) 0%, rgba(242,239,242,1) 50%, rgba(179,179,179,1) 100%);
	background: -ms-linear-gradient(left, rgba(179,179,179,1) 0%, rgba(242,239,242,1) 50%, rgba(179,179,179,1) 100%);
	background: linear-gradient(to right, rgba(179,179,179,1) 0%, rgba(242,239,242,1) 50%, rgba(179,179,179,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#b3b3b3', GradientType=1 );

}

.LeftDivExpander{
	float: left;
	min-height:400px;
	/*width: 33.333333%;*/
	width: 66.666666%;
	padding: 0px 10px;
}

.RightDivExpander{
    /*padding-left: 14px !important;*/
	float: left;
	/*width: 66.666666%;*/
	width: 33.333333%;
	padding: 0px 10px;
}
/*articulos*/
.ArticulosFiltrados{
	padding: 30px; background-color: white;
   }
   
.articulo{
    padding-bottom: 10px;
	background-color: #FFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #fff;
	padding-left:10px;
}
	
.articulo:hover {
	background-color: #f9f9f9;	
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #78a479;
	padding-left:10px;
}	
	/*kromas*/
.imgArticuloDestacado{
	padding-bottom:10px;
	min-width: 310px; padding-right: 20px; padding-top: 6px;
	   
}
.articleImg{
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.pink-separator {
    background: rgba(242,134,130,1);
    background: -moz-linear-gradient(left, rgba(242,134,130,1) 0%, rgba(247,216,214,1) 51%, rgba(242,134,130,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,134,130,1)), color-stop(51%, rgba(247,216,214,1)), color-stop(100%, rgba(242,134,130,1)));
    background: -webkit-linear-gradient(left, rgba(242,134,130,1) 0%, rgba(247,216,214,1) 51%, rgba(242,134,130,1) 100%);
    background: -o-linear-gradient(left, rgba(242,134,130,1) 0%, rgba(247,216,214,1) 51%, rgba(242,134,130,1) 100%);
    background: -ms-linear-gradient(left, rgba(242,134,130,1) 0%, rgba(247,216,214,1) 51%, rgba(242,134,130,1) 100%);
    background: linear-gradient(to right, rgba(242,134,130,1) 0%, rgba(247,216,214,1) 51%, rgba(242,134,130,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28682', endColorstr='#f28682', GradientType=1 );
}


.image-separator {
	width: 100%;
    height: 2px;
    margin: 1px 0px 10px 0;
}


.descArticuloDestacado{
	min-width: 310px;
	}
	/*fin kromas*/
	/*fin articulos*/

	
	
	/****Estilos provistos por proximitas***/
	
	
	


	


/* --------------- LINEA DE PRODUCTOS -------------------- */

.lineaproducto-separator { 
    width: 100%;
    height: 1px;
    margin: 20px 0px 30px 0px;
}




.itemGrilla {
    float: left;
    width: 16.66666667%;
	position: relative;
	text-align: center;
}



.itemGrilla2{
    float: left;
    width: 33.9%;
    position: relative;
	text-align: center;
}





.itemGrilla .nuevo, .itemGrilla2 .nuevo {
    background: url(/Portals/0/Images/Commons/icon_nuevo.png) 0px 0px no-repeat;
    display: block;
    width: 50px;
    position: absolute;
    height: 50px;
    margin: 5px 0 0 65%;
}


.itemGrilla .nuevo_ultra, .itemGrilla2 .nuevo_ultra {
    background: url(/Portals/0/Images/Commons/icon_nuevo_ultra.png) 0px 0px no-repeat;
    display: block;
    width: 50px;
    position: absolute;
    height: 50px;
    margin: 5px 0 0 65%;
}





.itemGrilla a, .itemGrilla2 a  {	display: block; width: 90%; margin: 6px 5%; }



.margin-top	{ margin-top: 20px;}
.margin-bottom 	{ margin-bottom: 20px;}


.seccionFacial  h3 em { color: #6e9fd3; }
.seccionCorporal  h3 em { color: #78a479; }
.seccionSolar  h3 em { color: #0081ab; }
.seccionUltra h3 em { color: #9ba0a6; }
.seccionHombres  h3 em { color: #76777b; }


.etiqueta {
    position: relative;
    width: 90%;
    margin: 6px 5%;
    text-align: center;
    border-style: solid;
	border-width: 1px;
    font: 400 0.7em/1.7em 'Lato', sans-serif;
    text-transform: uppercase;
	
}

.etiqueta-interior {
    position: relative;
    width: 90%;
    margin: 6px 5%;
    text-align: center;
    border-style: solid;
	border-width: 1px;
    font: 400 0.7em/1.7em 'Lato', sans-serif;
    text-transform: uppercase;
	background-color: #3076c0;
    color: #ffffff;
    border-color: #3076c0;
}

/* INICIO DE ECOMMERCE*/

.area-ecommerce-boton-compra-online-off {
	position: relative;
	bottom: -10px;
	background-color: #87bbe1;
	left: 1px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	font: bold 0.8em/1.1em 'Lato',sans-serif;
	text-transform: uppercase;
	width: 82%;
	border-color: #87bbe1;
	color: #fff;
	padding: 18px 5px;
	cursor: hand;
	cursor: pointer;
	fill: #fff;
	height: 53px;
	margin: 0;
	float: left;
}

.area-ecommerce-boton-compra-online {
    position: relative;
    bottom: -10px;
    left: 1px;
    text-align: center;
    border-width: 1px;
    font: bold 0.8em/1.1em 'Lato',sans-serif;
    text-transform: uppercase;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    fill: #fff;
    height: 53px;
    margin: 0;
    float: left;
	color: #213a70;
    text-decoration: underline;
}


.seccionUltra .itemGrilla,
.seccionFacial .itemGrilla,
.seccionHombres .itemGrilla,
.seccionSolar .itemGrilla,
.seccionCorporal .itemGrilla  {
    float: left;
    width: 16.2%;
    position: relative;
    text-align: center;
    margin: 0.2% !important;
    border: 1px solid #e9e9e9;
}

.LeftDivExpander .itemGrilla {
	float: left;
    width: 24%;
    position: relative;
    text-align: center;
    margin: 0.5% !important;
    border: 1px solid #e9e9e9;
}

.LeftDivExpander1 .itemGrilla {
	float: left;
    width: 49%;
    position: relative;
    text-align: center;
    margin: 0.5% !important;
    border: 1px solid #e9e9e9;
}



@media (max-width: 800px )  {

	.seccionUltra .itemGrilla,
	.seccionFacial .itemGrilla,
	.seccionHombres .itemGrilla,
	.seccionSolar .itemGrilla,
	.seccionCorporal .itemGrilla,
	.LeftDivExpander .itemGrilla,
	.LeftDivExpander1 .itemGrilla{width:49% !important;}
	.popup-eventos-ecommerce {width: 95% !important;}
	.carrito-ecommerce .carrito-ecommerce-show{width:90% !important;}
	.carrito-ecommerce .carrito-inner {height: 55vh !important;}
	.carrito-ecommerce {width:100% !important;}
	
	
}





.popup-eventos-ecommerce-registro {
	position: fixed;
	width: 60%;
	top: 0% !important;
	z-index: 100;
	left: calc(50% - 380px);
	height: auto;
	 
}

.popup-eventos-ecommerce {
    position: fixed;
    width: 40%;
    top: 20%;
    z-index: 100;
    left: calc(50% - 250px);
    height: auto;
}

.popup-eventos-ecommerce-bk {
    position: fixed;
    width: 100%;
    top: 0%;
    z-index: 100;
    left: 0;
    height: 100%;
	background:#000;
	opacity:0.7;
}
.area-ecommerce{
	float: left;
    width: 100%;
    position: relative;
}

.area-ecommerce-descuento {
	float: left;
    position: absolute;
    top: -263px;
    left: 5px;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #008c48;
    text-align: center;
    font-family: Lato,sans-serif;
    font-weight: 700;
    border-bottom: 3px solid #006e39;
    font-size: 0.9em;
    line-height: 2.5em;
    border-radius: 10px 10px 0px 10px;
	z-index:1;
}

.area-ecommerce-boton-agregar {
    position: absolute;
    bottom: 1px;
	background-color: #008c48;
    left: 1px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    font: bold 0.7em/1em 'Lato',sans-serif;
    text-transform: uppercase;
    width: 99%;
    color: #fff;
    padding: 5px;
    cursor: hand;
    cursor: pointer;
    fill: #fff;
}

.area-ecommerce-boton-agregar svg
{
	width:11px;

}

.area-ecommerce-boton-agregar:before {
    /*content: "Agregar al carrito";*/
}

.area-ecommerce-boton-agregar:hover {
    color: #008c48;
    background-color: transparent;
	border-color: #008c48;
    transition: all 0.5s ease;
    fill: #008c48;
	border-style: solid;
}

.itemGrillaPrecio {
	height: 50px !important;
    margin-top: 10px;
}

.area-ecommerce-precio {
    font-weight: 800;
    font-size: 19px;
    font-family: Lato, sans-serif;
}

.area-ecommerce-precio-sin-descuento,
.precio .precio-descuento
 {
    font: normal 0.8em/2em Lato, sans-serif;
    text-decoration: line-through;
    color: #999;
    padding: 2px;
	display: inline;
}

.area-ecommerce-precio-con-descuento {
    font: 800 1.1em Lato,sans-serif;
    display: inline;
}

.area-ecommerce-nodisponible {
    position: absolute;
    bottom: 1px;
    left: 1px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    font: bold 0.7em/1em 'Lato',sans-serif;
    text-transform: uppercase;
    width: 99%;
    border-color: #e9e9e9;
    color: #999;
    padding: 5px;
    background-color: #f3f3f3;
}

.area-ecommerce-nodisponible:before {
    content: "no disponible";
}

.etico:before {
    content: "exclusivo farmacias";
}
.masInfo:before{
	content: "más información" !important;
	cursor: pointer!important;
}
.NoDisponible{
	visibility:hidden !important;
}


/* FICHA DE PRODUCTO */
.imagenProducto .area-ecommerce-descuento {
    float: left;
    position: absolute;
	top: 15px !important;
    right: 15px !important;
	left:auto !important;
    width: 45px;
    height: 45px;
    color: #fff;
    background: #008c48;
    text-align: center;
    font-family: Lato,sans-serif;
    font-weight: 700;
    border-bottom: 3px solid #006e39;
    font-size: 1em;
    line-height: 2.5em;
    border-radius: 10px 10px 10px 0px;
}

.area-ecomm-ficha .area-ecommerce-boton-agregar {
    position: absolute;
    bottom: 1px;
    background-color: #008c48;
    left: 1px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    font: bold 0.9em/2.6em 'Lato',sans-serif;
    text-transform: uppercase;
    width: 82%;
    border-color: #008c48;
    color: #fff;
    padding: 5px;
    cursor: hand;
    cursor: pointer;
    fill: #fff;
    height: 53px;
}

.area-ecomm-ficha .area-ecommerce-boton-agregar svg {
    width: 15px;
}

.area-ecomm-ficha .itemGrillaPrecio {
    height: 85px !important;
    margin: 0em;
    text-align: center;
    width: 82%;
}
.area-ecomm-ficha .area-ecommerce-precio-sin-descuento, .area-ecomm-ficha .precio .precio-descuento {
    font: normal 0.8em/2em Lato,sans-serif;
    text-decoration: line-through;
    color: #999;
    padding: 2px;
    display: inline;
}

.area-ecomm-ficha .area-ecommerce-boton-agregar:hover {
    color: #008c48;
    background-color: transparent;
    transition: all 0.5s ease;
    fill: #008c48;
}

/* FIN FICHA DE PRODUCTO */

/* INICIO SECCION DE PRODUCTO */
/* GRILLA */
.ecomm-seccion-grid .area-ecommerce-descuento {
    float: left;
    position: absolute;
    top: -210px;
    left: 0px;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #008c48;
    text-align: center;
    font-family: Lato,sans-serif;
    font-weight: 700;
    border-bottom: 3px solid #006e39;
    font-size: 0.9em;
    line-height: 2.5em;
    border-radius: 10px 10px 0px 10px;
}

.ecomm-seccion-grid .area-ecommerce-precio-sin-descuento, .ecomm-seccion-grid .precio .precio-descuento {
    font: normal 0.7em/2em Lato,sans-serif;
    text-decoration: line-through;
    color: #999;
    padding: 2px;
    display: inline
}

.ecomm-seccion-grid .area-ecommerce-precio-con-descuento {
    font: 800 1em Lato,sans-serif;
    display: inline;
}

/* LISTA */


/* FIN SECCION DE PRODUCTO */


.btn-compra-online:after
{
    position: relative;
    background: #f0a7a4;
    width: 16px;
    height: 16px;
    float: right;
    top: 6px;
    right: -12px;
    border-radius: 50px;
    color: #fff;
    font: 600 0.60em/1.7em 'Lato',sans-serif;
    text-align: center;
}

.btn-compra-online-0:after
{
	content:"0";
}
.btn-compra-online-1:after
{
	content:"1";
}
.btn-compra-online-2:after
{
	content:"2";
}
.btn-compra-online-3:after
{
	content:"3";
}
.btn-compra-online-4:after
{
	content:"4";
}
.btn-compra-online-5:after
{
	content:"5";
}
.btn-compra-online-6:after
{
	content:"6";
}
.btn-compra-online-7:after
{
	content:"7";
}
.btn-compra-online-8:after
{
	content:"8";
}
.btn-compra-online-9:after
{
	content:"9";
}
.btn-compra-online-10:after
{
	content:"10+";
}
.carrito-ecommerce {
		display: none;
		width: 450px;
		top: 35px;
		right: 0;
		z-index: 15;
		position: fixed;
		background: white;
		border: solid 1px #bebebe;
		-webkit-animation: swing-in-top-bck 0.5s ease-in-out both;
		animation: swing-in-top-bck 0.5s ease-in-out both;
		
}

.carrito-vacio {
    width: 100%;
    text-align: center;
    padding: 30% 0 10% 0;
    color: #666;
    font: 573 0.9em/1em 'Lato',sans-serif;
}

.carrito-ecommerce  .carrito-titulo {
    width: 70%;
    float: left;
    padding: 5% 0 0 3%;
    color: #213a70;
    font: 600 1.2em/1em 'Lato',sans-serif;
}

.carrito-ecommerce  .carrito-volver {
    width: 30%;
    float: left;
    color: #999;
    font: 300 1em/1em 'Lato',sans-serif;
    padding: 5% 7% 0 0;
    text-align: right;
	cursor:hand;
	cursor:pointer;
}

.carrito-ecommerce-show {
	display: block !important;	
}

.carrito-ecommerce .carrito-inner{
	padding: 2vh 1vw;
    float: left;
    width: 100%;
    position: relative;
    height: 45vh;
    overflow: hidden auto;
}

.carrito-ecommerce .carrito-ecommerce-area-precios
{
	float:left;
	position:relative;
	width:100%;
	padding:10px 25px;

}

.carrito-ecommerce .carrito-ecommerce-area-precios .precios {
	float: left;
	position: relative;
	width: 100%;
	text-align: right;
	margin-top: 5px;
	font: 600 0.9em/1em 'Lato',sans-serif;
	color: #666;
}

.carrito-ecommerce .carrito-ecommerce-area-precios .precios-total
{
	color:#000;
}

.carrito-ecommerce .carrito-ecommerce-area-checkout
{
	float:left;
	position:relative;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;

}

.carrito-ecommerce .carrito-ecommerce-btn-checkout {
	text-align: center;
	width: max-content;
	margin: 0 auto;
	background: #428d42;
	padding: 2% 4%;
	text-transform: uppercase;
	color: #fff;
	cursor:hand;
	font: 400 1em/1em 'Lato',sans-serif;
	cursor:pointer;
}

.carrito-ecommerce .carrito-loading
{
	text-align: center;
	width: 100%;
	float: left;
}
	
.area-ecommerce-boton-agregado
{
	opacity:0.4;
	cursor:not-allowed;	
}

.carrito-ecommerce .botones-izq,
.carrito-ecommerce .botones-der	{
	width: 5%;
    float: left;
    position: relative;
    padding: 13px 0;
}



.carrito-ecommerce .descripcion {
	 width: 70%;
    float: left;
    position: relative;
    text-align: left;
    font: 400 0.9em/1.2em 'Lato',sans-serif;
    color: #666;
}

.carrito-ecommerce .descripcion em{
	font-size:0.7em;
	font-weight:300;
}

.carrito-ecommerce .descripcion .col-foto {
    width: 30%;
    float: left;
    position: relative;
    margin-top: 5px;
}

.carrito-ecommerce .descripcion .col-texto {
    width: 65%;
    float: left;
    position: relative;
    padding: 15px 0px;
}

.carrito-ecommerce .sku-item .precio {
    width: 20%;
    float: left;
    position: relative;
    text-align: right;
    padding: 15px 10px 0 0;
    font: 900 1em Lato, sans-serif;
}


.carrito-ecommerce .sku-item {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.carrito-ecommerce .sku-item .botones-der .eliminar {
    margin: 1px auto;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    border: solid 1px #f3655f;
    fill: #f3655f;
    cursor: hand;
    cursor: pointer;
}

.carrito-ecommerce .sku-item .botones-izq .mas, .carrito-ecommerce .sku-item .botones-izq .menos {
    margin: 1px auto;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #eee;
    border: solid 1px #eee;
    font-size: 11px;
    font-weight: 500;
    fill: #666;
    cursor: hand;
    cursor: pointer;
}

.carrito-ecommerce .sku-item .botones-izq .cant {
    margin: 2px auto;
    width: 20px;
    height: 21px;
    text-align: center;
    background: #fff;
    font: 500 1em 'Lato',sans-serif;
}
	

.area-ecommerce-loading {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    }
    .area-ecommerce-loading div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #213a70;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }
    .area-ecommerce-loading div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
    }
    .area-ecommerce-loading div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
    }
    .area-ecommerce-loading div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
    }
    .area-ecommerce-loading div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
    }
    @keyframes lds-ellipsis1 {
    0% {
    transform: scale(0);
    }
    100% {
    transform: scale(1);
    }
    }
    @keyframes lds-ellipsis3 {
    0% {
    transform: scale(1);
    }
    100% {
    transform: scale(0);
    }
    }
    @keyframes lds-ellipsis2 {
    0% {
    transform: translate(0, 0);
    }
    100% {
    transform: translate(24px, 0);
    }
    }
	
	@-webkit-keyframes swing-in-top-bck {
	  0% {
		-webkit-transform: rotateX(70deg);
				transform: rotateX(70deg);
		-webkit-transform-origin: top;
				transform-origin: top;
		opacity: 0;
	  }
	  100% {
		-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
		-webkit-transform-origin: top;
				transform-origin: top;
		opacity: 1;
	  }
	}
	@keyframes swing-in-top-bck {
	  0% {
		-webkit-transform: rotateX(70deg);
				transform: rotateX(70deg);
		-webkit-transform-origin: top;
				transform-origin: top;
		opacity: 0;
	  }
	  100% {
		-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
		-webkit-transform-origin: top;
				transform-origin: top;
		opacity: 1;
	  }
	}

/*FIN AREA ECOMMERCE*/


.seccionFacial .pieles-BBCC {background-color: #E8D3C8;color: #ffffff;border-color: #ddbdaa;}
.seccionFacial .pieles-enrojecidas			{  background-color: #9d2547; color: #ffffff; border-color: #9d2547; }
.seccionFacial .pieles-normales			{  background-color: #3076c0; color: #ffffff; border-color: #3076c0; }
.seccionFacial .pieles-secas			{  background-color: #c589cb; color: #ffffff; border-color: #c589cb; }
.seccionFacial .pieles-mixtas			{  background-color: #3b8b77; color: #ffffff; border-color: #3b8b77; }
.seccionFacial .todas-las-pieles		{  background-color: #09519d; color: #ffffff; border-color: #09519d; }
.seccionFacial .pieles-ultra50,
.seccionUltra .pieles-ultra50 			{ background-color: #d8a9ae; color: #ffffff;  border-color: #c2a2a6; }
.seccionFacial .pieles-ultra30,
.seccionUltra .pieles-ultra30		{ background-color: #adc4d1; color: #ffffff; border-color: #93b2c1; }
.seccionCorporal .todas-las-pieles	{  background-color: #183348; color: #ffffff; border-color: #183348; }
.seccionCorporal .terapeutica		{  background-color: #3f86be; color: #ffffff; border-color: #3f86be; }
.seccionCorporal .regeneracion-intensiva	{ background-color: #625E9D; color: #ffffff; border-color: #625E9D;font: 400 0.6em/2em 'Lato',sans-serif; }
.seccionCorporal .piel-diabetico	{ background-color: #00326c; color: #ffffff; border-color: #00326c; }
.seccionCorporal .hidratacion-profunda 	{ background-color: #c18ac5; color: #ffffff; border-color: #c18ac5; }
.seccionCorporal .hidratacion-inmediata 	{ background-color: #00A783;  color: #ffffff; border-color: #00A783; }
.seccionCorporal .manos-unas 		{ background-color: #FF818D ;  color: #ffffff; border-color: #FF818D ; }
.seccionSolar .especial				{  background-color: #0a244a; color: #ffffff; border-color: #0a244a; }
.seccionSolar .ninos					{  background-color: #85afde; color: #ffffff; border-color: #85afde; }
.seccionSolar .mujer					{  background-color: #5bb7c1; color: #ffffff; border-color: #5bb7c1; }
.seccionSolar .familia				{  background-color: #0081ab; color: #ffffff; border-color: #0081ab; }
.seccionSolar .postsolares			{  background-color: #00a17d; color: #ffffff; border-color: #00a17d; }
.seccionCorporal .autobronceante	{ background-color: #bb7b4b; color: #ffffff; border-color: #bb7b4b; font: 400 0.6em/2em 'Lato',sans-serif;}
.seccionCorporal .hidrata-protec	{ background-color: #ef7624; color: #ffffff; border-color: #ef7624; font: 400 0.6em/2em 'Lato',sans-serif;}
.seccionFacial .ultra-hidratacion,.seccionUltra .ultra-hidratacion,.seccionCorporal .ultra-hidratacion	{ background-color: #00ace5; color: #ffffff;  border-color: #00ace5; }
.seccionFacial .ultra-firmeza,.seccionUltra .ultra-firmeza 			{ background-color: #ab7fb3; color: #ffffff;  border-color: #ab7fb3; }
.seccionFacial .ultra-volumen,.seccionUltra .ultra-volumen 			{ background-color: #da3f40; color: #ffffff;  border-color: #da3f40; }
.seccionFacial .ultra-volumen-estructura,.seccionUltra .ultra-volumen-estructura 			{ background-color: #959397; color: #ffffff;  border-color: #959397; }
.seccionFacial .ultra-estructura,.seccionUltra .ultra-estructura 			{ background-color: #b58873; color: #ffffff;  border-color: #b58873; }
.seccionFacial .hombres	{ background-color: #76777b; color: #ffffff;  border-color: #76777b; }



.etiqueta-fps  {
	position: absolute;
    margin-top: 4px;
    margin-left: 80%;
    width: 22px;
    height: 45px;
    border-style: solid;
    border-width: 1px;
    line-height: 70px;
    font: 800 0.75em/5.5em 'Lato', sans-serif;
    letter-spacing: -0.05em;
    text-align: center;
}

.fps-ma		{ background-color: transparent; color: #0a244a; border-color: #0a244a; }
.fps-a		{ background-color: #773d8a; color: #ffffff; border-color: #773d8a; }
.fps-m		{ background-color: #bf630e; color: #ffffff; border-color: #bf630e; }


.referencias {
	float: right;
    position: relative;
    padding-top: 30px;
}


.referencias-item {
	border-style: solid;
    border-width: 1px;
    float: left;
    padding: 2px;
    margin: 0 0.5% 0 2%;
    font: 800 0.75em/1.2em 'Lato', sans-serif;
    letter-spacing: -0.05em;
	min-width: 22px;
    text-align: center;
}




span.referencias-text {
    float: left;
	font: 400 0.85em/1.4em 'Lato', sans-serif;
    color: #666666;
}



/* --------------- FIN LINEA DE PRODUCTOS -------------------- */


/* ------------- E COMMERCE -------------------*/


/*INICIO NUEVO COMPRA ONLINE*/
.todo-pais-False{display:none !important;}
.descuento-False{display:none !important;}

.compra-online-area h2 {
    font: 700 1.2em/1em 'Raleway', sans-serif;
    color: #213a70;
    letter-spacing: -0.025em;
    margin: 15px 10px 0 10px;
}

.compra-online-area h3 {
    font: 500 0.85em/1.3em 'Raleway', sans-serif;
    margin: 5px 10px 10px 10px;
    color: #f26e69;
    padding: 0;
}

.compra-online-area-mas-info {
    position: relative;
    bottom: 0;
    float: left;
    width: 100%;
    font: 0.55em 'Raleway',sans-serif;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    background: #000000be;
    color: #fff;
    margin-top: 10px;
	display:none;
}

.btnFarmacias1 {
    background-color: #fcfcfc;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-radius: 2px;
    text-align: center;
    padding: 30px 0;
    margin-top: 15px;
}

 .btnFarmacias1:hover .compra-online-area-mas-info 
 {
	 -webkit-animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; 
	 animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; 
	 display:block 
 } 
	
	.no-gutter {
		margin-right: 0;
		margin-left: 0;
	}
	.no-gutter > [class*="col-"] {
		padding-right: 0;
		padding-left: 0;
	}

@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
	}
}
	
.col-xs-12.compra-online-tiendas-destacadas {
    background: #4e92cf;
    padding-top: 15px;
    padding-bottom: 15px;
}
/*FIN NUEVO COMPRA ONLINE*/

/*.btnFarmacias1 {
    background-color: #fcfcfc;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-radius: 2px;
    text-align: center;
    padding: 25px 0;
    margin-top: 15px;
    }*/

/*.btnTiendaOficialInner .entrega1,
.btnFarmacias1 .entrega1 {
	background-image:url('/Portals/0/images/farmacias/texto-envio.png');
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
}*/

.btnTiendaOficialInner .entrega1,
.btnFarmacias1 .entrega1 {
	background-image:url('/Portals/0/images/farmacias/a-todo-el-pais.png');
    position: absolute;
    right: 0px;
    top: 0px;
    width: 70px;
    height: 35px;
}

.btnTiendaOficialInner .entrega1,
.btnFarmacias1 .entreganuevo {
        background: url('/Portals/0/images/farmacias/envio-nuevo.png') no-repeat;
        position: absolute;
        /* right: 0px; */
        top: 0px;
        width: 35px;
        height: 35px;
		left:85px;
}
.btnTiendaOficialInner .entrega1,
.btnFarmacias1 .descuentoi {
        background: url('/Portals/0/images/farmacias/descuento.png') no-repeat;
        position: absolute;
        right: 2px;
        top: 0px;
        width: 35px;
        height: 35px;
}


.btnTiendaOficialInner .entrega4,
.btnFarmacias1 .entrega4 {
	background-image:url('/Portals/0/images/farmacias/texto-envio.png');
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
}

.btnTiendaOficialInner .entrega2,
.btnFarmacias1 .entrega2 {
	background-image:url('/Portals/0/images/farmacias/camion-envio.png');
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
}

.btnTiendaOficialInner .entrega3,
.btnFarmacias1 .entrega3 {
	background-image:url('/Portals/0/images/farmacias/mapa-envio.png');
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
}
.Descuento {
    left: 99px;
}
@media (min-width: 801px){
	.Descuento {
		left: 142px;
	}
.separador-row{
    background: url(/portals/0/images/linea-separador.png) repeat-y 29.5% 0;
    }
	.btnFarmacias1 .entreganuevo {
		left: 115px;
	}
    }
 .textos-bajada{
    color: #213a70;
    font-weight: bold;
    padding-left: 5px;
    }

#popup_ecommerce h2 {
    text-transform: uppercase;
    font: 600 1.6em/1.1em 'Raleway',sans-serif;
    margin-bottom: 0.8em;
    color: #213a70;
    letter-spacing: -0.025em;
    margin-top: 0.5em;
}	

#popup_ecommerce {
	position: absolute;
    /*width: 60%;*/
	width: 90%;
    background: white;
    top: 0;
    /*left: 20%;*/
	left: 5%;
    z-index: 200;
    padding: 20px;

}

.btnTiendaOficial {
	background-color: #008c48;
    border-top: 1px solid #00773d;
    border-bottom: 1px solid #00773d;
    border-radius: 2px;
    text-align: center;
    padding: 0;
    margin-top: 15px;
	/*margin-bottom: 20px;*/
}

.btnTiendaOficialInner {
    border-top: 1px solid #1a985b;
    padding: 8px 0;
}



.btnFarmacias {
    background-color: #fcfcfc;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-radius: 2px;
    text-align: center;
    padding: 10px 0;
	margin-top: 15px;
}

.btnFarmacias img { width: 100%; max-width:117px;}


.btnEcommerce,
.btnPuntoVenta,
.btnCerrarEcommerce,
.btnDejaOpinion 
{
	cursor:hand;
	cursor:pointer;
}

.btnPuntoVenta
{
    margin-bottom:20px;	
}

.btnPuntoVenta img, .btnEcommerce img,.btnDejaOpinion img {
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
.btnPuntoVenta img:hover,  .btnEcommerce img:hover,.btnDejaOpinion img:hover {
   -webkit-filter: brightness(85%);
   filter: brightness(85%);
}

/*BUSCADOR HEADER */
.icon-buscador {
    padding-top: 4px;
    padding-left: 15px;
}


	
/* --------------- MI PIEL -------------------- */
.mipiel {
	background:#cdc1d6 !important;
}
.btn-mipiel
{
	position: relative;
	width: 100%;
	margin-top: 20px;
	text-align: right;
}
.btn-mipiel h3
{
	background: #604b6f !important;
}

.img-mipiel {min-width:300px; padding-right: 10px;padding-top: 6px;}

.img-mipiel img { width: 90%; height:auto; margin: 0 5px;}

.content-mipiel{padding:10px;}

.testpiel-separator { width: 90%; height: 2px; margin: 1px 5px 10px 5px;} 

.resultado_ultra {
    float: left;
    width: 100%;
    position: relative;
    background-image: url(/Portals/0/Images/Products/test_piel_bk_ultra_age.jpg);
    background-size: cover;
    padding: 0 0 1% 0;
}

.resultado_ultra  .itemGrilla p
{
	height:auto !important;
}

.resultado_ultra  .titulo_ultra
{
	width: 80%;
	margin-left: 10%;
	margin-top: 20%;
}

/* --------------- FIN MI PIEL -------------------- */
	
/* ---------------ARTICULOS-------------------- */
/*lista*/

.clear {clear:both;}

article.listview {
	width:100%;
	position:relative;
	float:left;
}


/* --------------- BANNERS -------------------- */

.adserverBanner {
	text-align:center;
	display:block;
	margin: 20px 0px;
	display:block;
	position:relative;
	float:left;
}

.adserverBanner-home a img{
	width:100% !important;
	height:auto !important;
}

.adserverBanner a img {
	width:100% !important;
	height:auto !important;
}

/* --------------- FICHA -------------------- */

.contenidorelacionadoreview {
	padding: 30px;
    background: #fff;
    margin-bottom: 20px;
}

.fichadetailview .itemGrilla ,.resultado_container .itemGrilla{ width: 25%;}


.itemGrilla p {
    height: 55px;
    margin-bottom: 0em;
}

.TextoProductosHubGrid a {color:#666;}

.itemGrilla img 	{ 
	-moz-transition:-moz-transform 0.2s ease-in;  
	-webkit-transition:-webkit-transform 0.2s ease-in; 
	-o-transition:-o-transform 0.2s ease-in;
}	

.itemGrilla img:hover	{ 
	-moz-transform:scale(1.02); 
	-webkit-transform:scale(1.02); 
	-o-transform:scale(1.02); 
	-webkit-filter: brightness(102%);
	-webkit-transition: all 0.5s ease;
	 -moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.fichadetailview  {
	background:#ffffff;
	padding:30px;
}

.fichadetailview h2 {
	text-transform: uppercase;
	font: 600 1.6em/1.1em 'Raleway', sans-serif; margin-bottom: 0.8em;
}

.fichadetailview h1 {
    text-transform: uppercase;
    font: 600 1.6em/1.1em 'Raleway',sans-serif;
    margin-bottom: 0.8em;
    color: #213a70;
    letter-spacing: -0.025em;
    margin-top: 0.5em;
}

.fichadetailview h1 span {
	display: block;
	text-transform: none;
	font: 400 0.8em/1.2em 'Raleway', sans-serif; 
}

.fichadetailview h4.subtituloFicha {
	margin-bottom: 1.8em;
}


.product-separator { 
    width: 100%;
    height: 1px;
    margin: 0px 0px 30px 0px;
}


.tabs ul {
	list-style: none;
	padding:0;
	margin:0 0 30px 0;
}


.tabs li {
	display: inline;
}


.tabs a {
	vertical-align: middle;
	padding: 0.6em 0.9em;
	position: relative;
	margin: 0 0.02em 0 0;
	font: 400 1.0em/0.8em 'Raleway', sans-serif;
	letter-spacing:0.04em;
	text-decoration:none !important;
}

.tabs a.active{ 
	-webkit-transform: translateZ(0);
	transform: translateZ(0);  
	background: #fdf1f0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	color:#f9bcb9;
	border-bottom:1px solid #fde7e6; 
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s; 
	-webkit-transition-property: background-color;
	transition-property: background-color; 
  
}

.tabs a.selected{
	background: #f7a8a5;
	color:#ffffff;
}


.tabs a.active:hover { background-color:#fdebea; color:#f79692;}


.tabs a.active:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(80% - 10px);
    bottom: 0;
    border-width: 10px 0px 0 10px;
    border-color: #fdebea transparent transparent transparent;
}

.tabs a.active:hover:before, .tabs a.active:focus:before, .tabs a.active:active:before {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
	border-bottom:0px;   
}

.tabs a.selected {
	background: #f7a8a5;
}

.tabs a.selected:before { 
	position: absolute;
	content: '';
	z-index: -1;
    border-style: solid;
    left: calc(80% - 10px);
    bottom: -7px;
    border-width: 10px 0px 0 10px;
    border-color: #f7a8a5 transparent transparent transparent;
}

.tabs a.selected, .tabs a.selected :hover:before, .tabs a.selected :focus:before, .tabs a.selected :active:before {
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
  
}

.tab {
	display: inline-block;
    vertical-align: middle;
    padding: 0.35em 0.6em;
    position: relative;
    margin: 0 0.02em 0 0;
    font: 400 0.9em/0.8em 'Raleway', sans-serif;
    letter-spacing: 0.01em;
    color: #ffffff;
    background: #f7a8a5;
    line-height: 1.42857143;
}


.tabcontent {
    margin-bottom: 15px;
}


.tab_active{
	display:block;
}

.modo-de-uso-col-imagen { float:left; width:16%; } 
.modo-de-uso-col-texto1-full	{ float:left; width:58%; padding-left:2%;}
.modo-de-uso-col-texto1	{ float:left; width:42%; padding-left:2%;}
.modo-de-uso-col-texto2	{ float:left; width:42%; padding-left:2%;}
.modo-de-uso-col-imagen img { width:100%;}

.rutina-col-boton-left	{ float:left; width:8%; padding-right: 1%}
.rutina-col-boton-right	{ float:left; width:8%; padding-left: 1%;}
.rutina-col-centro 	{ float:left; width:84%; padding:0 1%; }
.rutina-col-texto	{ float:left; width:100%; margin-top: 20px}
.rutina-col-imagen	{ float:left; width:35%; margin-top: 10px; padding-left:2%; text-align:center;}

.borde-rosa-h		{ border-bottom:1px solid #f7a8a5; border-top:1px solid #f7a8a5;}
.borde-rosa 			{ border:1px solid #f7a8a5;}

.rutina h5 { font: 600 0.8em/1em 'Raleway', sans-serif; margin-bottom: 0.5em; margin-top: 0.5em; color:#f7a8a5; }

.rutina-col-centro .itemGrilla img { width:80%}

.rutina-col-boton  a {
	display: inline-block;
	width: 100%;
	height: 300px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

.rutina-col-boton a:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	top: calc(50% - 10px);
  
}

.rutina-col-boton-left a:before {
	border-width: 13px 10px 13px 0;
	left: 35%;
	border-color: transparent #e1e1e1 transparent transparent;
}


.rutina-col-boton-right a:before {
	border-width: 13px 0 13px 10px;
	right: 35%;
	border-color: transparent transparent transparent #e1e1e1;
}


.rutina-col-boton-left  a:hover:before, .rutina-col-boton-left  a:focus:before, .rutina-col-boton-left a:active:before {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
}

.rutina-col-boton-right  a:hover:before, .rutina-col-boton-right  a:focus:before, .rutina-col-boton-right a:active:before {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}


#background_amb_medico{
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 100;
	width: 100%;
	opacity: 0.5;
}

#popup_amb_medico {
	position: fixed;
	width: 50%;
	height: 63%;
	background: white;
	top: 20%;
	left: 25%;
	z-index: 200;
	padding:20px;
}

/* --------------- FIN FICHA -------------------- */

/* --------------- BANNER BUSCADOR DE FARMACIAS ----------- */

.fondoBuscador {
	background: #6e9fd3;
	font: 500 0.9em/1em 'Lato', sans-serif;
	color: #fff;
	margin: 2% auto;
	-webkit-box-shadow: 0px 7px 26px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 26px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 26px -5px rgba(0,0,0,0.75);
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.fondoBuscador:hover > .row > .btnIngresarBuscador {
background-color: #f7a8a5;
border: 1px solid #f7a8a5;
}
	

.fondoBuscador div {
	padding: 0.7em 0.1em;
}

.btnIngresarBuscador {
	background-color: #3076c0;
	height: 100%;
	color: #ffffff;
	font: bold 0.75em/1em 'Lato', sans-serif;
	padding: 2%;
	border: 1px solid #3076c0;
	text-decoration: none;
	text-align: center;
	margin-top: 0.2em;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}

.geologo {
	padding: 0 !important;

}
.geologo img
{
	width: 60%;
	margin-left: 40%;
}

.areaReview {
	margin-top: -10px;
	margin-bottom: 10px;
}

.areaReviewDown {
	margin-top: 10px;
}


.estrellasReview {
	width: 35%;
	float: left;
	margin-right: 5%;
}

.estrellasResumenReview
{
	width: 100%;
	float: left;
}

.estrellasResumenReviewDown
{
	width:65%;
	margin-right:5%;
	float:left;
}

.opinionesReviewDown
{
	width:25%;
	float:left;
}

.opinionesReview {
	width: 50%;
	float: left;
}

.estrellasComentario
{
	width: 100px;
	position: relative;
	float: left;
}

 .nombreComentario
{
	position: relative;
	float: left;
	margin-left: -10px;
	margin-right: 10px;
}

.estrellasComentario .estrella,
.estrellasResumenReviewDown .estrella,
.estrellasResumenReview .estrella,
.estrellasReview .estrella {
	width: 20%;
	height: auto;
	float: left;
}

.estrellasComentario .estrella img,
.estrellasResumenReviewDown .estrella img,
.estrellasResumenReview .estrella img,
.estrellasReview .estrella img {
	width: 100%;
	height: auto;
}

.opinionesReview .opinion-logo {
	width: 13%;
	margin-right: 5%;
	float: left;
}

.opinionesReview .opinion-txt {
	width: 80%;
	float: left;
	font-family: 'Lato',sans-serif;
	color: #666;
	font-size: 13px;
}

.cajaResumenReview {
	background: #fdf1f0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.cajaResumenReview span
{
	color:#666666;
	font-size:11px;
	font-family: 'Lato',sans-serif;
}

.comentarioTitulo
{
	font-size:13px;
	font-weight:bold;
	font-family: 'Lato',sans-serif;
	color:#d87f7c;
}

.comentarioBajada
{
	font-size:13px;
	font-family: 'Lato',sans-serif;
	color:#666;
	margin-left: -10px;
	margin-bottom:15px;
}

.btnMasOpiniones {
	color: #213a70;
	font-size: 11px;
	margin-top: 2px;
	font-family: 'Lato',sans-serif;
	margin-bottom: 5px;
}

.btnDejaOpinion
{
	background:#3076c0;
	color: #fff;
	font-family: 'Raleway',sans-serif;
	border-radius:5px 5px;
	height:34px;
	line-height:34px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.btnDejaOpinion .opinion-logo
{
	width:20%;
	float:left;
}

.btnDejaOpinion .opinion-logo img{
	width:100%;
	height:auto;
}

.btnDejaOpinion .opinion-txt
{
	width:75%;
	margin-left:5%;
	float:left;
}

.btnDejaOpinion a {
	margin: 0%;
	float: left;
	width: 90%;
	margin-left: 5%;
	color: #fff !important;
	font-size:12px !important;
	font-family: 'Raleway',sans-serif;
}

.cajaAddReview .campoRegistro input[type=submit], .cajaAddReview .campoRegistro input[type=button] {
  
	width: 100% !important;
 
}

.cajaAddReview .errorReporte
{
	text-align:center;
}

.cajaAddReview .btnLogIn {
	display: inline-block;
	margin: 0px;
	padding: 7px 0px 8px;
	background-color: #99badf;
	width: 150%;
	text-align: center;
	font: 400 0.85em 'Lato', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	border: 0;
	width:100%;
	cursor:hand;
	cursor:pointer;
}

.row-no-padding {
  [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
  }
}

/* --------------- FIN BANNER BUSCADOR DE FARMACIAS ----------- */

/* ZOCALO MERCADO LIBRE MELI */

.zocalo-meli
{
	position: fixed;
    left: calc(50% - 135px);
	-webkit-animation-name: slideMELI;
    -webkit-animation-duration: 0.8s;    
    -webkit-animation-delay: 1.5s;
    -webkit-animation-fill-mode:forwards;   
    animation-name: slideMELI;
    animation-duration: 0.8s;    
    animation-delay: 1.5s;
	animation-fill-mode:forwards; 
	-ms-animation-name: slideMELI;
    -ms-animation-duration: 0.8s;    
    -ms-animation-delay: 1.5s;
	-ms-animation-fill-mode:forwards;
	z-index:100000;	
	
}

.boton-meli
{
	position: fixed;
    right: 3%;
	bottom:3%;
	max-width:108px;
	width:108px;
	height:108px;
	-webkit-animation-name: zoomMELI;
    -webkit-animation-duration: 0.8s;    
    -webkit-animation-delay: 1.5s;
    -webkit-animation-fill-mode:forwards;   
    animation-name: zoomMELI;
    animation-duration: 0.8s;    
    animation-delay: 1.5s;
	animation-fill-mode:forwards; 
	-ms-animation-name: zoomMELI;
    -ms-animation-duration: 0.8s;    
    -ms-animation-delay: 1.5s;
	-ms-animation-fill-mode:forwards;
	z-index:100000;	
	opacity:0;
}



@-webkit-keyframes slideMELI {
    0%   { bottom: -30%;   }
    100% { bottom:0;  }
}

@-ms-keyframes slideMELI {
    0%   { bottom: -30%;   }
    100% { bottom:0;  }
}
@keyframes slideMELI {
   0%   { bottom: -30%;   }
    100% { bottom:0;  }
}

@keyframes zoomMELI{
  0% {
    opacity:0;
    transform:  scaleX(0.20) scaleY(0.20) ;
  }
  100% {
    opacity:1;
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes zoomMELI{
  0% {
    opacity:0;
    -moz-transform:  scaleX(0.20) scaleY(0.20) ;
  }
  100% {
    opacity:1;
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes zoomMELI {
  0% {
    opacity:0;
    -webkit-transform:  scaleX(0.20) scaleY(0.20) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes zoomMELI {
  0% {
    opacity:0;
    -o-transform:  scaleX(0.20) scaleY(0.20) ;
  }
  100% {
    opacity:1;
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes zoomMELI {
  0% {
    opacity:0;
    -ms-transform:  scaleX(0.20) scaleY(0.20) ;
  }
  100% {
    opacity:1;
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

.zocalo-meli a
{
	float: left;
    position: relative;
}
.zocalo-meli img
{
	width:100%;
}

/* FIN ZOCALO MERCADO LIBRE MELI */

/* --------------- FICHA DE REGISTROS ----------- */

.hdr-registro h1{font-size: 2.6em !important; margin: 40px 0px 0px 40px;}

.errorRegistro div { background:url(/Portals/0/Images/Commons/Skins/registro-bk-error.png);}
.errorRegistro input { background-color:#f1d0cf !important; margin-left:-10px; }
.errorRegistro select { background-color:#f1d0cf !important; margin-left:-10px; }

.dropdownRegistro { font: 400 0.7em 'Lato', sans-serif; color: #666666; text-transform: uppercase; line-height: 2.85em;}
.labelRegistro, .campoRegistro { padding-top:3px; padding-bottom: 3px; min-height: 40px; margin-top: 7px; margin-bottom: 7px ; }

.labelRegistro { font: 400 0.85em 'Lato', sans-serif; color: #666666; text-transform: uppercase; padding-top: 12px !important; padding-bottom: 11px !important;}

.dropdownRegistro { 	
	background: url(/Portals/0/Images/Commons/Skins/dropdown-arrow.png) no-repeat right #f1f1f1; 
	overflow: hidden;
	border-bottom: solid 2px #c9c9c9;
	margin-bottom: 3px;
}		


.campoRegistro input[type="text"], .campoRegistro input[type="password"] { width:100%;}

.itemRegistro input[type="text"], .itemRegistro input[type="password"]  {    
		display: block;
		margin: 0;
		width: 100%;
		height: 33px;
		padding-left: 0.5em;
		border: none;
		border-bottom: solid 2px #c9c9c9;
		-webkit-transition: border 0.3s;
		-moz-transition: border 0.3s;
		-o-transition: border 0.3s;
		transition: border 0.3s;
		font-family: "Lato", sans-serif;
		font-size: 0.8em;
		color: #333333;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		-ms-border-radius: none;
		-o-border-radius: none;
		border-radius: 1px;
		background-color: #f1f1f1;
	}
	
.itemRegistro input[type="text"]:focus {
		outline: none;	
		border-bottom: solid 2px #969696;
		box-shadow: 0 0 1px 1px #ccc;		
} 


.itemRegistro select {
		width:120%;
		background: transparent;
		border:none;
		padding-left:3px;
}	

.campoRegistro input[type=radio],.campoRegistro input[type=checkbox] {
		display:none; 
		margin:10px;
}

.campoRegistro input[type=radio] + label ,
.campoRegistro input[type=checkbox] + label {
		display:inline-block;
		margin:0px;
		padding: 7px 0px 8px;
		background-color: #f1f1f1;
		width: 100%;
		text-align: center;
		font: 400 0.85em 'Lato', sans-serif;
		text-transform: uppercase;
		border-bottom: solid 2px #c9c9c9;
}

.campoRegistro input[type="radio"]:checked + label ,
.campoRegistro input[type="checkbox"]:checked + label { background-color:#f26e69; color:#f9f9f9;} 

.dropdownRegistro select:disabled {
	display: none;	
}			

.itemRegistro select:focus {
	outline: none;	
}			

.itemRegistro select option { background-color:#f1f1f1; }


.referenciaRegistro { font: 400 0.7em 'Lato', sans-serif !important; color: #6e9fd3 !important; text-transform: none !important;padding-top: 7px !important; padding-bottom: 7px !important;margin-top: 7px;}

.productoGrillaRegistro {	width: 12.5%; float: left; text-align: center; min-height: 175px; margin-top: 15px;}
.productoGrillaRegistro img { width: 110%; margin-left: -4%; }


.tycRegistro input[type=checkbox], .productoGrillaRegistro input[type=checkbox]  { display: none; }

.tycRegistro label,  .productoGrillaRegistro label {
	cursor: pointer;

}

.tycRegistro input[type=checkbox]:checked + label:before,  .productoGrillaRegistro input[type=checkbox]:checked + label:before {
	background: url(/Portals/0/Images/Commons/Skins/checkbox_checked.png) center center no-repeat;
	border: solid 1px #f26e69;
}

.tycRegistro label:before, .productoGrillaRegistro label:before {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	margin-left: -9px;
	border: solid 1px #c4c4c4;
}

.tycRegistro label span { left: 20px; position:relative; font-weight: normal; }

.productoSelectedRegistro {	width: 20%; float: left; text-align: center; padding: 0 10px; font: 400 0.85em 'Lato', sans-serif; color: #666666;background:#fff;border: solid 1px #e9e9e9;margin:1%;}
/*.productoSelectedRegistro img { width: 150%; margin-left: -27%; }*/	
.productoSelectedRegistro img { width: 100%; margin-left: 0%; }

.productoSelectedRegistroUltra {padding: 0 10px; font: 400 0.85em 'Lato', sans-serif; color: #666666;}
.productoSelectedRegistroUltra label { padding-Left:5px;}

.row-nested { border-top: solid 1px #e2e2e2; border-bottom: solid 2px #e2e2e2; padding-bottom: 15px; padding-top: 15px; background-color: #f6f6f6; float: left;position: relative;width: 100%; }

.campoRegistro input[type=submit],
.campoRegistro input[type=button] {
		display:inline-block;
		margin:0px;
		padding: 7px 0px 8px;
		background-color: #99badf;
		width: 150%;
		text-align: center;
		font: 400 0.85em 'Lato', sans-serif;
		color:#ffffff;
		text-transform: uppercase;
		border:0;
}	

.alertaRegistro	{ background:url(/Portals/0/Images/Commons/Skins/registro-bk-error.png); height:31px; }

.alertaRegistroDesktop	{ background:url(/Portals/0/Images/Commons/Skins/registro-bk-error.png); height:31px; text-align: center; }

.errorMensaje {      
    font: 600 0.75em 'Lato', sans-serif;
    text-transform: uppercase;
    color: #f26e69;
    padding: 8px 0px;
    background-color: #f1d0cf;
    margin-left: 20px;
    margin-right: -10px;
}

.legalRegistro { font: 400 0.6em 'Lato', sans-serif; color: #666666; padding-top:40px;}
		
.popup_help
{
   position:absolute;
   z-index:10;
}
.popup_help .contenido_prod {
    left: -200px;
    position: absolute;
    z-index: 5;
    box-shadow: 0px 0px 3px #999999;
    background-color: #fff;
    padding: 10px;
    text-align: center;
}		

.msj_error {
	width: 100%;
	padding: 5px;
	margin: 5px 0px 0px;
	position: relative;
	display: block;
	background: url(/Portals/0/Images/Commons/Skins/registro-bk-error.png);
	font: 400 0.85em 'Lato', sans-serif;
	color: #666666;
	text-transform: uppercase;
}

.dropdownRegistro select { 
	font: 400 0.85em/1.35em 'Lato', sans-serif !important;  
	color: #666666; 
	text-transform: uppercase !important; 
	line-height: 3.2em; 
	padding: 8px 2px 7px;
}

.campoRegistro textarea {
	font: 400 1em 'Lato', sans-serif !important;  
	color: #666666; 
	border-width: 0px 0px 2px;
	border-bottom-style: solid;
	border-bottom-color: #c9c9c9;
	background-color: #f1f1f1;
}

.editandoDNI {
	background-color:#c9c9c9 !important;  
	color: #999999 !important;  
}

.chosen-single span {     
	font: normal 0.85em/1.2em Lato,sans-serif
	text-transform: uppercase;
	color: #333333;
}

.chosen-container-single .chosen-single { background-color: transparent !important; background-image: none !important; }

.chosen-container-active .chosen-single {     
	width: 100%;
	border-bottom: solid 2px #c9c9c9;
	background-color: #f1f1f1;
	padding: 7px 0px 8px;
	} 
	
.chosen-container {
	border-bottom: solid 2px #c9c9c9 !important;
	background: url(/Portals/0/Images/Commons/Skins/dropdown-arrow.png) no-repeat right #f1f1f1 !important;
	background-color: #f1f1f1 !important;
	padding: 7px 0px 8px !important;
	width: 100% !important;
	font: normal 0.85em/1.2em Lato, sans-serif;
	text-transform: uppercase;
	color: #333333;
}

.dropdownRegistro select:disabled {
	display: block !important;
	background-color: #f7f7f7;
	color: #f7f7f7;
}			
	
.productoSelectedRegistro span {
    display: block;
    margin-bottom: 0em;
    height: 45px;
}	


.errorReporte {
    background: url(/Portals/0/Images/Commons/Skins/registro-bk-error.png);
}


.errorReporteTxt {
	font: 600 0.75em 'Lato', sans-serif;
    color: #f26e69;
    padding: 10px;
    line-height: 2.7em;
}

		
/* ---------------- FIN FICHA DE REGISTRO ----------------- */


article.detailview 
{
	background:#ffffff;
	padding:10px;
}
article.detailview .article_top
{
   position:relative;
   float:left;
   width:100%;
}


article.detailview .social_shared
{
    display: inline-block;
    font: 600 13px/22px Raleway;
    margin: 2px 0 0 0;
    float: right;
    color: #213a70;
}

::selection { background: #99badf; color:#fff;}

.backBtn { float:left;}


.article_top .navBtns a { text-decoration:none; color:#f7a8a5; }
.article_top .navBtns a:hover { color:#999999;}

.article_top .Btn25Txt   { display: inline-block; padding-left: 5px; font: 400 15px/27px 'Raleway', sans-serif; }

.article_top .Btn25 {
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background-color: #f7a8a5;
	border: 1px solid #f7a8a5;
    display: inline-block;
    margin: 0 5px 5px 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    float: left;
    background-repeat: no-repeat;
    background-position: 0 -40px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}	


.article_top .navBtns .Btn25 { height: 25px; border: none; margin: 0; background-position: 0 0px; } 

.article_top .navBtns  a:hover .Btn25 { border: none; background-position: 0 -26px; }

.article_top .navBtns .backBtn-flecha { 
	background-image: url("/Portals/0/Images/Commons/icon_flechaBack.png"); 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
.article_top .navBtns a:hover .backBtn-flecha{ background-color: #ffffff; border: 1px solid #f7a8a5; } 

.article_top .sharedBtns   { display: inline-block; font: 600 13px/22px 'Raleway', sans-serif; margin:5px 0 0 0; float:right; color:#213a70; }

.article_top .Btn19 {
	float: right;
	padding-right: 3px;
    width: 19px;
    height: 19px;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 0px 5px 3px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-repeat: no-repeat;
    background-position: 0 -20px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}	


.article_top .sharedBtns .Btn19 { background-image: url("/Portals/0/Images/Commons/social-media-icons-new.png"); border: none; } 

.article_top .sharedBtns  a:hover .Btn19 {  background-color: #ffffff;}

.article_top .sharedBtns .twitterBtn-icon 	{ background-color: #598dca; background-position: -19px 0px; }
.article_top .sharedBtns .facebookBtn-icon	{ background-color: #3a589b; background-position: -39px 0px; }
.article_top .sharedBtns .emailBtn-icon		{ background-color: #999999; background-position: 0px 0px; } 
.article_top .sharedBtns .whatsappBtn-icon		{ background-color: #40c351; background-position: -58px 0px; } 

.article_top .sharedBtns a:hover .twitterBtn-icon 	{ border: 1px solid #598dca; background-position: -19px -20px;  }
.article_top .sharedBtns a:hover .facebookBtn-icon 	{ border: 1px solid #3a589b; background-position: -39px -20px;  }
.article_top .sharedBtns a:hover .emailBtn-icon		{ border: 1px solid #999999; background-position: 0px -20px;  }
.article_top .sharedBtns a:hover .whatsappBtn-icon		{ border:1px solid #40c351; background-position: -58px -20px; } 
.article_top .sharedTxt { float: right; margin-right: 5px;}

article.detailview {
    background: #ffffff;
    padding: 30px;
}

article.detailview h1 { font: 200 2.3em/1em 'Raleway', sans-serif; color:#213a70; letter-spacing: -0.025em; margin-top: 0.5em;}

article.detailview h2  { font: 700 0.9em/1.4em 'Lato', sans-serif; margin-bottom: 0.2em; letter-spacing: -0.015em; color:#3076c0;}

article.detailview h3  { font: 700 0.9em/1.4em 'Lato', sans-serif; margin-bottom: 0.2em; letter-spacing: -0.015em; color:#3076c0;}


article.detailview .image-half-right {
    float: right;
    position: relative;
    width: 50%;
    margin: 0 0 2% 3%;
}

.article-separator {
	width:100%; 
	height: 1px; 
	margin: 30px 0;
}


.details img {  margin: 0 20px; }
	


.header-separator {
	width:100%; 
	height: 2px; 
	margin: 3px 0;
	float: left;
}

.grey-separator{
	background: #8d8d8d;
	background: -moz-linear-gradient(left,  #8d8d8d 0%, #d5d4d3 50%, #8d8d8d 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8d8d8d), color-stop(50%,#d5d4d3), color-stop(100%,#8d8d8d));
	background: -webkit-linear-gradient(left,  #8d8d8d 0%,#d5d4d3 50%,#8d8d8d 100%);
	background: -o-linear-gradient(left,  #8d8d8d 0%,#d5d4d3 50%,#8d8d8d 100%);
	background: -ms-linear-gradient(left,  #8d8d8d 0%,#d5d4d3 50%,#8d8d8d 100%);
	background: linear-gradient(to right,  #8d8d8d 0%,#d5d4d3 50%,#8d8d8d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#8d8d8d',GradientType=1 );
	position: relative;
	float: left;
	width: 100%;
}

.grey-separator-pieles {
    background: #e0e0e0;
    background: -moz-linear-gradient(left,#e0e0e0 0,#eeeeee 50%,#e0e0e0 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#e0e0e0),color-stop(50%,#eeeeee),color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(left,#e0e0e0 0,#eeeeee 50%,#e0e0e0 100%);
    background: -o-linear-gradient(left,#e0e0e0 0,#eeeeee 50%,#e0e0e0 100%);
    background: -ms-linear-gradient(left,#e0e0e0 0,#eeeeee 50%,#e0e0e0 100%);
    background: linear-gradient(to right,#e0e0e0 0,#eeeeee 50%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0',endColorstr='#e0e0e0',GradientType=1 );
	position: relative;
	float: left;
	width: 100%;
}

.image-half-right img {
    width: 100%;
    height: auto;
	position:relative;
	float:left;
}

.container-lista-articulos h4 { padding-left:20px; background: url('/Portals/0/Images/Articles/list_item_bullet.png') 5px 4px no-repeat;}


em.cfacial-16{color: #bbb !important;}
article:hover.cfacial-16 {border-left-color: #bbb !important;}
article:hover.cfacial-16  h4 {color: #bbb !important;}

em.cfacial-10 {color: #3076c0 !important;}
article:hover.cfacial-10 {border-left-color: #3076c0 !important;}
article:hover.cfacial-10  h4 {color: #3076c0 !important;}

em.cfacial-9 {color: #c589cb !important;}
article:hover.cfacial-9 {border-left-color: #c589cb !important;}
article:hover.cfacial-9  h4 {color: #c589cb !important;}

em.cfacial-11  {color: #3b8b77 !important;}
article:hover.cfacial-11  {border-left-color: #3b8b77 !important;}
article:hover.cfacial-11  h4 {color: #3b8b77 !important;}

em.ccorporal-13 {color: #FF818D !important;}
article:hover.ccorporal-13 {border-left-color: #FF818D !important;}
article:hover.ccorporal-13 h4 {color: #FF818D !important;}

em.ccorporal-15 {color: #669966 !important;}
article:hover.ccorporal-15  {border-left-color: #669966 !important;}
article:hover.ccorporal-15 h4 {color: #669966 !important;}

em.psolar-17 {color: #85afde !important;}
article:hover.psolar-17 {border-left-color: #85afde !important;}
article:hover.psolar-17 h4 {color: #85afde !important;}

em.psolar-18 {color: #0081ab !important;}
article:hover.psolar-18 {border-left-color: #0081ab !important;}
article:hover.psolar-18 h4 {color: #0081ab !important;}

em.psolar-19{color: #5bb7c1 !important;}
article:hover.psolar-19 {border-left-color: #5bb7c1 !important;}
article:hover.psolar-19 h4 {color: #5bb7c1 !important;}

em.psolar-20 {color: #0a244a !important;}
article:hover.psolar-20 {border-left-color: #0a244a !important;}
article:hover.psolar-20 h4 {color: #0a244a !important;}

em.psolar-21{color: #00a17d !important;}
article:hover.psolar-21 {border-left-color: #00a17d !important;}
article:hover.psolar-21 h4 {color: #00a17d !important;}

em.mpiel-1{color: #D69DC6 !important;}
article:hover.mpiel-1 {border-left-color: #D69DC6 !important;}
article:hover.mpiel-1 h4 {color: #D69DC6 !important;}

em.mpiel-2{color: #669966 !important;}
article:hover.mpiel-2 {border-left-color: #669966 !important;}
article:hover.mpiel-2 h4 {color: #669966 !important;}

em.mpiel-3{color: #3076C0 !important;}
article:hover.mpiel-3 {border-left-color: #3076C0 !important;}
article:hover.mpiel-3 h4 {color: #3076C0 !important;}

em.mpiel-4{color: #3399CC !important;}
article:hover.mpiel-4 {border-left-color: #3399CC !important;}
article:hover.mpiel-4 h4 {color: #3399CC !important;}

.HideOnExpand {
   /*display: none;*/
}

.HideOnExpand.desktopOnly p {
   max-height: 40px;
   overflow: hidden;
}

.zoomLens{
	background-color:#fff;
}


.container-art{
	background-color: #ffffff;
	float:left;
	width:100%;
	height:100%;
	padding:30px;
}

.container-dest{
	max-height: 240px; 
	overflow-y: hidden;
}

.container-img {
	float:left;
	margin-right:2%;
	width:50%;
}

.container-sec{
	float:left;
	width:48%;
}

.container-img img{
	width:95%;
}


/*---------------------------- MEDIAS ------------------------------*/


/*------------------ CELULARES VERTICAL ---------------------------*/
@media (max-width: 479px)  {
	.popup-eventos-ecommerce-registro {
		position: fixed !important; 
	   width: 92% !important;
	   top: 2% !important;
	   z-index: 100 !important;
	   left: 17px !important;
	   /* height: auto !important; */
	   /* top: 25% !important; */
	   padding: 0px !important;
	   display: block;
   }
   .popup-eventos-ecommerce {
    position: fixed;
    width: 95% !important;
    top: 10%;
    z-index: 100;
    left: 10px;
    /* height: auto; */
	}	

	.desktopOnly{ display:none;}
	.desktopTablet{ display:none;}
	.mobileTablet{ display:block;}
	.mobileOnly{ display:block;}
	.tabletOnly { display: none;}



	/* --- MENU  --- */
	.contenendorMenu { padding: 0px; }
	.dmg_botonera ul>li {  float: left; clear: both; padding: 0px 10px 3px;}
	.dmg_botonera ul>li>a:before  {  background-image: none !important; }	
	.navbar-collapse {  padding-right: 0px !important; }
	.addthis_toolbox {  margin-bottom: 0px; width: auto; }
	.EspacioIcono {  padding-right: 0;  padding-top: 5px; }
	.menuSocialIcons { padding-right: 0px !important; }
	.txtLoginOlvidaste { text-align: left;}
	.flechaLogin { position: absolute; top: 27px; right: 15%; line-height: 0;}
	.floatingName { position: relative; top: 10px; right: -45%; }
	.nombreLogin{ padding: 5px; }	

	
	
	.footer .addthis_toolbox {  float: right; width: 35px; margin-bottom: 5px; }
	
	.container-lista-mobile .container-lista-articulos{display:block; margin-top:10px;}
	.adserverBanner { margin: 20px 0px 0px;}
	#dnn_LineaProducto1Der{margin-top: -30px;}
	
	.modo-de-uso-col-imagen	{ float:left; width:30%; } 
	.modo-de-uso-col-texto1	{ float:left; width:70%; padding-left:2%;}
	.modo-de-uso-col-texto1-full {float:left; width:100%; padding-left:0%;}
	.modo-de-uso-col-texto2	{ float:left; width:100%; padding-left:0%;}


	.rutina-col-boton-left 	{ float: left; width: 15%; padding-right: 1%; }
	.rutina-col-centro		{ float: left; width: 70%; padding: 0 1%; }
	.rutina-col-boton-right 	{ float: left; width: 15%; padding-left: 1%; }

	.rutina h5				{ text-align: center; }
	.rutina-col-texto 		{  width: 100%; margin-top: 20px; }
	.rutina-col-imagen 		{ float: left; width: 100%; margin-top: 10px; padding-left: 2%; text-align: center;}


	
	.dermaglos_footer{
		position: relative;
		margin-top:20px;
		width: 100%;
		background-color: #ffffff;
		height: 250px;
		border-top-width: thin;
		border-top-style: solid;
		border-top-color: #CCC;
	}
	

	.footerLogo img { width:100%; }

	
	.header-separator { height: 1px;}
	.hdr-detalle-articulo img, .hdr-mobile img { width:100%; }
	.hdr-linea-productos 	{ background-size: 160%; }

	
	/* HEADERS TIPO DE PIEL */
	.hdr-mobile.hdrpielesnormales, .hdr-mobile.hdrpielesmixtasagrasas, .hdr-mobile.hdrpielessecas, .hdr-mobile.hdrsolares	
		{ background-size: cover !important; background-position: right top; height: 50vw; }
		
	.hdrpielesnormales h1, .hdrpielesmixtasagrasas h1, .hdrpielessecas h1
		{ color: #213a70 !important; }
		
	.hdrpielesnormales h3,  .hdrpielesmixtasagrasas h3, .hdrpielessecas h3
		{ color: #3076c0 !important; }
		
	.hdrpielesnormales p, .hdrpielesmixtasagrasas p, .hdrpielessecas p
		{ color: #666666 !important; margin: 5px !important; }
	
	.hdr-hub.hdrpielesnormales, .hdr-hub.hdrpielesmixtasagrasas, .hdr-hub.hdrpielessecas, .hdr-hub.hdrsolares {background-image: none !important;}


	
	
	.hdr-detalle-articulo, .hdr-hub    { background-image: none !important; }
	.hdr-detalle-articulo h2, .hdr-hub h1	{ font-size: 2.3em !important; margin: 10px 0px 0px 5px;}
	.hdr-detalle-articulo p, .hdr-hub p	{ font-size: 1em; line-height: 1.2em; margin: 5px;}
	.hdr-linea-de-productos p { margin-left: 0px !important; }	
	.container-lista-mobile .adserverBanner { margin:0px;}
	.container-lista-mobile{ margin:20px 0px 0px; float:left;}
	
	.hdr-test-de-la-piel { background-image: none;background-image: none;height: auto !important;margin:10px 0 5px 0;}
	.hdr-test-de-la-piel h1 {margin:0 !important;}
	
	.container-lista-articulos { display:block; margin: 10px 5px 0 0;}
	
	.only-desktop { display:none; }
	
	article.listview div:nth-child(1)
	{
		width:100%;
		float:left;
		position:relative;
	}

	article.listview div:nth-child(2)	{
		width:100%;
		float:left;
		position:relative;
		text-align:justify;
	}
	
	article.detailview .image-full,
	article.detailview .image-half-left,
	article.detailview .image-half-right 	{
		width:100% !important;
		height:auto !important;
		margin: 0 0 5% 0 !important;
	}
	
	.dmgDropdownRaya { padding-right: 5px;}
	.dmgDropdownFlecha { padding-right: 10px;}
	.dmgDropdownText	{ margin-left: 13px; }


	.dermaglos_header{
		width:100%;
		background-color:#ffffff;
		margin-bottom:0px;
	}

	.ContainerModuloMedio{
		padding-right:2%;
		min-height:0px;

	}
	.ContainerModuloDerecho{
		padding-Left:2%;
		min-height:0px;
	}


	.ContainerModuloNoticias{
		padding-right:0px;
		padding-bottom:20px;
	}
	
	.dermaglos_footer{
		position: relative;
		margin-top:20px;
		width: 100%;
		background-color: #ffffff;
		height: 215px;
		border-top-width: thin;
		border-top-style: solid;
		border-top-color: #CCC;
	}

	.LogoResponsive {
		padding-left:5%;
	}

	.dermaglos_body{
		width:100%;
	}
	
	.EspacioIcono {
		padding-right:5px;
	}


	.referencias {
		width:100% !important;
	}

	.referencias-item {
		clear: both !important;
		margin-top: 5px !important;
	}

	.referencias-text{
		margin-top: 5px !important;
	}

	 .LeftDivExpander{ 
		display:none !important; 
	 } 

	.HubControlers{
		display:none !important;
	}
	.RightDivExpander{
		padding-left: 10px !important;
		width:100% !important;
	}

	.botoneraIconosMobile{
		max-width: 30px;
		position: relative;
		top: -140px;
		float:right;
	}

	.imgArticuloDestacado{
		padding-right: 0px; 
		min-width:0px;
		width:100%;
	}
		
	.descArticuloDestacado{
		min-width:0px;
		width:100%;
	}
		
	.fullDiv{
		height:auto;
		padding-top:150px;
	}
	   
	.dmgDropdown {
		padding-top:14px;
		width:100%;
	}
	.dmgDropdownUl li a{
		font-size:12px;

	}
	.dmgDropdownbtn{
		padding: 6px 0px;
		font-size:12px;
		background-color: transparent;
	}

	.dmgDropdownUl{
		font-size:12px;
	}
	.EspacioIcono{
		padding-right:2px;
		padding-bottom: 5px;
	}

	.dermaglos_footer{
		position: relative;
		width: 100%;
		margin-top: 20px;
		background-color: #ffffff;
		height: 250px;
		border-top-width: thin;
		border-top-style: solid;
		border-top-color: #CCC;
	}


	.RowHeader	{
		Padding-Top:5px;	
		Padding-Bottom:1px;
	}


	.LogoFooter{
		padding-bottom: 35px;
	}

	.LoginCruz {
		position: relative;
		top: -32px;
		float: right;
	}
		

	.headerCol{
		z-index:0;
	}
	/*end*/

   .dmg_botonera ul>li  {
		display: block !important;
		width: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	  }
	  
	.container-img {
		width:100% !important;
		margin:0px !important;
	}

	.container-sec{
		width:100% !important;
	}

	.container-dest{
		max-height: 100% !important;
		margin-top:20px !important;
	}

	.container-img img{
		width:100% !important;
	}

	.itemGrilla,.resultado_container .itemGrilla { width: 50% !important;}
	
	.itemGrilla img { margin-left: -10px; }


	.resultado_ultra  .titulo_ultra
	{
		width: 70%;
		margin-top: 30%;
		margin-left: 5%;
	}

	.adserverBanner table, .adserverBanner span{width:100%;}
	
	.slider-centrado{float:none !important; margin: 0 auto !important;}
	
	.img-mipiel{min-width:100% !important; padding-right: 10px !important;}
	
	.tabs a {font: 400 0.8em/0.6em 'Raleway', sans-serif;}

	.rotatorficha  h5 {font: 400 0.63em 'Raleway', sans-serif !important;} 
	
	#popup_amb_medico {
		position: fixed;
		width: 100% !important;
		height: 100% !important;
		background: white;
		top: 0 !important;
		left: 0 !important;
		z-index: 200;
	}
	
	#popup_ecommerce {
		position: absolute;
		width: 96%;
		background: white;
		top: -1%;
		left: 2%;
		z-index: 200;
		padding: 5px;

	}
	
	/*BUSCADOR HEADER*/
	.icon-buscador {
		padding-top: 4px;
		text-align: center;
		padding-left: 5px;
	}
	
	.AdvanceLoginBtnMobile { margin: 10px 35% 0px;}
	.AdvanceLoginBtn { margin-left: 0px; } 
	
	
	/*  --- FORM CONTACTO MOBILE -----  */
	
	.labelRegistro {
		font: 400 0.75em 'Lato', sans-serif!important;
		color: #666666;
		text-transform: uppercase;
		padding-top: 10px !important;
		padding-bottom: 0px !important;
	}
	
	
	.productoGrillaRegistro {
		width: 33.33333%  !important;
		text-align: center !important;
		min-height: 125px !important;
	}

	.productoSelectedRegistro {
		width: 48% !important;
	}

	.campoRegistro input[type=radio] + label, .campoRegistro input[type=submit], .itemRegistro input[type="text"]  {
		font: 400 0.75em 'Lato', sans-serif;
	}
	
	
	.productoSelectedRegistro span {
		font-size: 0.8em;
	}
	
	
	.chosen-container 					{ font: normal 0.7em/1.2em Lato, sans-serif; }
	.chosen-results li.active-result 		{    font-size: 1em; }
	.chosen-container-active 			{  font-size: 0.75em !important; }
	.chosen-container-single .chosen-single span { white-space: normal !important; }
	
	
	/* ZOCALO MERCADO LIBRE MELI */
	
	.zocalo-meli {
		width: 80%;
		left:50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width: 360px;
	}
	
	.referenciaRegistro {
		
		padding-top:0 !important;
		margin-top:0 !important;
	}
	
	
	/* FIN ZOCALO MERCADO LIBRE MELI */
	
}



/*-------------- CELULARES HORIZONTAL & TABLETS VERTICAL  --------*/
@media (min-width: 480px ) and (max-width: 800px )  {
	
	
	#popup_amb_medico {
		position: fixed;
		width: 100% !important;
		height: 100% !important;
		background: white;
		top: 0 !important;
		left: 0 !important;
		z-index: 200;
	}
	
	.mobileTablet{ display:block;}
	.mobileOnly{ display:none;}
	.desktopOnly{ display:none;}
	.desktopTablet{ display:block;}
	.tabletOnly { display: block;}

	
	/* --- MENU  --- */
	.contenendorMenu { padding: 0px; }
	.dmg_botonera ul>li {  float: left; clear: both; padding: 0px 10px 3px;}
	.navbar-collapse {  padding-right: 0px !important; }
	.addthis_toolbox {  margin-bottom: 0px; width: auto; }
	.EspacioIcono {  padding-right: 0;  padding-top: 5px; }
	.menuSocialIcons { padding-right: 0px !important; }
	.txtLoginOlvidaste { text-align: left;}
	.RowHeader 		{ Padding-Top: 5px; Padding-Bottom: 0px; }
	.floatingName {  position: relative;  top: 10px; right: -30%;}
	.nombreLogin {  padding: 5px; }
	.flechaLogin { position: absolute; top: 27px; right: 5%; line-height: 0;}
	
	/* --- HOME --- */
	.adserverBanner-home{margin:30px;}
	.adserverBanner { margin: 20px 0px 0px;}
	
	/* --- LINEA DE PRODUCTO --- */
	.itemGrilla{width:33.33333%;}

	.hdr-linea-productos 	{ background-size: 100%; min-height: 220px; }
	.hdr-linea-de-productos p { margin-left: 0px !important; }
	
	
	
	/* --- HUBS --- */

	.hdr-detalle-articulo, .hdr-hub    { background-image: none !important; }
	.hdr-detalle-articulo img, .hdr-mobile img { width:100%; }
	.hdr-detalle-articulo h1, .hdr-hub h1{ font-size: 2.5em; margin: 10px 0px 0px 5px;}
	.hdr-detalle-articulo p, .hdr-hub p{ font-size: 1em; line-height: 1.2em; margin: 5px; }		
	.header-separator { height: 1px;}
	
	.ProductosDermaglosGrid{width:50%; height:195px;}
	.LeftDivExpander h3 {font-size:0.75em;}
	.RightDivExpander h3{ margin-top:0px;}
	.ProductosDermaglosList{width:100%; height:90px;}
	.TextoProductosHub{padding-top:15%; font-size:0.85em;}
	.caja-filtro{margin-left:10px;}
	.dmgDropdown{margin-bottom:20px; padding-top:0px;}
	.HubControlers{ display:none !important;}
	.LeftDivExpander{display:block !important;}
	.videoRelacionado iframe{ height:340px;}
	
	/* --- FICHA DE PRODUCTO ---*/
	#dnn_LineaProducto1Der{margin-top: -30px;}
	
	/* --- FICHA DE ARTICULO ---*/
	.hdr-detalle-articulo p {  margin: 5px; }
	.container-lista-mobile .adserverBanner { margin:0px;}
	.container-lista-mobile{ margin:20px 0px 0px; float:left;}
	.container-lista-mobile .container-lista-articulos{display:block; margin-top:10px;}

}



/*------------------ DESKTOP & TABLETS HORIZONTAL  ---------------*/
@media (min-width: 801px) {




	/*  CAMBIOS HDR SOLAR 2018  */
	.header-solar h2 { color: #ffffff!important; }
	.header-solar p	 { color: #fff!important; margin-left: 30px; }
	.header-solar-hub p	 {    color: #e4777f!important; margin: 10px 0 0 40px !important;}
	.hdr-seccion-embarazo p {color: #fff!important; margin-left: 30px; }
	.header-solar-hub h1 {     color: #e4777f!important;}
	.header-solar-hub h3 {  color: #f3eb5b; !important; }

	.header-solar-hub .btn-default:hover { background-color: #70bfbf; }
	.header-solar-hub .dmgDropdownbtn	{ background-color: #b0d6c3; }
	/*  FIN CAMBIOS HDR SOLAR 2018  */


	/*DESTACADO EMBARAZO*/
	.destacadoHomeEmbarazoImagen		{ width: 45%; }
	.destacadoHomeEmbarazoImagen img	{ width: 100%; }
	
	.destacadoHomeEmbarazoTexto			{ width: 55%; margin-top: 0px; margin-left: 0%; padding-left: 5%; }
	.destacadoHomeEmbarazoTexto	img 	{ width: 92%; }
	
	
	

	.mobileOnly{ display:none;}
	.mobileTablet{ display:none;}
	.desktopTablet{ display:block;}
	.desktopOnly{ display:block;}
	.tabletOnly { display: none;}
	
	.only-mobile { display:none; }

	.hdr-hub  	{ min-height: 320px; }
	
	.hdr-hub h1{ margin: 40px 0px 0px 40px;}
	.hdr-hub p{ font-size: 1em; line-height: 1.2em; margin: 5px 0 0 40px; min-height:130px;}	
	.hdr-hub h3 {margin:5px 0px 0px 30px;}
		
	.hdr-detalle-articulo 		{ height:180px; }
	.hdr-detalle-articulo h1 	{ margin-left: 25px; }
	.hdr-detalle-articulo p 		{ margin: 5px 0 0 30px; }
	
	.hdr-linea-de-productos p { margin-left: 30px !important; }
	
	
	/* --- MENU  --- */
	.contenendorMenu { padding-left: 0%; }
	.navbar-collapse { }
	.menuItems {  padding: 0 !important; }
	.dmg_botonera ul>li  { padding: 0px 10px 10px; }
	.addthis_toolbox { margin-top: 8px; width: 74px; float: left; }
	.dmgLogo img { width: 100%; max-width: 150px; }
	.dmgLogo h1 {margin:0;padding:0;font:inherit !important;}
	.floatingName { position: relative; top: -23px; right: 11px; }
	.flechaLogin {  line-height: 0; position: absolute; top: 7px; right: 15px; }
	
	.icon-redes	{ padding: 3px 2px 0px; float: right; }
	
	article.listview div:nth-child(1)
	{
		min-width:30%;
		width:30%;
		float:left;
		position:relative;
	}
	
	article.listview div:nth-child(1) img
	{
		width:100%;
		heigh:auto;
	}
	

	article.listview div:nth-child(2)
	{
		width:67%;
		margin-left:3%;
		float:left;
		position:relative;
	}
	
	article.detailview .image-half-right
	{
		float:right;
		position:relative;
		width:40%;
		margin:0 0% 2% 3%;
	}
	
	article.detailview .image-half-left
	{
		float:left;
		position:relative;
		width:40%;
		margin:0 0% 2% 0%;
	}
	
	article.detailview .image-full
	{
		float:left;
		position:relative;
		width:100%;
		margin:0 0% 2% 0%;
	}
	

	article.detailview .image-full img,
	article.detailview .image-half-left img,
	article.detailview .image-half-right img
	{
		width:100%;
		height:auto;
	}
	
	.container-lista-articulos { display:block; margin: 10px 15px 0 0;}
}


/*-------------- DESKTOP MAX-WIDTH 1024 --------*/

@media (min-width: 801px ) and (max-width: 1024px )  {
	
	.dermaglos_header .dmgLogo	 			{ margin-top: 7px !important;}
	.dermaglos_header .navbar-nav			{ margin-top: -5px !important; }
	.dermaglos_header .addthis_toolbox		{ width: 70px !important; margin-top: 10px !important;}
    .dermaglos_header .dmg_botonera ul > li {
        font: 700 0.8em/1.4em 'Lato', sans-serif !important;
        padding: 15px 5px 0px !important;
        letter-spacing: 0.01em;
    }
}



/*---------------------------- FIN MEDIAS ------------------------------*/
.at4-share-title {
    font: 400 0.7em/2em 'Lato', sans-serif;
    text-transform: lowercase;
}