html {
    height: 100%;
    /*scroll-behavior: smooth;*/
}

body {
   position: relative;
    height: 100%;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #212529;
    line-height: 1.6;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) {
  body {
    font-size: 17px;
  }
}

.sologrande {
    display: none;
    }

@media only screen and (min-width: 768px) {
  .solomovil {
    display: none;
    }
    
    .sologrande {
    display: block;
    } 
    
}

b, strong {
    font-weight: 800;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    line-height: 1.25;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8m;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.1em;
}

img.img-responsive {
    display: block;
    max-width: 100%;
    margin: 0 auto 1em auto;
}

.pagina ul li, .pagina ol li {
    color: #2164ae;
}

.modal ul li, .modal ol li {
    color: #009fe3;
}

.pagina ul li span, 
.modal ul li span,
.pagina ol li span, 
.modal ol li span {
    color: #212529 !important;
}

.delay {
    opacity:0;
    visibility: hidden;
}

a {
    color: #1b44f5;
    text-decoration: none;
    cursor: pointer;
}

a.filepdf {
    background-image: url("../../../img/pdf-icon.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right 4px;
    padding-right: 18px;
}

p {
    margin-bottom: 1em;
}

p a[data-toggle=modal],
li a[data-toggle=modal] {
    color: #1b44f5;
    text-decoration: underline !important;
    cursor: pointer;
}

p a[data-toggle=modal]:hover,
li a[data-toggle=modal]:hover,
p a[data-toggle=modal]:focus,
li a[data-toggle=modal]:focus,
p a[data-toggle=modal]:active,
li a[data-toggle=modal]:active {
    color: #2164ae;
}

p a, li a {
    text-decoration: underline;
}

a:hover, a:focus, a:active {
    color: #2164ae;
}


.glyphicon {
    color: #2164ae;
}

.tooltip-inner {
    background-color: #2164ae;
}

.tooltip.show {
    opacity: 1;
} 

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #2164ae;
}


.pagina h1, .pagina h3, .pagina h4, .pagina h5, .pagina h6 {
    color: #2164ae;
}

figure {
    margin: 0 auto 1em auto;
}

figure img.img-responsive {
    margin-bottom: 5px;
}

figcaption {
    font-size: 0.8em;
    color: #868686;
}

.linea {
    border-bottom: 1px solid #2164ae;
    margin: 1em 0 2em 0;
}

.pie {
    font-style: italic;
    color: #909090;
    font-size: 0.85em;
    text-align: center;
}

.targetact {
    margin-bottom: 2em;
    padding: 10px;
    border: 1px solid #2164ae;
    font-style: italic;
}


/*HEADER*/

#cabecera {
    background-color: #ffffff;
    z-index: 1000;
    line-height: 1.25;
}


#cabecera.cabecerasombra {
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.32);
box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.32);
}


a.navbar-brand {
    display: block;
    text-decoration: none;
    max-width: 80%;
    line-height: 0.9;
    white-space: normal;
}

a.navbar-brand img {
    width: 45px;
    float: left;
}

a.navbar-brand .brand-title,
a.navbar-brand .brand-title-bloc {
    padding-left: 56px;
    font-weight: 900;
    font-size: 15px;
    display: block;
    color: #212529;
    padding-top: 10px;
    max-width: 500px;
}

a.navbar-brand .brand-title {
    text-transform: uppercase;
}

a.navbar-brand .brand-title-bloc {
    display: none;
}

a.navbar-brand .brand-subtitle {
    padding-left: 56px;
    font-weight: 900;
    text-transform: lowercase;
    color: #009fe3;
    font-style: italic;
    font-size: 18px;
    display: block;
    max-width: 500px;
}

a.navbar-brand p {
        margin: 0;
}

.navbar-toggler .bar {
    background-color: #009fe3;
    display: block;
    height: 2px;
    width: 20px;
    margin: 4px 0;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    outline: 0;
}

.navbar-toggler:hover .bar {
    background-color: #212529;
}

#menusuperior .navbar-nav {
    padding: 15px 0 8px 0;
}

#menusuperior li.nav-item {
    margin: 4px 0;
}

#menusuperior a.nav-link {
    color: #212529;
    text-decoration: none !important;
    padding: 6px 12px;
    margin: 0;
    background-color: #f6f6f6;
}


@media only screen and (min-width: 576px) {
    
    a.navbar-brand .brand-title,
a.navbar-brand .brand-title-bloc {
    font-size: 20px;
    padding-left: 75px;
    padding-top: 15px;
}


a.navbar-brand .brand-subtitle {
    padding-left: 75px;
    font-size: 22.5px;
}
    
a.navbar-brand img {
    width: 60px;
     max-width: 100%;
}
   
}


@media only screen and (min-width: 768px) {
    
nav.fixed-top {
        padding: 10px 16px;
}
    
 a.navbar-brand img {
    width: 70px;
     max-width: 100%;
}
    
#menusuperior {
        width: 500px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
}
    
a.navbar-brand {
        padding: 0;
        margin: 0;
}
    
a.navbar-brand .brand-title,
a.navbar-brand .brand-title-bloc {
    font-size: 23px;
    padding-left: 85px;
}


a.navbar-brand .brand-subtitle {
    font-size: 25px;
    padding-left: 85px;
}
   
#menusuperior .navbar-nav {
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

#menusuperior li.nav-item {
      padding: 0 5px;
      margin: 0;
}
  

#menusuperior a.nav-link {
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 3px 8px;
    color: #ffffff;
    font-size: 13.6px;
    font-weight: bold;
    background-color: #009fe3;
    text-align: center;
}

#menusuperior a.nav-link.nav-print {
    padding: 0;
    margin-left: 8px;
    font-size: 3px;
    background-color: transparent;
    text-indent: -1000px;
    overflow: hidden;
    background-image: url('../../../img/pdf.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}

}

@media only screen and (min-width: 1150px) {
    
    #cabecera {
        min-height: 105px;
    }

    
    
     a.navbar-brand .brand-title,
a.navbar-brand .brand-title-bloc {
    font-size: 26px;
    padding-left: 85px;
}
    
    a.navbar-brand .brand-subtitle {
    padding-left: 85px;
    font-size: 29px;
}
    
    a.navbar-brand img {
    width: 70px;
}
    
}


@media only screen and (min-width: 1320px) {
    
   
    
    a.navbar-brand .brand-title,
a.navbar-brand .brand-title-bloc {
    font-size: 30px;
    padding-left: 100px;
}


a.navbar-brand .brand-subtitle {
    padding-left: 100px;
    font-size: 34px;
}
    
     a.navbar-brand img {
    width: 80px;
}
    
}


/*CONTENEDORES*/

.container {
    max-width: 1140px!important;
}

main {
    padding-top: 68px;
}

@media only screen and (min-width: 768px) {
 main {
    padding-top: 60px;
}   
}

@media only screen and (min-width: 1150px) {
 main {
    padding-top: 105px;
}   
}





/*JUMBOTRON*/


.parallax-window {
	background:transparent;
	background-position:50% 50%;
    min-height: 170px;
}

.jumbotron {
    margin: 0;
}

.jumbotrontxt {
    padding: 29px 15px 20px 15px;
    position: relative;
    background-color: #009fe3;
    
    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;
}



