/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
 *{
  font-family:"Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
 }
 .material-icons {
  font-family: 'Material Icons' !important;
}

#formulario > div > div:nth-child(2){
  padding-left: 7%;
  padding-right: 7%;
  margin-top: 3%;
}
#formulario{
  border-radius: 20px;
  text-align: center !important;
  padding-bottom: 31px;
}
#Texto1{
  color: white !important;
}
#organizadores{
  margin-top:40px !important;
}
#row-primero{
  margin-bottom: 0 !important;
}
#forgetUser{
  background-color: #007DEA;
  border-radius: 20px;
  margin-top: 20px;
  left: 3%;
  position: relative;
}
#forgetUser:hover{
  background-color: #00EBC1;
  border-radius: 20px;
  margin-top: 20px;
}
#fondoPre > div:nth-child(1) > div > h5{
  color: white !important;
  font-weight: lighter;
}
#fondoPre{
  background-color: #007DEA;
  background-image: url(https://backoffice.espaciocpisalud.es/fondo-png.png);
  background-size: cover;
  background-position: center;
  padding-bottom: 12%;
}
body > div.container > div > div > div:nth-child(1) > div{
  font-size: smaller !important;
}
body > div.container > div > div > div:nth-child(1) > h5{
  bottom: 34px;
    position: relative;
    left: -12px;
}
body > div.container > div > div > div:nth-child(1) > div{
  position: relative;
  bottom: 28px;
}
 body > nav{
  height: 110px;
  box-shadow: none !important;
 }
 #banner2 > img{
  width: 100% !important;
 }
 .tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #007dea;
}
#footer > div > div > div:nth-child(2){
  top: 12px;
    position: relative;
}
#footer > div > div > div:nth-child(3){
  position: relative;
    top: 20px;
}
 #index-banner > div.section.no-pad-bot > div > div > h5{
  text-align: center;
  display: inline-block;
  top: -26px;
  position: relative;
 }
 #index-banner > div.section.no-pad-bot > div{
  position: relative;
  top: 43px;
 }
 
 #index-banner > div.section.no-pad-bot > div > div > h5{
  color: #444;
 }
 #index-banner > div.section.no-pad-bot > div{
  position: relative;
 }
 #logo-container > img{
  position: relative;
  height: 100px;
  top: 9px;
 }
 #Texto1{
  color: white !important;
  font-size: 46px;
 }
 #organizado{
  position: relative;
  color: grey;
  top: 58px;
  left: 404px;
  height: 163px;
  display: block;
 }
 #organizado > img{
  height: 45px !important;
  left: 4px !important;
  position: relative !important;
  top: 3px;
 }
 #formulario > div > div.col.s4.center{
  width: 36.333333%;
  left: -18px;
  position: relative;
 }
 #organizado2 > img{
  width: 90%;
 }
 #organizado2{
  left: 343px !important;
  position: relative;
  top: -4px;
  display: block;
  width: 127%;
 }
 body > div.container > div > div > div.col.s4.left{
  top: 14px;
  position: relative;
 }
body > div:nth-child(3) > div > div > div:nth-child(1) > h5{
  position: relative;
  top: -27px;
  left: -10px;
}
#savePreinscripcion{
  background-color: #007DEA;
  box-shadow: none !important;
  position: relative;
  top: 20px;
  border-radius: 20px;
}
#savePreinscripcion:hover {
  background-color: #00EBC1;
  box-shadow: none !important;
}
#irPreinscripcion{
  background-color: #007DEA;
  box-shadow: none !important;
  position: relative;
  top: 20px;
}
#irPreinscripcion:hover {
  background-color: #00EBC1;
  box-shadow: none !important;
}
body > div.container > div > div > div:nth-child(2) > div.col.s12.center-align{
  padding: 20px;
  display: flex;
}
#footer{
  background-color: #007DEA !important;
  padding-bottom: 25px;
  top:48px;
  position: relative;
}
#footer > div{
  color: white;
  text-align: left;
}

.legal-links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

.legal-links li {
    display: inline-block;
    margin: 0 5px;
}
#legal{
  position: relative;
text-align: right;
}

.legal-links li a {
  color: #fff;
  text-decoration: none;
}

