@charset "utf-8";
/*RESET PROFESIONALES SANITARIOS*/

* {
    box-sizing: border-box;
  }

  @font-face {
    font-family: 'Invention A Lt';
    src: url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Lt.eot?#iefix');
    src: url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Lt.eot?#iefix') format('eot'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Lt.woff2') format('woff2'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Lt.woff') format('woff'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_A_Lt.ttf') format('truetype');
   }
   @font-face {
    font-family: 'Invention A Rg';
    src: url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Rg.eot?#iefix');
    src: url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Rg.eot?#iefix') format('eot'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Rg.woff2') format('woff2'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Rg.woff') format('woff'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_A_Rg.ttf') format('truetype');
   }
   @font-face {
    font-family: 'Invention A Bd';
    src: url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Bd.eot?#iefix');
    src: url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Bd.eot?#iefix') format('eot'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Bd.woff2') format('woff2'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_W_Bd.woff') format('woff'),
    url('https://profesionales.msd.es/static/medicos/fonts/Invention_A_Bd.ttf') format('truetype');
   }

#edit-avisos{
	padding-top: 5%;
    padding-bottom: 5%;
	font-weight: bold;
	color: #399c89;
}
  body, h1, h2,h3 {
    /*font-size: 100% !important;*/
    font-family: 'Invention A Lt', Arial !important;
  }

  section h1 {
    font-size: 36px !important;
  }

  section h2 {
    font-size: 22px !important;
    font-family: 'Invention A Bd';
  }

  section h3 {
    font-size: 18px !important;
  }

  section {
    font-size: 14px;
  }

  .justForTest {
    margin-top: 10px;
}

.titleForTest {
  background: #00857a;
  width: 100%;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  margin-top: 40px;
}

#section_comentarios{
	padding-top: 5%;
}

section.defMods {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

section.defMods ul li {
  width: 100%;
  display: inline-block;
}

#page-wrapper {
  height: 140px;
}


#middle {
    width: 100%;
    text-align: initial;
    padding: 0;
    
}

h1, h2, h3, h4, h5, h6 {

  padding: 0 10px 0 0
}

 h1, h2, h3 {
  color: #333;
}

h3 {
  font-weight: inherit;
}


.titles {
  width: 100%;
}

/* CLASES PARA USO GLOBAL */

.meWrap {
  display: flex;
  align-items: center;
  margin: 10px 0 25px 0;
  position: relative;
}

.alItemsEnd {
  align-items: end;
}

.alItemsStart {
  align-items: flex-start;
}


.meWrap a.planeLk {
  padding: 0;
  background-color: transparent !important;
  color: #00857a;
}

.meWrap a.LkBgWhite, .blockFive .txtRight a.LkBgWhite, .blockFive .txtLeft a.LkBgWhite  {

  background-color: #fff !important;
  color: #00857c;
}

.plainTxt p {
  padding: 0 15px 0 0;
}

.meWrap a {
  /*padding: 8px 16px;
  background-color: #00857c !important;
  color: #fff;*/
  color: #00857c;
}

.boxBtt {
  margin-top: 20px;
}

.txtBox {
    width: 49%;
    position: absolute;
    top: 0;
    background: #00857a;
    padding: 50px;
    color: #fff;

}


