/*General*/

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');



.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

body {
	font-family:'PT Sans',Arial, Helvetica, sans-serif;
	color:#535353;
	font-size:14px;
}
html, body {
  height: 100%;
  margin: 0;
}

html {
	scroll-behavior: smooth;
}

a {
	color:#1079db;
}

.wrapper .album {
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
}



@keyframes fadein {
from { opacity: 0; }
to{ opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to{ opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to{ opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to{ opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to{ opacity: 1; }
}

/*Títols*/

h1, h2, h3, h4, h5, h6 {
	color:#999999;
}

h1 {
	font-weight:800;
	font-size:1.7rem;
}

h2 {
	font-size:1.55rem;
	font-weight:600;
}

h3 {
	font-size:1.4rem;
	font-weight:400;
}

h6 {
	font-size:1.1rem;
	font-weight:700;
}

/*Llistes*/

ul li {
	color:#00AADB;
}

ul li span {
	color:#535353;
}


.album .container {
	font-weight:300;
}

.album .container em {
	font-style:italic;
}

.album .container strong {
	font-weight:700;
}

.img-responsive {
	display:block;
	max-width:100%;
}

/*Header*/

header {
	background:#bebebe;
	position:sticky;
	top:0;
	left:0;
	right:0;
	z-index:20;
}

#navbarHeader {
	text-align:right;
	background-color:#e6e6e6;
}
migasdepanfase
#navbarHeader > .container {
	border-top:6px solid #e6e6e6;
}

header .navbar {
	border-top:6px solid #e6e6e6;
	padding:8px 0;
}

#navbarHeader h4 {
	border-bottom:1px solid #999999;
	font-weight:700;
	text-align:right;
	font-size:16px;
	margin-right:6px;
	text-transform:uppercase;
	color:#999999;
	letter-spacing:0.05em;
}

#navbarHeader ul.navbar-nav {
	text-align:right;
}

#navbarHeader a.nav-link {
	color:#00AADB;
	padding:2px 6px;
}

#navbarHeader a.nav-link:hover {
	background-color:#ededed;
}

#navbarHeader a.disabled {
	color:#6c757d;
}

header .navbar h1 {
	margin:0;
	color:#3f3e43;
	padding:10px 0;
	font-weight:400;
	letter-spacing:0.03em;
	text-align:center;
	width:100%;
	font-size:17px;
	text-transform:uppercase;
}


/*Hamburguesa*/




.navbar-toggler .icon-bar {
display:block;
width: 30px;
height: 3px;
margin: 5px auto;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(2) {
opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(1) {
-webkit-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
-o-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(3) {
-webkit-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
-o-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}



/*Toggler*/



.navbar-toggler {
	padding:4px 0;
	margin-left:10px;
}

.navbar-light .navbar-toggler {
	border:none;
}

/*Logo*/

.logoub {
	width:180px;
	height:auto;
	margin:5px 15px 5px 0;
	display:none;
}

.logoub-phone {
	width:29px;
	height:auto;
	margin:5px 10px 5px 0;
	display:block;
}



header .navbar > .container {
	display:block;
}

header .navbar > .container > .row > .col-12 {
	display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

@media only screen and (min-width : 576px) {
header .navbar h1 {
	font-size:21px;
}
}

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


header .navbar h1 {
	width:auto;
	margin:0 auto;
	padding:0 20px;
	font-size:27px;
}

header .logoub {
		 display:block;
}

header .logoub-phone {
	display:none;
}

#navbarHeader h4 {
	font-size:18px;
}

}


/*Carrusel slider*/



.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300AADB' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300AADB' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	width:30px;
	height:30px;
}

.carousel-indicators {
	bottom:-30px;
}

.carousel-indicators li {
	background-color: #00AADB;
	opacity:0.5;
}

.carousel-indicators .active {
	background-color: #00AADB;
	opacity:1;
}


/*Jumbotron*/

:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #3398be;
  color:#ffffff;
  
  border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;

background-image:url(../img/fondo1.png);
background-repeat:no-repeat;
background-position:center center;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron p.text-muted {
	max-width:294px;
	margin-left:auto;
	margin-right:auto;
}

.jumbotron p, .jumbotron p.text-muted {
	color:#ffffff!important;
	font-weight:300;
}

.jumbotron-heading {
  font-weight: 800;
  color:#ffffff;
}

.jumbotron .container {
  max-width: 40rem;
}

/*Footer*/


.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -66px;
}
.footer,
.push {
  height: 66px;
}

