@font-face {
    font-family: gismonda;
    src: url(fonts/gismonda_fg/gismonda.ttf);
}

html,
body {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    background: #FFF;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1em;
    font-weight: 300;
    color: #000000;
}

span {
    font-family: 'Source Sans Pro', sans-serif;
}

h1,
h2,
h3 {
    font-family: 'Share Tech', sans-serif;
    margin: 0;
    padding: 0;
    color: #2daae4;
    /*#008181*/
    text-transform: uppercase;
}

/* ESTILO DE CADA SECCIÓN*/

.seccion {
    z-index: 1;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
}

/*Visualización pantallas hasta 1024px */

@media (max-width: 1024px) {
    #featured>.seccion {
        width: 770px;
    }
}

/* Visualización hasta 800px*/

@media (max-width: 800px) {
    #featured>.seccion {
        width: auto;
    }
}

/*Visualización pantallas hasta 1200px*/

@media (min-width: 1200px) {
    .seccion {
        width: 1170px;
    }
}

/*Visualización pantallas a partir de 1600px*/

@media (min-width: 1600px) {
    .seccion {
        width: 1370px;
    }
}

.seccion-titulo {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

/*SECCIÓN SERVICIOS*/

.seccion-titulo h1 {
    text-align: center;
    line-height: 52px;
    color: rgba(255, 255, 255, 0.95);
}

.seccion-titulo h1:after {
    display: block;
    font-family: FontAwesome;
    content: '\f0d9\f0da';
    letter-spacing: -1px;
    line-height: 0;
    margin: 30px auto 0;
    border-top: 1px solid #bbb;
    font-size: 20px;
    width: 100px;
    opacity: .3;
    color: #2daae4;
}

.col-izq,
.col-cent,
.col-der {
    width: 30.5%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

/*Visualización  pantallas hasta 1024px*/

@media(max-width: 1024px) {
    .col-izq,
    .col-cent,
    .col-der {
        width: 45.5%;
    }
    .col-cent {
        display: none;
    }
}

/*Visualización  pantallas hasta 960px*/

@media(max-width: 960px) {
    .col-izq,
    .col-cent,
    .col-der {
        width: 43.5%;
    }
}

/*Visualización  pantallas hasta 900px*/

@media(max-width: 900px) {
    .col-izq,
    .col-cent,
    .col-der {
        width: 45.5%;
    }
}

/* Visualización pantallas hasta 769px */

@media(max-width: 769px) {
    .col-cent {
        display: none;
    }
    .col-izq,
    .col-der {
        width: 93.2%;
    }
}

.servicio {
    padding: 15px 10px;
    margin: 20px 0 25px;
}

.servicio.right {
    text-align: right;
}

.servicio.left {
    text-align: left;
}

.box-icon {
    padding-top: 18px;
    display: block;
    text-align: center;
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    /*float: right;*/
}

.box-icon.right {
    float: right;
}

.left.box-icon {
    float: left;
}

/*Visualización en pantallas de hasta 500px*/

@media(max-width: 500px) {
    .box-icon {
        padding-top: 18px;
        padding-bottom: 65px;
    }
}

.right.box-content {
    padding-right: 15px;
    text-align: right;
    padding-left: 18px;
}

.left.box-content {
    padding-right: 15px;
    padding-left: 15px;
}

/*.left.box-icon{		padding-left:		text-align: ;	}*/

.box-content h3 {
    font-size: 17px;
    margin-bottom: 10px;
    display: block;
    letter-spacing: 1px;
}

.servicio p {
    margin: 0 0 10px;
    color: white;
}

.figura-central {
    display: block;
    vertical-align: top;
    /*vertical-align: baseline;*/
    margin: 0;
    padding: 0;
    max-width: 100%;
    line-height: 0;
    text-align: center;
}

.img-central {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.img-central img {
    height: auto;
    max-width: 100%;
}

.icon-wrapper {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    position: relative;
    z-index: 0;
    width: 50px;
    height: 50px;
    font-size: 33px;
    border: 1px solid transparent;
}

/*Visualización en pantallas apartir de 1600px*/

@media(min-width: 1600px) {
    .icon-wrapper {
        font-size: 2.2em;
    }
}

/* SECCIÓN COLABORACIONES*/

#colaboraciones {
    padding-top: 3em;
    padding-bottom: 1.5em;
    height: 80%;
}

#colab.seccion-titulo h1 {
    text-align: center;
    line-height: 52px;
    color: #2daae4;
}

#colab.seccion-titulo h1:after {
    display: block;
    font-family: FontAwesome;
    content: '\f0d9\f0da';
    letter-spacing: -1px;
    line-height: 0;
    margin: 30px auto 0;
    border-top: 1px solid #bbb;
    font-size: 20px;
    width: 100px;
    opacity: .3;
}

.asociacion {
    width: 36%;
    float: left;
    margin-bottom: 20px;
}

.asociacion.alcavi {
    margin-left: 12.5%;
}

.asociacion.asined {
    margin-left: 3%;
}

.box-asociacion {
    padding: 24px;
    border: 1px solid #949393;
    min-height: 615px;
}

.box-asociacion:hover {
    color: #fff;
    background-color: #31516a;
}

.descripcion-asociacion {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: #0076bd;
    padding: 5% 5%;
    width: 90%;
    color: #fff;
    min-height: 42px;
}

.descripcion-detallada {
    text-align: justify;
    padding-top: 20px;
}

.descripcion-detallada p {
    margin-bottom: 0px;
}

/*Visualización pantallas apartir de 1600px*/

@media (min-width: 1600px) {
    #colaboraciones {
        height: 0%;
    }
    .box-asociacion {
        min-height: 618.6px;
    }
}

/*Visualización pantallas hasta 1024px*/

@media (max-width: 1024px) {
    .box-asociacion {
        min-height: 617.3px;
    }
}

/*Visualización pantallas hasta 960px*/

@media (max-width: 960px) {
    .asociacion.alcavi {
        margin-left: 7.8%;
    }
    .asociacion {
        width: 40.5%;
    }
    .box-asociacion {
        min-height: 596.7px;
    }
}

/* Visualización pantallas hasta 900px*/

@media(max-width: 900px) {
    .asociacion {
        width: 43.5%;
    }
    .asociacion.alcavi {
        margin-left: 5%;
    }
    .box-asociacion {
        min-height: 619.7px;
    }
}

/* Visualización pantallas hasta 769px */

@media(max-width: 769px) {
    .asociacion {
        width: 83%;
    }
    .asociacion.alcavi,
    .asociacion.asined {
        margin-left: 9%;
        margin-bottom: 5%;
    }
}

#tipoBox {
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    padding: 0;
    color: #008181;
}

p,
ol,
ul {
    margin-top: 0;
}

ol,
ul {
    padding: 15px 0px 0px;
    list-style: none;
}

p {
    line-height: 180%;
}

strong {
    color: #008181;
}

a {
    color: #008181;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.container {
    /*overflow: hidden;*/
    margin: 0em auto;
    width: 100%;
}

#h1Center {
    text-align: center;
    margin-top: -1em;
    margin-bottom: 0.5em;
}

#h1Descargas {
    text-align: center;
    margin-bottom: 1.2em;
}

#enlaceSinDecoracion {
    text-decoration: none;
}

/*********************************************************************************/

/* Estilo para las imagenes                                                      */

/*********************************************************************************/

.image {
    display: inline-block;
}

.image img {
    display: block;
    width: 100%;
}

.image-full {
    display: block;
    width: 100%;
    margin: 0;
    border: 1px solid #ddd;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

.image-full:hover {
    border: 1px solid #fff;
}

.image-left {
    float: left;
    margin: 0 2em 2em 0;
}

.image-centered {
    display: block;
    margin: 0 0 2em 0;
}

.image-centered img {
    margin: 0 auto;
    width: auto;
}

/*********************************************************************************/

/* Configuración de las imágenes de los partners                                 */

/*********************************************************************************/

.imagenPartners {
    width: 200px;
    height: 200px;
    margin-right: 35px;
    margin-bottom: 35px;
}

#contenidoPartners {
    float: left;
    margin-left: 20%;
    width: 64%;
}

#pagePartners {
    position: relative;
    overflow: hidden;
    padding: 6em 0em;
    padding-bottom: 2em;
}

/* Visualización pantallas más 1680px*/

@media(max-width: 1680px) {
    #contenidoPartners {
        margin-left: 23%;
        margin-bottom: -4em;
    }
}

/* Visualización pantallas hasta 1440px */

@media(max-width: 1440px) {
    #contenidoPartners {
        margin-left: 20%;
        margin-bottom: -4em;
    }
    .imagenPartners {
        width: 185px;
        height: 185px;
    }
}

/* Visualización pantallas más 1366px*/

@media(max-width: 1366px) {
    #contenidoPartners {
        margin-left: 17%;
        margin-bottom: -4em;
        width: 70%;
    }
    .imagenPartners {
        width: 185px;
        height: 185px;
    }
}

/* Visualización pantallas más 1280px*/

@media(max-width: 1280px) {
    #contenidoPartners {
        margin-left: 17%;
        margin-bottom: -4em;
        width: 80%;
    }
    .imagenPartners {
        width: 185px;
        height: 185px;
    }
}

/* Visualización pantallas hasta 1152px */

@media(max-width: 1152px) {
    .imagenPartners {
        width: 155px;
        height: 155px;
    }
}

/* Visualización pantallas más 1024px*/

@media(max-width: 1024px) {
    #contenidoPartners {
        margin-left: 10%;
        margin-bottom: -4em;
        width: 85%;
    }
    .imagenPartners {
        width: 175px;
        height: 175px;
        margin-right: 30px;
        margin-bottom: 30px;
    }
}

/* Visualización pantallas más 1024px*/

@media(max-width: 1024px) {
    .imagenPartners {
        width: 130px;
        height: 130px;
        margin-right: 30px;
        margin-bottom: 30px;
    }
}

/* Visualización pantallas más 768px*/

@media(max-width: 768px) {
    .imagenPartners {
        width: 170px;
        height: 170px;
        margin-right: 40px;
        margin-bottom: 30px;
    }
}

/* Visualización pantallas más 640px*/

@media(max-width: 640px) {
    #contenidoPartners {
        margin-left: 8.5%;
        margin-bottom: -4em;
        width: 90%;
    }
    .imagenPartners {
        width: 155px;
        height: 155px;
        margin-right: 25px;
        margin-bottom: 25px;
    }
}

/* Visualización pantallas más 630px*/

@media(max-width: 630px) {
    .imagenPartners {
        width: 140px;
        height: 140px;
        margin-right: 25px;
        margin-bottom: 25px;
    }
}

/* Visualización pantallas más 480px*/

@media(max-width: 480px) {
    #contenidoPartners {
        margin-left: 5%;
        margin-bottom: -4em;
        width: 95%;
    }
    #h1Center {
        margin-top: -2em;
    }
    .imagenPartners {
        width: 125px;
        height: 125px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

/* Visualización pantallas hasta 425px */

@media(max-width: 425px) {
    #contenidoPartners {
        margin-left: 9%;
    }
    .imagenPartners {
        width: 135px;
        height: 135px;
        margin-right: 42px;
        margin-bottom: 18px;
    }
}

/* Visualización pantallas hasta 370px */

@media(max-width: 370px) {
    #contenidoPartners {
        margin-left: 7%;
        margin-bottom: -4em;
        width: 95%;
    }
    #h1Center {
        margin-top: -2em;
    }
    .imagenPartners {
        width: 133px;
        height: 133px;
        margin-right: 35px;
        margin-bottom: 20px;
    }
}

/* Visualización pantallas hasta 320px */

@media(max-width: 320px) {
    .imagenPartners {
        width: 117px;
        height: 117px;
        margin-right: 25px;
        margin-bottom: 20px;
    }
}

/*********************************************************************************/

/* Telefono                                                                      */

/*********************************************************************************/

