/******************************  login-styles.css*************************/

#body{
	margin: 0px;
}


#wrapped-login {
	font-family: "Campton-book";
	position:relative;
	-webkit-background-size: cover;
   	-moz-background-size: cover;
   	-o-background-size: cover;
   	background-size: cover;
	height: 100vh;
	/*width: 100vw;*/
    background-repeat: no-reapet;
    display: inline-block;
	/*background-repeat: no-repeat;*/
	background: url(https://d1do84bsbaemip.cloudfront.net/wp-content/uploads/2019/12/02192421/fondo-login.jpg) no-repeat round;
	background-size: 100%;
	padding-bottom: 2rem;
}

	#reg-error{
		/*margin-left: 52%;*/
	    /*margin-top: 34%;*/
	}


#error-login{
	
	/*margin-left: 26px;*/
	}
.container-login-left{
	height: 90%;
	width: 35%;
	position:absolute;
	/*top: 20px;
	left:20px;*/
	display: block;
	float: left;	
}

.container-login-right{

	/*height: 90%;*/
	/*margin: 0px !important;*/
	position:absolute;
	/*top: 20px;*/
	/*display: block;*/
	float: right;
	
	
	
}

.opacity-background{
	width: 100%;
	background-color:var(--negro);
	opacity: 0.4;
	height: 100%;
	position: absolute;
    z-index:-2;
    top: 0;

}

.titulo-login{
    margin-bottom: 20px;
    margin-top: 20px;
    color: #2df395;
    background-color: transparent;
    padding-top: 30px;
  	padding-right: 30px;
  	padding-bottom: 30px;
  	padding-left: 30px;
  	text-align: center;
    border-radius: 50%;
    border: 0px solid  !important;
  	
  	
  	

}

.titulo-register{
    padding-top: 60px;
    margin-bottom: 50px;
    color: white;

}

.olvido-contraseña-login a{
	color:white !important;
	text-decoration: underline;
}

.no-esta-registrado a{
	color:#00ffa8 !important;
}

.si-tiene-cuenta a{
	color:white !important;
}

.olvido-contraseña-login{
	    /*width: 23vh !important;*/
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	    margin-bottom: 0px;
	    padding-top: 5px !important;
}

.inline-login{
	display: inline-block !important;
}

.input-campos-login{
	    width: 21vw !important;
    height: 50px !important;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent !important;
    color: white !important;
    border: 2px solid #fff !important;
    line-height: 44px;
	
}

.input-campos-register{
	width: 100%; 
	height: 50px !important;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent !important;
	color: white !important;
	border: 2px solid #fff !important;
	line-height: 44px;
}
.input-campos-register:focus{
	outline: none !important;
    border:1px solid var(--verde) !important;
}
.input-campos-login input{
	color: white !important;
	
}

#rememberme-label{
	margin: 0 auto;
	color: white;
}
.olvido-contraseña-login, #rememberme-label{
	/*width: 16vh;*/
    padding: 0px;
    white-space: nowrap;
}

.no-esta-registrado {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 0px;
	padding-top: 5px !important;
	padding: 0px;
    white-space: nowrap;
}

.si-tiene-cuenta {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 0px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding: 0px;
    white-space: nowrap;
}

#btn-register{
	width: 19vw !important;
	background-color: transparent;
	border: 3px solid #2df395;
	color: white;
	margin-top:30px;

}

.img-derecha{
  margin-top: 27vh;
  display: flex;
  justify-content: center;
}

.texto-parte-suscripcion{
	margin-top: 10vh;
	text-align: center;
	color: white !important;
	
}

#id-btn-izquierda{
	position: absolute;
	bottom: 95px;
}

#id-btn-derecha{
	position: absolute;
	bottom: 190px;
}

.buton-div-suscripcion{
  transform: translate(0px, 109px);
  display: flex;
  justify-content: center;
  width:100%;
}

.button-submit-login{
	font-size: 26px !important;
    width: 21vw !important;
    background-color: var(--verde);
    border: 3px solid var(--verde);
    color: #012837;
    padding: 0px;
    /*margin-top: 45%;*/
    height: 50px !important;
}

.button-submit-register{
    font-size: 26px !important;
    /*width: 21vw !important;*/
    background-color: var(--verde);
    border: 3px solid var( --verde);
    color: #012837;
    /*padding: 0px;
    height: 50px !important;
    margin-top: 2%;
    margin-left: -4%;*/
}

.button-submit-register:hover{
	background-color: rgba(26, 26, 26, 0.75) !important;
	border: 3px solid white !important;
	color: white !important;
	
}
.button-submit-login:hover{
	background-color: rgba(26, 26, 26, 0.75) !important;
	border: 3px solid white !important;
	color: white !important;
	
}
@-webkit-keyframes autofill {
    to {
        background: rgba(26,26,26,0.15);
    }
}

.input-menu:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px #000000 inset;
}


/*asterisco del input cambio de color*/
#labellogin {
	   color: white;
    font-family: Campton-book;
    font-size: 18px;
    position: inherit;
    top: -52px;
    padding-top: 15px;
    padding-left: 15px;
    white-space: nowrap;
}
#labelregister{
		   color: white;
    font-family: Campton-book;
    font-size: 18px;
    position: inherit;
    top: -52px;
    padding-top: 15px;
    padding-left: 15px;    
    white-space: nowrap;
}
#labellogincon {
     color: white;
    font-family: Arial;
    font-size: 18px;
    position: relative;
      top: -84px;
    padding-top: 15px;
    padding-left: 15px;
}
#labellogin:after,#labelregister:after {
    content:' *';
    color: #2df395;
}
/*Se borra al escribir no funciona*//*
#username[required]:invalid + #labellogin {
    display: inline-block;
}
#username[required]:valid + #labellogin{
    display: none;
}*/
#divTopMidLogin{
	text-align: center;
}
.container-login-left{
	/*display:none;*/
}
.container-login-right{
	/*display:none;*/
}
#checkboxAcepto{
	display:none;
}
#pAceptoCondiciones{
	margin-left: 3%;
	color: white;
}
#loginForm{
	    /*margin-left: 6vh;*/
	    text-align: center;
}
#generalDivLogIn {
margin-top: 8vh;	
}
#midContainerLogin{
	margin-top: 1%;
}
#divRememberMeLogin{
	/*width: 50vh;*/
	margin-top: 20px;
	text-align: initial;
}
#divOlvidarPassLogin{
	text-align: initial;
}
#divNoestasregistrado{
	text-align: initial;
}
#divTienecuenta{
	text-align: initial;
}
#loginForm p{
	margin-bottom: 0px;
	margin-top: 16px;
}
#img-rememberme-login{
	padding-right: 10px;
	max-width: 100%;
    height: 20px;
}
#imgLogin, #imgRegistro{
	cursor: pointer;
	padding: 10%;
}
#loginLogoInspria{
  /*width: 35vh;*/
  /*margin-left: 20%;*/
  /*margin-top: 5%;*/
}
#rowIconosLogin{
	margin-top: 15%;
}
#pInfoLogin{
	color: white;
    /*width: 44vh;
    margin-bottom: 25% !important;*/
    font-size: 20px;
    text-align: center;
    margin-top: 0 !important;
    /*padding-bottom: 15%;*/
    
}
#olvidoContraP{
	margin-top: 15px !important;
	padding-top: 0px !important;
}

#NoestaR{
	margin-top: 15px !important;
    padding-top: 0px !important;
}

#SitieneC{
	/*margin-top: 15px !important;*/
    padding-top: 0px !important;
}

#pInfoRegister{
	font-size: 20px;
    text-align: center;
    /*padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 8%;*/
    margin-top: 0px !important;
}
.input-campos-login:focus {
    outline: none !important;
    border:1px solid var(--verde) !important;
}
#paisLogin option, #areaLogin option{
	color: black;
}
#registerDiv{
	text-align: center;
}
#registerDiv p{
	/*margin-top: -4.5%;*/
}
#divCondicionesLogin{
	/*margin-top: -3%;*/
}
#pBotonRegister{
	text-align: center;	
}
#registerDiv form select{
	border-radius: 0px !important;
}
.imgCondiciones{
	max-width: 100%;
    height: 20px;
}
#pBotonLogin{
	margin-top: 2% !important;
}


@media (max-width : 1024px)
	and (min-width : 769px) {

		#loginLogoInspria{
			margin-top: 0px;
		}
		
		/*Login*/
		
		#wrapped-login{
		    /*height: 820px;*/
		}
		
		#loginForm{
			/*margin-left: 100%;*/
		}
		
		#pInfoLogin{
			margin-bottom: 15px !important; 
		}
		
		#divRememberMeLogin{
			z-index: 1;
		}
		
		#rememberme-label{
			/*bottom: 25px;*/
		}
		
		#divOlvidarPassLogin{
			/*bottom: 35px;*/
		}
		
		#btnLogin{
		    /*margin-top: 35px !important;
    		margin-left: -125px;*/
		}
		
		#error-login{
			/*margin-top: 70px;*/
		}
		
		/*Registro*/
		
		#wrapped-login{
			/*height: 850px !important;*/
		}
		
		#rowIconosLogin{
			margin-top: 10% !important;
			/*margin-left: 27%;*/
		}
		
		#wc-registro-form{
			text-align: center;
		}
		
		#registerDiv p{
			margin-top: 0px;
			/*padding: 0px;*/
		}
		
		#labelregister{
			top: -5px;
			right: 360px;
		}
		
		#pInfoRegister{
			padding-bottom: 20px !important;
		}
		
		#divCondicionesLogin{
			/*margin-top: 15px;*/
			/*right: 20px;*/
		}
		
		#pAceptoCondiciones{
			display: unset;	
		}
		
		#divBtnRegister{
			top: 2vh;
			/*left: 95px;*/
		    /*width: 300px;*/
		}
		
		#SitieneC {
    		top: 2vh;
		}
		
		.input-campos-register{
	 		/*width: 35vw !important;*/
		}
		
		#reg-error{
            /*height: 140px;*/
    		/*width: 450px;*/
    		/*margin-top: 245px;*/
    		/*position: absolute;*/
    		top: 2vh;
		}
		
	}

/****************************** fin login-styles.css*************************/

/****************************** product-compra-directa.css*************************/

.cambiar-tamaño-h3{
	font-size: 14px !important;
}


.tamaPrecio{
	font-size: 30px !important;
}
.tama-dialog{
	height: 720px; 
	width: 1280px !important;
}
.responsive-tabs ul.responsive-tabs__list {
	font-size: 18px;
	line-height: 18px;
	margin: 16px 0 0 465px !important;/*preguntar antes de cambiar*/
	padding: 0;
}
.pestanas-producto .responsive-tabs ul.responsive-tabs__list {
	font-size: 18px;
	line-height: 18px;
	margin: 16px 0 0 465px !important;/*preguntar antes de cambiar*/
	padding: 0;
}
.imagen-producto{
	background-repeat: no-repeat;	
	padding: 0px;
    background-size: 100%;
    top: 0px;
    width: 345px !important;
    height: 520px;
}
.imagen-producto-consultivo{
	background-repeat: no-repeat;	
	padding: 0px;
    background-size: 100%;
    top: 0px;
    width: 406px !important;
    height: 575px;    
    cursor: pointer;	
}
.producto-informacion{
	font-weight: bolder !important;
	padding-left: 0px !important;
	display: inline-flex;
}

.precioImagen{
	margin-top: 7vh;
   	width: 13vw;
}

.tama-btn-matri{
	width: 60%; 
	padding: 0 !important;	
}

.texto-serie{
	
	margin-left:25px;
}

.frase-producto{
	color:black;
	text-align: center;
	margin: 5vh 0px;
}

.pestanas-producto{
	padding-left: 0px !important;	
}
.pestanas-producto-cons{
	padding-left: 0px !important;	
}

.pestanas-producto *{
	border: 0px !important;
}
.pestanas-producto-cons *{
	border: 0px !important;
}

.producto-descargar-folleto-icon{
	margin-left: 5%;
	width: 7%;
}

.producto-cesta-icon{
	margin-left: 5%;
	width: 13%;
}

.responsive-tabs {
	/*margin-left: 20% !important;*/
/* 	margin-top: -3.7% !important; */
	margin-top: -4.7% !important;
}
.pestanas-producto .responsive-tabs {
	margin-top: -4.4%;
}


.pestanas-producto .responsive-tabs .responsive-tabs__list__item{
	color:var(--azul-texto-fondo) !important;
	background-color: white !important;
	font-family: 'Campton-semibold';
	padding: 0px;
	border-radius: 0px !important;
	max-height: var(--altura-boton);
	text-align: right;
	width: 9vw;
    font-size: 14px;
    
}

.pestanas-producto-cons .responsive-tabs .responsive-tabs__list__item{
	color:var(--azul-texto-fondo) !important;
	background-color: white !important;
	font-family: 'Campton-semibold';
	padding: 0px;
	border-radius: 0px !important;
	max-height: var(--altura-boton);
	text-align: right;
	width: 9vw;
    font-size: 14px;
    padding-bottom: 0px !important;
    
}

.responsive-tabs__list__item--active{
	background-color:transparent;
	pointer-events: none;	
}



.pestanas-producto .responsive-tabs .responsive-tabs__list__item--active,.pestanas-producto-cons .responsive-tabs .responsive-tabs__list__item--active/*, .responsive-tabs__list__item--active:hover*/{
	color: var(--azul-texto-fondo) !important;
	background-color: white !important;
	border-style: solid !important;
	border-bottom-width: 5px !important;
	border-bottom-color: var(--verde) !important;
	font-size: 14px;
}


/* .pestanas-producto-cons .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover{ */
/* 	color: var(--azul-texto-fondo) !important; */
/* 	background-color: white !important; */
/* 	border-style: solid !important; */
/* 	border-bottom-width: 5px !important; */
/* 	border-bottom-color: var(--verde) !important; */
/* 	font-size: 14px; */
/* } */

.pestanas-producto .pestana-titulo-bottom {
	text-align: center;
	width: 100%;
	margin-bottom: 0px;  
}
.pestanas-producto-cons .pestana-titulo-bottom {
	text-align: center;
	width: 100%;
    margin-bottom: 5px;
}

.pestana-imagen-producto {
	text-align: right;
	width: 17px;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid; 
  border-color: var(--verde);

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

.producto-linea-separadora{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid var(--verde) !important;
}

.producto-icono-confianza{
	height: auto !important;
	width: 11vw !important;
	margin-bottom: 10vh;
}

.flecha-producto-abajo{
	border: solid black;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 3px;
  	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
}

.noPadding {
	padding: 0px !important;
	padding-left: 60px !important;
	font-size: 20px !important;
}
.noPadding-pro {
	padding: 0px !important;
	/*padding-left: 65px !important;*/
	font-size: 20px !important;
}

.producto-cabecera{
	background-color: var(--blanco) !important;
	padding: 0px !important;
	margin-top: 90px;
	height:fit-content;
}
.producto-cabecera-cons{
	background-color: var(--blanco) !important;
	padding: 0px !important;
	margin-top: 90px;
	height:fit-content;
}



.responsive-tabs__panel {
	background: #f1f2f3 !important;
	padding: 0px !important;
	border: none;
	
}

#divTabsMyAccount .responsive-tabs__panel {
	background: var(--azul) !important;
	padding: 0px !important;
	border: none;
	margin-top: 19px;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    position: absolute;
    right: 19%;
    top: .8em;
    cursor: pointer;
	color: #000 !important;
}


