/*
Theme Name: IDE
Theme URI: http://www.ide.com.ar
Description: Tema wordpress para IDE
Author: Proyectar
Author URI: http://www.proyectar.com.ar
Version: 999999999
*/
/*
Fonts
-----
> font-family: 'PT Sans', sans-serif; 400,400i,700
Colores
-------
> Celeste : #0090d4;
> Azul: #3f4b80;
*/
* {
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input, button, textarea {
font-family:'PT Sans', sans-serif;
}
a {
text-decoration: none;
}
a img {
border: 0;
}
html,
body {
overflow-x: hidden;
}
body {
font-family: 'PT Sans', sans-serif;
font-weight: 400;
}
strong {
font-weight: 700;
}
.content {
position: relative;
max-width: 1040px;
width: 90%;
margin: auto;
}
.table {
display: table;
width: 100%;
height: 100%;
}
.td {
display: table-cell;
}
.tr {
display: table-row;
}
.clear {
clear: both;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
#wrapper {
margin-top: 74px;
}
.macula {
width: 30px;
height: 2px;
position: fixed;
z-index: 0;
background: #0090d4;
}
.macula.border {
background: transparent;
border: 1px solid #0090d4;
width: 50px;
height: 5px;
}
.macula.trans {
background: #3f4b80;
opacity: 0.35;
height: 2px;
width: 20px;
}
.single-curso-wrapper .curso-compartir a.post-edit-link{
width: auto;
height: auto;
border-radius: inherit;
}
.single-curso-wrapper .curso-compartir a.post-edit-link,
.post-edit-link {
position: fixed;
bottom: 0;
left: 0;
text-transform: uppercase;
color: #000;
font-size: 14px;
line-height: 14px;
display: inline-block;
font-weight: 400;
border-top: 1px solid #000;
border-right: 1px solid #000;
text-align: center;
padding: 0px 2px 0px;
z-index: 9999;
font-weight: 900;
padding:10px;
letter-spacing: 1px;
}
/* Header */
#header {
height: 75px;
border-bottom: 1px solid #ededed;
position: absolute;
background: #fff;
top: 0;
width: 100%;
left: 0;
z-index: 9999;
}
#header .content {
padding: 18px 0 18px 5%;
height: 100%;
width: 100%;
}
#header .logo img {
height: 45px;
width: auto;
margin: -4px 0 0 0;
}
.dropdown-user {
position: absolute;
right: 6rem;
top: 20px;
}
.dropdown-user .menu-usuario {
height: 40px;
width: 40px;
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
transition: .3s ease box-shadow;
background-size:cover;
background-repeat: no-repeat;
background-position: center;
overflow:hidden;
cursor:pointer;
}
.dropdown-user .menu-usuario:hover {
box-shadow: none;
}
.dropdown-user .dropdown-content {
display: none;
position: absolute;
right: -80px;
top: 60px;
background-color: #fff;
box-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
padding: 12px;
text-transform: uppercase;
z-index: 890;
width: 200px;
font-size: 14px;
}
.dropdown-user .dropdown-content a {
text-decoration: none;
color: #808080;
}
.dropdown-user .dropdown-content a:hover {
color: #0090d4
}
.dropdown-user .dropdown-content li {
margin: 1rem;
}
.dropdown-content .flecha-caja {
background-color: #fff;
width: 15px;
height: 15px;
position: absolute;
transform: rotate(45deg);
box-shadow: -3px -3px 3px -3px rgb(0 0 0 / 50%);
top: -6px;
left: 0;
right: 0;
margin: auto;
}
.dropdown-content div ul li {
text-align: center;
}
.btn-celeste a,
input[type="submit"] {
border: 2px solid #0090d4;
color: #0090d4;
text-transform: uppercase;
font-size: 17px;
padding: 10px 20px;
margin: auto;
font-weight: 400;
letter-spacing: 0;
display: block;
text-align: center;
background-color: transparent;
}
.btn-celeste a:hover,
input[type="submit"]:hover {
background: #0090d4;
color: #fff;
}
.pagination {
display: block;
clear: both;
overflow: hidden;
padding: 35px 5px 0;
}
#previous-posts {
float: left;
}
#next-posts {
float: right;
}
.denuncia-step {
font-size: 13px;
text-transform: uppercase;
float: right;
margin: 12px 12px;
}
.denuncia-nav {
overflow: hidden;
padding-top: 15px;
}
.logo-small {
display: none;
}
@media screen and (max-width:380px) {
.logo {
display: none;
}
.logo-small {
display: block;
width: 100px;
transform: translateY(-5px);
}
}
/*
@media screen and (max-width:960px) {
.dropdown-user .dropdown-content {
display: none;
position: absolute;
width: 100%;
height: 100vh;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
right: 0;
text-transform: uppercase;
z-index: 0;
font-size: 1.7rem;
padding: 2rem;
top: 74px;
background: #fff url(imgs/menu.png) no-repeat 0 0;
}
.dropdown-content .flecha-caja {
display: none;
}
}
*/
/* Hamburger Menu */
.nav-toggle {
position: absolute;
top: 0;
right: 0;
width: 75px;
height: 75px;
cursor: pointer;
border-top: 0;
border-bottom: 0;
border-right: 0;
background: transparent;
border-left: 1px solid #ededed;
line-height: 75px;
z-index: 888;
outline: 0;
}
.nav-toggle span {
display: inline-block;
height: 3px;
background: #666;
width: 28px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50px;
pointer-events: none;
}
.nav-toggle span:before,
.nav-toggle span:after {
pointer-events: none;
height: 100%;
width: 100%;
display: block;
position: absolute;
content: '';
background: #666;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: transform ease 150ms;
border-radius: 50px;
}
.nav-toggle span:before {
top: -15px;
}
.nav-toggle span:after {
bottom: -14px;
}
.nav-toggle.active span {
background: transparent;
}
.nav-toggle.active span:before {
transform: rotate(-45deg);
top: auto;
}
.nav-toggle.active span:after {
transform: rotate(45deg);
bottom: auto;
}
#nav {
display: none;
position: absolute;
top: 75px;
left: 0;
right: 0;
z-index: 9999;
background: #fff url('imgs/menu.png') no-repeat 0 0;
min-height: 400px;
border-bottom: 1px solid #ededed;
}
#nav .content {
z-index: 100;
width: 100%;
padding: 0 5%;
height: 400px;
display: table;
}
#nav ul {
padding: 30px 0;
display: table-cell;
vertical-align: middle;
text-align: left;
}
#nav ul li a {
text-transform: uppercase;
color: #666;
font-size: 21px;
padding: 10px 0;
display: block;
}
#nav ul li a:hover {
color: #0090d4;
}
.nav-marcas {
height: 60px;
overflow: hidden;
margin-top: 10px;
}
.nav-marcas a {
height: 100%;
width: auto;
float: left;
margin-right: 20px;
}
.nav-marcas img {
height: 100%;
width: auto;
max-height: 35px;
}
/* Inicio */
.slider-wrapper {
width: 100%;
height: 320px;
position: relative;
display: inline-block;
overflow: hidden;
background-size: cover;
}
.slide-wrapper:before {
content: '';
display: block;
height: 400px;
width: 426px;
background: url(imgs/rayo1.png) no-repeat left top;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.slide-wrapper:after {
content: '';
display: block;
height: 400px;
width: 426px;
background: url(imgs/rayo2.png) no-repeat right top;
position: absolute;
top: 0;
right: 0;
z-index: 100;
}
.slider-wrapper 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%);
z-index: 0;
}
#slider {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
color: #fff;
height: 100%;
}
#slider .slick-list,
#slider .slick-track {
height: 100%;
}
.slider-arrows {
position: absolute;
bottom: 20px;
right: 0;
z-index: 100;
text-align: right;
margin: auto;
left: 0;
}
.slick-arrow {
border: 0;
width: 35px;
height: 35px;
background: #0090d4;
display: inline-block;
margin: 0 0 0 5px;
color: #3f4b80;
font-size: 18px;
transition: background ease 300ms;
}
.slide-wrapper {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
position: relative;
overflow: hidden;
}
.slide {
padding: 45px 0;
height: 100%;
font-size: 17px;
line-height: 21px;
width: 90%;
overflow: hidden;
z-index: 200;
}
.slide h1,
.slide h2 {
font-weight: 400;
font-style: italic;
font-size: 30px;
line-height: 30px;
padding-bottom: 10px;
position: relative;
}
.slide h1 a,
.slide h2 a {
color: #fff;
}
.slide h1 strong,
.slide h2 strong {
font-weight: 700;
font-style: italic;
}
.slide h1:before {
content: '';
display: block;
background: #fff;
width: 15px;
height: 5px;
position: absolute;
top: -20px;
left: -20px;
}
.slide h1:after {
content: '';
display: block;
background: #fff;
width: 30px;
height: 3px;
position: absolute;
bottom: 8px;
left: 90%;
}
.slide.content .post-edit-link {
position: absolute;
top: 20px;
right: 0;
background: #fff;
text-transform: uppercase;
padding: 11px 15px;
font-size: 13px!important;
width: auto!important;
line-height: 13px;
font-weight: bold;
border: 0;
border-radius: 3px!important;
height: auto;
left:auto;
bottom:auto;
}
/*
#slider:before {
content: '';
display: block;
background: #fff;
position: absolute;
top:25%;
left: 15%;
width: 60px;
height: 3px;
opacity:0.35;
animation-name: sliderBefore;
animation-duration: 5s;
animation-timing-function: ease;
animation-iteration-count:infinite;
}
#slider:after {
content: '';
display: block;
border: 1px solid #0090d4;
position: absolute;
bottom: 5%;
left: 3%;
width: 60px;
height: 3px;
box-sizing: content-box;
animation-name: sliderAfter;
animation-duration: 4s;
animation-timing-function: ease;
animation-iteration-count:infinite;
}
@keyframes sliderBefore {
0% {left:15%;}
18% {opacity:0;}
37% {left:100%;}
39% {left:-5%;opacity:0;}
40% {left:-5%;opacity:0.35;}
50% {left:15%;}
}
@keyframes sliderAfter {
0% {left:3%;}
20% {opacity:0;}
37% {left:100%;}
39% {left:-5%;opacity:0;}
45% {left:-5%;opacity:1;}
46% {left:3%;}
}*/
.slide-content-div {
max-width: 490px;
font-size: 16px;
line-height: 21px;
}
.slide-content-solo {
font-size: 24px;
line-height: 30px;
font-style: italic;
}
.slide-content-solo strong {
font-weight: 700;
}
.slide-content-solo.slide-content-div {
max-width: 570px;
}
.slide .td {
vertical-align: middle;
}
a.vermas {
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
padding: 10px 25px;
margin: 20px 0 0;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
font-weight: 700;
display: inline-block;
position: relative;
transition: all ease 300ms;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
a.vermas:hover {
background: #fff;
color: #0090d4;
}
.slide-editar {
background: #fff;
position: absolute;
top: 10px;
right: 0;
font-size: 11px;
text-transform: uppercase;
padding: 5px;
line-height: 14px;
}
.slide-editar a {
color: #333;
font-weight: 700;
margin-top: 0;
border: 0;
}
/*
.lineita-celeste {
margin:0 0 10px 80%;
width:60px;
height: 3px;
background:#0090d4;
animation-name: lineitaCeleste;
animation-duration: 4s;
animation-timing-function: ease;
animation-iteration-count:infinite;
}
@keyframes lineitaCeleste {
0% {margin-left:80%;}
27% {margin-left:100%;}
28% {opacity:0;}
29% {margin-left:-5%;opacity:0;}
30% {margin-left:-5%;opacity:1;}
50% {margin-left:80%;}
}
*/
.slick-dots {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.slick-dots li {
display: inline-block;
border-radius: 50%;
border: 2px solid #fff;
width: 12px;
height: 12px;
overflow: hidden;
cursor: pointer;
margin: 15px 5px;
}
.slick-dots li.slick-active {
background: #fff;
}
.slick-dots li button {
border: 0;
background: transparent;
text-indent: 999px;
cursor: pointer;
}
/* Accesos Inicio */
.accesos {
position: relative;
height: auto;
width: 100%;
overflow: hidden;
margin-top: -5px;
padding: 25px 5%;
}
.accesos:after {
content: '';
display: block;
position: absolute;
top: -25%;
left: 0;
width: 100%;
height: 200%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e5281+0,281f53+100 */
background: #0e5281;
/* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #0e5281 0%, #281f53 100%);
/* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #0e5281 0%, #281f53 100%);
/* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #0e5281 0%, #281f53 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0e5281', endColorstr='#281f53', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
z-index: -1;
}
.accesos-wrapper {
margin: 0 -20px;
text-align: center;
}
.acceso {
display: inline-block;
padding: 10px;
width: 100%;
height: 100px;
}
.acceso-content {
background: rgba(40, 27, 79, 0.25);
width: 100%;
height: 100%;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
transition: all ease 300ms;
position: relative;
}
.acceso:hover .acceso-content {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
background: rgba(40, 27, 79, 0.35);
}
.acceso-content a {
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: #fff;
text-align: center;
line-height: 80px;
font-size: 21px;
}
.acceso-content a span.middle {
overflow: hidden;
display: inline-block;
width: auto;
vertical-align: middle;
line-height: normal;
overflow: hidden;
}
.acceso-content a img {
margin: 3px 7px 0 0;
float: left;
max-width: 20px;
}
.acceso-content a.acceso-app {
font-size: 21px;
font-style: italic;
font-weight: 400;
}
.acceso-content a.acceso-app span {
font-weight: 400;
position: relative;
}
.acceso-content a.acceso-app span:after {
height: 2px;
content: '';
display: block;
width: 100%;
position: absolute;
bottom: -2px;
right: 0;
background: #0090d4;
}
.acceso-app span {
color: #0090d4;
}
.acceso-content a:after {
content: '\f061';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 700;
background: #0090d4;
color: #3f4b80;
position: absolute;
bottom: -10px;
right: 10px;
font-size: 14px;
width: 40px;
height: 20px;
text-align: left;
line-height: 20px;
padding: 0 3px;
text-indent: 21px;
transform: scale(0.75);
}
.acceso-content a:hover:after {
animation-name: flecha;
animation-duration: 400ms;
animation-timing-function: ease-in-out;
}
.acc-linea-1,
.acc-linea-4,
.acc-linea-5 {
border: 1px solid #0090d4;
position: absolute;
width: 60px;
height: 3px;
box-sizing: content-box;
}
.acc-linea-2,
.acc-linea-3 {
width: 60px;
height: 3px;
background: #0090d4;
position: absolute;
}
.acc-linea-1 {
left: -180px;
top: 15px;
width: 40px;
}
.acc-linea-2 {
left: -120px;
top: 50%;
}
.acc-linea-3 {
left: -230px;
bottom: -5px;
}
.acc-linea-4 {
right: -110px;
top: -5px;
width: 40px;
}
.acc-linea-5 {
right: -200px;
top: 50%;
}
/* Noticias Inicio */
.noticias-inicio {
padding: 30px 0 50px;
position: relative;
}
.noticias-inicio:after {
content: '';
display: block;
width: 427px;
background: url(imgs/noticiasinicio.png) no-repeat 0 0;
height: 400px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.noticias-inicio h2 {
color: #3f4b80;
font-size: 30px;
font-weight: 700;
padding: 20px 0;
position: relative;
margin: 0;
}
.noticias-inicio h2:before {
position: absolute;
content: '';
background: #0090d4;
display: block;
width: 15px;
height: 5px;
bottom: 5px;
left: -30px;
}
.noticias-inicio h2:after {
position: absolute;
content: '';
background: #3f4b80;
display: block;
width: 15px;
height: 2px;
top: 0;
left: 100px;
}
.noticias-inicio .clearfix {
position: relative;
z-index: 100;
}
.noticia-inicio {
width: 100%;
padding: 0;
margin: 10px 5px;
}
.noticia-inicio.slick-slide {
min-height: 135px;
}
.noticia-inicio.destacada {
width: 100%;
position: relative;
top: 0;
left: 0;
float: none;
padding: 0;
height: 100%;
}
.noticia-inicio h3 {
padding: 0 12px 0 145px;
font-size: 16px;
line-height: 19px;
color: #666;
font-weight: 400;
}
.noticia-inicio .td {
vertical-align: top;
position: relative;
}
.noticia-inicio.destacada .td {
vertical-align: top;
}
.noticia-inicio .noticia-inicio-img {
width: 135px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-image: url(imgs/ide.jpg);
}
.noticia-inicio.destacada h3 {
font-size: 18px;
line-height: 21px;
padding: 0 20px 20px;
}
.noticia-inicio-content {
background: #fff;
height: 100%;
position: relative;
overflow: hidden;
min-height: 80px;
}
.noticia-inicio:hover h3 {
color: #333;
}
.noticia-inicio.destacada .noticia-inicio-img {
height: 200px;
width: 100%;
position: relative;
top: auto;
left: auto;
margin-bottom: 15px;
}
.noticia-inicio-content a {
color: #666;
font-weight: 400;
}
.noticia-inicio-content a:hover {
color: #333;
}
.noticia-inicio-img {
position: relative;
}
.noticia-inicio-img a {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
}
.fecha {
color: #3f4b80;
font-size: 15px;
font-weight: 700;
display: block;
}
.noticias-vertodas {
top: auto;
right: auto;
bottom: 8px;
left: 0;
position: absolute;
font-size: 14px;
color: #3f4b80;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
z-index: 400;
}
.noticias-inicio .slick-arrow {
position: absolute;
bottom: 0;
right: 0;
background: transparent;
border: 1px solid #ededed;
}
.noticias-inicio .slick-prev {
right: 40px;
}
.noticias-inicio-slider.slick-slider {
height: 135px;
padding-bottom: 65px;
box-sizing: content-box;
}
/* Footer */
.marcas {
text-align: center;
position: relative;
z-index: 1;
width: 100%;
padding: 0 0 20px 0;
}
#footer .marcas .content {
width: 100%;
}
.marcas a {
display: inline-block;
margin: 10px;
height: 40px;
max-width: 110px;
}
.marcas a img {
height: 45px;
width: auto;
}
/*
.marcas a:last-child img {
height: 80px;
transform: translateY(15px);
margin-top: -30px;
}
*/
.sede-dato.email a {
color: #666;
}
#footer {
background: #ececec;
position: relative;
z-index: 1000;
}
#footer .content {
width: 100%;
}
.datos-contacto {
padding: 10px 0;
}
.sede,
.redes {
width: 100%;
float: none;
padding: 25px 5%;
font-size: 16px;
line-height: 19px;
color: #666;
font-weight: 400;
text-align:left;
}
.redes {
position: absolute;
top: 0;
left: 0;
padding: 0 10px 0 0;
border-bottom: 1px solid #fff;
text-align: right;
}
.sede:first-child {
border-left: 0;
}
.redes {
border-right: 0!important;
}
.sede h5 {
font-size: 18px;
color: #3f4b80;
margin-bottom: 10px;
}
.sede .tel {
padding-top: 15px;
}
.redes a {
display: inline-block;
padding: 14px 7px;
color: #0090d4;
font-size: 24px;
opacity: 0.8;
}
.redes a:hover {
opacity: 1;
}
.redes i.fa-facebook-f {
font-size: 21px;
}
.redes i.fa-envelope {
font-size: 21px;
}
.redes i.fa-twitter {
font-size: 22px;
}
.seguinos {
font-size: 23px;
color: #3f4b80;
font-style: italic;
font-weight: 700;
padding: 15px 10px 15px 50px;
margin: 0 0 0 -35px;
background: rgba(0, 255, 255, 0.2);
max-width: 180px;
height: 50px;
line-height: 21px;
position: relative;
float: left;
}
.seguinos:after {
content: '';
position: absolute;
top: 0;
right: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 20px 0 0;
border-color: rgba(0, 255, 255, 0.2) transparent transparent transparent;
}
.creditos {
background: #fff;
color: #b3b3b3;
overflow: hidden;
}
.creditos .content {
padding: 20px 5%;
overflow: hidden;
}
.creditos small {
color: #999;
font-size: 12px;
line-height: 18px;
}
.creditos small span {
color: #000;
}
.creditos small span.celeste {
color: #0090d4;
}
.creditos .proyectar {
float: right;
opacity: 0.25;
transition: opacity ease 200ms;
margin-top: 2px;
}
.creditos .proyectar:hover {
opacity: 0.75
}
.sitemap .content {
width: 100%;
}
.sitemap a {
font-size: 14px;
color: #3f4b80;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.sitemap ul {
text-align: left;
border-bottom: 1px solid #dddddd;
padding: 25px 5%;
position: relative;
}
.sitemap ul:before {
content: '';
display: block;
border-top: 1px solid #eaeaea;
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
height: 1px;
}
.sitemap li {
display: block;
padding: 7px 0;
letter-spacing: 0.03em;
list-style: none;
}
.sitemap-redes a {
font-size: 18px;
padding: 0px 5px;
}
.irarriba {
display: block;
width: 35px;
height: 35px;
color: #3f4b80;
background: #fff;
border-radius: 50%;
text-align: center;
line-height: 37px;
position: fixed;
z-index: 999;
bottom: 50px;
right: 3%;
font-size: 16px;
opacity: 0;
transition: opacity ease 300ms;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.irarriba.visible {
opacity: 1;
}
/* Nosotros */
.contenidos {
padding: 35px 0;
position: relative;
z-index: 100;
}
.contenidos:after {
content: '';
display: block;
background: url(imgs/rayogris.png) no-repeat center;
width: 528px;
height: 472px;
right: 0;
bottom: -10px;
position: absolute;
}
.comision:before {
content: '';
display: block;
background: url(imgs/rayoblanco.png) no-repeat center;
width: 528px;
height: 616px;
right: 0;
top: 0;
position: absolute;
}
.contenidos .table {
table-layout: fixed;
}
.contenidos .td {
width: 100%;
position: relative;
display: block;
}
.contenidos .td .grafico {
padding: 85px 50px 0 0;
margin-bottom: 50px;
}
.contenidos .td .grafico canvas {
margin-left: -10px;
}
.contenidos .td h4.titulo-grafico {
position: absolute;
top: 30px;
left: 0;
z-index: 999;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.chart {
width: 85%;
height: 250px;
margin-left: 15%;
}
.contenidos .td p {
margin: 0 0 20px 0;
}
.contenidos .td h4 {
font-size: 18px;
color: #0090d4;
line-height: 24px;
}
.contenidos .content div.table:nth-child(1) .td-right {
display: none;
}
.contenidos .content div.table:nth-child(3) .td-left {
display: none;
}
.lineas {
width: 100%;
overflow-x: hidden;
}
.lineas .content {
/*background:#fff;*/
position: relative;
z-index: 1;
}
.page-nosotros.cursos {
font-size: 15px;
line-height: 22px;
color: #666;
padding-top: 45px;
overflow: hidden;
}
.page-nosotros:after {
content: '';
display: block;
width: 100%;
max-width: 427px;
background: url(imgs/noticiasinicio.png) no-repeat 0 0;
height: 400px;
position: absolute;
top: 75px;
left: 0;
z-index: -1;
}
.page-nosotros h2 {
color: #3f4b80;
font-size: 28px;
line-height: 34px;
padding: 10px 0 0;
margin: 30px 0 0;
position: relative;
display: inline-block;
}
.page-nosotros h2:before {
content: '';
display: block;
background: #0090d4;
width: 30px;
height: 5px;
position: absolute;
top: -10px;
left: -15px;
}
.objetivos {
background: #f2f2f2;
position: relative;
z-index: 1;
}
.lineas .objetivos .content {
background: #f2f2f2;
}
.page-nosotros .col-2 {
padding-bottom: 10px;
margin-bottom: 30px;
}
.page-nosotros .col-2:after {
content: '';
display: block;
background: #0090d4;
width: 30px;
height: 2px;
position: absolute;
bottom: 0;
right: 0;
}
.page-nosotros .col-2 p {
margin: 0 0 20px 0;
}
.page-nosotros .col-2 h3 {
padding: 45px 0 20px;
color: #3f4b80;
font-size: 24px;
line-height: 31px;
position: relative;
}
.page-nosotros .col-2 h3:before {
content: '';
display: block;
background: #0090d4;
width: 30px;
height: 2px;
position: absolute;
top: 30px;
left: -15px;
}
.page-nosotros .col-2 a {
text-transform: uppercase;
color: #0090d4;
display: block;
font-weight: 400;
}
.objetivos {
padding-bottom: 75px;
}
.objetivos h2 {
margin-bottom: 25px;
}
.objetivo {
display: block;
width: 100%;
padding: 0 22px;
text-align: center;
}
.objetivo p strong {
font-weight: 700;
}
.objetivo img {
margin: 0 auto 20px;
}
.objetivo:first-child {
border-left: 0;
}
.objetivo:last-child {
border-right: 0;
}
.objetivos .slick-dots {
text-align: center;
margin-bottom: -50px;
}
.objetivos .slick-dots li {
display: inline-block;
width: 15px;
height: 15px;
border: 2px solid #0090d4;
margin: 0 8px;
}
.objetivos .slick-dots li.slick-active {
background: #0090d4;
}
.objetivos .slick-dots li button {
border: 0;
width: 100%;
height: 100%;
display: block;
position: relative;
text-indent: 999px;
overflow: hidden;
background: transparent;
}
.comision-directiva {
margin: 0 -10px;
}
.comision-directiva .miembro {
/*width:50%;*/
/*float:left;*/
padding: 10px;
line-height: 21px;
font-size: 18px;
font-weight: 300;
color: #3f4b80;
}
.miembro-foto {
background: url(imgs/miembro.png) #f2f2f2 no-repeat center;
height: auto;
width: 100%;
padding-bottom: 100%;
margin-bottom: 15px;
}
.miembro-foto.nofoto {
background-size: 80%;
}
.miembro-cargo {
color: #666;
font-size: 16px;
}
.comision {
padding-bottom: 50px;
position: relative;
background: #f9f9f9;
}
.lineas .comision .content {
background: transparent;
}
.suplentes {
margin-top: 20px;
}
.comision button {
border: 1px solid #0090d4;
color: #0090d4;
text-transform: uppercase;
font-size: 11px;
padding: 13px 0;
margin: auto;
font-weight: 400;
letter-spacing: 1px;
display: block;
width: 280px;
text-align: center;
background-color: transparent;
}
.comision-oculta {
display: none;
}
.comision h3 {
padding: 0 0 5px;
color: #666;
font-size: 20px;
line-height: 28px;
margin-top: 15px;
position: relative;
}
.comision-directiva {
margin-bottom: 50px;
}
.comision-oculta .col {
width: 100%;
margin-bottom: 25px;
}
/* Noticia */
.noticia-img {
height: auto;
position: relative;
padding: 20px 0 0 0;
margin-bottom: 20px;
}
.noticia-img img {
height: auto;
width: 100%;
}
.noticia-title {
font-size: 21px;
line-height: 26px;
color: #3f4b80;
font-weight: 400;
max-width: 920px;
position: relative;
padding: 10px 0 20px;
}
.noticia-title:after {
position: absolute;
content: '';
background: #0090d4;
display: block;
width: 30px;
height: 2px;
bottom: 15px;
right: 0;
}
.noticia-top {
position: relative;
margin-bottom: 20px;
}
.noticia-top:after {
content: '';
display: block;
width: 100%;
max-width: 427px;
background: url(imgs/noticiasinicio.png) no-repeat 0 0;
height: 400px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.lineas .noticia-top .content {
background: transparent;
}
.noticia-content {
font-size: 15px;
line-height: 23px;
color: #666;
padding: 0 0 50px 0;
position: relative;
}
.noticia-content p:first-child {
margin: 0 0 20px;
font-size: 17px;
line-height: 23px;
}
.noticia-content p img {
max-width: 100%;
height: auto;
}
.noticia-content p iframe {
width: 100%;
height: 480px;
}
.noticia-redes {
text-align: center;
padding: 30px 0 15px 0;
}
.noticia-content a {
color: #0090d4;
display: inline-block;
padding-right: 25px;
position: relative;
font-weight: 400;
margin-right: 5px;
}
.noticia-content p {
margin: 0 0 10px 0;
}
.noticia-content h1 {
font-size: 36px;
line-height: 42px;
padding: 10px 0 35px;
color: #3f4b80;
font-weight: 400;
}
.noticia-content h2 {
color: #0090d4;
margin: 30px 0 15px;
font-size: 22px;
line-height: 43px;
padding: 0 0 10px;
}
.noticia-content h3 {
color: #0090d4;
font-size: 18px;
margin: 30px 0 10px;
line-height: 43px;
padding: 0 0 10px;
font-weight: 900;
}
.noticia-content ul {
margin: 10px 0;
}
.noticia-content ul li {
padding-left: 18px;
position: relative;
}
.noticia-content ul li:before {
background: #0090d4;
content: '';
display: block;
width: 7px;
height: 7px;
position: absolute;
top: 11px;
left: 0;
}
.noticia-content a:after {
content: '\f35d';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 700;
position: absolute;
bottom: 0;
right: 0;
font-size: 14px;
}
.noticia-redes a {
color: #0090d4;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
border: 1px solid #0090d4;
text-align: center;
border-radius: 50%;
font-size: 19px;
margin: 0 10px 15px 0;
padding: 0;
}
.noticia-redes a:after {
display: none;
}
.noticia-redes a:hover {
color: #fff;
background: #0090d4;
}
/*Noticias */
#noticias-archivo {
padding: 0;
margin-top: -8px;
}
#noticias-archivo .noticia-inicio {
width: 100%;
float: left;
height: auto;
margin-bottom: 3px;
}
#noticias-archivo .noticia-inicio h3 {
padding: 35px 20px 35px 145px;
font-size: 15px;
line-height: 17px;
}
#noticias-archivo .noticia-inicio-img {
width: 135px;
}
.noticias-inicio.noticias-archivo h2 {
margin: 0;
max-width: 50%;
}
.llamar {
padding: 7px 12px;
background: #0090d4;
display: inline-block;
margin: 0 10px 5px 0;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
font-weight: 600;
color: #fff;
}
.post-categories {
margin-top: 8px;
position: absolute;
top: 0;
width: 100%;
}
.post-categories li {
display: inline-block;
}
.post-categories a {
font-size: 11px;
text-transform: uppercase;
position: relative;
color: #0090d4;
font-weight: 400;
padding: 15px 0 15px 145px;
}
.post-categories a:hover {
color: #0090d4;
}
#noticias-archivo .post-categories {
padding: 15px 0 0px 145px;
}
.noticia-inicio.destacada .post-categories a {
padding: 15px 0 15px 20px;
}
#noticias-archivo .post-categories a {
padding-left: 0;
}
#noticias-archivo .post-categories {
margin-top: 0;
}
.select-cat {
position: absolute;
top: 22px;
right: 0;
border: 1px solid #0090d4;
font-size: 15px;
color: #0090d4;
z-index: 555;
background: #ecf9fb;
width: 150px;
cursor: pointer;
border-radius: 20px;
overflow: hidden;
}
.select-cat:after {
content: '\f107';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 700;
position: absolute;
top: 11px;
right: 20px;
transition: all ease 250ms;
}
.select-cat.active:after {
transform: rotate(-180deg);
}
.select-cat a {
font-weight: 400;
}
.selected-cat {
padding: 10px 15px;
font-weight: 400;
}
.options {
display: none;
padding: 10px 0;
background: #ecf9fb;
}
.options li {
padding: 5px 15px;
background: #ecf9fb;
}
.options li a {
color: #0090d4;
font-weight: 400;
}
/* Cursos Filtro */
.catalogos {
color: #999;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 10px;
}
.catalogos-title {
display: none;
}
.descargar-catalogo {
position: relative;
top: 0;
right: 0;
color: #3f4b80;
display: block;
padding: 8px 38px 8px 15px;
background: url(imgs/download2.png) no-repeat 95% 6px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
text-align: left;
margin-bottom: 10px;
border-radius: 3px;
border: 2px solid #3f4b80;
text-align: left;
}
.descargar-catalogo:hover {
color: #fff;
background: url(imgs/download2.png) #3f4b80 no-repeat 95% -26px;
}
.descargar-catalogo span {
display: inline;
font-weight: 700;
}
.cursos-filtro {
position: relative;
border: 2px solid #3f4b80;
border-radius: 3px;
text-transform: uppercase;
color: #3f4b80;
letter-spacing: 2px;
z-index: 500;
background: #f3f3f3;
width: 100%;
font-size: 13px;
font-weight: 700;
margin-bottom: 15px;
}
.selected-curso,
.selected-estado-solicitud {
padding: 8px 15px;
cursor: pointer;
text-align: left;
overflow: hidden;
font-weight: 700;
}
.selected-curso span,
.selected-estado-solicitud span {
white-space: nowrap;
width: 80%;
text-overflow: ellipsis;
font-weight: 700;
}
.selected-curso i,
.selected-estado-solicitud i {
margin-top: 2px;
position: absolute;
top: 20px;
right: 10px;
margin-top: -7px;
display: block;
text-align: center;
}
.selected-curso.active i,
.selected-estado-solicitud.active i {
transform: rotate(-180deg);
}
.options-cursos,
.options-estado-solicitud {
display: none;
padding-bottom: 4px;
text-align: left;
}
.option-curso,
.option-estado-solicitud {
padding: 4px 15px;
cursor: pointer;
font-weight: 700;
}
.curso.slick-slide {
overflow: hidden;
}
.cursos-faq {
width: 90%;
text-align: left;
font-size: 13px;
line-height: 18px;
color: #666;
margin: 50px auto;
}
.cursos-faq h5,
.single-curso-wrapper .curso-compartir h5 {
font-size: 14px;
color: #3f4b80;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.cursos-faq h3 {
cursor: pointer;
font-weight: 700;
overflow: hidden;
font-size: 14px;
padding-right: 20px;
position: relative;
}
.cursos-faq h3 i {
position: absolute;
top: 2px;
right: 0;
}
.cursos-faq h3.active i {
transform: rotate(-180deg);
}
.cursos-faq .pregunta {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 10px;
}
.cursos-faq .respuesta {
display: none;
font-style: italic;
padding-top: 5px;
}
/* Contacto */
.contacto {
padding: 25px 0 50px 0;
max-width: 590px;
overflow: hidden;
}
.contacto br {
display: none;
}
.contacto label {
text-transform: uppercase;
color: #666;
font-size: 13px;
padding-bottom: 2px;
display: block;
letter-spacing: 1px;
font-weight: 400;
}
.contacto input[type="text"],
.contacto input[type="email"],
.contacto textarea,
.contacto input[type="tel"] {
border: 2px solid #ddd;
padding: 10px;
font-size: 16px;
color: #666;
font-family: 'PT Sans', sans-serif;
margin-bottom: 15px;
width: 100%;
font-weight: 400;
max-width: 100%;
min-width: 100%;
}
.contacto input[type="submit"] {
font-size: 14px;
float: right;
font-family: 'PT Sans', sans-serif;
line-height: 24px;
letter-spacing: 2px;
font-weight: 700;
}
/* Denuncias */
.denuncias-icon {
position: absolute;
top: 70px;
right: 0;
}
.denuncias {
max-width: 600px;
font-size: 16px;
}
.denuncia {
padding: 25px 0 65px;
position: relative;
}
.contacto div.wpcf7-response-output {
border: 0;
padding: 5px 20px 5px 10px;
background: rgba(1, 90, 133, 0.05);
border-radius: 3px;
color: #0090d4;
width: 100%;
margin-left: 0;
margin-top: 40px;
}
.denuncia div.wpcf7-response-output {
position: absolute;
bottom: 0;
left: 0;
font-size: 14px;
}
.page-nosotros .denuncias h2 {
margin-bottom: 0;
}
.paso {
display: none;
border: 2px solid #ddd;
border-top: 0;
padding: 20px;
margin-bottom: -20px;
}
.paso.paso-1 {
display: block;
}
.tabs {
border: 2px solid #ddd;
border-bottom: 0;
overflow: hidden;
}
.tab {
padding: 20px;
background: #ededed;
width: 21%;
float: left;
cursor: pointer;
font-size: 15px;
color: #333;
overflow: hidden;
}
.tab span {
color: #333;
display: none;
}
.tab.active {
background: #fff;
width: 79%;
}
.tab.active span {
display: block;
}
.tab small {
width: 20px;
height: 20px;
background: #c4c4c4;
color: #fff;
border-radius: 50%;
display: block;
float: left;
margin-right: 10px;
font-weight: 400;
text-align: center;
font-size: 12px;
line-height: 20px;
text-indent: 1px;
}
.tab.active small {
background: #0090d4;
}
.paso h3 {
color: #0090d4;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.paso p {
font-size: 15px;
}
.explicacion {
margin-bottom: 10px;
display: block;
}
.denuncia-continuar,
.denuncia-volver {
border: 2px solid #0090d4;
color: #0090d4;
text-transform: uppercase;
padding: 10px 20px;
margin: auto;
font-weight: 400;
letter-spacing: 0;
display: block;
text-align: center;
background-color: transparent;
font-size: 14px;
float: right;
cursor: pointer;
letter-spacing: 1px;
}
.denuncia-continuar:hover,
.denuncia-volver:hover {
background: #0090d4;
color: #fff;
}
.denuncia-volver {
margin-right: 5px;
}
.denuncia-seleccionar {
font-size: 13px;
font-family: 'PT Sans', sans-serif;
border: 2px solid #0090d4;
color: #fff;
background: #0090d4;
text-transform: uppercase;
padding: 5px 15px;
font-weight: 400;
letter-spacing: 0;
display: block;
text-align: center;
cursor: pointer;
letter-spacing: 1px;
max-width: 150px;
margin: 10px 0 0 0;
}
.pruebas {
overflow: hidden;
}
.filename {
padding: 5px 20px 5px 10px;
background: rgba(1, 90, 133, 0.05);
border-radius: 3px;
margin: 7px 0;
color: #0090d4;
display: none;
position: relative;
font-size: 12px;
}
.filename i {
margin-right: 5px;
}
.eliminar-archivo {
cursor: pointer;
opacity: 0.75;
position: absolute;
top: 5px;
right: 5px;
font-size: 12px;
color: #333;
}
.eliminar-archivo:hover {
opacity: 1;
}
.denuncia-volver {
display: none;
}
.contacto input[type="submit"].denuncia-enviar {
display: none;
margin: 36px 0px -10px;
line-height: 21px;
}
#wpcf7-f59-p12-o1>form>div.paso.paso-2>p:nth-child(2) {
margin-bottom: 20px;
line-height: 20px;
}
.datos-denunciante {
margin-top: 20px;
}
.denunciante label,
.denunciante span.wpcf7-list-item {
display: block;
position: relative;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 5px 0;
}
.denunciante input[type="radio"] {
display: none;
}
.denunciante label {
padding-left: 28px;
line-height: 24px;
}
.denunciante label:hover {
color: #333;
}
.denunciante label:before {
content: '';
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
border: 2px solid #ddd;
}
.denunciante label:after {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 700;
position: absolute;
top: 0;
left: 5px;
color: #fff;
font-size: 11px;
}
.denunciante label.active:before {
background: #0090d4;
border: 2px solid #0090d4;
}
.alerta {
background: #ffe9e9;
font-size: 13px;
color: #f00;
padding: 10px 30px 10px 35px;
border-radius: 3px;
margin: 0 0 20px;
font-size: 13px;
line-height: 15px;
font-weight: 400;
position: relative;
}
.alerta:before {
content: '\f06a';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 700;
position: absolute;
top: 10px;
left: 12px;
font-size: 13px;
}
.ajax-loader {
transform: translate(0, 50px);
}
.contacto span.wpcf7-not-valid-tip {
font-size: 13px;
margin: -10px 0 10px;
font-weight: 400;
}
/* Descargas */
.descargas {
border: 1px solid #ededed;
border-bottom: 0;
border-collapse: collapse;
max-width: 768px;
margin-bottom: 50px;
}
.descargas h3 {
text-transform: uppercase;
font-size: 14px;
color: #3f4b80;
font-weight: 400;
border-bottom: 1px solid #ededed;
padding: 10px;
cursor: pointer;
position: relative;
opacity: 0.9;
background: #fff;
}
.descargas h3:after {
content: '\f078';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 700;
position: absolute;
top: 10px;
right: 12px;
font-size: 13px;
color: #3f4b80;
transition: transform ease 200ms;
}
.descargas h3:hover {
opacity: 1;
}
.descargas h3.active:after {
transform: rotate(180deg);
}
.descargas a {
color: #1a1a1a;
font-size: 14px;
padding: 5px 10px;
border-bottom: 1px dashed #ddd;
width: 100%;
display: block;
border-collapse: collapse;
position: relative;
background: #f9f9f9;
}
.descargas a:hover {
background: #f6f6f6;
}
.descargas a i {
position: absolute;
top: 10px;
right: 10px;
color: #3f4b80;
font-size: 12px;
}
.archivos {
display: none;
}
/* Novedades del sector */
.novedades {
margin: 0 -1%;
}
.novedad {
font-size: 18px;
line-height: 20px;
}
.grid-item {
width: 100%;
padding: 10px;
}
.grid-sizer {
width: 100%;
}
.novedad-content {
padding: 25px 25px 65px 25px;
width: 100%;
height: 100%;
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
transition: box-shadow ease 300ms;
}
.novedad-content h3 a {
font-weight: 400;
color: #333;
}
.novedad:hover .novedad-content {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.novedad h3 a:hover {
color: #1a1a1a;
}
.novedad-fecha {
font-size: 14px;
color: #999;
position: absolute;
bottom: 15px;
left: 25px;
font-weight: 400;
}
.novedad-diario {
font-size: 14px;
color: #3f4b80;
position: absolute;
bottom: 15px;
right: 25px;
font-weight: 400;
}
.novedad-diario img {
height: 15px;
width: auto;
}
.fuente {
margin: 20px auto;
}
.fuente a {
color: #333;
border-bottom: 1px dotted #333;
}
.fuente a:hover {
color: #1a1a1a;
}
/* Cursos */
.cursos-inicio.conferencias-inicio {
background: #f5f6f9;
}
.cursos-inicio.cursos-page {
background: #f3f3f3 url(imgs/rayo3.png) no-repeat 0 0;
}
.cursos-inicio {
background: #fff;
padding: 45px 0;
margin-top: -10px;
text-align: center;
}
.cursos-titulo {
font-size: 28px;
color: #3f4b80;
font-weight: 700;
text-align: left;
}
.cursos-bajada {
font-size: 17px;
color: #808080;
text-align: left;
}
.cursos-slider {
margin-top: 40px;
}
.cursos-inicio .slick-list {
margin: 0 -10px;
padding: 10px 0;
}
.curso {
background: #fff;
margin: 0 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: relative;
transition: box-shadow ease 300ms;
min-height: 440px!important;
}
.curso:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.curso-link {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
/* z-index: 200; */
}
.curso-img {
height: 180px;
position: relative;
overflow: hidden;
}
.curso-img-bg {
transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.curso:hover .curso-img-bg {
transform: scale(1.03);
}
.curso-txt {
padding: 30px 30px 75px;
position: relative;
font-size: 15px;
line-height: 18px;
color: #808080;
text-align: left;
height: 260px;
}
.curso-txt .masinfo {
position: absolute;
bottom: 0;
left: 0;
padding: 15px 0px;
border-top: 1px dashed #ededed;
text-transform: uppercase;
text-align: center;
color: #3f4b80;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
width: 50%;
border-bottom-left-radius: 10px;
}
.curso-txt .masinfo.masinfocompleto {
width:100%;
}
.curso-txt .masinfo:hover {
background: #f9f9f9;
}
.curso-txt .btnsolicitarcurso {
position: absolute;
bottom: 0;
right: 0;
padding: 17px 0px;
border-top: 1px dashed #ededed;
text-transform: uppercase;
text-align: center;
color: #ffffff;
outline: none;
border-bottom: 0;
border-left: 0;
border-right: 0;
background-color: #929394;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
width: 50%;
border-bottom-right-radius: 10px;
cursor: not-allowed;
}
.btnsolicitarcurso.user_loggedin {
background-color: #0090d4;
color: #fff;
cursor: pointer;
}
.btnsolicitarcursoresponsive.user_loggedin {
color: #7f8284;
cursor: pointer;
}
.curso-txt h2 {
max-height: 62px;
overflow: hidden;
margin-bottom: 10px;
}
.curso-txt h2 a {
color: #0090d4;
font-size: 18px;
line-height: 21px;
padding-bottom: 5px;
display: block;
font-weight: 700;
overflow: hidden;
margin-bottom: 5px;
}
.cursos-slider .slick-arrow {
position: absolute;
top: -35px;
right: 0;
background: transparent;
color: #666;
text-align: right;
}
.cursos-slider .slick-arrow.slick-prev {
right: 30px;
}
.vercursos {
text-align: center;
color: #3f4b80;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 25px;
border: 2px solid #3f4b80;
border-radius: 5px;
display: block;
font-size: 13px;
font-weight: 700;
margin: 20px auto 0;
cursor: pointer;
max-width: 170px;
clear: both;
}
body.home .vercursos {
max-width: 270px;
}
.vercursos:hover {
background: #3f4b80;
color: #f3f3f3;
}
.cursos-wrapper .curso {
float: left;
width: 98%;
margin: 10px 1%;
}
.cursos h1 {
color: #3f4b80;
font-size: 34px;
line-height: 38px;
padding: 25px 0 10px 0;
position: relative;
text-align: left;
}
.cursos h1:before {
content: '';
display: block;
background: #3f4b80;
width: 20px;
height: 5px;
position: absolute;
top: 0;
left: -15px;
}
.cursos h1:after {
content: '';
display: block;
background: #0090d4;
width: 50px;
height: 2px;
position: absolute;
bottom: 25px;
left: 250px;
}
.etiqueta-tipo-curso {
position: absolute;
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 2px;
margin-top: 1em;
margin-left: 1em;
padding: .2em 1em;
font-size: .7em;
text-transform: uppercase;
z-index: 10;
padding:5px 10px;
}
.curso .etiqueta-disponibilidad-curso {
display: none;
}
.curso.no-disponible .etiqueta-disponibilidad-curso {
color: #fff;
background-color: #F53207;
text-transform: uppercase;
display: block;
}
.ribbon-wrapper {
height: 70px;
overflow: hidden;
position: absolute;
right: -2px;
top: -2px;
width: 70px;
z-index: 10;
}
.ribbon-wrapper.ribbon-lg {
height: 120px;
width: 120px;
}
.ribbon-wrapper.ribbon-lg .ribbon {
right: 0;
top: 26px;
width: 160px;
}
.ribbon-wrapper .ribbon {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
font-size: 0.8rem;
line-height: 100%;
padding: 0.375rem 0;
position: relative;
right: -2px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
text-transform: uppercase;
top: 10px;
transform: rotate(45deg);
width: 90px;
}
.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #9e9e9e;
bottom: -3px;
content: "";
position: absolute;
}
.ribbon-wrapper .ribbon::before {
left: 0;
}
.ribbon-wrapper .ribbon::after {
right: 0;
}
.ribbon {
background-color: #F53207;
color:#fff;
}
.barra-fixed {
width: 100vw;
height: 10vh;
background-color: #0090d4;
position: fixed;
bottom: 0;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 1rem;
}
.barra-fixed .texto-barra-fixed {
color: #fff;
display: inline;
font-weight: 700;
font-style: italic;
font-size: 1.3rem;
letter-spacing: 1px;
}
.barra-fixed .boton-barra-fixed {
color: #0090d4;
background-color: #fff;
margin-left: 1rem;
outline: none;
border: 2px solid #0090d4;
padding: .6rem 2rem;
border-radius: 5px;
text-transform: uppercase;
font-size: .9rem;
font-weight: 700;
letter-spacing: 1px;
min-height: 30px;
}
.barra-fixed .boton-barra-fixed:hover {
background-color: #0090d4;
border: 2px solid #ffffff;
color: #ffffff;
}
.barra-fixed-responsive {
display: none;
}
@media screen and (max-width:960px) {
.barra-fixed {
display: none;
}
.barra-fixed-responsive {
display: block;
width: 100vw;
height: 10vh;
background-color: #0090d4;
position: fixed;
bottom: 0;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}
.barra-fixed-responsive .boton-barra-fixed {
width: 90%;
min-height: 50px;
color: #0090d4;
background-color: #fff;
margin-left: 1rem;
outline: none;
border: 0;
padding: .6rem 2rem;
border-radius: 5px;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
letter-spacing: 2px;
}
}
/* Agenda */
.agenda-inicio {
background: #3f4b80;
position: relative;
padding: 30px 0 50px;
}
.agenda-inicio:after {
content: '';
display: block;
width: 426px;
height: 400px;
position: absolute;
bottom: 0;
right: 0;
background: url(imgs/agenda.png) no-repeat right bottom;
z-index: 0;
}
.agenda-inicio .content:after {
content: '';
width: 30px;
height: 2px;
background: #0090d4;
position: absolute;
bottom: -15px;
left: 25%;
}
.agenda-vertodas {
top: 35px;
right: 0;
position: absolute;
font-size: 12px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
z-index: 400;
}
.agenda-inicio h2 {
color: #fff;
font-size: 30px;
font-weight: 700;
padding: 20px 0 10px;
position: relative;
}
.agenda-inicio h2:after {
content: '';
width: 15px;
height: 5px;
background: #0090d4;
position: absolute;
top: 0;
left: 100px;
}
.agenda-inicio h2:before {
content: '';
width: 15px;
height: 2px;
background: #fff;
position: absolute;
top: 15px;
left: -35px;
}
.eventos-inicio {
padding: 10px 0 25px;
position: relative;
z-index: 100;
width: 100%;
margin: auto;
}
.evento {
width: 100%;
height: 98px;
float: none;
margin-bottom: 10px;
cursor: pointer;
position: relative;
}
.evento.evento-desactivado .evento-txt h4 {
color: #999;
}
.evento.evento-desactivado .evento-txt h4 small {
color: #999;
border: 1px solid #999;
}
.evento-content {
background: #fff;
border-radius: 3px;
overflow: hidden;
display: table;
transition: box-shadow ease 300ms;
position: relative;
width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
height: 100%;
}
.evento-content a {
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
}
.evento-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 500;
}
.evento-content:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
.evento-fecha {
display: table-cell;
height: 100%;
border-right: 1px dashed #e0e0e0;
padding: 0 25px;
text-align: center;
color: #808080;
vertical-align: middle;
width: 90px;
}
.evento-fecha .dia {
font-size: 27px;
line-height: 27px;
}
.evento-fecha .mes {
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
}
.evento-fecha .anio {
line-height: 10px;
font-size: 14px;
}
.evento-txt {
display: table-cell;
padding: 15px;
}
.evento-txt h4 {
font-size: 15px;
line-height: 19px;
color: #3f4b80;
padding-bottom: 10px;
font-weight: 400;
height: 37px;
overflow: hidden;
margin-bottom: 6px;
}
.evento-txt h4 small {
color: #3f4b80;
border: 1px solid #3f4b80;
padding: 3px 5px 2px;
border-radius: 3px;
display: block;
line-height: 11px;
font-size: 12px;
margin: 0 4px 0 0px;
float: left;
}
.evento-txt .evento-datos span {
color: #666;
font-size: 13px;
margin-right: 10px;
}
.evento-datos-lugar {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 150px;
}
.fechafin {
padding-top: 3px;
border-top: 1px solid #ccc;
margin-top: 3px;
}
.evento-fecha .fechainicio .dia,
.evento-fecha .fechafin .dia {
font-size: 19px;
line-height: 18px;
font-weight: bold;
}
.evento-fecha .fechainicio .mes,
.evento-fecha .fechafin .mes {
font-size: 11px;
line-height: 11px;
}
.evento-fecha .fechainicio .anio,
.evento-fecha .fechafin .anio {
font-size: 11px;
line-height: 11px;
}
/* Popup Evento */
.popup {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
.popup-content {
width: 95%;
height: auto;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
margin: auto;
padding: 20px;
position: relative;
max-width: 700px;
}
.popup .td {
vertical-align: middle;
}
.popup-img {
height: 175px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.popup-txt {
display: table;
padding-top: 15px;
}
.popup-txt-izq {
font-size: 14px;
line-height: 18px;
color: #666;
margin-bottom: 20px;
}
.popup-txt-izq a {
color: #0e5281;
font-weight: 600;
}
.popup-txt-der {
padding-left: 10px;
}
.popup-txt h4 {
font-size: 18px;
line-height: 21px;
color: #3f4b80;
padding-bottom: 15px;
}
.popup-dato {
font-size: 14px;
color: #666;
margin-bottom: 15px;
position: relative;
}
.popup-dato small {
font-weight: 700;
display: block;
line-height: 12px;
color: #999;
margin-top: 5px;
}
.popup-dato small:first-child {
margin-top: 0;
}
.popup-dato div {
float: left;
width: 80%;
}
.popup-dato a {
color: #3f4b80;
}
.popup-dato div.popup-icon {
margin-right: 10px;
width: 6%;
}
.popup-close {
width: 50px;
height: 50px;
background: #fff;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.popup-close:before,
.popup-close:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 50%;
height: 2px;
background: #666;
}
.popup-close:hover:before,
.popup-close:hover:after {
background: #333;
}
.popup-close:before {
transform: rotate(-45deg);
}
.popup-close:after {
transform: rotate(45deg);
}
.popup-calendar {
position: relative;
overflow: visible;
}
.addToCalendar {
color: #3f4b80;
border: 0;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
background: transparent;
}
.popup-calendar .addToCalendar i {
margin-top: 3px;
float: right;
}
.calendarios {
display: none;
position: absolute;
top: 25px;
left: 0;
width: 100%;
padding: 5px 10px;
border: 1px solid #ddd;
background: #fff;
}
.calendarios a,
.calendarios input[type="submit"] {
display: block;
border: 0;
color: #3f4b80;
font-family: 'PT sans', sans-serif;
font-size: 14px;
padding: 5px 0 5px 25px;
background-position: 0 center;
background-repeat: no-repeat;
border-bottom: 1px solid #ddd;
background-size: auto 55%;
background-color: transparent;
}
.calendarios input[type="submit"] {
margin: 0;
text-transform: none;
border: 0;
display: block;
width: 100%;
text-align: left;
}
.calendarios input[type="submit"]:hover {
background-color: transparent;
background-position: 0 center;
background-repeat: no-repeat;
border-bottom: 1px solid #ddd;
background-size: auto 55%;
}
.google {
background-image: url(imgs/google.svg);
}
.yahoo {
background-image: url(imgs/yahoo.svg);
}
.outlook {
background-image: url(imgs/outlook.svg);
}
.calendarios input[type="submit"].apple {
background-image: url(imgs/apple.svg);
}
.calendarios input[type="submit"].apple:hover {
background-image: url(imgs/apple.svg);
border: 0;
}
/* Single Curso */
.single-curso-wrapper {
background: url(imgs/rayo4.png) no-repeat 0 0;
}
.single-curso-wrapper header.content {
padding: 35px 0 0 0;
}
.single-curso-wrapper .content {
padding: 0 0 65px 0;
}
.single-curso-wrapper .curso-compartir {
position: relative;
width: 100%;
text-align: left;
font-size: 13px;
line-height: 18px;
color: #666;
margin-top: 50px;
}
.single-curso-wrapper .curso-compartir a {
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #3f4b80;
text-align: center;
color: #3f4b80;
line-height: 40px;
border-radius: 50%;
font-size: 18px;
margin-right: 5px;
}
.single-curso-wrapper .curso-compartir a:hover {
background: #3f4b80;
color: #fff;
}
.single-curso-wrapper .cursos-faq {
position: relative;
width: 100%;
top: auto;
margin-top: 50px;
}
.single-curso-wrapper .categoria {
color: #3f4b80;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
font-weight: 700;
}
.categoria a {
color: #3f4b80;
}
.single-curso-wrapper h1 {
font-size: 28px;
line-height: 34px;
padding: 5px 0 20px;
font-weight: 700;
color: #0090d4;
position: relative;
}
.single-curso-img {
height: 175px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.single-curso-content {
font-size: 16px;
line-height: 24px;
color: #666;
}
.single-curso-content h2 {
color: #0090d4;
font-size: 21px;
padding: 25px 0 10px;
}
.single-curso-dato {
float: left;
font-size: 14px;
padding: 0 35px 5px 0;
}
.single-curso-datos {
padding-bottom: 30px;
border-bottom: 1px dashed #ccc;
}
.single-curso-datos p {
margin-bottom: 10px;
}
.descargar-curso {
position: relative;
top: 0;
right: 0;
color: #adadad;
display: block;
padding: 0 30px 0 0;
background: url(imgs/download.png) no-repeat 99% 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
text-align: left;
max-width: 245px;
margin-bottom: 10px;
}
.descargar-curso:hover {
color: #666;
background: url(imgs/download.png) no-repeat 99% -32px;
}
.single-curso-content ul li {
list-style: none;
padding-left: 15px;
position: relative;
}
.single-curso-content ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
color: #666;
top: 0;
left: 1px;
position: absolute;
}
.galeria {
height: 175px;
}
.galeria-img {
height: 175px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.galeria .slick-track,
.galeria .slick-list {
height: 100%;
}
.galeria .slick-arrow {
position: absolute;
top: 50%;
margin: -20px 0 0 0;
left: 0;
z-index: 200;
}
.galeria .slick-arrow.slick-next {
right: 0;
left: auto;
}
.single-curso-div p a,
.single-curso-div ul li a {
color: #0090d4;
display: inline-block;
border-bottom: 1px solid #0090d4;
}
.single-curso-div ul li a.descargar-material {
border-bottom: 0;
position: relative;
top: 0;
right: 0;
color: #adadad;
display: block;
padding: 0 30px 0 0;
background: url(imgs/download.png) no-repeat 99% 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
text-align: left;
max-width: 210px;
margin-bottom: 5px;
}
.single-curso-div ul li .descargar-material:hover {
color: #666;
background-position: 99% -32px;
}
body.single-convocatorias .single-curso-div ul li a.descargar-material {
display: inline-block;
max-width: none;
}
h2.titulo-solicitud-single {
font-size: 1.5rem;
margin-bottom: 2rem;
color: #3F4B80;
}
.solicitud-single-curso {
background-color: #ECECEC;
padding: 1em;
border-radius: 5px;
margin-bottom: 2rem;
}
.solicitud-single-curso .modal-body {
grid-gap: 0px
}
.solicitud-single-curso .modal-body .seleccionar-empleados .empleados-titulo {
font-size: 1rem;
padding-left: 0.5rem;
}
.solicitud-single-curso .modal-body .seleccionar-empleados .btn-cant-empleados {
background-color: #d9d9d9;
color: #666666;
}
.solicitud-single-curso .modal-body .seleccionar-empleados .btn-cant-empleados.disable {
background-color: #e0e0e0 !important;
color: #999999 !important;
}
.solicitud-single-curso .modal-body .seleccionar-fecha .fecha-titulo {
margin-left: 1.2rem;
margin-bottom: .9rem;
}
.solicitud-single-curso .modal-body .seleccionar-fecha select {
background-color: #ececec;
}
/* Convocatoria */
.vercursos.link-postularse {
max-width: 160px;
padding: 5px 10px;
margin: 35px 0;
font-size: 14px;
line-height: 28px;
}
@media all and (max-width: 960px) {
html {
position: relative;
}
}
@media all and (min-width: 960px) {
.catalogos {
margin-top: 0;
}
.catalogos-title {
display: inline-block;
font-weight: 700;
}
.descargar-catalogo.descargar-catalogo-first {
margin-left: 10px;
background: url(imgs/download2.png) no-repeat 90% 6px;
}
.descargar-catalogo.descargar-catalogo-first:hover {
background: url(imgs/download2.png) #3f4b80 no-repeat 90% -26px;
}
.descargar-catalogo {
background: url(imgs/download2.png) no-repeat 95% 6px;
}
.col-2 {
column-count: 2;
column-gap: 60px;
}
.nav-toggle {
transition: background ease 150ms;
}
.nav-toggle:hover {
background: #3f4b80;
}
.nav-toggle:hover span,
.nav-toggle:hover span:before,
.nav-toggle:hover span:after {
background: #fff;
}
.nav-toggle.active:hover span {
background: transparent;
}
/* Header */
#header {
position: fixed;
}
#header .content {
padding-left: 0;
}
#nav ul li a {
font-size: 21px;
padding: 10px 0;
}
#nav {
position: fixed;
}
#nav ul {
padding: 50px 0;
}
.nav-marcas a {
margin-right: 35px;
}
.nav-marcas img {
max-height: auto;
}
/* Menu Hamburguesa */
.nav-toggle {
border-right: 1px solid #ededed;
}
#nav .content {
width: 90%;
padding: 0;
}
/* Inicio */
.slide .table {
width: 65%;
}
.slide h1,
.slide h2 {
font-size: 50px;
line-height: 50px;
padding-bottom: 20px;
}
.slide {
padding: 100px 0;
font-size: 24px;
line-height: 32px;
overflow: visible;
}
.slider-arrows {
bottom: 40px;
}
.slick-arrow {
width: 40px;
height: 40px;
}
a.vermas {
padding: 4px 25px 3px;
}
.slide-content-div.slide-content-solo {
font-size: 36px;
line-height: 44px;
}
.slider-wrapper {
height: 400px;
}
#slider:after {
bottom: 10%;
}
.slide .td {
vertical-align: bottom;
}
.slide-content-div {
font-size: 21px;
line-height: 28px;
}
/* Cursos Inicio */
.cursos-slider {
margin-top: 20px;
}
.cursos-slider .slick-arrow {
top: -55px;
}
.cursos h1 {
color: #3f4b80;
font-size: 40px;
line-height: 48px;
}
/* Agenda Inicio */
.eventos-inicio {
margin: 0 -5px;
}
.evento {
width: 33.3333%;
float: left;
padding: 0 5px;
}
.agenda-vertodas {
font-size: 14px;
}
.agenda-vertodas:before {
content: '';
width: 15px;
height: 2px;
background: #fff;
position: absolute;
top: -15px;
left: -35px;
}
.evento-fecha .dia {
font-size: 35px;
line-height: 28px;
}
.evento-datos-lugar {
max-width: 200px;
}
/* Noticias Inicio */
.noticias-inicio {
padding: 60px 0 100px;
}
.noticias-inicio h2 {
font-size: 28px;
padding: 20px 0;
margin: 25px 0 0;
}
.noticias-inicio .clearfix {
padding-left: 55%;
}
.noticia-inicio.destacada {
width: 55%;
position: absolute;
/*padding-bottom:20px;*/
padding-right: 2.5%;
}
.noticia-inicio.destacada .noticia-inicio-img {
height: 350px;
margin-bottom: 25px;
}
.noticia-inicio.destacada h3 {
font-size: 28px;
line-height: 34px;
padding: 0 0;
max-width: 80%;
font-weight: 300
}
.noticia-inicio h3 {
padding: 0 20px 0 185px;
font-size: 21px;
line-height: 26px;
}
.noticia-inicio {
float: right;
height: 165px;
}
.noticia-inicio .noticia-inicio-img {
width: 165px;
}
.noticias-vertodas {
top: 40px;
right: 0;
bottom: auto;
left: auto;
}
.noticia-inicio.destacada .post-categories a {
padding: 15px 0 15px 34px;
}
.post-categories a {
padding: 15px 0 15px 185px;
}
/* Marcas inicio */
.marcas {
text-align: left;
width: 66.666%;
float: right;
padding: 35px;
}
.marcas a {
display: inline-block;
margin: 0;
height: 50px;
max-width: none;
width: 32.3333%;
text-align: center;
}
/* Footer */
#footer .content {
width: 90%;
}
.sede,
.redes {
width: 33.333%;
float: left;
padding: 0 35px;
}
.sede h5 {
font-size: 21px;
}
.sitemap ul {
text-align: center;
padding: 0;
display: table;
width: 100%;
}
.sitemap li {
display: table-cell;
padding: 25px 10px;
}
.sitemap .content {
width: 90%;
}
.redes {
position: relative;
top: auto;
left: auto;
padding: 0 35px;
border-bottom: 0;
text-align: left;
}
.seguinos {
float: none;
margin: 0 0 10px -35px;
font-size: 28px;
padding: 15px 10px 15px 40px;
}
.datos-contacto {
padding: 50px 0;
}
.redes a {
padding: 10px;
font-size: 28px;
}
.redes i.fa-envelope {
font-size: 22px;
}
.redes i.fa-twitter {
font-size: 26px;
}
.redes i.fa-facebook-f {
font-size: 24px
}
.creditos .content {
padding: 20px 35px;
}
.creditos small {
font-size: 13px;
line-height: 18px;
}
.irarriba {
bottom: 45px;
}
.llamar {
display: none;
}
.sede-dato.tel br {
display: none;
}
/* Nosotros */
.objetivos .table {
margin: 25px -22px 0;
}
.chart {
width: 80%;
height: 380px;
margin-left: 20%;
}
.contenidos .td.td-left {
padding: 0 5% 0 0;
}
.contenidos .td {
vertical-align: middle;
width: 50%;
position: relative;
display: table-cell;
}
.contenidos .td h4.titulo-grafico {
top: 50px;
}
.page-nosotros .comision-descripcion {
max-width: 50%;
}
.page-nosotros {
font-size: 16px;
line-height: 24px;
}
.page-nosotros h2 {
color: #3f4b80;
margin: 60px 0 25px;
font-size: 34px;
line-height: 43px;
padding: 0 0 10px;
}
.page-nosotros .comision h2 {
margin: 60px 0 0;
font-size: 28px;
}
.page-nosotros .col-2 h3 {
font-size: 28px;
line-height: 33px;
}
.objetivo {
display: table-cell;
vertical-align: top;
width: 25%;
padding: 0 22px;
text-align: center;
}
.comision button {
display: none!important;
}
.comision-oculta {
display: block!important;
}
/*.comision-directiva .miembro {
width:25%;
}*/
.comision-oculta .col {
width: 25%;
padding-right: 10px;
float: left;
margin-bottom: 0;
}
.miembro-foto {
margin-bottom: 15px;
}
.comision button {
font-size: 12px;
padding: 13px 25px;
width: 310px;
}
.comision-oculta {
margin: 50px auto;
}
/* Noticia */
.noticia-img {
height: 570px
}
.noticia-img img {
height: 100%;
width: auto;
}
.noticia-title {
font-size: 36px;
line-height: 42px;
padding: 10px 0 35px;
}
.noticia-title:before {
top: 8px;
left: -20px;
}
.noticia-content {
padding: 50px 100px 100px 100px;
}
.noticia-redes {
position: absolute;
top: 52px;
left: 0;
text-align: left;
padding: 0;
}
.noticia-redes a {
display: block;
}
.noticia-content p:first-child {
margin: 0 0 25px;
font-size: 21px;
line-height: 31px;
}
.noticia-content {
font-size: 18px;
line-height: 29px;
}
.noticia-img {
padding: 40px 0 0 0;
}
/* Noticias */
#noticias-archivo {
margin-top: 0;
}
#noticias-archivo .noticia-inicio {
width: 32.333%;
height: 138px;
}
#noticias-archivo .noticia-inicio h3 {
padding: 40px 20px 16px 145px;
font-size: 16px;
line-height: 19px;
}
#noticias-archivo .noticia-inicio-img {
width: 130px;
}
.select-cat {
width: 185px;
}
/* Denuncias */
.denuncias-icon {
top: 90px;
right: 20px;
}
.tab {
width: 50%;
padding: 20px 35px;
font-size: 16px;
}
.tab span {
display: block;
}
.tab.active {
background: #fff;
width: 50%;
}
.paso {
padding: 35px;
}
.contacto label {
font-size: 14px;
}
.denunciante label,
.denunciante span.wpcf7-list-item {
font-size: 14px;
}
.contacto input[type="submit"].denuncia-enviar {
margin: 39px 0px -10px;
line-height: 24px;
}
.denuncia div.wpcf7-response-output {
font-size: 16px;
}
.filename {
font-size: 16px;
}
/* Novedades */
.grid-item {
width: 33.333%;
padding: 10px;
}
.grid-sizer {
width: 33.333%;
}
/* Agenda */
.agenda-inicio h2 {
font-size: 28px;
padding: 25px 0;
}
/* Popup */
.popup {
position: fixed;
}
.popup-img {
height: 275px;
}
.popup-content {
padding: 30px;
height: 600px;
}
.popup-txt {
padding-top: 30px;
}
.popup-txt-izq {
width: 65%;
display: table-cell;
padding-right: 20px;
font-size: 15px;
line-height: 18px;
vertical-align: top;
}
.popup-txt-der {
width: 35%;
display: table-cell;
border-left: 1px dashed #ededed;
padding-left: 20px;
vertical-align: top;
}
.popup-txt h4 {
font-size: 24px;
line-height: 26px;
}
/* Cursos */
.cursos-wrapper {
/*padding-right:245px;*/
margin: 0 -1%;
}
.cursos-filtro {
position: absolute;
top: 33px;
/*right:245px;*/
right: 0;
margin-bottom: 0;
width: 235px;
font-size: 14px;
}
.catalogos {
position: absolute;
top: 33px;
/*right: 500px;*/
right: 265px;
max-width: none;
margin-bottom: 0;
}
.descargar-catalogo {
/*position: absolute;*/
/*top: 27px;*/
/*right: 500px;*/
/*right:265px;*/
max-width: none;
margin-bottom: 0;
display: inline-block;
font-size: 14px;
}
.descargar-catalogo span {
display: none;
}
.cursos h1 {
padding: 25px 0 35px 0;
}
.cursos-faq {
position: absolute;
top: 115px;
right: 0;
margin-top: 0;
width: 225px;
}
.cursos-wrapper .curso {
margin: 1%;
}
.single-curso-wrapper h1 {
font-size: 36px;
line-height: 43px;
padding: 25px 0 50px;
}
.single-curso-wrapper h1:before {
content: '';
display: block;
background: #0090d4;
width: 30px;
height: 3px;
position: absolute;
bottom: 35px;
left: -20px;
}
.single-curso-wrapper h1:after {
content: '';
display: block;
background: #3f4b80;
width: 15px;
height: 5px;
position: absolute;
top: 0;
left: 320px;
}
.single-curso-img {
height: 380px;
}
.single-curso-content h2 {
padding: 45px 0 10px;
}
.galeria {
height: 380px;
}
.galeria-img {
height: 380px;
}
}
@media all and (min-width: 600px) and (max-width:959px) {
.cursos-wrapper .curso {
width: 48%;
}
}
@media all and (min-width: 960px) and (max-width:1180px) {
/* Noticias inicio */
.noticia-inicio h3 {
font-size: 18px;
line-height: 24px;
padding: 5px 15px 25px 180px;
}
.noticia-inicio.destacada h3 {
font-size: 24px;
line-height: 32px;
}
.cursos-wrapper .curso {
/*width: 48%;*/
width: 31.3333%;
}
}
@media all and (min-width: 1180px) {
.cursos-wrapper .curso {
/*width: 31.333%;*/
width: 23%;
}
.single-curso-wrapper header.content {
padding: 65px 375px 0 0;
}
.single-curso-wrapper .content {
padding: 0 375px 65px 0;
}
.single-curso-wrapper .curso-compartir {
position: absolute;
top: 0;
right: 0;
margin-top: 0;
width: 320px;
}
.single-curso-wrapper .cursos-faq {
position: absolute;
top: 100px;
right: 0;
margin-top: 0;
width: 320px;
}
}
.acceso:last-child {
display: none;
}
/* Loader */
.loader,
.loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 13px;
text-indent: -9999em;
border-top: 3px solid rgba(0, 0, 0, 0.2);
border-right: 3px solid rgba(0, 0, 0, 0.2);
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
border-left: 3px solid #3f4b80;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Página de Registro */
.container-registro {
width: 50%;
}
.page-registrarse h2 {
color: #3f4b80;
font-size: 28px;
line-height: 34px;
padding: 10px 0 0;
margin: 30px 0 0;
position: relative;
display: inline-block;
}
.page-registrarse h2:before {
content: '';
display: block;
background: #0090d4;
width: 30px;
height: 5px;
position: absolute;
top: -10px;
left: -15px;
}
.page-registrarse h2:after {
content: '';
display: block;
background: #0090d4;
width: 50px;
height: 2px;
position: absolute;
bottom: 0px;
left: 100px;
}
.container-formulario select {
width: 268px;
background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
-webkit-appearance: none;
background-position-x: 98%;
}
.institucion-filtro {
position: absolute;
border: 1px solid #808080;
background-color: #fff;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 2px;
z-index: 500;
width: 100%;
font-size: 13px;
font-weight: 700;
margin-top: 5px;
margin-bottom: 1rem;
height: 42px;
padding-top: .3rem;
}
.selected-institucion {
padding: 8px 15px;
cursor: pointer;
text-align: left;
overflow: hidden;
font-weight: 700;
}
.selected-institucion span {
white-space: nowrap;
width: 80%;
text-overflow: ellipsis;
font-weight: 700;
}
.selected-institucion i {
float: right;
margin-top: 2px;
}
.selected-institucion.active i {
transform: rotate(-180deg);
}
.options-instituciones {
display: none;
padding-bottom: 4px;
text-align: left;
}
.option-institucion {
padding: 4px 15px;
cursor: pointer;
font-weight: 700;
}
.container-formulario input,
.container-formulario select {
width: 100%;
border: 1px solid #808080;
border-radius: 3px;
display: block;
margin-bottom: 1rem;
margin-top: .3rem;
height: 42px;
padding-left: 5px;
}
.container-formulario input::placeholder,
.container-formulario select {
color: #808080;
font-size: .8rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
height: 42px;
}
.container-formulario span {
font-size: .8rem;
color: #808080;
}
.container-formulario button {
background-color: #fff;
border: 1px solid #0090d4;
color: #0090d4;
border-radius: 3px;
text-transform: uppercase;
padding: 0.5rem 1rem;
font-size: .8rem;
letter-spacing: 1px;
font-weight: 700;
float: right;
margin-bottom: 3rem;
height: 42px;
}
.container-formulario button:hover {
color: #ffffff;
background-color: #0090d4;
}
.container-registro .campos-obligatorios {
font-size: .8rem;
font-style: italic;
color: #0090d4;
margin-bottom: 1rem;
margin-top: 2rem;
}
.container-registro .encabezado-registro {
display: grid;
grid-template-columns: 1fr 3fr;
margin-top: 4rem;
}
.container-registro .encabezado-registro .texto-registro {
font-size: .8rem;
color: #0090d4;
line-height: 1.2em;
}
.success-form {
display: none;
border: 3px solid #06C36F;
border-radius: 5px;
padding: 1rem;
font-weight: 400;
text-align: center;
background-color: #e4f1eb;
margin-top: 5rem;
color: #06C36F;
}
.error-form {
display: none;
border: 3px solid #F53207;
border-radius: 5px;
padding: 1rem;
font-weight: 400;
text-align: center;
background-color: #efe0dd;
margin-top: 5rem;
color: #F53207;
}
.separador {
margin: 0 auto;
display: flex;
}
@media screen and (max-width: 960px) {
.container-registro {
width: 100%;
}
.page-registrarse h2 {
font-size: 34px;
}
.page-registrarse h2:after {
bottom: 10px;
left: 320px;
}
.container-registro .encabezado-registro {
display: block;
}
.container-registro .encabezado-registro .icono-registro {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.container-registro .encabezado-registro .texto-registro {
text-align: center;
}
.container-registro .campos-obligatorios {
text-align: center;
}
}
@media screen and (min-width: 960px) {
.container-registro {
transform: translateY(-2rem);
}
.contenedor-tabla {
margin-top: 0rem !important;
min-height: 280px;
}
}
/* TABLA MIS SOLICITUDES */
/* Inicio datatable */
.cursos-inicio.mis-solicitudes-inicio {
background: #f3f3f3 url(imgs/rayo3.png) no-repeat 0 0 !important;
padding-bottom:0;
}
thead {
color: #3F4B80;
background-color: #E5E5E5;
font-size: 16px;
font-weight: 700;
padding-bottom: 8px;
text-align: center;
}
thead tr th:first-child {
text-align: left;
}
.dataTables_scroll {
/* margin-top: 2rem; */
}
tbody {
background-color: #fff;
}
#table-1_wrapper .row:last-child {
margin-top: 2rem !important;
}
#table-1_wrapper .row:first-child {
position:absolute;
top:30px;
right:0;
}
#table-1 th {
overflow: hidden;
text-overflow: ellipsis;
padding:10px;
}
td.dataTables_empty,
div#table-1_info.dataTables_info {
color: #3F4B80;
font-size: 16px;
}
#table-1_info {
display: none;
}
/* #table-1_wrapper .row:first-child{
position: absolute;
right: 0;
z-index: 10000;
color: #3F4B80;
font-size: 16px;
} */
#table-1_wrapper .row:nth-child(2) {
margin: 0;
}
#table-1_length {
margin-left: 15px;
display: none;
}
#table-1_filter {
margin-right: 16px;
}
#table-1_filter label input {
border: 2px solid #3f4b80;
border-radius: 3px;
color: #3f4b80;
background: #f3f3f3;
width: 200px;
height: 40px;
padding:0 10px;
font-family: 'PT Sans', sans-serif;
font-size:14px;
float:right;
}
#table-1_filter label input::placeholder {
margin-left: 1rem;
text-transform: uppercase;
color: #3f4b80;
letter-spacing: 2px;
font-weight: 700;
}
#table-1_length label select {
border: 2px solid #3f4b80;
border-radius: 3px;
color: #3f4b80;
background: #f3f3f3;
width: 4rem;
padding-bottom: 2px;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 2px;
}
#table-1_processing {
display: block;
margin-top: 40px;
font-size: 14px;
font-weight: 700;
color: #3f4b80;
padding: 5px;
z-index: 1000000;
}
.mis-solicitudes-inicio ul.pagination {
display: flex;
margin-top: -1.5rem !important;
margin-bottom: 1rem !important;
padding-bottom: 2.5rem;
}
.mis-solicitudes-inicio ul.pagination li a {
border: none !important;
border-radius: 50% !important;
color: #3f4b80 !important;
background: #fff !important;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
font-size: .9rem;
z-index: 10000;
margin-bottom:20px;
}
.mis-solicitudes-inicio ul.pagination li {
margin-right: 10px;
}
.mis-solicitudes-inicio ul.pagination li a:hover {
background-color: rgb(215, 215, 215) !important;
color: #999fb4 !important;
}
.mis-solicitudes-inicio ul.pagination .active a {
background-color: #0090d4 !important;
color: #fff !important;
}
.mis-solicitudes-inicio ul.pagination .active a:hover {
background-color: #4cb3e3 !important;
color: rgb(232, 231, 231) !important;
}
.mis-solicitudes-inicio ul.pagination .disabled a {
background-color: #fff !important;
color: #d8d8d8 !important;
}
.mis-solicitudes-inicio ul.pagination li:last-child {
margin-right: 0px;
}
td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
table {
table-layout: fixed
}
.td-titulo {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
text-transform: uppercase;
color: #0090d4;
font-weight: 700;
text-align: left;
padding-left: 1em;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.child {
display: none!important;
}
.tabla-estado-pendiente {
color: #FFFFFF;
background-color: #BFBFBF;
text-transform: uppercase;
text-align: center;
}
.tabla-estado-revision {
color: #FFFFFF;
background-color: #FCA23F;
text-transform: uppercase;
text-align: center;
}
.tabla-estado-aprobada {
color: #FFFFFF;
background-color: #06C36F;
text-transform: uppercase;
text-align: center;
}
.tabla-estado-realizada {
color: #FFFFFF;
background-color: #5CC4FC;
text-transform: uppercase;
text-align: center;
}
.tabla-estado-rechazada {
color: #FFFFFF;
background-color: #F53207;
text-transform: uppercase;
text-align: center;
}
.td-modalidad {
text-align: center;
font-size: 14px;
text-transform: uppercase;
color: #808080;
}
.td-empleados {
text-align: center;
font-size: 14px;
color: #808080;
}
.td-fecha {
text-align: center;
font-size: 14px;
color: #808080;
}
.td-estado {
display: grid;
grid-template-columns: 50% 50%;
text-align: center;
padding-top: 1.1rem;
}
.fa-pencil-alt {
height: 38px;
border-left: 1px solid #e5e5e5;
color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
color: #8A8A8A;
cursor: pointer;
}
.tabla-empleados .fa-eye {
height: 38px;
border-left: 1px solid #e5e5e5;
color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
color: #8A8A8A;
cursor: pointer;
}
.fa-trash-alt {
display: flex;
justify-content: center;
align-items: center;
color: #8A8A8A;
cursor: pointer;
}
table td {
padding: 7px !important;
}
table td.td-estado {
padding: 0px !important;
}
td.child span.dtr-title {
color: #3f4b80;
font-size: 16px;
font-weight: 700;
margin-right: 1rem;
}
td.child span.dtr-data {
display: inline-flex
}
td.child span.dtr-data .fa-pencil-alt {
border: 0;
margin-left: 1rem;
}
#sys_guardar,
#sys_cancelar {
opacity: 1;
position: inherit;
border: 2px solid #3f4b80;
background-color: transparent;
color: #3f4b80;
text-transform: uppercase;
font-weight: 700;
}
#sys_guardar:hover,
#sys_cancelar:hover {
background-color: #3f4b80;
color: #fff;
}
/* Cerrar dialog */
.ui-dialog-titlebar-close {
border: 0 !important;
background: none !important;
width: 36px !important;
height: 36px !important;
transform: translate(0px, -28px);
}
.ui-dialog-titlebar-close span {
display:none;
}
.ui-dialog .ui-dialog-titlebar {
padding: 5px 50px 0 17px;
position: relative;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
top: 28px;
right: -10px;
}
.ui-dialog-titlebar-close:before,
.ui-dialog-titlebar-close:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 50%;
height: 2px;
background: #666;
}
.ui-dialog-titlebar-close:hover:before,
.ui-dialog-titlebar-close:hover:after {
background: #333;
}
.ui-dialog-titlebar-close:before {
transform: rotate(-45deg);
}
.ui-dialog-titlebar-close:after {
transform: rotate(45deg);
}
#modalSolicitudes .modal-dialog .modal-content {
box-shadow: none;
border: 0;
margin-top: 0vh;
padding:0 0 10px;
}
#modalSolicitudes .modal-dialog .modal-content .modal-header {
display: none;
}
#ui-id-1.ui-dialog-title,
#ui-id-2.ui-dialog-title,
.ui-dialog .ui-dialog-title {
font-size: 23px;
font-weight: 400;
color: #0090d4;
background-color: transparent;
text-transform: none;
width: 100%;
white-space: normal;
max-width: 420px;
margin: auto;
text-align: left;
line-height: 28px;
padding: 10px 0 0 0;
font-family: 'PT Sans', sans-serif;
}
#input-editar-cantidad-empleados {
border-radius: 5px;
text-align: center;
border: 1px solid #ddd;
font-family: 'PT Sans', sans-serif;
}
.ui-dialog {
z-index: 10000;
background-color: #fff;
}
.ui-dialog-titlebar {
background: transparent;
border: 0;
}
#modalSolicitudes .modal-dialog .modal-content .modal-header .modal-title {
margin-top: 1rem;
font-size: 24px;
font-weight: 700;
}
.contenedor-filtros {
margin-top: 1rem;
display: inline;
}
.contenedor-filtros .tabla-buscador,
.contenedor-filtros .tabla-filtros {
width: 100%;
margin-bottom: .5rem;
height: 40px;
}
#modalSolicitudes .modal-dialog {
width: 100%;
margin: 0;
}
/*
#modalSolicitudes .modal-dialog .modal-content {
height: 100vh;
margin-top: 0;
background-color: #ECECEC;
}*/
#modalSolicitudes .modal-dialog .modal-content .modal-header,
#modalSolicitudes .modal-dialog .modal-content .modal-footer {
border: none;
padding:15px 0 0
}
#modalSolicitudes .modal-dialog .modal-content .modal-body {
display: contents;
padding: 0;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table {
width: 100%;
margin-top: 1rem
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr th,
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td {
border: 1px solid #ECECEC;
padding: .6em;
text-align: center;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr th {
color: #48578C;
background-color: #e7e7e7;
font-size: 16px;
vertical-align: middle;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-modalidad,
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-empleados,
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-fecha {
background: #ffffff;
white-space: normal !important;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td {
color: #8A8A8A;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-estado {
text-transform: uppercase;
color: #ffffff;
line-height: 28px;
font-size: 14px;
font-weight: bold;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-estado.pendiente {
background-color: #BFBFBF;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-estado.aprobada {
background-color: #06C36F;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-estado.realizada {
background-color: #5CC4FC;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-estado.rechazada {
background-color: #F53207;
}
#modalSolicitudes .modal-dialog .modal-content .modal-body table tr td.content-estado.revision {
background-color: #FCA23F;
}
/*
#modalSolicitudes .modal-dialog .modal-content .modal-footer {
display: flex;
padding: 0;
margin-top: 2rem;
}
*/
#modalSolicitudes .modal-dialog .modal-content .modal-footer .btn-borrar {
margin-right: 1rem;
}
#modalSolicitudes .modal-dialog .modal-content .modal-footer .btn-borrar,
#modalSolicitudes .modal-dialog .modal-content .modal-footer .btn-editar {
display: flex;
justify-content: center;
align-items: center;
width: 48%;
height: 40px;
text-transform: uppercase;
background-color: transparent;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
margin:1%;
float:left;
}
#modalSolicitudes .modal-dialog .modal-content .modal-footer .btn-borrar {
background: #3C90CB;
color: #fff;
border:0;
}
#modalSolicitudes .modal-dialog .modal-content .modal-footer .btn-editar {
background: #58568C;
color: #fff;
border:0;
}
#ediatr_info_solicitud {
padding: 0;
max-height: 25rem !important;
overflow: hidden;
}
#ediatr_info_solicitud .ui-dialog-titlebar {
margin-top: 2rem;
font-size: 24px;
font-weight: 400;
color: #0090d4;
background-color: transparent;
text-align: center;
text-transform: uppercase;
width: 100%;
white-space: normal;
}
#ediatr_info_solicitud,
#modalSolicitudes {
text-align: -moz-center;
}
#ediatr_info_solicitud .container .row .col-sm-4 {
font-size: 14px;
color: #3f4b80;
font-weight: 700;
margin-bottom: 1em;
}
#ediatr_info_solicitud .container .row .col-sm-8 {
font-size: 14px;
color: #808080;
}
#ediatr_info_solicitud .container .row .col-sm-8 input {
position: block;
opacity: 1;
cursor: pointer;
border: 2px solid #3f4b80;
border-radius: 5px;
text-align: center;
width: 3rem;
}
#ediatr_info_solicitud .modal-dialog {
width: auto !important;
margin:0 auto;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body .mensaje-solicitud-editada {
display: none;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body .mensaje-solicitud-editada .mensaje {
font-size: 1.5rem;
color: #0090d4;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body .img-error {
display: none;
width: 50px;
margin-top: 7px;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body .img-ok {
display: none;
width: 50px;
margin-top: 7px;
}
#ediatr_info_solicitud .is-invalid{
border-color: #dc3545;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body .error {
display: none;
color: #F53207 !important;
}
#ediatr_info_solicitud .modal-dialog .modal-content {
height: auto;
margin-top: 0;
background-color: #fff;
box-shadow: none;
border: 0;
width: auto;
padding:0 18px 18px;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-header {
display: none
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer {
border: none;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body {
display: contents;
padding: 0;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table {
width: 100%;
margin-top: 1rem;
font-family: 'PT Sans', sans-serif;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr th,
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td {
border: 1px solid #ECECEC;
padding: .6em;
text-align: center;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr th {
color: #48578C;
background-color: #e7e7e7;
font-size: 16px;
vertical-align: middle;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-modalidad,
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-empleados,
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-fecha {
background: #ffffff;
white-space: normal !important;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td {
color: #8A8A8A;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado {
text-transform: uppercase;
color: #ffffff;
line-height: 28px;
font-size: 14px;
font-weight: bold;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.pendiente {
background-color: #BFBFBF;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.aprobada {
background-color: #06C36F;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.realizada {
background-color: #5CC4FC;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.rechazada {
background-color: #F53207;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.revision {
background-color: #FCA23F;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer {
display: flex;
padding: 0;
margin: 15px -1% 0;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer .btn-cancelar {
margin-right: 0rem;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer .btn-cancelar,
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer .btn-guardar {
display: flex;
justify-content: center;
align-items: center;
width: 48%;
height: 40px;
text-transform: uppercase;
background-color: transparent;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
font-weight: bold;
margin:1%;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer .btn-cancelar {
color: #fff;
background: #3C90CB;
border: 0;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer .btn-guardar {
color: #fff;
background: #06C36F;
border: 0;
}
#ediatr_info_solicitud .modal-dialog .modal-content .modal-footer .btn-guardar.diasbled-save {
color: #fff;
background: #58568C;
border: 0;
}
.modal-footer .material-icons {
font-size:21px;
}
td.tabla-empleados {
font-size:12px;
font-weight: bold;
}
/* Modal Eliminar Solicitud */
#sys-cancalar-solicitud {
padding: 0;
max-height: 25rem !important;
overflow: hidden;
}
#sys-cancalar-solicitud,
#modalSolicitudes {
text-align: -moz-center;
}
#sys-cancalar-solicitud .container .row .col-sm-4 {
font-size: 14px;
color: #3f4b80;
font-weight: 700;
margin-bottom: 1em;
}
#sys-cancalar-solicitud .container .row .col-sm-8 {
font-size: 14px;
color: #808080;
}
#sys-cancalar-solicitud .container .row .col-sm-8 input {
position: block;
opacity: 1;
cursor: pointer;
border: 2px solid #3f4b80;
border-radius: 5px;
text-align: center;
width: 3rem;
}
#sys-cancalar-solicitud .modal-dialog {
width: auto !important;
margin: 0;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje-solicitud-editada {
display: none;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje-solicitud-editada .mensaje {
font-size: 1.5rem;
color: #0090d4;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .error {
display: none;
color: #F53207 !important;
}
#sys-cancalar-solicitud .modal-dialog .modal-content {
height: auto;
margin-top: 0;
background-color: #fff;
box-shadow: none;
border: 0;
width: auto;
padding:0 20px 20px;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-header {
display: none
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-footer {
border: none;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body {
display: contents;
padding: 0;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table {
width: 100%;
margin-top: 1rem
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr th,
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td {
border: 1px solid #ECECEC;
padding: .6em;
text-align: center;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr th {
color: #48578C;
background-color: #e7e7e7;
font-size: 16px;
vertical-align: middle;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-modalidad,
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-empleados,
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-fecha {
background: #ffffff;
white-space: normal !important;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td {
color: #8A8A8A;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado {
text-transform: uppercase;
color: #ffffff
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.pendiente {
background-color: #BFBFBF;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.aprobada {
background-color: #06C36F;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.realizada {
background-color: #5CC4FC;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.rechazada {
background-color: #F53207;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body table tr td.content-estado.revision {
background-color: #FCA23F;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje.sys-ok,
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje.sys-error {
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
padding: 1rem;
margin-top: 2rem;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje.sys-ok {
border: 2px solid #06C36F;
color: #3C90CB;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje.sys-error {
border: 2px solid #F53207;
color: #F53207;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje.sys-ok img,
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-body .mensaje.sys-error img {
margin-right: 1rem;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-footer {
display: flex;
padding: 0;
margin-top: 20px;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-footer .btn-cancelar {
margin-right: 0rem;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-footer .btn-cancelar,
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-footer .btn-guardar {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
height: 40px;
text-transform: uppercase;
background-color: transparent;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
}
.ui-dialog.ui-widget.ui-widget-content {
border:0;
box-shadow:0 0 10px rgba(0,0,0,0.35);
max-width:700px;
margin:auto;
width:95%!important;
padding:20px;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-footer .btn-cancelar {
color: #fff;
background: #3C90CB;
border:0;
}
#sys-cancalar-solicitud .modal-dialog .modal-content .modal-footer .btn-guardar {
color: #fff;
background: #58568C;
border:0;
}
.container-filtro-mis-solicitudes {
position: relative;
width: auto;
margin-bottom: 0rem;
float:right;
z-index: 555;
}
.container-filtro-mis-solicitudes .options-cursos {
background-color: #f3f3f3;
border: 2px solid #58568C;
margin: 1px -2px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.container-filtro-estado {
position: relative;
width: auto;
margin: 0 0 0 8px;
float:right;
z-index: 555;
}
.container-filtro-estado .options-estado-solicitud {
background-color: #f3f3f3;
border: 2px solid #58568C;
margin: 1px -2px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Modal Confirmar Eliminacion de Solicitud*/
#modalConfirmacionEliminar .modal-dialog {
width: 100%;
margin: 0;
}
#modalConfirmacionEliminar .modal-dialog .modal-content {
height: 100vh;
margin-top: 0;
background-color: #ECECEC;
overflow: hidden;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .close {
text-align: right;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-header,
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-footer {
border: none;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-body {
display: contents;
padding: 0;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-body .title {
margin-top: 2rem;
font-size: 24px;
font-weight: 400;
color: #0090d4;
background-color: transparent;
text-align: center;
width: 100%;
white-space: normal;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-body .title::before {
display: none;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-footer {
display: flex;
padding: 0;
margin-top: 2rem;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-footer .btn-borrar {
margin-right: 1rem;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-footer .btn-borrar,
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-footer .btn-editar {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
height: 40px;
text-transform: uppercase;
background-color: transparent;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-footer .btn-borrar {
color: #3C90CB;
border-color: #3C90CB
}
#modalConfirmacionEliminar .modal-dialog .modal-content .modal-footer .btn-editar {
color: #58568C;
border-color: #58568C
}
@media screen and (max-width:960px) {
.ui-dialog.ui-widget.ui-widget-content {
padding:10px;
}
/*.ui-dialog {
top: 0 !important;
left: 0;
z-index: 10000;
height: 100vh !important;
background-color: #ECECEC;
}
.ui-dialog .ui-dialog-content {
padding: 0;
}*/
#table-1_wrapper .row:first-child {
position:relative;
top:auto;
right:auto;
}
.container-filtro-mis-solicitudes {
margin-bottom: 0;
width: 100%;
float:none;
}
.container-filtro-mis-solicitudes .options-cursos {
border-bottom:0;
}
.container-filtro-estado {
margin: 0;
width: 100%;
float:none;
}
.container-filtro-estado .options-estado-solicitud {
border-bottom: 0;
}
#table-1_filter {
font-size: 12px;
text-align: left;
margin-right: 0px;
margin-left: 0;
}
#table-1_filter label {
width: 100%;
}
#table-1_filter label input {
position: relative !important;
left: -7px !important;
width: 100% !important;
height: 40px;
margin-bottom: 1rem;
margin-top: 1rem;
margin-left:8px;
}
#table-1_length {
position: absolute;
right: 2px;
font-size: 12px;
text-align: left;
margin-bottom: .5rem;
margin-top: 1px;
margin-left: 1rem;
}
#table-1_length label select {
margin-left: 2px;
}
#table-1_filter label input {
width: 100%;
float:none;
}
}
/* Fin DataTable*/
/*
@media screen and (min-width:769px) and (max-width:960px) {
.contenedor-filtros-solicitud {
transform: translate(10px, -2.4rem) !important;
}
} */
/* Solicitud de Cursos */
.container-mis-solicitudes {
width: 100%;
}
.solicitud-cursos-filtro {
position: absolute;
border: 2px solid #3f4b80;
border-radius: 3px;
text-transform: uppercase;
color: #3f4b80;
letter-spacing: 2px;
z-index: 500;
background: #f3f3f3;
width: 90vw;
font-size: 13px;
font-weight: 700;
margin-bottom: 2rem;
}
.solicitud-cursos-filtro .selected-solicitud-curso {
padding: 8px 15px;
cursor: pointer;
text-align: left;
overflow: hidden;
font-weight: 700;
}
.solicitud-cursos-filtro .selected-solicitud-curso span {
white-space: nowrap;
width: 80%;
text-overflow: ellipsis;
font-weight: 700;
}
.solicitud-cursos-filtro .selected-solicitud-curso i {
float: right;
margin-top: 2px;
}
.solicitud-cursos-filtro .selected-solicitud-curso.active i {
transform: rotate(-180deg);
}
.solicitud-cursos-filtro .options-solicitud-cursos {
display: none;
padding-bottom: 4px;
text-align: left;
}
.solicitud-cursos-filtro .option-solicitud-curso {
padding: 4px 15px;
cursor: pointer;
font-weight: 700;
}
.mis-solicitudes-filtro {
border: 2px solid #3f4b80;
border-radius: 3px;
text-transform: uppercase;
color: #3f4b80;
letter-spacing: 2px;
z-index: 500;
background: #f3f3f3;
width: 100%;
font-size: 13px;
font-weight: 700;
margin-bottom: 30px;
}
.mis-solicitudes-filtro-estado {
border: 2px solid #3f4b80;
border-radius: 3px;
text-transform: uppercase;
color: #3f4b80;
letter-spacing: 2px;
z-index: 1000;
background: #f3f3f3;
width: 100%;
font-size: 13px;
font-weight: 700;
margin-bottom: 15px;
}
.sys-cantidad,
.item-resumen {
font-size: 15px !important;
font-weight: 700;
}
/* Modal confirmacion de solicitud enviada*/
.contenedor-modal-solicitud-enviada .modal-header,
.contenedor-modal-solicitud-enviada .modal-footer {
border: 0;
}
.contenedor-modal-solicitud-enviada .modal-header .cerrar-modal {
font-size: 50px;
position: absolute;
right: 2rem;
top: 1rem;
}
.contenedor-modal-solicitud-enviada .modal-body {
display: block;
text-align: center;
}
.contenedor-modal-solicitud-enviada .modal-body img {
margin-bottom: 1rem;
}
.contenedor-modal-solicitud-enviada .modal-body .img-error {
display: none;
}
.contenedor-modal-solicitud-enviada .modal-body .mensaje {
font-size: 1.5rem;
color: #0090d4;
}
.contenedor-modal-solicitud-enviada .modal-body .error {
display: none;
color: #F53207 !important;
}
.contenedor-modal-solicitud-enviada .modal-footer {
display: block;
text-align: center;
}
.contenedor-modal-solicitud-enviada .modal-footer .ver {
width: 100%;
background-color: #fff;
border-radius: 5px;
color: #3f4b80;
border: 1px solid #3f4b80;
outline: none;
padding: 10px 0px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
margin-top: 1rem;
}
.contenedor-modal-solicitud-enviada .modal-footer .cerrar {
width: 100%;
background-color: #3f4b80;
border-radius: 5px;
color: #fff;
border: 0;
outline: none;
padding: 10px 0px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
margin-top: 1rem;
}
/* Mensaje Modal Inicio (al solicitar curso) */
#postModal .modal-header .cerrar-modal {
font-size: 50px;
position: absolute;
right: 2rem;
top: 1rem;
}
#postModalLabel {
margin-bottom: .5rem;
}
#postModal .sys-mensaje-final {
display: block;
text-align: center;
}
#postModal .sys-mensaje-final img {
margin-bottom: 1rem;
}
#postModal .sys-mensaje-final .img-error {
display: none;
}
#postModal .sys-mensaje-final .mensaje {
font-size: 1.5rem;
color: #0090d4;
}
#postModal .sys-mensaje-final .error {
display: none;
color: #F53207 !important;
}
#postModal .modal-body .seleccionar-fecha .fecha-titulo {
margin-left: 1.2rem;
margin-bottom: .9rem;
}
#postModal .modal-body .empleados-titulo {
padding-left: 1.1rem;
margin-bottom: .5rem;
}
#postModal .modal-footer.hide {
display: block;
text-align: center;
border: 0;
}
#postModal .modal-footer.hide .ver {
width: 100%;
background-color: #fff;
border-radius: 5px;
color: #3f4b80;
border: 1px solid #3f4b80;
outline: none;
padding: 10px 0px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
margin-top: 1rem;
}
#postModal .modal-footer.hide .cerrar {
width: 100%;
background-color: #3f4b80;
border-radius: 5px;
color: #fff;
border: 0;
outline: none;
padding: 10px 0px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
margin-top: 1rem;
}
@media screen and (min-width:960px) {
/*Filtro Mis Solicitudes*/
.mis-solicitudes-filtro {
/*position: absolute;
transform: translate(-14rem, -4.54rem);
top: 33px;
/*right:245px;
right: 0;*/
margin-bottom: 0;
width: 235px;
height: 40px;
font-size: 14px;
}
.mis-solicitudes-filtro-estado {
/*position: absolute;
margin-bottom: 0;
top: -2.5rem;
right: 30rem;*/
font-size: 14px;
width: 150px;
height: 40px;
}
/*Filtro Solicitud de cursos*/
.solicitud-cursos-filtro {
position: absolute;
left: 27rem;
top: 2rem;
margin-bottom: 0;
width: 235px;
font-size: 14px;
}
.solicitud-cursos-filtro .selected-curso i {
margin-top: 2px;
}
}
.cursos-solicitudes.solicitudes-cursos-page {
background: #ececec url(imgs/rayo3.png) no-repeat 0 0;
overflow-x: hidden;
padding:45px 0 0;
}
.contenedor-filtros-solicitud {
display: flex;
justify-content: flex-end;
transform: translate(10px, -4.2rem);
}
.contenedor-filtros-solicitud .tabla-filtros-solicitud {
min-width: 20%;
border: 1px solid #3F4B80;
background-color: #f3f3f3;
padding: .5em;
padding-left: 1em;
margin-right: 1em;
border-radius: 5px;
font-size: 12px;
color: #3F4B80;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
}
.container-solicitud-cursos {
display: grid;
grid-template-columns: 42rem 1fr;
grid-gap: 20px;
}
.container-solicitud-cursos .lista-cursos .caja-curso {
display: grid;
grid-template-columns: 120px 1fr;
grid-gap: 10px;
background-color: #ffffff;
border-bottom-right-radius: 7px;
border-top-right-radius: 7px;
margin-bottom: 1rem;
height: 120px;
}
.container-solicitud-cursos .lista-cursos .caja-curso .imagen-curso {
height: 120px;
width: 120px;
object-fit: cover;
}
.body-caja-curso {
padding: 1rem;
}
.body-caja-curso .header-caja-curso {
display: grid;
grid-template-columns: 83% 1fr;
margin-bottom: 1rem;
}
.body-caja-curso .content-caja-curso {
display: grid;
grid-template-columns: 20% 40% 40%;
margin-top: .5em;
grid-gap: 10px;
}
.body-caja-curso .titulo-caja-curso {
text-align: left;
color: #0090d4;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 1rem;
}
.body-caja-curso .etiqueta-caja-curso {
font-size: 10px;
max-height: 20px;
max-width: 95px;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
border-radius: 2px;
background-color: #E5E5E5;
color: #808080;
right: 0;
}
.content-caja-curso .empleados-caja-curso .seleccionar-empleados {
width: 100%;
}
.content-caja-curso .empleados-caja-curso .empleados-titulo {
margin-bottom: .3rem;
margin-left: .8rem;
color: #0090d4;
font-size: 14px;
}
.content-caja-curso .empleados-caja-curso .seleccionar-empleados .btn-cant-empleados {
padding: initial;
border-radius: 50%;
height: 25px;
width: 25px;
background-color: #eeeeee;
border: 1px;
outline: none;
font-size: 1.4rem;
color: #666666;
transition: .3s ease all;
line-height: 1rem;
}
.content-caja-curso .empleados-caja-curso .seleccionar-empleados .btn-cant-empleados:hover {
background-color: #d9d9d9;
transition: .3s ease all;
}
.btn-cant-empleados.disable {
background-color: #e5e5e5 !important;
color: #bfbfbf !important;
}
.content-caja-curso .empleados-caja-curso .seleccionar-empleados .cantidad-empleados {
margin-left: .5rem;
margin-right: .5rem;
color: #666666;
}
.content-caja-curso .fecha-caja-curso .seleccionar-fecha {
color: #0090d4;
font-size: .8rem;
text-align: left;
}
.content-caja-curso .fecha-caja-curso .seleccionar-fecha .fecha-titulo {
margin-left: 5px;
margin-bottom: .5rem;
font-size: 14px;
}
.content-caja-curso .fecha-caja-curso .seleccionar-fecha select {
outline: none;
border: 0;
color: #666666;
font-size: 14px;
padding-right:10px;
}
.content-caja-curso .boton-caja-curso {
text-align: left;
}
.content-caja-curso .boton-caja-curso button {
margin-top: .8rem;
background-color: #fff;
height: 35px;
width: 185px;
border-radius: 5px;
border: 2px solid #0090d4;
color: #0090d4;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
transition: .3s ease all;
}
.content-caja-curso .boton-caja-curso button:disabled,
.content-caja-curso .boton-caja-curso button[disabled],
.content-caja-curso .boton-caja-curso button[disabled]:hover {
background-color: #808080;
cursor: not-allowed;
color: #ffffff;
border: 2px solid #808080;
transition: .3s ease all;
}
.content-caja-curso .boton-caja-curso button:hover {
color: #ffffff;
background-color: #0090d4;
}
.content-caja-curso .boton-caja-curso button.agregado {
background-color: #0089CD;
border: 2px solid #0089CD;
color: #fff;
}
.content-caja-curso .boton-caja-curso button.agregado::after {
content: "";
display: inline-block;
transform: translate(7px, 0px) rotate(45deg);
height: 16px;
width: 8px;
border-bottom: 2px solid #eee;
border-right: 2px solid #eee;
}
.boton-caja-curso-responsive {
display: none;
}
.resumen-solicitud {
grid-column: 2;
grid-row: 1/3;
width: 380px;
background-color: #F0F0F0;
padding: 1em 2em;
height: 100%;
margin-top: 1.8rem;
transform: translateY(-9rem);
padding-top: 9rem;
}
.resumen-solicitud h2 {
color: #3F4B80;
font-size: 24px;
margin-bottom: 1em;
}
.resumen-cursos-confirmacion {
margin-top: 2em
}
.resumen-cursos-confirmacion .texto-dj {
font-size: .8rem;
text-align: left;
color: #808080;
}
.resumen-cursos-confirmacion .btn-confirmar {
width: 100%;
background-color: #3f4b80;
border-radius: 5px;
color: #fff;
border: 0;
outline: none;
padding: 15px 0px;
text-transform: uppercase;
font-weight: 700;
margin-top: 2rem;
letter-spacing: 2px;
}
/* ITEMS CARGADOS */
.container-solicitud-cursos .lista-items .caja-item {
display: grid;
grid-template-columns: 90% 10%;
border-bottom: 2px dashed #c6c6c6;
padding: 1.5em 0em;
transition: .3s ease all;
}
.container-solicitud-cursos .lista-items .caja-item:first-child {
padding-top: 0;
}
.container-solicitud-cursos .lista-items .caja-item:last-child {
border-bottom: 2px solid #c6c6c6;
}
.lista-items .caja-item .item-eliminar {
background-color: #d9d9d9;
color: #808080;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(45deg);
font-size: 40px;
border-radius: 50%;
border: 0px;
transition: .3s ease all;
}
.lista-items .caja-item .item-eliminar:hover {
background-color: #dedede;
color: #adadad;
transition: .3s ease all;
}
.lista-items .caja-item .item-eliminar::after {
content: "+";
transform: translate(0px, -1px);
}
.lista-items .caja-item .item-titulo {
text-transform: uppercase;
font-size: 14px;
color: #0090d4;
margin-bottom: .5em
}
.lista-items .caja-item .item-resumen {
color: #808080;
font-size: 14px;
}
.container-sugerencias {
display: flex;
justify-content: center;
width: 100vw;
text-align: center;
padding: 3em;
background-color: #fff;
}
.container-sugerencias .content {
display: grid;
grid-template-columns: 50% 50%;
}
.container-sugerencias .columna-izquierda {
margin: auto;
}
.container-sugerencias .columna-izquierda .encabezado-sugerencias {
display: grid;
grid-template-columns: 20% 1fr;
}
.container-sugerencias .columna-izquierda .encabezado-sugerencias .img-encabezado {
object-fit: cover;
margin:4px 0 0 50px;
}
.container-sugerencias .columna-izquierda .encabezado-sugerencias h2 {
font-size: 40px;
color: #3F4B80;
margin-top: 2rem;
}
.container-sugerencias .columna-izquierda .texto-sugerencias {
color: #666666;
font-size: 16px;
margin-top: 1rem;
width: 380px;
}
.container-sugerencias .columna-derecha textarea {
border-radius: 5px;
border: 1px solid #bfbfbf;
color: #BFBFBF;
padding: 1em;
font-size: 16px;
width: 100%;
margin-bottom: 1rem;
}
.container-sugerencias .columna-derecha .btn-confirmar {
border: 1px solid #0090d4;
color: #0090d4;
background-color: #ffffff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
width: 100%;
height: 40px;
outline: none;
border-radius: 5px;
}
.container-sugerencias .columna-derecha .btn-confirmar:hover {
border: 1px solid #ffffff;
color: #ffffff;
background-color: #0090d4;
}
.ver-resumen-responsive {
display: none;
}
/* CHECKBOXES */
.checkbox-group {
display: flex;
}
.checkbox-solicitud {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 1rem;
margin-top: 1rem;
cursor: pointer;
font-size: .8rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.label-check {
color: #3f4b80;
margin-top: 4px;
}
.checkbox-solicitud input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkbox-solicitud .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
border: 1px solid #3f4b80;
overflow: hidden;
}
.checkbox-solicitud:hover input~.checkmark {
background-color: #ccc;
display: block;
}
.checkbox-solicitud input:checked~.checkmark {
background-color: #3f4b80;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-solicitud input:checked~.checkmark:after {
display: block;
}
.checkbox-solicitud input:hover~.checkmark:after {
display: block;
transform: translate(7px, 3px) rotate(45deg);
}
.checkbox-solicitud .checkmark:after {
display: inline-block;
transform: translate(7px, 3px) rotate(45deg);
height: 14px;
width: 8px;
border-bottom: 3px solid #eee;
border-right: 3px solid #eee;
}
.checkbox-solicitud:last-child {
margin-left: 1rem;
}
.botonnodisponible {
border-color: #808080 !important;
background-color: #808080 !important;
cursor: not-allowed !important;
}
.container-boton {
display: flex;
justify-content: center;
max-width: 70%;
margin-bottom: 2rem;
}
.container-boton .boton-ver-mas {
border: 2px solid #3f4b80;
background-color: transparent;
border-radius: 5px;
color: #3f4b80;
outline: none;
padding: .5rem 2rem;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px;
transition: .3s ease all;
}
.container-boton .boton-ver-mas:hover {
background-color: #3f4b80;
color: #fff;
transition: .2s ease all;
}
@media screen and (max-width: 960px) {
.solicitudes-cursos-page h1:after {
content: '';
display: block;
background: #0090d4;
width: 25px;
height: 2px;
position: absolute;
bottom: 25px;
left: 295px;
}
.contenedor-filtros-solicitud {
display: contents;
width: 100%;
}
.contenedor-filtros-solicitud .tabla-filtros-solicitud {
width: 90vw;
margin-bottom: 2em;
height: 40px;
margin-right: 0;
}
.container-solicitud-cursos {
display: grid;
grid-template-columns: 48.5rem 1fr;
gap: 20px;
}
.container-solicitud-cursos .resumen-solicitud {
display: none
}
.caja-curso:nth-child(1) {
margin-top: 3rem
}
.container-solicitud-cursos .lista-cursos .caja-curso {
display: grid;
grid-template-columns: 4rem 1fr;
grid-gap: 0px;
min-height: 60px;
width: 90vw;
height: 60px;
}
.container-solicitud-cursos .lista-cursos .caja-curso .imagen-curso {
object-fit: cover;
width: 60px;
height: 60px;
}
.body-caja-curso .etiqueta-caja-curso {
display: none;
}
.content-caja-curso .empleados-caja-curso .seleccionar-empleados {
display: none;
}
.content-caja-curso .fecha-caja-curso .seleccionar-fecha {
display: none;
}
.content-caja-curso .boton-caja-curso {
display: none;
}
.boton-caja-curso-responsive {
display: flex;
position: absolute;
right: 10px;
margin-top: 11px;
}
.boton-caja-curso-responsive button {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 40px;
margin-right: .3em;
border: none;
background-color: #EEEEEE;
color: #0095D5;
transform: translate(10px, -2px);
transition: .3s ease all;
}
.boton-caja-curso-responsive button:hover {
background-color: #d9d9d9;
transition: .3s ease all;
}
.boton-caja-curso-responsive button.responsive-agregado {
color: #EEEEEE;
background-color: #0095D5;
}
.boton-caja-curso-responsive button.responsive-agregado::after {
content: "";
display: inline-block;
transform: translate(1px, -1px) rotate(45deg);
height: 16px;
width: 8px;
border-bottom: 3px solid #eee;
border-right: 3px solid #eee;
}
.content-caja-curso {
display: none
}
.body-caja-curso .header-caja-curso .titulo-caja-curso {
font-size: calc(.5em + 1vw);
transform: translateY(10px);
white-space: nowrap;
text-overflow: ellipsis !important;
overflow: hidden;
max-width: calc(.1rem + 59vw);
}
.body-caja-curso,
.body-caja-curso .header-caja-curso {
display: flex;
align-items: center;
padding-top: 5px;
padding-left: 5px;
}
/* LUCHO */
.caja-curso.sys-content-solicitud.sin-periodos {
/*display:none;*/
cursor: not-allowed! important;
}
.container-sugerencias {
display: block;
width: 100vw;
text-align: center;
background-color: #fff;
}
.container-sugerencias .content {
display: block;
grid-template-columns: 50% 50%;
}
.container-sugerencias .columna-izquierda .encabezado-sugerencias {
display: grid;
grid-template-columns: 1fr;
}
.container-sugerencias .columna-izquierda .encabezado-sugerencias .img-encabezado {
margin: auto;
}
.container-sugerencias .columna-izquierda .texto-sugerencias {
margin: auto;
padding: 2em 2em;
font-size: 14px;
max-width: 100%;
}
.container-sugerencias .columna-izquierda .encabezado-sugerencias h2 {
margin-top: 0rem;
}
.ver-resumen-responsive {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
height: 10vh;
background-color: #ffffff;
width: 100%;
z-index: 2;
}
.ver-resumen-boton {
background-color: #3F4B80;
color: #ffffff;
text-transform: uppercase;
width: 90%;
padding: .7em 0em;
font-weight: 700;
font-size: 1rem;
letter-spacing: 2px;
border-radius: 7px;
height: 40px;
}
.container-boton {
max-width: 100%;
}
/* Modal Solicitar Curso Responsive */
.contenedor-modal-solicitud .modal {
width: 100vw;
height: 100vh;
}
.contenedor-modal-solicitud .modal-dialog {
margin: 0
}
.contenedor-modal-solicitud .modal-dialog .modal-content {
padding: 0;
margin-top: 5rem;
display: grid;
height: 100vh;
}
.contenedor-modal-solicitud .modal-dialog .modal-content .modal-header {
padding: 0;
}
.contenedor-modal-solicitud .modal-dialog .modal-content .modal-header .close {
position: fixed;
font-size: 3rem;
color: #fff;
right: 1rem;
top: 1rem
}
.contenedor-modal-solicitud .curso-titulo {
font-size: 24px;
text-transform: uppercase;
margin-left: 1em;
margin-top: 1em;
}
.contenedor-modal-solicitud .etiqueta-tipo-curso {
color: #8A8A8A;
font-size: 12px;
text-transform: uppercase;
background-color: #E7E7E7;
position: relative;
width: 7rem;
text-align: center;
margin-left: 2em;
margin-top: 2em;
z-index: 10;
}
.contenedor-modal-solicitud .etiqueta-disponibilidad-curso {
display: none;
color: #8A8A8A;
font-size: 12px;
text-transform: uppercase;
background-color: #E7E7E7;
}
.contenedor-modal-solicitud .modal-body {
margin: 0rem 0rem;
font-size: 18px;
padding: 2rem 0rem;
gap: 0rem;
}
.contenedor-modal-solicitud .modal-body .seleccionar-fecha select {
font-size: 1rem;
}
.contenedor-modal-solicitud .modal-body .empleados-titulo {
margin-bottom: 1rem;
font-size: 1rem;
padding-left: 10px;
}
.contenedor-modal-solicitud .modal-body .seleccionar-fecha .fecha-titulo {
margin-bottom: 1.1rem;
font-size: 16px;
}
.contenedor-modal-solicitud .modal-body .seleccionar-fecha {
font-size: 16px;
}
.contenedor-modal-solicitud .modal-body .seleccionar-empleados .btn-cant-empleados {
color: #717171;
background-color: #DDDDDD;
}
.contenedor-resumen-solicitud .resumen-cursos-confirmacion .btn-confirmar {
width: 100%;
}
.contenedor-resumen-solicitud .resumen-cursos-confirmacion .btn-seleccionar-mas {
width: 100%;
color: #0095D5;
border: 1px solid #0095D5;
background-color: #fff;
padding: 15px 0px;
text-transform: uppercase;
font-weight: 700;
margin-top: 2rem;
letter-spacing: 2px;
border-radius: 7px;
}
.contenedor-resumen-solicitud .modal {
left: -10px;
top: 65px;
padding-left: 0px;
z-index: 1200;
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content .modal-header {
padding: 0
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content {
margin-top: 10vh;
height: 100vh;
position: absolute;
top: -4rem;
padding: 0;
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content .modal-header .resumen-solicitud {
width: 100%;
height: 115vh;
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content .modal-header .resumen-solicitud h2 {
font-size: 28px;
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content .modal-header .resumen-solicitud .lista-items .caja-item .item-titulo {
font-size: 14px;
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content .modal-header .resumen-solicitud .lista-items .caja-item .item-resumen {
font-size: 14px;
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content .modal-header .resumen-solicitud .lista-items .caja-item {
display: grid;
grid-template-columns: 82% 18%;
border-bottom: 2px dashed #c6c6c6;
padding: .6em 0em;
}
.contenedor-resumen-solicitud .modal .modal-dialog .modal-content .modal-header .resumen-solicitud .lista-items .caja-item .item-eliminar {
width: 40px;
height: 40px;
font-size: 32px;
}
.lista-items .caja-item .item-eliminar::after {
content: "+";
transform: translateX(0px);
}
}
.sys-resumen-solicitud-sidebar .lista-items .caja-item.agregado {
background: #c7c7c7 !important;
padding: 15px !important;
border-radius: 10px !important;
border: 0 !important;
transition: .3s ease all;
}
/* Mensajes del Modal*/
.sys-mensaje-final {
display: none;
}
.mensaje-final {
border: 1px solid #06C36F;
border-radius: 5px;
color: #06C36F;
padding: .5em;
display: flex;
justify-content: center;
align-items: center;
}
.contenedor-boton-final {
margin-top: 1rem;
display: flex;
justify-content: center;
}
.contenedor-boton-final .close {
background-color: #3f4b80;
opacity: 1;
border-radius: 5px;
color: #fff;
border: 0;
outline: none;
padding: 15px;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
}
.contenedor-boton-final .close:hover {
opacity: .75;
color: #fff
}
.sys-mensaje-error {
margin-top: .5rem;
border: 1px solid #F53207;
border-radius: 5px;
color: #F53207;
padding: .5em;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
/* Página Editar Cuenta */
.container-editar-cuenta {
width: 50%;
}
.page-editar-cuenta h2 {
color: #3f4b80;
font-size: 28px;
line-height: 34px;
padding: 10px 0 0;
margin: 30px 0 0;
position: relative;
display: inline-block;
}
.page-editar-cuenta h2:before {
content: '';
display: block;
background: #0090d4;
width: 30px;
height: 5px;
position: absolute;
top: -10px;
left: -15px;
}
.page-editar-cuenta h2:after {
content: '';
display: block;
background: #0090d4;
width: 50px;
height: 2px;
position: absolute;
bottom: 0px;
left: 120px;
}
.container-formulario-editar {
margin-top: 2rem;
}
.container-formulario-editar input {
width: 100%;
border: 1px solid #808080;
border-radius: 3px;
display: block;
margin-bottom: 1rem;
height: 1.8rem;
padding-left: 5px;
margin-top: .3rem;
height: 42px;
}
.container-formulario-editar span {
font-size: .8rem;
color: #808080;
}
.container-formulario-editar button {
background-color: #fff;
border: 1px solid #0090d4;
color: #0090d4;
border-radius: 3px;
text-transform: uppercase;
padding: 0.5rem 1rem;
font-size: .8rem;
letter-spacing: 1px;
font-weight: 700;
float: right;
margin-bottom: 2rem;
margin-top: 1rem;
height: 42px;
}
.container-formulario-editar button:hover {
color: #ffffff;
background-color: #0090d4;
}
.container-editar-cuenta .encabezado-editar-cuenta {
display: grid;
grid-template-columns: 1fr 3fr;
margin-top: 4rem;
}
.container-editar-cuenta .encabezado-editar-cuenta .nombre-usuario {
font-size: 1.5rem;
color: #3F4B80;
font-weight: 700;
}
.container-editar-cuenta .encabezado-editar-cuenta .imagen-editar-cuenta {
width: 100px;
height: 100px;
border: 4px #0090d4 solid;
border-radius: 50%;
object-fit: cover;
}
.container-editar-cuenta .encabezado-editar-cuenta .institucion-usuario {
font-size: 1rem;
color: #0090d4;
line-height: 1.2em;
margin: .5em 0em;
}
.container-editar-cuenta .encabezado-editar-cuenta .ubicacion-usuario .material-icons {
font-size: 0.875rem;
}
.container-editar-cuenta .encabezado-editar-cuenta .ubicacion-usuario {
font-size: 0.875rem;
color: #808080;
}
.container-editar-cuenta .separador {
margin-left: 12rem;
}
@media screen and (max-width: 960px) {
.container-editar-cuenta {
width: 100%;
}
.page-editar-cuenta h2 {
font-size: 34px;
}
.page-editar-cuenta h2:after {
bottom: 10px;
left: 320px;
}
.container-editar-cuenta .encabezado-editar-cuenta {
display: block;
text-align: center;
}
.container-editar-cuenta .encabezado-editar-cuenta .imagen-editar-cuenta {
display: flex;
justify-content: center;
margin-bottom: 1rem;
margin: auto;
}
.container-editar-cuenta .encabezado-editar-cuenta .texto-editar-cuenta {
text-align: center;
}
}
@media screen and (min-width: 960px) {
.container-editar-cuenta {
transform: translateY(-2rem);
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 105%;
background-position-y: -4px;
}
.diasbled-save{
opacity: 0.6;
cursor: not-allowed;
}
/*Centra los elementos de la tabla*/
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
vertical-align: middle;
}
/* Arregla los titulos de las columnas superpuestos a las flechas de ordenar */
#table-1 th {
padding: 10px;
padding-right: 30px;
}
/* Alinear el footer a la izquierda*/
#footer .content{
text-align: left;
}
/* Bajar un poco las flechas de ordenamiento */
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {
bottom: 0.6em;
}
/* Página Como cursar en el IDE */
.page-cursar-ide {
background: #f5f5f5;
}
.single-curso-wrapper .curso-compartir a.btn-como-cursar-ide {
display: flex !important;
flex-direction: column;
width: auto;
height: auto;
justify-content: center;
align-items: center;
border-radius: initial;
border-color: #ececec;
margin-top: 20px;
padding: 2rem;
border-radius: 5px;
margin-right: 0;
margin-bottom: 30px;
}
.single-curso-wrapper .curso-compartir a.btn-como-cursar-ide:hover {
background: transparent !important;
}
.btn-como-cursar-ide {
background: #ffffff;
display: flex;
align-items: center;
padding: 1rem;
/* border: 2px solid #0089cd; */
margin: 1rem 0;
transition: all 0.2s;
}
.btn-como-cursar-ide:hover {
background: #ffffff;
}
.btn-como-cursar-ide span {
font-size: 25px;
line-height: 1;
margin-left: 1rem;
color: #3f4b80;
}
.single-curso-wrapper .curso-compartir a.btn-como-cursar-ide span {
margin-left: 0;
}
.btn-como-cursar-ide:hover span {
color: #0089cd;
}
.btn-como-cursar-ide .sabermas {
text-align: center;
background: #0089cd;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 25px;
border-radius: 5px;
display: block;
font-size: 13px;
font-weight: 700;
cursor: pointer;
clear: both;
margin-left: auto;
}
.single-curso-wrapper .curso-compartir a.btn-como-cursar-ide .sabermas {
margin-left: 0;
margin-right: 0;
margin-top: 20px;
padding: 8px 25px;
}
.detalles {
}
.detalles h2 {
font-size: 30px;
margin: 3rem;
padding: 0;
line-height: 1.2;
}
.detalles > .detalle {
padding: 3rem 0;
}
.detalles > .detalle:nth-child(odd),
.detalles > .detalle:last-child {
background: #ffffff;
}
.detalle .cols {
display: flex;
align-items: center;
justify-content: space-between;
}
.detalle .col {
display: flex;
width: 45%;
align-items: center;
}
/* Form buscar */
.form-buscar {
position: relative;
display: flex;
margin: 1rem 0;
}
.form-buscar > input#buscartexto {
width: 100%;
padding: 15px 20px;
border: 0;
border-bottom: 2px solid #0090d4;
}
.form-buscar.buscando > input#buscartexto {
border-bottom: 2px solid #999999;
background: #e7e7e7;
color: #a5a5a5;
}
.form-buscar > .loader-cursos {
content: "";
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 1rem;
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
.form-buscar > .loader-cursos {
background-image: url(imgs/icono-lupa.png);
}
.form-buscar.buscando > .loader-cursos {
display: block;
background-image: url(imgs/loader-cursos2.gif);
}
@media screen and (max-width: 960px) {
.detalle .cols {
flex-direction: column;
}
.detalle .col {
width: 100%;
}
}
@media screen and (max-width:380px) {
.page-cursar-ide.cursos h1 {
font-size: 25px;
}
.page-cursar-ide.cursos h1:after {
bottom: 5px;
}
.btn-como-cursar-ide {
flex-direction: column;
padding: 1rem;
}
.btn-como-cursar-ide span {
font-size: 20px;
margin-left: 0;
}
.btn-como-cursar-ide .sabermas {
margin: 1rem auto 0 auto;
}
.detalle .col {
flex-direction: column;
}
.detalles h2 {
font-size: 27px;
margin: 1rem 0 3rem 0;
}
}
/* Agregado Septiembre 2025 */
.datos-contacto-v2 .marcas {
width: 100%;
padding: 40px 5%;
}
.datos-contacto-v2 .marcas .content {
display: flex;
align-items: center;
}
.datos-contacto-v2 .marcas a {
width: 25%;
display: flex;
align-items: center;
max-width: none;
margin: 0;
}
.datos-contacto-v2 .marcas a img {
height: 100%;
width: auto;
object-fit: contain;
}
.datos-contacto-v2 .sede {
width: 100%;
display: flex;
align-items: baseline;
justify-content: center;
column-gap: 5px;
padding: 30px 5%;
border-top: 1px solid #dddddd;
flex-direction: column;
}
.datos-contacto-v2 .sede a {
color: #666;
}
.datos-contacto-v2 .sede a:hover {
color: #358bca;
}
@media (min-width: 960px) {
.datos-contacto-v2 {
padding: 0;
}
.datos-contacto-v2 .marcas {
padding: 40px 0;
}
.datos-contacto-v2 .marcas a {
justify-content: center;
}
.datos-contacto-v2 .sede {
flex-direction: row;
padding: 30px 0;
}
}
@media (max-width: 600px) {
.datos-contacto-v2 .marcas .content {
flex-direction: column;
gap: 20px;
}
.datos-contacto-v2 .marcas a {
width: 100%;
justify-content: center;
height: 60px;
}
.datos-contacto-v2 .sede {
align-items: center;
}
}