#telefono {
    /*margin-left: 89%;*/
    position: absolute;
    max-height: 50px;
    background-color: #008181;
    width: 100%;
}

#logoTelefono {
    margin: 10px 2px 10px 2px;
    float: right;
    width: 30px;
}

#textoTelefono {
    float: right;
    /*margin-top: -2.27em;*/
    margin-right: 2.7em;
    font-size: 1.6em;
    color: rgba(255, 255, 255, 0.95);
    text-decoration: none;
    /*font-weight: bold;*/
}

#textoTelefono p {
    margin-bottom: 0px;
}

/* Visualización pantallas más 1680px*/

@media(max-width: 1680px) {
    #telefono {
        /*margin-left: 89%;*/
    }
}

/* Visualización pantallas más 1440px*/

@media(max-width: 1440px) {
    #telefono {
        /*margin-left: 85.2%;*/
    }
}

/* Visualización pantallas más 1366px*/

@media(max-width: 1366px) {
    #telefono {
        /*margin-left: 82.5%;*/
    }
}

/* Visualización pantallas más 1024px*/

@media(max-width: 1024px) {
    #telefono {
        /*margin-left: 82.5%;*/
    }
}

/* Visualización pantallas más 768px*/

@media(max-width: 768px) {
    #telefono {
        /*margin-left: 74.8%;*/
    }
    #logoTelefono {
        margin-top: 0.8em;
        float: left;
        width: 25px;
    }
    #textoTelefono {
        float: left;
        margin-top: -0.05em;
        margin-left: 0.25em;
    }
}

/* Visualización pantallas hasta 640px */

@media(max-width: 640px) {
    #telefono {
        /*margin-left: 67%;*/
    }
    #logoTelefono {
        margin-top: 0.8em;
        float: left;
        width: 25px;
    }
    #textoTelefono {
        float: left;
        margin-top: -0.05em;
        margin-left: 0.25em;
    }
}

/* Visualización pantallas hasta 480px */

@media(max-width: 480px) {
    #telefono {
        /*margin-top: 5%;						margin-left: 36%;*/
    }
    #logoTelefono {
        margin-top: 3.8em;
        margin-left: -0.85em;
        width: 20px;
    }
    #textoTelefono {
        float: left;
        margin-top: 2.05em;
        margin-left: 0.25em;
        font-size: 1.5em;
    }
}

/* Visualización pantallas hasta 370px */

@media(max-width: 370px) {
    #telefono {
        /*margin-left: 32%;*/
    }
}

/* Visualización pantallas hasta 320px */

@media(max-width: 320px) {
    #telefono {
        /*margin-left: 25%;*/
    }
    #logoTelefono {
        margin-left: -0.10em;
    }
    #textoTelefono {
        margin-left: 0.3em;
    }
}

/*********************************************************************************/

/* Contenido divs (Misión, Visión y Valores)                                     */

/*********************************************************************************/

#pageNosotros {
    position: relative;
    overflow: hidden;
    padding: 8em 0em;
    width: 55%;
    text-align: justify;
    font-size: 1.2em;
    padding-bottom: 3em;
}

#tituloMision {
    margin-top: -3em;
    text-align: center;
    margin-bottom: 1em;
    font-size: 40px;
}

#tituloValores {
    margin-top: -1em;
    text-align: center;
    margin-bottom: 1em;
    font-size: 29px;
}

#tituloVision {
    margin-top: -1em;
    text-align: center;
    margin-bottom: 1em;
    font-size: 29px;
}

#contenedorVision {
    float: left;
    width: 43%;
    font-size: 1.2em;
    text-align: justify;
    margin-left: 5%;
    margin-bottom: -1em;
}

#imagenMision {
    width: 100%;
    padding-bottom: 1em;
}

#imagenVision {
    width: 100%;
    padding-bottom: 1em;
}

#imagenValores {
    width: 100%;
    padding-bottom: 1em;
}

#contenedorValores {
    float: left;
    width: 43%;
    font-size: 1.2em;
    text-align: justify;
    margin-left: 3%;
}

/* Visualización pantallas más 1366px*/

@media(max-width: 1366px) {
    #pageNosotros {
        width: 64%;
    }
    #contenedorValores {
        margin-left: 4%;
    }
    #tituloValores {
        margin-top: 0em;
    }
    #tituloVision {
        margin-top: 0em;
    }
}

/* Visualización pantallas más 1280px*/

@media(max-width: 1280px) {
    #pageNosotros {
        width: 74%;
    }
    #contenedorValores {
        margin-left: 4%;
    }
    #tituloValores {
        margin-top: 0.5em;
    }
    #tituloVision {
        margin-top: 0.5em;
    }
}

/* Visualización pantallas más 1024px*/

@media(max-width: 1024px) {
    #pageNosotros {
        width: 70%;
    }
    #contenedorVision {
        width: 45%;
        margin-left: 2%;
    }
    #contenedorValores {
        width: 45%;
        margin-left: 5%;
    }
    #tituloValores {
        margin-top: 0.5em;
    }
    #tituloVision {
        margin-top: 0.5em;
    }
}

/* Visualización pantallas más 768px*/

@media(max-width: 768px) {
    #pageNosotros {
        width: 79%;
    }
}

/* Visualización pantallas más 480px*/

@media(max-width: 480px) {
    #pageNosotros {
        width: 79%;
    }
    #contenedorVision {
        clear: both;
        width: 94%;
        margin-left: 3%;
    }
    #contenedorValores {
        clear: both;
        width: 94%;
        margin-left: 3%;
    }
    #tituloValores {
        margin-top: 2.3em;
    }
}

/* Visualización pantallas más 320px*/

@media(max-width: 320px) {
    #pageNosotros {
        width: 79%;
    }
    #contenedorVision {
        width: 100%;
        margin-left: 0%;
    }
    #contenedorValores {
        width: 100%;
        margin-left: 0%;
    }
}

/*********************************************************************************/

/* Clientes \\ Divs Descarga                                                     */

/*********************************************************************************/

#descargas {
    width: 57.2%;
    margin-top: 1.5em;
    margin-bottom: 4em;
}

.divIzquierda {
    width: 25%;
    text-align: center;
    padding-bottom: 1em;
}

#tituloDescargas,
#tituloDescargas2 {
    text-align: center;
    margin-bottom: 1em;
}

#error {
    color: red;
    font-weight: bold;
}

#comentarioCorrecto {
    font-weight: bold;
}

#formularioDescargas {
    clear: both;
    float: right;
    margin-top: -10em;
    margin-right: 10em;
    margin-bottom: 2em;
}

#formularioDescargas2 {
    padding: 2% 2% 2% 2%;
    position: absolute;
    display: none;
    top: 17.5%;
    left: 53%;
    height: auto;
    width: auto;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

#divDescargas {
    position: relative;
    height: auto;
    width: 70%;
    margin-top: -18%;
    left: 40%;
    padding: 1% 2% 2% 2%;
    z-index: 1;
    display: none;
}

.divProgramas {
    float: left;
    margin-right: 35px;
}

.divProgramas img {
    width: 184px;
    height: 184px;
}

/* Visualización pantallas más 1680px*/

@media(max-width: 1680px) {
    #formulario {
        width: 57.3%;
    }
    .divIzquierda {
        margin-left: -9%;
    }
    .divProgramas img {
        width: 170px;
        height: 170px;
    }
}

/* Visualización pantallas más 1440px*/

@media(max-width: 1440px) {
    #descargas {
        width: 66%;
    }
    .divProgramas {
        margin-right: 25px;
    }
    .divProgramas img {
        width: 162px;
        height: 162px;
    }
    #divDescargas {
        margin-top: -18%;
        width: 60%;
        left: 38%;
    }
    #formularioDescargas2 {
        top: 22.5%;
        left: 52%;
    }
}

/* Visualización pantallas más 1360px*/

@media(max-width: 1360px) {
    #descargas {
        width: 66%;
    }
    .divProgramas img {
        width: 162px;
        height: 162px;
    }
    #divDescargas {
        margin-top: -21%;
        width: 65%;
        left: 38%;
    }
    #formularioDescargas2 {
        top: 26%;
        left: 51%;
    }
}

/* Visualización pantallas más 1280px*/

@media(max-width: 1280px) {
    #descargas {
        width: 76%;
    }
    .divIzquierda {
        margin-left: -10%;
    }
    .divProgramas img {
        width: 164px;
        height: 164px;
    }
    #divDescargas {
        margin-top: -19%;
        width: 65%;
        left: 39%;
    }
    #formularioDescargas2 {
        top: 19.5%;
        left: 51%;
    }
    /*  responsive dependiendo de la altura			de la pantalla */
    @media(max-height: 960px) {
        #formularioDescargas2 {
            top: 21%;
        }
    }
    @media(max-height: 800px) {
        #formularioDescargas2 {
            top: 24.5%;
        }
    }
    @media(max-height: 768px) {
        #formularioDescargas2 {
            top: 26.5%;
        }
    }
    @media(max-height: 720px) {
        #formularioDescargas2 {
            top: 27.5%;
        }
    }
}

/* Visualización pantallas más 1152px*/

@media(max-width: 1152px) {
    #descargas {
        width: 70%;
    }
    #divDescargas {
        margin-top: -24%;
        width: 68%;
        left: 39%;
    }
    #formularioDescargas2 {
        top: 22.5%;
        left: 51%;
    }
}

/* Visualización pantallas más 1024px*/

@media(max-width: 1024px) {
    #descargas {
        width: 70%;
    }
    #divDescargas {
        width: 39%;
        top: 24%;
        left: 45%;
    }
    .divProgramas img {
        width: 155px;
        height: 155px;
    }
    #divDescargas {
        margin-top: 0%;
        width: 105%;
        left: 0%;
    }
    #formularioDescargas2 {
        top: 26%;
        left: 53%;
    }
}

/* Visualización pantallas más 800px*/

@media(max-width: 800px) {
    #formulario {
        width: 78%;
    }
    #formularioDescargas2 {
        top: 35%;
        left: 51.5%;
    }
    .divProgramas img {
        width: 145px;
        height: 145px;
    }
}

/* Visualización pantallas más 768px*/

@media(max-width: 768px) {
    #descargas {
        width: 82%;
    }
    .divProgramas img {
        width: 155px;
        height: 155px;
    }
    #divDescargas {
        margin-top: 0%;
        width: 105%;
        left: 7%;
    }
    #formularioDescargas2 {
        top: 25%;
        left: 50%;
    }
}

/* Visualización pantallas más 640px*/

@media(max-width: 640px) {
    #descargas {
        width: 82%;
    }
    .divProgramas img {
        width: 150px;
        height: 150px;
    }
    #divDescargas {
        margin-top: 0%;
        width: 105%;
        left: 0%;
    }
    #formularioDescargas2 {
        top: 23.5%;
        left: 48%;
    }
}

/* Visualización pantallas más 480px*/

@media(max-width: 480px) {
    #descargas {
        width: 82%;
    }
    .divProgramas img {
        width: 145px;
        height: 145px;
    }
    #divDescargas {
        margin-top: 0%;
        width: 105%;
        left: 6%;
    }
    #formularioDescargas2 {
        top: 42%;
        left: 20%;
    }
}

/* Visualización pantallas más 370px*/

@media(max-width: 370px) {
    #descargas {
        width: 82%;
    }
    .divIzquierda {
        margin-left: 2%;
    }
    .divProgramas img {
        width: 126px;
        height: 126px;
    }
    #divDescargas {
        margin-top: 0%;
        width: 105%;
        margin-left: -7%;
    }
    #formularioDescargas2 {
        top: 42%;
        left: 12.5%;
    }
}

/* Visualización pantallas más 320px*/

@media(max-width: 320px) {
    #descargas {
        width: 82%;
    }
    .divIzquierda {
        margin-left: -5%;
    }
    .divProgramas img {
        width: 119px;
        height: 119px;
    }
    .divProgramas {
        margin-right: 10px;
    }
    #divDescargas {
        margin-top: 0%;
        width: 105%;
        margin-left: -7%;
    }
    #formularioDescargas2 {
        top: 70%;
        left: 4.5%;
    }
}

