@font-face {
    font-family: Garamond;
    src: url('../fonts/GARA.TTF');
}

@font-face {
    font-family: Calibri;
    src: url('../fonts/calibri.ttf');
}

@font-face {
    font-family: "handwriting";
    src: url("../fonts/freescript.ttf");
}

@font-face {
    font-family: "amazone";
    src: url("../fonts/amazon.ttf");
}

:root {
    --cogiti-main-color: rgb(30, 87, 153);
    --cogiti-trans-color: rgba(30, 87, 153, 0.2);
    --tv-main-color: rgb(86, 132, 25);
    --tv-main-color-dark: rgb(21, 75, 18);
    --tv-bkg-trans-color: rgba(86, 132, 25, 0.2);
}

.monospace {
    font-family: monospace;
}

.bold {
    font-weight: bold;
}

body {
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 9pt Arial, Helvetica, sans-serif;
    background: #F5FAFF;
}

.container {
    /* max-width: 100% !important; */
    width: 100% !important;
}

#page {
    background: white;
}

#header {
    margin: 0 0 5px 0;
    padding: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: var(--cogiti-main-color);
    background-image: url("/images/site/header_bkg_2016.jpg");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header.header_citop {
    background-image: url("/images/site/header_citop_bkg_2022.jpg");
}

#header #header_inf {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    height: auto;
    justify-content: center;
    margin: 0;
    padding: 0;
}

#header #header_inf > * {
    margin: 10px 20px;
}

#siguenos {
    color: rgb(255, 255, 255);
    font-size: 11pt;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    vertical-align: middle;
    width: 200px;
    margin: 10px auto;
    display: block;
}

#header #header_inf p {
    margin: 0px;
}

#header #header_inf a {
    margin: 0px;
    width: auto;
    padding: 5px;
}

#header #header_inf img {
    border-radius: 9px;
    margin: 0;
    padding: 0;
}

.ayuda {

}

.rojo {
    color: red !important;
}

.link_ayuda {
    background-color: rgb(229, 128, 0);
    border-radius: 12px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
}

.link_ayuda a {
    background-color: rgb(229, 128, 0);
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.banda_imagen {
    font-family: "amazone";
    font-size: 40px;
    height: auto;
    letter-spacing: -1px;
    line-height: 120%;
    position: relative;
    width: 100%;
}

.slogans {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    height: auto;
    right: 0;
    vertical-align: middle;
    width: 430px;
    box-sizing: border-box;
}

#slogan_i {
    text-align: left;
    margin: 0 0 0 20px;
    padding: 0;
}

#slogan_d {
    margin: 0 0 0 0;
    text-align: right;
    padding: 0;
}

#content {
    /* background-image: url("../images/site/cogiti_background_patterned.png"); */
    background-position: right top;
    background-repeat: repeat;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 500px;
    margin: 50px 0 0 0;
}

#sidebar {
    padding: 20px 20px 20px 0;
}

#footer {
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #C9E0ED;
}

#header_sup {
    align-items: center;
    /*background-attachment: scroll;
    background-clip: border-box;
    background-color: var(--cogiti-main-color);
    background-image: url("/images/site/header_bkg_2016.jpg");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    min-height: 120px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
}

#logos {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 555px;
}

#logos img {
    background-color: rgba(255, 255, 255, 0.9);
}

#logo_i {
    border-radius: 5px;
    margin-right: 20px;
    max-height: 120px;
}

#logo_d {
    max-height: 120px;
}

.bouncy {
    animation-name: bouncy-anim;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes bouncy-anim {
    0% {
        transform: rotate(0);
    }

    90% {
        transform: rotate(0);
    }

    93.3% {
        transform: rotate(10deg);
    }

    96.6% {
        transform: rotate(-10deg);
    }

    to {
        transform: rotate(0);
    }
}

/* #mainmenu {
    background-color: transparent;
    z-index: 5000;
    position: absolute;
    width: 100%;
}

#mainmenu ul, #mainmenuhidden ul {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    margin:0 auto 0 auto;
}

#mainmenu ul li, #mainmenuhidden ul li {
    box-sizing: border-box;
    display: inline-grid;
    margin: 2px;
    padding: 6px 12px;
    background-color: rgb(51, 51, 51);
    border-radius: 15px;
    color: rgb(255, 255, 255);
    transition-delay: 10ms;
    transition-duration: 400ms;
} */

/*
#mainmenu ul li.ayuda {
    background-color: rgb(229, 128, 0);
}
*/

/*
#mainmenu ul li.empresas {
    background-color: rgb(229, 128, 0);
}

#mainmenu ul li.otros {
    width: 10%;
}

#mainmenu ul li a {
    color: rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    font-size: 11pt;
    text-decoration: none;
    transition-delay: 10ms;
    transition-duration: 400ms;
}

#mainmenu ul li.active {
    background-color: rgb(25, 86, 142);
}

#mainmenu ul li:hover {
    background-color: rgb(51, 51, 51) !important;
}

#mainmenu ul li:hover a {
    color: red !important;
}

#mainmenu ul li ul {
    display: none;
}
#mainmenu ul li a:hover + ul, #mainmenu ul li ul:hover {
    display: block;
}

#mainmenu ul li ul li {
    margin: 0;
} */

/*
#mainmenu #boton_empresas {
    background-color: #e42d26;
} */

#mainmenu {
    background-color: transparent;
    z-index: 5000;
    position: absolute;
    width: 100%;
}

#mainmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    margin:0 auto 0 auto;
}

#mainmenu ul li {
    display: inline-grid;
    border-radius: 15px;
    color: rgb(255, 255, 255);
    transition-delay: 10ms;
    transition-duration: 400ms;
}

#mainmenu ul li.empresas a {
    background-color: rgb(229, 128, 0);
}

#mainmenu ul li.matriculas a {
    background-color: #9C2E2F;
}

#mainmenu ul li.otros {
    width: 10%;
}

#mainmenu a {
    padding: 2em;
    background-color: #F9B53C;
    text-decoration: none;
    margin: 2px 2px 0 0;
    padding: 6px 12px;
    background-color: rgb(51, 51, 51);
    border-radius: 15px;
    color: rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    font-size: 11pt;
    text-decoration: none;
    transition-delay: 10ms;
    transition-duration: 400ms;
}

#mainmenu a:hover {
    color: red !important;
}

#mainmenu a:hover {
    background-color: rgb(51, 51, 51) !important;
}

#mainmenu ul li ul {
    display: none;
    margin: 0;
    padding:  2px 0 0 0;
}
#mainmenu ul li a:hover + ul, #mainmenu ul li ul:hover {
    display: inline-grid;
}

#mainmenu ul li ul li {
    margin: 0 0 2px 0;
    width: 100%;
}

#mainmenumobile, #gestion_menu_mobile {
    display:none;
}