.producto-espacio-separador{
	margin-top: 15px;
    margin-bottom: 15px;
}
.p-compra-directa{
	margin-bottom:0px !important;
   	font-size: 25px !important;
}

.producto-play-img{
	position: relative;
    left: 35%;
    margin-top: 35% !important;	
}

.btn-compra-directa{
	
	min-height: 7vh !important;
    max-height: 7vh !important;
    min-width:50% !important;
    border: 1px solid black !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    background-image:none !important; 
    font-weight: bolder;
    color: black !important;
}
.contenido-producto{
    left: 135px;
    top: -10px;
}
.contenido-producto-cons{
    left: 75px;
    top: -10px;
}
.precio-tachado-tama{
    position: relative;
    width: fit-content;	   
    font-size: 19px;
}
.barra-sep-compra{
    border-color: #012837 !important;
   	max-width: 100%;
    min-width: 100%;
}
.separacion-compra{
    left: 60px;
    top: 21px;
}
.separacion-texto-pesta .elementor-element-populated{
	padding-top: 45px !important;
}
.marg-consultiva{
	margin-left: 70px;
}
.separacion-form{
	padding-right: 60px !important;
	left: 50px;
}
.mar-migaja-compra{
	margin-left: 130px;
}
.texto-mes{
	left: -109px;
}
.texto-fecha{
	left: -108px;
}
.texto-lugar{
	left: -108px;
}
.texto-titulacion{
	left: -108px;
}
.tama-btn{
	width: 80% !important;
}
.tama-descuento{
	font-size: 19px;
}
.texto-movil{
	font-size: 12px !important;
}
.logoPartner{
	width: 100.5px;
    position: relative;
    top: 8px;
    margin-bottom: -35px;
    left: 0px;
}

.separacion-texto-pesta ul {
    list-style: none;
    color: #7a7a7a;
}
.separacion-texto-pesta ul li::before {
	font-size: 19px;
	content: "\2022";
	color: #012837 !important;
	width: 1px;
	font-weight: bold;
	margin-left: -20px;
	padding-right: 13px;
}
.pos-res-con-btn{
	left: 61px;
} 
.div-send{
	top: -30px;	
}
.boton-blanco-consultivo{
	padding-top: 12px !important;
}
.div-descarga-folleto{
	font-size: 18px;
    font-weight: bolder !important;
}
.boton-normal{
    font-weight: bolder !important;
    font-size: 18px !important;
}
.noPadding-com{
	padding-top: 5px !important;
}
.conte-pestana-cons{
	padding: 0px !important;
}
.conte-pestana{
	padding: 0px !important;
}

.tamaño-modal-video{
	height: 720px; 
	width: 1280px !important;
    margin: auto !important;
    margin-top: 50px !important;
}





/****************************** fin product-compra-directa.css*************************/




/****************************** product-consultiva.css*************************/

.producto-pestanas{
	padding-left: 55px !important;
	padding-right: 15px !important;
	
}

.iconos-pestana1{
	
	height:20px !important;
	width:20px !important;
}

.iconos-pestana2{
	
	height:30px !important;
	width:30px !important;
}

.iconos-pestana3{
	
	height:30px !important;
	width:30px !important;
}

.inputs-producto-consultivo{
	width:100%;
	height:50px !important;
	background-color:transparent;
	color:var(--azul-texto-fondo) !important;
	border:1px solid black !important;
	padding:5px;
	border-radius: 0px;
	
}
.inputs-producto-consultivo:focus {
    outline: none !important;
    border:1px solid var(--verde) !important;
}
.error-input{border: 2px solid #ff0000 !important; color: #ff0000 !important; font-style: italic; font-size: 12px;}
input.inputZoho::placeholder{color: #ff0000 !important; font-size: 12px; font-style: italic;}

.div-producto-consultivo{
	padding:5px !important;
	height: 60px;
}

.div-producto-consultivo-comentarios{
	padding:5px !important;
}



.btn-submit-form-consultivo{
	width:100% !important;
	background-color:transparent !important;
	border:1px solid var(--azul-texto-fondo) !important;
	color:var(--azul-texto-fondo) !important;
	
	
}

.btn-consultivo-descarga{
	width:60% !important;
	background-color:transparent !important;
	border:1px solid var(--azul-texto-fondo) !important;
	color:var(--azul-texto-fondo) !important;
	
	
}
.div-producto-consultivo ::-webkit-input-placeholder {
	color: var(--azul-texto-fondo) !important;
	transform:translate3d(10px,-5px,0);
}

.div-producto-consultivo-comentarios ::-webkit-input-placeholder {
	color: var(--azul-texto-fondo) !important;
	transform:translate3d(10px,-30px,0);
}



/****************************** fin product-cunsultiva.css*************************/











/****************************** cursos-page.css *************************/



.pagina-curso-pestana .responsive-tabs .responsive-tabs__panel {
	background: var(--negro);
	padding: 0px !important;
	border: none
}

.pagina-curso-pestana .responsive-tabs ul.responsive-tabs__list{
	margin: 0px !important;
}
.fondo-menu-cursos{
	background-color: white;
	height:90px
}

.pagina-curso-pestana .responsive-tabs .responsive-tabs__list__item {
	margin-right: 20px !important;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	
	color:white;
	background-color: var(--gris-resto);
	font-size: var(--texto-titulares);
	font-weight: bolder;
	border-radius: 0px !important;
	min-height: var(--altura-boton);
	max-height: var(--altura-boton);
	text-align: right;
	border: none;
}

.opciones-menu-posicion{
    margin-left: 0%;
}
.div-filtros{
	margin-top: 15px;
/*     display: -webkit-inline-box; */
/*     width: 39%; */
}
.filtros{
	margin-top: 15px;
}
.filtros-label{
	color:white;
	padding-left:10px !important;
}

.pestana-titulo-bottom{
	text-align: left;
	margin-right: 30px;
}

.pagina-curso-pestana .responsive-tabs-wrapper{
	margin-bottom: 0px !important;
}

.cursos-filtros-wrapper{
	margin: 25px 0px;
}


.cursos-imagen-filtros{
	border-right: 3px solid var(--verde);
	padding-right: 15px;
}

.cursos-opciones-filtro{
	padding: 0px !important;
	color: #000;
	font-weight: bolder;
	margin-bottom: 0px;
	position: relative;
    bottom: -8px;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 20px 0 20px;
}

.cursos-opciones-filtro-activo{
	color: var(--verde);
}

.cursos-filtro-buscar{
	border: 1.5px solid #012837 !important;/*NO TOCAR!!! */
	border-radius: 0px !important;/*NO TOCAR!!! */
	background-color:transparent !important;/*NO TOCAR!!! */
	margin-left: 10px;/*NO TOCAR!!! */
    font-weight: bolder;/*NO TOCAR!!! */
    color: #012837 !important;/*NO TOCAR!!! */
    height: 50px;/*NO TOCAR!!! */
    width: 260px;/*NO TOCAR!!! */
    
}

.cursos-filtro-buscar::-webkit-input-placeholder{
    transform:none;
    color:black !important;
}

.cursos-filtro-buscar:FOCUS{
    font-weight: bolder;
    color: black;
}

.curso-filtro-btn{
	min-height: 5vh !important;
	max-height: 5vh !important;
	
}

.curso-filtro-clear{
	min-height: 5vh !important;
	max-height: 5vh !important;
	border: 1px solid black !important;
	border-radius: 0px !important;
	background-color:transparent;
	margin-right: 50px;
}

.curso-filtro-x{
	
	background-image: url("https://d1do84bsbaemip.cloudfront.net/wp-content/uploads/2019/07/30122945/ico-filtrado.png");
    background-size: cover;
    height: 16px;
    width: 15px;
}
.buscar-label{
    font-size: 18px !important;
    position: relative !important;
    color: #666;
	margin-left: -250px;
    margin-top: 5px;
}
.div-botones{
    right: 3%;
	margin-top:-10px;
    width: 10% !important;
}
.boton-filtrar{
	min-height: 45px !important;
	max-height: 45px !important;
	margin-top: 0px;
	padding: 15px 30px 30px 30px !important;
	min-width: 120px;
}


.boton-x{
	min-height: 45px !important;
	max-height: 45px !important; 
	position: relative;
	top: -2px;
}
.img-x{
	cursor: pointer;
	width: 19px;
	
}
.lupa-cursos{
	margin-left: 30px;
	cursor: pointer;
}
.pro-desplegable{
	/*height: 200px;*/
	background-color:#333;
	display:none;
}
.posicion-buscador{
    margin-top: -50px;
    margin-left: 0px;
    position: relative;
    left: 43%;
    top: 40px;
    width: 350px;
}

#clear-filtros-cursos{
	top: -5px;
    left: 5px;
    position: relative;
    padding: 13px 20px 34px 20px !important;
}

.tipo-cursos-menu{
	margin: 0 0 0 10px;
}

.texto-resultado-cursos{
	text-align:left;
	 padding-left:15px;
	 font-size:40px
}

.div-resultado-cursos{
	margin-top: 10px; 
	margin-bottom:10px; 
	height:235px;
}
/*.primera{
	z-index: 1;
}
.divBanner{
	padding: 0px !important;
	margin-top: 90px;
	display: -webkit-box;
	width: 100vw;
	overflow: hidden;
}
.divBannerMovil{
	padding: 0px !important;
	margin-top: 90px;
	display: none;
	width: 100vw;
	overflow: hidden;
}
.divImagenBanner{
	display: flex;
	position: relative;
	width: 100vw;
}
.divBanner a, .divBanner img ,.divBannerMovil a, .divBannerMovil img{
	position: relative;
}
.activo{
	z-index: 2;	
}
.activoMovil{
	z-index: 2;
}*/
/****************************** cursos-page.css Fin*************************/





/****************************** myaccount-styles.css *************************/


.div-table-creditcards{
	padding-top: 60px;
}

.account-payment-table{
	padding-left: 4vw;
	padding-right: 4vw;
}

.header-table-creditcards{
	text-align: left;
}

.title-creditcards{
	margin-left: 4vw;
	font-weight: bold;
}

.table-row-creditcards{
	background-color: white;

	
}

.header-table-cc{
	line-height: 40px !important;
	
}

.button-add-payment-method{
	/*float: right !important;
	margin-right: 4vw !important;*/
	background-color: transparent !important;
	color: var(--verde) !important;
	border: 2px solid var(--verde)!important;
	font-weight: bold !important;
	padding-top: 1.5vh !important;
	height: 7vh;
}

.button-add-payment-method:hover{
	/*float: right !important;
	margin-right: 4vw !important;*/
	background-color: var(--verde) !important;
	color: white !important;
	border: 2px solid var(--verde)!important;
}

.div-button-add-payment-method {
    /* padding-left: 13.6vw !important; */
    margin-bottom: 10vh;
    text-align: center;
}

/****************************** myaccount-styles.css fin *************************/




/****************************** myAccount-subscriptions.css  *************************/

#divTablaDatosSuscripcion{
padding-left: 0px;
text-align: left;
}
#pDatosSuscripcion{
	margin-top: 4vh;
    margin-bottom: 2vh !important;	
}
#divTablaDatosSuscripcion p{
		margin-bottom: 0px;
	    padding: 0px;
	    color: #666;
		font-size: var(--texto-parrafo);
}
#paymentMethodSubDetails{
	color: var(--negro);
	font-size: var(--texto-parrafo);
}
/*Subscription-totals*/
#pTotalSuscripcion{
	margin-top: 8vh;
}
#subTotalTable th{
	font-weight: normal;
}
#subTotalTable .product-name, #subTotalTable .product-total{
	background-color: var(--gris-cabecera);
}
.tdBotsubTotalTable{
	text-align: left;
}
#subTotalTable tfoot th{
	text-align: right;
}
#subTotalTable tfoot td{
	text-align: center;
	padding-top: 2vh;
    padding-bottom: 2vh;
}
.rightAlignTable{
 text-align:center;
}
.btnsCuotasSuscripcion{
	margin-top:1vh;
	margin-bottom: 1vh;
	background-color: transparent !important;
    color: var(--verde) !important;
    border: 2px solid var(--verde)!important;
    font-weight: bold !important;
    height: 6vh;
}
.btnsCuotasSuscripcion:hover{
	background-color: var(--verde) !important;
    color: white !important;
}
#divBtnsCuotasSuscripcion{
    margin-top: 1vh;
    margin-bottom: 15vh;
}
/*Related-orders*/
#thTotalRelatedOrders{
	font-weight: bold;
}
#tableRelatedOrders td{
	text-align:center;
}
#tableRelatedOrders th{
	text-align:center;
}
#subTotalTable tfoot td strong span{
	color: black;
    font-weight: bold;
    }
#subTotalTable tfoot td{
    padding: 0px;
	color: black;
}







/****************************** myAccount-subscriptions.css fin *************************/







/****************************** form-edit-account.css *************************/

#divTabsMyAccount #tablist1-panel2{
	background-color: var(--azul) !important;
}
 #formEditAccount p{
 	max-width: 146vh;
  	/*margin-bottom: 2vh;*/
}
#inputGrandeFormEditAccount{
	margin-bottom: 3vh;
}
#lblInformativaFormEditAccount1, #lblInformativaFormEditAccount2{
	margin-left: 3vh;
	margin-bottom: 4vh;
}
#lblCambioPassEditAccount{
	margin-left: 3vh;
	border-bottom: 0vh;
	padding-top: 4vh;
	font-weight: bold;
}
#btnFormEditAccount{
	color: #012837 !important;
    background-color: var(--verde) !important;
    border: 2px solid var(--verde)!important;
    font-weight: bold !important;
    height: 50px;
    width: 290px;
    margin-top: 20px;
    font-size: 15px;
}
#btnFormEditAccount:hover{
	color: white !important;
    background-color: transparent !important;
    border: 2px solid white!important;
}
#divEditAccountBot{
   margin-left: 13vh;
   margin-right: 26vh;
}
#lblMyAdress{
	    margin-top: 4vh;
    font-weight: bold;
}
#tituloMyAdress{
	/*border-bottom: 0px;*/
    color: var(--verde);
    font-size: 30px;
    margin-bottom: 30px;
}
#tituloMyAdress::after{
	content: none !important;
}

#tituloMyAdressEnvio{
	/*border-bottom: 0px;*/
    color: var(--verde);
    font-size: 30px;
    margin-bottom: 30px;
}

#tituloMyAdressEnvio::after{
	content: none !important;
}