/*********************************************************************************/

/* TeamViewer                                                                    */

/*********************************************************************************/

.teamviewer {
    position: relative;
}

.teamviewer span {
    position: absolute;
    top: 15px;
    left: 80px;
    display: block;
    cursor: pointer;
    color: White;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    width: 174px;
}

.teamviewer a {
    text-decoration: none;
}

.teamviewer img {
    border: 0;
    width: 234px;
    height: 60px;
}

/* Visualización pantallas más 1680px*/

@media(max-width: 1680px) {
    .teamviewer {
        margin-left: 44%;
    }
    .teamviewer img {
        width: 215px;
        height: 55px;
    }
    .teamviewer span {
        top: 13px;
        left: 50px;
        font-size: 14px;
    }
}

/* Visualización pantallas más 1366px*/

@media(max-width: 1366px) {
    .teamviewer {
        top: 61%;
        margin-left: 46%;
    }
}

/* Visualización pantallas más 1024px*/

@media(max-width: 1024px) {}

/*********************************************************************************/

/* Página de contacto                                                            */

/*********************************************************************************/

#formulario {
    width: 57.2%;
    height: 450px;
    margin-top: 5.5em;
    /*margin-bottom: 4em;*/
}

#tituloFormulario {
    margin-left: 5%;
    margin-bottom: 1em;
}

#tablaFormulario {
    float: left;
    width: 35%;
}

.botonesFormulario {
    background: #008181;
    padding: 0.3em 0.3em 0.3em 0.3em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.90em;
    color: #FFF;
}

.direccion {
    margin-top: -3.3em;
    float: left;
    width: 32.5%;
}

#tituloDireccion {
    margin-bottom: 1em;
    margin-bottom: 1em;
    text-align: center;
}

#tituloSiguenos {
    margin-bottom: 1em;
}

#direccion {
    font-size: 1.3em;
    margin-left: 23%;
}

#telefonoDireccion {
    margin-left: 23%;
    margin-top: -1em;
    height: auto;
    width: 140px;
}

#telefonoFAXDireccion {
    margin-left: 23%;
    margin-top: 3.2em;
}

#logoTelefonoDire {
    text-align: left;
    width: 26px;
    float: left;
    height: auto;
}

#textoTelefonoDire {
    text-align: center;
    font-size: 1.35em;
    float: left;
    margin-top: -0.3em;
    margin-left: 0.5em;
    color: black;
    font-weight: bold;
}

#logoWhatsapp {
    text-align: left;
    width: 26px;
    margin-top: -1.4em;
    float: left;
}

#textoFaxDire {
    margin-top: 0.5em;
    text-align: center;
    font-size: 1.35em;
    float: left;
    margin-top: -1.3em;
    margin-left: 0.5em;
    color: black;
    font-weight: bold;
}

#textoemail {
    margin-top: 0.5em;
    text-align: center;
    font-size: 1.35em;
    float: left;
    margin-top: -1.3em;
    margin-left: 1.7em;
    color: black;
    font-weight: bold;
}

#logoemail {
    text-align: left;
    width: 26px;
    margin-top: -1.4em;
    float: left;
}

#divHorario {
    font-size: 1.21em;
    padding-left: 21%;
}

#h3Horario {
    clear: both;
    font-size: 1.4em;
    text-align: center;
}

#horario2 {
    margin-top: -1.5em;
    padding-right: 74px;
    float: right;
    height: 9.8px;
}

#horarioSabado {
    padding-top: 0em;
    clear: both;
}

.siguenosDiv {
    margin-top: -3.3em;
    text-align: center;
    float: left;
    width: 32.5%;
}

#h2Localizacion {
    text-align: center;
    margin-top: -1em;
    margin-bottom: 2em;
}

.logosRedesSociales {
    width: 20%;
}

/* Visualización pantallas más 1680px*/

@media(max-width: 1680px) {
    #formulario {
        width: 57%;
    }
    #direccion {
        margin-left: 19%;
    }
    #telefonoDireccion {
        margin-left: 19%;
    }
    #divHorario {
        padding-left: 17%;
    }
    #horario2 {
        padding-right: 50px;
    }
    .siguenosDiv {
        width: 32.2%;
    }
}

/* Visualización pantallas más 1440px*/

@media(max-width: 1440px) {
    #formulario {
        width: 66%;
    }
    #divHorario {
        padding-left: 17%;
    }
    #horario2 {
        padding-right: 48px;
    }
    .siguenosDiv {
        width: 32%
    }
}

/* Visualización pantallas más 1366px*/

@media(max-width: 1366px) {
    #formulario {
        width: 70%;
    }
    #tablaFormulario {
        margin-left: 3%;
    }
    .direccion {
        margin-left: 2em;
        width: 30%;
    }
    #direccion {
        margin-left: 14%;
    }
    #telefonoDireccion {
        margin-left: 14%;
    }
    #divHorario {
        padding-left: 12%;
    }
    #horario2 {
        padding-right: 43.5px;
    }
    .siguenosDiv {
        width: 28%;
    }
    #h2Localizacion {
        margin-top: -0.4em;
    }
}

/* Visualización pantallas más 1280px*/

@media(max-width: 1280px) {
    #formulario {
        width: 76%;
    }
    #tituloFormulario {
        margin-left: 7%;
    }
    #tituloDireccion {
        margin-left: -1em;
    }
    #direccion {
        margin-left: 13%;
    }
    #divHorario {
        padding-left: 10%;
    }
    #horario2 {
        padding-right: 54px;
    }
    #h2Localizacion {
        margin-top: 0em;
    }
}

/* Visualización pantallas hasta 1152px */

@media(max-width: 1152px) {
    .siguenosDiv {
        width: 24%;
    }
    #direccion {
        margin-left: 9%;
    }
    #telefonoDireccion {
        margin-left: 9%;
    }
    #divHorario {
        padding-left: 6%;
    }
    #horario2 {
        padding-right: 38px;
    }
}

/* Visualización pantallas más 1024px*/

@media(max-width: 1024px) {
    #formulario {
        width: 70%;
    }
    #tablaFormulario {
        margin-left: 3%;
    }
    #tituloFormulario {
        margin-left: 10.5%;
    }
    #tituloDireccion {
        margin-left: 0em;
    }
    #direccion {
        margin-left: 13%;
    }
    #divHorario {
        padding-left: 12%;
    }
    #horario2 {
        padding-right: 30px;
    }
    #h2Localizacion {
        margin-top: 0.5em;
    }
    #direccion {
        margin-left: 15%;
    }
    #telefonoDireccion {
        margin-left: 15%;
    }
    .direccion {
        margin-left: 4.8em;
        width: 38%;
    }
    .siguenosDiv {
        width: 38%;
        margin-top: 0em;
        margin-left: 4.8em;
    }
}

/* Visualización pantallas más 800px*/

@media(max-width: 800px) {
    #tablaFormulario {
        width: 0%;
        margin-left: -0.7%;
    }
    .direccion {
        margin-left: 0em;
        width: 42%;
    }
    #tituloDireccion {
        margin-left: 0.8em;
    }
    #divHorario {
        margin-left: 0.5%;
        width: 100%;
    }
    .siguenosDiv {
        width: 38%;
        margin-top: 4em;
        margin-left: 10em;
    }
}

/* Visualización pantallas más 768px*/

@media(max-width: 768px) {
    #formulario {
        width: 82%;
    }
    #tablaFormulario {
        width: 70%;
        margin-left: 25%;
    }
    #tituloFormulario {
        margin-left: 32.5%;
    }
    #h2Localizacion {
        margin-top: 0.5em;
    }
    #direccion {
        margin-left: 18%;
    }
    #divHorario {
        padding-left: 16%;
    }
    #horario2 {
        padding-right: 102px;
    }
    #telefonoDireccion {
        margin-left: 18%;
    }
    .direccion {
        margin-left: 0em;
        margin-top: 3em;
        width: 50%;
    }
    .siguenosDiv {
        width: 50%;
        margin-top: 3em;
        margin-left: 0em;
    }
}

/* Visualización pantallas más 640px*/

@media(max-width: 640px) {
    #formulario {
        width: 82%;
    }
    #tablaFormulario {
        width: 70%;
        margin-left: 22%;
    }
    #tituloFormulario {
        margin-left: 30.5%;
    }
    #direccion {
        margin-left: 12%;
    }
    #divHorario {
        padding-left: 9%;
    }
    #horario2 {
        padding-right: 61px;
    }
    #telefonoDireccion {
        margin-left: 12%;
        width: 150px;
    }
}

/* Visualización pantallas más 630px*/

@media(max-width: 630px) {
    #horario2 {
        padding-right: 45px;
    }
}

/* Visualización pantallas más 480px*/

@media(max-width: 480px) {
    #formulario {
        width: 82%;
    }
    #tablaFormulario {
        width: 70%;
        margin-left: 10%;
    }
    #tituloFormulario {
        margin-left: 22.5%;
    }
    .direccion {
        clear: both;
        width: 100%;
    }
    #direccion {
        margin-left: 25%;
    }
    #divHorario {
        padding-left: 23%;
    }
    #horario2 {
        padding-right: 174px;
    }
    #telefonoDireccion {
        margin-left: 25%;
    }
    .siguenosDiv {
        clear: both;
        width: 100%;
        margin-top: 3em;
        margin-left: 0em;
    }
    #tituloSiguenos {
        margin-top: -1em;
    }
    .logosRedesSociales {
        width: 16%;
    }
}

/* Visualización pantallas hasta 425px */

@media(max-width: 425px) {
    #horario2 {
        padding-right: 129px;
    }
}

/* Visualización pantallas hasta 400px */

@media(max-width: 400px) {
    #horario2 {
        padding-right: 108px;
    }
}

/* Visualización pantallas hasta 384*/

@media(max-width: 384px) {
    .direccion {
        clear: both;
        width: 100%;
        margin-left: -1.7em;
    }
    #tituloDireccion {
        margin-left: 1.7em;
    }
    #horario2 {
        padding-right: 95px;
    }
}

/* Visualización pantallas hasta 378px */

@media(max-width: 378px) {
    #horario2 {
        padding-right: 90px;
    }
    #tituloFormulario {
        margin-left: 15%;
    }
    #h3Horario {
        margin-left: 1em;
    }
    #tablaFormulario {
        width: 70%;
        margin-left: 1%;
    }
    #tituloDireccion {
        margin-left: 1.9em;
    }
    .direccion {
        clear: both;
        width: 100%;
        margin-left: -1.5em;
    }
}

/* Visualización pantallas hasta 370px */

@media(max-width: 370px) {
    #tituloFormulario {
        margin-left: 17.5%;
    }
    #tablaFormulario {
        width: 70%;
        margin-left: -1%;
    }
    #tituloDireccion {
        margin-left: 0em;
    }
    #direccion {
        margin-left: 17.5%;
    }
    #telefonoDireccion {
        margin-left: 17.5%;
        width: 150px;
    }
    #divHorario {
        padding-left: 14%;
    }
    #horario2 {
        padding-right: 93px;
    }
    .direccion {
        clear: both;
        width: 100%;
        margin-left: 0em;
    }
}

/* Visualización pantallas hasta 342*/

@media(max-width: 342px) {
    .direccion {
        margin-left: -0.5em;
    }
    #tituloDireccion {
        margin-left: 0.5em;
    }
    #horario2 {
        padding-right: 61px;
    }
}

/* Visualización pantallas más 320px*/