.jumbotrontxt .etiquetatitulo {
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 3px 8px;
    color: #009fe3;
    position: absolute;
    top: -10px;
    left: 16px;
    z-index: 6;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    background-color: #ffffff;
}

.jumbotrontxt h1 {
    line-height: 1.15;
    font-size: 1.6rem;
}

.jumbotrontxt h1 {
    font-size: 1.6rem;
    color: #ffffff;
}  



@media only screen and (min-width: 768px) {
    
  .jumbotrontxt h1 {
    font-size: 2rem;
}  
    
  .parallax-window {
    min-height: 270px;
}
}


@media only screen and (min-width: 992px) {
    
  .jumbotrontxt h1 {
    font-size: 2.2rem;
}  
    
}

@media only screen and (min-width: 1150px) {
    
  .jumbotrontxt h1 {
    font-size: 2.5rem;
}  
    
}



.jumbotrontxt h1, .jumbotrontxt p {
    margin-bottom: 0;
}

body.inicio .jumbotrontxt {
    background: none;
}

body.inicio .jumbotrontxt .introinicio {
    background-color: transparent;
    background-image: url("../../../img/semitransparente.png");
    background-repeat: repeat;
    padding: 15px 20px 15px 20px;
    font-size: 1em;
    line-height: 1.4;
}

body.inicio .jumbotrontxt h1 {
    color: #ffffff;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    margin-bottom: 20px;
}

body.inicio .jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
}


.introinicio {
    margin-top: 10px;
    font-size: 1.1em;
}

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



/*BARRA LATERAL*/

#sticky-sidebar {
    background-color: #f0f1fd;
    position: absolute;
    z-index: 99;
    left: 0;
    width: 280px;
    height: 100%;
    top: 60px;
    bottom: 0;
    -webkit-transition: width 0.5s ease, background-color 0.3s ease;
    -o-transition: width 0.5s ease, background-color 0.3s ease;
    transition: width 0.5s ease, background-color 0.3s ease; 
    line-height: 1.25;
    -webkit-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
}

#sticky-sidebar .sticky-top {
    top: 70px;
}

@media only screen and (min-width: 768px) {
    #sticky-sidebar {
        width: 330px;
    }
    
    #sticky-sidebar .sticky-top {
    top: 90px;
}
}

@media only screen and (min-width: 1150px) {
    #sticky-sidebar .sticky-top {
    top: 105px;
}
}


#sticky-sidebar.sidebarclose {
    background-color: #2164ae;
	width:35px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
   #sticky-sidebar.sidebarclose {
	width:50px;
} 
    
}

#menuindice {
    padding: 60px 1rem .5rem 1rem;
    display: none;
}

#menuindice .nav-link {
    padding: .2rem 0.6rem;
    font-size: 0.95em;
    margin: 3px 0;
}

#menuindice  .nav-pills .nav-link {
    border-radius: 0;
     color: #2164ae;
}

#menuindice .nav-pills .nav-pills a.nav-link {
    margin-bottom: 0;
    margin-left: 1rem;
}

#menuindice .nav-pills .nav-pills a.nav-link:last-of-type {
    margin-bottom: 3px;
}



.colorazul .nav-pills .nav-link {
    color: #2164ae;
}

#menuindice .nav-pills .nav-link.active, 
#menuindice .nav-pills .show > .nav-link {
    background-color: #2164ae;
    color: #ffffff;
}


#menuindice .nav-pills .nav-pills .nav-link.active, 
#menuindice .nav-pills .nav-pills .show > .nav-link {
    background-color: #cdd6fc;
    color: #2164ae;
}



/* Position and style the close button (top right corner) */
#cerrarindice {
    
    display:none;
    
  position: absolute;
    z-index: 100;
  top: 10px;
  right: 17px;
  font-size: 36px;
  background:transparent;
  color: #2164ae;
  text-decoration:none;
  cursor: pointer;
  line-height:20px;
  padding:8px;
}

#cerrarindice:hover,
#cerrarindice:focus,
#cerrarindice:active {
	color:#2164ae;
	text-decoration:none;
	background-color:#EDEDED;
}

/* The button used to open the sidebar */
#abririndice {
	position: absolute;
    z-index: 100;
  top: 10px;
  right: 6px;
font-size: 36px;
  cursor: pointer;
  border: none;
  background:transparent;
  color:#c7c7c7;
  text-decoration:none;
  line-height:20px;
  padding:5px;
}

/*#abririndice:hover,
#abririndice:focus,
#abririndice:active {
	color:#c7c7c7;
	background-color:#EDEDED;
	text-decoration:none;
}*/


@media only screen and (min-width: 768px) {
    
#abririndice {
  top: 10px;
  right: 12px;
  padding:8px;
}
    
}
    
    
    



/*CONTENIDO*/

#contenedor {
    position: relative;
    padding: 60px 0 0 0;
}


#contenidopagina {
    -webkit-transition: padding-left 0.5s ease;
    -o-transition: padding-left 0.5s ease;
    transition: padding-left 0.5s ease; 
    padding:0 0 0 35px;
}

#contenidopagina .franja {
    padding: 0 15px;
}


#contenidopagina h3 {
    border-bottom-color: #2164ae;
}

#contenidopagina h3 {
    border-bottom-color: #2164ae;
}

.seccion {
    padding-bottom: 40px;
}


/*Colores secciones*/

.seccionintroduccion,
body.paginabloque #contenedor {
    background: #ffffff;
}

.seccionteoria {
    background: #e7f2ff;
    padding-bottom: 70px;
}

.seccionlaboratorio {
    background: #f8ac00;
    margin-bottom: 40px;
}

.seccionrecursos {
    background: #ffffff;
}

.seccionclaves {
    background: #ffffff;
}

.seccioncuentanos {
    background-color: #ffffff;
}

.seccionintroduccion h2.tituloseccion {
    background-color: #009fe3;
    background-color: #2164ae;
}

.seccionteoria h2.tituloseccion {
    background-color: #3fa535;
    background-color: #2164ae;
}

.seccionlaboratorio h2.tituloseccion {
    background-color: #f8ac00;
    background-color: #2164ae;
}

.seccionrecursos h2.tituloseccion {
    background-color: #c2a541;
    background-color: #2164ae;
}

.seccionclaves h2.tituloseccion {
    background-color: #ea8486;
    background-color: #2164ae;
}

.seccioncuentanos h2.tituloseccion {
    background-color: #5dae94;
    background-color: #2164ae;
}




.cajaseccion {
    background-color: #ffffff;
    padding: 1.5em 0;
}

.seccionlaboratorio .cajaseccion,
.seccionteoria .cajaseccion {
    padding: 1.5em 2em;
}



.franjatituloseccion {
    position: sticky;
    top: 68px;
    z-index: 90;
}

@media only screen and (min-width: 768px) {
    #contenidopagina {
    padding-left:50px;
}
    
.franjatituloseccion {
    top: 76px;
}
}

@media only screen and (min-width: 1150px) {
    
  .franjatituloseccion {
    top: 105px;
}  
}

/*.pagina .row {
    padding-bottom: 1.7em;
}*/


@media only screen and (min-width: 1215px) {
#contenidopagina {
    padding-left:0;
}
}


h2.tituloseccion {
    color: #ffffff;
    padding: 1em 70px 1em 20px;
    margin-top: 0;
    margin-bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.6em;
    position: relative;
}
h2.tituloseccion span {
    display: block;
    max-width: 625px;
}