.btnEditarMyAdress{
	background-color: transparent !important;
	margin-bottom: 2vh;
}
#divGeneralMyAdress{
	margin-bottom: 2vh;
}

.input-myaccount{
	width: 18vw !important;	
	min-height: 50px !important;
	background-color: transparent !important;
	color: white !important;
	border: 2px solid white !important;	
}
.lblMyAccountForm{
	color: white !important;
    /*margin-bottom: -4vh;*/
    font-weight: bold;
    opacity: 1 !important;
}
.lblMyAccountForm::after {
    content: ' *';
    color: #2df395;
}
#pDisplayname{
    padding-left: 2.5vh;
    clear: none;
    visibility: hidden;
}
#cambioAddress, #cambioEnvio{
	background-color: var(--verde);
    color: var(--azul);
    border: 2px solid var(--verde);
    border-radius: 3px;
    padding: 0px 40px !important;
    height: 50px;
    width: 270px;
    font-weight: bold !important;
    margin: 15px 0 40px 0;
}
#cambioAddress:hover , #cambioEnvio:hover{
	background-color: transparent;
    color: white;
    border: 2px solid white;      
}
.show-password-input{
	color: white !important;
}

.divInputAddressForm p , .divInputAddressForm span{
	color:white;
}


/****************************** form-edit-account.css Fin*************************/

















/****************** RESPONSIVE **************/

@media (min-width: 1300px){
	.producto-cesta-icon {
	    margin-left: 2rem;
	    width: 3.5rem;
	}
}
@media (max-width: 1299px) and (min-width: 768px){
	.producto-cesta-icon {
	    margin-left: 2rem;
	    width: 2.5rem;
	}
}
@media (max-width: 414px) {
	.producto-cesta-icon {
	    margin-left: 2rem;
	    width: 3rem;
	}
}

@media (max-width: 1919px) and (min-width: 1600px){
	
	/****************************** product-compra-directa.css  *************************/
	.producto-cabecera{
		background-color: var(--blanco) !important;
		padding: 0px !important;
		margin-top: 90px;
		height:fit-content;
	}
	.producto-cabecera-cons{
		background-color: var(--blanco) !important;
		padding: 0px !important;
		margin-top: 90px;
		height:fit-content;
	}
	.imagen-producto{
		background-repeat: no-repeat;
		padding: 0px;
		background-size: 100%;
		top: 0px;
		width: 350px !important;
		height: 520px;
	}
	.imagen-producto-consultivo{
		background-repeat: no-repeat;	
		padding: 0px;
   		background-size: 100%;
  		top: 0px;
    	width: 410px !important;
    	height: 580px;	
	}	
	.boton-blanco-consultivo{
		padding-top: 12px !important;
	}
	.div-descarga-folleto{
		font-size: 18px;
	    font-weight: bolder !important;
	}
	.boton-normal{
    	font-weight: bolder !important;
	}
	.noPadding-com{
		padding: 5% !important;
	}
	.pos-res-con-btn{
		left: 10px;
	} 
	/****************************** product-compra-directa.css fin ************************/
}



@media (max-width: 1440px){
/****************************** login-styles.css *************************/

	.button-submit-register {
	    
	    /*margin-left: -7%;*/
	}
	
	#pInfoLogin {
	  
	    /*margin-left: -35%;*/
	}
	
	#reg-error {
/* 	    margin-left: 53%; */
	    /*margin-top: 36%;*/
	}
	
	#error-login{
	
	/*margin-left: -17px;*/
	}
	
	
/****************************** login-styles.css fin *************************/
	
/****************************** cursos-page.css *************************/
	.opciones-menu-posicion{
	    margin-left: -3%;
	}
	
	.div-botones{
	    right: 0%;
	}
	.cursos-opciones-filtro{
		margin: 0 25px 0 20px;
	}
	
	.cursos-filtros-wrapper {
	    right: 7%;
	    margin: 25px 0px;
	}
/****************************** cursos-page.css Fin *************************/



/****************************** product-compra-directa.css  ************************/

   .pestanas-producto .responsive-tabs ul.responsive-tabs__list {
		font-size: 18px;
		line-height: 18px;
		margin: 16px 0 0 375px !important;/*preguntar antes de cambiar*/
		padding: 0;
	}
	.boton-blanco-consultivo{
		padding-top: 12px !important;
	}
	.mar-migaja-compra{
		margin-left: 38px;
	}
	.marg-consultiva{
		margin-left: 30px;
	}
	.separacion-form{
	    padding-right: 15px !important;
	}
	.p-compra-directa{
		font-size: 21px !important;
	}
	.producto-cabecera{
		height:490px;
	}

	.contenido-producto{
    	left: 23px;
   		top: -7px;
	}
	.texto-mes{
		left: -23px;
	}
	.texto-fecha{
		left: -22px;
	}
	.texto-lugar{
		left: -22px;
	}
	.texto-titulacion{
		left: -22px;
	}
	.noPadding {
		padding: 0px !important;
		padding-left: 35px !important;
		font-size: 18px !important;
	}
	.div-descarga-folleto{
		font-size: 18px;
	    font-weight: bolder !important;
	}
	.boton-normal{
    	font-weight: bolder !important;
	}
	.noPadding-com{
		padding: 5% !important;
	}
	.tama-btn{
		width: 100% !important;
	}
	
	.pos-res-con{
	    top: -25px;
	}
	.pos-res-con-btn{
		top: 5px;
		left: 65px;
	}
	.contenido-producto-cons{
    	left: 40px;
    	top: -20px;
	}
	.logoPartner{
		width: 100.5px;
		position: relative;
		top: 8px;
		margin-bottom: -45px;
		left: 0px;
	}
	
	.pestana-titulo-bottom {
    	margin-top: 24px !important;
	}


/****************************** product-compra-directa.css  fin ************************/

}

@media (max-width: 1300px){



/****************************** cursos-page.css *************************/
	.opciones-menu-posicion{
	    margin-left: -6%;
	    padding-right: 0px !important;
	}
	
	.div-botones{
	    right: -3%;
	}

	
	.cursos-opciones-filtro{
		margin: 0 24px 0 20px;
	}
	.cursos-filtros-wrapper {
	    right: 8%;
	    margin: 25px 0px;
	}
/****************************** cursos-page.css Fin *************************/



/******************************  login-styles.css*************************/
	 #pAceptoCondiciones{
/* 	    display: inline-grid; */
	 }
	 #olvidoContraP{
	     /*margin-left: -5vh;*/
	 }
	 #loginForm .button-submit-login{
	   /*margin-top: 60%;*/
	   height: 50px !important;
	   font-size: 30px !important;
	   border: 0px;
	 }
	 #olvidoContraP{
	  /*margin-left: 0%;*/
	 }
	 
	
 	
 	.button-submit-register {
    /*margin-left: -6%;*/
	}
	
/******************************  login-styles.css fin *************************/



}


@media (max-width: 1280px) {
	.pagina-curso-pestana .responsive-tabs{
		margin-top: -2.9% !important;
	}
	
	
/******************************  login-styles.css  *************************/
	#pInfoLogin{
	 /*width: 32vh;*/
	 font-size: 16px;
	 /*padding-bottom: 20%;
	 margin-left: 18px;*/
	}
	#loginForm {
     /*margin-left: 3vh;*/
	}
 	#rowIconosLogin {
     margin-top: 30%;
     display: flex;
	}
	#pInfoRegister{
     font-size: 16px;
 	}
 	#loginLogoInspria{
/*      margin-top: 12%; */
 	}
 	
 	#error-login {
    /*margin-left: -27px;*/
	}
 	
 	
 	/******************************  login-styles.css fin *************************/
 	
 	
 	/****************************** product-compra-directa.css  ************************/
 	
 	.pestanas-producto .responsive-tabs ul.responsive-tabs__list {
		font-size: 18px;
		line-height: 18px;
		margin: 16px 0 0 346px !important;/*preguntar antes de cambiar*/
		padding: 0;
	}
	.tama-dialog{
		height: 660px; 
		width: 1000px !important;
	}
	
	/*consultivo consultivo compra directa*/
	
	.marg-consultiva{
		margin-left: 0px;
	}
	.p-compra-directa{
		font-size: 21px !important;
	}
	.producto-cabecera{
		height:495px;
	}
	
	.contenido-producto{
    	left: -15px;
    	top: -25px;
	}
	.separacion-form{
	    padding-right: 15px !important;
   		left: 50px;
    	top: -25px;
	}
	.pos-res-con{
	    top: -25px;
	}
	.pos-res-con-btn{
		top: 10px;
		left: 27px;
	}
	/*fin consultivo compra directa*/
	
	.mar-migaja-compra{
		margin-left: 0px;
	}
	.texto-mes{
		left: -23px;
	}
	.texto-fecha{
		left: -22px;
	}
	.texto-lugar{
		left: -22px;
	}
	.texto-titulacion{
		left: -22px;
	}
	.noPadding {
		padding: 0px !important;
		padding-left: 0px !important;
		font-size: 16px !important;
	}
	.div-descarga-folleto{
		font-size: 16px;
	    font-weight: bolder !important;
	}
	.boton-normal{
    	font-weight: bolder !important;
	}
	.noPadding-com{
		padding: 0% !important;
	}
	.tama-btn{
		width: 100% !important;
	}
	.separacion-compra{
    	left: 60px;
    	top: 3px;
	}
	

	.contenido-producto-cons{
    	left: 25px;
    	top: -28px;
	}
	.logoPartner{
		width: 100.5px;
		position: relative;
		top: 8px;
		margin-bottom: -40px;
		left: 0px;
	}
	.boton-blanco-consultivo{
		width: 250px !important;
		padding-top: 12px !important;
	}
	.tamaño-modal-video{
		width: 80% !important;
		margin: auto !important;
		margin-top: 60px !important;
	}
	.tamaño-modal-video .video-js{
		height: 562px;
    	width: auto;
	}
	.tamaño-modal-video .modal-content{
		height: 78% !important;
	}
	
	.pestana-titulo-bottom {
   		margin-top: 1px !important;
        font-size: 14px !important;
        margin-bottom: 0px;
	}
	
	/****************************** product-compra-directa.css fin ************************/
}

@media (max-width: 1280px) and (max-height: 720px) {
	#rowIconosLogin {
	    margin-top: 15%;
	}
}

@media (max-width : 767px){
	/****************************** clases globales que se repiten en mas de una clase  *************************/
	.versionPc{
		display:none;
	}
	/****************************** clases globales que se repiten en mas de una clase fin *************************/
	
	
	
	/****************************** cursos-page.css  *************************/
	
	.tamaño-movil-curos-sus{
		width: 100%;
	}
	.cursos-filtros-wrapper {
    	right: 0% !important;
	}
	/****************************** cursos-page.css Fin *************************/
	
	
	/******************************  login-styles.css  *************************/
	#rowIconosLogin {
    margin-top: 2%;
    display: flex;
    padding-left: 12%;
    padding-right: 12%;
	}
	#imgLogin, #imgRegistro {
     padding: 20%;
	}
	#loginLogoInspria {
     margin-top: 0%;
     /*margin-left: 25%;*/
	}
	#labelregister{
	 display: block;
	}
	#registerDiv p{
	 display: inline-block;
	}
	.input-campos-register{
	 width: 40vw !important;
	}
	/******************************  login-styles.css fin *************************/
	
	
	/******************************  form-edit-account.css  *************************/
	 #btnFormEditAccount{
	 margin-top: 8%;
	 }
	 #formEditAccount p input{
	width: 100% !important;
	}
	#formEditAccount{
     margin-left: 0px;
     margin-right: 0xp;
     padding-top: 2vh;
	}
	#divHrEditAccount{
	padding-left: 0px;
	padding-right: 0px;
	}
	#divEditAccountBot {
    margin-left: 2vh;
    margin-right: 2vh;
}
/******************************  form-edit-account.css fin *************************/


/****************************** product-compra-directa.css   ************************/


	.seccion-quitar-mar-movil{
	    margin-left: 0px !important;
	    
	}
	.centrado-linea-consu{
		top: 0px;
		left: 32px;
		border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 1px;
		padding: 0px !important;
	}
	.separacion-texto-pesta a{
   		color: #00ffa8 !important;
	}
	.separacion-texto-pesta h3 {
    	color: #00ffa8 !important;
	}
	.pestana-titulo-bottom {
    	margin-top: 0px !important;
	}
/****************************** product-compra-directa.css  fin ************************/


/****************************** myAccoun-subscriptions.css   ************************/

	#divSuscripciones {
	    margin-left: 8%;
	    margin-right: 8%;
		}


/****************************** myAccoun-subscriptions.css  fin ************************/

}





@media (min-width : 768px){
	/****************************** clases globales que se repiten en mas de una clase  *************************/
	.versionMovil{
		display:none;
	}
	/****************************** clases globales que se repiten en mas de una clase fin *************************/
	
	
	
	/****************************** cursos-page.css  *************************/
	
	.tamaño-movil-curos-sus{
		width: 100%;/*300px*/
	}	
	/****************************** cursos-page.css Fin *************************/	
}

@media (min-width: 1920px) {
	/******************************  login-styles.css*************************/
	.container-login-right{
		height: 90%;
		width: 90%;
		margin: 0px !important;
		position:absolute;
		top: 20px;
		/*display: block;*/
		float: right;	
	}
	#registerDiv p{
		/*margin-top: -2.5%;*/
	}
	#divCondicionesLogin{
		/*margin-top: -1%;*/
	}
	/******************************  login-styles.css fin *************************/
	
}



  
 /*-----------TABLET---------*/

/** Esta resolucion es para las tablet en su forma vertical q no utilizamos **/

@media (min-width: 768px) and (max-width: 1025px){
/******************************  login-styles.css  *************************/
	
	#loginLogoInspria {
    margin-left: 0;   
	}
	.button-submit-register {
    /*margin-left: 9%;*/
	}
	
	#error-login {
    /*margin-left: -52px;*/
	}
	