@media(max-width: 320px) {
    #formulario {
        width: 82%;
    }
    #tablaFormulario {
        display: none;
    }
    #tituloDireccion {
        margin-top: -1.5em;
        margin-left: 0em;
    }
    #tituloFormulario {
        display: none;
    }
    .direccion {
        clear: both;
        width: 100%;
    }
    #direccion {
        margin-left: 13%;
    }
    #telefonoDireccion {
        margin-left: 13%;
    }
    #divHorario {
        padding-left: 10%;
    }
    #horario2 {
        padding-right: 43px;
    }
    .siguenosDiv {
        clear: both;
        width: 100%;
        margin-top: 3em;
        margin-left: 0em;
    }
    #tituloSiguenos {
        margin-top: -1em;
    }
    .logosRedesSociales {
        width: 20%;
    }
}

/*********************************************************************************/

/* Iframe del Mapa                                                               */

/*********************************************************************************/

iframe {
    margin-left: 3em;
    width: 92%;
    height: 300px;
    border: 0;
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 1024px) {
    iframe {
        margin-left: 2em;
    }
}

/*Visualización pantallas hasta las 800px */

@media (max-width: 800px) {
    iframe {
        margin-left: 1.5em;
    }
}

/* Visualización pantallas más 768px*/

@media(max-width: 768px) {
    iframe {
        margin-left: 0em;
        width: 100%;
    }
}

/*********************************************************************************/

/* List Styles                                                                   */

/*********************************************************************************/

ul.style1 {}

/*********************************************************************************/

/* Social Icon Styles                                                            */

/*********************************************************************************/

ul.contact {
    margin: 0;
    padding: 2em 0em 0em 0em;
    list-style: none;
}

ul.contact li {
    display: inline-block;
    padding: 0em 0.30em;
    font-size: 1em;
}

ul.contact li span {
    display: none;
    margin: 0;
    padding: 0;
}

ul.contact li a {
    color: #FFF;
}

ul.contact li a:before {
    display: inline-block;
    background: #3f3f3f;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    color: #FFFFFF;
}

ul.contact li a.icon-twitter:before {
    background: #2DAAE4;
}

ul.contact li a.icon-facebook:before {
    background: #39599F;
}

ul.contact li a.icon-dribbble:before {
    background: #C4376B;
}

ul.contact li a.icon-tumblr:before {
    background: #31516A;
}

ul.contact li a.icon-rss:before {
    background: #F2600B;
}

/*********************************************************************************/

/* Estilo de los button                                                          */

/*********************************************************************************/

.button {
    display: inline-block;
    margin-top: 8%;
    padding: 1em 2em 1em 2em;
    background: #008181;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.90em;
    color: #FFF;
}

.buttonGrande {
    display: inline-block;
    margin-top: 2%;
    padding: 1em 2em 1em 2em;
    background: #008181;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.90em;
    color: #FFF;
}

.button:before {}

/* Visualización pantallas más 1024px*/

@media(min-width: 1024px) {
    .button:hover {
        background: #008181;
        font-size: 1.1em;
        border-radius: 8px;
    }
}

/*Visualización pantallas hasta 1680 */

@media (max-width: 1680px) {
    #buttonIkertzen {
        margin-top: 3.73em;
    }
    #buttonIkertzen:hover {
        margin-top: 3.1em;
    }
}

/*Visualización pantallas hasta 1366 */

@media (max-width: 1366px) {
    #buttonIkertzen {
        margin-top: 3.7em;
    }
    #buttonIkertzen:hover {
        margin-top: 3em;
    }
}

/*Visualización pantallas hasta 1280 */

@media (max-width: 1280px) {
    #buttonIkertzen {
        margin-top: 3.8em;
    }
    #buttonIkertzen:hover {
        margin-top: 3.1em;
    }
}

/*Visualización pantallas hasta 1024 */

@media (max-width: 1024px) {
    #buttonIkertzen {
        margin-top: 3.3em;
    }
    #buttonIkertzen:hover {
        margin-top: 2.7em;
    }
}

/* Visualización pantallas hasta 800px */

@media(max-width: 800px) {
    #buttonSarean {
        margin-top: -0.8em;
    }
    #buttonIkertzen {
        margin-top: 3.1em;
    }
}

/* Visualización pantallas hasta 768px */

@media(max-width: 768px) {
    .button {
        font-size: 0.79em;
    }
    .buttonGrande {
        font-size: 0.65em;
    }
    #buttonSarean {
        margin-top: 3.5em;
    }
    #buttonIkertzen {
        margin-top: 5.7em;
    }
    #buttonIkertzen:hover {
        margin-top: 5.7em;
    }
}

/*Visualización pantallas hasta 640px */

@media(max-width: 640px) {
    #buttonSarean {
        margin-top: 3.3em;
    }
    #buttonIkertzen {
        margin-top: 5.5em;
    }
    #buttonIkertzen:hover {
        margin-top: 5.5em;
    }
}

/*********************************************************************************/

/* DIVS de las tres columnas, página principal                                   */

/*********************************************************************************/

.boxA,
.boxB,
.boxC {
    text-align: center;
    float: left;
    width: 27%;
    margin-right: 2%;
    border: 1px solid #949393;
    border-radius: 4px;
}

.boxA {
    margin-left: 7.5%;
}

.boxA h2,
.boxB h2,
.boxC h2 {
    /*margin-bottom: 1em;*/
    font-weight: 500;
    font-size: 1.7em;
    background-color: #008181;
    padding: 10px 20px;
    color: rgba(255, 255, 255, 0.95);
}

/*HOVER DE LAS 3 SECCIONES*/

.boxA:hover,
.boxB:hover,
.boxC:hover {
    color: #fff;
    background-color: #31516a;
}

.boxA:hover h2,
.boxB:hover h2,
.boxC:hover h2 {
    background-color: #0076be;
    color: #fff;
}

.boxA:hover strong,
.boxB:hover strong,
.boxC:hover strong {
    color: #fff;
}

.boxA:hover .box span,
.boxB:hover .box span,
.boxC:hover .box span {
    background-color: #0076be;
}

.boxA p,
.boxB p,
.boxC p {
    padding: 0em 1.5em;
}

/*Descripciones*/

#descripcion1 {
    padding-top: 15px;
    padding-bottom: 13px;
}

/* Visualización pantallas hasta 1440px */

@media(max-width: 1440px) {
    .boxA {
        margin-left: 7.3%;
    }
}

/* Visualización pantallas hasta 1280px */

@media(max-width: 1280px) {
    .boxA,
    .boxB,
    .boxC {
        width: 27%;
    }
    .boxA {
        /*margin-left: 9%;*/
    }
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 1024px) {
    .boxA,
    .boxB,
    .boxC {
        width: 26%;
        min-height: 415.5px;
    }
    .boxA {
        margin-left: 8.5%;
    }
    .boxA h2,
    .boxB h2,
    .boxC h2 {
        font-size: 1.5em;
    }
}

/* Visualización pantallas hasta 900px */

@media(max-width: 900px) {
    .boxA,
    .boxB,
    .boxC {
        width: 28.5%;
        min-height: 360.7px;
    }
    .boxA {
        margin-left: 5%;
    }
}

/* Visualización pantallas hasta 800px */

@media(max-width: 800px) {
    .boxA h2,
    .boxB h2,
    .boxC h2 {
        font-weight: 500;
        font-size: 1.2em;
    }
}

/* Visualización pantallas hasta 500px */

@media(max-width: 500px) {
    .boxA,
    .boxB,
    .boxC {
        width: 70%;
    }
    .boxA {
        margin-left: 15%;
    }
    .boxB,
    .boxC {
        padding-top: 9%;
        margin-left: 15%;
        display: none;
    }
    .boxA h2,
    .boxB h2,
    .boxC h2 {
        margin-bottom: 0.5em;
        font-weight: 600;
        font-size: 1.6em;
    }
    .boxA p,
    .boxB p,
    .boxC p {
        padding: 0em 1em;
    }
}

/*********************************************************************************/

/* Header                                                                        */

/*********************************************************************************/

#header {
    position: relative;
    top: 30px;
    padding: 5em 0em;
}

/*********************************************************************************/

/* Logo de Euskedi Ikertze del Header                                            */

/*********************************************************************************/

#logo {
    position: absolute;
    top: 2.2em;
    left: 17%;
}

#imagenLogo {
    width: 250px;
}

/* Visualización pantallas a partir de 1920 */

@media(min-width: 1920px) {
    #logo {
        left: 6.8%;
    }
}

/* Visualización pantallas hasta 1680 */

@media(max-width: 1680px) {
    #logo {
        left: 5%;
    }
}

/* Visualización pantallas hasta 1440px */

@media(max-width: 1440px) {
    #logo {
        left: 7%;
    }
}

/* Visualización pantallas hasta 1366px */

@media(max-width: 1366px) {
    #logo {
        left: 4%;
    }
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 1024px) {
    #logo {
        left: 1%;
    }
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 800px) {
    #logo {
        /*left: 0%;*/
    }
    #imagenLogo {
        width: 200px;
    }
}

/* Visualización pantallas hasta 768px*/

@media(max-width: 768px) {
    #logo {
        /*top: 4em;*/
        left: 0%;
    }
    #imagenLogo {
        width: 200px;
    }
}

/* Visualización pantallas hasta 640px */

@media(max-width: 640px) {
    #logo {
        left: 2%;
        /*top: 4em;*/
    }
}

/* Visualización pantallas hasta 480px */

@media(max-width: 480px) {
    #logo {
        top: 3.5em;
        left: 28%;
    }
}

/* Visualización pantallas hasta 400px */

@media(max-width: 400px) {
    #logo {
        top: 4.5em;
        left: 26.5%;
    }
}

/* Visualización pantallas hasta 375px */

@media(max-width: 375px) {
    #logo {
        top: 3.5em;
        left: 26%;
    }
}

/* Visualización pantallas hasta 370px */

@media(max-width: 370px) {
    #logo {
        top: 3.5em;
        left: 22%;
    }
}

/* Visualización pantallas hasta 320px */

@media(max-width: 320px) {
    #logo {
        top: 3.3em;
        left: 17%;
    }
}

/*********************************************************************************/

/* Menú para ordenador y menú para movil                                         */

/*********************************************************************************/

.menu,
#movil {
    position: absolute;
    top: 5em;
    right: 15%;
}

.menu ul,
#movil ul {
    display: inline-block;
}

.menu li:before,
.menu li:before {
    content: "";
    font-size: 1em;
    padding: 0.1em 1.3em;
    font-weight: 800;
    color: rgba(0, 0, 0, .6);
}

.menu li a,
.menu li span,
#movil li a,
#movil li span {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1em;
    color: rgba(0, 0, 0, .4);
}

.menu li:hover a,
.menu li.active a,
.menu li.active span,
#movil li:hover a,
#movil li.active a,
#movil li.active span {
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
}

.menu .current_page_item a,
#movil .current_page_item a {
    color: rgba(0, 0, 0, .8);
}

/* Visualización pantallas a partir de 1920px */

@media(min-width: 1920px) {
    .menu {
        right: 200px
    }
}

/* Visualización pantallas hasta 1680px */

@media(max-width: 1680px) {
    .menu {
        top: 5em;
        right: 0%;
        left: 38%;
    }
}

/* Visualización pantallas hasta 1440px */

@media(max-width: 1440px) {
    .menu {
        left: 35%;
    }
}

/* Visualización pantallas hasta 1366px */

@media(max-width: 1366px) {
    .menu {
        top: 5em;
        right: 0%;
        left: 29.5%;
    }
}

/* Visualización pantallas hasta 1280px */

@media(max-width: 1280px) {
    .menu {
        top: 5em;
        right: 0%;
        left: 29%;
    }
}

/* Visualización pantallas hasta 1152px */

@media(max-width: 1152px) {
    .menu {
        top: 5em;
        right: 0%;
        left: 30%;
    }
    .menu li:before,
    .menu li:before {
        padding: 0.1em 0.8em;
    }
}

/* Visualización pantallas hasta 960px */

@media(max-width: 960px) {
    .menu {
        left: 26.5%;
        padding-left: 20.5px;
    }
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 1024px) {
    .menu {
        top: 5em;
        right: 0%;
        /*left: 26.5%;*/
    }
    .menu li:before,
    .menu li:before {
        padding: 0.1em 0.6em;
    }
}