h2.tituloseccion img {
    width: 60px;
    position: absolute;
    right: 20px;
    top:-10px;
}

.seccionlaboratorio h2.tituloseccion img,
.seccionintroduccion h2.tituloseccion img {
    width: 50px;
    top:-10px;
}


#contenidopagina h3 {
    margin-top: 30px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

@media only screen and (min-width: 768px) {
#contenidopagina h2.tituloseccion {
    padding: 1em 130px 1em 30px;
    font-size: 1.75em;
}
#contenidopagina h3 {
    border-bottom-width: 4px;
} 
    
h2.tituloseccion img {
    width: 90px;
}

.seccionlaboratorio h2.tituloseccion img,
.seccionintroduccion h2.tituloseccion img {
    width: 80px;
}
    
}

@media only screen and (min-width: 1150px) {
#contenidopagina h2.tituloseccion {
    padding: 1em 140px 1em 30px;
    }
    
  h2.tituloseccion img {
    width: 120px;
      top:-10px;
}

.seccionlaboratorio h2.tituloseccion img,
.seccionintroduccion h2.tituloseccion img {
    width: 100px;
    top:-20px;
}  
    
}




/*INICIO*/






@media only screen and (min-width: 576px) {
.bloquesinicio {
	display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:wrap;
     flex-wrap:wrap;
-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;
}

.bloquesinicio > div {
	width:49%;
}


}

@media only screen and (min-width: 992px) {
   .bloquesinicio > div {
	width:32%;
} 
    
}

.bloquesinicio .cajabloque {
    position: relative;
    margin-bottom: 60px;
    border-radius: 0.25rem;
    background-color: #e7f2ff;
    border-top: 5px solid #2164ae;
}


.cajabloque .numbloque {
    position: absolute;
    top: -20px;;
    z-index: 2;
    text-align: center;
    margin-bottom: -15px;
    width: 100%;
}


.cajabloque .numbloque p {
    color: #ffffff;
    padding: 5px 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 0.9em;
    display: inline-block;
    background-color: #2164ae;
}

.cajabloque .imgbloque {
    height: 140px;
    background-size: cover;
}


.cajabloque img.img-responsive {
    margin: 0;
    width: 100%;
}

.cajabloque .titulobloque {
    padding: 13px 25px 65px 25px;
}

.cajabloque .titulobloque a {
    display: block;
}

.cajabloque .titulobloque h2 {
    font-size: 1.3em;
    color: #2164ae;
}

.cajabloque .titulobloque a, .cajabloque .titulobloque a:hover, .cajabloque .titulobloque a:active, .cajabloque .titulobloque a:focus {
    text-decoration: none;
}

.cajabloque .cajabloquelinks {
    padding: 10px 25px 3px 25px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #2164ae;
}

.cajabloque .cajabloquelinks svg {
    display: inline-block;
    margin: 0 14px;
}


/*Logos*/

.logos {
    padding-top: 50px;
    padding-bottom: 35px;
    margin-top: 50px;
    border-top: 1px solid #009fe3;
}


.logos .logos-uni {
    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:start;
    -ms-flex-pack:start;
        justify-content:flex-start ;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

        margin-bottom: 60px;
}

.logos .logos-uni .logo {
    margin: 0 10px;
    height: 60px;
}

.logos .logos-uni .logo img {
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
}



.logos .logos-eu {
    margin-bottom: 20px;
    padding: 20px 20px 10px 20px;
    background: #f6f6f6;
    border-radius: 10px;
}



.logos .logos-eu .txt-eu {
    max-width: 800px;
    margin-bottom: 20px;
}


.logos .logos-eu .txt-eu div {
    font-size: 0.7em;
    line-height: 1.3;
    color: #2164ae;
}


 .logos .logos-eu .logo-eu {
    height: 60px;
    margin-bottom: 20px;
 }

.logos .logos-eu .logo-eu img {
    margin: 0 auto;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
}

@media only screen and (min-width: 552px) {
    .logos .logos-eu .txt-eu {
        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;
    }
    .logos .logos-eu .txt-eu div {
        width: 47%;
    }


}

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

    .logos .logos-eu {
        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;
    }

    .logos .logos-eu .txt-eu {
        width: 60%;
        margin: 0;
        max-width: none;
    }

    .logos .logos-uni .logo {
        margin: 0 15px;
        height: 75px;
    }

    .logos .logos-eu .logo-eu {
        height: auto;
        width: 37%;
     }

     .logos .logos-eu .logo-eu img {
        height: auto;
     }

     .modal .logos .logos-eu {
        display: block;
     }

     .modal .logos .logos-eu .txt-eu {
        width: auto;
        margin-bottom: 20px;
    }


    .modal .logos .logos-eu .logo-eu {
        height: 60px;
    margin-bottom: 20px;
    width: auto;
     }

    .modal .logos .logos-eu .logo-eu img {
        height: 100%;
     }


}



.modal .logos {
    padding-bottom: 0;
}


.creativecommons {
    max-width: 500px;
    padding: 20px 10px 50px 10px;
    margin: 0 auto;
    font-size: 0.7em;
    text-align: center;
    line-height: 1.4;
}

.creativecommons p {
    margin: 10px 0 0 0;
}

.creativecommons p a {
    color: #000000;
}



/*LABORATORIO*/



/*

.pagina .seccionlaboratorio .titulolaboratoriowrap {
    text-align: center;
}


.pagina .seccionlaboratorio .titulolaboratorio {
    padding: 15px 60px;
    position: relative;
    text-align: center;
    max-width: 550px;
    border-top: 5px solid #869be3;
    margin: 0 auto;
    z-index: 10;
    top: -40px;
    margin-bottom: -30px;
    background-color: #dce3fa;
    -webkit-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
    -moz-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
}



.seccionlaboratorio h2 {
    color: #2164ae;
}

.pagina#contenidopagina .seccionlaboratorio .titulolaboratorio h2 {
    text-align: center;
    border: none;
    background-image: none;
    background-color: transparent;
    background: none;
    color: #2164ae;
    margin: 15px auto 0 auto;
    font-weight: normal;
    font-size: 1.8em;
    text-transform: uppercase;
    padding: 0;
}


.pagina .seccionlaboratorio .titulolaboratorio img {
    width: 70px;
    display: block;
    margin: 0 auto;
}


#contenidopagina .seccionlaboratorio h2 img {
    float: right;
    width: 100px;
    position: relative;
    top: -15px;
}*/

.pagina .seccionlaboratorio .descargalaboratorio {
    text-align: center;
    margin: 2em 0;
}