.legal-links li a:hover {
 text-decoration: underline;
}

 nav ul a,
 nav .brand-logo {
   color: #444;
 }

 nav{
  background-color: transparent !important;
 }
 body > nav > div > div > div.col.l4.m10 > ul > li:nth-child(3) > a > i:hover{
  background-color: transparent !important;
  opacity: none !important;
 }
 nav:hover{
  opacity: none !important;
 }
 #dropdown1::after{
  display: block;
    width: 440.516px;
    left: 180.453px;
    top: 19px;
    height: 224px;
    transform-origin: 0px 0px;
    opacity: 1;
    transform: scaleX(1) scaleY(1);
    font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
 }

 .headerLink{
  font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
 }
 .headerLink:hover{
  font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
  background-color: transparent !important;
 }
 body > nav > div > div > div.col.l4.m10 > ul > li:nth-child(3) > a:hover{
  background-color: transparent !important;
 }
 body > nav > div > div > div.col.l4.m10 > ul > li:nth-child(3) > a{
  position: relative;
  top: 18px;
 }

 body > nav > div > div > div.center-align.col.l5.hide-on-med-and-down{
  position: relative;
  top:34px;
  left: 56px;
 }
 body > nav > div > div > div.center-align.col.m8.hide-on-med-and-down{
  position: relative;
  top:34px;
 }
 #dropdown1{
  font: normal 300 14px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
  width: 354.516px !important;
  height: 222px !important;
  top: 20px !important;
 }

 #loginBox > div > div:nth-child(1){
  padding-left: 35% !important;
 }
 #loginBox > div > div.col.m4.s12.input-field.center-align{
  width: 100%;
  padding: 10px;
  padding-left: 10%;
  padding-right: 10%;
 }
 #loginBox > div > div.col.m6.s12.input-field.center-align{
  width: 100%;
  padding: 10px;
  padding-left: 10%;
  padding-right: 10%;
 }
 #loginBox > div > div.col.m6.s12.input-field.center-align > label{
  padding-left: 10%;
  color: #00EBC1;
 }
 #loginBox > div > div.col.m4.s12.input-field.center-align > label{
  padding-left: 10%;
  color: #00EBC1;
 }
ul.center-align.hide-on-med-and-down li a {
  text-decoration: none; 
  color: #54595F; 
  transition: text-decoration 0.3s ease; 
}


/* ul.center-align.hide-on-med-and-down li a:hover {
  text-decoration: underline;
  text-decoration-color: #007DEA;
} */