.bgImgs {
  background: transparent url(https://profesionales-msd-es.epublishmerck.com/static/medicos/images/980x520-1.jpg) no-repeat top center / 100% auto;
  min-height: 520px;

}

/*VARIACIONES BOXSTYLE*/

/*para boxstylefive*/

.blockFive {
  margin: 0;
}

.blockFive .imgLeft, .blockFive .txtRight, .blockFive .txtLeft {

  width: 50%;

}

.txtRight, .blockFive .txtLeft  {
  padding: 0 55px;
}

.blockFive img {
  display: block;
}

.blockFiveBg {
  background: #00857c;
}

.blockFiveTxtWht, .blockFiveTxtWht h3, .clWhite {
  color: #fff;
}

/*PARA BOX COLUMS*/

.dsplCorrection {
  display: inherit;
}

.divInlBlc {
  width: 100%;
}

.xDate {
  width: 25%;
}

.xDate p {
  color: #00857c;
}

.xName {
  width: 55%;
}

.xBtt {
  width: 10%;
}

.xDate, .xName, .xBtt {
  border-top: 1px solid #ddd;
  min-height: 70px;

}
.xBtt {
  display: flex;
  align-items: center;
}

.imgFullt img {
  width: 98%;
}

.counterBoxWrap, .counterBoxWh {
  width: 100%;
  padding: 40px;
}

.counterBoxWrap {
  background-color: #00857a;
  color: #fff;
  border-radius: 10px;
}

.counterBoxWrap h3, .counterBoxWrap .txtCounter span {
  color: #fff;
}

.txtCounter {
  border-right: 1px solid #eee;
  width: 100%;
  min-height: 250px;
}

.txtCounter h3 {
  text-align: center;
  font-size: 2em;
  padding: 0;
}

.txtCounter p {
  padding-left: 50px;
}

.txtCounter span {
  color: #00857a;
}

.txtCounter.counterLast {
  border: 0;
}

.boxWrapSq {
  display: flex;
  justify-content: space-between;
}

.boxWrapSq .grdFour.meWrap, .boxWrapSq .grdThree.meWrap, .boxWrapSq .grdTwo.meWrap {
  flex-direction: column;
}

.boxWrapSq .imgFullt img, .boxWrapSq .imgLeft {

  width: 100%;
}

/* GRIDS */

.grdOne {
  width: 100%;
}

.grdTwo{
  width: 50%;
}
.boxWrapSq .grdTwo {
  width: 49%;
}

.grdThree {
  width: 33%;
}

.boxWrapSq .grdThree {
  width: 32%;
}

.grdFour {
  width: 25%;
}

.boxWrapSq .grdFour {
  width: 24%;
}

/* MÓDULO img box default*/

.imgLeft {
  width: 54%;
}

.imgLeft img{
  width: 215%;
}

.txtRight {
  padding-left: 65px;
  width: 46%;
}

h3.cntrBx {
  font-size: 3em !important;
}


/*FIN SOLO PARA TEST, BORRAR AL TERMINAR*/


/*PARA MÓDULO CABECERA*/


section.modCabCv {
  max-width: 100%;
}


.cabMod {
  background: url(https://profesionales-msd-es.epublishmerck.com/static/medicos/images/cabecera.jpg)no-repeat left center / 50% auto;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

/*DESCOMENTAR PARA PONER IMAGEN A LA DERECHA
.cabMod {
  background: url(https://profesionales-msd-es.epublishmerck.com/static/medicos/images/cabecera.jpg)no-repeat right center / 50% auto;
  height: 100%;
  display: flex;
  justify-content: center;
}*/

.loginNlpTitle h1 {
  background: url(https://profesionales-msd-es.epublishmerck.com/static/medicos/images/logo-congreso.png)no-repeat left center / 66px auto;
  padding: 0 0 0 80px;;
}

/*.lpLogo {
  position: absolute;
  left: 80px;
  top: 120px;
}*/

.modCabWrapper {
  width: 100%;
    max-width: 980px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 0 0 15px
}

.modCabDivOne, .modCabDivTwo{
  height: auto;
  width: 100%;
}

/*CAMBIO IMAGEN CABECER PARA DIFERENTE LP*/

.cabMod.cvv2022 {
  background: url(https://profesionales-msd-es.epublishmerck.com/static/medicos/images/rec00.jpg)no-repeat left center / 50% auto;
}



/*FIN PARA MÓDULO CABECERA*/

/*SECTIONS ÚNICOS*/

section.vboxOne .zeroPad {
  padding: 0;
}

section.xPace {
  margin: 20px 0;
}

section.blqIcoTwo img, section.blqIco img {
  width: auto;
}

/*LOGIN*/

.loginNlpTitle {
  width: 100%;
  padding: 20px 0 10px 0;
  min-height: 110px;
  line-height: 35px;
}

.loginNlpTxt {
  width: 100%;
  line-height: 22px;
}

.loginNlpTitle span {
  display: block;
}

.loginNlpForgot, .loginNlpForgot a {
  width: 100%;

}

.imgElement img {
  width: 80%;
}

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

.imgElement a:hover {
  opacity: 0.7;
}

.masterPieBox {
  padding: 10px 10px 0 0;
}

.bottomOfTheBottom .leftSide {
  width: 53%;
}

.bottomOfTheBottom .rightSide {
  width: 47%;
}

/*MODIFICACIONS PARA SER APLICADAS DE MANERA INDENDIENTE.
Estas clases son para que se añadan a los elentos  para hacer modificaciones directamente 
en cada proyecto sin necesidad de quese incluyan en el html de los módulos para así tener flexibilidad. Cada clase se puede usar de manera independiente allá donse sea
necesario y sobreescribirá los estilos que venga de al css común*/


/*MODIFICACIONES PARA CABECERA*/

.bgImgRight {
  background: url(https://profesionales-msd-es.epublishmerck.com/static/medicos/images/cabecera2.jpg)no-repeat right center / 50% auto;
}

.loginNlpTitleTypeTwo h1 {
  background: url(https://profesionales-msd-es.epublishmerck.com/static/medicos/images/growth00.png)no-repeat left center / 66px auto;
}

.loginNlpTitleTypeTwo {
    width: 100%;
    padding: 20px 0 10px 0;
    min-height: 110px;
    line-height: 35px;
}


/*TAMAÑOS DE TEXO*/
.modSizeXS, .cdxStandar {
  font-size: 12px !important;

}

.modSizeS {
  font-size: 16px !important;
}

.modSizeM {
  font-size: 20px !important;
}

.modSizeL {
  font-size: 26px !important;
}

.modSizeXL {
  font-size: 30px !important;
}

.modSizeXLBis {
  font-size: 36px !important;
}

.modSizeXXL {
  font-size: 46px !important;
  line-height: 55px;
}

/*ALINEACIÓN TEXTOS*/
.modTxtAlingLft {

  text-align: left;
}

.modTxtAlingCtr {

  text-align: center;
}

.modTxtAlingRght {

  text-align: Right;
}

/*COLORES TEXTO*/
.modColorGr {
  color: #00857c !important;
}

.modColorWh {
  color: #ffffff !important;
}

.modColorBlck {
  color: #333333 !important;
}

.bgTypeBlue {
  color: #0c2340 !important;
}

/*COLORES BACKGROUND*/

.bgTypeGr {
  background: #00857c;
}

.bgTypeWht {
  background: #ffffff;
}


/*ALTO DE LOS LOGOS*/

.modVertcl {
  padding: 20px 0 0px 80px;
  min-height: 105px;

}

/*TIPOGRAFÍA*/
.typeRg {
  font-family: 'Invention A Rg', Arial !important;
}

.typeBld, .typeBld a {
  font-family: 'Invention A Bd', Arial !important;
}

.typeLght {
  font-family: 'Invention A Lt', Arial !important;
}

/*CORRECCIONES MARGIN PADDING*/
.marginChx {
  margin: 0;
}

.xtrMarginUp {
  margin-top: 60px;
}

.xtrMarginDown {
  margin-bottom: 40px;
}

.xtrMarginLftRght {
  margin: 0 40px;
}

.nulePad, .zeroPad {
  padding: 0;
}

.zeroMarPad, .zeroMarPad h3 {

  width: 100%;
  margin: 0;
  padding: 0;
}

.linkZero {
  padding: 0 !important;
  text-decoration: underline;
}


/*FIN MODIFICACIONS PARA SER APLICADAS DE MANERA INDENDIENTE.*/


/*MEDIA QUERIES*/


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

.cabMod {
    background-size: cover !important;
}

}


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

.sidePad, .xDate p, .plainTxt p {
  padding: 0 10px !important;
}

.titles {
  padding: 0 0 0 20px;
}

}

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

  iframe {
    width: 100%;
}

section.vboxThree .imgLeft {
  width: 100%;
}

.sidePad, .xDate p, .plainTxt p {
  padding: 0 15px 0 25px !important;
}

.xName {
  width: 47%;
}

.xBtt {
  width: 13%;
}

.txtRight, .blockFive .txtLeft {
  padding: 0 25px;
}

.cabMod {
  background: none;
}

}

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

  .modCabDivOne.simplyCab {
    display: block;
  }

  #middle {
    padding: 0 0 0 0;
  }


}

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

  section.txtPlainTwo .meWrap, section.bxImgOne .meWrap, section.bxImgTwo .meWrap, section.bxImgThree .meWrap, section.bxImgFive .meWrap, section.bxImgSix .meWrap, section.dtlsTd .meWrap, 
  section.dtlsTd .xBtt, section.vboxTwo .meWrap {
    display: inherit;
  }

  .boxWrapSq {
    flex-direction: column;
  }

  .mobTrx {
    width: 100% !important;
  }

  .bgImgs {

    min-height: 440px;
}

.txtBox {
  top: 225px;
  padding: 0 20px 25px 20px;
}

.txtFull {
  padding: 0 10px;
}

section.bxImgFive .boxBtt, section.bxImgSix .boxBtt {
  margin-bottom: 20px;
}

section.dtlsTd .xDate {
  width: 34%;
}

section.dtlsTd .xName {
  width: 65%;
}

section.dtlsTd .xBtt {
  width: 100%;

}

section.dtlsTd .xBtt {
  border: 0;
  min-height: 40px;
}

section.dtlsTd .meWrap {
  margin: 10px 0 5px 0;
}

section.dtlsTd .xBtt p, section.dtlsTd .xBtt a {
  width: 100%;
}

section.dtlsTd .xBtt a {
  display: block;
  text-align: center;
}

section.dtlsTd .xBtt p {
  margin: 0;
  padding: 0 25px;
}

section.cntTrs .txtCounter{
  min-height: auto;
}

section.cntTrs .txtCounter p  {

  padding-left: 10px;
}

section.vboxTwo .txtRight, section.vboxTwo .imgLeft {
  width: 100%;
}

section.vboxTwo .txtRight {
  padding: 0 10px;
}

.counterBoxWrap, .counterBoxWh {
  padding: 5px 15px;
}

.flxReverse {
  display: flex !important;
  flex-direction: column-reverse;
}

.lpLogo {
  float: none !important;
}

.flxColumn {
  flex-direction: column;
}

.imgElement img {
  width: 91%;
}
}

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

  .txtBox {
    top: 190px;
}

}