.pagina .seccionlaboratorio .descargalaboratorio a {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    background-color: #ffffff;
    color: #2164ae;
    padding: 18px 19px 18px 65px;
    border: 1px solid #ffffff;
    border-radius: 12px;
    font-size: 1.15em;
    
    -webkit-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; 

    background-image: url('../../../img/pdf.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 40px 40px;
}

.pagina .seccionlaboratorio .descargalaboratorio a .glyphicon {
    margin-right: 10px;
    display: none;
}

.pagina .seccionlaboratorio .descargalaboratorio a:hover,
.pagina .seccionlaboratorio .descargalaboratorio a:focus,
.pagina .seccionlaboratorio .descargalaboratorio a:active {
    text-decoration: none;
    border-color: #2164ae;
}


.pagina .seccionlaboratorio .titulogrupoactividades {
    color: #ffffff;
    font-size: 1.6em;
    margin: 15px 0 40px 0;
    border-bottom: 1px solid #ffffff;
    font-weight: normal;
}

/*Acordeon actividades*/

.acordeonactividad .card {
    /*-webkit-box-shadow: 0 0 1.375rem rgba(55, 43, 94, 0.2);
  box-shadow: 0 0 1.375rem rgba(55, 43, 94, 0.2);*/
    border-radius: 2.5rem;
}

#contenidopagina .seccionlaboratorio .acordeonactividad .card-header {
    margin-top: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    /*position: sticky;
    top: 105px;
    z-index: 90;*/
}

#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a {
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}

#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a h3 {
    background-color: #2164ae  !important;
    color: #ffffff !important;
    border-radius: 2.5rem 2.5rem 0 0;
}

#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a.collapsed {
    background-color: transparent;
}

#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a.collapsed h3 {
    background-color: #ffffff !important;
    color: #2164ae !important;
    border-radius: 2.5rem;
    border-bottom: 4px solid #2164ae;
}


#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a.collapsed .etiquetatitulo {
    color: #ffffff !important;
    background-color: #2164ae !important;
}

#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a h3 {
    color: #2164ae;
    background-color: #ffffff;
    border: none;
    padding: 1em 80px 1em 20px;
    margin-top: 0;
    margin-bottom: 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 60px 40px;
    background-image: url("../../../img/ejercicio.png");
    font-size: 1.4em;
    min-height: 40px;
    position: relative;
}

#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a h3 .etiquetatitulo {
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 3px 8px;
    color: #2164ae;
    position: absolute;
    top: -10px;
    left: 40px;
    z-index: 6;
    display: inline-block;
    font-size: 13.6px;
    font-weight: bold;
    background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
    
#contenidopagina .seccionlaboratorio .acordeonactividad .card-header a h3 {
    padding: 1em 100px 1em 20px;
    background-size: 80px auto;
    font-size: 1.6em;
    min-height: 53px;
}
    
}

.pagina .seccionlaboratorio .bloquelaboratorio {
    padding-bottom: 25px;
}

.pagina .seccionlaboratorio .cajalaboratorio {
    background-color: #ffffff;
    padding: 0.5em 1.2em 0.5em 1.2em;
}

.pagina .seccionlaboratorio .bloquelaboratorio .row {
    padding: 0;
}

.pagina .seccionlaboratorio h4 {
    margin-bottom: 0.8em;
    margin-top: 20px;
}


.pagina .seccionlaboratorio h4.pasosaseguir {
    background-image: url("../../../img/pasos.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 116px 47px;
    display: inline-block;
    padding-left: 130px;
    padding-top: 15px;
    min-height: 47px;
}

.pagina .objetivo {
    background-color: #f0f1fd;
    padding: 72px 20px 20px 20px;
    margin: 0 0 12px 0;
    min-height: 82px;
    
    background-image: url("../../../img/objetivo2.png");
    background-repeat: no-repeat;
    background-position: center 18px;
    background-size: 59px 42px;
}

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

.pagina .objetivo h4 {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.pagina .objetivo ul {
    margin-bottom: 0;
    padding-left: 20px;
}


@media only screen and (min-width: 768px) {
    
.pagina .objetivo {
    padding: 20px 20px 20px 100px;
    background-image: url("../../../img/objetivo2.png");
    background-position: 15px center;
    background-size: 70px 50px;
    min-height: 90px;
}
    
}

/*VIDEO*/

.embed-responsive {
    margin-bottom: 15px;
    border: 1px solid #dddddd;
}

/*Grafico Actividades*/


.graficoactividades {
    margin: 30px 0;
    background-image: url("../../../img/linea.png");
    background-position: left center;
    background-size: 1px 5px;
    background-repeat: repeat-x;
    
    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;
}

.graficoactividades a {
    display: inline-block;
    padding: 20px;
    border-radius: 0.3em;
    background-color: #e0e1f5;
    color: #2164ae;
    text-align: center;
    margin: 0 5px;
    line-height: 1.2;
    text-decoration: none;
    
    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;
}

.graficoactividades a:first-of-type {
    margin-left: 0;
}

.graficoactividades a:last-of-type {
    margin-right: 0;
}

.graficoactividades a:hover,
.graficoactividades a:focus,
.graficoactividades a:active {
    color: #ffffff;
    background-color: #2164ae;
    text-decoration: none;
}


/*SECCIÓN CUENTANOS*/


.interiorcuentanos {
    border: 3px dashed #2164ae;
    border-radius: 10px;
    padding: 30px;
    background-color: #f0f1fd;
}

.seccioncuentanos .btn {
    background-color: #2164ae;
    border-color: #2164ae;
}

.seccioncuentanos .row {
    padding-bottom: 0;
}



/*RECURSOS NORMALES*/

.caja {
    padding: 0.7em 1em; 
    background-color: #f4f4f4;
    margin: 1em 0;
    border-left: 2px solid #2164ae;
}

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

.cajaicono {
    padding: 25px;
    border: 2px solid #dddddd;
    padding-left: 155px;
    
    background-image: url("../../../img/abajo.png");
    background-repeat: no-repeat;
    background-position: 20px 25px;
    background-size: 110px 110px;
}

.caja p:last-of-type, .cajaicono p:last-of-type {
    margin-bottom: 0;
}



.destacadofiletes {
    text-align: center;
    font-size: 1.1em;
}


.destacadofiletes::before {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    margin:  0 auto 30px auto;
    background-color: #869be3;
}

.destacadofiletes::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    margin:  30px auto 0 auto;
    background-color: #869be3;
}


@media only screen and (min-width: 768px) {
.destacadofiletes::before { 
    margin-bottom: 50px;
    height: 5px;
}
    
.destacadofiletes::after { 
    margin-top: 50px;
    height: 5px;
}
    
}



    
.importante {
    color: #2164ae;
    font-size: 1.35em;
    margin: 1em auto;
    max-width: 800px;
    text-align: center;
    line-height: 1.35;
}

.sombra {
    -webkit-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
    -moz-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.32);
}


.num1, .num2, .num3, .num4 {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 20px 20px;
    padding-left: 30px;
    min-height: 20px;
}

.num1 {
    background-image: url("../../../img/num1.svg");
}

.num2 {
    background-image: url("../../../img/num2.svg");
}

.num3 {
    background-image: url("../../../img/num3.svg");
}

.num4 {
    background-image: url("../../../img/num4.svg");
}


.nivel {
    padding: 10px 30px;
    min-height: 60px;
    background-color: #eeeeee;
    margin: 0 0 20px 0;
}

.nivel h4 {
    display: inline-block;
    margin: 0 20px 0 0;
}

.nivel img {
    width: 40px;
    display: inline-block;
    margin: 0;
}

.parasaber {
    padding: 20px 20px 10px 20px;
    border-left: 2px solid #f8ac00;
    background: #fef7eb;
    position: relative;
    margin-bottom: 1em;
}

.carousel .parasaber,
.pestanasvertical .tab-content{
    background: #ffffff;
}