/* Visualización pantallas hasta 800px */

@media(max-width: 800px) {
    .menu {
        top: 5em;
        right: 0%;
        left: 26%;
        padding-left: 20.5px;
    }
    .menu li a,
    .menu li span {
        font-size: 0.89em;
    }
    .menu li:before,
    .menu li:before {
        padding: 0.1em 0.5em;
        font-size: 0.89em;
    }
}

/* Visualización pantallas desde 770px */

@media(min-width: 770px) {
    #movil {
        display: none;
    }
    #movil li a,
    #movil li span {
        font-size: 1em;
    }
    .menu li {
        display: block;
        float: left;
        text-align: center;
    }
}

/* Visualización pantallas hasta 769px */

@media(max-width: 769px) {
    #desplegable {
        display: none;
        /*height: 12em;*/
    }
    .menu {
        display: none;
    }
    #letrasMenu {
        top: 0.45em;
        text-transform: uppercase;
        position: relative;
        float: left;
        left: 3%;
        font-size: 19px;
        font-weight: bold;
    }
    #iconCerrar {
        display: none;
        width: 30px;
        top: 0.35em;
        position: relative;
        float: right;
        right: 2%;
    }
    #iconMenu {
        width: 30px;
        top: 0.60em;
        position: relative;
        float: right;
        right: 2%;
    }
    #movil {
        top: 0em;
        position: fixed;
        z-index: 100;
        width: 100%;
        background: #008181;
        text-align: center;
        left: 0%;
    }
    #movil ul {
        left: 85%;
    }
    #movil li {
        font-size: 19.5px;
        padding-bottom: 5px;
    }
    #movil li:hover,
    #movil li:hover a {
        font-weight: bold;
    }
    #movil li:before {
        content: " ";
    }
}

/*********************************************************************************/

/* Banner de la página principal                                                 */

/*********************************************************************************/

#banner {
    z-index: 0;
    position: relative;
    overflow: hidden;
    margin: 0%;
    margin-top: 2em;
    padding: 12em 0em;
    background: url(images/banner.jpg) no-repeat center;
    background-size: cover;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Visualización pantallas hasta 1440*/

@media(max-width: 1440px) {
    #banner {
        padding: 11em 0em;
    }
}

/* Visualización pantallas hasta 1280*/

@media(max-width: 1280px) {
    #banner {
        padding: 12em 0em;
    }
    @media(max-height: 800px) {
        #banner {
            padding: 10.5em 0em;
        }
    }
}

/* Visualización pantallas hasta 1152*/

@media(max-width: 1152px) {
    #banner {
        padding: 10em 0em;
    }
}

/* Visualización pantallas hasta 800*/

@media(max-width: 800px) {
    #banner {
        margin-top: 0%;
        padding: 7em 0em;
    }
}

/* Visualización pantallas hasta 770*/

@media(max-width: 770px) {
    #banner {
        margin-top: 0%;
        padding: 9.5em 0em;
    }
}

/* Visualización pantallas hasta 640*/

@media(max-width: 640px) {
    #banner {
        margin-top: 0%;
        padding: 8.5em 0em;
    }
}

/* Visualización pantallas hasta 480*/

@media(max-width: 480px) {
    #banner {
        margin-top: 10%;
        padding: 7em 0em;
    }
}

/*********************************************************************************/

/* Imágenes para añadirle el tamaño                                              */

/*********************************************************************************/

#imagen2,
#imagen1,
#imagen17 {
    width: 256px;
}

/*********************************************************************************/

/* Configuración para el div de Méritos                                          */

/*********************************************************************************/

#divMeritos {
    width: 62%;
    overflow: hidden;
    padding: 2.5em 0em;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#h1Meritos {
    text-align: center;
    margin-top: -0.3em;
    margin-bottom: 1.1em;
}

.contenidoMeritos {
    width: 22.5%;
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
}

.imgMeritos {
    width: 50%;
    margin-left: 25%;
}

.textMeritos {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}

/* Visualización pantallas hasta 1440px */

@media(max-width: 1440px) {
    .contenidoMeritos {
        width: 26%;
        float: left;
        margin-left: 6%;
        margin-bottom: 2%;
    }
    .imgMeritos {
        width: 52%;
        margin-left: 25%;
    }
    .textMeritos {
        text-align: center;
        font-size: 1.1em;
    }
}

/* Visualización pantallas hasta 1366*/

@media(max-width: 1366px) {
    #divMeritos {
        width: 70%;
    }
    .textMeritos {
        font-size: 1em;
    }
}

/* Visualización pantallas hasta 1280*/

@media(max-width: 1280px) {
    #divMeritos {
        width: 69%;
    }
    .contenidoMeritos {
        width: 30%;
        float: left;
        margin-left: 2.5%;
    }
    .textMeritos {
        font-size: 1.1em;
    }
}

/* Visualización pantallas hasta 1024*/

@media(max-width: 1024px) {
    #divMeritos {
        width: 85%;
    }
    .contenidoMeritos {
        width: 30%;
        float: left;
        margin-left: 2.5%;
    }
    .textMeritos {
        font-size: 1.1em;
    }
}

/*Visualización pantallas hasta 800px*/

@media(max-width: 800px) {
    .textMeritos {
        font-size: 1em;
    }
}

/* Visualización pantallas hasta 768*/

@media(max-width:768px) {
    #divMeritos {
        width: 88%;
    }
    .contenidoMeritos {
        width: 30%;
        float: left;
        margin-left: 2.5%;
    }
    .textMeritos {
        font-size: 1em;
    }
}

/* Visualización pantallas hasta 640*/

@media(max-width:640px) {
    #divMeritos {
        width: 90%;
    }
    .contenidoMeritos {
        width: 45%;
        float: left;
        margin-left: 3.3%;
    }
    .imgMeritos {
        margin-left: 25%;
    }
    .textMeritos {
        font-size: 1.1em;
    }
}

/* Visualización pantallas hasta 480*/

@media(max-width:480px) {
    #divMeritos {
        width: 95%;
        padding: 4em 0em;
    }
    .contenidoMeritos {
        width: 45%;
        float: left;
        margin-left: 3.3%;
    }
    .imgMeritos {
        margin-left: 14%;
    }
    .textMeritos {
        font-size: 1em;
    }
}

/* Visualización pantallas hasta 425px */

@media(max-width: 425px) {
    .imgMeritos {
        margin-left: 25%;
    }
}

/* Visualización pantallas hasta 370*/

@media(max-width:370px) {
    #divMeritos {
        width: 85%;
    }
    #h1Meritos {
        margin-top: -1em;
    }
    .contenidoMeritos {
        margin-left: 0.25em;
        width: 42%;
        float: left;
        margin-right: 6.8%;
    }
    #contenidoMeritosIzq {
        margin-left: 1.4em;
        margin-right: 0%;
    }
    .imgMeritos {
        width: 95%;
        margin-left: 0%;
    }
    .textMeritos {
        width: 94%;
        font-size: 1em;
        margin-left: -0.1em;
        margin-right: 0%;
    }
}

/* Visualización pantallas hasta 320*/

@media(max-width:320px) {
    #divMeritos {
        width: 95%;
    }
    .contenidoMeritos {
        width: 43%;
        float: left;
        margin-left: 4%;
        margin-right: 2.2%;
    }
    .imgMeritos {
        margin-left: 4.5%;
        width: 80%;
    }
    .textMeritos {
        font-size: 1em;
    }
}

/*********************************************************************************/

/* Page                                                                          */

/*********************************************************************************/

#page {
    position: relative;
    overflow: hidden;
    padding: 3.5em 0em;
}

/* Visualización pantallas hasta 1366px */

@media(max-width: 1366px) {
    #page {
        /*padding-top: 4em;*/
        padding-bottom: 4em;
    }
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 1024px) {
    #page {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}

/* Visualización pantallas hasta 900*/

@media(max-width: 900px) {
    #page {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}

/*********************************************************************************/

/* Content                                                                       */

/*********************************************************************************/

#content {}

/*********************************************************************************/

/* Sidebar                                                                       */

/*********************************************************************************/

#sidebar {}

/*********************************************************************************/

/* Footer                                                                        */

/*********************************************************************************/

#footer {}

/*********************************************************************************/

/* Configuración divs alFrente                                                   */

/*********************************************************************************/

#alFrenteGogoan,
#alFrenteSarean,
#alFrenteIkertzen {
    padding: 0.75% 0.75% 0% 0.75%;
    position: absolute;
    display: none;
    top: 10%;
    left: 10%;
    height: auto;
    width: 80%;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 1;
}

#iconCerrarDivSarean,
#iconCerrarDivGogoan,
#iconCerrarDivIkertzen {
    width: 26px;
    top: 0.35em;
    position: relative;
    float: right;
    right: 1%;
}

.iconCerrarDivPequeGogoan,
.iconCerrarDivPequeSarean,
.iconCerrarDivPequeIkertzen {
    width: 21px;
    top: 0.35em;
    top: 0.35em;
    position: relative;
    float: right;
    right: -3.5%;
}

.tituloDivAlFrente {
    padding-top: 1%;
    padding-left: 48%;
    padding-bottom: 2%;
    font-size: 24px;
}

/* DIVs secundario*/

#div1,
#div101,
#div301 {
    z-index: 3;
    border: 0.3px solid;
    position: absolute;
    display: none;
    top: 22%;
    left: 3.15%;
    width: 12.55%;
    height: auto;
    padding-right: 1em;
    background-color: rgba(255, 255, 255, 0.7);
}

#div2,
#div102,
#div302 {
    border: 0.3px solid;
    position: absolute;
    display: none;
    top: 22%;
    left: 19.05%;
    width: 12.6%;
    height: auto;
    padding-right: 1em;
    background-color: rgba(255, 255, 255, 0.7);
}

#div302 {
    top: 23.5%;
}

#div3,
#div103,
#div303 {
    border: 0.3px solid;
    position: absolute;
    display: none;
    top: 23%;
    left: 35.05%;
    width: 12.55%;
    height: auto;
    padding-right: 1em;
    background-color: rgba(255, 255, 255, 0.7);
}

#div303 {
    top: 27%;
}

#div4,
#div104,
#div304 {
    border: 0.3px solid;
    position: absolute;
    display: none;
    top: 22%;
    left: 51%;
    width: 12.55%;
    height: auto;
    padding-right: 1em;
    background-color: rgba(255, 255, 255, 0.7);
}

#div304 {
    top: 23%;
}

#div5,
#div105,
#div305 {
    border: 0.3px solid;
    position: absolute;
    display: none;
    top: 25.5%;
    left: 66.9%;
    width: 12.55%;
    height: auto;
    padding-right: 1em;
    background-color: rgba(255, 255, 255, 0.7);
}

#div6,
#div106,
#div306 {
    border: 0.3px solid;
    position: absolute;
    display: none;
    top: 25.5%;
    left: 82.9%;
    width: 12.55%;
    height: auto;
    padding-right: 1em;
    background-color: rgba(255, 255, 255, 0.7);
}

#div7,
#div107,
#div307 {
    border: 0.3px solid;
    position: absolute;
    display: none;
    top: 66.5%;
    left: 3.15%;
    width: 12.55%;
    height: auto;
    padding-right: 1em;
    background-color: rgba(255, 255, 255, 0.7);
}

#div307 {
    top: 65%;
}

.imagenAlfrente,
#imagen1,
#imagen2,
#imagen17 {
    width: 100%;
}

#svc,
#siv {
    line-height: 15px;
}

.boxDiv {
    width: 14%;
    margin-bottom: 2%;
    margin-left: 2.25%;
    float: left;
}

.boxDiv span {
    background: #008181;
    display: block;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.92em;
    color: #FFF;
}

.parrafo {
    font-size: 12pt;
    float: left;
    display: none;
    line-height: 1.4em;
    color: black;
    padding-top: 3%;
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
    font-weight: bold;
}