/******************************  login-styles.css fin *************************/

  /****************************** cursos-page.css Fin *************************/
  
	 #filtro-especialidad.cursos-opciones-filtro{
		    left: 81px;
	    	top: 49px;
		}
		
	  #todo-cursos{
	  		margin-top: -36px;
	  }
	  #kdi-nav-menu{
			top: 0px;
		}
	.opciones-menu-posicion{
    	margin-left: 0%;
    	padding-right: 0px !important;
    	left: -2px;
   		top: 23px;
	}
	.div-botones{
    	right: 27%;
   	    top: -36px;
   	      
	}
	.cursos-opciones-filtro{
		margin: 0 15px 0 0px;
	}
	.tipo-cursos-menu{
	    margin-left: 27px;
	}
	
	.cursos-filtros-wrapper {
    	right: 0%;
    	margin: 25px 0px/*0px*/;
	}
	
	.fondo-menu-cursos{
		background-color: white;
		height: 160px;
	}
	.posicion-buscador{
	    margin-top: -50px;
	    margin-left: 0px;
	    position: relative;
	    left: -14px;
	    top: 27px;
        width: 680px;
	}
	.cursos-filtro-buscar{
		border: 1.5px solid #012837 !important;/*NO TOCAR!!! */
		border-radius: 0px !important;/*NO TOCAR!!! */
		background-color:transparent !important;/*NO TOCAR!!! */
		margin-left: 15px;/*NO TOCAR!!! */
		font-weight: bolder;/*NO TOCAR!!! */
		color: #012837 !important;/*NO TOCAR!!! */
		height: 50px;/*NO TOCAR!!! */
	    width: 580px;/*NO TOCAR!!! */
	}
  	.buscar-label{
	    font-size: 18px !important;
	    position: relative !important;
	    color: #666;
	    margin-left: 82px;
	    margin-top: -60px;
	}
	.lupa-cursos{
		margin-left: 20px;
		cursor: pointer;
	}
	.filtro-opciones-menu{
		position: relative;
    	top: -35px;
    	left: 73px;
   	    width: fit-content;
	}
	
	
	
	#filtro-tipo{
		top: -35px;
    	left: 190px;
	}
	.boton-filtrar{
		min-height: 45px !important;
		max-height: 45px !important;
		margin-top: 0px;
		padding: 15px 30px 30px 30px !important;
		left: 425px;
		position: relative;
		top: -42px;
	}
	.pro-desplegable{
		height: fit-content;
		background-color:#333;
		top: -30px;
	}
	#div-especialidad-Laboratorios,#div-especialidad-Odontologia,#div-especialidad-Higienistas,#div-especialidad-StrategyManagement,.sep-areas-cursos,.sep-tipo-cursos{
	    top: 13px;
	}
	
	.div-resultado-cursos{
		margin-top: 10px;
		margin-bottom:10px;
		height: fit-content;
    	min-height: 235px !important;
	}
	/****************************** cursos-page.css Fin *************************/
 }
 
 @media (min-width : 1359px) and (max-width: 1367px){
 /****************************** login-styles.css  *************************/
 #pInfoLogin {
    	/*margin-left: -76%;*/
	}
	
	#reg-error {
    margin-left: 0%;
    margin-top: 0%;
}
 /****************************** login-styles.css fin  *************************/
 }
 
 @media (min-width : 1024px) and (max-width: 1200px){
 
	.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
	    position: absolute;
	    right: 4%;
	    top: .8em;
	    cursor: pointer;
	}
 
  /****************************** cursos-page.css  *************************/
    .div-filtros{
    	margin-top: 15px;
    	display: -webkit-inline-box;
    	width: 39%;
    	margin-left: 9%;
	}
	#contenido-areas{
		min-height: 125px;
		padding-left: 35px;
	}
	#div-especialidad-Odontologia{
		min-height: 255px;
    	padding-left: 185px;
	}
	#div-especialidad-StrategyManagement{
		min-height: 205px;
		padding-left: 185px;
	}
	#div-especialidad-Higienistas{
		min-height: 75px;
		padding-left: 185px;
	}
	#div-especialidad-Laboratorios{
		min-height: 120px;
		padding-left: 185px;
	}
	#contenido-tipo{
		min-height: 120px;
		padding-left: 185px;
	}
  	.boton-filtrar{
		min-height: 45px !important;
		max-height: 45px !important;
		margin-top: 0px;
		padding: 15px 30px 30px 30px !important;
		left: 305px;
		position: relative;
		top: -30px;
	}
	.cursos-filtro-buscar{
		border: 1.5px solid #012837 !important;/*NO TOCAR!!! */
		border-radius: 0px !important;/*NO TOCAR!!! */
		background-color:transparent !important;/*NO TOCAR!!! */
		margin-left: 15px;/*NO TOCAR!!! */
		font-weight: bolder;/*NO TOCAR!!! */
		color: #012837 !important;/*NO TOCAR!!! */
		height: 50px;/*NO TOCAR!!! */
		width: 260px;/*NO TOCAR!!! */
	}
	.posicion-buscador{
	    margin-top: -50px;
	    margin-left: 0px;
	    position: relative;
	    left: 583px;
	    top: 18px;
	    width: 335px;
	}
	.opciones-menu-posicion{
    	margin-left: 0%;
    	padding-right: 0px !important;
    	left: 30px;
    	top: -30px;
    	width: fit-content;
 	}
	.filtro-opciones-menu{
		position: relative;
		top: -99px;
		left: 73px;
		width: fit-content;
	}
	
	 #filtro-especialidad.cursos-opciones-filtro{
	    left: 81px;
    	top: 49px;
	}
	
	
	#filtro-tipo{
		top: 27px;
    	left: 190px;
	}	
  	#filtro-area{
  		top:70px;
  	}
	.fondo-menu-cursos{
		background-color: white;
		height: 90px;
	}
	
	.div-resultado-cursos{
		margin-top: 10px;
		margin-bottom:10px;
		padding-left: 165px !important;
		height: fit-content;
		min-height: 300px !important;
	}
	.texto-resultado-cursos{
		text-align:left;
		padding-left: 70px;
		font-size:40px;
	}
	
	/****************************** cursos-page.css fin  *************************/
	
	
	
	/****************************** product-compra-directa.css  *************************/
	
	#todo-edit-account{
	    padding-top: 3px  !important;
	}
	
	
	.imagen-producto{
		background-repeat: no-repeat;
		padding: 0px;
		background-size: 100%;
		top: 0px;
		width: 246px !important;
		height: 350px;
	}
	.separacion-compra{
    	left: 10px;
    	top: -20px;
   	    padding: 0px !important;
 	}
 	
  	.col-sm-5 {
    	width: 34% !important;
	}
	.tamaPrecio{
		font-size: 24px !important;
	}
	.contenido-producto{
    	left: 0px;
    	top: -35px;
    	padding: 0px !important;
 	}
	.mar-migaja-compra{
		margin-left: 245px;
		margin-top: -20px;
	}
	.fuera-padd-boton{
	    top: -10px;
    	left: 50px;
   	    text-align: end;
   	    padding: 0px !important;
	}
	.barra-sep-compra{
    	border-color: #012837 !important;
    	max-width: 74%;
  		min-width: 62%;
    	left: 33px;
    	position: relative;
	}
	.noPadding{
	 	padding-right: 12px !important;
	}
	.producto-informacion{
		margin-top: 0px !important;
	}
	.producto-cabecera{
		height: 350px;
	}
	.conte-pestana{
		top: -122px;
	    margin-bottom: -125px;
	}
	.responsive-tabs ul.responsive-tabs__list{
	    margin: 34px 0 0 298px !important;
	}
	.pestanas-producto .responsive-tabs .responsive-tabs__list__item--active/*, .responsive-tabs__list__item--active:hover*/{
		color: var(--azul-texto-fondo) !important;
		background-color: white !important;
		border-style: solid !important;
		border-bottom-width: 5px !important;
		border-bottom-color: var(--verde) !important;
		font-size: 14px;
		width: 100px;
		padding-bottom: 0px !important;
/* 		border: none !important; */
	}
  	.seccion-quitar-mar-movil{
	    margin-left: 0px !important;
	}

  
  	.pagina-curso-pestana .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover{
		top: 0 !important;
		margin-right: 20px;
		margin-top: 30px;
		margin-bottom: 0px;
		background-color: var(--blanco) !important;
		border:none;
		color: #012837 !important;
		padding-bottom: 0px !important;
	}
	.pestanas-producto .responsive-tabs ul.responsive-tabs__list {
		font-size: 18px;
		line-height: 18px;
		margin: 16px 0 0 256px !important;/*preguntar antes de cambiar*/
		padding: 0;
	}
	
	/**** CONSULTIVA*******/
	
  		
  		.producto-cabecera-cons{
  			height: 457px;
  		}
  		
  		.titulo{
  			margin-bottom: 0px !important;
  		}
  		
	  	.imagen-producto-consultivo{
			background-repeat: no-repeat;
			padding: 0px;
			background-size: 100%;
			top: 0px;
			width: 290px !important;
			height: 405px;
		}
		
		.marg-consultiva{
		    margin-left: 250px;
    		top: -22px;
		}
		
		.contenido-producto-cons{
		    left: -21px;
    		top: -58px;
		}
		
		.posicion-matri{
			top: 0px;
		}
		
		.separacion-form{
		    top: -56px;
	        width: 32.5%;
		}
		
		.div-producto-consultivo{
		    height: 52px !important;
	        margin: 0px !important;
		}
		
		.pos-res-con{
			left: -2px;
			text-align: left;
		}
		
		.pos-res-con-btn{
			width: 258px;
			margin-right: 0px !important;
			left: 0px !important;
		}
		
		.campos-pais-tlf{
			margin-bottom: 5px;
		}
		
		.pestanas-producto-cons .responsive-tabs{
			margin-top: -9% !important;
		}
		
		
		.pestanas-producto .responsive-tabs {
   			 margin-top: -0.4% !important;
		}
	/****************************** product-compra-directa.css  fin *************************/
	
	
	
	#reg-error {
	        margin-left: 0%;
	}
	
	.precioImagen {
	    margin-top: 7vh !important;
	    width: 17vw;
	}
  }






  @media (min-width : 1024px) and (max-width: 1200px) and (max-height: 768px){
  
  /****************************** product-compra-directa.css   *************************/
  	.conte-pestana{
		top: -55px;
	    margin-bottom: -60px;
	}
	.seccion-quitar-mar-movil{
	    margin-left: 0px !important;
	    
	}
  /****************************** product-compra-directa.css  fin *************************/
	  .separacion-top-cursos{
	  	margin-top: 50px;
	  }
  }
  
 @media (min-width : 769px) and (max-width: 800px){
 /******************************  login-styles.css  *************************/
	#divRememberMeLogin{
		text-align: center;
	}
	#divOlvidarPassLogin {
    	text-align: center;
	}
	#divNoestasregistrado{
		text-align: center;
	}
 /******************************  login-styles.css fin *************************/
 }
 	
 @media (min-width : 415px) and (max-width: 768px){
 /******************************  login-styles.css  *************************/
	#divRememberMeLogin{
		text-align: center;
	}
	#divOlvidarPassLogin {
    	text-align: center;
	}
	#divNoestasregistrado{
		text-align: center;
	}
	#error-login {
    	margin-left: 0px;
	}
	#rowIconosLogin {
    	margin-top: 10%;
	}
	#wrapped-login{
		height: auto;
	}
 /******************************  login-styles.css fin *************************/
 }
 
 @media (min-width : 769px) and (max-width: 1024px) {
 /******************************  login-styles.css  *************************/
	#wrapped-login{
		height: auto;
	}
 /******************************  login-styles.css fin *************************/
 }

/*-------MOVIL------*/

@media (max-width: 550px) {
	/******************************  login-styles.css    *************************/
	#registerDiv form, #loginDiv form{
	   /*margin-left:-21.5vh;*/
	}
	#registerDiv input, #loginDiv input{
	width: 40vh !important;
	}
	#btnLogin{
		width: 40vh !important;
	}
	#divRememberMeLogin{
	    /*width: 40vh;*/
	}
    #registerDiv label{
	   font-size: 100%;
	}
	#loginDiv label{
		font-size: 100%;
	}
	 #btnRegsitro{
/* 	 font-size: 2.5vh !important; */
	 font-size: 24px !important;
	 }
	 #btnLogin{
	  font-size: 2.5vh !important;
	 }
 /******************************  login-styles.css   fin *************************/
 	/*.divBanner{
 		display: none;
 	}
 	.divBannerMovil{
		margin-top: 70px;
		overflow: hidden;
		display: -webkit-box;
	}*/
 
}
@media (max-width: 414px) {
	/******************************  login-styles.css    *************************/
	
	.no-padding-lateral{
		padding-left: 0px !important;
	 	padding-right: 0px !important;
	}
	
	#error-login-movil {
    	white-space: nowrap;
    	margin: 0px !important;
	}
	.button-submit-register {
    /*margin-left: -9%;*/
	}
	#divSliderLogin{
	 display: none;
	}
	#divImgloginMovil{
	 display: block !important;
	}
	#divTopIzqdLogin{
	 text-align: center;
	}
	#rowIconosLogin{
	 padding: 0px;
	 display: flex;
	}
	#loginLogoInspria{
      /*margin-left: 0px !important;*/
	}
	#registerDiv form{
     /*margin-left: -3%;*/
	}	
	#loginDiv form {
     /*margin-left: -12%;*/
	}
	#pInfoRegister{
	 /*padding-right: 15px;*/
	 /*padding-left: 0px;*/
	 /*margin-bottom: 12%;*/	 
	}
	#rowIconosLogin{
	 margin-top: 7%;
	}
	#wrapped-login{
	 height: auto;
	}
	#labelregister{
	 display: block;
	}
	#wc-registro-form p .input-campos-register, #loginForm p .input-campos-login {
     width: 76vw !important;
    }
    #wrapped-login {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    }
	#pBotonRegister{
	 /*text-align: left;*/
	}
	#btnRegsitro{
	 /*width: 50vw !important;*/
	 margin-top: 2vh;
	}
  	#registerDiv p {
         /*margin-top: -10%;*/
	}
	#loginForm p input{
	 height: 50px !important;
	} 
	#olvidoContraP {
     /*margin-top: 10% !important;*/
	}
	#imgLogin, #imgRegistro {
    cursor: pointer;
    padding: 10%;
	}
	#pBotonRegister{
	 /*margin-left: 16%;*/
	}
	#pInfoLogin{
	 /*margin-left: 40%;*/
	}
	#pBotonLogin{
	 /*margin-left: 38%;*/
	}
	#divOlvidarPassLogin{
	 /*margin-left: 28%;
     margin-top: 10%;*/
	}
	
	#reg-error {
    /*margin-left: 6%;*/
    /*margin-top: -6%;*/
	}
	/******************************  login-styles.css   fin *************************/
	
	/******************************  form-edit-account.css 	 *************************/
	
	#todo-edit-account{
	    background-color: #012838 !important;
	}
	
    #formEditAccount input{
 	  width: 100% !important;
 	  color: white !important;
      border-color: white !important;
	}
	.lblMyAccountForm{
	color: white !important;
	}
	#formEditAccount{
	 padding-left: 10%;
     padding-right: 10%;
	}
	
	#formEditAccount #pDisplayname{
	 height: 1px;
	}
	
	#formEditAccount h2{
	 font-size: 6vw !important;
	}
	
	#wrapButtonEditAccount{
	 text-align: center;
     margin-top: 10%;
	}
	
	#divEditAccountBot {
     margin-left: 8%;
     margin-right: 8%;
	}
	
	#formEditAccount p{
	 width: 100% !important;
	}

    #lblMyAdress {
     color: var(--verde) !important;
   	 font-size: 16px !important;
	}

    #divBtnsCuotasSuscripcion a {
     padding-top: 10px !important;
     display: block;
     height: 7vh;
	}
	
	.divInputAddressForm{
	 width: 100%;
     margin-left: 2%;
	}
	
	#h3EditAddress{
     text-align: center;
     white-space: nowrap;
     margin-top: 12%;
     margin-bottom: 10%;
	}
	
	#btnSaveAddress {
     width: 80% !important;
     margin-left: 10%;
    }
    
    #go_back{
     width: 80% !important;
     margin-left: 10% !important;
     margin-bottom: 10% !important;
     color: black !important;
     font-size: 18px !important;
    }
	/******************************  form-edit-account.css fin *************************/
  }

  
  @media (max-width: 411px) and (max-height: 823px){
  /******************************  login-styles.css    *************************/
  	#loginDiv form {
        /*margin-left: -12%;*/
	}
	#pInfoRegister {
     /*padding-right: 12px;*/
	}
	#registerDiv form {
     /*margin-left: -3%;*/
	}
	#divCondicionesLogin {
     	display: flex;
     	/*margin-bottom: 9%;*/
	}
	#pAceptoCondiciones {
     font-size: 13px;
	}
	#pBotonLogin {
     /*margin-left: 30%;*/
	}
	#pInfoLogin {
     /*margin-left: 25%;*/
	}
	
	
	/******************************  login-styles.css   fin *************************/
  }
  
     @media (max-width: 411px) and (max-height: 731px){
     /******************************  login-styles.css    *************************/
  	#loginDiv form {
     /*margin-left: -12%;*/
	}
	#pInfoRegister {
     /*padding-right: 10px;*/
	 /*font-size: 14px; */
	 font-size: 16px;
	}
	#registerDiv form {
     /*margin-left: -3%;*/
	}
	#pInfoLogin {
     /*margin-left: 40%;*/
	}
	#pBotonLogin {
     /*margin-left: 35%;*/
	}
	#pBotonRegister {
     /*margin-left: 16%;*/
	}
	
	
	/******************************  login-styles.css   fin *************************/
  }
  @media (max-width: 375px) and (max-height: 812px){
	  .precioImagen {
		    margin-top: 3vh;
		    width: 50vw;
		}
  /******************************  login-styles.css    *************************/
   #pInfoRegister {
    /*padding-right: 20px;*/
   }
   #registerDiv form{
    /*margin-left: -2%;*/
   }
   #loginDiv form {
    /*margin-left: -16%;*/
   }
  #wc-registro-form p .input-campos-register {
    /*margin-left: -2%;*/
   }
   #registerDiv label {
    padding-left: 5px;
   }
   #btnRegsitro {
    /*width: 50vw;*/
    /*margin-top: 40%;*/
   }
   #pBotonRegister {
    /*margin-left: 14%;*/
	}
	#pInfoLogin {
    /*margin-left: 20%;*/
	}
	#pBotonLogin {
    /*margin-left: 20%;*/
	}
	#divOlvidarPassLogin{
	 /*margin-left: 28%;
     margin-top: 10%;*/
	}
	
	#reg-error {
    /*margin-left: 6%;*/
    /*margin-top: -13%;*/
}



  #error-login-movil{
		    white-space: nowrap;
	 	    /*margin-left: 31px !important;*/
	 	}
	
  }
  