/*********************************************** Menu Citop ***********************************************/
#mainmenu.menu_citop ul li {
    box-sizing: border-box;
    display: inline-block;
    margin: 2px;
    padding: 6px 12px 15px 12px;
    background-color: rgb(255,255,255);
    border-radius: 0;
    line-height: 30px;
    color: rgb(255, 255, 255);
    position: relative;
}

#mainmenu.menu_citop ul li.ayuda {
    background-color: rgb(229, 128, 0);
}

#mainmenu.menu_citop ul li a {
    color: rgb(0,136,204);
    /* border-radius: 4px; */
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
}

#mainmenu.menu_citop ul li.active {
    background-color: rgb(255,255,255);
}

#mainmenu.menu_citop ul li:hover {
    background-color: rgb(0,136,204) !important;
    padding-bottom: 15px;
    cursor: pointer;
}

#mainmenu.menu_citop ul li:hover a {
    color: rgb(255,255,255) !important;
}
/*********************************************** Menu Citop ***********************************************/

#gestion_menu {
    background-color: transparent;
    position: relative;
    margin: 50px 0 0 0;
}

#gestion_menu ul {
    margin: 0;
    padding-left: 0;
    width: 100%;
    text-align: center;
}

#gestion_menu ul li {
    display: inline-block;
    margin: 10px 2px;
}

#gestion_menu ul li a {
    background-color: rgb(86, 132, 25);
    border-radius: 12px;
    color: rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 7px 12px;
    text-decoration: none;
}

#gestion_menu ul li.active a {
    background-color: rgb(25, 112, 116);
    color: rgb(255, 255, 255);
    padding: 6px 10px;
}

#gestion_menu ul li a:hover {
    text-decoration: underline;
}

div.flashes {
    background-color: rgb(250, 250, 250);
    border-radius: 10px;
    margin: 10px;
}

div.flash-error, div.flash-notice, div.flash-success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
    border-radius: 10px;
}

div.flash-error {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

div.flash-notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

div.flash-success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

div.flash-error a {
    color: #8a1f11;
}

div.flash-notice a {
    color: #514721;
}

div.flash-success a {
    color: #264409;
}

div.form .rememberMe label {
    display: inline;
}

div.view {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs {
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span {
    font-weight: bold;
}

div.search-form {
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    float: right;
    margin: 10px;
    width: 300px;
}

.portlet-decoration {
    background-color: var(--cogiti-main-color);
    padding: 10px;
}

.portlet-title {
    color: rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.portlet-content {
    background: rgb(239, 253, 255) none repeat scroll 0 0;
    color: var(--cogiti-main-color);
    font-size: 11pt;
    font-style: italic;
    font-weight: bold;
    padding: 5px 8px;
}

.portlet-content ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.portlet-content li {
    /* padding: 2px 0 4px !important; */
    margin-top: 5pt;
    margin-bottom: 5pt;
}

.portlet-content li > ul {
    margin: 0 0 0 10px;
    font-size: 0.9em;
}

.operations {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li {
    padding-bottom: 2px;
}

.operations li a {
    display: block;
    font-size: 0.7rem;
    padding: 1px 2px 1px 10px;
    text-decoration: none;
}

.operations li a:hover {
    background: #80CFFF;
}

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

.texto_centrado {
    text-align: center;
}

h1 {
    background-color: var(--cogiti-main-color);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 10px;
    margin-left: -30px;
    margin-top: 20px;
    min-width: calc(10% + 150px);
    padding: 5px 40px 5px 30px;
    text-align: left;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    transform: skewX(-0.25rad);
    vertical-align: middle;
}

h1 a {
    color: rgb(0, 153, 255);
}

h1 a:hover {
    color: rgb(100, 200, 255);
}

h1.tv, h2.tv {
    background-color: var(--tv-main-color);
}

h3.tv, h4.tv {
    color: var(--tv-main-color);
}

.h_centrado, .box h1, .box h2, .box h3, .login_box h2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    text-align: center;
    width: 50%;
}

.h_centrado a {
    color: #ffffff;
    text-decoration:none;
}

.h_centrado a:hover {
    color: #ffffff;
    text-decoration:none;
}

h2 {
    background-color: var(--cogiti-main-color);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: sans-serif;
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: -30px;
    margin-top: 10px;
    min-width: calc(7% + 100px);
    padding: 5px 10px 5px 30px;
    text-align: left;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    transform: skewX(-0.25rad);
}

h3 {
    color: var(--cogiti-main-color);
    font-size: 1.3em;
    font-style: italic;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

#content > p {
    font-size: 12pt;
    line-height: 1.5em;
    margin: 1em 2em;
    text-align: justify;
}

#content > ul {
    font-size: 11pt;
    line-height: normal;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-left: 2em;
}

ul {
    margin-top: 10pt;
    margin-bottom: 20pt;
}

li {
    margin-bottom: 8pt;
    margin-top: 8pt;
}

.clear {
    clear: both;
}

.ficha_curso {
    width: 100%;
}

.contained {
    width: 95%;
    max-height: 400px;
    overflow-y: scroll;
}

.contained pre {
    white-space: pre-wrap;
    font-size: 0.9em;
}

/********************** LAYOUT *************************************/
.cogiti_banners {
    margin: 30px 5px 5px;
    text-align: center;
}

.cogiti_banners img {
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    vertical-align: middle;
    border-radius: 4px;
}

/********************** PANTALLA CATEGORIAS ************************/

#categorias {
    align-content: space-around;
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

#categorias a {
    /* color: var(--cogiti-main-color); */
    color: #000000;
    margin: 5px;
    height: 50px;
    text-decoration: none;
}

#categorias a.selected_cat {

}

#categorias a:hover {
    /* color: rgb(230, 130, 80); */
    text-decoration: none;
    vertical-align: bottom;
    color: var(--cogiti-main-color); 
    /* text-shadow: -1px -1px 0 rgb(255, 255, 255), 1px -1px 0 rgb(255, 255, 255), -1px 1px 0 rgb(255, 255, 255), 1px 1px 0 rgb(255, 255, 255); */
}

.icono_categoria {
    /* background-image: url("/images/site/categoria.png"); */
    background-color: var(--cogiti-trans-color); 
    background-position: center center;
    border: 1px solid rgb(128, 128, 128);
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.33);
    box-sizing: border-box;
    display: table;
    height: 100%;
    margin: 5px;
    padding: 3px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 120px;
}

#categorias a > div.icono_categoria > div {
    display: table-cell;
    vertical-align: middle;
}

a.selected_cat .icono_categoria {
    text-shadow: -1px -1px 0 rgb(255, 255, 255), 1px -1px 0 rgb(255, 255, 255), -1px 1px 0 rgb(255, 255, 255), 1px 1px 0 rgb(255, 255, 255);
    color: rgb(215, 102, 8);
}

.icono_categoria .categoria_nombre {
    font-size: 1em;
    font-weight: bold;
    left: 0;
    margin: 0;
    text-align: center;
    text-decoration: none;
    width: 120px;
}

.icono_categoria a:hover .categoria_nombre {
    text-shadow: 0 0 3px rgb(214, 214, 255);
    color: white;
}