/* Visualización pantallas hasta 1680px*/

@media(max-width: 1680px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 80%;
    }
    .tituloDivAlFrente {
        padding-top: 2%;
        padding-left: 48%;
        padding-bottom: 3%;
    }
    .boxDiv {
        width: 14%;
        margin-bottom: 2%;
        margin-left: 2.25%;
        float: left;
    }
    .parrafo {
        float: left;
        padding-top: 2%;
        padding-left: 3%;
        padding-right: 3%;
        line-height: 1.3em;
    }
    #mi,
    #bdyad,
    #tei {
        line-height: 15px;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 25.5%;
        left: 3.15%;
        width: 12.43%;
    }
    #div2,
    #div102,
    #div302 {
        top: 23.5%;
        left: 19.1%;
        width: 12.42%;
    }
    #div302 {
        top: 25%;
    }
    #div3,
    #div103,
    #div303 {
        top: 26.5%;
        left: 35%;
        width: 12.41%;
    }
    #div303 {
        top: 28.5%;
    }
    #div4,
    #div104,
    #div304 {
        top: 25%;
        left: 50.95%;
        width: 12.43%;
    }
    #div304 {
        top: 27%;
    }
    #div5,
    #div105,
    #div305 {
        top: 27%;
        left: 66.9%;
        width: 12.5%;
    }
    #div6,
    #div106,
    #div306 {
        top: 27%;
        left: 82.9%;
        width: 12.43%;
    }
    #div306 {
        top: 29%;
    }
    #div7,
    #div107,
    #div307 {
        top: 66%;
        left: 3.15%;
        width: 12.43%;
    }
    #div307 {
        top: 65%;
    }
}

/* Visualización pantallas hasta 1440px*/

@media (max-width: 1440px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 80%;
    }
    .imagenAlfrente,
    #imagen1,
    #imagen2,
    #imagen17 {
        width: 100%;
    }
    .tituloDivAlFrente {
        padding-top: 2%;
        padding-left: 48%;
        padding-bottom: 4%;
    }
    .boxDiv {
        width: 16%;
        margin-bottom: 2.8%;
        margin-left: 3.3%;
        float: left;
    }
    .boxDiv span {
        width: 100%;
        font-size: 0.8em;
    }
    .parrafo {
        float: left;
        padding-top: 2%;
        padding-left: 3%;
        padding-right: 3%;
    }
    #mi,
    #bdyad {
        line-height: 30px;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 25%;
        left: 4.2%;
        width: 14.15%;
    }
    #div2,
    #div102,
    #div302 {
        top: 23%;
        left: 23.1%;
        width: 14.15%;
    }
    #div3,
    #div103,
    #div303 {
        top: 26%;
        left: 42.05%;
        width: 14.15%;
    }
    #div303 {
        top: 28%;
    }
    #div4,
    #div104,
    #div304 {
        top: 25%;
        left: 61%;
        width: 14.2%;
    }
    #div304 {
        top: 26%;
    }
    #div5,
    #div105,
    #div305 {
        top: 26.5%;
        left: 79.9%;
        width: 14.15%;
    }
    #div6,
    #div106,
    #div306 {
        top: 67.5%;
        left: 4.2%;
        width: 14.15%;
    }
    #div306 {
        top: 69%;
    }
    #div7,
    #div107,
    #div307 {
        top: 66%;
        left: 23.1%;
        width: 14.15%;
    }
    #div307 {
        top: 64.5%;
    }
}

/*Visualización pantallas hasta 1366px*/

@media (max-width: 1366px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 79%;
        padding-left: 2em;
    }
    #mi,
    #bdyad {
        line-height: 15px;
    }
    .boxDiv span {
        width: 100%;
        font-size: 0.7em;
    }
    .boxDiv {
        width: 16%;
        margin-bottom: 2.5%;
        margin-left: 3%;
        float: left;
    }
    .boxDiv span {
        font-size: 0.92em;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 24.5%;
        left: 5.8%;
        width: 13.8%;
    }
    #div301 {
        top: 24.5%;
    }
    #div2,
    #div102,
    #div302 {
        top: 21%;
        left: 24%;
        width: 13.8%;
    }
    #div302 {
        top: 23%;
    }
    #div3,
    #div103,
    #div303 {
        top: 26%;
        left: 42.35%;
        width: 13.7%;
    }
    #div303 {
        top: 28.5%;
    }
    #div4,
    #div104,
    #div304 {
        top: 21%;
        left: 60.6%;
        width: 13.8%;
    }
    #div304 {
        top: 24.5%;
    }
    #div5,
    #div105,
    #div305 {
        top: 26%;
        left: 78.9%;
        width: 13.75%;
    }
    #div6,
    #div106,
    #div306 {
        top: 65.5%;
        left: 5.8%;
        width: 13.8%;
    }
    #div306 {
        top: 68.5%;
    }
    #div7,
    #div107,
    #div307 {
        top: 65.5%;
        left: 24%;
        width: 13.8%;
    }
    #div307 {
        top: 64%;
    }
}

/* Visualización pantallas mayores a 1281px */

@media (min-width: 1281px) {
    /* Añadir sombra a los divs*/
    .boxDiv {
        -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.55);
        box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.55);
    }
}

/*Visualización pantallas hasta 1280px*/

@media (max-width: 1280px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 80%;
        left: 7%;
        padding-left: 4.5em;
    }
    .boxDiv {
        width: 20%;
        margin-bottom: 2.5%;
        margin-left: -2%;
        margin-right: 2%;
        float: left;
    }
    .boxDiv span {
        width: 85%;
        line-height: 2em;
        font-size: 0.90em;
    }
    #tei {
        line-height: 14px;
    }
    .imagenAlfrente,
    #imagen1,
    #imagen2,
    #imagen17 {
        width: 85%;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 24%;
        left: 4.7%;
        width: 14.1%;
    }
    #div2,
    #div102,
    #div302 {
        top: 22.5%;
        left: 23.2%;
        width: 14.1%;
    }
    #div3,
    #div103,
    #div303 {
        top: 25.5%;
        left: 41.7%;
        width: 14.1%;
    }
    #div303 {
        top: 28%;
    }
    #div4,
    #div104,
    #div304 {
        top: 20.5%;
        left: 60.2%;
        width: 14.1%;
    }
    #div304 {
        top: 24.5%;
    }
    #div5,
    #div105,
    #div305 {
        top: 26%;
        left: 78.85%;
        width: 14%;
        ;
    }
    #div6,
    #div106,
    #div306 {
        top: 67%;
        left: 4.7%;
        width: 14.1%;
    }
    #div306 {
        top: 69%;
    }
    #div7,
    #div107,
    #div307 {
        top: 65%;
        left: 23.2%;
        width: 14.1%;
    }
    #div307 {
        top: 63.5%;
    }
}

/* Visualización pantallas hasta 1152px */

@media(max-width: 1152px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        left: 6.5%;
    }
    #tei {
        line-height: 13px;
    }
    .boxDiv span {
        font-size: 0.85em;
    }
    #mi,
    #bdyad {
        line-height: 14px;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 23.5%;
        left: 5.5%;
        width: 13.7%;
    }
    #div301 {
        top: 21.5%;
    }
    #div2,
    #div102,
    #div302 {
        top: 19.2%;
        left: 23.8%;
        width: 13.85%;
    }
    #div302 {
        top: 21.5%;
    }
    #div3,
    #div103,
    #div303 {
        top: 25%;
        left: 42.2%;
        width: 13.8%;
    }
    #div303 {
        top: 27.5%;
    }
    #div4,
    #div104,
    #div304 {
        top: 19.3%;
        left: 60.5%;
        width: 13.85%;
    }
    #div304 {
        top: 23.5%;
    }
    #div5,
    #div105,
    #div305 {
        top: 23.5%;
        left: 78.9%;
        width: 13.8%;
    }
    #div6,
    #div106,
    #div306 {
        top: 64.5%;
        left: 5.5%;
        width: 13.7%;
    }
    #div306 {
        top: 66.25%;
    }
    #div7,
    #div107,
    #div307 {
        top: 62.5%;
        left: 23.8%;
        width: 13.85%;
    }
}

/*Visualización pantallas hasta 1024*/

@media (max-width: 1024px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 77%;
    }
    .tituloDivAlFrente {
        padding-top: 2%;
        padding-left: 40%;
        padding-bottom: 4%;
    }
    #mi {
        line-height: 13px;
    }
    .parrafo {
        float: left;
        padding-top: 1%;
        padding-left: 4%;
        padding-right: 4%;
        line-height: 1.1em;
        font-size: 11pt;
    }
    .imagenAlfrente,
    #imagen1,
    #imagen2,
    #imagen17 {
        width: 80%;
    }
    .boxDiv span {
        width: 80%;
        font-size: 0.85em;
    }
    .boxDiv {
        width: 25%;
        margin-bottom: 2%;
        margin-right: 2%;
        float: left;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 24.5%;
        left: 6.6%;
        width: 16%;
    }
    #div301 {
        top: 23%;
    }
    #div2,
    #div102,
    #div302 {
        top: 21.5%;
        left: 29.3%;
        width: 16%;
    }
    #div302 {
        top: 23%;
    }
    #div3,
    #div103,
    #div303 {
        top: 26%;
        left: 52%;
        width: 16%;
    }
    #div303 {
        top: 28%;
    }
    #div4,
    #div104,
    #div304 {
        top: 21.5%;
        left: 74.6%;
        width: 16.1%;
    }
    #div304 {
        top: 24.5%;
    }
    #div5,
    #div105,
    #div305 {
        top: 67%;
        left: 6.6%;
        width: 16%;
    }
    #div6,
    #div106,
    #div306 {
        top: 66%;
        left: 29.3%;
        width: 16%;
    }
    #div306 {
        top: 69%;
    }
    #div7,
    #div107,
    #div307 {
        top: 64.5%;
        left: 52%;
        width: 16%;
    }
}

/* Visualización pantallas hasta 800px*/

@media(max-width: 800px) {
    .boxDiv {
        width: 25%;
        margin-bottom: 2%;
        margin-right: 2%;
        margin-left: -2%;
        float: left;
    }
    .boxDiv span {
        width: 80%;
        font-size: 0.65em;
    }
    .parrafo {
        line-height: 1em;
        font-size: 9pt;
    }
    #mi,
    #bdyad {
        line-height: 10px;
    }
    #reprografiaSpan {
        line-height: 30px;
    }
    #think,
    #sb,
    #formacion {
        line-height: 26px;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 24%;
        left: 8.8%;
        width: 15%;
    }
    #div2,
    #div102,
    #div302 {
        top: 22.25%;
        left: 31%;
        width: 15%;
    }
    #div302 {
        top: 24.25%;
    }
    #div3,
    #div103,
    #div303 {
        top: 26.5%;
        left: 53%;
        width: 15.2%;
    }
    #div303 {
        top: 28.5%;
    }
    #div4,
    #div104,
    #div304 {
        top: 23%;
        left: 75.2%;
        width: 15.2%;
    }
    #div304 {
        top: 25.5%;
    }
    #div5,
    #div105,
    #div305 {
        top: 65%;
        left: 8.8%;
        width: 15%;
    }
    #div6,
    #div106,
    #div306 {
        top: 65%;
        left: 31%;
        width: 15%;
    }
    #div306 {
        top: 68.5%;
    }
    #div7,
    #div107,
    #div307 {
        top: 63.5%;
        left: 53%;
        width: 15.2%;
    }
    #div307 {
        top: 66%;
    }
}

/* Visualización pantallas hasta 768*/