@media (max-width: 375px) and (max-height: 667px){
	/******************************  login-styles.css    *************************/
	#loginDiv form {
     /*margin-left: -16%;*/
	} 
	#pInfoLogin {
     /*margin-left: 38%;*/
	}
	#pBotonLogin {
     /*margin-left: 35%;*/
	}
	#registerDiv form {
     /*margin-left: -2%;*/
	}
	#pBotonRegister {
     /*margin-left: 14%;*/
	}
	#pInfoRegister {
     /*padding-right: 18px;*/
	}
	#divOlvidarPassLogin{
	 /*margin-left: 28%;
     margin-top: 10%;*/
	}
	
	#reg-error {
    /*margin-left: 6%;*/
    /*margin-top: -10%;*/
	}
	
	 
  #error-login-movil{
		    white-space: nowrap;
	 	    /*margin-left: 37px !important;*/
	 	}
  }
    @media (max-width: 360px){
  
   .imgCondiciones {
    margin-bottom: 0vh;
    }
    #loginDiv form {
    /*margin-left: -20%;*/
	}
	#registerDiv form {
     /*margin-left: -3%;*/
	}
	#pInfoRegister {
     /*padding-right: 23px;*/
	}
	#pBotonRegister {
     /*margin-left: 14%;*/
	}
	#pBotonLogin {
     /*margin-left: 36%;*/
	}
	.precioImagen {
	    margin-top: 3vh;
	    width: 50vw;
	}
	
	
	/******************************  login-styles.css   fin *************************/
   }
  @media (max-width: 320px){
  /******************************  login-styles.css    *************************/
  #pInfoRegister {
    font-size: 14px;
    /*padding-left: 0% !important;*/
    width: 100%;
    /*padding-right:0px;*/
    /*width: 46vh;*/
	}
  .imgCondiciones {
    padding-right: 10px;
    max-width: 100%;
    height: 20px;
   }
   #divCondicionesLogin {
    display: flex !important;
   	/*margin-bottom: 9%;*/
   }
   #pAceptoCondiciones {
    font-size: 12px !important;
   }
   #btnRegsitro {
	/*  font-size: 3vh !important; */
	font-size: 19px !important;
    /*margin-top: 30%;*/
   }
   #registerDiv label {
    padding-left: 4px !important;
   }
   #pInfoLogin {
    /*width: 36vh;*/
    font-size: 14px;
    /*margin-left: 30%;*/
   }
   #loginForm .button-submit-login {
    /*gin-top: 100%;*/
    height: 50px !important;
    font-size: 20px !important;
   }
   #registerDiv form {
     /*margin-left: -6%;*/
	}
	#loginDiv form {
     /*margin-left: -28%;*/
	}	
	#pBotonLogin {
     /*margin-left: 35%;*/
	}
	#imgLogin, #imgRegistro {
     padding: 0%;
	}
	
	#reg-error {
    /*margin-left: 6%;*/
  	/*margin-top: -20%;*/
	}
	
	
	#error-login-movil{
		 	
		    white-space: nowrap;
	 		/*margin-left: 20px !important;*/
	 	
	 	}
	
	#wrapped-login {
    	/*height: 165vh;*/
	}
	 	
	
	/******************************  login-styles.css   fin *************************/
	
	
	/******************************  form-edit-account.css    *************************/
	#formEditAccount input {
    width: 97% !important;
	}
	 #formEditAccount input {
    width: 97% !important;
	}
	#formEditAccount h2 {
	font-size: 24px !important;
	}
	#formEditAddress{
	padding-left: 0px;
    padding-right: 0px;
	}
	#h3EditAddress{
	font-size: 3vh !important;
	}
	#divMyOrders h2 {
    text-align: center;
    font-size: 21px !important;
    padding-left: 0% !important;
	}
	#formEditAccount input {
    width: 100% !important;
	}
	#formEditAccount {	
    padding: 5%!important;
	}
	#divEditAccountBot {
        margin: 0px;
	}
	#h2MisDatos{
	margin-top: 0px !important;
	padding-top: 12%;
	}
	#wrapButtonEditAccount{
	 margin-top: 0px;
	}
	#divSuscripciones{
	margin: 0px !important;
	}
	
	/******************************  form-edit-account.css  fin *************************/
	
	
	
	/******************************  myAccount-subscriptions.css   *************************/
	
	#pTotalSuscripcion {
    font-size: 18px !important;
    
    /******************************  myAccount-subscriptions.css  fin *************************/
}
 }
 
 
 
 
 
@media (max-width: 475px) {
	/******************************  login-styles.css   *************************/
	#registerDiv input, #loginDiv input{
	width: 28vh !important;
	}
	#pAceptoCondiciones{
	 font-size: 14px;
	 /*display: inline-block;*/
 	}
 	#divCondicionesLogin{
 		/*margin-bottom: 9%;*/
 	}		
 	#registerDiv label{
	   padding-left: 10px;
	   font-size: 100%;
	}
	#loginDiv label{
	font-size: 100%;
	}
	#btnLogin{
		width: 28vh !important;
	}
	#divRememberMeLogin{
    /*display: contents;*/
	}
	#rememberme-label{
    /*margin-left: 36%;*/
	   }
	#olvidoContraP{
    /*margin-left: -11%;*/
    margin-top: 5%;
 	}
 	 #btnRegsitro{
	 font-size: 2vh;
	 }
	 #btnLogin{
	  font-size: 2vh !important;
	 }
 
 /******************************  login-styles.css   fin *************************/
}








@media(min-width : 320px) and (max-width : 568px) {
	
	.producto-informacion{
	width: 70%;
	}

	
	.precioImagen {
	    margin-top: 3vh;
	    width: 60vw;
	}
	
/****************************** cursos-page.css  *************************/
	.opciones-menu-posicion{
	    margin-left: 0%;
	}
	.filtro-opciones-menu{
		display: none;
	}
	#todo-cursos{
	   margin-top: -90px;
	}
	.separacion-top-cursos{
		margin-top: 120px;
	}
	.posicion-buscador{
		margin-top: 0px;
	    margin-left: 0px;
		top: -105px;
	    position: relative;    
	    margin-bottom: -95px;
	    left: 0px;
	    width: 270px;    
	}
	.buscar-label{
	    margin-left: 43px;
	    margin-top: -65px;
	}
	.cursos-filtro-buscar{
		width: 87%;   
	}
	.lupa-cursos{
		position: relative;
		margin-left: -18px;
	    top: -2px;
	}
	.div-botones{
	   	right: 0px;
		margin-top: 5px;
	}
	.posicon{
	   	padding: 0px !important;
		color: #012837;
		font-weight: bolder;
		position: relative;
	    white-space: nowrap;
	    cursor: pointer;
	    left: 50px;
	    top: -25px;
	    width: 85%;
	}
	.posiconar-cuadro{
		right: 10px;
	    width: 17%;
	}
	.cursos-opciones-filtro{
		margin: 15px 20px 0 0px;
	    top: -15px;
	    left: 5px;
	}
	.centrado-linea{
		display: block !important;
		top: -20px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 2px;
	}
	.centrado-linea-opciones{
		top: -10px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 1px;	
	}
	
	.sep-flecha-fil{
		margin-left: 115px;
	}
	.sep-flecha-area{
		margin-left: 163px;
	}
	.sep-flecha-esp{
		margin-left: 110px !important;
	}
	.sep-flecha-tipo{
		margin-left: 174px;
	}
	#filtros-especialidad{
		top: -48px;
		width: 100%;
		right: 0px;
	}
	
	.filtros{
		top: 10px;
		margin-top: 23px;
	}
	.boton-filtrar{
		min-height: 50px !important;
		max-height: 50px !important;
		margin-top: 0px;
		min-width: 165px;
		margin-left: 28px;
		padding: 11px 48px 25px 48px !important;
	}
	
	#clear-filtros-cursos{
		min-height: 25px !important;
		max-height: 25px !important;
	    left: 20px !important;
	    top: 0px !important;
		padding: 6px 9px 26px 11px !important;
	}
	
	.pro-desplegable{
		height: auto;
		background-color:#012837;
	}
	#filtros-areas{
		top: -81px;
		width: 100%;
		right: 0px;
		background-color:#012837;
	}
	#contenido-areas{
		height: auto;
		min-height: 190px !important;
		top:-10px;
	}
	#filtros-especialidad #div-especialidad-Higienistas{
		height: auto;
		min-height: 48px !important;
		background-color:#012837;
		top: 10px;
	}
	#filtros-especialidad #div-especialidad-Odontologia{
		height: auto;
		min-height: 415px !important;
		background-color:#012837;
		top:38px;
	}
	#filtros-especialidad #div-especialidad-StrategyManagement{
		height: auto;
		min-height: 326px !important;
		background-color:#012837;
		top: 31px;
	}
	#filtros-especialidad #div-especialidad-Laboratorios{
		height: auto;
		min-height: 140px !important;
		background-color:#012837;
		top: 17px;
	}
	#filtros-tipo{
		top: -13px;
		width: 100%;
		right: 0px;
		background-color:#012837;	
	}
	#contenido-tipo{
		height: auto;
		min-height: 184px !important;
		top:16px;	
	}
	
	.div-cursos-hands{
		height: 30px;
	}
	.div-cursos-hands label{
	    position: relative;
	    top: 4px;
	    left: 0px;
	}  
	
	.texto-resultado-cursos{
		font-size:34px
	}  
	.div-resultado-cursos{
		margin-bottom:10px; 
	    height: fit-content;
	}
	.contenido-respuesta-cursos strong{
		color:#00ffa8;
	}
	.fondo-menu-cursos{
		background-color: transparent;
		height:90px
	}
	
	.div-filtros{
		margin-top: 15px;
		top: 17px;
		position: relative;
	}
/****************************** cursos-page.css fin  *************************/