div.carta_presentacion {
    background: none repeat scroll 0 0 rgba(220, 240, 255, 0.7);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
    padding: 3em 4em;
    text-align: justify;
}

.carta_presentacion p {
    font-size: 1.5em;
    font-family: Garamond, serif;
}

/********************* TRIPARTITA *****************************/
.tripartita_info {

}

table.tripartita_info td {
    text-align: center;
}

/********************* PANTALLA LOGIN  ************************/
div.login_box {
    width: 100%;
    min-width: 200px;
    min-height: 200px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.6);
    border: 2px solid var(--cogiti-main-color);
    padding: 3em;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

.box {
    background-color: rgba(255, 255, 255, 0.94);
    border: 2px solid var(--cogiti-main-color);
    padding: 3em;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}


/********************* PANTALLA LANDING LOGIN  ************************/
p.from {
    text-align: left;
    font-size: 12pt;
}

div.landing_login_box {
    width: 30%;
    min-width: 200px;
    min-height: 200px;
    margin: 8% auto;
    background-color: rgba(255, 255, 255, 0.6);
    border: 2px solid var(--cogiti-main-color);
    padding: 3em;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    text-align: center;
}

.botonera {
	text-align: center;
	display: inline-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type:none;
}

.boton_landing_login2 {
    background-color: rgb(70, 117, 193);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    border: 1px solid black;
    border-radius: 5px;
    font-size: 14pt;
    text-align: center !important;
    text-decoration: none;
    color: white;
    padding: 8px;
    display: inline-flex;
    float: left;
    margin: 10px 10px 10px 10px !important;
    vertical-align: middle;
    transition-delay: 10ms;
	transition-duration: 400ms;
}

.boton_landing_login {
    background-color: rgb(70, 117, 193);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    border: 1px solid black;
    border-radius: 5px;
    font-size: 14pt;
    text-align: center;
    text-decoration: none;
    color: white;
    padding: 8px;
    display: inline-block;
    width: 50%;
    margin: 20px auto 0 auto !important;
    vertical-align: middle;
    pointer: hand;
    transition-delay: 10ms;
    transition-duration: 400ms;
}

.boton_landing_login:hover {
    cursor:pointer;
    color: #09f;

    transition-delay: 10ms;
    transition-duration: 400ms;
}

div.landing_login_fields {
	margin: 20px auto 0 auto !important;
	width:60%;
}

.label_login {
 	display:inline-block !important;
 	margin: 10px 5px 10px auto !important;
 	width: 90px;
}

.username, .password, .recordarMe {
	width: 65%;
	margin: 15px auto 0 auto !important;
}

div.form .recordarMe label {
  display: inline;
  margin: 0 auto 0 5px !important;
}

@media (max-width: 1200px) {
    div.landing_login_box {
        width:60%;
    }
}

@media (max-width: 1024px) {
    div.landing_login_box {
        width:70%;
    }
}

@media (max-width: 768px) {
    div.landing_login_box {
        width:80%;
    }
}

/********************* FICHA CURSO ****************************/
div.datos_curso {
    text-align: center;
}

.imgpeq img, img.imgpeq {
    max-height: 200px;
}

#content table.detail-view {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-collapse: collapse;
    margin: 0;
    max-width: 800px;
    width: 100%;
}

.cdetailview-2columns {
    column-count: 2;
}

.cdetailview-2columns > div > .cdv2-attr-name {
    width: 200px;
    display: inline-block;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
    vertical-align: middle;
    padding: 5px 3px;
}

.cdetailview-2columns > div > .cdv2-attr-value {
    min-width: 150px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding: 5px 3px;
}

.cdetailview-2columns > div p {
    margin: 0;
    padding: 0;
}

.cdetailview-2columns > div.even {
    background-color: rgba(229, 241, 244, 1);
}

.cdetailview-2columns > div.odd {
    background-color: rgba(255, 255, 255, 1);
}

.ficha_datos {
    background-color: rgba(30, 87, 153, 0.1);
    border: 2px solid var(--cogiti-main-color);
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px;
    width: 80%;
}

.ficha_datos.tv {
    background-color: var(--tv-bkg-trans-color);
    border: 2px solid var(--tv-main-color);
}

.grupo_ficha_datos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.ficha_campo {
    box-sizing: border-box;
    flex-basis: 20%;
    flex-grow: 3;
    margin: 20px 10px 5px;
}

.ficha_campo.grande {
    flex-basis: 100%;
    flex-grow: 3;
}

.ficha_campo.peq {
    flex-grow: 0;
    max-width: 30%;
}

.nombre_campo {
    background-color: rgba(30, 87, 153, 0.65);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-family: sans-serif;
    font-size: 16pt;
    font-style: italic;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 5px 5px 5px 30px;
    text-align: left;
    transform: skewX(-0.25rad);
}

.tv .nombre_campo {
    background-color: var(--tv-main-color);
}

.nombre_campo p {
    margin-bottom: 1em;
}

.valor_campo {
    color: rgb(80, 80, 80);
    font-size: 11pt;
    padding: 10px;
    text-align: justify;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    font-family: arial, sans-serif;
    line-height: normal;
}

.ficha_campo.peq .valor_campo {
    text-align: center;
}

.ficha_campo.grande .valor_campo {
}

.valor_campo p, .valor_campo span, .valor_campo li {
    margin-bottom: 0.5em;
    margin-top: 0.2em;
    font-size: 11pt;
    line-height: 150%;
}

.portada_ficha p {
    margin-bottom: 0.5em;
    margin-top: 0.3em;
    font-size: 12pt;
}

.ficha_curso table {
    border-collapse: collapse;
}

.ficha_curso table p {
    border-style: solid;
    border-color: rgb(220, 220, 220);
    border-width: 1px;
    padding: 15px;
}

/**FICHA CURSO 2016 */

.texto_matricula_ficha {
    background-color: #1e5799;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    margin: 20px;
    min-width: 100px;
    padding: 10px;
    transition-delay: 30ms;
    transition-duration: 400ms;
    transition-property: background-color, color;
    vertical-align: middle;
}

.texto_matricula_ficha.tv {
    background-color: var(--tv-main-color);
}

.texto_matricula_ficha:hover {
    background-color: rgb(30, 30, 30);
}

.texto_matricula_ficha > a {
    color: white;
    text-decoration: none;
    transition-property: color;
    transition-delay: 30ms;
    transition-duration: 400ms;
    font-size: 13pt;
    font-weight: bold;
    text-decoration: none;
}

.texto_matricula_ficha:hover > a {
    color: orange;
}

div#menu_ficha_curso {
    margin: 0 auto;
    width: 70%;
}

div#menu_ficha_curso > ul {
    margin: 0;
    padding: 0 0 0 20px;
    text-align: left;
}

div#menu_ficha_curso > ul > li {
    background-color: var(--cogiti-main-color);
    border-left: 1px solid rgb(0, 0, 0);
    border-radius: 5px 5px 0 0;
    border-right: 3px solid rgb(0, 0, 0);
    border-top: 1px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    transition-duration: 400ms;
    transition-property: color, background-color;
}