.parasaber::after {
    content: '';
    background-image: url("../../../img/recursos.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 80px 46px;
    width: 80px;
    height: 46px;
    display: block;
    position: absolute;
    right: 10px;
    top: -10px;
}

.parasaber h5 {
    margin-bottom: 20px;
    /*color: #f8ac00;*/
}


@media only screen and (min-width: 768px) {
    
  .num1, .num2, .num3, .num4 {
    background-size: 24px 24px;
    padding-left: 38px;
    min-height: 24px;
} 
    
    .parasaber {
        margin-bottom: 0;
    }
    
.parasaber::after {
    background-size: 100px 58px;
    width: 100px;
    height: 58px;
    right: 10px;
    top: -10px;
}
    
}


.tiempo {
    display: inline-block;
    color: #2164ae;
    background-image: url("../../../img/time.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 27px 27px;
    padding-right: 35px;
    min-height: 27px;
}




/*Recursos para ampliar*/


.cajarecurso {
    padding-bottom: 1em; 
    border-bottom: 1px solid #dddddd;
    margin: 0 0 1em 0;
    min-height: 50px;
}

.cajarecurso p, .cajarecurso li {
    font-size: 0.96em;
    line-height: 1.4;
}

.cajarecursoconimg figure img.img-responsive {
    margin: 0;
}

.cajarecursoconimg figure {
    max-width: 200px;
}

.titulorecurso {
    font-weight: bold;
}

.subtitulorecurso {
    color: #909090;
}

a.enlacerecurso {
    float: right;
    background-image: url("../../../img/enlace.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    margin: 0 0 15px 15px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #009fe3;
}

a.enlacerecurso:hover {
    cursor: pointer;
    background-color: #2164ae;
}

@media only screen and (min-width: 552px) {
    
    
.cajarecursoconimg {
        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;
    }
    
.cajarecursoconimg figure {
    width: 12%;
}
    
.cajarecursoconimg .cajarecursotxt {
    width: 85%;
}
    
.cajarecursoconimg figure {
    margin: 0;
}
    
.cajarecurso p:last-of-type {
    margin-bottom: 0;
}
}

@media only screen and (min-width: 768px) {
    
a.enlacerecurso {
    background-size: 22px 22px;
    margin: 0 0 20px 20px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
    
}


/*TABS PESTAÑAS VERTICAL*/


.pestanasvertical {
}

.pestanasvertical .nav-tabs {
    border:none;
}

.pestanasvertical .nav-tabs .nav-link {
    border:none;
    line-height: 1.3;
    background: #f0f1fd;
    border-radius: 0;
    text-decoration: none;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; 
    color: #2164ae;
    text-align: center;
    border-right: 2px solid #ffffff;
    padding: .8rem 1rem;
    margin-bottom: 2px;
    width: 100%;
}


.pestanasvertical .nav-tabs .nav-link:focus, 
.pestanasvertical .nav-tabs .nav-link:hover {
    background-color: #e1e2f5;
    border-right: 2px solid #ffffff;
}


.pestanasvertical .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #2164ae;
    border-right: 2px solid #ffffff;
}


.pestanasvertical .nav-tabs .nav-link.active:focus,
.pestanasvertical .nav-tabs .nav-link.active:hover {
   color: #ffffff;
    background-color: #2164ae;
}



.pestanasvertical .tab-content {
    padding: 1.2em;
    margin-bottom: 0;
    margin-top: 8px;
    /*border-right: 6px solid #2164ae;
    border-bottom: 6px solid #2164ae;*/
    background-color: #f7f7f7;
}




@media only screen and (min-width: 768px) {
    
    
.pestanasvertical {
        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;
    }
    
    .pestanasvertical .nav-tabs-area {
        width: 32%;
    }
    
    .pestanasvertical .tab-content {
        width: 66%;
    margin-top: 0;
}
    
.pestanasvertical .nav-tabs .nav-link {
    text-align: left;
    padding-right: 45px;
    border-right: none;
}
 
    
.pestanasvertical .nav-tabs .nav-link.active,
.pestanasvertical .nav-tabs .nav-link:focus, 
.pestanasvertical .nav-tabs .nav-link:hover {
    border-right: none;
}

    
.pestanasvertical  .nav-tabs .nav-link.active {
    background-image: url("../../../img/derecha-w.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 40px auto; 
}
    
}


/*TABS PESTAÑAS HORIZONTAL*/


.pestanashorizontal {
    margin-top: 2em;
}

.pestanashorizontal .nav-tabs {
    border:none;
}

.pestanashorizontal .nav-tabs .nav-link {
    border:none;
    line-height: 1.3;
    background: #f0f1fd;
    border-radius: 0;
    text-decoration: none;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; 
    color: #2164ae;
    text-align: center;
    border-right: 2px solid #ffffff;
    padding: .8rem 1rem;
    margin-bottom: 2px;
    width: 100%;
}


.pestanashorizontal .nav-tabs .nav-link:focus, 
.pestanashorizontal .nav-tabs .nav-link:hover {
    background-color: #e1e2f5;
    border-right: 2px solid #ffffff;
}

.pestanashorizontal .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #2164ae;
    border-right: 2px solid #ffffff;
}

.pestanashorizontal .nav-tabs .nav-link.active:focus,
.pestanashorizontal .nav-tabs .nav-link.active:hover {
   color: #ffffff;
    background-color: #2164ae;
}



.pestanashorizontal .tab-content {
    padding: 1.2em;
    margin-bottom: 2em;
    margin-top: 8px;
    /*border-right: 6px solid #2164ae;
    border-bottom: 6px solid #2164ae;*/
    background-color: #f7f7f7;
}




@media only screen and (min-width: 768px) {
/*.pestanashorizontal .nav-tabs .nav-link {
    text-align: left;
    padding-right: 45px;
    border-right: none;
    
}
    
.pestanashorizontal  .nav-tabs .nav-item.show .nav-link, 
.pestanashorizontal  .nav-tabs .nav-link.active {
    background-image: url("../../../img/derecha-w.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 40px auto; 
}*/
    
    .pestanashorizontal .nav-link {
        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;
    }
    
    
    .pestanashorizontal .nav-tabs-2 .nav-link {
        width: 50%;
    }
    
    .pestanashorizontal .nav-tabs-3 .nav-link {
        width: 33.33%;
    }
    
    .pestanashorizontal .nav-tabs-4 .nav-link {
        width: 25%;
    }
    
    .pestanashorizontal .nav-tabs-5 .nav-link {
        width: 20%;
    }
    
    .pestanashorizontal .nav-tabs-6 .nav-link {
        width: 16.66%;
    }
    
    .pestanashorizontal .nav-tabs-7 .nav-link {
        width: 14.2857%;
    }
    
    .pestanashorizontal .nav-tabs-8 .nav-link {
        width: 12.5%;
    }
    
    
}


/*************************
PESTAÑAS PASOS
**************************/



.pestanaspasos {
	clear:both;
    text-align: center;
    margin-top: 40px;
}

.pestanaspasos .tab-content {
margin: 0;
    text-align: left;
    background-color: #f6f6f6;
}


.pestanaspasos .tab-content .tab-pane {
padding:25px 35px 7px 35px;
background-color: #f6f6f6;
}

.pestanaspasos .nav-tabs {
	border:none;
	margin:0 0 20px 0 !important;
    padding: 0;    
    position: relative;
    display: inline-block;
}

.pestanaspasos .nav-tabs::before {
    content: '';
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 9px;
    right: auto;
    bottom: 0;
    z-index: 1;
    background-color: #e5e5e5;
}


.pestanaspasos .nav-tabs > li {
    text-align: left;
    margin: 0;
    padding: 2px 0 16px 0px;
    position: relative;
    z-index: 10;
    float: none;
    width: 100%;
}

.pestanaspasos .nav-tabs > li:first-of-type {
    padding-top: 0;
}

.pestanaspasos .nav-tabs > li:last-of-type {
    padding-bottom: 0;
}

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    background-color: transparent;
}

/*.pestanaspasos .nav-tabs > li.active::after {
    content: '';
    width: 0; 
    height: 0; 
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #B5B5B5;
    border-right: 8px solid transparent;
    margin: 0;
}*/


.pestanaspasos .nav-tabs > li > a {
	text-decoration:none;
	background-color: transparent;
	border-radius:0;
	margin:0;
	padding:3px 0 0 25px;
    color: #212529;
    border: none;
    display: block;
     transition: color 0.2s;
    line-height: 1.25;
}


.pestanaspasos .nav-tabs > li a::before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 10px;
    background-color: #757575;
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0;
    
    background-image: url("../../../img/abajo-w2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px 10px;
}

.pestanaspasos .nav-tabs > li a.active::before {
    background-color: #2164ae;
}


.pestanaspasos .nav-tabs > li > a:active, 
.pestanaspasos .nav-tabs > li > a:focus, 
.pestanaspasos .nav-tabs > li > a:hover {
	color: #2164ae;
    background-color: transparent;
    border: none;
}

.pestanaspasos .nav-tabs > li a.active {
    font-weight: bold;
}

.pestanaspasos .nav-tabs > li > a.active, 
.pestanaspasos .nav-tabs > li > a.active:active
.pestanaspasos .nav-tabs > li > a.active:focus, 
.pestanaspasos .nav-tabs > li > a.active:hover {
	text-decoration:none;
	color: #2164ae;
	background-color: transparent;
    border: none;
}




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

    
.pestanaspasos .nav-tabs {
    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;
 margin: 0 !important;  
}
    
.pestanaspasos .nav-tabs::before {
    width: 100%;
    height: 3px;
    top: 10px;
    left: 0;
    right: 0;
    bottom: auto;
}
    

    
.pestanaspasos .nav-tabs > li {
    text-align: center;
    padding: 0 4px 25px 4px;
}
    
.pestanaspasos .nav-tabs > li > a {
	padding:0;
}
    
.pestanaspasos .nav-tabs > li a::before {
    margin: 0 auto 5px auto;
    position: static;
    left: auto;
    top: auto;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-size: 12px 12px;
    background-image: url("../../../img/derecha-w2.png");
}
    
    

    
/*.pestanaspasos .nav-tabs > li.active::after {
    bottom: 7px;
    top: auto;
    left: 50%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #B5B5B5;
    border-bottom: 8px solid transparent;
    margin: 0 0 0 -8px;
}*/


}




/*CARRUSEL SLIDER*/

.carousel {
    background: #f6f6f6;
    padding: 30px 35px 50px 35px;
}

.carousel-control-next, .carousel-control-prev {
    width: 20px;
    color: #757575;
    background-color: #2164ae;
    opacity: 0.6;
}


.carousel-indicators li {
    background-color: #dfdfdf;
    color: #2164ae;
}

.carousel-indicators .active {
    background-color: #2164ae;
    color: #ffffff;
}

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



@media only screen and (min-width: 768px) {
    
.carousel {
    padding: 30px 60px 50px 60px;
}
  
.carousel-control-next, .carousel-control-prev {
    width: 40px;
}
    
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 20px;
  height: 20px;
}
    
}