/****************************** product-compra-directa.css  *************************/

	.icono-aviso-movil{
		top: 5px;
   		width: 40px;
    	position: relative;
	}

	.posicion-texto-cons{
		width: 140px;
	    top: 5px;
    	position: relative;
    	left: 5px;
    	font-size: 13px;
	}
	.posicion-boton-mov{
		text-align: end;
	}
	.posicion-boton-pro{
		left: 188px;
	    top: -46px;	
        font-size: 13px;	
	}
	.posicion-boton-matr{
        font-size: 14px;
        text-align: end;	
	}
	.posicion-infor{
	    display: -webkit-box;	    
	}
	.cambiar-posicion-pre{
		top:20px;
	}
	.cambiar-posicion-ahora{
		top:10px;
	}	

	.info-noPadding{
		padding: 0px !important;
	}
	
	
	.cambiar-posicion-pre{
		top:6px;
	}
	.cambiar-posicion-ahora{
		top:0px;
	}
	.tama-dialog{
		height: 470px;
		width: 300px !important;
	}
	
	.producto-cabecera{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: 735px;
	}
	.contenido-producto{
    	left: 0px;
    	top: -118px;
    	padding: 0px !important;
   	    background-color: white;
 	}
  	.imagen-producto{
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 350px;
		position: relative;
	}
	.separacion-compra{
    	left: 0px;
    	top: -230px;
	 }
	 .separacion-compra .boton-normal{
		margin-top: 10% !important;
	}
	.producto-precios{
		padding-left: 0% !important;
	}
 	.posicion-precio-movil{
	    top: -61px;
	    left: 160px;
	    padding-right: 0px !important;
	    padding-left: 1px !important;
	 }
	 .precio-tachado-tama{
		font-size: 16px;
	}
	.tamaPrecio{
		font-size: 19px !important;
	}

 	.fuera-padd-pro{
		padding-left: 1px !important;
 	}
 	.tama-descuento{
 		font-size: 14px;
 	}
	.noPadding {
		padding: 10px !important;
		font-size: 20px !important;
		padding-right: 15px !important;
	}
	.noPadding-com{
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 65px !important;
	}
	.noPadding-pro {
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 55px !important;
	}
	.fuera-padd-boton{
		padding: 0px !important;
	}
	.pestanas-producto{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: -125px;
	}
	.conte-pestana{
		top:-230px;
		padding: 0px !important;
	    margin-bottom: -20px;
	}
	.texto-movil{
		text-align: left !important;
		font-size: 10px !important;
	}
	.conte-conexion{
	    top: 10px;
		padding: 0px !important;
	}
	.producto-icono-confianza{
		height: auto !important;
		width: 85%!important;
		margin-bottom: 10vh;
	    margin-right: 25px;
	}
	.pestanas-producto .responsive-tabs {
		margin-left: 0% !important;
		margin-top: 15% !important;
		width: 100% !important;
		background: #f1f2f3 !important;
	}
	.slider-producto{
		width: 100% !important;
		left: 0px !important; 
		position: relative !important;
	    top: -30px;
	}
	.separacion-texto-pesta{
		margin-left: 0px !important;
		background-color: #012837;
		top:-1px;
	}
	.separacion-texto-pesta p {
		color: #00ffa8 !important;
	}
	
	.separacion-texto-pesta ul {
	    list-style: none;
	    color: white;
	}
	.separacion-texto-pesta ul li::before {
		font-size: 19px;
		content: "\2022";
		color: #00ffa8 !important;
		width: 1px;
		font-weight: bold;
		margin-left: -20px;
		padding-right: 13px;
	}
	.precio-tachado-tama{
    	background-position: center;
	}
	.pestanas-producto .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: #f1f2f3 !important;
    	width: 290px;
    	left: 15px;
	}
	.boton-super-comprar{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.responsive-tabs .responsive-tabs__heading--active, 
	.responsive-tabs .responsive-tabs__heading--active:hover{
	    background: #f1f2f3 !important;
    	color: #777 !important;
	}
	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #777 !important;
		border-top: 0;
		top: 18px;
	}  
	
	.responsive-tabs .responsive-tabs__heading {
		padding-left: 10px !important;
	}
	
	.pestanas-producto .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	 
	/*CONSULTIVO*/
	
	.imagen-producto-consultivo{
		/*min-height: 62vh !important;*/
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 260px;
		position: relative;
		margin-bottom: 35px;
	}
	.pestanas-producto-cons .responsive-tabs {
		margin-left: 0% !important;
		margin-top: -5% !important;
		width: 100% !important;
		background: #f1f2f3 !important;
	}
	.pestanas-producto-cons .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.pestanas-producto-cons .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: #f1f2f3 !important;
    	width: 290px;
    	left: 15px;
	}
	.pestanas-producto-cons{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: 0px;
	}
	.separacion-form{
	    padding-right: 15px !important;
	    left: 0px;
	    top: 20px;
	}
	.contenido-producto-cons{
    	left: 0px;
    	top: -28px;
 	}
	.conte-pestana-cons{
		/*top: 5px;*/
		padding: 0px !important;
		margin-bottom: 100px;
		z-index: 1;
	}
	.producto-cabecera-cons{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: fit-content;
	}
	.pos-res-con-btn{
		top: 4px;
		left: 0px;
	}
	.posicion-matri{
	    top: 0px;
    	left: -9px;
    	width: 310px;
	}
	.tama-btn-matri{
		width: 100%;
		padding: 0 !important;
	}
	.logoPartner{
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		margin-bottom: 0;
		left: 0px;
		background-color: #012837;
		height: 100px;
	}
	.logoPartner img{
		width: 100%;
		left: 0px;
		position: relative;
	    top: 8px;
	    height: 80px;
	}
	.boton-super-matri{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.boton-blanco-consultivo{
		width: 280px !important;
		padding-top: 12px !important;
	}
	.div-producto-consultivo{
		text-align: left !important;
	}
	


/****************************** product-compra-directa.css  fin *************************/

}

@media(min-width : 375px) and (max-width : 667px) { 
	
	.precioImagen {
	    margin-top: 3vh;
	    width: 50vw;
	}
/****************************** cursos-page.css   *************************/
	.opciones-menu-posicion{
	    margin-left: 0%;
	}
	.filtro-opciones-menu{
		display: none;
	}
	#todo-cursos{
	   margin-top: -90px;
	}
	.separacion-top-cursos{
		margin-top: 120px;
	}
	.posicion-buscador{
		margin-top: 0px;
	    margin-left: 0px;
		top: -105px;
	    position: relative;    
	    margin-bottom: -95px;
	    left: 0px;
	    width: 340px;
	}
	.buscar-label{
	    margin-left: 43px;
	    margin-top: -65px;
	}
	.cursos-filtro-buscar{
		width: 87%;   
	}
	.lupa-cursos{
		position: relative;
		margin-left: -14px;
	    top: -5px;
	}
	.div-botones{
	   	right: -25px;
		margin-top: 10px;
	}
	.posicon{
	   	padding: 0px !important;
		color: #012837;
		font-weight: bolder;
		position: relative;
	    white-space: nowrap;
	    cursor: pointer;
	    left: 50px;
	    top: -25px;
	    width: 85%;
	}
	.posiconar-cuadro{
		right: 20px;
	    width: 17%;
	}
	.cursos-opciones-filtro{
		margin: 16px 20px 0 0px;
	    top: -15px;
	    left: 5px;
	}
	.centrado-linea{
		display: block !important;
		top: -20px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 2px;
	}
	.centrado-linea-opciones{
		top: -10px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 1px;	
	}
	
	.sep-flecha-fil{
		margin-left: 167px;
	}
	.sep-flecha-area{
		margin-left: 215px;
	}
	.sep-flecha-esp{
		margin-left: 162px !important;
	}
	.sep-flecha-tipo{
		margin-left: 226px;
	}
	
	#filtros-especialidad{
		top: -42px;
		width: 100%;
		right: 0px;
	}
	
	.filtros{
		top: 10px;
		margin-top: 23px;
	}
	.boton-filtrar{
		min-height: 50px !important;
		max-height: 50px !important;
		margin-top: 0px;
		min-width: 165px;
		margin-left: 28px;
		padding: 11px 48px 25px 48px !important;
	}
	
	#clear-filtros-cursos{
		min-height: 25px !important;
		max-height: 25px !important;
	    left: 20px !important;
	    top: 0px !important;
		padding: 6px 9px 26px 11px !important;
	}
	
	.pro-desplegable{
		height: auto;
		background-color:#012837;
	}

	#filtros-areas{
		top: -75px;
		width: 100%;
		right: 0px;
		background-color:#012837;
	}
	#contenido-areas{
		height: auto;
		min-height: 190px !important;
		top: -4px;
	}
	#filtros-especialidad #div-especialidad-Higienistas{
		height: auto;
		min-height: 49px !important;
		background-color:#012837;
		top:10px;
	}
	#filtros-especialidad #div-especialidad-Odontologia{
		height: auto;
		min-height: 420px !important;
		background-color:#012837;
		top:30px;
	}
	#filtros-especialidad #div-especialidad-StrategyManagement{
		height: auto;
		min-height: 332px !important;
		background-color:#012837;
		top:27px;
	}
	#filtros-especialidad #div-especialidad-Laboratorios{
		height: auto;
		min-height: 143px !important;
		background-color:#012837;
		top:14px;
	}
	#filtros-tipo{
		top: -7px;
		width: 100%;
		right: 0px;
		background-color:#012837;	
	}
	#contenido-tipo{
		height: auto;
		min-height: 200px !important;
		top:12px;	
	}
	.div-cursos-hands{
		height: 30px;
	}
	.div-cursos-hands label{
	    position: relative;
	    top: 1px;
	    left: 0px;
	}  
	
	.texto-resultado-cursos{
		font-size:36px
	}  
	.div-resultado-cursos{
		margin-bottom:10px; 
	    height: fit-content;
	}
	.contenido-respuesta-cursos strong{
		color:#00ffa8;
	}
	.fondo-menu-cursos{
		background-color: transparent;
		height:90px;
	}
	
	.div-filtros{
		margin-top: 15px;
		top: 13px;
		position: relative;
	}	
	/****************************** cursos-page.css fin  *************************/
	
	
	
	/****************************** product-compra-directa.css     *************************/
	
	
	.icono-aviso-movil{
		top: 5px;
   		width: 40px;
    	position: relative;
	}

	.posicion-texto-cons{
		width: 140px;
	    top: 5px;
    	position: relative;
    	left: 5px;
   	    font-size: 16px;
	}
	.posicion-boton-mov{
		text-align: end;
	}
	.posicion-boton-pro{
		left: 217px;
	    top: -54px;	
	    font-size: 16px;	
	}
	.posicion-boton-matr{
		text-align: end;
	    font-size: 16px;	
	}
	.posicion-infor{
	    display: -webkit-box;	    
	}
	.cambiar-posicion-pre{
		top:5px;
	}
	.cambiar-posicion-ahora{
		top:5px;
	}	

	.info-noPadding{
		padding: 0px !important;
	}
	
	.producto-cabecera{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: 740px;
	}
	.contenido-producto{
    	left: 0px;
    	top: -118px;
    	padding: 0px !important;
   	    background-color: white;
 	}
  	.imagen-producto{
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 395px;
		position: relative;
	}
	.separacion-compra{
    	left: 0px;
    	top: -230px;
	 }
	 .separacion-compra .boton-normal{
		 margin-top: 7% !important;
	 }
	.producto-precios{
		padding-right: 0% !important;
	}
 	.posicion-precio-movil{
	    top: -61px;
	    left: 175px;
	    padding-right: 3px !important;
	    padding-left: 0% !important;
	 }
	 .precio-tachado-tama{
		font-size: 19px;
	}
	.tamaPrecio{
		font-size: 23px !important;
	}
	
 	.fuera-padd-pro{
 		padding-left: 1px !important;
 	}
 	.tama-descuento{
 		font-size: 14px;
 	}
	.noPadding {
		padding: 10px !important;
		font-size: 20px !important;
		padding-right: 15px !important;
	}
	.noPadding-com{
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 65px !important;
	}
	.noPadding-pro {
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 55px !important;
	}
	.fuera-padd-boton{
		padding: 0px !important;
	}
	.pestanas-producto{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: -125px;
	}
	.conte-pestana{
		top:-240px;
		padding: 0px !important;
	    margin-bottom: -20px;
	}
	.texto-movil{
		text-align: left !important;
		font-size: 10px !important;
		left: -40px;
	}
	.conte-conexion{
	    top: 7px;
		padding: 0px !important;
	}
	.producto-icono-confianza{
		height: auto !important;
		width: 70%!important;
		margin-bottom: 10vh;
		margin-right: 60px;
	}
	.pestanas-producto .responsive-tabs {
		margin-left: 0% !important;
		margin-top: 15% !important;
		width: 100% !important;
	}
	.slider-producto{
		width: 100% !important;
		left: 0px !important; 
		position: relative !important;
	    top: -30px;
	}
	.separacion-texto-pesta{
		margin-left: 0px !important;
		background-color: #012837;
		top:-1px;
	}
	.separacion-texto-pesta p {
		color: #00ffa8 !important;
	}
	/*.separacion-texto-pesta ul {
		color: #00ffa8;
	}*/
	.separacion-texto-pesta ul {
	    list-style: none;
	    color: white;
	}
	.separacion-texto-pesta ul li::before {
		font-size: 19px;
		content: "\2022";
		color: #00ffa8 !important;
		width: 1px;
		font-weight: bold;
		margin-left: -20px;
		padding-right: 13px;
	}
	.precio-tachado-tama{
    	background-position: center;
	}
	.pestanas-producto .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: transparent !important;
    	width: 320px;
    	left: 28px;
	}
	.boton-super-comprar{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.responsive-tabs .responsive-tabs__heading--active, 
	.responsive-tabs .responsive-tabs__heading--active:hover{
	    background: transparent !important;
    	color: #777 !important;
	}
	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #777 !important;
		border-top: 0;
		top: 18px;
	}  
	.responsive-tabs .responsive-tabs__heading {
		padding-left: 10px !important;
	}
	
	.pestanas-producto .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.div-descarga-folleto{
		font-size: 16px;
	    font-weight: bolder !important;
	}	
	
	/*CONSULTIVO*/
	
	.imagen-producto-consultivo{
		/*min-height: 62vh !important;*/
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 295px;
		position: relative;
		margin-bottom: 35px;
	}
	.pestanas-producto-cons .responsive-tabs {
		margin-left: 0% !important;
		margin-top: -5% !important;
		width: 100% !important;
		background: #f1f2f3 !important;
	}
	.pestanas-producto-cons .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.pestanas-producto-cons .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: #f1f2f3 !important;
    	width: 320px;
    	left: 28px;
	}
	.pestanas-producto-cons{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: 0px;
	}
	.separacion-form{
	    padding-right: 15px !important;
	    left: 0px;
	    top: 20px;
	}
	.contenido-producto-cons{
    	left: 0px;
    	top: -28px;
 	}
	.conte-pestana-cons{
		/*top: 5px;*/
		padding: 0px !important;
		margin-bottom: 100px;
		z-index: 1;
	}
	.producto-cabecera-cons{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: fit-content;
	}
	.pos-res-con-btn{
		top: -8px;
		left: 25px;
	    width: 290px;
	}
	.posicion-matri{
	    top: 0px;
    	left: 15px;
    	width: 310px;
	}
	.tama-btn-matri{
		width: 100%;
		padding: 0 !important;
	}
	.logoPartner{
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		margin-bottom: 0;
		left: 0px;
		background-color: #012837;
		height: 100px;
	}
	.logoPartner img{
		width: 100%;
		left: 0px;
		position: relative;
	    top: 8px;
	    height: 80px;
	}
	.boton-super-matri{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.boton-blanco-consultivo{
		width: 280px !important;
		padding-top: 12px !important;
	}
	.div-producto-consultivo{
		text-align: left !important;
	}
	
	/****************************** product-compra-directa.css  fin *************************/
}


@media (min-width: 384px)  and (max-width: 410px){

/****************************** login-style.css   *************************/
	 	#error-login-movil{
		 	
		    white-space: nowrap;
	        margin-left: 34px !important;
	 	
	 	}
	 	
	 	
	/****************************** login-style.css  fin *************************/
  	/****************************** product-compra-directa.css   *************************/
   	.posicion-precio-movil{
	    top: -61px;
	    left: 175px;
	    padding-right: 0px !important;
	    padding-left: 38px !important;
	 }
	 .precio-tachado-tama{
		font-size: 13px;
	}
	.tamaPrecio{
		font-size: 13px !important;
	}
 	.icono-aviso-movil{
		top: 5px;
   		width: 40px;
    	position: relative;
	}

	.posicion-texto-cons{
		width: 140px;
	    top: 5px;
    	position: relative;
    	left: 5px;
   	    font-size: 15px;
	}
	.posicion-boton-mov{
		text-align: end;
	}
	.posicion-boton-pro{
		left: 245px;
	    top: -52px;	
	    font-size: 13px;	
	}
	.posicion-boton-matr{
		text-align: end;
	    font-size: 15px;	
	}
	.posicion-infor{
	    display: -webkit-box;  
	}
	.cambiar-posicion-pre{
		top:20px;
	}
	.cambiar-posicion-ahora{
		top:10px;
	}	

	.info-noPadding{
		padding: 0px !important;
	}
	.div-producto-consultivo{
		text-align: left !important;
	}
	
	.cambiar-posicion-pre{
		top:20px;
	}
	.cambiar-posicion-ahora{
		top:9px;
	}
	.noPadding {
		padding: 10px !important;
		font-size: 17px !important;
		padding-right: 15px !important;
	}	
  	/****************************** product-compra-directa.css  fin  *************************/
 }




