@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,600,600i,700');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');

* {padding:0;margin:0;font-family: 'Raleway', sans-serif !important;}

img{border:0;height:auto}
*,div {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{padding-top:0px;font-family:'Raleway', sans-serif !important;font-weight:normal;font-size:17px;color:#000000}
a:link,a:visited,a:hover{text-decoration:none}
/* RESET BOOTSTRAP
-------------------------------------------------- */
.container,.container-fluid {padding-right:0!important;padding-left:0!important}
.row{margin-right:0!important;margin-left:0!important}
.col-md-12,.col-md-3,.col-md-9{padding-right:0!important;padding-left:0!important}
@media (min-width:803px) {
.col-md-12,.col-md-3,.col-md-9{float:left}
.col-md-3 {width:25%}
.col-md-9 {width:75%}
h4,h5{color:#5a247c}
}
@media only screen and (max-width:802px) {
  
  body>.container{padding:55px 0 0}
  .col-principal.col-md-12 {
    padding-right: 20px!important;
    padding-left: 20px!important
  }
}
img {max-width:100%}

.col-principal ul {margin-left:20px}

/* HOME
-------------------------------------------------- */
body#home{height:100vh;margin-bottom:0}
body#home{background-image:url(../imgs/home-background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top}
.container-fluid.home{height:100vh;position:relative;
display: flex;
flex-flow: row wrap;
align-content: space-between;
}
@media only screen and (max-width:670px) {
  body#home{background-image:url(../imgs/home-background-iphone.jpg);background-size: cover;background-position:center center;
  }
}

.home__edicion{position:absolute;top:2vw;right:5%;width:20%;float:right;text-align:center;color:#000;font-size:14px; z-index: 2;}
.home__edicion img{width:100%;max-width:185px;margin-top:20px}

.home__tit {
  width: 100%;
  padding-top: 80px;
  padding-left: 60px;
}


.home__tit img {
  width: 100%;
  max-width: 215px;
}

@media only screen and (max-width:670px) {
  .home__tit {
    padding-top: 114px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 300px;
  }
}
/* Portrait */
@media only screen 
  and (min-device-width:641px) 
  and (max-device-width:1024px) 
  and (orientation:portrait) 
  and (-webkit-min-device-pixel-ratio:1){
}

 /* Landscape */
 @media only screen 
 and (min-device-width:641px) 
 and (max-device-width:1024px) 
 and (orientation:landscape) 
 and (-webkit-min-device-pixel-ratio:1){
  .home__tit {
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 20px;
  }

  .home__tit img {
    max-width: 250px;
  }
  
}

.home__accesos {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: left;
  align-self: end;
  margin-top: 5%;
}
@media only screen and (max-width:670px) {
  .home__accesos {
    flex-flow: row wrap;
  }
}


/* Portrait */
@media only screen 
  and (min-device-width:768px) 
  and (max-device-width:1024px) 
  and (orientation:portrait) 
  and (-webkit-min-device-pixel-ratio:1){
    .home__tit {
      padding-right: 60px;
    }
}

 /* Landscape */
 @media only screen 
 and (min-device-width:820px) 
 and (max-device-width:1180px) 
 and (orientation:landscape) 
 and (-webkit-min-device-pixel-ratio:1){
  .home__tit img {
    width: 100%;
    max-width: 300px;
  }
  .home__accesos {
    margin-top: 100px;
  }
}
 
@media only screen and (max-height:900px) {
  .home__accesos {
    margin-top: 9vh;
  }
}
 /* Landscape */
 @media only screen 
 and (min-device-width:641px) 
 and (max-device-width:1024px) 
 and (orientation:landscape) 
 and (-webkit-min-device-pixel-ratio:1){
  .home__accesos {
    margin-top: 0;
  }
 }

.home__buttons,.home-form {
  background-color:#FFF;
  padding: 50px 58px 50px;
  overflow:hidden; 
  margin-left: 60px;
  max-width: 470px;
  /*width: calc(100% - 48px);*/
  border-left: 10px solid #0BD2C5;
}
@media only screen and (max-width:670px) {
  .home__buttons,.home-form {
    padding: 20px 25px 20px;
  }
}

 /* Landscape */
 @media only screen 
 and (min-device-width:641px) 
 and (max-device-width:1024px) 
 and (orientation:landscape) 
 and (-webkit-min-device-pixel-ratio:1){
  .home__buttons,.home-form {
    padding: 25px 25px 25px;
  }
 }
.home__buttons{/*height: 100%; */
  padding: 10px 25px 25px;
  /* margin-bottom: 30px; */
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  }
.home__buttons fieldset,.home-form fieldset {
  width: 100%;
}
.home__buttons a{width:100%;margin-top:15px}
.home__buttons h2,.home-form h2{font-size:24px;font-weight:700;color:#5a247c}
.home__buttons h2{margin-bottom:5px}
.home-form{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
@media only screen and (max-width:670px) {
  .home__buttons {
    margin-top: 24px;
  }

  .home__accesos {
    margin-top: 0;
  }

  .home__buttons,.home-form {
    /*max-width: inherit;
    margin-bottom: 24px;*/
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }

}
.home-form h2{margin-bottom:20px}
.home-form a{width: 100%; color:#030306; font-size: 14px; margin-top: 20px}
/*.home-form button{display:inline-block;width:100%;text-align:center;background-color:#00b4c1;font-weight:700;color:#FFFFFF;border-color:#00b4c1;margin-top: 22px}
.home-form button:hover{background-color:#00b4c1;border-color:#00b4c1}*/
.form-control[type="password"]{margin-bottom:0}
.verdanaregular11 {
    font-size: 11px;
}

body#home footer{position: relative;}

/*@media only screen and (max-width:670px) {
  body#home footer{ height: 160px !important;}
}*/


/* Portrait */
@media only screen 
  and (min-device-width:768px) 
  and (max-device-width:1024px) 
  and (orientation:portrait) 
  and (-webkit-min-device-pixel-ratio:1){
    
  body#home footer{   /* height: 150px !important;*/}
  .home__edicion img {
    width: 100%;
    max-width: 135px;
    margin-top: 10px;
  }
}

  /* Landscape */
@media only screen 
and (min-device-width:768px) 
and (max-device-width:1024px) 
and (orientation:landscape) 
and (-webkit-min-device-pixel-ratio:1){
  
body#home footer{    height: 150px !important;}
}
.btn-home {height: 40px; margin-top: 22px !important; font-size: 17px !important; font-weight: 800 !important;
background-color: #368DDD !important;
border-color:#368DDD !important;}

.btn-home:hover {background-color:#0BD2C5 !important;border-color:#0BD2C5 !important}





/* INICIO
------------------------*/

.grid-container {
  display: grid;
  grid-template-columns: 50% 50%; 
  gap: 0; 
  align-items: stretch; 
  margin-top:10px;
 /* max-width: 1680px; */
  margin-left: auto;
  margin-right: auto;
}

.grid-item {
  display: flex; /* Establece el contenedor como un flexbox */
  flex-direction: column;
  background-size: cover;
  height: 100%; 
}
.grid-item p{
  display: block;
  width: 70%;
  margin-bottom: 20px;
}
.grid-item hr{
  width: 60%;
  margin-top:30px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right: auto;
  background-color: #F78D2A; /* Establece el color del borde */
}

.grid-item-epilepsy{
  padding: 40px; 
  background-image: url('../imgs/inicio-bk-epilepsy.jpg');
  color:#000;
  min-height: 80vh;
}
.grid-item-ontozry{
  padding: 40px; 
  background-image: url('../imgs/inicio-bk-ontozry.jpg');
  color:#fff;

}
.grid-container-ontozry-buttons{
  display: grid !important;
  gap: 10px; 
}
.grid-item-ontozry-buttons{
  align-items: center;
}

.grid-item-logo{
  width:60%;
  height: auto;
  margin-bottom: 20px;
}
.grid-item-epilepsy-info{
  width:90%;
  height: auto;
  display: block;
  margin-left:auto;
  margin-right: auto;
  max-width: 600px;
}
.grid-item-ontozry-bt{
  max-width:250px;
  width:100%;
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
.grid-item-ontozry-p{
  max-width:250px;
  width:100% !important;
  display: block;
  font-size: 14px;
  margin-bottom: 0 !important;
}
.grid-item-ontozry-cronologia{
  max-width:250px;
  height: auto;
  display: block;
  margin-left:auto;
  margin-right: auto;
}


.grid-modulo-cronologia{
  margin-top:20px;
  background-color: white;
  border-radius: 20px;
  padding:10px 20px;
  display:flex;
  align-items: center;
  /*width: 70%;*/
  max-width: 510px;;
  margin-left:auto;
  margin-right: auto;
}
.grid-modulo-cronologia img{
  width: 174px;
  height:50px;
  margin:0;
  margin-right: 20px;
  padding: 0;
}
.grid-modulo-cronologia p{
  margin:0;
  padding: 0;
  color: #5a247c !important;
  font-size: 14px;
}


.subfooter{
  display: flex;
  align-items: center; 
  justify-content: center;
  width: 100%;
  padding-bottom: 40px;
}
.subfooter-logo{
  position: absolute;
  right:20px;
  width:130px;
  height: auto;
}
.bt-grabaciones{
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #213974;
}
.bt-grabaciones img{
  width: 60px;
  margin-right: 20px;
}
.bt-grabaciones p{
  font-size: 20px;
  line-height: 20px;
  margin:0
}
.bt-grabaciones strong{
  font-size: 20px;
  margin:0
}
.bt-grabaciones span{
  font-size: 16px;
}
@media only screen and (max-width:670px) {
  .grid-container {
    display: block;
  }
  .grid-item p{
    width: 100%;
  }
  .grid-item-epilepsy-info{
    width:100%;
  }
  .grid-item-epilepsy{
    padding: 20px; 
    min-height: auto;
  }
  .grid-item-ontozry{
    padding: 20px; 
  }
  .grid-item hr{
    margin-top:20px;
    margin-bottom:20px;
  }
  
}

/* Establecer altura de la segunda fila */
.inicio--row:nth-child(2) {
  flex: 0.2;
}

/* ELEMENTS COMUNS
-------------------------------------------------- */
/*top*/
.top{background-color:#5a247c;color:#fff;padding:0 67px!important}
.top p{margin:10px 0px;font-size:17px;float:left; background-image: url(../imgs/ico-user.png); background-repeat: no-repeat; background-position: left center; background-size: 30px auto; padding: 10px 45px 10px; font-weight: bold;}
.top p strong{color: #f78d2a;}

.inicio{
  background-color:#213974;
}
.inicio p strong{color: #368DDD;}
.inicio p{
  background-image: url(../imgs/ico-user-inicio.png);
}

@media only screen and (min-width: 769px) and (max-width: 1140px){
  .top p{
    width: 100%;
  }
}
@media (max-width: 768px) {
  .top p{
    padding: 10px 35px 10px 45px;
    margin: 0px 0px 0;
  }
}
.top-data{float:left!important;width: 100%;}


@media (max-width: 1140px){
  .top-data{
    display: flex;
    flex-flow: row wrap;
  }
}
@media (max-width: 768px){
  .top-data{
    display: flex;
    flex-flow: row wrap;
  }
}
.top-data a:link,.top-data a:visited,.top-data a:hover{
  margin:10px 20px;font-size:17px;color:#fff; text-transform: uppercase; padding-top: 10px; font-weight: bold; 
}
.top-left {
  float: left;
}
.top-right {
  float: right;
  background-color: transparent;
}
.bt-salir {
  background-image: url(../imgs/ico-logout.png); background-repeat: no-repeat; background-position: left center; background-size: 26px auto;
  background-color: transparent;
  float: right;
  border:none;
  padding: 30px 26px 30px 0;
  margin-right: 0 !important;
}
.inicio .bt-salir {
  background-image: url(../imgs/ico-logout-inicio.png);
}
.btn-default.bt-salir:hover {
  background-color: transparent;
}

@media only screen and (min-width: 769px) and (max-width: 1140px){
  .top-data a:link,.top-data a:visited,.top-data a:hover{
    margin: 0px 20px 10px 0;
    padding-top: 0px;
  }
  .bt-salir {
    margin: 10px 0px 10px 0 !important;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 30px !important;
  }
}
@media (max-width: 768px){
  .top-data a:link,.top-data a:visited,.top-data a:hover{
    margin: 0px 0px 10px;
    padding-top: 0px;
    width: 100%;
  }
  .bt-salir {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 30px !important;
  }
}





/*menu*/

.navbar{width: 100%; margin-bottom:0;border:none!important;-webkit-border-radius:0!important;-moz-border-radius:0;border-radius:0!important}
.menu{background-color:#FFF;font-weight:700;color:#000}
.menu .container-fluid {padding-right:0!important;padding-left:0!important}
.navbar-right {
  width: 100%; 
  border-bottom: 7px solid #5a247c;
  display: flex;
  justify-content: end;
  padding-right: 50px;
}
.navbar-collapse {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
@media (min-width: 768px){
  .navbar-right {
      margin-right: 0;
  }
}
@media (max-width: 767px){
  .navbar-right {
      flex-flow: row wrap;
      border-bottom: none;
       padding-right: 0;
    margin: 0;
  }
}

nav.navbar.top{min-height:inherit;margin-bottom:0px;border:0px;border-radius:0px}
.navbar-brand{float:left;height:auto;padding:0; padding: 30px 0 12px 60px !important; margin: 0 0 -50px 0px !important;}


.navbar-brand>img{width: 100%; max-width: 394px;}

@media only screen  and (max-width: 1450px){
  .navbar-brand>img{ max-width: 294px;}
  .navbar-brand{padding: 20px 0 12px 60px !important;}
}
@media only screen and (min-width: 769px) and (max-width: 1350px){
  .navbar-brand>img{ max-width: 294px;}
  .navbar-brand{padding: 20px 0 12px 60px !important;}
}
@media only screen and (min-width: 769px) and (max-width: 1140px){
  .navbar-brand>img{ max-width: 194px;}
  .navbar-brand {padding: 20px 0 0 40px !important;}
}
@media only screen  and (max-width: 1023px){
  .navbar-brand {padding: 20px 0 0 40px !important; margin: 0 0 0px 0px !important;}
}
@media only screen and (max-width: 768px) {
  .navbar-brand>img{ max-width: 294px;}
  .navbar-brand {padding: 17px 0 0 0px !important; margin: 0 0 0px 0px !important;}
}
/*@media only screen and (max-width:670px) {
  .navbar-brand{padding: 10px 0 0 0 !important; margin: 0 0 -50px 0px !important;}
}*/

.nav>li>a {color:#000!important}
.nav>li.nav-blue>a {color:#009bba!important}
.menu a:hover{color:#f78d2a!important;}
.nav>li:hover{border-bottom: 7px solid #f78d2a;}
.nav>li.nav-blue:hover{border-bottom: 7px solid #009bba;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {color:#f78d2a!important;background-color: transparent!important;/* height: 38px;*/}
.navbar-nav>li>a{padding: 10px 20px 35px!important; font-size: 17px; font-weight: bold; position: relative;}
.navbar-nav>li {
  margin-bottom: -7px;
  border-bottom: 7px solid transparent;
}
.navbar-nav>li.active {
border-bottom: 7px solid #f78d2a;
}

.iniciomenu{
  color: #f78d2a !important;
}

@media (max-width: 768px){
  .navbar-nav>li {
    border-bottom: none;
    width: 100%;
  }
  .navbar-nav>li.active {
    border-bottom: none;
  }
}

/*header interior*/
.header-interior{background-color:#5a247c;background-repeat:no-repeat;background-size:cover;background-position:top center; padding:20px 0 !important}
.header-interior__organiza{float:left; padding-left: 60px;}
.header-interior__organiza img{width:100%;max-width: 210px}
@media (max-width: 670px){
.header-interior__organiza img{max-width: 150px}
}

/*pagines*/
.content-principal {
  padding-bottom: 95px !important;
}

@media (min-width: 1200px) {
  .content-principal {
    width: 863px;
  }
}
@media (min-width: 992px) {
  .content-principal {
    width: 863px;
  }
}

.content-principal h1{font-size:48px;font-weight:800;color:#5a247c;margin:0 0 25px!important}

@media only screen and (max-width:640px) {
  .content-principal h1{font-size:34px;}
}
#stayon.content-principal h1{ width: 100%;margin:0!important;
  display: flex;
  align-items: center;}
#stayon.content-principal h1 img{ width: 100px; margin-right: 20px;}
.content-principal h2{font-size:22px;font-weight:700;color:#5a247c;margin:0 0 5px!important}
#funcionamiento.content-principal h2{font-size:26px; margin:0 0 15px!important; text-transform: uppercase;}
.content-principal h3{font-size:22px;font-weight:700;color:#5a247c;margin:0 0 25px!important}
#profesorado.content-principal h3{margin:23px 0 23px!important}
.content-principal p{font-size: 17px; line-height: 22px; /*text-align:justify*/}
.content-principal .col-md-3 p{float:left;text-align:left;padding-bottom:20px;padding-top:20px}
.content-principal .col-md-3 p a:link,.content-principal .col-md-3 p a:visited,.content-principal .col-md-3 p a:hover{ background:none!important;display:inline!important;padding:0;margin:0;color:#5a247c; width:auto!important}
.content-principal .col-md-9{padding-bottom:40px}
.content-principal .col-md-9 ul,.content-principal .unidad-slider ul{ margin-left:30px;list-style-image:url(../imgs/bulled.png)}
.content-principal .col-md-9 ul li ul,.content-principal .unidad-slider ul li ul{ margin-left:30px;list-style-image:url(../imgs/bullet-02.png)}
.content-principal .col-md-3{padding-right:6%!important}
#stayon.content-principal .col-md-3{padding-right:1.5%!important; padding-left:1.5%!important;}
.content-principal .col-md-3 img{width:100%}
.content-principal .col-md-3.col-submemu a:link,.content-principal .col-md-3.col-submemu a:visited{/*background-color:#ccc;*/display:inline-block;border-bottom:2px solid #fff}
.content-principal .col-md-3.col-submemu a:hover,.content-principal .col-md-3.col-submemu a:active,.content-principal .col-md-3.col-submemu a:focus,.content-principal .col-md-3 a.sel-submenu{/*background-color:#2f90b9*/}
.content-principal .col-md-3.col-submemu p a:hover,.content-principal .col-md-3.col-submemu p a:active,.content-principal .col-md-3.col-submemu a:focus,.content-principal .col-md-3 p a.sel-submenu{background-color:transparent; display:inline}
hr{clear:both;border:0;color:#f4f4f4;background-color:#f4f4f4;height:2px;width:100%;margin-top:25px;margin-bottom:0}

.btn {font-size:17px;font-weight:700}

.btn-primary {border-color:#5a247c;background-color:#5a247c;/*padding:6px 0;*/ display: flex; align-items: center; justify-content: center; width:155px;float:left;background-image:none;box-shadow:none;
  -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active:hover,.btn-default:hover,.btn-default:focus,.btn-default:active:hover{background-color:#5a247c;border-color:#5a247c;-webkit-box-shadow:none;box-shadow:none;color:#fff!important}
.btn-primary:hover {color:#fff;background-color:#F78D2A;border-color:#F78D2A}


input[placeholder],[placeholder],*[placeholder]{color:#030306!important}
#newtema input[placeholder],#newtema [placeholder],#newtema *[placeholder],input#email.form-control[placeholder]{color:#030306!important}
#newtema .form-control:-moz-placeholder,#email.form-control:-moz-placeholder{color:#030306}
input[type="text"],input[type="password"]{color:#030306!important}
.content-principal .col-md-3 a:link,.content-principal .col-md-3 em{ display:inline-block;width:100%;text-align:center;color:#949494;line-height:20px}
.content-principal .col-md-3 p a:link,.content-principal .col-md-3 p a:visited,.content-principal .col-md-3 p a:hover{ width:auto}
::placeholder {
  color: #030306 !important;
  opacity: 1; 
}

:-ms-input-placeholder {
  color: #030306 !important;
}

::-ms-input-placeholder {
  color: #030306 !important;
}
/**/
.p-dispo{font-size:15px}

.btn-miperfil{ margin-top:26px;margin-bottom: 5px;}

/**/
.base-box {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
}
@media (max-width: 1024px) {
  .base-box {
    flex: 0 0 80%;
  }
}
@media (max-width: 768px) {
  .base-box {
    flex: 0 0 100%;
   /* align-items: flex-start;*/
  }
}
.circle-box {
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
.square-box {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}


/* PRESENTACION
-------------------------------------------------- */
.moduls-access {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 05px;
  flex-flow: row wrap;
  justify-content: center;
}
.moduls-access .base-box {
  padding-left: 20px;
  padding-right: 20px;
}
.moduls-access a:link, .moduls-access a:visited, .moduls-access a:focus, .moduls-access a:active{
  filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.moduls-access a.moduls-access__a--active:link, .moduls-access a.moduls-access__a--active:visited, .moduls-access a.moduls-access__a--active:focus, .moduls-access a.moduls-access__a--active:active, .moduls-access a:hover{
  filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
.moduls-access .circle-box {
  width: 178px;
  height: 178px;
}
.moduls-access .circle-box.modulo-a {
  background-image: url(../imgs/ico-moduloC.png);
}
.moduls-access .circle-box.modulo-b {
  background-image: url(../imgs/ico-moduloO.png);
}
.moduls-access .square-box {
  background-color: #5a247c;
  /* flex: 0 0 78%; */
  padding-right: 20px;
  padding-left: 115px;
  margin-left: -85px;
  font-size: 21px;
  color: #fff;
  width: calc(100% - 93px);
  padding-top: 18px;
  padding-bottom: 18px;
  font-weight: 800;
  line-height: 25px;
}
.moduls-access .square-box span{
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.link-cronologia{
  opacity: 1 !important;
  color:white !important;
  display: contents;
}
.link-cronologia :hover{
  color:white !important;
}
.modulo-cronologia{
  margin-top: 10px;
  background-color: #5a247c;
  border-radius: 20px;
  padding: 10px 20px;
  display:flex;
  width: 70%;
}
.modulo-cronologia--top {
  margin-top:50px;
}
.modulo-cronologia img{
  width: 174px;
  height:50px;
  margin:0;
  margin-right: 20px;
  padding: 0;
}
.modulo-cronologia p{
  margin:0;
  padding: 0;
  color: white !important;
}

@media (max-width: 992px) {
  .moduls-access .circle-box {
    width: 128px;
    height: 128px;
  }
  .moduls-access .square-box {
    padding-left: 95px;
    margin-left: -64px;
    font-size: 16px;
    width: calc(100% - 64px);
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.moduls-access .square-box strong {
  font-size: 23px;
  color: #f78d2a;
  display: inline-block;
  width: 100%;
  font-weight: 800;
  line-height: 30px;
}

/* PROFESORADO
-------------------------------------------------- */
.file-profesorado .circle-box {
  width: 130px;
  height: 125px;
}
.file-profesorado .square-box {
  background-color: #ded3e5;
  padding-right: 20px;
  padding-left: 70px;
  margin-left: -52px;
  font-size: 21px;
  color: #fff;
  width: calc(100% - 52px);
  padding-top: 15px;
  padding-bottom: 15px;
}
.file-profesorado .square-box p {
  font-size: 13px;
  color: #000;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media only screen and (max-width:670px) {
  .file-profesorado .square-box p {
    word-break: break-all;
  }
}

.file-profesorado .square-box p strong {
  font-size: 17px;
  color: #5a247c;
  font-weight: 800;
}
.file-profesorado .square-box .square-box__tel {
  color: #f78d2a;
}
.buttons-box {
  display: flex;
  align-items: center;
}
.bt-video:link,.bt-video:visited,.bt-video:hover{
  display: inline-block;
  width: 37px;
  height: 38px;
  background-image: url(../imgs/ico-profe-video.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 37px auto;
  margin-left: 10px;
}
.square-box--lila .bt-video:link,.square-box--lila .bt-video:visited,.square-box--lila .bt-video:hover{
  background-image: url(../imgs/ico-video-stay.png);
}
.square-box--orange .bt-video:link,.square-box--lila .bt-video:visited,.square-box--lila .bt-video:hover{
  background-image: url(../imgs/ico-video-stay-orange.png);
}
.bt-cv:link,.bt-cv:visited,.bt-cv:hover{
  display: inline-block;
  width: 32px;
  height: 38px;
  background-image: url(../imgs/ico-profe-cv.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px auto;
  margin-left: 10px;
}
.bt-link:link,.bt-link:visited,.bt-link:hover{
  display: inline-block;
  width: 37px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 37px auto;
}
.square-box--lila .bt-link:link,.square-box--lila .bt-link:visited,.square-box--lila .bt-link:hover{
  background-image: url(../imgs/ico-link.png);
}
.square-box--orange .bt-link:link,.square-box--lila .bt-link:visited,.square-box--lila .bt-link:hover{
  background-image: url(../imgs/ico-link-orange.png);
}
.bt-pdf:link,.bt-pdf:visited,.bt-pdf:hover{
  display: inline-block;
  width: 37px;
  height: 38px;
  background-image: url(../imgs/ico-pdf.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 37px auto;
  margin-left: 10px;
}
.square-box--lila .bt-pdf:link,.square-box--lila .bt-pdf:visited,.square-box--lila .bt-pdf:hover{
  background-image: url(../imgs/ico-pdf.png);
}
.square-box--orange .bt-pdf:link,.square-box--lila .bt-pdf:visited,.square-box--lila .bt-pdf:hover{
  background-image: url(../imgs/ico-pdf-orange.png);
}
.bt-otros:link,.bt-otros:visited,.bt-otros:hover{
  display: inline-block;
  width: 37px;
  height: 38px;
  background-image: url(../imgs/ico-otros.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 37px auto;
  margin-left: 10px;
}
.square-box--lila .bt-otros:link,.square-box--lila .bt-otros:visited,.square-box--lila .bt-otros:hover{
  background-image: url(../imgs/ico-otros.png);
}
.square-box--orange .bt-otros:link,.square-box--lila .bt-otros:visited,.square-box--lila .bt-otros:hover{
  background-image: url(../imgs/ico-otros-orange.png);
}
.bt-audio:link,.bt-audio:visited,.bt-audio:hover{
  display: inline-block;
  width: 37px;
  height: 38px;
  background-image: url(../imgs/ico-audio.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 37px auto;
  margin-left: 10px;
}
.square-box--lila .bt-audio:link,.square-box--lila .bt-audio:visited,.square-box--lila .bt-audio:hover{
  background-image: url(../imgs/ico-audio.png);
}
.square-box--orange .bt-audio:link,.square-box--lila .bt-audio:visited,.square-box--lila .bt-audio:hover{
  background-image: url(../imgs/ico-audio-orange.png);
}

.bt-imagen:link,.bt-imagen:visited,.bt-imagen:hover{
  display: inline-block;
  width: 37px;
  height: 38px;
  background-image: url(../imgs/ico-imatge.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 37px auto;
  margin-left: 10px;
}
.square-box--lila .bt-imagen:link,.square-box--lila .bt-imagen:visited,.square-box--lila .bt-imagen:hover{
  background-image: url(../imgs/ico-imatge.png);
}
.square-box--orange .bt-imagen:link,.square-box--lila .bt-imagen:visited,.square-box--lila .bt-imagen:hover{
  background-image: url(../imgs/ico-imatge-orange.png);
}

@media only screen and (max-width:670px) {
  .buttons-box {
    margin-top: 10px;
  }
}
/* @media only screen and (min-width:671px) {
  .buttons-box {
    position:absolute; right: 40px;margin-top: -20px;  top: 50%;
  }
} */

.tab-access {
  display: flex;
  padding-top: 20px;
  margin-bottom: 20px;
  flex-flow: row wrap;
}
.tab-box {
  color: #fff;
  padding: 6px 12px;
  margin-right: 10px;
  border-color: #ded3e5;
  background-color: #ded3e5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 155px;
  float: left;
  background-image: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: 700;
}
.tab-box:link, .tab-box:active, .tab-box:visited, .tab-box:focus {
  background-color: #ded3e5;
  border-color: #ded3e5;
}
.tab-box:hover {
  background-color: #5a247c;
  border-color: #5a247c;
  color: #fff;
}
.tab-box--active.tab-box:link, .tab-box--active.tab-box:active, .tab-box--active.tab-box:visited, .tab-box--active.tab-box:focus {
  background-color: #5a247c;
  border-color: #5a247c;
}
.tab-box--active.tab-box:hover {
  background-color: #5a247c;
  border-color: #5a247c;
}

@media only screen and (max-width:670px) {
  .tab-box {
    width: 100%;
  }
}


.tab-box--making.tab-box:link, .tab-box--making.tab-box:active, .tab-box--making.tab-box:visited, .tab-box--making.tab-box:focus {
  background-color: #7820cc;
}
.tab-box--making.tab-box:hover {
  background-color: #bb8fe5;
}

.tab-box--modb.tab-box:link, .tab-box--modb.tab-box:active, .tab-box--modb.tab-box:visited, .tab-box--modb.tab-box:focus {
  background-color: #bb8fe5;
}
.tab-box--modb.tab-box:hover, 
.tab-box--active.tab-box--modb.tab-box:link, .tab-box--active.tab-box--modb.tab-box:active, .tab-box--active.tab-box--modb.tab-box:visited, .tab-box--active.tab-box--modb.tab-box:focus { 
  background-color: #7820cc !important;
}


/* MODULOS */
.flex-tit {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  margin-bottom: 40px;
}
@media only screen and (max-width:670px) {
  .flex-tit.flex-tit__mob {
    flex-flow: row wrap;
  }
}
.iframe-box {position:relative;padding-bottom:66.25%;height:0;overflow:hidden}
.iframe-box iframe {position:absolute;top:0;left:0;width:100%;height:100%}

.flex-tit.flex-tit__mar {
  margin-bottom: 10px;
}
.flex-tit.flex-tit__vol {
  justify-content: flex-end;
}

/* MODULOS LISTA
-------------------------------------------------- */
.pmodulos{ display:inline-block;width:100%;margin-bottom:30px}
.modulo{width:100%;display:table;margin-bottom:10px;color:#5a247c}
a.modulo:hover{color:#5a247c}
.modulo label{display:table-cell;width:130px;text-align:center;background-color:#5a247c;font-size:54px;font-weight:700;color:#fff;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;border-right:2px solid #fff;padding:8px 0;vertical-align:middle;cursor:pointer}
.modulo p{display:table-cell;width:calc(100% - 130px);vertical-align:middle;background-color:#f1f0ef;font-size:22px;line-height:26px;font-weight:700;padding:20px 40px;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;text-align:left}
.modulo p em{ font-size:17px;font-weight:300;color:#949494}
.modulo.modulo-sel{pointer-events:none;cursor:default}
.modulo.modulo-sel label{background-color:#949494}
.modulo.modulo-sel p{background-color:#f1f0ef;color:#949494}


.content-principal.content-principal__mbone {
  padding-bottom: 0px !important;
  position: relative;
  z-index: 2;
}
.content-principal.content-principal__mbtwo {
  padding-top: 0 !important;
  /*margin-top: -83px;*/
  position: relative;
  z-index: 1;
}
.container-line {
   background-color: #b1dde8;
 height: 78px;
 display: none;

   /* background-image: url(../imgs/sep.png);
  background-repeat: repeat-x;
  background-size: 100% 20%;*/
}
.col-principal_mbtwo {
  margin-top: -100px;
}
/*.container-line img {
  width: 100%;
  height: 20%;
}*/
@media (max-width: 802px) {
  /*.iframe-box {
    width: 600px;
    margin: 0 auto;
  }*/
  .content-principal.content-principal__mbtwo {
    /*margin-top: -75px;*/
  }
  .container-line {
     height: 70px;
     display: none;
  }
}

/*@media (max-width: 640px) {
  .iframe-box {
    width: 300px;
    margin: 0 auto;
  }
  .content-principal.content-principal__mbtwo {
    margin-top: -33px;
  }
  .container-line {
     height: 33px;
  }
}*/
@media (min-width: 768px) {
  /*.content-principal.content-principal__mbtwo {
    margin-top: -68px;
  }
  .container-line {
     height: 68px;
  }*/
}
@media (min-width: 992px) {
  .content-principal.content-principal__mbtwo {
    /*margin-top: -93px;*/
  }
  .container-line {
     height: 84px;
  }
}

/* MODULOS FITXA
-------------------------------------------------- */
#modulo h1{ margin-bottom: 0 !important; padding-right: 10px;    width: 100%; line-height: 35px;}
#modulo.content-principal h2 {font-size: 30px; color: #030306; font-weight: 800;}
#modulo.content-principal h3{margin: 0 0 0 !important;}
#modulo.content-principal h3 strong {color: #5a247c;}

.flex-tit.flex-tit__modulos {
  align-items: center;
}
.flex-tit.flex-tit__mid {
  align-items: center !important;
}
#modulos.content-principal h1{
  float:left;
  width:100%;
  margin-top: 0;
  margin-bottom: 0 !important;
}
#modulo.content-principal h1 strong,#stayon.content-principal h1 strong{
  font-size: 30px;
  color: #f78d2a;
  font-weight: 800;
  /* margin-left: 15px; */
}
#modulo.content-principal h5,  #unidad.content-principal h5, #test.content-principal h5{
  float:left;
  width:100%;
  font-size: 23px;
  font-weight: 800;
  color: #030306;
  margin-top: 0;
  margin-bottom: 0;
}
#modulo.content-principal h5 strong, #unidad.content-principal h5 strong, #test.content-principal h5 strong  {
  color: #5a247c;
  font-weight: 800;
}


.content-principal .col-sm-12 h5{width:100%;font-size: 22px;font-weight: 700;color: #ded3e5;margin-bottom:33px;}
.content-aviso h5 strong,.content-principal .col-sm-12 h5 strong{font-size: 22px;font-weight: 700;color: #5a247c;}
.content-aviso h5{ display:inline-block;width:100%;font-size: 22px;font-weight: 700;color: #5a247c;margin-top:0;margin-bottom: 15px;}
#modulo.content-principal p.subuds{float:left;width:100%; margin-bottom:25px}
#modulo.content-principal p.subuds em{font-size: 22px; line-height:26px;color: #5a247c;float:left;width:100%}


.flex-modulos {
  display: flex;
  flex-flow: row wrap;
  margin-top: 27px;
  margin-left: -7px;
  margin-right: -7px;
}

.modulo-box{/*width:100%;background-color:#f1f0ef;padding:40px 42px;margin-bottom:10px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden*/
  flex: 0 0 33.33333%;
  padding: 0 5px 10px;
 height: 165px;
}
@media only screen and (max-width:670px) {
  .modulo-box{
    flex: 0 0 100%;
  }
}


.modulo-box a:link{
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color:#5a247c;
  padding: 20px 40px;
}

.modulo-box__test  a:link{
  background-color:#ded3e5;
}
#miperfil .miperfil-col-3 p a:link,#miperfil .miperfil-col-3 p a:visited {
  
  
  background-color:#5a247c;padding:8px 20px;color:#fff;font-weight:700;text-align:center;-webkit-border-radius:5px;border-radius:5px;float:right

}
.bt-volver:link,.bt-volver:visited,.bt-volver:hover{float:right;
  width: 47px;
  height: 41px;
  background-image: url(../imgs/bt-fletxa-anterior-off.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 41px 41px;
}

.modulo-box h4{
  font-size: 23px;
  font-weight: 800;
  color: #fff;
  width: 100%;
  text-align: center;
  /*text-align:left;float:left;margin-top:0;margin-bottom:0;width:calc(100% - 155px)*/
}

.modulo-box.modulo-box__test h4{
  color:#5a247c;
}

.modulo-box img {
  width: 30%;
}

@media only screen and (max-width:670px) {
  .modulo-box img {
    width: 20%;
  }
}

.modulo-box a.mail:link{background-color:#f1f0ef !important; padding:0px!important;color:#00504e!important;font-weight:700;float:left!important;}
/*#miperfil .miperfil-col-3 p a:link,#miperfil .miperfil-col-3 p a:visited{line-height: 10px}*/
/*#modulo .modulo-box a:link,#modulo .modulo-box a:visited,*/
#modulo .miperfil-col-3 p a:link,#modulo .miperfil-col-3 p a:visited{width:155px;color:#fff}
#modulo .modulo-box a:hover,#modulo .miperfil-col-3 p a:hover{color:#fff}
.content-principal .modulo-box p{font-size:20px;line-height:27px;font-weight:400;text-align:left;float:left;width:calc(100% - 155px)}
.content-principal .modulo-box p em{color:#949494}
.modulo-box video{margin-top:15px;margin-bottom:15px}
/*.bt-volver{ float:right!important;padding:8px 0!important;width:200px}*/


.box-bottom {
  margin-bottom: 27px !important;
}

.flex-modulosb {
  display: flex;
  flex-flow: row wrap;
  margin-top: 27px;
  margin-left: -5px;
  margin-right: -5px;
}

.modulob-box{/*width:100%;background-color:#f1f0ef;padding:40px 42px;margin-bottom:10px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden*/
  flex: 0 0 33.33333%;
  padding: 0 5px 10px;
 height: 225px;
}

.cronologia-img{
 width: 275px !important;
 /* margin-bottom: -90px; */
}


@media only screen and (max-width:670px) {
  .modulob-box{
    flex: 0 0 100%;
  }
}
.modulob-num {
  flex: 0 0 67px;
}
.modulob-box img {
  height: 80px;
  width: auto;
}
.modulob-box a:link{
  display: flex;
  /*flex-flow: row wrap;*/
  width: 100%;
  height: 100%;
  /*align-items: center;
  justify-content: center;*/
  background-color:#5a247c;
  /*padding: 20px 40px;*/
}
.modulob-box a:link, .modulob-box a:visited, .modulob-box a:active,
 .modulob-box a:link h4, .modulob-box a:visited h4,.modulob-box a:active h4{
  color: #fff;
  font-size: 23px;
}
.modulob-box a:link h4, .modulob-box a:visited h4,.modulob-box a:active h4{
  padding: 40px 40px 0 10px;
  }
.modulob-box a:link h4 strong {
  font-weight: 800;
}

.avalado-box {
  position: relative;
  text-align: center;
  margin-top: -80px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.avalado-box p {
  font-weight: 800;
}
.avalado-box img {
  width: 100%;
  max-width: 140px;
  margin-left: 15px;
}
@media only screen and (max-width:670px) {
  .avalado-box {
    margin-top: -20px;
  }
  .avalado-box img {
    max-width: 90px;
  }
}

/* UNITAT
-------------------------------------------------- */
#unidad .col-md-12{ width:100%;margin-bottom:30px}
#unidad .col-md-12 h1{display:inline;color:#000;font-size:18px}
#unidad .col-md-12 h2{display:inline;color:#5a247c;font-size:18px}
#unidad .col-md-12 .bt-volver{ margin-top:5px}
.bt-unidad:link,.bt-unidad:visited,.bt-unidad:hover{background-color:#5a247c;padding:8px 20px;color:#fff;font-weight:700;text-align:center;-webkit-border-radius:5px;border-radius:5px}
#unidad .col-md-9 h3,#unidad .col-md-12 h3{display:inline;/*color:#000;*/color:#5a247c;font-size:22px}
.bt-info{display:none;}

@media only screen and (max-width:670px) {
  .bt-infomodulo-sel {width: 100%; display: inline-block; margin-bottom: 20px;}
}
@media only screen and (min-width:671px) {
.bt-infomodulo-sel {position:absolute; right: 40px;margin-top: -20px;  top: 50%;}
}

#unidad.content-principal .unidad-slider h1{display:inline-block;font-size:22px;font-weight:700;color:#5a247c;margin:0 0 5px!important}
/*#unidad.content-principal .col-md-9 .unidad-slider h2{display:inline-block;font-size:22px;font-weight:700;color:#5a247c;margin:0 0 5px!important}
#unidad.content-principal .col-md-9 .unidad-slider h3{display:inline-block;font-size:20px;font-weight:700;color:#5a247c;margin:0 0 23px!important}*/
#unidad.content-principal .col-md-9 .unidad-slider h2{display:inline-block;font-size:20px;font-weight:700;/*color:#5a247c;color:#43802a;*/color:#5a247c;margin:0 0 5px!important;font-style:italic}
#unidad.content-principal .col-md-9 .unidad-slider h3{display:inline-block;font-size:20px;font-weight:400;/*color:#5a247c;*/color:#5a247c;margin:0!important;font-style:italic}
#unidad.content-principal .col-md-9 .unidad-slider h4{display:inline-block;font-size:18px;font-weight:400;/*color:#5a247c;*/color:#5a247c;/*margin:0 0 23px!important;*/ margin:0 0 0px!important; text-decoration:underline}

#unidad.content-principal .col-md-9 .unidad-slider ol{padding: 0 0 0 20px;}

#unidad .col-md-9 h4,#unidad .col-md-12 h4{display:inline;color:#ded3e5;font-size:22px;font-weight:bold}
/*#unidad .col-md-9 h5,#unidad .col-md-12 h5{color:#5a247c;font-size:22px;font-weight:bold;padding-bottom:20px;margin:0}*/
.content-principal .col-md-3.col-unidad a:link,.content-principal .col-md-3.col-unidad a:visited,.content-principal .col-md-3.col-unidad a:hover{background-color:#5a247c;color:#fff;margin-bottom:30px;border-bottom:1px solid #fff}
.unidad-slider{ background-color:#e5e5e5;padding:40px;-webkit-border-radius:5px;border-radius:5px;margin-top:30px}
.nav-slider{float:right;margin-top:-60px}
.nav-slider__bt{ float:left;width:43px;height:43px;background-repeat:no-repeat;background-position:center center;background-size:43px 43px;margin-left:6px}
.nav-slider__bt.nav-slider__bt--prev{ background-image:url(../imgs/bt-fletxa-anterior-off.png)}
.nav-slider__bt.nav-slider__bt--prev:hover{ background-image:url(../imgs/bt-fletxa-anterior-on.png)}
.nav-slider__bt.nav-slider__bt--next{background-image:url(../imgs/bt-fletxa-seguent-off.png)}
.nav-slider__bt.nav-slider__bt--next:hover{ background-image:url(../imgs/bt-fletxa-seguent-on.png)}
.subindice{margin-bottom: 30px;-webkit-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px; overflow:hidden}
.content-principal .col-md-3.col-unidad a.bt-unidad--actived{ margin-bottom:0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
.content-principal .col-md-3.col-unidad a.bt-subindice:link,.content-principal .col-md-3.col-unidad a.bt-subindice:visited,.content-principal .col-md-3.col-unidad a.bt-subindice:hover{ background-color:#e5e5e5;margin-bottom:0; padding:10px 30px 15px; color:#000; text-align:left}

/*.item-slider br {
	margin-bottom: 10px;
}*/


/* EVIDENCIA
-------------------------------------------------- */
#unidad.content-principal .col-md-12 .evidencia-top{width:calc(100% - 250px); float:left}
/*#unidad.content-principal .col-md-12 .evidencia-top h1{float:left;margin: 0 15px 23px 0 !important;}
#unidad .col-md-12 .evidencia-top h2{ width:calc(100% - 350px); float:left}*/

.evidencia-top h1 {
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #5a247c !important;
	margin: 0 0 23px !important;
}

/* CALENDARIO
-------------------------------------------------- */
.calendarioinfo{background-color:#5a247c;-webkit-border-radius:7px;border-radius:7px;padding:20px;font-size:22px;line-height:27px;font-weight:800;color:#fff;text-align:center;margin-bottom:30px}
.calendarioinfo strong{color:#7f98b6}
#calendario.content-principal h2{font-size:17px}
/*#calendario.content-principal h3{font-size:17px;font-weight:700;color:#5a247c;margin:0 0 5px!important}*/
#calendario.content-principal p{margin:0 0 17px!important}
#calendario.content-principal p em{color:#949494}
#calendario.content-principal p em strong{font-weight:600}
/* ACREDITACION
-------------------------------------------------- */
.acreditacionfile{margin-top:30px}
.acreditacionfile{overflow:hidden; color:#5a247c; font-weight: bold;}
.acreditacionfile p {text-align: center; font-size: 15px; color:#000; font-weight: normal; display: inline-block; padding-top: 20px;}
.acreditacionfile__col{float:left;margin-bottom:9px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;background-color:#f1f0ef;padding-bottom:10px}
.acreditacionfile__col h2{padding:20px 25px 5px}
.acreditacionfile__col h3{padding:0 25px 25px;border-bottom:2px solid #fff}
.acreditacionfile__col__logo{ width:100%;text-align:center;margin-bottom:20px}
.acreditacionfile__col__logo img{ max-width:138px}
.acreditacionfile__col p{padding:0 25px}
@media only screen and (max-width:670px) {
.acreditacionfile img.img-responsive{ max-width: 200px; display: inline-block;}
}
/* CONTACTO
-------------------------------------------------- */
/*#consultas.content-principal p{margin:0 0 23px!important}*/
.form-control{
  font-size:17px;
  font-weight: 800;
  height:40px;
  margin-bottom:10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
}
#consultas .btn-primary {
  margin-top: 20px;
}
/*#consultas .btn-primary,#test .btn-default{background-color:#5a247c;border-color:#5a247c}
#consultas .btn,#test .btn {text-align:center;width:auto}
#consultas .btn {padding:6px 140px}
#test .btn {padding:6px 45px}
#consultas .btn-primary:hover,#test .btn-default:hover{background-color:#5a247c;border-color:#5a247c}*/

/* MI PERFIL
-------------------------------------------------- */
#miperfil.content-principal h2{font-size:21px;margin:25px 0 23px!important}
#miperfil.content-principal h3{font-size:17px;margin:0 0 15px!important}
.miperfil-file,.foro-file{display:table;width:100%;background-color:#f1f0ef}
.miperfil-col-4,.miperfil-col-35,.miperfil-col-45,.miperfil-col-3,.miperfil-col-2,.miperfil-col-5,.foro-col-1,.foro-col-2,.foro-col-3{display:table-cell;border-right:2px solid #fff;vertical-align:top;padding-bottom: 10px;}
.miperfil-col-4{width:33.33333%}
.miperfil-col-35{width:25.66666%}
.miperfil-col-45{width:41%}
.miperfil-col-3{width:24%}
.miperfil-col-2{width:20%}
.miperfil-col-5{width:36%}
.miperfil-file label,.foro-file label{display:inline-block;width:100%;min-height:35px;background-color:#5a247c;padding:5px 20px 5px 25px;color:#fff;margin-bottom:0}
.miperfil-file label.label-empty,.foro-file label.label-empty{color:#5a247c}
.miperfil-file p{padding:10px 25px 0;text-align:left; margin:0}
.miperfil-file .miperfil-col-2 p,.miperfil-file .miperfil-col-5 p{padding:5px 10px 5px 20px; margin:0}
.miperfil-col-4 p a:link,.miperfil-col-4 p a:visited,.miperfil-col-35 p a:link,.miperfil-col-35 p a:visited,.miperfil-col-45 p a:link,.miperfil-col-45 p a:visited,.miperfil-col-3 p a:link,.miperfil-col-3 p a:visited,.miperfil-col-2 p a:link,.miperfil-col-2 p a:visited,.miperfil-col-5 p a:link,.miperfil-col-5 p a:visited{display:inline-block;color:#5a247c;word-break:break-all}
#miperfil .miperfil-col-3 p a:link,#miperfil .miperfil-col-3 p a:visited,#miperfil .miperfil-col-2 p a:link,#miperfil .miperfil-col-2 p a:visited,#miperfil .miperfil-col-5 p a:link,#miperfil .miperfil-col-5 p a:visited{font-weight:700}
.file-hide label{display:none}
.detalle-file .miperfil-file:nth-child(odd) .miperfil-col-3,#miequipo .miperfil-file:nth-child(odd) .miperfil-col-2,.detalle-file .miperfil-file:nth-child(odd) .miperfil-col-2,#miequipo .miperfil-file:nth-child(odd) .miperfil-col-5,.detalle-file .miperfil-file:nth-child(odd) .miperfil-col-5,#miequipo .miperfil-file:nth-child(odd) .miperfil-col-3,#foro .foro-file:nth-child(even) .foro-col-1,#foro .foro-file:nth-child(even) .foro-col-2,#foro .foro-file:nth-child(even) .foro-col-3{background-color:#e4e2e0}
.detalle-file{ margin-bottom:40px}
.table-striped thead th{ background-color:#5a247c}
.table-striped thead th:first-child,.table-striped thead th:nth-child(2){ border-right:solid 2px #fff}
.table-striped tr td:first-child,.table-striped tr td:nth-child(2){ border-right:solid 2px #fff}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:none}
.table>tbody>tr:first-child>td,.table>tbody>tr:first-child>th{border-top:none}
.table>thead>tr>th {border-bottom:none;color:#fff}
.table-striped th,.table-striped td{font-size:15px;width:33%}
.diplomap strong{color:#5a247c}
a.diplomap{color:#5a247c;font-size:19px;}
a.diplomap:hover{color:#5a247c;}

.diploma-box {
  margin-top: 45px;
}
.diploma-box .circle-box {
  width: 178px;
  height: 178px;
  background-image:url(../imgs/ico-diploma.png)
}
.diploma-box .square-box {
  background-color: #5a247c;
  padding-right: 20px;
  padding-left: 115px;
  margin-left: -89px;
  font-size: 21px;
  color: #fff;
  width: calc(100% - 89px);
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 21px;
  color: #fff;
  line-height: 28px;
}
@media (max-width: 992px) {
  .diploma-box .circle-box {
   /* width: 128px;
    height: 128px;*/
  }
  .diploma-box .square-box {
    /*padding-left: 95px;
    margin-left: -64px;
    width: calc(100% - 64px);*/
    font-size: 16px;
    line-height: 19px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 640px) {
  .diploma-box .square-box {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
/*.diploma-box .square-box {
  padding-bottom: 0;
  margin-bottom: 0;
}*/
.diploma-box .square-box strong.strong-1 {
  font-size: 23px;
  color: #000;
  font-weight: 800;
  width: 100%;
}
@media (max-width: 992px) {
  .diploma-box .square-box strong.strong-1 {
    font-size: 18px;
  }
}
.diploma-box .square-box strong.strong-2 {
  color: #fff;
  font-weight: 800;
}
.diploma-box .square-box strong.strong-3 {
  color: #b1dde8;
  font-weight: 800;
}

/* TEST
-------------------------------------------------- */
.test-box{background-color:#f1f0ef;padding:50px 40px;margin-bottom:50px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.test-box h4{ font-size:22px;line-height:27px;font-weight:700;margin-top:0;margin-bottom:30px}
#test fieldset{ margin-bottom:25px}
#test fieldset p,.feedback p{font-weight:700}
#test hr{color:#eae9e8;background-color:#eae9e8;margin-top:27px;margin-bottom:32px}
#test label{display:inline-block;width:100%;padding-left:25px;margin-bottom:4px;font-size:17px;font-weight:400;line-height:22px}
/*radio custom*/
#test [type="radio"]:checked,#test [type="radio"]:not(:checked){position:absolute;left:-9999px}
#test [type="radio"]:checked + label,#test [type="radio"]:not(:checked) + label{position:relative;cursor:pointer;display:inline-block}
#test [type="radio"]:checked + label:before,#test [type="radio"]:not(:checked) + label:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:100%;background:#c4c2c1}
#test [type="radio"]:not(:checked) + label:before{background:#c4c2c1}
#test [type="radio"]:checked + label:before{background:#5a247c}
#test [type="radio"]:checked + label:after,#test [type="radio"]:not(:checked) + label:after{content:"";width:12px;height:12px;position:absolute;top:6px;left:2px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border:2px solid #f1f0ef}
#test [type="radio"]:not(:checked) + label:after{background:#f1f0ef}
#test [type="radio"]:checked + label:after{background:#5a247c}
/**/
#test .btn-default,#test .btn-default:hover{color:#fff;margin-right:14px;background-color:#5a247c;border-color:#5a247c}
/**/
#test label.resuelto{position:relative}
#test label.resuelto.resuelto-ok,#test label.resuelto.resuelto-ko{background-position:left center;background-repeat:no-repeat;background-size:16px auto}
#test label.resuelto.resuelto-ok{background-image:url(../imgs/tick-icon.png)}
#test label.resuelto.resuelto-ko{background-image:url(../imgs/cross-icon.png)}

#test span.resuelto-ok,#test span.resuelto-ko{background-position:left center;background-repeat:no-repeat;background-size:16px auto;display:inline-block;width:30px}
#test span.resuelto-ok{background-image:url(../imgs/tick-icon.png)}
#test span.resuelto-ko{background-image:url(../imgs/cross-icon.png)}


/* FOOTER
-------------------------------------------------- */
footer{text-align:center;padding: 20px 0;background-color: transparent !important; border-top: 1px solid #141417; height:auto !important; font-size: 14px;}
#home footer{padding: 0;background-position:center 14px;background-size:100% 8px; align-self: flex-end;}
/*footer p,.footer-home p{font-size:14px;margin:0!important; color:#030306;}
footer p a:link,footer p a:visited,.footer-home p a:link,.footer-home p a:visited,*/
footer a:link,footer a:visited,.footer-home a:link,.footer-home a:visited{ font-size: 14px; color:#030306; padding: 0 6px;}
/**/
footer .patrocinadopor{display:none}
#home footer .patrocinadopor{ display:flex}
#home footer{border-top:none;}
#home footer .footer-info{ display: none;}
footer em {
  font-style: normal; 
  padding-right: 6px;
}

@media only screen and (max-width:670px) {
  footer{padding: 20px 20px;}
  #home footer p {
    margin: 80px 0 0!important;
  }
}

.patrocinadopor{ display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 40px; padding-right: 60px; padding-left: 60px; margin-bottom: 60px;}
.patrocinadopor-img{ height:82px;}

.patrocinadopor-img.patrocinadopor-img--1 {

}
.patrocinadopor-img.patrocinadopor-img--2 {

}

#home footer .patrocinadopor p{margin:27px 0 15px!important;}
#home footer .semergenlogo p{margin:27px 0 15px!important}

/*logo semergen*/
footer .semergenlogo{display:none}
#home footer .semergenlogo{ display:block}
.semergenlogo{ position:absolute;left:70px;top:15px;text-align:left}
.semergenlogo img{ width:100%;max-width:150px}

@media only screen and (min-width:769px) and (max-width:1180px) {
#home footer p.footer-p{ display:inline-block; width:50%; margin:0 auto}
}
@media only screen and (min-width:769px) and (max-width:802px) {
.semergenlogo{ position:absolute;left:40px;top:42px;text-align:left}
.semergenlogo img{ width:100%;max-width:170px}
.patrocinadopor{ position:absolute;right:50px;top:55px;text-align:left}
.patrocinadopor img{ width:100%;max-width:180px}
#home footer .semergenlogo p{margin:0 0 15px!important}
#home footer p.footer-p{ display:inline-block; width:40%; margin:0 auto}
}
@media only screen and (max-width:768px){
.semergenlogo{ position:absolute;left:10%;top:42px;text-align:left}
.semergenlogo img{ width:100%;max-width:110px}
#home footer .semergenlogo p{font-size: 9px;margin:0 0 15px!important}
}
@media only screen and (max-width:640px){
}

@media only screen  and (min-width:803px)and (max-width:1024px) {
  #footer footer{padding:20px 0}
}

@media only screen and (max-width:768px) {
  #home footer .patrocinadopor p{margin: 27px 0 5px !important; font-size:9px}
}

@media only screen and (max-width:670px) {
  .footer{position:relative!important;bottom:inherit}
}


@media only screen and (max-width:670px) {
 /* #home footer{padding:25px 20px 0}
  #home footer .patrocinadopor p{margin: 27px 0 5px !important; font-size:9px}*/
  .patrocinadopor img {
    max-width: 250px;
    margin-right: 5px;
    margin-left: 5px;
    width: auto;
  }
  
  .patrocinadopor-img.patrocinadopor-img--1 {
    max-width: 50%;
    height: 35px;
  }
  .patrocinadopor-img.patrocinadopor-img--2 {
    max-width: 50%;
    height: 35px;
  }
}



@media only screen and (max-width:380px) {
  footer p{ font-size:12px}
}

/* Portrait */
@media only screen 
  and (min-device-width:768px) 
  and (max-device-width:1024px) 
  and (orientation:portrait) 
  and (-webkit-min-device-pixel-ratio:1){
  .footer {position:relative!important}
}
/* Landscape */
@media only screen 
  and (min-device-width:768px) 
  and (max-device-width:1024px) 
  and (orientation:landscape) 
  and (-webkit-min-device-pixel-ratio:1){
  .footer {position:relative!important}
  #home footer p {
    margin: 60px 0 0!important;
  }
  #home footer .patrocinadopor p {
    margin: 27px 0 5px!important;
  }
}


/* FANCYS
-------------------------------------------------- */
.fancycontent{padding:20px;background-color:transparent}
.fancycontent h2 {font-size:26px;font-weight:bold;color:#5a247c;margin-top:10px!important}
.fancycontent #text h2{border-bottom:1px solid #5a247c;padding-bottom:10px;margin-bottom:20px}
.fancycontent p {margin-bottom:20px}
.fancycontent form input[type="text"]{width:calc(100% - 175px);float:left;margin-right:20px}
.fancycontent input[type="text"]{width:100%}
.fancycontent #text p a,.fancycontent a{color:#5a247c !important}
.fancycontent a.btn{color:#fff!important }
.fancycontent #text ul,.fancycontent .std ul{list-style:outside;margin-bottom:20px;margin-left:20px}
.fancycontent #text ul a{color:#5a247c !important}
.espai{width:100%}
#miform{margin-bottom:20px}
.subtitol {font-size:22px; font-weight:700; color: #5a247c; margin: 0 0 23px !important;}

.fancycontent .form-control{
  font-weight: 400 !important;
}
.fancycontent #text table {
  margin-bottom: 20px;
}
.fancycontent #text table,.fancycontent #text td, .fancycontent #text th {
  border: 1px solid;
}
.fancycontent #text td {
  padding: 10px 20px;
}
.fancycontent--stayon {
  height: 100%;
}
.fancycontent--stayon .stayon-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.fancycontent--stayon img {
  max-width: 100px;
  height: auto;
  margin-bottom: 50px;
}
.fancycontent--stayon p {
  font-size: 30px;
  line-height: 33px;
  font-weight: bold;
  color: #f78d2a;
  text-align: center;
}


/* REGISTRARSE
-------------------------------------------------- */
#codigo.form-control{ margin-bottom:0;padding-left:10px}
.error {font-size:12px;font-weight:bold;color:#a94442}
.cajaerror {border-color:#a94442 !important}
.btn-primary.right {float:right}
#line {border-top:solid 1px #5a247c;width:100%;margin-bottom:20px}
.fancycontent form input[type="text"].form-input-fancy {border-radius:4px;border:1px solid #ccc;color:#4c4a49;width:100%;padding:6px 2.5%;font-size:17px !important;margin-bottom:0}
.fancycontent form .form-control.form-input-fancy{margin-bottom:0}
.form-select-fancy {border-radius:4px;border:1px solid #ccc;color:#00002a;width:100%;padding:6px 2.5%;font-size:17px !important;margin-bottom:0}
.campsobligats {font-size:15px;font-weight:normal;color:#4c4a49;font-style:italic}
#form2 fieldset { float:left;width:100%;margin-bottom:20px}
#acepto_contenido {padding: 0 0 0 20px;}
.verdanaregular11{font-size: 11px;}
.consiento label {display: none;}
.clb{clear: both;}
.taj{text-align: justify;}

/* FORO
-------------------------------------------------- */
#foro .btn-primary.bt-volverlistado{ width:100%}
#foro button.btn-primary{ width:auto;padding:6px 140px}
.dialogo{ float:left;width:100%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#f1f0ef;overflow:hidden;margin-bottom:10px}
.dialogo .tit{ background-color:#e4e2e0;padding:35px 40px 18px}
.dialogo .tit strong{ color:#5a247c;float:left;width:calc(100% - 30px);line-height:22px;padding-right:20px}
.dialogo .tit em{ float:right;width:30px;font-style:normal;font-weight:bold}
.dialogo .tit span{ color:#949494}
.dialogo .resp{padding:15px 40px 35px}
.btn-primary.bt-crear{padding:6px 25px;width:auto;margin-bottom:20px}
.foro-col-2{width:210px;text-align:center}
.foro-col-3{width:150px;text-align:center}
.foro-col-1 a:link,.foro-col-1 a:hover,.foro-col-1 a:visited{color:#949494}
.foro-col-1 a strong{color:#5a247c}
.foro-file p{padding:5px 0;text-align:center}
.foro-file .foro-col-1 p{padding:5px 25px;text-align:left}
/* ENCUESTA
-------------------------------------------------- */
hr.separador{ margin-top:27px !important;margin-bottom:27px !important}
table.encuesta{ border-collapse:collapse}

.test-box2{ padding:10px 10px 0px 10px !important}
h2.titolencuesta{ margin-bottom:15px !important}
table.encuesta>tbody>tr>td{ border-top:solid 2px #eae9e8;border-bottom:solid 2px #eae9e8;font-weight:bold;vertical-align:middle}
table.encuesta > thead > tr > th, table.encuesta > tbody > tr > th, table.encuesta > tfoot > tr > th, .table.encuesta > thead > tr > td, table.encuesta > tbody > tr > td, table.encuesta > tfoot > tr > td {
    border: 1px solid #ccc;
    background-color: #eee;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
table.encuesta > thead > tr > th {
    background-color: #006a78;
    color: #fff;
}
table.encuesta>tbody>tr:first-child>td,table.encuesta>tbody>tr:first-child>th{border-top:1px solid #ccc !important}

table.encuesta thead th:first-child,table.encuesta thead th:nth-child(2){ border-right:solid 1px #ccc}
table.encuesta tr td:first-child,.table.encuesta tr td:nth-child(2){ border-right:solid 1px #ccc}
table.encuesta th,table.encuesta td{font-size:15px;width:auto}
table.encuesta > tbody > tr > td{ text-align:center; }
table.encuesta > tbody > tr > td:first-child{ text-align:left; }
/* OTHER
-------------------------------------------------- */
.fancybox-inner { -webkit-overflow-scrolling:touch !important; /*overflow:scroll !important*/}
.sep{ float:left;width:100%;height:30px}
/* MEDIA QUERIES
-------------------------------------------------- */
@media only screen and (max-width:1360px){
.navbar-nav>li>a{padding:18px 15px!important}
}
@media only screen and (max-width:1290px){
.navbar-nav>li>a{padding:18px 10px!important;font-size:15px}
}
@media only screen and (max-width:1210px) {
.miperfil-file label{min-height:60px}
}
@media only screen and (max-width:1168px) {
.miperfil-file label{min-height:60px}
.miperfil-file.file-detalle label{min-height:inherit}
}
@media only screen and (max-width:1078px) {
.navbar-brand{ width:80%}
.navbar-brand>img.logo-desk{/*width:80%*/}
/*.header-interior__organiza{width:20%}*/
}
@media only screen and (max-width:1024px) {
.navbar-nav>li>a {padding:18px 10px!important}
/* .header-interior {background-image:url(../imgs/header-background-ipad-landscape.jpg)} */
.file-profesorado__col{width:100%}
.file-profesorado__col:first-child{ margin-right:0}
.file-profesorado__col:nth-child(2){ margin-left:0}
.content-principal .file-profesorado__col p{width:100%}
}
/*@media only screen and (max-width:960px){
.navbar-nav>li>a{font-size:12px}
}*/
@media only screen  and (min-width:803px)and (max-width:1024px) {

.miperfil-file.file-detalle label{font-size:15px}
.miperfil-file .miperfil-col-2 label{padding:5px 15px 5px 15px}
.miperfil-file label{font-size:15px}
.miperfil-col-2 {width:26%}
.miperfil-col-5 {width:30%}
}
@media only screen and (max-width:815px) {

}
@media only screen and (max-width:815px) {
.navbar-nav>li>a {padding:18px 5px!important}
#unidad .col-md-12{overflow:hidden;margin-top:30px;margin-bottom:30px}
#unidad .col-md-12 .bt-volver{float:right!important;margin-bottom:15px}

#unidad .col-md-3 .bt-volver{margin-right:15px}
}
@media only screen and (max-width:960px) {

}
@media only screen and (max-width:802px) {
#unidad.content-principal .col-md-9 {padding-top: 0}
#unidad .col-md-12{overflow:hidden;padding-left:20px!important;padding-right:20px!important;margin-top:30px;margin-bottom:30px}
#unidad .col-md-12 .bt-volver{float:right!important;margin-top:15px;margin-bottom:15px}
.content-principal .col-md-3.col-unidad a.bt-subindice:link, .content-principal .col-md-3.col-unidad a.bt-subindice:visited, .content-principal .col-md-3.col-unidad a.bt-subindice:hover{padding: 5px 15px;}

/* .header-interior {background-image:url(../imgs/header-background-ipad-portrait.jpg)} */
.container {width:100%!important}
.menu .container-fluid,.top{padding-right:20px!important;padding-left:20px!important}
.navbar-nav>li>a {padding:18px 5px!important}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background-color:transparent!important}
.navbar-default .navbar-toggle {border-color:transparent!important}
.navbar-default .navbar-toggle .icon-bar {background-color:#f78d2a!important}
.navbar-toggle .icon-bar {width:33px;margin-bottom:7px}
.navbar-toggle {margin-bottom:0;margin-right:0;padding:9px 0}
.detalle-file .miperfil-file label{min-height:85px}
.navbar{margin-bottom:0!important}
body>.container#test{padding:60px 0 0}
.content-principal .col-md-3{overflow:hidden; padding-top: 20px; padding-right:0!important}
.content-principal .col-md-3 img{width:70%;max-width:180px}
.content-principal .col-md-3.col-submemu a:link,.content-principal .col-md-3.col-submemu a:visited{float:left;width:50%;border-bottom:none;text-align:center}
.content-principal .col-md-3 em{ width:50%;float:right;text-align:center;color:#949494;padding-top:5px;line-height:20px}
.content-principal .col-md-3 a.miperfil100:link,.content-principal .col-md-3 a.miperfil100:visited{width:100%}
.content-principal .col-md-3 a:first-child{border-right:1px solid #fff}
.content-principal .col-md-3 a:nth-child(2){border-left:1px solid #fff}
.content-principal .col-md-9{padding-top:70px;padding-right:20px!important;padding-bottom:80px!important;padding-left:20px!important}
#consultas .btn {padding:6px 0;text-align:center;width:100%;margin-bottom:60px}
.miperfil-file .miperfil-col-2 label{word-break:break-all}
.container-fluid>.navbar-header{margin-right:0;margin-left:0}

/*.top-data a:link,.top-data a:visited,.top-data a:hover{margin:0px 0px 10px 0px}*/
.navbar-btn {margin-top:20px;margin-bottom:8px}
#miperfil .miperfil-file .miperfil-col-3:first-child p{color:#fff}
.miperfil-file .miperfil-col-3 label{color:#000}
.content-principal .col-md-3 p{ padding-left:20px;padding-right:20px}
.content-principal .col-md-3.col-unidad{padding-left: 15px!important}
}
.acreditacionfile{ text-align:center}
img.img-logo-semergen{ display:inline; margin-top:20px; margin-bottom:20px; width:100%; max-width:200px;}
@media only screen and (min-width:769px) {
#profesorado .col-md-4.dir-first{ padding-left:0;padding-right:30px}
#profesorado .col-md-4.dir-last{padding-right:0;padding-left:30px;margin-bottom:40px}
.acreditacionfile__col--left{ width:calc(50% - 4px);margin-right:4px}
.acreditacionfile__col--right{width:calc(50% - 4px);margin-left:4px}
.acreditacionfile__col--center{ float:none;display:inline-block;width:50%;margin:0 auto;padding:35px 40px;color:#000}
.acreditacionfile__col--center:hover{color:#000}
.acreditacionfile__col--center p{ padding:0;margin:0}
}
@media only screen and (max-width:768px) {
#profesorado .col-md-4.dir-first,#profesorado .col-md-4.dir-center,#profesorado .col-md-4.dir-last{ padding-left:0;padding-right:0}
.fancycontent form.formolvidado input[type="text"]{width:100%}
.fancycontent form.formolvidado .btn-primary{ margin-top:  15px;}
.patrocinadopor{ right:10%; margin-bottom: 90px; /*margin-left:-71px; text-align:center*/}
/*.patrocinadopor img {max-width:150px}*/
.content-principal .col-md-3.col-unidad{padding-left:20px!important;padding-right: 20px!important}
}


@media only screen and (min-width:671px) and (max-width:802px) {

body#home{/*height:auto;background-position: right top;*/background-image:url(../imgs/home-background-ipad-vertical.jpg)}
}

@media only screen and (min-width:671px) and (max-width:815px) {
.miperfil-file label{padding:5px 15px 5px 15px;font-size:14px}
}
@media only screen and (min-width:671px) {
.navbar-brand>img.logo-desk{display:block}
.navbar-brand>img.logo-mob{display:none}
}
/* Mobile a partir de 670px */
@media only screen and (max-width:670px) {
  .navbar-brand>img.logo-desk{display:none}
  /*.navbar-brand>img.logo-mob{width:80%;display:block;margin-top:0}*/
  .navbar-brand{ /*width:70%;*/height:inherit}
  .header-interior__organiza{padding-left: 0; /*width:30%*/}
  .mob-hide{ display:none}
  .home__edicion{width:35%;/*height:auto;top:45px;right:35px*/}
  .home__edicion img{width:70%;height:auto;max-height:inherit; margin-top: 10px;}

  .top{padding:0 20px!important}
  /* .header-interior{background-image:url(../imgs/header-background-iphone.jpg);padding:40px 20px !important} */
  .navbar{margin-bottom:0!important}
  .miperfil-file label,.detalle-file .miperfil-file label{min-height:inherit}
  .miperfil-col-4,.miperfil-col-35,.miperfil-col-45,.foro-col-1,.foro-col-2,.foro-col-3{display:inline-block;width:100%;border-right:none}
  .foro-col-1,.foro-col-2,.foro-col-3{display:table}
  .foro-col-2,.foro-col-3,.foro-col-2 p,.foro-col-3 p{text-align:left}
  .foro-col-2 p,.foro-col-3 p{padding:5px 15px}
  .foro-file{ margin-bottom:30px}
  .file-hide .foro-col-1 label{ display:inline-block}
  .miperfil-col-3,.miperfil-col-2,.miperfil-col-5{display:table;width:100%;border-right:none}
  .miperfil-col-3 label,.miperfil-col-3.file-hide label,.miperfil-col-2 label,.miperfil-col-2.file-hide label,.miperfil-col-5 label,.miperfil-col-5.file-hide label,.miperfil-col-3 p,.miperfil-col-2 p,.miperfil-col-5 p,.foro-col-2 label,.foro-col-2 p,.foro-col-3 label,.foro-col-3 p{display:table-cell;width:50%;vertical-align:middle}
  #miequipo .miperfil-col-3 label,#miequipo .miperfil-col-3.file-hide label,#miequipo .miperfil-col-2 label,#miequipo .miperfil-col-2.file-hide label,.miperfil-col-5 label,#miequipo .miperfil-col-5.file-hide label,#miequipo .miperfil-col-3 p,#miequipo .miperfil-col-2 p,#miequipo .miperfil-col-5 p{display:block;width:100%}
  .miperfil-file {border-bottom:2px solid #fff;margin-bottom:20px}
  .miperfil-file .miperfil-col-3,.miperfil-file .miperfil-col-2,.miperfil-file .miperfil-col-5{min-height:40px}
  #miperfil .miperfil-file .miperfil-col-3:first-child label,#miperfil .miperfil-file .miperfil-col-3:first-child p br,#miperfil .miperfil-file .miperfil-col-2:first-child label,#miperfil .miperfil-file .miperfil-col-2:first-child p br,#miperfil .miperfil-file .miperfil-col-5:first-child label,#miperfil .miperfil-file .miperfil-col-5:first-child p br{display:none}
  #miperfil .miperfil-file .miperfil-col-3:first-child p,#miperfil .miperfil-file .miperfil-col-2:first-child p,#miperfil .miperfil-file .miperfil-col-5:first-child p{width:100%;font-weight:700;height:40px;color:#fff}
  .miperfil-file .miperfil-col-3 label,.foro-col-2 label,.foro-col-3 label{color:#000}
  #miperfil .detalle-file .miperfil-file .miperfil-col-3:first-child p{background-color:#5a247c}
  .detalle-file .miperfil-file label,.foro-col-2 label,.foro-col-3 label{ background-color:transparent}
  .detalle-file .miperfil-file .miperfil-col-3:nth-child(even),#miequipo .miperfil-file .miperfil-col-3:nth-child(even),.detalle-file .miperfil-file .miperfil-col-2:nth-child(even),#miequipo .miperfil-file .miperfil-col-2:nth-child(even),.detalle-file .miperfil-file .miperfil-col-5:nth-child(even),#miequipo .miperfil-file .miperfil-col-5:nth-child(even),.foro-col:nth-child(odd){background-color:#f1f0ef!important}
  .detalle-file .miperfil-file .miperfil-col-3:nth-child(odd),#miequipo .miperfil-file .miperfil-col-3:nth-child(odd),.detalle-file .miperfil-file .miperfil-col-2:nth-child(odd),#miequipo .miperfil-file .miperfil-col-2:nth-child(odd),.detalle-file .miperfil-file .miperfil-col-5:nth-child(odd),#miequipo .miperfil-file .miperfil-col-5:nth-child(odd),.foro-col:nth-child(even){background-color:#e4e2e0!important}
  #miequipo .miperfil-col-3,#miequipo .miperfil-col-2,#miequipo .miperfil-col-5{border-bottom:2px solid #fff}
  #miequipo .miperfil-file label{padding:5px 20px 5px 25px;line-height:28px}
  .miperfil-file label,.foro-col-2 label,.foro-col-3 label{line-height:28px}
  #miequipo .miperfil-col-3 p,#miequipo .miperfil-col-2 p,#miequipo .miperfil-col-5 p{padding:5px 20px}
  .foro-col-2 label,.foro-col-3 label{padding:10px 10px 10px 25px;line-height:20px}
  .foro-col-2 p,.foro-col-3 p{padding:10px 10px;line-height:20px}
  .fancycontent form input[type="text"]{width:100%;margin-right:0}
  .btn-primary {width:100%}
  #test .btn-default,#test .btn-default:hover{width:100%;display:inline-block;text-align:center;margin-right:0;margin-bottom:14px}
  #test.content-principal p{text-align:left}
  body {margin-bottom:10px}
  #modulo.content-principal h2,#modulo.content-principal h3{padding-right:50px}
  #profesorado .col-md-4{margin-bottom:20px}
  #modulo.content-principal h3{clear:left}
  .bt-volver{float:left!important;margin-bottom:15px}
  #modulo.content-principal h2,#modulo.content-principal h3{width:100%;padding-right:0}
  .content-principal .file-profesorado__col p{font-size:15px;line-height:17px}
  .content-principal .col-md-3 em{ font-size:12px;line-height:17px}
 
  .btn-primary.btn-stayon {width:auto}
}
@media only screen and (min-width:480px) {
#form2{overflow:hidden}
#form2 fieldset { width:33.3333%}
#form2 fieldset.field-large { width:100%}
#form2 fieldset.field-34{width:66.6666%;padding-right:10px}
.field-left { padding-right:10px}
.field-center { padding-right:5px;padding-left:5px}
.field-right { padding-left:10px}
#foro.content-principal h3{float:left;width:calc(100% - 300px);padding-right:80px;padding-top:5px}
#foro .btn-primary.bt-volverlistado{ width:300px}
}
/* Mobile fins a 479px */
  @media only screen and (max-width:479px) {

  /*.header-interior__organiza{margin-top:-10px}*/
  .header-interior__organiza p{margin: 0 0 8px}
  .top{padding:0 20px 0px!important}
  /*.top .btn-default{padding:2px 0;float:right;width:70px;margin-left:0}*/
  .top p.pull-right{font-size:12px;float:left!important;width:calc(100% - 80px);margin-bottom:10px}

  .modulo-box h4,.content-principal .modulo-box p{width:100%}
  .modulo-box a:link,#miperfil .miperfil-col-3 p a:link,#miperfil .miperfil-col-3 p a:visited{float:left;margin-top:20px}
  #miperfil .detalle-file .miperfil-col-3 p a:link,#miperfil .detalle-file .miperfil-col-3 p a:visited{float:right;margin-top:0;padding:8px 10px;font-size:14px}
  .modulo label{width:60px}
  .modulo p{width:calc(100% - 60px);padding:20px 20px;font-size:18px;line-height:22px}
  #foro button.btn-primary{width:100%;padding:6px 0}
  .content-principal .file-profesorado__col p{font-size:12px;line-height:15px}
  .content-principal .col-md-3 a.bt-unidad:link,.content-principal .col-md-3 a.bt-unidad:visited,.content-principal .col-md-3 a.bt-unidad:hover{width:100%}
  .content-principal .col-md-3 a.bt-unidad:first-child{margin-right:0}
  .content-principal .col-md-3 a.bt-unidad:nth-child(2){margin-left:0}
  /*#unidad .col-md-12 .bt-volver{ margin-top:15px;width:100%}*/
}
/* Portrait */
@media only screen 
  and (min-device-width:768px) 
  and (max-device-width:1024px) 
  and (orientation:portrait) 
  and (-webkit-min-device-pixel-ratio:1){
  html{height:100%}
  body#home{height:100%}
  html,body{ overflow:hidden;margin-bottom:0px!important}
  .container-fluid.home{ height:100vh}
}
/* Landscape */
@media only screen 
  and (min-device-width:768px) 
  and (max-device-width:1024px) 
  and (orientation:landscape) 
  and (-webkit-min-device-pixel-ratio:1){
  /*html{height:100%}
  html,body{overflow:hidden;margin-bottom:0px!important}
  .container-fluid.home{ height:100vh}*/
  .patrocinadopor img {
    width: 100%;
    max-width: 210px;
  }
}
/* Landscape */
@media only screen 
  and (min-device-width:320px) 
  and (max-device-width:812px)
  and (max-device-height:767px)
  and (orientation:landscape) { 
  .miperfil-file label,.detalle-file .miperfil-file label{min-height:inherit}
  .miperfil-col-4,.miperfil-col-35,.miperfil-col-45{display:inline-block;width:100%;border-right:none}
  .miperfil-col-3,.miperfil-col-2,.miperfil-col-5{display:table;width:100%;border-right:none}
  .miperfil-col-3 label,.miperfil-col-3.file-hide label,.miperfil-col-2 label,.miperfil-col-2.file-hide label,.miperfil-col-5 label,.miperfil-col-5.file-hide label,.miperfil-col-3 p,.miperfil-col-2 p,.miperfil-col-5 p{display:table-cell;width:50%;vertical-align:middle}
  #miequipo .miperfil-col-3 label,#miequipo .miperfil-col-3.file-hide label,#miequipo .miperfil-col-2 label,#miequipo .miperfil-col-2.file-hide label,.miperfil-col-5 label,#miequipo .miperfil-col-5.file-hide label,#miequipo .miperfil-col-3 p,#miequipo .miperfil-col-2 p,#miequipo .miperfil-col-5 p{display:block;width:100%}
  .miperfil-file {border-bottom:2px solid #fff;margin-bottom:20px}
  .miperfil-file .miperfil-col-3,.miperfil-file .miperfil-col-2,.miperfil-file .miperfil-col-5{min-height:40px}
  #miperfil .miperfil-file .miperfil-col-3:first-child label,#miperfil .miperfil-file .miperfil-col-3:first-child p br,#miperfil .miperfil-file .miperfil-col-2:first-child label,#miperfil .miperfil-file .miperfil-col-2:first-child p br,#miperfil .miperfil-file .miperfil-col-5:first-child label,#miperfil .miperfil-file .miperfil-col-5:first-child p br{display:none}
  #miperfil .miperfil-file .miperfil-col-3:first-child p,#miperfil .miperfil-file .miperfil-col-2:first-child p,#miperfil .miperfil-file .miperfil-col-5:first-child p{width:100%;font-weight:700;height:40px}
  #miperfil .detalle-file .miperfil-file .miperfil-col-3:first-child p{background-color:#5a247c}
  .detalle-file .miperfil-file label{ background-color:transparent}
  .detalle-file .miperfil-file .miperfil-col-3:nth-child(even),#miequipo .miperfil-file .miperfil-col-3:nth-child(even),.detalle-file .miperfil-file .miperfil-col-2:nth-child(even),#miequipo .miperfil-file .miperfil-col-2:nth-child(even),.detalle-file .miperfil-file .miperfil-col-5:nth-child(even),#miequipo .miperfil-file .miperfil-col-5:nth-child(even){background-color:#e4e2e0}
  .detalle-file .miperfil-file .miperfil-col-3:nth-child(odd),#miequipo .miperfil-file .miperfil-col-3:nth-child(odd),.detalle-file .miperfil-file .miperfil-col-2:nth-child(odd),#miequipo .miperfil-file .miperfil-col-2:nth-child(odd),.detalle-file .miperfil-file .miperfil-col-5:nth-child(odd),#miequipo .miperfil-file .miperfil-col-5:nth-child(odd){background-color:#f1f0ef}
  #miequipo .miperfil-col-3,#miequipo .miperfil-col-2,#miequipo .miperfil-col-5{border-bottom:2px solid #fff}
  #miequipo .miperfil-file label{padding:5px 20px 5px 25px;line-height:28px}
  .miperfil-file label{line-height:28px}
  #miequipo .miperfil-col-3 p,#miequipo .miperfil-col-2 p,#miequipo .miperfil-col-5 p{padding:5px 20px}
  .fancycontent form input[type="text"]{width:100%;margin-right:0}
  .btn-primary {width:100%}
  #test .btn-default,#test .btn-default:hover{width:100%;display:inline-block;text-align:center;margin-right:0;margin-bottom:14px}
}

/**/
.popupunidades {
  padding: 65px 50px 0 !important;
}
.popupunidades h1 {
  position: relative;
  padding-bottom: 10px;
  width: 100% !important;
}
.popupunidades h1:after {
    border-top: 1px solid #5a247c;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.col-grey {
  float: left;
  margin-top: 25px;
  background-color: #f1f0ee;
  padding: 12px 50px 55px;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modulo-box-rel {
  position: relative;
}

/* SABES TODO SOBRE
-------------------------------------------------- */
.titsabes {
  justify-content: space-between;
}
.titsabes h1 {
  font-size: 44px !important;
  margin-bottom: 0 !important;
}
.sabes-access {
  display: flex;
  flex-flow: row wrap;
}
.sabes-access__col {
  flex: 0 0 50%;
  padding-top: 150px;
  padding-left: 70px;
  padding-bottom: 30px;
}
.sabes-access__col h2 {
  font-size: 38px;
  line-height: 47px;
  color: #fff;
}
.sabes-access__col img {
  max-width: 170px;
  margin-top: 30px;
}
.sabes-access__col--left {
  background-color: #013088;
}
.sabes-access__col--right {
  background-image:url(../imgs/img-unavisiongeneraldeangelini.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.sabesline {
  width: 150px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 40px 0 30px;
}
.bt-downsobre:link, .bt-downsobre:active, .bt-downsobre:visited, .bt-downsobre:focus{
  background-image:url(../imgs/ico-download.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 56px auto;
  width: 100%;
  padding-top: 20px;
  padding-left: 75px;
  padding-bottom: 20px;
  color: #fff;
  font-size: 23px;
  display: inline-block;
  font-weight: 700;
}

@media only screen and (max-width:670px) {
  .sabes-access__col {
    padding-top: 75px;
    padding-left: 35px;
    padding-bottom: 15px;
  }
  .sabes-access__col h2 {
    font-size: 28px;
    line-height: 37px;
  }
  .sabes-access__col img {
    max-width: 120px;
    margin-top: 20px;
  }
  .bt-downsobre:link, .bt-downsobre:active, .bt-downsobre:visited, .bt-downsobre:focus{
    background-size: 46px auto;
    padding-top: 20px;
    padding-left: 65px;
    padding-bottom: 20px;
    font-size: 16px;
  }
  
}
@media only screen and (max-width:480px) {
  .sabes-access__col {
    flex: 0 0 100%;
    padding-top: 35px;
  }
  .sabes-access__col h2 br {
    display: none;
  }
}


/* STAY ON 200623 */
.stayon-advise {
 position: absolute;
 top: -1px;
 right: 4px;
 width: 22px;
 height: 22px;
 -webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;
 background-color: #b61632;
 display: flex;
 align-items: flex-start;
 justify-content: center;
 color: white;
 font-weight: 800;
 font-size: 17px;
 line-height: 18px;
}

@media only screen and (max-width:1360px){ 
  .stayon-advise {
    top: 5px;
    right: -1px;
  }
}

/* #stayon .modulob-box a:link h4 {
  display: flex;
  flex-flow: row wrap;
} */

.stayon-advise-list {
  /*position: absolute;
  top: -1px;
  right: 4px;*/
  width: 22px;
  height: 22px;
  -webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;
  background-color: #b61632;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  color: white;
  font-weight: 800;
  font-size: 17px;
  line-height: 18px;
  margin-top: 3px;
  margin-left: 10px;
 }
 
 @media only screen and (max-width:1360px){ 
   .stayon-advise-list {
     top: 5px;
     right: -1px;
   }
 }


#stayon .flex-modulosb {
  margin-top: 35px;
}
@media only screen and (min-width:792px) {
.row-file  {
  margin-right: -15px!important;
  margin-left: -15px!important;
  margin-top: 25px;
}
}
.link-file {
  display: flex;
  background-image: url(../imgs/icon-file.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  line-height: 26px;
  font-weight: 800;
  color: #FFFFFF;
  position: relative;
  padding-top: 100%;
}

.link-file strong {
  position: absolute;
  top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translateZ(0) scale(1, 1) translate(-50%, -50%);z-index:1;
  text-align: center;
  padding-top: 30px;
}

.link-file:hover strong { 
  color: #fff;
}

.line-file .square-box {
  background-color: #ded3e5;
  padding-right: 20px;
  padding-left: 23px;
  font-size: 21px;
  color: #5a247c;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 7px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.line-file .square-box--lila {
  background-color: #ded3e5;
  color: #5a247c;
}
.line-file .square-box--orange {
  background-color: #fde8d4;
  color: #f78d2a;
}
.archive-box {
  display: flex;
  align-items: center;
  width: calc(100% - 90px);
}
.archive-ico, .archive-ico-orange {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 57px;
  height: 57px;
  margin-right: 15px;
}
.archive-ico {
  background-image: url(../imgs/ico-download-stay.png);
}
.archive-ico-orange {
  background-image: url(../imgs/ico-download-stay-orange.png);
}
.archive-p {
  margin-bottom: 0;
  font-size: 17px;
  color: #030306;
}
.archive-p strong {
  font-size: 21px;
  color: #5a247c;
  
  display: flex;
  /* align-items: center;
  flex-flow: row wrap; */
}
.square-box--lila .archive-p strong{
  color: #5a247c;
}
.square-box--orange .archive-p strong{
  color: #f78d2a;
}
.stay-label {
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
  margin-left: 10px;
  height: 20px;
}
.square-box--lila .stay-label {
  background-color: #5a247c;
}
.square-box--orange .stay-label {
  background-color: #f78d2a;
}
.search-box.row {
  margin-right: -15px!important;
  margin-left: -15px!important;
  margin-bottom: 20px;
}
.search-input-box {
  width: 100%;
  border-bottom: 1px solid #000;
}
.search-input,.search-select {
  border: none;
  -webkit-border-radius: 0!important;-moz-border-radius: 0!important;border-radius: 0!important;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-appearance: none!important;-webkit-appearance: none;
  padding: 7px 15px;
}
.search-input {
  width: calc(100% - 29px);
}
.search-select {
  width: 100%;
  border-bottom: 1px solid #000;
  background-image: url(../imgs/ico-dropdown.png);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 20px auto;
}
@media only screen and (max-width:1024px) {
  .search-select {
    background-position: 98% center;
  }
}
.search-input-box {
  display: flex;
  align-items: center;
}
.search-input-ico {
  display: block;
  width: 29px;
  height: 29px;
  background-image: url(../imgs/ico-search.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px auto;
  border: none;
  background-color: transparent;
}
.filters-box {
  margin-bottom: 40px;
}
.filters-box__label {
  padding-left: 31px;
  background-image: url(../imgs/ico-filters.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 21px auto;
}
#stayon [type="radio"]:checked,
#stayon [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
#stayon [type="radio"]:checked + label,
#stayon [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  margin-left: 20px;
  font-weight: 400;
}
@media only screen and (max-width:480px) {
  #stayon [type="radio"]:checked + label,
  #stayon [type="radio"]:not(:checked) + label {
    margin-left: 10px;
  }
}
#stayon [type="radio"]:checked + label:before,
#stayon [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #000;
  background: #fff;
}
#stayon [type="radio"]:checked + label:after,
#stayon [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #f78d2a;
  position: absolute;
  top: 3px;
  left: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#stayon [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#stayon [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.stayon-asimil-box .square-box {
 justify-content: center;
}
.line-file.stayon-asimil-box .square-box {
  padding-top: 25px;
  padding-bottom: 25px;
}
.line-file.stayon-asimil-box .square-box--lila {
  background-color: #eee9f2;
}
.line-file.stayon-asimil-box .square-box--orange {
  background-color: #fde8d4;
}
.square-box .stayon-asimil {
  font-size: 17px;
  font-weight: 800;
}
.square-box--lila .stayon-asimil {
  color: #5a247c;
}
.square-box--orange .stayon-asimil {
  color: #f78d2a;
}

.btn-primary.btn-stayon {margin-top: 20px;}