body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(1) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
  
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(2) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(3) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(4) > a:hover{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(5) > a{
  background-color: transparent !important;
  opacity: none !important;
}
body > nav > div > div > div.center-align.col.m4.hide-on-med-and-down > ul > li:nth-child(7) > a{
  background-color: transparent !important;
  opacity: none !important;
}

#dropdown1 > li:nth-child(1) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
  
}
#dropdown1 > li:nth-child(2) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
}
#dropdown1 > li:nth-child(3) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
}
#dropdown1 > li:nth-child(4) > a:hover{
  background-color: #8ed1fc;;
  text-decoration: none !important;
}
 /* Estilos header END */
 p {
   line-height: 2rem;
 }

 .sidenav-trigger {
   color: #007DEA;
 }
 #formulario > div > div:nth-child(1) > h5{
  padding-left: 7%;

 }
 #formulario > div > div:nth-child(1) > div{
  padding-left: 7%;
  padding-right: 7%;
}
 #titulo{
  color: #007DEA;
  padding-left: 7%;
  margin-bottom: 1%;
 }
 #footer{
  color: #007DEA;
 }

 .parallax-container {
   min-height: 380px;
   line-height: 0;
   height: auto;
   color: rgba(255,255,255,.9);
 }
   .parallax-container .section {
     width: 100%;
   }

   .icon-block {
    padding: 0 15px;
  }
  .icon-block .material-icons {
    font-size: inherit;
  }
  
  .footer.page-footer {
    margin: 0;
    color:#007DEA;
  }


  .blueLine{
    width: 80%;
    margin-left: 10%;
    background: #007DEAa1;
    height: 2px;
    display: none;
    margin-top: 15px;
  }
  #colorFondo {
    background-color: #007DEA;
    position: relative;
    height: 100vh;
  }
  #fondo{
    background-image: url(https://backoffice.espaciocpisalud.es/fondo-png.png);
    height: 100vh;
    background-size: cover;
    background-position: center;
  }
  #loginBox{
    margin-top:14%;
    border-radius: 20px;
  }
  #loginBox > div > div:nth-child(1) > span{
    color:#007DEA;
    letter-spacing: 1px;
    font-weight: 100 !important;
    padding-top: 6%;
    left: 4%;
    position: relative;
  }
  #loginBox > div > div.col.s6 /* botones de abajo login  */{
    position: relative;
    left: 32%;
    display: grid;
    padding-right: 19%;
  }
  #loginBox > div > div:nth-child(1) > a > i{
    position: relative;
    left: 17%;
  }
  #InicioSesion{
    background-color: #007DEA;
    border-radius: 20px;
    margin-top: 20px;
    left: 3%;
    position: relative;
  }
  #InicioSesion:hover{
    background-color: #00EBC1;
    border-radius: 20px;
    margin-top: 20px;
  }
  #forget{
    display: block !important;
    text-decoration: underline;
    margin-top: 16px;
  }
 /* DISPOSITIVOS MOVILES  */
   @media only screen and (max-width : 360px) {
    #index-banner{
      width: 120% !important;
    }
    #index-banner > div.section.no-pad-bot{
      right: 13px !important;
    }

    #footer{
      left: -6px !important;
    }
    #legal{
      right: 108px !important;
    }
    #titulo{
      font-size: 354% !important;
      left: 29px;
      position: relative;
    }
    #logo-container{
      left: 150px !important;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      text-align: center;
      font-size: 141%;
      position: relative;
      left: 27px;
    }
    body > nav > div{
      left: 37px;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      left: 31px !important;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(15){
      width: 100% !important;
      left: 29px !important;
    }
    .s4{
      width: 100%; 
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(10){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
  }
  @media only screen and (max-width : 375px) {
    #index-banner{
      width: 120%;
    }
    #footer{
      width: 120%;
    }
    #titulo{
      font-size: 351%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      text-align: center;
      font-size: 141%;
      position: relative;
      left: 27px;
    }
    body > nav > div{
      left: 37px;
    }
    body > div.container > div > div > div:nth-child(1) > h5{
      left: 31px !important;
    }
    .s4{
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
      left: 29px;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      left: 29px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
  }
  @media only screen and (max-width : 414px) {

    body > div.container > div > div > div:nth-child(1) > h5{
      text-align: center;
      font-size: 141%;
      position: relative;

    }
    .s4{
      width: 100%;

    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      left: 20px;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
    #titulo{
      font-size: 407%;
    }
    #organizado > img{
      right: 38px;
      top: 6px;
    }
  }
  @media only screen and (max-width : 390px){
    #index-banner{
      width: 104%;
    }
    #titulo{
      font-size: 382%;
    }
    #footer{
      width: 104%;
    }
  }
  @media only screen and (max-width : 412px){
    #titulo{
      width: 101%;
    }
    #index-banner > div.section.no-pad-bot > div{
      top: -2px;
    }
    #footer{
      top: 4px;
      position: relative;
      left: -6px !important;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(10){
      width: 100% !important; 
    }
  }
  @media only screen and (max-width : 430px){
    #loginBox {
      margin-top: 42%;
      border-radius: 20px;
      width: 84%;
      position: relative;
      right: 16%;
    }
    #loginBox > div > div:nth-child(1) > span{
      left: -21%;
    }
    #loginBox > div > div.col.s6 {
      position: relative;
      left: 25%;
    }
    #forget {
      text-decoration: underline;
      margin-top: 16px;
      width: 200%;
      display: block;
      left: -8%;
      position: relative;
    }
    .s4{
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(4){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(5){
      width: 100%;
    position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(3){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(2){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(1){
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(6){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(7){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(8){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(9){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(11){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div:nth-child(13){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div.row > div.col.s4.anios_experienciaBox{
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(2){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div:nth-child(2) > div:nth-child(3){
      width: 100%;
      position: relative;
    }
    body > div.container > div > div > div.col.s4.left{
      width: 80%;
    }
    #organizado > img{
      position: relative;
      right: 24px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: center;
      width: 110%;
    }
    #organizado > img{
      right: 40px;
      top: 4px;
    }
    body > div.container > div > div > div.col.s4.left{
      text-align: left;
    }
    /*ARREGLO MOVIL POST CAMBIO DE DISEÑO*/
    #organizadores > div > a > img{
      max-width: 360px;
      height: auto !important;
    }
  }
 @media only screen and (max-width : 992px) {
   .parallax-container .section {
     position: absolute;
     top: 40%;
   }
   #index-banner .section {
     top: 10%;
   }
 }
 
 @media only screen and (max-width : 600px) {
   #index-banner .section {
     top: 0;
   }
 }