@font-face {
    font-family: netto;
    src: url("../fonts/NettoOT_0.otf") format("opentype");
}

@font-face {
    font-family: nettobold;
    src: url("../fonts/NettoOT-Bold_0.otf") format("opentype");
}
@font-face {
    font-family: nettolight;
    src: url("../fonts/NettoOT-Light_0.otf") format("opentype");
}
@-webkit-keyframes color-flip {
    0% { background-color: #3498db }
    2% { background-color: #3498db }
    18% { background-color: #2ecc71 }
    20% { background-color: #2ecc71 }
    38% { background-color: #9b59b6 }
    40% { background-color: #9b59b6 }
    58% { background-color: #02c1d5 }
    60% { background-color: #02c1d5 }
    78% { background-color: #34495e }
    80% { background-color: #34495e }
    98% { background-color: #3498db }
    100% { background-color: #3498db }
  }
  
  @-moz-keyframes color-flip {
    0% { background-color: #3498db }
    2% { background-color: #3498db }
    18% { background-color: #2ecc71 }
    20% { background-color: #2ecc71 }
    38% { background-color: #9b59b6 }
    40% { background-color: #9b59b6 }
    58% { background-color: #02c1d5 }
    60% { background-color: #02c1d5 }
    78% { background-color: #34495e }
    80% { background-color: #34495e }
    98% { background-color: #3498db }
    100% { background-color: #3498db }
  }
  
  @-o-keyframes color-flip {
    0% { background-color: #3498db }
    2% { background-color: #3498db }
    18% { background-color: #2ecc71 }
    20% { background-color: #2ecc71 }
    38% { background-color: #9b59b6 }
    40% { background-color: #9b59b6 }
    58% { background-color: #02c1d5 }
    60% { background-color: #02c1d5 }
    78% { background-color: #34495e }
    80% { background-color: #34495e }
    98% { background-color: #3498db }
    100% { background-color: #3498db }
  }
  
  @keyframes color-flip {
    0% { background-color: #3498db }
    2% { background-color: #3498db }
    18% { background-color: #2ecc71 }
    20% { background-color: #2ecc71 }
    38% { background-color: #9b59b6 }
    40% { background-color: #9b59b6 }
    58% { background-color: #02c1d5 }
    60% { background-color: #02c1d5 }
    78% { background-color: #34495e }
    80% { background-color: #34495e }
    98% { background-color: #3498db }
    100% { background-color: #3498db }
  }

* {
    margin: 0;
    padding: 0;
    font-size: 16px;
    /*color: #666;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-decoration: none;
    border: none;
    outline:0;
     box-sizing: border-box;
}

#cuerpo {
    display: inline-block;
    height: 100%;
    width: 100%;
}
#cont-empresa .texto-cabecera-portada .titulo, #cont-empresa .texto-cabecera-portada .texto {
    text-align: left;
}
#cont-empresa .imagen {
    float: left;
    width: 30%;
}
#cont-empresa .imagen img {
    width: 100%;
    border-radius: 20px;
}
#cont-empresa .cont {
    float: right;
    width: 68%;
}
#cont-empresa .cont ul li {
    list-style: inside;
    display: inline-block;
    width: 46%;
    margin: 5px 1%;
    position: relative;
    padding: 5px 0 0 10px;
    vertical-align: top;
}
#cont-empresa .cont ul li:before {
    position: absolute;
    left: -10px;
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #3882ae;
}
#cont-especialidades {
      background-image: url('../imagenes/especialidades-bg.png');
      background-size: cover;
      background-position: center center;
}
#cont-especialidades .texto-cabecera-portada .titulo,#cont-especialidades .texto-cabecera-portada .texto {
    color: #fff;
}
#cont-especialidades .especialidad {
    display: inline-block;
    width: 22%;
    margin: 1%;
    vertical-align: top;
    background: #fff;
    padding: 50px 0;
    border-radius: 10px;
    font-weight: 500;
    position: relative;
    color: #3882ae;
}
#cont-especialidades .especialidad .numero {
    position: absolute;
    top: 0;
    right: 0;
    background: #3982ad24;
    width: 52px;
    padding: 0 1px 0 12px;
    height: 52px;
    line-height: 42px;
    border-radius: 0 10px 0 50px;
    text-align: center;
    font-weight: 500;
    color:#3982ad;
}
#cont-pie {
    background: #333;
    padding: 40px 0;
}

#cont-pie #pie-empresa, #cont-pie #pie-etiquetas, #cont-pie #pie-menu {
    width: 31%;
    text-align: justify;
    float: left;
    color: #ccc;
}
#cont-pie #pie-etiquetas {
    text-align: center;
    margin: 0 1%;
}
#cont-pie #pie-etiquetas .titulo, #cont-pie #pie-menu .titulo {
    font-size: 20px;
    margin-bottom: 95px;
}
#cont-pie #pie-etiquetas .texto .etiqueta {
    display: inline-block;
    padding: 5px;
    background: #d1b792;
    color: #fff;
    border-radius: 5px;
    margin: 5px;
}
#cont-pie #pie-menu {
    text-align: right;
}
#cont-pie #pie-menu ul li {
    list-style: none;
    width: 100%;
    padding: 5px 0;
}
#cont-pie #pie-menu ul li a {
    color: #fff;
}
#cont-pie #pie-empresa .logo-b {
    right: 0;
    text-align: left;
    width: 100%;
	margin: 0 0 40px 0;
}
#cont-pie #pie-empresa .logo-b .copyright {
    font-size: 10px;
    color: #999;
}
#cont-pie #pie-empresa .logo-b img {
    display: inline-block;
    width: 100px;
}
#barra-pie {
    float: left;
    width: 100%;
    background: #333333f5;
}
#barra-pie .menu-pie {
    float: left;
}
#barra-pie .copyright-pie {
    float: right;
    padding: 10px 0 0 0;
    color: #fff;
}
#barra-pie ul {
    text-align: center;
    display: inline-block;
    padding: 5px 0;
}
#barra-pie ul li {
   list-style: none;
   text-align: center;
   display: inline-block;
   border-left: 1px solid #fff;

}
#barra-pie ul li:first-child {
    border-left: none;
}
#barra-pie ul li a {
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
}
body {
    background: #fff;
     color: #666;
}
h1 {
    font-size: 46px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 12px;
}
#cabecera {
    float:left;
    width: 100%;
    margin: 0;
    padding: 0;
}
#barra-superior {
    float: left;
    width: 100%;
    background-color: #e9e9e9;
    text-align: right;
}
#barra-superior-redes a {
    padding: 0 5px;
    border-left: 1px solid #747474;
    display: inline-block;
}

#barra-superior-redes a span:before {
    font-size: 16px;
}
#barra-superior-redes a:first-child {
    border: none;
}
#barra-superior .barra-superior-div {
    display: inline-block;
    line-height: 40px;
    font-size: 13px;
    color: #747474;
}
#barra-superior .barra-superior-div:hover {
    color: #3982ad;
}
#barra-superior .barra-superior-div span.fas {
    font-size: 16px;   
}
#barra-superior .alinea-izquierda {
    float: left;
    text-align: left;
    width: 50%;
}
#barra-superior .alinea-derecha {
    float: right;
    text-align: right;
    width: 50%;
}
#barra-superior .barra-superior-div * {
    font-size: 13px;
    color: #747474;
}
#barra-superior .barra-superior-div:hover * {
    color: #3982ad;
}
#barra-superior .barra-superior-div span {
    margin: 0 5px;
}
#barra-superior-telefono {
    border-right: 1px solid #d1d1d1;
    padding: 0 5px;
}
#menu-logo {
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 1px 2px 0 #00000055;
    position: relative;
    height: 104px;
    z-index: 1;
}
#menu-logo #logo {
    float: left;
}
#menu-logo #menu {
    float: right;
}
#menu-logo #menu ul {
    margin: 18px 0 0 0;
}
#menu-logo #menu ul, #menu-logo #menu ul li {
    display: inline-block;
    list-style: none;
}
#menu-logo #menu ul li a {
    display: inline-block;
    padding: 6px 14px;
    margin: 0 0 0 6px;
    text-transform: uppercase;
    color: #3982ad;
    font-family: nettobold;
    position: relative;
    transition-duration: 0.5s;
    
}
#menu-logo #menu ul li.current a, #menu-logo #menu ul li a:hover  {
    box-shadow: 0 1px 0px 0 #01c2d4;
    color: #2e2e2e;

}
#menu-logo #menu ul li a:before {
    content: "\f192";
    font-weight: 500;
    font-family: "Font Awesome 5 Free";
    position:  absolute;
    bottom: -6px;
    background-color: #fff;
    margin: 0 0 0 -5px;
    left: 50%;
    width: 10px;
    height: 10px;
    font-size: 10px;
    color: #3982ad;
    opacity: 0;
    transition-duration: 0.5s;

}
#menu-logo #menu ul li.current a:before,#menu-logo #menu ul li a:hover:before {
    opacity: 1;
}
#menu-logo #menu ul li:first-child a {
    margin: 0;
}
#menu-logo #logo img {
    max-height: 80px;
}
#cont-presentacion {
    float: left;
    width: 100%;
    position: relative;
    background-color: #000000;
    overflow: hidden;
    z-index: 1;
}
#cont-presentacion #cargando {
    background-repeat: repeat;
    //background-color: #d1d1d1;
    border-radius: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    border: none;
}
#cont-presentacion #cargando #cargando-capa1, #cont-presentacion #cargando #cargando-capa2 {
    display: inline-block;
    width: 50%;
    position: absolute;
    top: 0;
    background:#3982ad;
    left: 0;
    height: 100%;
    overflow: hidden;
}
#cont-presentacion #cargando #cargando-capa2 {
    background:#01c1d4;
    left: auto;
    right: 0;
}
#cont-presentacion #cargando.cargado #cargando-capa1 {
    left: -100%;
}
#cont-presentacion #cargando.cargado #cargando-capa2 {
    right: -100%;
}
#cont-presentacion #cargando #cargando-capa1 img, #cont-presentacion #cargando #cargando-capa2 img {
    position: absolute;
    top: 50%;
    right: -78px;
    margin: -78px 0 0 0;
}
#cont-presentacion #cargando #cargando-capa2 img {
    right: auto;
    left: -78px;
}
#cont-presentacion .video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%; 
    
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
    
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#cont-presentacion .video video {
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
}

#presentacion {
    height: 100%;
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}
#presentacion .imagen {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: auto;
    background-color: #0006;
    width: 100%;
}

#presentacion .imagen .detalles {
    top: 0;
    left: 0;

    display: table;
    position: absolute;
    height: 100%;
}
#presentacion .imagen .detalles-out {
    display: table-cell;
    vertical-align: middle;
}
#presentacion .imagen .detalles-in {
    margin: auto;
    padding: 0 60px;
}
#presentacion .imagen .bg-imagen {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;

    transition-duration: 10s;
    -moz-transition-duration: 10s;
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;

    opacity:1;


    transform: scale(1.4) rotate(0deg);
    -moz-transform: scale(1.4) rotate(0deg);
    -webkit-transform: scale(1.4) rotate(0deg);
    -ms-transform: scale(1.4) rotate(0deg);


}

#cont-presentacion #cont-circulos {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 2;
    font-size: 0;
}
#cont-presentacion #cont-circulos .circulo-posicion {
   position: relative;
   display: inline-block;
    height: 10px;
    background: #006291;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #e9e9e9;

}
#cont-presentacion #cont-circulos .circulo-posicion.activo {
    height: 16px;
    background: #01c1d4;
}
#presentacion .imagen.activo:not(.primero), #presentacion .imagen.last {
    opacity: 1;
    z-index: 1;
}
#presentacion .imagen.activo .bg-imagen,#presentacion .imagen.last .bg-imagen {
    opacity:1;

    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
}
#presentacion .imagen.primero .bg-imagen {
    opacity:1;

    transform: scale(1.4) rotate(0deg);
    -moz-transform: scale(1.4) rotate(0deg);
    -webkit-transform: scale(1.4) rotate(0deg);
    -ms-transform: scale(1.4) rotate(0deg);
}

#presentacion .imagen .tapa {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

}
#presentacion .imagen .detalles .boton {
    background: #fff;
    border-radius: 20px;
}
#presentacion .imagen .detalles .boton:before {
    font-family: "fontawesome";
    content: "\f003";
    margin-right: 4px;
}


#presentacion .imagen .detalles .titulo {
    float: left;
    text-align: left;
    width: 100%;
    position: relative;
    left: -30%;

    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;

    opacity: 0;
}
#presentacion .imagen .detalles .texto {
    color: #fff;
    float: left;
    width: 100%;
    position: relative;
    left: 30%;

    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    opacity: 0;
}
#presentacion .imagen.activo .detalles .titulo {
    left: 0;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    opacity: 1;
}
#presentacion .imagen.activo .detalles .texto {
    left: 0;
        transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    opacity: 1;
}
#presentacion .imagen .detalles .texto p {
    color: #fff;
}

#imagen-siguiente, .boton-siguiente {
    height: 48px;
    margin: -24px 0 0 -24px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 48px;
    z-index: 98;
    line-height: 48px;
    cursor: pointer;
    color: #fff;
    text-align: center;
}
#imagen-anterior, .boton-anterior {
    height: 48px;
    margin: -24px -24px 0 0;
    position: absolute;
    left: 10px;
    top: 50%;
    width: 48px;
    z-index: 98;
    line-height: 48px;
    cursor: pointer;
    color: #fff;
    text-align: center;
}


#migasdepan,#migasdepan ul {
    float: left;
    width: 100%;
    text-align: left;
}
#migasdepan ul li {
    color: #FFFFFF;
    display: inline-block;
    list-style: outside none none;
    padding: 10px 0;
}

#migasdepan ul li .divider {
    padding: 0 10px;
}
#migasdepan ul li .divider:before {
    content: "\f054";
    font-family: "fontawesome";
}
#migasdepan ul li * {
    font-size: 11px;
}
#migasdepan ul li span {
    color: #FFFFFF;
}
.seccion-portada .texto-cabecera-portada {
    text-align: center;
    text-transform: uppercase;
}
.seccion-portada .texto-cabecera-portada h2 {
    font-family: netto;
}
.seccion-portada .texto-cabecera-portada .texto {
    font-size: 14px;
    font-family: nettolight;
    color: #919191;
}

.seccion-portada-texto {
    display: inline-block;
    width: 100%;
    padding: 40px 0 0 0;
}
.seccion-portada-texto .etiqueta {
    display: inline-block;
    padding: 10px;
    color: #747474;
    background-color: #e9e9e9;
    border-radius: 5px;
    margin: 5px;
}
#contenido .cont_articulo_completo {
    float: left;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
}
#contenido .cont_articulo_completo .cabecera {
    margin: 0 0 40px 0;
    transition-duration: 0.5s;
    transition-delay: 0.5s;
    background-color: rgb(57,130,173);
    background: linear-gradient(90deg, rgba(57,130,173,1) 0%, rgba(1,194,212,1) 50%, rgba(57,130,173,1) 100%);
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    left: 0;
    overflow: hidden;
    padding: 100px 0 100px 0;
    min-height: 100px;
    position: relative;
    text-align: center;
    top: auto;
    width: 100%;
    box-shadow: inset 0 -1px 2px 0 #00000062;
    -moz-box-shadow: inset 0 -1px 2px 0 #00000062;
    -webkit-box-shadow: inset 0 -1px 2px 0 #00000062;
    -ms-box-shadow: inset 0 -1px 2px 0 #00000062;
    -o-box-shadow: inset 0 -1px 2px 0 #00000062;
    
}
#contenido .cont_articulo_completo .cabecera:before {
  
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imagenes/bg-title-pattern.png?v=2");
    background-position: 0 0;
    background-repeat: repeat;
    content: "";
    -ms-animation: bg-scrolling-reverse 20s infinite; 
    -webkit-animation: bg-scrolling-reverse 20s infinite; 
    -moz-animation:    bg-scrolling-reverse 20s infinite; 
    -o-animation:      bg-scrolling-reverse 20s infinite;
    animation:         bg-scrolling-reverse 20s infinite;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function:    linear;
    -o-animation-timing-function:      linear;
    animation-timing-function:         linear;


}

#cont-migasdepan {
    z-index:1;
    position: relative;
}
#migasdepan,#migasdepan ul {
    float: left;
    width: 100%;
    text-align: center
}
#migasdepan ul li {
    color: #FFFFFF;
    display: inline-block;
    list-style: outside none none;
    padding: 10px 0;
}

#migasdepan ul li .divider {
    padding: 0 10px;
}
#migasdepan ul li .divider:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#migasdepan ul li * {
    font-size: 11px;
}
#migasdepan ul li span {
    color: #FFFFFF;
}
#noticias-todas {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#noticias-todas .noticia {
    display: inline-block;
    width: 48%;
    border: 5px solid #fff;
    background: #f5f5f5;
    height: 260px;
    position: relative;
    box-shadow: 0 0 4px 0 #0000000d;
    margin: 40px 1%;
}
#noticias-todas .noticia.destacado1 .cont-imagen.slider div {
    opacity: 0;
    transition-duration: 2.5s;
}
#noticias-todas .noticia.destacado1 .cont-imagen.slider div.activo {
    opacity:1;
}
#noticias-todas .noticia.destacado1 {
    width: 98%;
    box-shadow: 0 0 4px 0 #00000042;
    background-color: #3882ae;
    height: 450px;
    
}
#noticias-todas .noticia.destacado1:before {
    box-shadow: 0 0 0 1px #f1efef;
    content: "";
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
}
#noticias-todas .noticia.caducado .fecha {
    background: #A6ACAF;
}
#noticias-todas .noticia .nombre-categoria {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    font-weight: 500;
    color: #3982ad;
}
#noticias-todas .noticia .nombre-categoria span {
    font-weight: 500;
}
#noticias-todas .noticia.destacado1 .nombre-categoria {
    padding-top: 24px;
    color: #fff;
    text-transform: uppercase;
    padding-right: 10px;
    box-shadow: inset 0 8px 0  0 #02c1d5;
}

#noticias-todas .noticia.destacado1 .nombre-categoria span {
    font-weight: 500;
}

#noticias-todas .noticia .enlace {
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top: 0;
}
#noticias-todas .noticia .enlace:hover {
    background: #2121216e;
}
#noticias-todas .noticia:hover .fecha {
    left: 10%;
    bottom: 50%;
    transform: rotate(360deg);
}

#noticias-todas .noticia .cont-imagen {
    float: left;
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden;
}
#noticias-todas .noticia.destacado1 .cont-imagen {
    height: 350px;
}

#noticias-todas .noticia .cont-imagen .sin-imagen-noticias-eventos, #noticias-todas .noticia .cont-imagen .imagen-noticias-eventos {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
#noticias-todas .noticia .fecha {
    position: absolute;
    background: #3882ae;
    color: #fff;
    width: 100px;
    line-height: 20px;
    box-shadow: 0 0 0 3px #fff;
    border-radius: 100%;
    margin: 0 0 0 -50px;
    padding: 25px 0;
    text-align: center;
    height: 100px;
    font-size: 14px;
    bottom: -50px;
    left: 50%;
    z-index:1;

}
#noticias-todas .noticia.destacado1 .fecha {
    left: 20px;
    top: 20px;
    margin: 0;
    bottom: auto;
    -webkit-animation: color-flip 6.5s .6s infinite linear,rodar 1.1s infinite linear;
    -moz-animation: color-flip 6.5s .6s infinite linear,rodar 1.1s infinite linear;
    -ms-animation: color-flip 6.5s .6s infinite linear,rodar 1.1s infinite linear;
    -o-animation: color-flip 6.5s .6s infinite linear,rodar 1.1s infinite linear;
    animation: color-flip 6.5s .6s infinite linear,rodar 1.1s infinite linear;
}
#noticias-todas .noticia .fecha i {
    width: 100%;
    margin-bottom: 10px;
}
#noticias-todas .noticia .cont-botones {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 70px;
    position: relative;
}
#noticias-todas .noticia .cont-botones .titulo {
    width: 100%;
    float: left;
    color: #3982ad;
}
#noticias-todas .noticia .cont-botones .leermas {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: -40px;
    border-left: 60px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 60px solid #3982ad;
}
#noticias-todas .noticia .cont-botones .leermas span {
    position: absolute;
    right: 10px;
    bottom: -50px;
}
#cont-ortoactiva {
    background: rgb(73,149,52);
    background: linear-gradient(311deg, rgba(73,149,52,1) 0%, rgba(73,149,52,1) 3%, rgba(73,149,52,1) 3%, rgba(73,149,52,1) 6%, rgba(54,196,48,1) 6%, rgba(89,206,84,1) 9%, rgba(117,214,113,1) 9%, rgba(154,245,150,1) 9%, rgba(154,245,150,1) 11%, rgba(239,255,215,1) 11%, rgba(239,255,215,1) 27%, rgba(239,255,215,1) 32%, rgba(239,255,215,1) 38%, rgba(239,255,215,1) 100%);
}
#cont-soluciones {
    background: #f4f4f4;
    padding-bottom: 0 !Important;
}
#mapas_google .iframe {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
}
#mapas_google .tabs {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 60px
}
#mapas_google .tabs span {
    background: #3982ad none repeat scroll 0 0;
    cursor: pointer;
    float: left;
    width: 50%;
    padding: 10px;
    position: relative;
    bottom: 0;
    color: #fff;
}
#mapas_google .iframe.inactivo {
    display: none;
}
#mapas_google .tabs span.inactivo {
    background: #01c2d4;
    padding: 5px 10px 5px 10px;
    border-left: 1px solid #f4f4f4;
    border-top: 10px solid #f4f4f4;
}
#mapas_google .tabs span.inactivo:first-child {
    border-right: 1px solid #ecf0f1;
    border-left: none;
}
#mapas_google .tabs span:hover {
    background: #006291;
    color: #fff;
}
#preview-eventos {
    margin: 100px 0 120px 0;
}
#cont-eventos .enlace-todos .boton {
    padding: 15px;
    border-radius: 5px;
    color: #fff;
    background: #3982ad;
}
#cont-eventos .enlace-todos:hover .boton {
    background:#01c1d4;
}

#preview-eventos .evento {
    display: inline-block;
    padding: 0 10px;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
#preview-eventos .evento:first-child,#preview-eventos .evento:last-child {
     margin: 0;
}
#preview-eventos .evento .imagen {
    float: left;
    width: 100%;
    height: 380px;
    border-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

}
#preview-eventos .evento .nombre-fecha {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    bottom: -60px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}
#preview-eventos .evento .nombre-fecha .nombre-cat {
    font-weight: 500;
    margin-bottom: 10px;
}
#preview-eventos .evento .nombre-fecha .fecha-cat {
    color: #ffc221;
    font-weight: 500;
}
#preview-eventos .evento .nombre-fecha .icono {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #3982ad24;
    width: 52px;
    padding: 10px 0 0 10px;
    height: 52px;
    line-height: 42px;
    border-radius: 50px 0px 5px 0px;
    text-align: center;
    font-weight: 500;
    color: #3982ad;
}
#preview-eventos .evento .enlace {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#preview-eventos .evento:hover .nombre-fecha .icono {
    color: #ffd623;
    background: #3982ad;
}
#preview-eventos .evento:hover .imagen {
    filter:grayscale(100%);
}
#galeria-principal h3 {
    display: inline-block;
    width: 100%;
    color:#3982ad;
    border-bottom: 1px solid #ffd623;
    margin-bottom: 20px;
}

#galeria-principal .imagen {
    float: left;
    width: 28%;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 0 10px 0 #e0e0e0;
    margin: 0 2% 0 0;
    border-radius: 10px;
}
#galeria-principal .imagen img {
    height: 100%;
    width: 100%;
}
#galeria-principal .detalles {
    float:left;
    width: 70%;
}
#galeria-principal table {
    border-top: 1px solid #01c1d4;
    border-left: 1px solid #01c1d4;
    border-right: 1px solid #01c1d4;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
}
#galeria-principal table tr:nth-child(2n){
    background-color: #f5f5f5;
}
#galeria-principal table td:first-child {
    border-left: none;
}

#galeria-principal table td {
    border-left: 1px solid #01c1d4;
    border-bottom: 1px solid #01c1d4;
    padding: 10px;


}
#galeria-principal .evento-fotos {
    margin-top: 40px;
    float: left;
    width: 100%;
    text-align: center;

}
#galeria-principal .evento-fotos .foto {
    width: calc(25% - 10px);
    margin: 5px;
    padding-bottom: 15%;
    display: inline-block;
    position: relative;
    overflow: hidden;
        border-radius: 5px;

}
#galeria-principal .evento-fotos .foto .imagenbg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;

    box-shadow: 0 0 10px 0 #e0e0e0;

}
#galeria-principal .evento-fotos .foto .enlace {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}
#galeria-principal .texto.completo.evento h2 {
    text-transform: uppercase;
    position: relative;
    font-family: "netto";
}
#galeria-principal .texto.completo.evento h2:before {
    content: " ";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 1px;
    color: #607d8b;
    background: #607d8b;
    bottom: 0;
    left: 0;
    margin: 0 0 0 0;
}
#menu-curso-art {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    top: -40px;
    background: #607D8B;
}
#menu-curso-art a {
    width: 25%;
    color: #fff !important;
    text-transform: uppercase !important;
    display: inline-block;
    border-left: 1px solid #fff;
    padding: 14px 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: "netto";
}
#menu-curso-art a:first-child {
    border-left: none;
}
#cont-elegirnos h2{
    position: relative;
    text-align: center;
    margin-bottom: 14px;
}
#pie-direccion-alicante {
    float: left;
    width: 49%;
    text-align: right;
    color: #fff;
}
#pie-direccion-murcia {
    float: right;
    width: 49%;
    padding-left: 2%;
    text-align: left;
    border-left: 1px solid #ccc;
    color: #fff;
}
#CybotCookiebotDialogHeader, .CookiebotWidget-main-logo {
    display: none !important;
}
#botonseleccion {
    position: absolute;
    background: #5181ab;
    width: 115px;
    line-height: 48px;
    text-align: center;
    height: 48px;
    border-radius: 5px;
    bottom: 15px;
    right: 0;
    color: #ffffff;
    cursor: pointer;
    margin: 0 5px;
}
#botonseleccion:hover {
    background: #51ab6a;
}
  /************TABLETS*************/
  @media (max-width: 767px) {
      
   body #menu-logo #menu #disparador-menu {
        background: #e9e9e9;
        width: 42px;
        height: 42px;
        display: inline-block;
        margin: 16px 0;
        cursor: pointer;
        text-align: center;
        line-height: 42px;
        color: #3982ad;
   }
   body #menu-logo #menu.activo #disparador-menu {
        position: fixed;
        left: 5px;
        top: 5px;
   }
   body #menu-logo #menu #disparador-menu:before {
        content: "\f0c9";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 22px;
    }

    body #menu-logo #menu.activo #disparador-menu:before {
        content: "\f00d";
        color: #c0392b;
    }

   body #menu-logo #menu ul {
       display: none;
   }
   body #menu-logo #menu.activo ul {
       display: inline-block;
   }
   body #menu-logo {
       position: relative;
       z-index: 999;
   }

    body #menu-logo #menu.activo {
         position: fixed; 
         width: 100%; 
         background: #00000099; 
         top: 0; 
         margin: 0; 
         padding: 0; 
         height: 100%; 
         right: 0; 
    }
    body #menu-logo #menu ul {
        position: absolute;
        width: 80%;
        background: #3982b5;
        top: 0;
        height: 100%;
        right: 0;
        z-index: 999;
        margin: 0
    }
    body #menu-logo #menu ul li, body #menu-logo #menu ul li a {
        width: 100%;
        text-align: right;
    }
     body #menu-logo #menu ul li a {
         background: #fff;
         margin: 0 0 1px 0;
         padding: 20px;
     }
     body #menu-logo #menu ul li:first-child a {
        margin: 0 0 1px 0;
     }
     body #menu-logo #menu ul li a:before {
         margin: -6px 0 0 0;
         left: 5px;
         top: 50%;
     }
     body #menu-logo #menu ul li.current a:before, body #menu-logo #menu ul li a:hover:before {
         margin: -6px 0 0 0;
         left: 5px;
         top: 50%;
     }
     body #barra-superior .alinea-izquierda {
         width: 100%;
         text-align: center;
         border-bottom: 1px solid #ccc
     }
     body #barra-superior .alinea-derecha {
         width: 100%;
         text-align: center;
     }
    body #barra-superior .alinea-derecha #barra-superior-telefono, body #barra-superior .alinea-derecha #barra-superior-email {
         width: 50%;
         float: left;
         text-align: center;
     }

     body #cont-especialidades .especialidad {
        width: 48%;
    }
    body #cont-empresa .texto-cabecera-portada .titulo, body #cont-empresa .texto-cabecera-portada .texto {
        text-align: center;
    }
    body #cont-empresa .seccion-portada-texto .imagen, body #cont-empresa .seccion-portada-texto .cont {
        width: 100%;
    }
    body #cont-empresa .seccion-portada-texto .cont {
        margin: 40px 0 0 0;
    }
    body #noticias-todas .noticia, body #galeria-principal .imagen, body #galeria-principal .detalles, body #galeria-principal .evento-fotos .foto {
        width: 98%;
    }
    body #galeria-principal .evento-fotos .foto {
        padding-bottom: 50%;
    }
}