div#menu_ficha_curso.aula_virtual > ul > li {
    background-color: var(--tv-main-color) !important;
}

div#menu_ficha_curso > ul > li:hover {
    color: orange;
}

div#menu_ficha_curso > ul > li.ficha_curso_active_tab {
    background-color: rgb(50, 50, 50);
    color: orange;
}

div#menu_ficha_curso > ul > li > span {

}

table.tabla_ficha {
    border-collapse: collapse;
}

.tabla_ficha th {
    font-weight: bold;
    text-align: center;
    font-size: 13pt;
}

.tabla_ficha td {
    text-align: justify;
    font-size: 9pt;
    border: 1px solid rgb(230, 230, 230);
}

.tabla_ficha span, .tabla_ficha p {
    font-size: inherit;
    margin: 0;
}

p.titulo_plantilla_portada {
    width: 100%;
    display: block;
    background-color: var(--cogiti-main-color);
    color: white;
    padding: 5px;
    font-size: 20pt;
    font-weight: bold;
    letter-spacing: -1px;
}

p.titulo_plantilla_portada.tv {
    background-color: var(--tv-main-color);
}

table.tabla_plantilla_portada {
    width: 100%;
    min-height: 400px;
    border-collapse: collapse;
}

td.tabla_plantilla_portada_celda_i {
    width: 60%;
    vertical-align: top;
    text-align: justify;
    font-size: 12pt;
    padding: 10px;
}

td.tabla_plantilla_portada_celda_d {
    width: auto;
    vertical-align: top;
    text-align: justify;
    font-size: 12pt;
    padding: 10px;
}

table.tabla_plantilla_portada_pie {
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 5px;
}

table.tabla_plantilla_portada_pie td {
    width: 25%;
    height: 50px;
    background-color: var(--cogiti-main-color);
    text-align: center;
}

table.tabla_plantilla_portada_pie.tv td {
    background-color: var(--tv-main-color);
}

p.p_celda_plantilla_portada {
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 0;
}

p_celda_plantilla_portada_2 {
    font-size: 9pt;
    font-weight: bold;
    margin: 5px 0;
    line-height: 80%;
}

/****************** HOME **********************************/
#convocatorias-grid td {
    text-align: center;
    vertical-align: middle;
}

#convocatorias-grid th {
    text-align: center;
    vertical-align: middle;
}

#convocatorias-grid tr td:first-child {
    width: 60%;
}

#convocatorias-grid-portada td {
    text-align: center;
    vertical-align: middle;
}

#convocatorias-grid-portada th {
    text-align: center;
    vertical-align: middle;
}

#convocatorias-grid-portada tr td:first-child {
    max-width: 60%;
}

#matriculas-grid td {
    text-align: center;
    vertical-align: middle;
}

#matriculas-grid th {
    text-align: center;
    vertical-align: middle;
}

#matriculas-grid tr td:first-child {
    max-width: 60%;
}

/******************** ADMIN CONVOCATORIAS ***************/
#convocatorias-grid-admin td {
    text-align: center;
    vertical-align: middle;
}

#convocatorias-grid-admin th {
    text-align: center;
    vertical-align: middle;
}

#convocatorias-grid-admin tr td:first-child {
    width: auto;
}

.aviso {
    background-color: rgba(254, 254, 254, 0.75);
    border: 1px solid rgb(235, 235, 235);
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    font-size: 12pt;
    margin-bottom: 20px;
    padding: 10px;
}

.aviso li {
    margin-top: 10px;
}

.aviso2 {
    border: 2px solid #0066CC;
    background: #DDF;
    border-radius: 10px;
    color: blue;
    padding: 10px;
    font-size: 10pt;
    margin-bottom: 20px;
}

.aviso2 h2 {
    color: #0066CC;
    text-align: center;
}

.aviso2 p {
    margin: 0px auto;
}

.mini_icono img, img.mini_icono {
    width: 16px;
}

/*******************  CATALOGO CURSOS ********************/
#cursos-grid td {
    text-align: center;
}

#cursos-grid th {
    text-align: center;
}

.precios {
    text-align: justify;
    margin: 0 auto;
}

.precios p {
    margin: 5px;
}

/*******************  FICHAS  CURSOS ********************/
table.moddb_table {
    border-collapse: separate;
}

table.moddb_table th {
    background-color: #004B82;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px;
}

table.moddb_table td {
    padding: 4px;
    color: #004b82;
}

.texto_cogiti {
    text-align: justify;
    color: #004E80;
}

/* FAQ */
div.popups img {
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid black;
}

table.sedes {
    border-collapse: separate;
    font-size: small;
}

.sedes th {
    background-color: rgb(221, 221, 221);
    border: 1px solid rgb(255, 255, 255);
    text-align: center;
}

.sedes td {
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(255, 255, 255);
    text-align: center;
}

.sedes td:first-child {
    text-align: right !important;
}

.faq_campus, .faq_profesores {

}

.faq_campus p, .faq_profesores p, .faq_campus li, .faq_profesores li {
    font-size: 12pt;
    line-height: 1.5em;
    width: 60%;
    text-align: justify;
    min-width: 60vmax;
}

.faq_campus h2, .faq_profesores h2 {
    margin-top: 30px;
    text-align: left;
    display: block;
    color: var(--cogiti-main-color);
    background: none;
    transform: none;
    text-shadow: none;
}

.faq_campus h3, .faq_profesores h3 {
    cursor: pointer;
    color: rgb(0, 57, 125);
    text-align: left;
    display: block;
    transform: none;
}

.faq_campus h3 + div, .faq_profesores h3 + div {
    background-color: rgba(30, 87, 153, 0.1);
    border-color: var(--cogiti-main-color);
    border-radius: 10px;
    padding: 20px;
    margin: 0 auto;
}

.faq_campus h4, .faq_profesores h4 {
    color: rgb(220, 120, 0);
    font-style: italic;
    text-align: left;
    transform: none;
    font-weight: bold;
}

.faq_campus p {
    line-height: 2em;
    text-align: justify;
}

.faq_campus li, .faq_profesores li {
    line-height: 1.5em;
    width: 60%;
    min-width: 60vmax;
    margin-bottom: 1em;
    text-align: justify;
}

.faq_campus div {
    width: 66%;
}

.faq_profesores h2 {
    cursor: pointer;
    text-decoration: underline;
}

.toggler {
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 400ms;
}

h2.toggler_hidden_visual, label.toggler_hidden_visual {
    background-color: rgb(86, 132, 25) !important;
    color: white !important;
}

legend.toggler_hidden_visual {
    color: rgb(86, 132, 25) !important;
    background-color: transparent;
}

/** CAMBIOS FEBRERO 2015 PARA BANNERS DE PORTADA Y SLIDERS **/
#ath_slider {
    width: 90%;
    margin: 0;
}

#portada_banners_centrales {
    text-align: center;
    margin-bottom: 30px;
}