footer {
  padding-top: 0;
  padding-bottom: 33px;
  background:#000000;
  border-top:5px solid #242B33;
}

footer .container {
	display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

footer p {
  font-size:11px;
  color:#ffffff;
  padding-top: 14px;
  margin-bottom:0;
}

footer p.copyrightfooter {
	white-space:nowrap;
}


/*Imprimible*/

.imprimible {
	margin:0 15px 0 auto;
	padding-top: 14px;
	display:block;
	width:20px;
	height:20px;
}

.imprimible img {
	width:20px;
	height:20px;
}

@media only screen and (min-width : 450px) {
.imprimible {
	margin:0 25px 0 auto;
	width:25px;
	height:25px;
}

.imprimible img {
	width:25px;
	height:25px;
}

#irarriba {
	width:25px;
	height:25px;
}

footer p {
  font-size:12px;
}

}

@media only screen and (min-width : 768px) {
.imprimible {
	width:30px;
	height:30px;
}

.imprimible img {
	width:30px;
	height:30px;
}

#irarriba {
	width:30px;
	height:30px;
}
	
}

@media only screen and (min-width : 992px) {
footer p {
  font-size:13px;
}	
}

@media only screen and (min-width : 1300px) {
footer p {
  font-size:14px;
}	
}






/*Inicio*/


.card-body {
	padding:20px 10px 10px 10px;
}

.card-text {
	text-align:center;
	color:#555555;
	text-decoration:none;
	font-weight:300;
	margin-bottom:5px;
}

.card-text:hover {
	color:#555555;
	text-decoration:none;
}

.paginicio .album a {
	color:#555555;
	text-decoration:none;
}

.paginicio .album a:hover {
	color:#555555;
	text-decoration:none;
}

.paginicio .album .card {
	-webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.paginicio .album .card:hover {
	background-color:#f3fcff;
}

.card-img-top {
	max-width:93px;
	height:auto;
	margin:30px auto 0 auto;
}

/*Atras adelante*/

.atrasadelante {
	overflow:hidden;
	background:#FAFAFA;
	border-bottom:2px solid #EDEDED;
}

.atrasenlace, .adelanteenlace {
	padding:5px 0;
}

.atrasenlace {
	float:left;
}

.adelanteenlace {
	float:right;
}

.atrasenlace a,
.adelanteenlace a {
	display:inline-block;
	color:#ffffff;
	background-color:#00AADB;
	padding:4px 10px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:12.8px;
-webkit-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;;
    -o-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.atrasenlace a:hover,
.adelanteenlace a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#0396c1;
}

.atrasenlace a img,
.adelanteenlace a img {
	margin-top:-3px;
	width:17px;
	height:auto;
/*	-webkit-transition: margin 200ms ease;
    -moz-transition: margin 200ms ease;;
    -o-transition: margin 200ms ease;
    transition: margin 200ms ease;*/
}

.atrasenlace a img {
	margin-right:4px;
	margin-left:4px;
}

.adelanteenlace a img {
	margin-right:4px;
	margin-left:4px;
}

.atrasenlace a:hover img {
	margin-right:6px;
	margin-left:2px;
}


.adelanteenlace a:hover img {
	margin-left:6px;
	margin-right:2px;
}


/*Pestanyes*/

.nav-tabs .nav-link.active, .nav-pills .nav-link.active {
	background-color:#00AADB;
}

.nav-tabs .nav-link, .nav-pills .nav-link {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
}

.nav-tabs .nav-link.active .tabicon svg path, .nav-pills .nav-link.active .tabicon svg path  {
	fill:#ffffff;
}

.nav-pills .nav-link .tabicon {
	min-height:30px;
}

.nav .tittab1 {
	color:#9B9B9B;
	font-weight:300;
	font-size:0.8em;
	line-height:1.1;
}

.nav .tittab2 {
	color:#0289B7;
	font-weight:600;
	font-size:0.85em;
	line-height:1.1;
	margin-top:10px;
}

.nav .tittab3 {
	color:#9B9B9B;
	font-weight:400;
	font-size:0.8em;
	line-height:1.1;
}

.nav .tittab4 {
	color:#0289B7;
	font-weight:600;
	font-size:0.85em;
	line-height:1.1;
	margin-top:10px;
}

@media only screen and (max-width : 575px) {
	
	.nav .tittab3, .nav .tittab4 {
		font-size:0.74em;
	}
}

.nav-tabs .nav-link.active .tittab1, .nav-pills .nav-link.active .tittab1, .nav-tabs .nav-link.active .tittab2, .nav-pills .nav-link.active .tittab2, .nav-tabs .nav-link.active .tittab3, .nav-pills .nav-link.active .tittab3, .nav-tabs .nav-link.active .tittab4, .nav-pills .nav-link.active .tittab4 {
	color:#ffffff;
}


.nav-pills .nav-item {
	padding:10px 10px 0 0;
}

.menumenuprincipal .nav-item a {
	min-height:105px;
}


#carouselconfigura .carousel-indicators li {
	text-indent:0;
	height:auto;
	text-align:center;
	font-size:0.8rem;
	color:#ffffff;
	font-weight:600;
}