/*CARRUSEL SLIDER PASOS A SEGUIR*/



.carousel.pasosaseguir .carousel-indicators {
    position: static;
    margin: 8px 0 20px 0;
}

.carousel.pasosaseguir .carousel-indicators li {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
    padding: 2px;
    color: #2164ae;
    line-height: 1;
    margin: 0 8px;
    font-size: 0.8em;
    
    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;
 
}

.carousel.pasosaseguir .carousel-indicators li.active {
    color: #ffffff;
    font-weight: bold;
}

.carousel.pasosaseguir {
    padding: 10px 35px 30px 35px;
}

@media only screen and (min-width: 768px) {
    
.carousel.pasosaseguir {
    padding: 10px 60px 30px 60px;
}
    
}



/*ACORDEÓN*/

.acordeon {
    margin: 1em 0;
}

.row > div > .acordeon {
    margin-top: 0;
}


.card {
    border: none;
}

.acordeonobjetivos .card-header {
    padding: 0;
    margin-top: 7px;
    border: none;
    background-color: transparent;
}

.acordeonobjetivos .card-header a {
    display: block;
    padding: 12px 20px 12px 82px;
    border: none;
    color: #2164ae !important;
    background-color: #e1e2f5;
    
    background-image: url("../../../img/objetivo2.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 59px 42px;
    min-height: 66px;
}


.acordeonobjetivos .card-header a.collapsed {
    background-color: #f0f1fd;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; 
}



.acordeonobjetivos .card-header a.collapsed:hover {
    background-color: #e1e2f5;
}


.acordeonobjetivos .card-header span {
    margin-left: 2em;
    display: block;
    line-height: 1.3;
}


.acordeonobjetivos .card-header span.glyphicon {
   height:2em;
   width:2em;
    color: #2164ae;
    margin-left: 0;
    font-size: 0.7em;
   border-radius:50%;
    text-align: center;
    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;
    float: left;
    padding-bottom: 2px;
    margin-right: 10px;
}

.acordeonobjetivos .card-header .collapsed .glyphicon {
    padding-bottom: 0;
    padding-top: 3px;
    color: #2164ae;
}

.acordeonobjetivos .card-header .glyphicon:before {
  content: "\e113";
}

.acordeonobjetivos .card-header .collapsed .glyphicon:before {
  content: "\e114";
}

.acordeonobjetivos .card-body {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-style: solid;
    border-left-width: 3px;
    border-bottom-color: #e1e2f5;
    border-left-color: #e1e2f5;
    margin-bottom: 0.4em;
}



@media only screen and (min-width: 768px) {
  .acordeonobjetivos .card-body {
    border-bottom-width: 4px;
    border-left-width: 4px;
} 
   .acordeonobjetivos .card-header span.glyphicon {
        border-width:3px;
        height:1.85em;
   width:1.85em;
    }

}


/*Acordeon normal*/


.acordeonnormal .card-header {
    padding: 0;
    margin-top: 7px;
    border: none;
    background-color: transparent;
}

.acordeonnormal .card-header a {
    display: block;
    padding: 12px 20px;
    border: none;
    color: #2164ae !important;
    background-color: #e1e2f5;
}


.acordeonnormal .card-header a.collapsed {
    background-color: #f0f1fd;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; 
}



.acordeonnormal .card-header a.collapsed:hover {
    background-color: #e1e2f5;
}


.acordeonnormal .card-header span {
    margin-left: 2em;
    display: block;
    line-height: 1.3;
}


.acordeonnormal .card-header span.glyphicon {
   height:2em;
   width:2em;
    color: #2164ae;
    margin-left: 0;
    font-size: 0.7em;
   border-radius:50%;
    text-align: center;
    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;
    float: left;
    padding-bottom: 2px;
    margin-right: 10px;
}

.acordeonnormal .card-header .collapsed .glyphicon {
    padding-bottom: 0;
    padding-top: 3px;
    color: #2164ae;
}

.acordeonnormal .card-header .glyphicon:before {
  content: "\e113";
}

.acordeonnormal .card-header .collapsed .glyphicon:before {
  content: "\e114";
}

.acordeonnormal .card-body {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-style: solid;
    border-left-width: 3px;
    border-bottom-color: #e1e2f5;
    border-left-color: #e1e2f5;
    margin-bottom: 0.4em;
}



@media only screen and (min-width: 768px) {
  .acordeonnormal .card-body {
    border-bottom-width: 4px;
    border-left-width: 4px;
} 
   .acordeonnormal .card-header span.glyphicon {
        border-width:3px;
        height:1.85em;
   width:1.85em;
    }

}

/*************************
FORMULARIO
**************************/


form textarea {
    width: 100%;
    resize: none;
    margin-bottom: 10px;
}




/*MODAL*/

.modal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.modal .modal-body {
    padding: 1.5em;
    font-size: 0.95em;
    padding-top: 0;
}

.modal .modal-backdrop.show {
    opacity: 0.4;
}

.modal .modal.fade .modal-dialog {
    transition-duration: .4s, .4s;
}

.modal .modal-title {
    color: #009fe3;
    margin-bottom: 1em;
    margin-top: 1em;
}

.modal .caja {
    border-left: 3px solid #009fe3;
}




/*SUBIR ARRIBA*/

#subirarriba {
    display: none;
    cursor: pointer;
    text-decoration: none;
    background-color: #dddddd;
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 80px;
    right: 0;
    text-align: center;
    padding-top: 11px;
    opacity: 0.95;
}