@media(max-width: 768px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 78%;
        left: 8%;
        padding-left: 2.4em;
        top: 5%;
    }
    .tituloDivAlFrente {
        padding-top: 2%;
        padding-left: 44%;
        padding-bottom: 6%;
    }
    .parrafo {
        float: left;
        padding-top: 1.5%;
        padding-left: 4%;
        padding-right: 4%;
        width: 82%;
        line-height: 1.2em;
        font-size: 11pt;
    }
    #mi,
    #svc,
    #bdyad,
    #tei,
    #think {
        line-height: 30px;
    }
    .boxDiv {
        margin-left: 0%;
        margin-bottom: 4%;
        margin-right: 0%;
        width: 50%;
        float: left;
    }
    .boxDiv span {
        font-size: 0.95em;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 13%;
        left: 6%;
        width: 34.5%;
    }
    #div2,
    #div102,
    #div302 {
        top: 12.5%;
        left: 52.5%;
        width: 34.5%;
    }
    #div3,
    #div103,
    #div303 {
        top: 36.25%;
        left: 6%;
        width: 34.5%;
    }
    #div303 {
        top: 38%;
    }
    #div4,
    #div104,
    #div304 {
        top: 36%;
        left: 52.5%;
        width: 34.5%;
    }
    #div5,
    #div105,
    #div305 {
        top: 60.5%;
        left: 6%;
        width: 34.5%;
    }
    #div6,
    #div106,
    #div306 {
        top: 60.5%;
        left: 52.5%;
        width: 34.5%;
    }
    #div7,
    #div107,
    #div307 {
        top: 83%;
        left: 6%;
        width: 34.5%;
    }
    #div307 {
        top: 82%;
    }
}

/* Visualización pantallas hasta 640*/

@media(max-width: 640px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 80%;
        left: 6.8%;
        margin-bottom: 5%;
        top: 4%;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        margin-top: -1.5%;
        right: -7%;
    }
    .tituloDivAlFrente {
        padding-top: 2%;
        padding-left: 42%;
        padding-bottom: 5%;
    }
    .parrafo {
        float: left;
        padding-top: 1.5%;
        padding-left: 3%;
        padding-right: 3%;
        width: 82%;
    }
    #mi,
    #svc,
    #bdyad,
    #tei {
        line-height: 25px;
    }
    .boxDiv {
        margin-left: 0%;
        width: 50%;
    }
    .boxDiv span {
        font-size: 0.8em;
    }
    /* DIVs secundario*/
    #div1,
    #div101,
    #div301 {
        top: 11.5%;
        left: 7%;
        width: 33.7%;
    }
    #div2,
    #div102,
    #div302 {
        top: 10.8%;
        left: 53%;
        width: 33.7%;
    }
    #div302 {
        top: 11.5%;
    }
    #div3,
    #div103,
    #div303 {
        top: 35%;
        left: 7%;
        width: 33.7%;
    }
    #div303 {
        top: 37%;
    }
    #div4,
    #div104,
    #div304 {
        top: 34.5%;
        left: 53%;
        width: 33.7%;
    }
    #div304 {
        top: 36%;
    }
    #div5,
    #div105,
    #div305 {
        top: 58.5%;
        left: 7%;
        width: 33.7%;
    }
    #div6,
    #div106,
    #div306 {
        top: 58.5%;
        left: 53%;
        width: 33.7%;
    }
    #div306 {
        top: 60%;
    }
    #div7,
    #div107,
    #div307 {
        top: 81.5%;
        left: 7%;
        width: 33.7%;
    }
    #div307 {
        top: 81.5%;
    }
}

/* Visualización pantallas hasta 480*/

@media(max-width: 480px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        position: absolute;
        display: none;
        top: 1em;
        left: 2.5%;
        width: 86%;
        z-index: 1;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        right: -7.5%;
    }
    .tituloDivAlFrente {
        padding-top: 2%;
        padding-left: 34%;
        padding-bottom: 8%;
    }
    .parrafo {
        float: left;
        padding-top: 0.2%;
        padding-left: 1%;
        padding-right: 1%;
        width: 84.1%;
    }
    #mi,
    #svc,
    #bdyad,
    #tei {
        line-height: 22px;
    }
    .imagenAlfrente,
    #imagen1,
    #imagen2,
    #imagen17 {
        width: 85%;
    }
    .boxDiv span {
        width: 85%;
        font-size: 0.70em;
    }
    #div1,
    #div101,
    #div301 {
        top: 12.5%;
        left: 8.7%;
        width: 34.4%;
    }
    #div301 {
        top: 11.5%;
    }
    #div2,
    #div102,
    #div302 {
        top: 10.5%;
        left: 54%;
        width: 34.4%;
    }
    #div302 {
        top: 11%;
    }
    #div3,
    #div103,
    #div303 {
        top: 35.5%;
        left: 8.7%;
        width: 34.4%;
    }
    #div303 {
        top: 37%;
    }
    #div4,
    #div104,
    #div304 {
        top: 33.25%;
        left: 54%;
        width: 34.4%;
    }
    #div304 {
        top: 35%;
    }
    #div5,
    #div105,
    #div305 {
        top: 59%;
        left: 8.7%;
        width: 34.4%;
    }
    #div6,
    #div106,
    #div306 {
        top: 58%;
        left: 54%;
        width: 34.4%;
    }
    #div306 {
        top: 60.5%;
    }
    #div7,
    #div107,
    #div307 {
        top: 81%;
        left: 8.7%;
        width: 34.4%;
    }
    #div307 {
        top: 80.8%;
    }
}

/* Visualización pantallas hasta 425px */

@media(max-width: 425px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        position: absolute;
        display: none;
        top: 1em;
        left: 2.5%;
        width: 85%;
        z-index: 1;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        margin-top: -4%;
        right: -12%;
    }
    .parrafo {
        padding-top: 2%;
        width: 80%;
    }
    #cyr {
        height: 3.03em;
        padding-top: 0.9em;
    }
    .spanModificar {
        height: 3.03em;
        padding-top: 0.9em;
    }
    .tituloDivAlFrente {
        padding-top: 0.8em;
        padding-left: 34%;
    }
    #div1,
    #div101,
    #div301 {
        top: 11.3%;
        left: 9.9%;
        width: 33.2%;
    }
    #div301 {
        top: 9.8%;
    }
    #div2,
    #div102,
    #div302 {
        top: 10.35%;
        left: 54.5%;
        width: 33.2%;
    }
    #div302 {
        top: 12%;
    }
    #div3,
    #div103,
    #div303 {
        top: 36.8%;
        left: 9.9%;
        width: 33.2%;
    }
    #div303 {
        top: 39.2%;
    }
    #div4,
    #div104,
    #div304 {
        top: 34.3%;
        left: 54.5%;
        width: 33.2%;
    }
    #div304 {
        top: 36.5%;
    }
    #div5,
    #div105,
    #div305 {
        top: 57.5%;
        left: 9.9%;
        width: 33.2%;
    }
    #div6,
    #div106,
    #div306 {
        top: 57.4%;
        left: 54.5%;
        width: 33.2%;
    }
    #div306 {
        top: 60.5%;
    }
    #div7,
    #div107,
    #div307 {
        top: 80.2%;
        left: 9.9%;
        width: 33.2%;
    }
    #div307 {
        top: 78.55%;
    }
}

/* Visualización pantallas hasta 414*/

@media(max-width: 414px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        position: absolute;
        display: none;
        top: 1em;
        left: 2.5%;
        width: 84%;
        z-index: 1;
    }
    .boxDiv span {
        font-size: 0.80em;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        margin-top: -4%;
        right: -12%;
    }
    #mi,
    #svc,
    #bdyad,
    #tei {
        line-height: 25px;
    }
    .spanModificar {
        height: 3.03em;
        padding-top: 0.9em;
    }
    .tituloDivAlFrente {
        padding-top: 0.8em;
        padding-left: 34%;
    }
    .parrafo {
        margin-bottom: 0.3em;
        padding-left: 0.18em;
        width: 75%;
        line-height: 1.35em;
    }
    #div1,
    #div101,
    #div301 {
        top: 9.8%;
        left: 10.1%;
        width: 33%;
    }
    #div301 {
        top: 9.3%;
    }
    #div2,
    #div102,
    #div302 {
        top: 9.8%;
        left: 54.8%;
        width: 33%;
    }
    #div302 {
        top: 10.4%;
    }
    #div3,
    #div103,
    #div303 {
        top: 34.5%;
        left: 10.1%;
        width: 33%;
    }
    #div303 {
        top: 40%;
    }
    #div4,
    #div104,
    #div304 {
        top: 32.4%;
        left: 54.8%;
        width: 33%;
    }
    #div304 {
        top: 35.3%;
    }
    #div5,
    #div105,
    #div305 {
        top: 56.5%;
        left: 10.1%;
        width: 33%;
    }
    #div6,
    #div106,
    #div306 {
        top: 56.5%;
        left: 54.8%;
        width: 33%;
    }
    #div306 {
        top: 60.5%;
    }
    #div7,
    #div107,
    #div307 {
        top: 78%;
        left: 10.1%;
        width: 33%;
    }
    #div307 {
        top: 78%;
    }
}

/* Visualización pantallas hasta 400*/

@media(max-width: 400px) {
    #div1,
    #div101,
    #div301 {
        top: 9.7%;
        left: 10.5%;
        width: 32.5%;
    }
    #div301 {
        top: 9.3%;
    }
    #div2,
    #div102,
    #div302 {
        top: 9.7%;
        left: 55%;
        width: 32.5%;
    }
    #div302 {
        top: 10.4%;
    }
    #div3,
    #div103,
    #div303 {
        top: 34.5%;
        left: 10.5%;
        width: 32.5%;
    }
    #div303 {
        top: 39%;
    }
    #div4,
    #div104,
    #div304 {
        top: 32.6%;
        left: 55%;
        width: 32.5%;
    }
    #div304 {
        top: 35.3%;
    }
    #div5,
    #div105,
    #div305 {
        top: 55.3%;
        left: 10.5%;
        width: 32.5%;
    }
    #div6,
    #div106,
    #div306 {
        top: 56.4%;
        left: 55%;
        width: 32.5%;
    }
    #div306 {
        top: 60.2%;
    }
    #div7,
    #div107,
    #div307 {
        top: 77.8%;
        left: 10.5%;
        width: 32.5%;
    }
    #div307 {
        top: 78%;
    }
}

/* Visualización pantallas hasta 384*/

@media(max-width: 384px) {
    #div1,
    #div101,
    #div301 {
        top: 9.6%;
        left: 11%;
        width: 32.3%;
    }
    #div301 {
        top: 9.3%;
    }
    #div2,
    #div102,
    #div302 {
        top: 9.6%;
        left: 55.2%;
        width: 32.1%;
    }
    #div302 {
        top: 9.8%;
    }
    #div3,
    #div103,
    #div303 {
        top: 34.2%;
        left: 11%;
        width: 32.3%;
    }
    #div303 {
        top: 37.5%;
    }
    #div4,
    #div104,
    #div304 {
        top: 32.5%;
        left: 55.2%;
        width: 32.1%;
    }
    #div304 {
        top: 33.95%;
    }
    #div5,
    #div105,
    #div305 {
        top: 55%;
        left: 11%;
        width: 32.3%;
    }
    #div6,
    #div106,
    #div306 {
        top: 55%;
        left: 55.2%;
        width: 32.1%;
    }
    #div306 {
        top: 57.3%;
    }
    #div7,
    #div107,
    #div307 {
        top: 77.45%;
        left: 11%;
        width: 32.3%;
    }
    #div307 {
        top: 75.65%;
    }
}

/* Visualización pantallas hasta 378*/