#carouselconfigura  .carousel-indicators {
	bottom:-40px;
}


/*Migas de pan*/


.migasdepan {
padding:8px 10px 2px 10px;
background-color:#fafafa;
border:2px solid #ededed;
}

.migasdepanwrapper {
	width:100%;
	background-image:url(../img/linea.png);
background-repeat:repeat-x;
background-position:center bottom;
display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: end;
    -ms-flex-align: end;
        align-items: flex-end;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

.migasdepanfase {
	display:block;
	text-align:center;
	font-size:12px;
	color:#999999;
	padding-bottom:28px;
	background-repeat:no-repeat;
background-position:center bottom;
background-image:url(../img/circulo.png);
}

.migasdepanfase:hover {
	color:#00AADB;
	text-decoration:none;
}

.migasdepanfase .faselarga {
	display:none;
}


.migasdepanfase.migasdepanfaseactiva {
	background-image:url(../img/circuloactivo.png);
color:#00AADB;
font-weight:bold;
}

@media only screen and (min-width : 768px) {
.migasdepanfase {
	font-size:14px;
}

.dosparts .migasdepanfase {
	width:50%;
}

.tresparts .migasdepanfase {
	width:33.333%;
}

.quatreparts .migasdepanfase {
	width:25%;
}

.cincparts .migasdepanfase {
	width:20%;
}

.sisparts .migasdepanfase {
	width:16.666%;
}

.setparts .migasdepanfase {
	width:14.28%;
}

.vuitparts .migasdepanfase {
	width:12.5%;
}

.nouparts .migasdepanfase {
	width:11.111%;
}

.deuparts .migasdepanfase {
	width:10%;
}

.migasdepanfase .fasecorta {
	display:none;
}

.migasdepanfase .faselarga {
	display:inline;
}
}

/*SUBTITULO*/

.subtitulo {
	margin-bottom:15px;
}

.subtitulo h2 {
	font-size:20px;
	margin-bottom:0;
	letter-spacing:0.05em;
	font-weight:700;
}

.subtitulo  p {
	font-size:14px;
}

@media only screen and (min-width : 768px) {
	.subtitulo h2 {
	font-size:24px;
	}
}


/*LLEGENDA*/

.llegenda {
	padding:8px 12px;
	margin-top:50px;
	border:2px dashed #cccccc;
	overflow:hidden;
}


.llegenda img {
	width:27px;
	height:27px;
	vertical-align:middle;
	margin-right:8px;
}

.llegenda p {
	margin-bottom:5px;
	font-size:12.3px;
}

.llegenda .llegendatitol {
	color:#666666;
	font-size:17px;
	letter-spacing:0.03em;
	margin-bottom:10px;
}


@media only screen and (min-width : 768px) {
	
.llegenda .columnallegenda {
	float:left;
	width:25%;
}

}

/*ACCIONES*/ 


.acciondocente,
.accionestudiante {
	display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-ms-flex-line-pack: start;
    align-content: flex-start;
	margin-bottom:7px;
	padding:10px;
	color:#ffffff;
}

.accion p {
	color:#ffffff;
	margin-bottom:0;
	font-size:14px;
	width:100%;
	padding-left:1em;
	line-height:1.25;
}

.accion p:first-of-type {
	text-indent:-1em;
}


.acciondocente {
	background-color:#7797b0;
	margin-right:20%;
}

.accionestudiante {
	background-color:#5aa5ab;
	margin-left:20%;
}

.accionvacia {
	display:none;
}

.acciondocentetitulo,
.accionestudiantetitulo {
	width:49%;
	margin-bottom:15px;
	min-height:42px;
	background-repeat:no-repeat;
background-position:8px center;
background-size:40px auto;

display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
     -ms-flex-wrap:nowrap;
         flex-wrap:nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}

.acciondocentetitulo {
	padding:7px 15px 6px 65px;
}

.accionestudiantetitulo {
	padding:7px 15px 6px 50px;
}

.acciondocentetitulo p,
.accionestudiantetitulo p {
	margin-bottom:0;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:1.2;
}

.accionestudiantetitulo p {
	text-align:right;
}

.acciondocentetitulo {
	background-color:#507490;
	background-image:url(../img/icon-docente.svg);
}

.accionestudiantetitulo {
	background-color:#308086;
	background-image:url(../img/icon-estudiante.svg);
}

.accionesfilatitulos {
	display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
-ms-flex-line-pack: start;
    align-content: flex-start;
}



.icones {
	margin-left:15px;
	display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

.icones a {
	margin-left:5px;
	display:inline-block;
	overflow:hidden;
	width:30px;
	height:30px;
	  border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
white-space:nowrap;
text-indent:-9999px;
padding:0;
background-repeat:no-repeat;
background-position:center center;
}

.botonparasaber {
	background-image:url(../img/parasaber.png);
background-size:15px 15px;
}

.botonsincronia {
	background-image:url(../img/sincronia.png);
background-size:27px 27px;
}

.botonasincronia {
	background-image:url(../img/asincronia.png);
background-size:27px 27px;
}

.botonalternativa {
	background-image:url(../img/alternativa.png);
background-size:27px 27px;
}

.acciondocente .icones a {
	background-color:#507490;
}

.acciondocente .icones a:hover {
	background-color:#385a74;
}

.accionestudiante .icones a {
	background-color:#308086;
}

.accionestudiante .icones a:hover {
	background-color:#1e676c;
}


.destacat {
	border:1px solid #00AADB;
	padding:10px;
	color:#00AADB;
	margin:15px 0;
}

.destacat a {
	text-decoration:underline;
}

.modal-dialog {
	max-width:100%;
}

.modal .titolpersaber {
	background-image:url(../img/recurs-persaber.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:5px;
	padding-left:40px;
	min-height:30px;
}

.modal .titolalternativa {
	background-image:url(../img/recurs-alternativa.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:5px;
	padding-left:40px;
	min-height:30px;
}

.modal .modal-title {
	line-height:1.2;
	font-size:17px;
}

.modal p {
	margin-bottom:5px;
}

.modal .textsincronia p:first-of-type,
.modal .textasincronia p:first-of-type {
	padding-left:40px;
	padding-top:5px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:30px 30px;
	min-height:30px;
	margin-bottom:10px;
	
}

.modal .textsincronia p:first-of-type {
	background-image:url(../img/recurs-sincronia.png);
}

.modal .textasincronia p:first-of-type {
	background-image:url(../img/recurs-asincronia.png);
	margin-top:20px;
}

@media only screen and (min-width : 768px) {
.modal .textsincronia p,
.modal .textasincronia p {
	padding-left:40px;
}
}

.modal .titolsincronia,
.modal .titolasincronia {
	padding-left:40px;
	padding-top:5px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:30px 30px;
	min-height:30px;
	margin-bottom:0;
	
}

.modal .card {
	margin-bottom:15px;
	display:block !important;
}

.modal .card:last-of-type {
	margin-bottom:0;
}

.modal .titolsincronia {
	background-image:url(../img/recurs-sincronia.png);
}

.modal .titolasincronia {
	background-image:url(../img/recurs-asincronia.png);
}

.modal .card button.collapsed {
	background-repeat:no-repeat;
	background-position:right center;
	background-size:30px 16px;
	background-image:url(../img/cursor.png);
}

.modal .card-header {
	background-color:#ffffff;
	border-radius:0;
	border:none;
	padding:0;
}

.modal .card-body {
	padding:5px 10px 10px 10px;
	display:block !important;
}

.modal .btn-link {
	color:#535353;
	text-decoration:none;
	display:block;
	width:100%;
	text-align:left;	
}

@media only screen and (min-width : 576px) {
.modal-dialog {
	max-width:500px;
}	

.acciondocentetitulo {
	padding:7px 65px 6px 65px;
}

.accionestudiantetitulo {
	padding:7px 50px 6px 50px;
}

.acciondocentetitulo p,
.accionestudiantetitulo p {
	text-align:center;
	font-size:15px;
}
}


@media only screen and (min-width : 768px) {
	
.modal .card button {
	cursor:default!important;
	padding:0 0 5px 0;
}

.modal .card {
	border:none;
}

.modal .card-body {
	padding:0 0 0 40px;
}

.modal .card button.collapsed {
	background-repeat:no-repeat;
	background-position:right center;
	background-size:30px 16px;
	background-image:none;
}

.modal .card .collapsing {
	display:block;
	position:static;
	height:auto !important;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.modal .card .collapse {
	display:block;
}

.modal .card .collapse:not(.show) {
	display:block !important;
}


	
.accionesfila {
	display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

.acciondocente,
.accionestudiante {
	width:48%;
}

.accionestudiantetitulo {
	margin-left:0;
}

.acciondocente {
	margin-right:4%;
}

.accionestudiante {
	margin-left:0%;
}

.accionvacia {
	display:block;
}

.acciondocentetitulo,
.accionestudiantetitulo {
	width:48%
}

.acciondocentetitulo {
	margin-right:4%;
}

.acciones .accionesfila:first-of-type .acciondocente,
.acciones .accionesfila:first-of-type .accionestudiante {
	padding-top:10px;
}

.acciones .accionesfila:last-of-type .acciondocente,
.acciones .accionesfila:last-of-type .accionestudiante {
	padding-bottom:10px;
}

.modal .modal-title {
	font-size:20px;
}
}

@media only screen and (min-width : 992px) {
.modal-dialog {
	max-width:600px;
}
}


/*Portada*/


.portada {
	background-color:#dcdbdb;
	background-image:url(../img/fons-portada2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:cover;
}

.portada .tituloportada h1 {
	color:#76bcf0;
	background-color:#3c3d41;
	margin-top:30px;
	margin-bottom:30px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:35px;
	padding:6px 10px 2px 10px;
}

.portada .tituloportada h1 a {
	color:#76bcf0;
}

.portada .tituloportada h1 a:hover {
	text-decoration:none;
	color:#76bcf0;
	font-weight:bold;
}

.autor {
	background-color:#dadada;
	padding:10px 15px;
	margin-bottom:25px;
	opacity:0.9;
}

.autor p {
	margin-bottom:5px;
	font-size:12.3px;
}

.autor p:last-of-type {
	margin-bottom:0;
}

.portada header .navbar h1 {
	display:none;
}

@media only screen and (min-width : 576px) {
.portada .tituloportada h1 {
	margin-top:40px;
}
}

@media only screen and (min-width : 768px) {
	
.portada {
	background-image:url(../img/fons-portada.png);
}

.portada .tituloportada h1 {
	font-size:50px;
}
.portada .tituloportada h1 {
	margin-top:80px;
}
.portada header .navbar h1 {
	display:block;
}
}

@media only screen and (min-width : 992px) {
.portada .tituloportada h1 {
	margin-top:100px;
}
}

@media only screen and (min-width : 1300px) {
.portada .tituloportada h1 {
	margin-top:160px;
}
}



/*Presentacion*/



.cajafase {
	background-color:#f2f2f2;
}

.cajafasetit {
	background-color:#095799;
	padding:6px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

.cajafasesubtit {
	background-color:#728aba;
	padding:6px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.cajafasetxt {
	padding:15px;
	margin-bottom:20px;
}

.cajafasetxt p:last-of-type {
	margin-bottom:0;
}


@media only screen and (min-width : 768px) {
.cajasfases {
	display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

.cajasfasestres > .cajafase {
	width:32.5%;
}

.cajasfasescuatro > .cajafase {
	width:24.5%;
}

}

/*Conclusiones*/

.recursosad {
	padding:10px 15px;
	margin-top:20px;
	border:2px dashed #cccccc;
}

.recursosadtitol {
	color:#666666;
	font-size:17px;
	letter-spacing:0.03em;
}

.recursosad p,
.recursosad li {
	margin-bottom:6px;
}

.recursosad li:last-of-type,
.recursosad ul {
	margin-bottom:0;
}

.recursosad a {
	text-decoration:underline;
}


/*Responsive*/



@media only screen and (min-width : 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

@media only screen and (max-width : 767px) {
  .jumbotron {
	background-size:cover;
  }
  
  body .album .container {
	font-size:0.9rem;
}
  
}

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

.jumbotron p, .jumbotron p.text-muted {
	font-size:1rem;
}

.card {
flex-flow: row nowrap;
}

.card-img-top {
	max-width:45px;
	margin:20px;

}

.card-body {
	padding:0;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

  .card-text {
	text-align:left;
	margin-bottom:0;
	
	display:flex;
	flex-direction: column;
  justify-content: center;
}

.icon-forward {
	margin-right:15px;
	margin-left:10px;
	display: flex;
  flex-direction: column;
  justify-content: center;

}

.icon-forward img {
	width:30px;
	height:auto;
}



}