#portada_banners_centrales > a, #portada_banners_centrales > div {
    display: inline-block;
    vertical-align: middle;
}

#portada_banners_centrales > a {
    margin: 0;
}

/* ORIGINAL ENCUESTAS */
ul.encuesta_comentarios {
    font-weight: bold;
}

div.encuesta_opcion_container {
    clear: both;
    margin-bottom: 3px;
}

div.encuesta_opcion_container div.encuesta_opcion_texto {
    float: left;
    color: black;
    vertical-align: middle;
    height: 20px;
    padding-top: 3px;
    padding-left: 3px;
    font-size: 1em;
    font-weight: bold;
}

div.encuesta_opcion_container div.encuesta_grafico_container {
    width: 50%;
}

div.encuesta_grafico_container div.encuesta_opcion_valor_grafico {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    border: 1px solid black;
    background: grey;
    background: linear-gradient(to right, grey, black);
    width: 100%;
    height: 20px;
}

/** RESUMEN ENCUESTAS **/
table.resumen_encuesta {
    border-collapse: collapse;
    border: none !important;
    font-size: 9pt;
    margin: 0;
    padding: 0;
}

table.resumen_encuesta > tr {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

table.resumen_encuesta tr > td {
    border: none !important;
    margin: 0 !important;
    padding: 3px !important;
}

table.resumen_encuesta tr > td:first-child {
    text-align: right;
}

/** CONSOLAS **/
.consola_div_exterior {
    height: 400px;
    width: 98%;
    margin: 30px auto;
    overflow: auto;
    position: relative;
    border: 1px solid rgba(0, 0, 80, 0.3);
    border-radius: 10px;
    background: white;
    padding: 10px;
}

.consola_div_interior {
    position: relative;
    bottom: 0px;
}

/**
 *	SOCIAL MEDIA
 */

.social_media_buttons_container {
    box-sizing: border-box;
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 10px 0 30px 20px;
    vertical-align: middle;
}

.social_media_buttons_container > div {
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: top;
}

/* AVISO COOKIES */
#aviso_cookies {
    background-color: rgb(235, 104, 12);
    border-top: 3px solid rgb(255, 255, 255);
    bottom: 0;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-size: 10pt;
    font-weight: bold;
    height: auto;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 3000;
}

#aviso_cookies input {

}

/* PORTADA LOOK 2016 */

.flex_banners {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-around;
}

.portada_ministats {
    background-color: rgba(30, 87, 153, 0.2);
    border-radius: 10px;
    border: 1px solid var(--cogiti-main-color);
    color: var(--cogiti-main-color);
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}

.portada_ministats > p {
    margin: 5px;
}

.portada_ministats > table {
    margin: 0;
}

.portada_minibanners {
    color: var(--cogiti-main-color);
    font-weight: bold;
    padding: 5px;
}

.portada_minibanners > p {
	font-size:18px;
    margin: 5px;
}

.minibanners {
    border-radius: 10px;
    border: 1px solid rgb(230, 230, 230);
    /*  width:300px;
    margin: 0 auto 0 auto; */
}

/* .minibanners .banners_gif {
	margin: 0 auto 0 auto;
} */

.portada_cursos_semana_titulo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    margin-top: 20px;
}

.cursos_semana_titulo, .cursos_semana_titulo_tv {
    transform: none;
    border-radius: 1rem;
    min-width: 250px;
    width: 30%;
    margin: 0 0 10px 0;
    cursor: pointer;
    font-style: italic;
}

.contenedor_fechas_esta_semana {
    font-size: 14pt;
    font-weight: bold;
    color: var(--cogiti-main-color);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    width:100%;
}

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

.banners_gif {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto 0 auto;
}

.banners_gif > img {
    border: 0px solid rgb(230, 230, 230);
    border-radius: 6px;
    max-width: 200px;

}

div.portada_flex_container {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    width: 100%;
}

div.convocatoria_flex_cell {
    background-color: rgba(30, 87, 153, 0.2);
    border: 2px solid var(--cogiti-main-color);
    border-radius: 5px;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 20px 15px;
    min-height: 100px;
    min-width: 370px;
    overflow: hidden;
    position: relative;
    width: calc(350px + 2%);
}

div.convocatoria_flex_cell.tv {
    border: 2px solid var(--tv-main-color);
    background-color: var(--tv-bkg-trans-color);
    color: var(--tv-main-color-dark);
}

div.convocatoria_flex_cell.tv p {
    color: var(--tv-main-color-dark);
}

div.convocatoria_flex_cell .content {
    background: transparent;
    margin: 0;
    padding: 0;
    width: 100%;
}

div.convocatoria_flex_cell .titulo_convocatoria {
    background: var(--cogiti-main-color) none repeat scroll 0 0;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-size: 20pt;
    font-style: italic;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.convocatoria_flex_cell.tv .titulo_convocatoria {
    background: var(--tv-main-color) none repeat scroll 0 0;
}

div.convocatoria_flex_cell .titulo_convocatoria a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-style: italic;
    font-weight: bold;
}

div.convocatoria_flex_cell .subtitulo_convocatoria {
    text-align: center;
}

div.convocatoria_flex_cell div.pie_cell {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    position: relative;
}

