.menu-superior{
list-style: none;
    padding:0;
    text-align: right;
    margin: 0;  
}

.menu-superior li{
     display: inline-block;
     padding:0 1em;
     border-left:2px solid #000; 
 }
.menu-superior li a {
  font-weight: bold;
  text-align: center;
  text-decoration:none;
  display: inline-block;
  width: 100%; 
 color:#000;
 }
.menu-superior li a:hover{
text-decoration:underline;
}

.menu-superior li:first-child{
border-left:none;
   }

.acordion table{
    border-collapse: collapse;
}
.acordion td{
  border:1px solid #ccc;
 }
.acordion{
font-size:12px;}

a[title="Aspirante"]{
  display:block;
  width:100%;
  background-color:rgb(232,187,0);
  color: #fff;
  text-align:center;
  text-decoration:none;
}
a[title="Empleador"]{
  display:block;
  width:100%;
  background-color:rgb(197,71,10);
  color: #fff;
  text-align:center;
  text-decoration:none;
}
a[title="Performance"]{
  display:block;
  width:100%;
  background-color:rgb(202,97,3);
  color: #fff;
  text-align:center;
  text-decoration:none;
}
a[title="Preinscricion"]{
  display:block;
  width:100%;
  background-color:#DD001B;
  color: #fff;
  text-align:center;
  text-decoration:none;
}
a[title="Aspirante"]:hover, a[title="Empleador"]:hover, a[title="Performance"]:hover, a[title="Preinscricion"]:hover{
  text-decoration:underline;
}


ul.lista1 {
      list-style: none;
    padding:0;
    vertical-align: top;
    margin:0;
}
ul.lista1 li a{
    display: block;
    background: #C1C2C8;
    color:#000;
    padding: 0.5em 1em;
    margin: .2em 0 .2em 0;
	border-radius:20px;
    font-family: code-bold;
	font-size:0.9em;
    text-decoration: none;
}

ul.lista1 li a.active,ul.lista1 li a:hover{
    
    background: #DD001B;
	color: #fff;
    
}
/*
ul.lista1 li a::before{
    content: " ";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #fff;
     margin-left:-.5em;
     margin-right: 2em;
     margin-top:.25em;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
    
}*/


.ui-accordion .ui-accordion-header{
	margin-top:15px;
	background: #C1C2C8;
    color:#000;
    padding: .2em 1em;
    
	border-radius:20px;
}
.ui-accordion .ui-accordion-header .ui-icon {display: none;}
.ui-accordion .ui-accordion-header:hover{
	 background: #DD001B;
	color: #fff;
}

.ui-accordion .ui-accordion-header+table {width:100%;}

.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-warning{background-image:none}
.btn,.btn-link{font-weight:400}
.btn-block,input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}
.btn-primary .badge{color:#337ab7;background-color:#fff}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}
.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}
.btn-success .badge{color:#5cb85c;background-color:#fff}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}
.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}
.btn-info .badge{color:#5bc0de;background-color:#fff}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}
.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}
.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}
.btn-warning .badge{color:#f0ad4e;background-color:#fff}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}
.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}
.btn-danger .badge{color:#d9534f;background-color:#fff}
.btn-link{color:#337ab7;border-radius:0}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}
.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}
.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block}
.btn-block+.btn-block{margin-top:5px}



.ws_contador_paginas span>a{
    display:inline-block;    
    margin-bottom:0;
    font-size:14px;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    border-radius:4px;
    padding:6px 12px;
    color:#fff;
    background-color:#d9534f;
    border-color:#d43f3a;
    margin-left:4px;
}

.ws_contador_paginas span:hover>a{
    color:#fff;
    background-color:#c9302c;
    border-color:#761c19;
}
.ws_contador_paginas span.activa{
    display:inline-block;   
    margin-bottom:0;
    font-size:14px;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    border-radius:4px;
    padding:6px 12px;
    color:#333;
    background-color:#e6e6e6;
    border-color:#8c8c8c;
    margin-left:4px;
}

/*--------------------------------------*/
.categoria{
    vertical-align: top;
}
.categoria article{
  display: inline-block;
  /*border: 1px solid #000;*/
  width:320px;
  margin-top: 1em;
    vertical-align: top;
}
.categoria article:nth-child(2n)
{
    margin-left:15px;
}

.categoria article h4, .categoria article a h4, .categoria article h4 a{
    margin:0.5em 0;
    text-align: center;
    font-family: code-bold;
    color: #DD001B;
    font-size: 1em;
    text-decoration: none;
}

    .categoria article a {
   text-decoration: none;
         }


.categoria article img{
    width: 100%;
    height: 200px;
    background-color: rgb(193,194,200);
}


.vmodal{
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  top:0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  align-content: center;
  align-items: center;
  vertical-align: middle;
  z-index: 999999999;
}

.vmodal #chkmodal {
  position: absolute;
  top:-20px;
  left:-20px;
}

.vmodal div{
  background-color: #fff;
  /*min-width: 300px;
  min-width: 300px;
  width: 100%;  */
/*  max-width: 600px;  */
  box-shadow: #000 2px 2px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  position: relative;
}

.vmodal div label {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  position: absolute;
  right: 2rem;
  top:2rem;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.5rem;
  border-radius: 50% ;
  background-color: #fff;
  border: 4px solid #000;
}

.vmodal div label:hover{
  background-color: #eee;
}
.vmodal div img{
  width: 100%;
}

.vmodal:has(>#chkmodal:checked) {
 display: none;
}

.sombra{
    height: 265px;
width:300px;
box-shadow: 3px 10px 20px #0000001a;
}

/* Pestañas */
.tab-content {
  display: none;
}

.tab:target .tab-content, .tab:last-of-type .tab-content {
  display: block;
}

.tab:target ~ .tab:last-of-type .tab-content {
  display: none;
}

/* parámetros para configurar las Pestañas */
:root {
  --tabs-border-color: #ABCDEF;
  --tabs-border-size: 3px;
  --tabs-text-color: white;
  --tabs-dark-color: #012345;
  --tabs-lite-color: #345678;
  --tabs-width: 132px;
  --tabs-height: 40px;
}

/* aspecto básico Pestañas */
body {
  line-height: 1.2;
}
h2, p {
 /* margin: 0;*/
} 
a {
  color: inherit;
  text-decoration: none;
} 
.tabs * {
  box-sizing: border-box;
}

/* esto es para posicionar las pestañas correctamente */
.tab-container {
  position: relative;
  padding-top: var(--tabs-height); /* en esta zona colocaremos las pestañas */
} 
#tab1>a { --tabs-position: 0; }
#tab2>a { --tabs-position: 1; }
#tab3>a { --tabs-position: 2; }
#tab4>a { --tabs-position: 3; }
#tab5>a { --tabs-position: 4; }
#tab6>a { --tabs-position: 5; }
#tab7>a { --tabs-position: 6; }
.tab>a {
  text-align: center;
  position: absolute;
  width: calc(var(--tabs-width));
  height: calc(var(--tabs-height) + var(--tabs-border-size)); 
  top: 0;
  left: calc(var(--tabs-width) * var(--tabs-position)); /* posición de cada pestaña */
}

li:has( a[title*=Nuestra]):hover{
/* border: red;*/
}