#subirarriba .glyphicon {
    color: #ffffff;
    font-size: 1.3em;
}


#subirarriba:hover,
#subirarriba:focus,
#subirarriba:active {
    text-decoration: none;
}


@media only screen and (min-width: 768px) {
 #subirarriba {
    width: 50px;
    height: 50px;
} 
}



/*GRAFICO SUPERPUESTO*/
.graficosuperpuesto {
	position:relative;
}

.graficosuperpuesto img {
	position:absolute;
	top:0;
	left:0;
	margin:0 !important;
}

.graficosuperpuesto > img:first-of-type {
	position:relative;
}



/* BOTON VOLVER */

.boton-volver {
text-align: center;
margin-bottom: 100px;
margin-top: -30px;
position: relative;
z-index: 10;
}

.boton-volver a {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    background: #7c7c7c;
    color: #ffffff;
    font-weight: bold;
    padding: 17px 27px 17px 43px;
    border-radius: 26px;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 1;

    background-image: url('../../../img/back.svg');
  background-position: 14px center;
  background-repeat: no-repeat;
  background-size: 15px 25px;
}
    }




/*FLEX*/

.cuatrocol > div, .trescol > div, .doscol > div, .doscol2080 > div, .doscol8020 > div, .doscol3560 > div, .doscol1585 > div, .doscol4060 > div {
	margin-bottom:10px;
}



@media only screen and (min-width: 768px) {
.cuatrocol, .trescol, .doscol, .doscol2080, .doscol8020, .doscol3560, .doscol1585, .doscol4060 {
	display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:wrap;
     flex-wrap:wrap;
-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;
}

.cuatrocol > div {
	width:24.2%;
	margin-bottom:0;
}

.trescol > div {
	width:32%;
	margin-bottom:0;
}

.doscol > div {
	width:48%;
	margin-bottom:0;
}

.doscol2080 > div:first-of-type {
	width:20%;
	margin-bottom:0;
}

.doscol2080 > div:last-of-type {
	width:80%;
	margin-bottom:0;
}

.doscol8020 > div:first-of-type {
	width:80%;
	margin-bottom:0;
}

.doscol8020 > div:last-of-type {
	width:20%;
	margin-bottom:0;
}

.doscol3560 > div:first-of-type {
	width:35%;
	margin-bottom:0;
}

.doscol3560 > div:last-of-type {
	width:60%;
	margin-bottom:0;
}
.doscol1585 > div:first-of-type {
	width:15%;
	margin-bottom:0;
}

.doscol1585 > div:last-of-type {
	width:85%;
	margin-bottom:0;
}
.doscol4060 > div:first-of-type {
	width:36%;
	margin-bottom:0;
}

.doscol4060 > div:last-of-type {
	width:64%;
	margin-bottom:0;
}
}


/*TABLAS*/

.table {
    background: #ffffff;
    width: 99%;
    line-height: 1.2;
}

.table thead th {
    background: #2164ae;
    color: #ffffff;
    text-align: center;
    border-bottom: none;
    border-right: 2px solid #ffffff;
}

.table thead th:last-child {
    border-right-color: #2164ae;
}

.table td {
    border: 1px solid #2164ae;
}

/*ANIMACION*/

.animacionlinea {
    display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:wrap;
     flex-wrap:wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
-ms-flex-line-pack: start;
    align-content: flex-start;
    
    margin: 30px 0 20px 0;
}


.cajaanim {
    padding: 15px 10px;
    background-color: #E1E2F5;
    text-align: center;
    border-radius: 0.2em;
    color: #0F2998;
    line-height: 1.15;
    font-size: 0.94em;
    margin-bottom: 10px;
    max-width: 300px;
    white-space: normal;
}

.txtanim {
    padding: 0 10px;
    text-align: center;
    color: #0F2998;
    line-height: 1.15;
    font-size: 0.94em;
    margin-bottom: 10px;
    max-width: 300px;
    white-space: normal;
}