div.convocatoria_flex_cell table.pie_cell {
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

div.convocatoria_flex_cell .info_convocatoria {
    align-items: center;
    color: var(--cogiti-main-color);
    display: flex;
    font-size: 11pt;
    justify-content: center;
    line-height: 100%;
    margin: 0;
    min-height: 70px;
    padding: 2px;
}

div.convocatoria_flex_cell .info_convocatoria p {
    padding: 0;
    margin: 0;
    font-size: 10pt;
}

div.convocatoria_flex_cell tr {
    height: 20px;
}

div.convocatoria_flex_cell td {
    background-color: rgba(0, 0, 0, 0);
    color: var(--cogiti-main-color);
    font-size: 10pt;
    text-align: center;
    padding: 1px;
    vertical-align: middle;
}

div.convocatoria_flex_cell td img {
    max-height: 25px;
    vertical-align: middle;
    transition-duration: 200ms;
    transition-delay: 30ms;
}

div.convocatoria_flex_cell td a img:hover {
    transform: scale(1.2);
}

div.convocatoria_flex_cell table a {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

div.convocatoria_flex_cell th {
    background-color: var(--cogiti-main-color);
    color: rgb(255, 255, 255);
    font-size: 8.5pt;
    padding: 2px;
    text-align: center;
}

div.convocatoria_flex_cell.tv th {
    background-color: var(--tv-main-color);
}

div.convocatoria_flex_cell.tv td {
    color: var(--tv-main-color-dark);
}

div.convocatoria_flex_cell table.enlace_matricula td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

div.convocatoria_flex_cell table.enlace_matricula td a {
    color: var(--cogiti-main-color);
    text-decoration: none;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    vertical-align: middle;
}

div.convocatoria_flex_cell table.enlace_matricula img {
    vertical-align: middle;
}

div.convocatoria_flex_cell .thumb_curso {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
}

div#descripcion_tv > p{
    font-size: 12pt;
    line-height: 1.5em;
    margin: 1em 2em;
    text-align: justify;
}

/* Portada, columnas de matrículas abiertas*/
div.portada_flex_matriculas_abiertas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell {
    background-color: rgba(30, 87, 153, 0.2);
    border-radius: 10px;
    box-sizing: border-box;
    margin: 20px 1%;
    min-height: 350px;
    min-width: 350px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 30%;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell.tv {
    background-color: var(--tv-bkg-trans-color);
    width: 62%;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > p {
    color: var(--cogiti-main-color);
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    padding: 0px;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > table {
    box-sizing: border-box;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > table th {
    color: var(--cogiti-main-color);
    font-size: 10pt;
    font-style: italic;
    padding: 3px;
    text-align: center;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell.tv > table th {
    color: var(--tv-main-color-dark);
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > table td {
    color: var(--cogiti-main-color);
    font-size: 10pt;
    padding: 3px 2px;
    text-align: center;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > table td.titulo_convocatoria {
    text-align: left;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > table a {
    text-decoration: none;
    font-size: 10pt;
    vertical-align: middle;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > table tr.tv_educativa a {
    color: var(--tv-main-color-dark);
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell > table img {
    vertical-align: middle;
}

.convocatoria_columna_semana .duracion {
    text-align: center;
}

.convocatoria_columna_semana .semanas {
    text-align: center;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell td.matricula {
    text-align: center;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell td.matricula img {
    transition-duration: 200ms;
    transition-delay: 30ms;
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell td.matricula img:hover {
    transform: scale(1.2);
}

div.portada_flex_matriculas_abiertas > .semana_flex_cell.tv_portada {
    background-color: var(--tv-bkg-trans-color);
}

div.portada_flex_programadas {
    background-color: var(--cogiti-trans-color);
    border-radius: 10px;
    margin: 0 20%;
}

div.portada_flex_programadas.tv {
    background-color: var(--tv-bkg-trans-color);
}

div.portada_flex_programadas > .programadas_flex_cell {
    box-sizing: border-box;
    color: var(--cogiti-main-color);
    font-size: 10pt;
    font-style: italic;
    margin: 10px;
    padding: 10px;
    position: relative;
    text-align: left;
}

div.portada_flex_programadas > .programadas_flex_cell .fecha_apertura {
    font-weight: bold;
    font-size: 12pt;
    margin: 0 0 10px;
}

div.portada_flex_programadas > .programadas_flex_cell .fecha_apertura_matricula {
    font-weight: bold;
    font-size: 10pt;
    margin: 0 0 10px 10px;
}

div.portada_flex_programadas > .programadas_flex_cell p {
    margin: 0 0 10px 20px;
}

div.portada_flex_programadas > .programadas_flex_cell a {
    font-style: normal;
    text-decoration: none;
}

div.portada_flex_programadas > .programadas_flex_cell .tv_educativa a {
    color: var(--tv-main-color);
}

.tag_nuevo {
    color: rgb(248, 200, 139);
    font-size: 10pt !important;
    vertical-align: baseline;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.58);
}

/* PROGRAMACIÓN TRIMESTRAL*/

div.titulo_programacion_trimestre {
    border-color: var(--cogiti-main-color);
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    margin: 15px 0 30px;
    padding: 10px;
    text-align: center;
}

div.titulo_programacion_trimestre h1 {
    color: var(--cogiti-main-color);
    background: transparent;
    font-size: 20pt;
    margin: 0;
}

div.titulo_programacion_trimestre img {

}

div.semana_programacion {

}

div.semana_programacion > table {
    margin-top: 15px;
    margin-bottom: 5px;
}

div.semana_programacion .encabezado {
    color: var(--cogiti-main-color);
    font-size: 14pt;
    font-weight: bold;
    margin: 15px 0 5px;
}

div.semana_programacion > div.semana_programacion_container_tabla {
    border: 1px solid var(--cogiti-main-color);
    padding: 10px;
    background-color: white;
    background-color: rgba(30, 87, 153, 0.1);
    border-radius: 10px;
}

div.semana_programacion > div.semana_programacion_container_tabla > table {

}

div.semana_programacion > div.semana_programacion_container_tabla > table th {
    color: rgb(30, 30, 30);
    font-size: 16pt;
    text-align: center;
    background: transparent;
    font-weight: normal;
}

div.semana_programacion > div.semana_programacion_container_tabla > table th span {
    font-size: 12pt;
}

div.semana_programacion > div.semana_programacion_container_tabla > table td {
    color: var(--cogiti-main-color);
    font-size: 10pt;
    background: transparent;
    text-align: center;
}

div.semana_programacion > div.semana_programacion_container_tabla > table td a {
    text-decoration: none;
    font-size: inherit;
}

.convocatoria_columna_semana {

}

.modo_tabla {
    background-color: transparent;
    border-radius: 3px;
    color: rgb(86, 132, 25);
    display: inline-block;
    font-family: sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -1px;
    margin-left: 30px;
    padding: 10px 40px 10px 30px;
    text-align: center;
    /* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25); */
    /* transform: skewX(-0.25rad); */
    width: auto;
    vertical-align: middle;
    max-width: 15em;
}

.modo_tabla > a {
    color: white;
    text-decoration: none;
}

#div_aviso_registro, .div_aviso_registro {
    height: auto;
    left: 1587px;
    margin: 0;
    padding: 6px;
    position: absolute;
    top: 141px;
    width: 200px;
    display: none;
    z-index: 100;
}

div.matricula_pregunta {
    padding: 10px;
    text-align: justify;
}

div.matricula_pregunta input {
    background-color: var(--cogiti-main-color);
    color: white;
    border-style: none;
    vertical-align: middle;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

.menu_comercial_p, .menu_fichas_p {
    background-color: rgb(86, 132, 25);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: sans-serif;
    font-size: 16pt !important;
    font-weight: bold;
    letter-spacing: -1px;
    margin-left: 30px;
    padding: 10px 40px 10px 30px;
    text-align: right;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    transform: skewX(-0.25rad);
    width: auto;
    vertical-align: middle;
}

.menu_comercial_p > a, .menu_fichas_p > a {
    color: white;
    text-decoration: none;
}

a.boton_grande {
    background-color: rgba(244, 245, 251, 0.83);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    margin: 20px auto;
    display: flex;
    font-size: 20pt;
    max-width: 33%;
    min-height: 3em;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

a.boton_grande_sub {
    background-color: rgba(255, 193, 132, 0.36);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    margin: 20px auto;
    display: flex;
    font-size: 19pt;
    max-width: 25%;
    min-height: 3em;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

a.boton_grande > div {

}

/**************** GUIA CURSO *******************/
.guia_curso {
    width: 80%;
    min-width: 400px;
    text-align: justify;
    margin: 20px auto;
}

.guia_curso h1, .guia_curso h2, .guia_curso h3 {
    background: none;
    color: var(--cogiti-main-color) !important;
    text-align: left;
    text-shadow: none;
    transform: none;
}

/******* NOTIFICACIONES TRIPARTITA ***********/
.notif {
    font-weight: bold !important;
}

.notif_tripartita_0 {
    color: green !important;
    background-color: rgb(230, 255, 230) !important;
}

.notif_tripartita_1 {
    color: rgb(255, 100, 0) !important;
    background-color: rgb(255, 255, 230) !important;
}

.notif_tripartita_2 {
    color: red !important;
    background-color: rgb(255, 210, 210) !important;
}

/********** FICHAS PROPUESTAS ************/
.table_visible_borders {
    width: 50% !important;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid black;
    border-radius: 3px;
}

.table_visible_borders td {
    border: 1px solid black;
    background-color: white;
    color: black;
}

.table_visible_borders th {
    border: 1px solid black;
    color: white;
    font-weight: bold;
    background-color: var(--cogiti-main-color);
}

.botones_crear_ficha {
    display: inline-block;
    /* flex-direction: row;
    flex-wrap: wrap; */
    align-content: center;
    justify-content: space-around;
    margin-top: 20px;
    width:100%;
}


a.boton_mediano {
    background-color: var(--cogiti-main-color);
    color: rgb(255,255,255);
    /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
    border: 1px solid var(--cogiti-main-color);
    border-radius: 10px;
    margin: 20px auto 0 10%;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 20pt;
    max-width: 25%;
    min-height: 3em;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    float: left;
    padding: 0 20px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

a.boton_mediano.tv{
    background-color: var(--tv-main-color);
    border: 1px solid var(--tv-main-color);
}

a.boton_mediano:hover {
    background-color: rgb(255,255,255);
    color: var(--cogiti-main-color);
    box-shadow: 0px 0px 10px 8px #999999;
    -webkit-transition: 03s ease-in;
    -moz-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

a.boton_mediano.tv:hover {
    background-color: rgb(255,255,255);
    color: var(--tv-main-color);
    box-shadow: 0 0px 10px 8px #999999;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}


.texto_fichas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 22pt;
    max-width: 75%;
    float:left;
    vertical-align: middle;
    margin:2.5% 0 0 2%;
}

a.boton_mediano.bloque {
    margin: 0;
    float: none;
    clear:both;
    max-width: 25%;
    padding: 0 10px;
    font-size: 14pt;
}

a.boton_mediano.bloque:hover {
    box-shadow: 0 0 0 0;
}

a.boton_mediano.bloque.rechazar {
    background-color: #F32447;
    color: rgb(255,255,255);
    border: 1px solid #F32447;
    margin: 0 0 0 2%;
}

a.boton_mediano.bloque.rechazar:hover {
    background-color: rgb(255,255,255);
    color: #F32447;
    box-shadow: 0 0 0 0;
    -webkit-transition: 03s ease-in;
    -moz-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

a.boton_mediano.bloque.enviar {
    background-color: #009D00;
    color: rgb(255,255,255);
    border: 1px solid #009D00;
    margin: 0 0 0 2%;
}

a.boton_mediano.bloque.enviar:hover {
    background-color: rgb(255,255,255);
    color: #009D00;
    border: 1px solid #009D00;
    margin: 0 0 0 2%;
}

/********* Informe matrículas **********/
.informe_form {

}

.informe_form label {

}

.informe_form > form > div {
    margin-right: 15px;
    background-color: rgba(30, 87, 153, 0.2);
    border-radius: 10px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/******** Quejas **************/
ul#quejas_list li {
    padding: 10px;
    border-radius: 5px;
}

ul#quejas_list > li.even {
    background-color: rgba(20, 59, 255, 0.2);
}

ul#quejas_list > li.odd {
    background-color: rgba(64, 29, 0, 0.15);
}

#quejas-grid tr.pendiente td {
    background-color: darkorange;
}

/***** widget bono ***********/
div.bono {
    float: right;
    clear: both;
    margin: 10px;
    background: var(--cogiti-main-color);
    color: white;
    padding: 15px;
    border-radius: 12px;
}

div.bono p{
    margin: 0 0 0.5em 0;
}

#titulo_bono {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
}

#infoTipoEvento > a > img {
    margin: 0px 0 0 10px;
    vertical-align: middle;
}

/***** Tooltip ***********/
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tiptext {
    visibility: hidden;
    width: 120px;
    background-color: var(--cogiti-main-color);

    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 6px 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tooltip .tiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.tooltip:hover .tiptext {
    visibility: visible;
}

.tooltip.top .tiptext{
    margin-left: -60px;
    bottom: 100%;
    left: 60%;
}
.tooltip.top .tiptext::after{
    margin-left: -5px;
    top: 100%;
    left: 50%;
    border-color: #2E2E2E transparent transparent transparent;
}

#infoTipoSesion img {margin-top: 0px}

#info_sesiones {
    margin: 0 10px 0 0 !important;
    padding:0;
}

#info_sesiones img {
    margin-top: 20px;
}



/************************************************* Ventana modal ************************************************/

.a {
    list-style-type: lower-alpha;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    overflow: auto;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 50%;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 20px 20px;
    border-radius: 10px;
    background: #fff;
    /*background: -moz-linear-gradient(#fff, #ccc);
    background: -webkit-linear-gradient(#fff, #ccc);
    background: -o-linear-gradient(#fff, #ccc); */
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}
.close {
    background: #606061;
    color: #ffffff;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}
.close:hover {
    background: var(--tv-main-color);
    color: #000000;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}

.closeModal {
    margin: 0 auto 0 46%;
}

.close.elearning:hover {
    background: var(--cogiti-main-color);
}

.boton {
    text-decoration:none;
    color: #000;
    background-color: #fff;
    padding: .5em 1em;
    border-radius: 5px;
    border: 1px solid var(--tv-main-color);
    align-self:center;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    transition: 0.5s linear;
}

a.boton:hover {
    background-color: var(--tv-main-color);
    color: #fff;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    transition: 0.5s linear;
}

.boton.elearning {
    border: 1px solid var(--cogiti-main-color);
}

a.boton.elearning:hover {
    background-color: var(--cogiti-main-color);
    color: #fff;
}

#portada a, #portada_convocatorias a, #portada_tv a {
    text-decoration: none;
}

#portada a:hover, #portada_convocatorias a:hover, portada_tv a:hover {
    text-decoration: none;
}

#contenidoEventos table, #contenidoSesiones table {
    text-align:left;
    width:100%;
    margin:0 auto 2% auto;
}

/* #contenidoSesiones table {
    text-align:center;
} */

#contenidoEventos table th, #contenidoEventos table td, #contenidoSesiones table th, #contenidoSesiones table td {
    text-align: center;
}

.destacado {
    color: #2f2f2f;
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: bottom;
    margin-top: 0;
    padding-top: 0px;
}

#portada #logo_texto_subvencion {
    width:60%;
    margin: 2% auto 2% auto;
}

#portada #logo_ministerio_transportes {
    width:50%;
    float:left;
    text-align:center;
}

#portada #texto_subvencion {
    width:50%;
    float:left;
}

#portada #logo_texto_subvencion p {
    font-size: 1.5em;
    text-align: justify;
}

@media (max-width: 1760px) {
    #portada #logo_texto_subvencion {
        width:70%;
    }
}

@media (max-width: 1500px) {
    #portada #logo_texto_subvencion {
        width:90%;
    }

    #portada #logo_ministerio_transportes {
        width:100%;
        float:none;
        clear:both;
        margin: 0 auto 0 auto;
    }

    #portada #texto_subvencion {
        width:50%;
        float:none;
        clear: both;
        margin: 2% auto 2% auto;
    }
}
/*------------------------------------------------  Programa Erte ---------------------------------------*/
/* h1 .programaErte {color: #1e5799; font-family:Arial, sans-serif; font-size:24pt; text-align:center !important;}
p .programaErte {color: #000000; font-family:Arial, sans-serif; font-size:18pt; text-align:center!important;} */

#programaErteDestacado {text-transform: uppercase; font-weight: bold;}
.logos-erte {
    margin: 30px 5px 5px;
    text-align: center;
}

.logos-erte img {
    margin: 0 1% 0 1%;
    vertical-align: middle;
    border: 1px solid #eee;
    border-radius: 4px;
}

table.tablaProgramaErte {width:65%; border:1px solid #000000 !important; margin:2% auto 2% auto; text-align:center !important;}
table.tablaProgramaErte thead {color:#ffffff !important;}
table.tablaProgramaErte th {border:1px solid #000000 !important;}
table.tablaProgramaErte td:nth-child(3) {text-align: left !important;}
table.tablaProgramaErte td {border:1px solid #000000 !important; color:#000000; font-size:16px !important;}

#banner_programa_erte {
    color: black;
    text-align: justify;
    position: fixed;
    background: white;
    border: 4px solid rgb(30, 87, 153);
    border-radius: 10px;
    padding: 20px; top: 0;
    left: 0;
    width: 40%;
    font-size: 1.1em;
    z-index:101;
    display: none;"
}

#banner_programa_erte #logo_banner_programa_erte a {
    display: inline-block; text-align: center; width: 33%; margin: 1%;
}

/*------------------------------------------------  Tabla cookies ---------------------------------------*/
table.tablaCookies {width:65%; border:1px solid #000000 !important; margin:2% auto 2% auto; text-align:center !important;}
table.tablaCookies thead {color:#000000 !important;}
table.tablaCookies th  {border:1px solid #000000 !important;}
table.tablaCookies td:nth-child(3) {text-align: left !important;}
table.tablaCookies td {border:1px solid #000000 !important; color:#000000; font-size:16px !important;}

#content > dl {
    font-size: 12pt;
    line-height: normal;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-left: 2em;
}

dl {
    margin-top: 10pt;
    margin-bottom: 20pt;
}

dt, dd {
    margin-bottom: 8pt;
    margin-top: 8pt;
}


/*------------------------------------------------  Programa ERTE ---------------------------------------*/

table.tablaFormacionAlumnos {width:75%; border:1px solid #000000 !important; border-collapse: collapse ; margin:2% auto 2% auto; text-align:left !important;}
table.tablaFormacionAlumnos thead {color:#000000 !important;}
table.tablaFormacionAlumnos th  {border:1px solid #000000 !important;}
table.tablaFormacionAlumnos td:nth-child(3) {text-align: left !important;}
table.tablaFormacionAlumnos td {border:1px solid #000000 !important; color:#777; font-size:12px !important;}

table.tablaFormacionMasInfo {width:75%; border:1px solid #000000 !important; border-collapse: collapse ; margin:2% auto 2% auto; text-align:left !important;}
table.tablaFormacionMasInfo thead {color:#000000 !important;}
table.tablaFormacionMasInfo th  {border:1px solid #000000 !important;}
table.tablaFormacionMasInfo td:nth-child(3) {text-align: left !important;}
table.tablaFormacionMasInfo td {border:1px solid #000000 !important; color:#555; font-size:14px !important;}

table.tablaFormacionMasInfoPie {width:96%; border:1px solid #000000 !important; border-collapse: collapse ; margin:2% auto 2% auto; text-align:left !important;}
table.tablaFormacionMasInfoPie td {border:1px solid #000000 !important; color:#555; font-size:14px !important;}

.destacado {font-weight: bold; color: #555555}
.recuadro {border:1px solid #000000; width:95%; padding: 10px 10px 0 10px; margin: 0 auto 0 auto; font-size:14px}

@media (max-width: 1200px) {
    #banner_programa_erte {
        width: 40%;
    }

    .logos-erte img {
        margin-bottom: 1%;
    }
}

@media (max-width: 1024px) {
    #banner_programa_erte {
        width: 60%;
    }

    .logos-erte img {
        margin-bottom: 1%;
    }

    table.tablaProgramaErte {width:75%;}

    #banner_programa_erte #logo_banner_programa_erte a {
        width: 50%;
    }
}

@media (max-width: 768px) {
    #banner_programa_erte {
        width: 80%;
    }

    .logos-erte img {
        margin-bottom: 2%;
    }

    table.tablaProgramaErte {width:40%;}

    #banner_programa_erte #logo_banner_programa_erte a {
        width: 75%;
    }
}

#nuevo_area {
    display:none;
}

.pendiente {color: #ff7e00;}
.aprobado, .enviado {color: #009D00;}
.rechazado {color: #ff0000;}


#ficha-curso-grid tr.pendiente td {
    background-color: darkorange;
}

#noti_Container {
    position:relative;
    /* border:1px solid blue;
    width:16px;
    height:16px; */
}

/* Aviso de notificaciones pendientes , quejas, cursos propuestos */
.noti_bubble {
    position:absolute;
    top: -10px;
    right:-15px;
    padding:1px 5px 1px 5px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:1.2em;
    border-radius:25px;
    box-shadow:1px 1px 1px gray;
}

div#medium {
    font-size: 16px;
 }



/********************************* slider Logos ******************************************/

/*
h2{
    text-align:center;
    padding: 20px;
}
/* Slider */

/*
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
} */


/********************************* Slider Logos ******************************************/

/* body {
    align-items: center;
    background: #E3E3E3;
    display: flex;
    height: 100vh;
    justify-content: center;
} */

/* @-webkit-keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-180px * 5));
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-180px * 5));
    }
}
.slider {
    background: white;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    height: 115px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 600px;
    border-radius: 10px;
    border: 1px solid rgb(230, 230, 230);
}
.slider::before, .slider::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 115px;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.slider::before {
    left: 0;
    top: 0;
}
.slider .slide-track {
    -webkit-animation: scroll 20s linear infinite;
    animation: scroll 20s linear infinite;
    display: flex;
    width: calc(200px * 10);
}
.slider .slide {
    height: 100px;
    width: 180px;
} */