@media (min-width : 411px) and (max-width: 411px){
	
	.precioImagen {
	    margin-top: 3vh;
	    width: 50vw;
	}
  
   /******************************  login-styles.css   *************************/
  #error-login-movil{
		    white-space: nowrap;
	 	    /*margin-left: 51px !important;*/
	 	}
	  /******************************  login-styles.css fin  *************************/
  
 /******************************  product-compra-directa.css   *************************/
	.icono-aviso-movil{
		top: 5px;
   		width: 40px;
    	position: relative;
	}

	.posicion-texto-cons{
		width: 140px;
	    top: 5px;
    	position: relative;
    	left: 5px;
   	    font-size: 16px;
	}
	.posicion-boton-mov{
		text-align: end;
	}
	.posicion-boton-pro{
		left: 245px;
	    top: -54px;		
	}
	.posicion-boton-matr{
		text-align: end;	
	}
	.posicion-infor{
	    display: -webkit-box;    
	}
	.cambiar-posicion-pre{
		top:13px;
	}
	.cambiar-posicion-ahora{
		top:7px;
	}	

	.info-noPadding{
		padding: 0px !important;
	}
	
	.producto-cabecera{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: 745px;
	}
	.contenido-producto{
    	left: 0px;
    	top: -118px;
    	padding: 0px !important;
   	    background-color: white;
 	}
  	.imagen-producto{
		/*min-height: 62vh !important;*/
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 420px;
		position: relative;
	}
	.separacion-compra{
    	left: 0px;
    	top: -230px;
 	}
 	.separacion-compra .boton-normal{
		 margin-top: 5% !important;
	 }
 	.posicion-precio-movil{
	    top: -61px;
	    left: 175px;
	    padding-right: 0px !important;
	    padding-left: 2% !important;
	 }
	 .cambiar-posicion-ahora{
		 padding-left: 0% !important;
	 }
	 .precio-tachado-tama{
		font-size: 19px;
	}
	.tamaPrecio{
		font-size: 24px !important;
	}
	
 	.fuera-padd-pro{
 		padding-left: 1px !important;
 	}
 	.tama-descuento{
 		font-size: 14px;
 	}
	.noPadding {
		padding: 10px !important;
		font-size: 20px !important;
		padding-right: 15px !important;
	}
	.noPadding-com{
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 65px !important;
	}
	.noPadding-pro {
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 55px !important;
	}
	.fuera-padd-boton{
		padding: 0px !important;
	}
	.pestanas-producto{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: -125px;
	}
	.conte-pestana{
		top:-250px;
		padding: 0px !important;
	    margin-bottom: -20px;
	}
	.texto-movil{
		text-align: left !important;
		font-size: 10px !important;
		left: -40px;
	}
	.conte-conexion{
	    top: 7px;
		padding: 0px !important;
	}
	.producto-icono-confianza{
		height: auto !important;
		width: 70%!important;
		margin-bottom: 10vh;
		margin-right: 60px;
	}
	.pestanas-producto .responsive-tabs {
		margin-left: 0% !important;
		margin-top: 20% !important;
		width: 100% !important;
	}
	.slider-producto{
		width: 100% !important;
		left: 0px !important; 
		position: relative !important;
	    top: -30px;
	}
	.separacion-texto-pesta{
		margin-left: 0px !important;
		background-color: #012837;
		top:-1px;
	}
	.separacion-texto-pesta p {
		color: #00ffa8 !important;
	}
	/*.separacion-texto-pesta ul {
		color: #00ffa8;
	}*/
	.separacion-texto-pesta ul {
	    list-style: none;
	    color: white;
	}
	.separacion-texto-pesta ul li::before {
		font-size: 19px;
		content: "\2022";
		color: #00ffa8 !important;
		width: 1px;
		font-weight: bold;
		margin-left: -20px;
		padding-right: 13px;
	}
	.precio-tachado-tama{
    	background-position: center;
	}
	.pestanas-producto .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: transparent !important;
    	width: 350px;
    	left: 32px;
    	top: 0px !important;
	}
	.boton-super-comprar{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.responsive-tabs .responsive-tabs__heading--active, 
	.responsive-tabs .responsive-tabs__heading--active:hover{
	    background: transparent !important;
    	color: #777 !important;
	}
	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #777 !important;
		border-top: 0;
		top: 18px;
	}  
	.responsive-tabs .responsive-tabs__heading {
		padding-left: 10px !important;
	}
	
	.pestanas-producto .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.div-descarga-folleto{
		font-size: 16px;
	    font-weight: bolder !important;
	} 
	
		/*CONSULTIVO*/
	
	.imagen-producto-consultivo{
		/*min-height: 62vh !important;*/
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 320px;
		position: relative;
		margin-bottom: 35px;
	}
	.pestanas-producto-cons .responsive-tabs {
		margin-left: 0% !important;
		margin-top: -5% !important;
		width: 100% !important;
		background: #f1f2f3 !important;
	}
	.pestanas-producto-cons .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.pestanas-producto-cons .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: #f1f2f3 !important;
    	width: 350px;
    	left: 33px;
	}
	.pestanas-producto-cons{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: 0px;
	}
	.separacion-form{
	    padding-right: 15px !important;
	    left: 0px;
	    top: 20px;
	}
	.contenido-producto-cons{
    	left: 0px;
    	top: -28px;
 	}
	.conte-pestana-cons{
		/*top: 5px;*/
		padding: 0px !important;
		margin-bottom: 100px;
		z-index: 1;
	}
	.producto-cabecera-cons{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: fit-content;
	}
	.pos-res-con-btn{
		top: -10px;
		left: 45px;
	    width: 290px;
	}
	.posicion-matri{
	    top: 0px;
    	left: 35px;
    	width: 310px;
	}
	.tama-btn-matri{
		width: 100%;
		padding: 0 !important;
	}
	.logoPartner{
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		margin-bottom: 0;
		left: 0px;
		background-color: #012837;
		height: 100px;
	}
	.logoPartner img{
		width: 100%;
		left: 0px;
		position: relative;
	    top: 8px;
	    height: 80px;
	}
	.boton-super-matri{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.boton-blanco-consultivo{
		width: 280px !important;
		padding-top: 12px !important;
	}
	.div-producto-consultivo{
		text-align: left !important;
	}  
   /******************************  product-compra-directa.css   *************************/
 }



@media (min-width : 414px) and (max-width : 736px) {
	
	.precioImagen {
	    margin-top: 3vh;
	    width: 50vw;
	}

/****************************** cursos-page.css   *************************/
	.opciones-menu-posicion{
	    margin-left: 0%;
	}
	.filtro-opciones-menu{
		display: none;
	}
	#todo-cursos{
	   margin-top: -90px;
	}
	.separacion-top-cursos{
		margin-top: 120px;
	}
	.posicion-buscador{
		margin-top: 0px;
	    margin-left: 0px;
		top: -105px;
	    position: relative;    
	    margin-bottom: -95px;
	    left: 0px;
	    width: 387px;
	}
	.buscar-label{
	    margin-left: 43px;
	    margin-top: -65px;
	}
	.cursos-filtro-buscar{
		width: 87%;   
	}
	.lupa-cursos{
		position: relative;
		margin-left: -14px;
	    top: -5px;
	}
	.div-botones{
	   	right: -45px;
		margin-top: 10px;
	}
	.posicon{
	   	padding: 0px !important;
		color: #012837;
		font-weight: bolder;
		position: relative;
	    white-space: nowrap;
	    cursor: pointer;
	    left: 50px;
	    top: -25px;
	    width: 85%;
	}
	.posiconar-cuadro{
		right: 25px;
	    width: 17%;
	}
	.cursos-opciones-filtro{
		margin: 16px 20px 0 0px;
	    top: -15px;
	    left: 5px;
	}
	.centrado-linea{
		top: -25px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 2px;
	}
	.centrado-linea-opciones{
		top: -10px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 1px;	
	}
	
	.sep-flecha-fil{
		margin-left: 206px;
	}
	.sep-flecha-area{
		margin-left: 254px;
	}
	.sep-flecha-esp{
		margin-left: 201px !important;
	}
	.sep-flecha-tipo{
		margin-left: 265px;
	}
	
	#filtros-especialidad{
		top: -38px;
		width: 100%;
		right: 0px;
	}
	
	.filtros{
		top: 10px;
		margin-top: 23px;
	}
	.boton-filtrar{
		min-height: 50px !important;
		max-height: 50px !important;
		margin-top: 0px;
		min-width: 165px;
		margin-left: 28px;
		padding: 11px 48px 25px 48px !important;
	}
	
	#clear-filtros-cursos{
		min-height: 25px !important;
		max-height: 25px !important;
	    left: 20px !important;
	    top: 0px !important;
		padding: 6px 9px 26px 11px !important;
	}
	
	.pro-desplegable{
		height: auto;
		background-color:#012837;
	}
	#filtros-areas{
		top: -72px;
		width: 100%;
		right: 0px;
		background-color:#012837;
	}
	#contenido-areas{
		height: auto;
		min-height: 190px !important;
		top:-15px;
	}
	#filtros-especialidad #div-especialidad-Higienistas{
		height: auto;
		min-height: 49px !important;
		background-color:#012837;
	}
	#filtros-especialidad #div-especialidad-Odontologia{
		height: auto;
		min-height: 420px !important;
		background-color:#012837;
		top:30px;
	}
	#filtros-especialidad #div-especialidad-StrategyManagement{
		height: auto;
		min-height: 330px !important;
		background-color:#012837;
	}
	#filtros-especialidad #div-especialidad-Laboratorios{
		height: auto;
		min-height: 144px !important;
		background-color:#012837;
	}
	#filtros-tipo{
		top: -3px;
		width: 100%;
		right: 0px;
		background-color:#012837;	
	}
	#contenido-tipo{
		height: auto;
		min-height: 200px !important;	
		top:14px;
	}
	.div-cursos-hands{
		height: 30px;
	}
	.div-cursos-hands label{
	    position: relative;
	    top: 1px;
	    left: 0px;
	}  
	
	.texto-resultado-cursos{
		font-size:36px
	}  
	.div-resultado-cursos{
		margin-bottom:10px; 
	    height: fit-content;
	}
	.contenido-respuesta-cursos strong{
		color:#00ffa8;
	}
	.fondo-menu-cursos{
		background-color: transparent;
		height:90px
	}
	
	.div-filtros{
		margin-top: 15px;
		top: 20px;
		position: relative;
	}	
	
	/****************************** cursos-page.css fin  *************************/
	
	
	/****************************** product-compra-directa.css   *************************/
	
	.icono-aviso-movil{
		top: 5px;
   		width: 40px;
    	position: relative;
	}

	.posicion-texto-cons{
		width: 140px;
	    top: 5px;
    	position: relative;
    	left: 5px;
   	    font-size: 16px;
	}
	.posicion-boton-mov{
		text-align: end;
	}
	.posicion-boton-pro{
		left: 245px;
	    top: -54px;	
	    font-size: 16px;	
	}
	.posicion-boton-matr{
		text-align: end;
	    font-size: 16px;	
	}
	.posicion-infor{
	    display: -webkit-box;    
	}
	.cambiar-posicion-pre{
		top:13px;
	}
	.cambiar-posicion-ahora{
		top:7px;
	}	

	.info-noPadding{
		padding: 0px !important;
	}
	
	.producto-cabecera{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: 745px;
	}
	.contenido-producto{
    	left: 0px;
    	top: -118px;
    	padding: 0px !important;
   	    background-color: white;
 	}
  	.imagen-producto{
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 420px;
		position: relative;
	}
	.separacion-compra{
    	left: 0px;
    	top: -230px;
	 }
	 .separacion-compra .boton-normal{
		 margin-top: 5% !important;
	 }
	.producto-precios{
		padding-right: 0% !important;
	}
 	.posicion-precio-movil{
	    top: -51px;
	    left: 188px;
	    padding-right: 0px !important;
	    padding-left: 2% !important;
	 }
	 .precio-tachado-tama{
		font-size: 19px;
	}
	.tamaPrecio{
		font-size: 25px !important;
	}
 	.fuera-padd-pro{
 		padding-left: 1px !important;
 	}
 	.tama-descuento{
 		font-size: 14px;
 	}
	.noPadding {
		padding: 10px !important;
		font-size: 20px !important;
		padding-right: 15px !important;
	}
	.noPadding-com{
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 65px !important;
	}
	.noPadding-pro {
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 55px !important;
	}
	.fuera-padd-boton{
		padding: 0px !important;
	}
	.pestanas-producto{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: -125px;
	}
	.conte-pestana{
		top:-250px;
		padding: 0px !important;
	    margin-bottom: -20px;
	}
	.texto-movil{
		text-align: left !important;
		font-size: 10px !important;
		left: -40px;
	}
	.conte-conexion{
	    top: 7px;
		padding: 0px !important;
	}
	.producto-icono-confianza{
		height: auto !important;
		width: 70%!important;
		margin-bottom: 10vh;
		margin-right: 60px;
	}
	.pestanas-producto .responsive-tabs {
		margin-left: 0% !important;
		margin-top: 20% !important;
		width: 100% !important;
	}
	.slider-producto{
		width: 100% !important;
		left: 0px !important; 
		position: relative !important;
	    top: -30px;
	}
	.separacion-texto-pesta{
		margin-left: 0px !important;
		background-color: #012837;
		top:-1px;
	}
	.separacion-texto-pesta p {
		color: #00ffa8 !important;
	}
	
	.separacion-texto-pesta ul {
	    list-style: none;
	    color: white;
	}
	.separacion-texto-pesta ul li::before {
		font-size: 19px;
		content: "\2022";
		color: #00ffa8 !important;
		width: 1px;
		font-weight: bold;
		margin-left: -20px;
		padding-right: 13px;
	}
	.precio-tachado-tama{
    	background-position: center;
	}
	.pestanas-producto .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: transparent !important;
    	width: 350px;
    	left: 32px;
    	top: 0px !important;
	}
	.boton-super-comprar{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.responsive-tabs .responsive-tabs__heading--active, 
	.responsive-tabs .responsive-tabs__heading--active:hover{
	    background: transparent !important;
    	color: #777 !important;
	}
	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #777 !important;
		border-top: 0;
		top: 18px;
	}  
	.responsive-tabs .responsive-tabs__heading {
		padding-left: 10px !important;
	}
	
	.pestanas-producto .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.div-descarga-folleto{
		font-size: 16px;
	    font-weight: bolder !important;
	}

	/*CONSULTIVO*/
	
	.imagen-producto-consultivo{
	
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 325px;
		position: relative;
		margin-bottom: 35px;
	}
	.pestanas-producto-cons .responsive-tabs {
		margin-left: 0% !important;
		margin-top: -5% !important;
		width: 100% !important;
		background: #f1f2f3 !important;
	}
	.pestanas-producto-cons .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.pestanas-producto-cons .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: #f1f2f3 !important;
    	width: 350px;
    	left: 32px;
	}
	.pestanas-producto-cons{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: 0px;
	}
	.separacion-form{
	    padding-right: 15px !important;
	    left: 0px;
	    top: 20px;
	}
	.contenido-producto-cons{
    	left: 0px;
    	top: -28px;
 	}
	.conte-pestana-cons{
		/*top: 5px;*/
		padding: 0px !important;
		margin-bottom: 100px;
		z-index: 1;
	}
	.producto-cabecera-cons{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: fit-content;
	}
	.pos-res-con-btn{
		top: 0px;
		left: 45px;
	    width: 290px;
	}
	.posicion-matri{
	    top: 0px;
    	left: 35px;
    	width: 310px;
	}
	.tama-btn-matri{
		width: 100%;
		padding: 0 !important;
	}
	.logoPartner{
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		margin-bottom: 0;
		left: 0px;
		background-color: #012837;
		height: 100px;
	}
	.logoPartner img{
		width: 100%;
		left: 0px;
		position: relative;
	    top: 8px;
	    height: 80px;
	}
	.boton-super-matri{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.boton-blanco-consultivo{
		width: 280px !important;
		padding-top: 12px !important;
	}	
	.div-producto-consultivo{
		text-align: left !important;
	}	
	/****************************** product-compra-directa.css  fin *************************/
	
	

}