@media only screen and (min-width: 768px) {
  .animacionlinea {
     -ms-flex-wrap:nowrap;
     flex-wrap:nowrap;
      -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
   .animacionlinea.animacionlinealargo {
    -ms-flex-wrap:wrap;
     flex-wrap:wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
} 
    
}

/*TABLA ITINERARIOS*/

.titazul {
    background: #96e0ff; 
    text-align: center; 
    margin-bottom: 0; 
    padding: 5px;
    font-weight: bold;
}

.txtazul {
    background: #e9f8ff;
}

.titverde {
    background: #b1fdd0; 
    text-align: center; 
    margin-bottom: 0; 
    padding: 5px;
    font-weight: bold;
}

.txtverde {
    background: #eefdf4; 
}

.titrosa {
    background: #f7cefc; 
    text-align: center; 
    margin-bottom: 0; 
    padding: 5px;
    font-weight: bold;
}

.txtrosa {
    background: #fdf7fe; 
}

.tablaitinerarios {
    display: -ms-grid;
    display: grid;
    gap: .5rem;
    grid-auto-columns: 1fr;
    grid-template-areas: 
    "fila0col1 fila0col2 fila0col3 fila0col4"
    "fila1 fila1 fila1 fila1"
    "fila1col1 fila1col2 fila1col3 fila1col4"
    "fila2 fila2 fila2 fila2"
    "fila2col1 fila2col2 fila2col3 fila2col4"
    "fila3 fila3 fila3 fila3"
    "fila3col1 fila3col2 fila3col3 fila3col4"
    "fila4 fila4 fila4 fila4"
    "fila4col1 fila4col2 fila4col3 fila4col4"
    "fila5 fila5 fila5 fila5"
    "fila5col1 fila5col2 fila5col3 fila5col4"
    "fila6 fila6 fila6 fila6"
    "fila6col1 fila6col2 fila6col3 fila6col4";
}

.tablaitinerariostitact {
    text-align: center;
    font-weight: bold;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 5px 5px 0 5px;
}

.tablaitinerariosact {
    font-size: 0.9em;
    line-height: 1.4;
}

.tablaitinerariostitbloque {
    background: #f5f5f5;
    padding: 7px;
    text-align: center;
}


.tablaitinerariostitact1 {
    grid-area: fila0col1;
}

.tablaitinerariostitact2 {
    grid-area: fila0col2;
}

.tablaitinerariostitact3 {
    grid-area: fila0col3;
}

.tablaitinerariostitact4 {
    grid-area: fila0col4;
}

.tablaitinerariostitbloque1 {
    grid-area: fila1;
}

.tablaitinerariostitbloque2 {
    grid-area: fila2;
}

.tablaitinerariostitbloque3 {
    grid-area: fila3;
}

.tablaitinerariostitbloque4 {
    grid-area: fila4;
}

.tablaitinerariostitbloque5 {
    grid-area: fila5;
}

.tablaitinerariostitbloque6 {
    grid-area: fila6;
}

.tablaitinerariosb1act1 {
    grid-area: fila1col1;
}

.tablaitinerariosb1act2 {
    grid-area: fila1col2;
}

.tablaitinerariosb1act3 {
    grid-area: fila1col3;
}

.tablaitinerariosb1act4 {
    grid-area: fila1col4;
}


.tablaitinerariosb2act1 {
    grid-area: fila2col1;
}

.tablaitinerariosb2act2 {
    grid-area: fila2col2;
}

.tablaitinerariosb2act3 {
    grid-area: fila2col3;
}

.tablaitinerariosb2act4 {
    grid-area: fila2col4;
}


.tablaitinerariosb3act1 {
    grid-area: fila3col1;
}

.tablaitinerariosb3act2 {
    grid-area: fila3col2;
}

.tablaitinerariosb3act3 {
    grid-area: fila3col3;
}

.tablaitinerariosb3act4 {
    grid-area: fila3col4;
}


.tablaitinerariosb4act1 {
    grid-area: fila4col1;
}

.tablaitinerariosb4act2 {
    grid-area: fila4col2;
}

.tablaitinerariosb4act3 {
    grid-area: fila4col3;
}

.tablaitinerariosb4act4 {
    grid-area: fila4col4;
}


.tablaitinerariosb5act1 {
    grid-area: fila5col1;
}

.tablaitinerariosb5act2 {
    grid-area: fila5col2;
}

.tablaitinerariosb5act3 {
    grid-area: fila5col3;
}

.tablaitinerariosb5act4 {
    grid-area: fila5col4;
}


.tablaitinerariosb6act1 {
    grid-area: fila6col1;
}

.tablaitinerariosb6act2 {
    grid-area: fila6col2;
}

.tablaitinerariosb6act3 {
    grid-area: fila6col3;
}

.tablaitinerariosb6act4 {
    grid-area: fila6col4;
}

    


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

    .tablaitinerariostitbloque {
        text-align: left;
        padding: 15px;
        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;
    }


    .tablaitinerarios {
        grid-template-areas: 
        "fila0col0 fila0col1 fila0col2 fila0col3 fila0col4"
        "fila1col0 fila1col1 fila1col2 fila1col3 fila1col4"
        "fila2col0 fila2col1 fila2col2 fila2col3 fila2col4"
        "fila3col0 fila3col1 fila3col2 fila3col3 fila3col4"
        "fila4col0 fila4col1 fila4col2 fila4col3 fila4col4"
        "fila5col0 fila5col1 fila5col2 fila5col3 fila5col4"
        "fila6col0 fila6col1 fila6col2 fila6col3 fila6col4";
    }

    .tablaitinerariostitact1 {
        grid-area: fila0col1;
    }
    
    .tablaitinerariostitact2 {
        grid-area: fila0col2;
    }
    
    .tablaitinerariostitact3 {
        grid-area: fila0col3;
    }
    
    .tablaitinerariostitact4 {
        grid-area: fila0col4;
    }
    
    .tablaitinerariostitbloque1 {
        grid-area: fila1col0;
    }

    .tablaitinerariostitbloque2 {
        grid-area: fila2col0;
    }

    .tablaitinerariostitbloque3 {
        grid-area: fila3col0;
    }

    .tablaitinerariostitbloque4 {
        grid-area: fila4col0;
    }

    .tablaitinerariostitbloque5 {
        grid-area: fila5col0;
    }

    .tablaitinerariostitbloque6 {
        grid-area: fila6col0;
    }
    
    .tablaitinerariosb1act1 {
        grid-area: fila1col1;
    }
    
    .tablaitinerariosb1act2 {
        grid-area: fila1col2;
    }
    
    .tablaitinerariosb1act3 {
        grid-area: fila1col3;
    }
    
    .tablaitinerariosb1act4 {
        grid-area: fila1col4;
    }
    
    
    .tablaitinerariosb2act1 {
        grid-area: fila2col1;
    }
    
    .tablaitinerariosb2act2 {
        grid-area: fila2col2;
    }
    
    .tablaitinerariosb2act3 {
        grid-area: fila2col3;
    }
    
    .tablaitinerariosb2act4 {
        grid-area: fila2col4;
    }
    
    
    .tablaitinerariosb3act1 {
        grid-area: fila3col1;
    }
    
    .tablaitinerariosb3act2 {
        grid-area: fila3col2;
    }
    
    .tablaitinerariosb3act3 {
        grid-area: fila3col3;
    }
    
    .tablaitinerariosb3act4 {
        grid-area: fila3col4;
    }
    
    
    .tablaitinerariosb4act1 {
        grid-area: fila4col1;
    }
    
    .tablaitinerariosb4act2 {
        grid-area: fila4col2;
    }
    
    .tablaitinerariosb4act3 {
        grid-area: fila4col3;
    }
    
    .tablaitinerariosb4act4 {
        grid-area: fila4col4;
    }
    
    
    .tablaitinerariosb5act1 {
        grid-area: fila5col1;
    }
    
    .tablaitinerariosb5act2 {
        grid-area: fila5col2;
    }
    
    .tablaitinerariosb5act3 {
        grid-area: fila5col3;
    }
    
    .tablaitinerariosb5act4 {
        grid-area: fila5col4;
    }
    
    
    .tablaitinerariosb6act1 {
        grid-area: fila6col1;
    }
    
    .tablaitinerariosb6act2 {
        grid-area: fila6col2;
    }
    
    .tablaitinerariosb6act3 {
        grid-area: fila6col3;
    }
    
    .tablaitinerariosb6act4 {
        grid-area: fila6col4;
    }

}

.comentarios h1 {
    color: #009fe3;
    margin-top: 30px;
    font-style: italic;
}

.uncomentario {
    background-color: #f5f5f5;
    border-left: 1px solid #c7c7c7;
    padding: 15px;
    margin: 50px 0;
}

.uncomentario p {
    margin: 0;
}

.cajacomentario {
    background-color: #ffffff;
    padding: 10px;
}