@media(max-width: 378px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        position: absolute;
        display: none;
        top: 1em;
        left: 2.5%;
        width: 84%;
        z-index: 1;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        margin-top: -4%;
        right: -12%;
    }
    .spanModificar {
        height: 3.03em;
        padding-top: 0.9em;
    }
    #cyr {
        height: 3.9em;
        padding-top: 0em;
    }
    .tituloDivAlFrente {
        padding-top: 0.8em;
        padding-left: 34%;
    }
    .parrafo {
        padding-top: 0em;
        margin-bottom: 0.3em;
        padding-left: 0.18em;
        width: 75%;
        line-height: 1.35em;
    }
    #div1,
    #div101,
    #div301 {
        top: 9.6%;
        left: 11%;
        width: 32%;
    }
    #div301 {
        top: 9.3%;
    }
    #div2,
    #div102,
    #div302 {
        top: 9.6%;
        left: 55.2%;
        width: 32%;
    }
    #div302 {
        top: 9.85%;
    }
    #div3,
    #div103,
    #div303 {
        top: 34.5%;
        left: 11%;
        width: 32%;
    }
    #div303 {
        top: 37.5%;
    }
    #div4,
    #div104,
    #div304 {
        top: 32.65%;
        left: 55.2%;
        width: 32%;
    }
    #div304 {
        top: 34.1%;
    }
    #div5,
    #div105,
    #div305 {
        top: 55%;
        left: 11%;
        width: 32%;
    }
    #div6,
    #div106,
    #div306 {
        top: 55%;
        left: 55.2%;
        width: 32%;
    }
    #div306 {
        top: 57.3%;
    }
    #div7,
    #div107,
    #div307 {
        top: 77%;
        left: 11%;
        width: 32%;
    }
    #div307 {
        top: 75.8%;
    }
}

/* Visualización pantallas hasta 370*/

@media(max-width: 370px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 89%;
        padding-left: 1.2em;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        margin-top: -4%;
        right: -12%;
    }
    .parrafo {
        margin-bottom: 0.3em;
        padding-left: 0.18em;
        width: 75%;
        line-height: 1.35em;
    }
    .boxDiv {
        width: 50%;
    }
    #cyr {
        height: 3.05em;
        padding-top: 0.9em;
    }
    .spanModificar {
        height: 3.05em;
        padding-top: 0.9em;
    }
    #div1,
    #div101,
    #div301 {
        top: 9.45%;
        left: 5.5%;
        width: 34.5%;
    }
    #div301 {
        top: 8.8%;
    }
    #div2,
    #div102,
    #div302 {
        top: 9.45%;
        left: 52.2%;
        width: 35%;
    }
    #div302 {
        top: 9.6%;
    }
    #div3,
    #div103,
    #div303 {
        top: 34.3%;
        left: 5.5%;
        width: 34.5%;
    }
    #div303 {
        top: 37.4%;
    }
    #div4,
    #div104,
    #div304 {
        top: 32.3%;
        left: 52.2%;
        width: 35%;
    }
    #div304 {
        top: 34%;
    }
    #div5,
    #div105,
    #div305 {
        top: 55.1%;
        left: 5.5%;
        width: 34.5%;
    }
    #div6,
    #div106,
    #div306 {
        top: 56.1%;
        left: 52.2%;
        width: 35%;
    }
    #div306 {
        top: 58.5%;
    }
    #div7,
    #div107,
    #div307 {
        top: 77.75%;
        left: 5.5%;
        width: 34.5%;
    }
    #div307 {
        top: 75.6%;
    }
}

/* Visualización pantallas hasta 342*/

@media(max-width: 342px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 89%;
        padding-left: 1.2em;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        margin-top: -4%;
        right: -12%;
    }
    .parrafo {
        margin-bottom: 0.3em;
        padding-left: 0.18em;
        width: 75%;
        line-height: 1.35em;
    }
    .boxDiv {
        width: 50%;
    }
    #cyr {
        height: 3.9em;
        padding-top: 0em;
    }
    .spanModificar {
        height: 3.04em;
        padding-top: 0.9em;
    }
    #spanLabservices {
        height: 3.01em;
        padding-top: 0.9em;
    }
    #div1,
    #div101,
    #div301 {
        top: 9.45%;
        left: 6%;
        width: 34%;
    }
    #div301 {
        top: 9.2%;
    }
    #div2,
    #div102,
    #div302 {
        top: 9.45%;
        left: 52.7%;
        width: 33.65%;
    }
    #div302 {
        top: 9.35%;
    }
    #div3,
    #div103,
    #div303 {
        top: 34.25%;
        left: 6%;
        width: 34%;
    }
    #div303 {
        top: 36.4%;
    }
    #div4,
    #div104,
    #div304 {
        top: 32.85%;
        left: 52.7%;
        width: 33.65%;
    }
    #div4 .parrafo {
        line-height: 1.2em
    }
    #div304 {
        top: 32.9%;
    }
    #div5,
    #div105,
    #div305 {
        top: 54.7%;
        left: 6%;
        width: 34%;
    }
    #div6,
    #div106,
    #div306 {
        top: 54.75%;
        left: 52.7%;
        width: 33.65%;
    }
    #div306 {
        top: 55.3%;
    }
    #div7,
    #div107,
    #div307 {
        top: 77%;
        left: 6%;
        width: 34%;
    }
    #div307 {
        top: 76.5%;
    }
}

/* Visualización pantallas hasta 320*/

@media(max-width: 320px) {
    #alFrenteGogoan,
    #alFrenteSarean,
    #alFrenteIkertzen {
        width: 89%;
        padding-left: 1.1em;
    }
    .iconCerrarDivPequeGogoan,
    .iconCerrarDivPequeSarean,
    .iconCerrarDivPequeIkertzen {
        top: 0.3em;
        right: -15%;
    }
    .tituloDivAlFrente {
        padding-top: 0.8em;
        padding-left: 34%;
    }
    .parrafo {
        margin-bottom: 0.3em;
        padding-left: 0.18em;
        width: 70%;
        line-height: 1.05em;
    }
    .boxDiv {
        width: 50%;
    }
    .spanModificar {
        height: 3.05em;
        padding-top: 0.9em;
    }
    #div1,
    #div101,
    #div301 {
        top: 10.6%;
        left: 5.9%;
        width: 34.4%;
    }
    #div301 {
        top: 9.4%;
    }
    #div2,
    #div102,
    #div302 {
        top: 10.6%;
        left: 52.7%;
        width: 34.4%;
    }
    #div302 {
        top: 9.6%;
    }
    #div3,
    #div103,
    #div303 {
        top: 35.25%;
        left: 5.9%;
        width: 34.4%;
    }
    #div303 {
        top: 37%;
    }
    #div4,
    #div104,
    #div304 {
        top: 33%;
        left: 52.7%;
        width: 34.4%;
    }
    #div4 .parrafo {
        line-height: 1em
    }
    #div304 {
        top: 33.1%;
    }
    #div5,
    #div105,
    #div305 {
        top: 55.6%;
        left: 5.9%;
        width: 34.4%;
    }
    #div6,
    #div106,
    #div306 {
        top: 55.6%;
        left: 52.7%;
        width: 34.2%;
    }
    #div306 {
        top: 56.25%;
    }
    #div7,
    #div107,
    #div307 {
        top: 77%;
        left: 5.9%;
        width: 34.4%;
    }
    #div307 {
        top: 76.8%;
    }
}

/*********************************************************************************/

/* Featured                                                                      */

/*********************************************************************************/

#featured {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 5em 0em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #31516a;
}

#featured .align-left {
    float: left;
    width: 32%;
    text-align: center;
}

#featured .fa,
#featured .fas {
    /*width: 420px;*/
    color: #00bbbb;
}

#featured .align-right {
    float: right;
    width: 66%;
    font-size: 1.4em;
    text-align: justify;
}

.box {
    /*margin-bottom: 2em;*/
    padding-bottom: 2em;
    padding: 24px;
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
}

.box span {
    width: 90%;
    margin: 0;
    padding: 5% 5%;
    background: #008181;
    display: block;
    line-height: 3em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2em;
    color: #FFF;
}

/* Visualización pantallas hasta 1440px */

@media(max-width: 1440px) {
    #featured {
        /*width: 66%;*/
    }
    .box span {
        font-size: 1.05em;
    }
}

/* Visualización pantallas hasta 1366px */

@media(max-width: 1366px) {
    #featured {
        width: 100%;
        padding-top: 3em;
        padding-bottom: 3em;
        background-color: #31516a;
    }
    .box span {
        font-size: 1.1em;
        line-height: 2.8em;
    }
}

/* Visualización pantallas hasta 1280px */

@media(max-width: 1280px) {
    #featured {
        /*width: 82%;*/
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .box span {
        width: 90%;
        font-size: 1.2em;
    }
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 1024px) {
    #featured {
        width: 100%;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .box span {
        width: 90%;
        font-size: 1.2em;
        line-height: 1.3em;
        min-height: 48px;
    }
}

/* Visualización pantallas hasta 900px */

@media(max-width: 900px) {
    #featured {
        /*width: 83%;*/
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .box span {
        line-height: 2em;
        font-size: 0.73em;
        /*0.9em sin min-height*/
        min-height: 23px;
    }
}

/* Visualización pantallas hasta 768px */

@media(max-width: 768px) {
    #featured .align-left {
        padding-top: 4em;
    }
    #featured .align-right {
        width: 65%;
        margin-right: 0.3em;
    }
}

/* Visualización pantallas hasta 640px */

@media(max-width: 640px) {
    .box span {
        line-height: 2em;
        font-size: 1.1em;
    }
}

/* Visualización pantallas hasta 480px */

@media(max-width: 480px) {
    #featured {
        /*width: 77%;*/
        padding-top: 2em;
        padding-bottom: 2em;
    }
    #featured .align-left {
        padding-top: 0em;
        width: 80%;
        float: left;
        padding-left: 10%;
    }
    #featured .align-right {
        padding-top: 0.7em;
        width: 94%;
        text-align: center;
    }
    .box span {
        width: 97%;
        padding: 1.5% 1.5%;
        font-size: 1.2em;
        line-height: 2em;
    }
}

/* Visualización pantallas hasta 320px */

@media(max-width: 320px) {
    .box span {
        width: 97%;
        padding: 1.5% 1.5%;
        line-height: 1.5em;
        font-size: 1.15em;
    }
}

/*********************************************************************************/

/*Flecha hacia arriba                                                                  */

/*********************************************************************************/

#arriba {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

/* Visualización pantallas hasta 960px */

@media(max-width: 960px) {
    #arriba {
        right: 20px;
    }
}

/* Visualización pantallas hasta 800px */

@media(max-width: 800px) {
    #arriba {
        display: none;
    }
}

/*********************************************************************************/

/* Copyright                                                                     */

/*********************************************************************************/

#copyright {
    width: 62%;
    overflow: hidden;
    padding: 3.5em 0em;
    padding-bottom: 2em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#copyright p {
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.95em;
}

#copyright a {
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
}

/* Visualización pantallas hasta 1440px */

@media(max-width: 1440px) {
    #copyright {
        width: 66%;
    }
}

/* Visualización pantallas hasta 1366px */

@media(max-width: 1366px) {
    #copyright {
        width: 72%;
        padding-top: 2.8em;
        padding-bottom: 2.8em;
    }
}

/* Visualización pantallas hasta 1280px */

@media(max-width: 1280px) {
    #copyright {
        width: 82%;
        padding-top: 1.8em;
        padding-bottom: 1.8em;
    }
}

/* Visualización pantallas hasta 1024px */

@media(max-width: 1024px) {
    #copyright {
        width: 84%;
        padding-top: 1.8em;
        padding-bottom: 1.8em;
    }
}

/* Visualización pantallas hasta 900*/

@media(max-width: 900px) {
    #copyright {
        width: 83%;
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

/* Visualización pantallas hasta 480*/

@media(max-width: 480px) {
    #copyright {
        width: 77%;
        padding-top: 1.8em;
        padding-bottom: 1.8em;
    }
    #copyright p {
        letter-spacing: 0.08em;
        text-align: center;
        text-transform: uppercase;
        font-size: 0.85em;
    }
}

/* Visualización pantallas hasta 370*/

@media(max-width:370px) {
    #copyright {
        width: 83%;
    }
}

/* Visualización pantallas hasta 320*/

@media(max-width: 320px) {
    #copyright {
        width: 95%;
    }
}

/*********************************************************************************/

/* en_construccion                                                               */

/*********************************************************************************/

#construccion {
    width: 100%;
}