@media (min-width : 320px) and (min-height: 569px) and (max-height: 600px){
	
	
	
	/****************************** cursos-page.css   *************************/
	.opciones-menu-posicion{
	    margin-left: 0%;
	}	
	
	.filtro-opciones-menu{
		display: none;
	}
	#todo-cursos{
	   margin-top: -90px;
	}
	.separacion-top-cursos{
		margin-top: 120px;
	}
	.posicion-buscador{
		margin-top: 0px;
	    margin-left: 0px;
		top: -105px;
	    position: relative;    
	    margin-bottom: -95px;
	    left: 0px;
	    width: 320px;
	}
	.buscar-label{
	    margin-left: 50px;
	    margin-top: -60px;
	}
	.cursos-filtro-buscar{
		width: 87%;   
	}
	.lupa-cursos{
		position: relative;
		margin-left: -14px;
	    top: -5px;
	}
	.div-botones{
	   	right: -25px;
		margin-top: 10px;
	}
	.posicon{
	   	padding: 0px !important;
		color: #012837;
		font-weight: bolder;
		position: relative;
	    white-space: nowrap;
	    cursor: pointer;
	    left: 50px;
	    top: -25px;
	    width: 85%;
	}
	.posiconar-cuadro{
		right: 18px;
	    width: 17%;
	}
	.cursos-opciones-filtro{
		margin: 16px 20px 0 0px;
	    top: -15px;
	    left: 5px;
	}
	.centrado-linea{
		display: block !important;
		top: -20px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 2px;
	}
	.centrado-linea-opciones{
		top: -10px;
	    left: 3px;
	    width: 107%;
	   	border-bottom-style: solid;
		border-color:#012837;
		border-bottom-width: 1px;	
	}
	
	.sep-flecha-fil{
		margin-left: 152px;
	}
	.sep-flecha-area{
		margin-left: 200px;
	}
	.sep-flecha-esp{
		margin-left: 147px !important;
	}
	.sep-flecha-tipo{
		margin-left: 210px;
	}
	
	#filtros-especialidad{
		top: -43px;
		width: 100%;
		right: 0px;
	}
	
	.filtros{
		top: 10px;
		margin-top: 23px;
	}
	.boton-filtrar{
		min-height: 50px !important;
		max-height: 50px !important;
		margin-top: 0px;
		min-width: 165px;
		margin-left: 28px;
		padding: 11px 48px 25px 48px !important;
	}
	
	#clear-filtros-cursos{
		min-height: 25px !important;
		max-height: 25px !important;
	    left: 20px !important;
	    top: 0px !important;
		padding: 6px 9px 26px 11px !important;
	}
	
	.pro-desplegable{
		height: auto;
		background-color:#012837;
	}
	#filtros-areas{
		top: -76px;
		width: 100%;
		right: 0px;
		background-color:#012837;
	}
	#contenido-areas{
		height: auto;
		min-height: 190px !important;
	}
	#filtros-especialidad #div-especialidad-Higienistas{
		height: auto;
		min-height: 46px !important;
		background-color:#012837;
	}
	#filtros-especialidad #div-especialidad-Odontologia{
		height: auto;
		min-height: 415px !important;
		background-color:#012837;
	}
	#filtros-especialidad #div-especialidad-StrategyManagement{
		height: auto;
		min-height: 325px !important;
		background-color:#012837;
	}
	#filtros-especialidad #div-especialidad-Laboratorios{
		height: auto;
		min-height: 140px !important;
		background-color:#012837;
	}
	#filtros-tipo{
		top: -8px;
		width: 100%;
		right: 0px;
		background-color:#012837;	
	}
	#contenido-tipo{
		height: auto;
		min-height: 200px !important;	
	}
	
	
	.div-cursos-hands{
		height: 30px;
	}
	.div-cursos-hands label{
	    position: relative;
	    top: 1px;
	    left: 0px;
	}  
	
	.texto-resultado-cursos{
		font-size:36px
	}  
	.div-resultado-cursos{
		margin-bottom:10px; 
	    height: fit-content;
	}
	.contenido-respuesta-cursos strong{
		color:#00ffa8;
	}
	.fondo-menu-cursos{
		background-color: transparent;
		height:90px
	}
	
	.div-filtros{
		margin-top: 15px;
		top: 18px;
		position: relative;
	}	
	/****************************** cursos-page.css fin  *************************/
	
	
	/****************************** product-compra-directa.css     *************************/
	.icono-aviso-movil{
		top: 5px;
   		width: 40px;
    	position: relative;
	}

	.posicion-texto-cons{
		width: 140px;
	    top: 5px;
    	position: relative;
    	left: 5px;
   	    font-size: 15px;
	}
	.posicion-boton-mov{
		text-align: end;
	}
	.posicion-boton-pro{
		left: 226px;
	    top: -52px;	
	    font-size: 13px;	
	}
	.posicion-boton-matr{
		text-align: end;
	    font-size: 14px;	
	}
	.posicion-infor{
	    display: -webkit-box;
	}
	.cambiar-posicion-pre{
		top:5px;
	}
	.cambiar-posicion-ahora{
		top:5px;
	}	

	.info-noPadding{
		padding: 0px !important;
	}
	
	.producto-cabecera{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: 755px;
	}
	.contenido-producto{
    	left: 0px;
    	top: -118px;
    	padding: 0px !important;
   	    background-color: white;
 	}
  	.imagen-producto{
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 380px;
		position: relative;
	}
	.separacion-compra{
    	left: 0px;
    	top: -230px;
	 }
	 .separacion-compra .boton-normal{
		margin-top: 7% !important;
	}
	.producto-precios{
		padding-left: 0% !important;
	}
 	.posicion-precio-movil{
	    top: -61px;
	    left: 175px;
	    padding-right: 0px !important;
	    padding-left: 2% !important;
	 }
	 .cambiar-posicion-ahora{
		 padding-left: 0% !important;
	 }
	 .precio-tachado-tama{
		font-size: 18px;
	}
	.tamaPrecio{
		font-size: 22px !important;
	}

 	.fuera-padd-pro{
 		padding-left: 1px !important;
 	}
 	.tama-descuento{
 		font-size: 14px;
 	}
	.noPadding {
		padding: 10px !important;
		font-size: 20px !important;
		padding-right: 15px !important;
	}
	.noPadding-com{
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 65px !important;
	}
	.noPadding-pro {
		padding: 0px !important;
		padding-left: 65px !important;
		font-size: 20px !important;
		padding-right: 55px !important;
	}
	.fuera-padd-boton{
		padding: 0px !important;
	}
	.pestanas-producto{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: -125px;
	}
	.conte-pestana{
		top:-245px;
		padding: 0px !important;
	    margin-bottom: -20px;
	}
	.texto-movil{
		text-align: left !important;
		font-size: 10px !important;
		left: -40px;
	}
	.conte-conexion{
	    top: 7px;
		padding: 0px !important;
	}
	.producto-icono-confianza{
		height: auto !important;
		width: 70%!important;
		margin-bottom: 10vh;
	    margin-right: 45px;
	}
	.pestanas-producto .responsive-tabs {
		margin-left: 0% !important;
		margin-top: 20% !important;
		width: 100% !important;
	}
	.slider-producto{
		width: 100% !important;
		left: 0px !important; 
		position: relative !important;
	    top: -30px;
	}
	.separacion-texto-pesta{
		margin-left: 0px !important;
		background-color: #012837;
		top:-1px;
	}
	.separacion-texto-pesta p {
		color: #00ffa8 !important;
	}
	
	.separacion-texto-pesta ul {
	    list-style: none;
	    color: white;
	}
	.separacion-texto-pesta ul li::before {
		font-size: 19px;
		content: "\2022";
		color: #00ffa8 !important;
		width: 1px;
		font-weight: bold;
		margin-left: -20px;
		padding-right: 13px;
	}
	.precio-tachado-tama{
    	background-position: center;
	}
	.pestanas-producto .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: transparent !important;
    	width: 300px;
    	left: 30px;
    	top: 0px !important;
	}
	.boton-super-comprar{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.responsive-tabs .responsive-tabs__heading--active, 
	.responsive-tabs .responsive-tabs__heading--active:hover{
	    background: transparent !important;
    	color: #777 !important;
	}
	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #777 !important;
		border-top: 0;
		top: 18px;
	}  
	.responsive-tabs .responsive-tabs__heading {
		padding-left: 10px !important;
	}
	
	.pestanas-producto .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 

	/*CONSULTIVO*/
	
	.imagen-producto-consultivo{
		
		background-repeat: no-repeat;
		padding: 0px !important;
		background-size: 100%;
		top: 35px;
		width: 100% !important;
		height: 285px;
		position: relative;
	    margin-bottom: 35px;
	}
	.pestanas-producto-cons .responsive-tabs {
		margin-left: 0% !important;
		margin-top: -5% !important;
		width: 100% !important;
		background: #f1f2f3 !important;
	}
	.pestanas-producto-cons .pestana-titulo-bottom {
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	} 
	.pestanas-producto-cons .responsive-tabs .responsive-tabs__heading{
		border-bottom: 1px solid #012837 !important;
       	background: #f1f2f3 !important;
    	width: 300px;
    	left: 30px;
	}
	.pestanas-producto-cons{
		margin-left: 0px;
		padding-right: 0px !important;
	    margin-bottom: 0px;
	}
	.separacion-form{
	    padding-right: 15px !important;
	    left: 0px;
	    top: 20px;
	}
	.contenido-producto-cons{
    	left: 0px;
    	top: -28px;
 	}
	.conte-pestana-cons{
		padding: 0px !important;
		margin-bottom: 100px;
		z-index: 1;
	}
	.producto-cabecera-cons{
		background-color: white !important;
		padding: 0px !important;
		margin-top: 35px;
		height: fit-content;
	}
	.pos-res-con-btn{
		top: 6px;
		left: 24px;
		width: 290px;
	}
	.posicion-matri{
	    top: 0px;
    	left: 15px;
    	width: 310px;
	}
	.tama-btn-matri{
		width: 100%;
		padding: 0 !important;
	}
	.logoPartner{
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		margin-bottom: 0;
		left: 0px;
		background-color: #012837;
		height: 100px;
	}
	.logoPartner img{
		width: 100%;
		left: 0px;
		position: relative;
	    top: 8px;
	    height: 80px;
	}
	.boton-super-matri{
	    font-size: 20px !important;
    	font-weight: bolder !important;
    	background-color: #012837;
    	position: fixed !important;
   	    padding: 0px !important;    	
    	bottom: 0;
    	z-index: 10000;
    	display: none;
    	max-height: 50px;
	}
	.boton-blanco-consultivo{
		width: 280px !important;
		padding-top: 12px !important;
	}	
	.div-producto-consultivo{
		text-align: left !important;
	}
	
	
	
	/****************************** product-compra-directa.css  fin *************************/
}

.formulario-home #reg-error {
    margin-left: 48%;
    margin-top: 34%;
}

@media (max-width: 1440px) and (min-width: 1024px){

	#formulario-home .elementor-element-populated{
		margin: 0px 15px 0px 0px;
	}
}

@media (max-width: 1440px) and (min-width: 1366px){

	#formulario-home{
		height: 100%;
    	top: -50px;
	}
}

@media (max-width: 1280px) and (min-height: 800px){
	#formulario-home{
		height: 100%;
    	top: -50px;
	}
	
}

@media (max-width: 1024px) and (min-width: 769px){
    
    .formulario-home .input-campos-register{
        width: 100% !important;
    }
    
    .formulario-home .posicion-texto{
    	text-align: initial;
    }
    .formulario-home #labelregister {
    	top: -50px; 
    	right: 0px;
    	padding-left: 5px;
	}
	
	.formulario-home #reg-error{
		height: 105px;
		margin-top: 90%;
		width: 50%;
		margin-left: 0px;
	}
	
	.formulario-home input{
		padding-left: 5px !important;
	}
	
	#formulario-home{
		height: 100%;
    	top: -61px;
	}

}

/*Link curso demo*/
.link-curso-demo{margin-left: 0px; padding: 15px 68px 15px 68px; border: 1px solid #d6d3d3; /*border-radius: 10px;*/background: var(--verde) !important; cursor: pointer;}

@media (max-width : 767px){
	
	.link-curso-demo{padding: 15px 86px 15px 86px;}
	
    .formulario-home #labelregister {
        width: 1%;
    }
    .formulario-home .h2-home-simple{
        color: #00ffa8 !important;
    }
    
    #imagen-fondo-home{
        height: 460px;
    }
    
    .formulario-home #reg-error {
	    margin-left: 4%;
	    margin-top: 0%;
	    top: -138px;
	    position: relative;
    }
	.sep-flecha-fil{
		width: auto;
    	height: 100%;
	}
	.sep-flecha-fil-sus {
		width: auto;
    	height: 100%;
	}
}

@media (max-width: 320px){
	
	.formulario-home #btnRegsitro {
    	margin-top: 47%;
	}
}