:root{
  --white: white;
  --azul1: #00519E;
  --azul2: #007BBF;
  --azul3: #000066;
  --azul4: #2E335C;
  --azul5: #007BC0;
  --azul6: #003366;
  --amarillo: #ffcc00;
  --amarillo2: #ffc211;
  --amarillo3:#FFCC33;
  --amarillo4:#ffb600;
  --amarillo5:#FDCC00;
  --amarillo6:#FEE9A9;
  --amarillo7:#ffff99;
  --amarillo8:#FFE471;
  --amarillo-gt:#EEE1AC;
  --celeste:#d6e4ea;
  --celeste1:#007bc0;
  --celeste2:#bacae6; 
  --celeste3:#D0FAFF;
  --verde:#336600;
  --verde1: #009944;
  --verde3:#25835d; 
  --verde-gt:#2F6C49;
  --gris: #555555;
  --gris1: #F2F2F2;
  --gris2: #dddddd;
  --gris3: #444444;
  --gris4: #EDEDED;
  --gris5: #f0f5f2;
  --gris6: #EEEEEE;
  --negro1: #333;
  --negro2: #666;
  --negro3: #000000;
  --negro4: #999999;
  --naranja: #f56200;
  --turquesa: #007e8d;
  --fucsia: #ce276d;
  --morado: #6e5599;
  --dorado: #6e5599; 
  --blue-a: #326175;
  --blue-0: #003366;
  --blue-1: #0A46A5;
  --blue-2: #0c71b9;
  --blue-3:#3399CC;
  --blue-4: #00519E;
  --blue-5: #007BC0;
  --blue-pg-4: #0066CC;
  --blue-pg-5: #007BC0;
  
  --grey-pg-4: #CCCCCC;
    
  --black-pure: #000000;
  --black-0: #000033;
  --black: #333333;
  --black-2: #555555;
  
  --orange:#FF8533;
  --orange-0:#E03106;
  --orange-1: #EA542D;

  --rosado-veat:#A01353;
  --rosado-veat2:#AF3F7C;
  --rosado-veat3:#EFE6EA;

  --morado-veod: #73228A;
  --morado-veod2:#A4519C;
  --morado-veod3:#F5E7F4;
  --morado-arte1:#4A004C;    
  --rojo-vol11:#6B0132;
  --naranja-re1:#8F1F00;
  --naranja-re2:#CC2B00;
  --naranja-re3:#C34A00;
  --verde-re:#003300;
  


  --verde-ve-pe:#3D6804;
  --verde-ve-pe2:#6B7C19;
  --verde-ve-pe3:#EBEFE1;

  --azul-vere:#00519E;
  --azul-vere2:#007BC0;
  --azul-vere3: #E5EDF5;

  --yellow-ve: #FFCC00;
  --grey-ve-1: #ededed;
  --grey-ve-2: #666666;
  --light-blue-ve: #068093;
  --blue-1-ve: #00519e;
  --blue-2-ve: #007BC0;
  --blue-3-ve: #E5EDF5;
  --blue-4-ve: #0A57A4;
  --blue-5-ve: #135980;
  --light-orange:#ce7933;
  --light-brown:#817a83;
  --pink: #B93A83;

  
  
  
  
    
}

/* HELPERS */
.bg-banner-ve-1{background: #008094;}
.bg-light-blue-ve {background: var(--light-blue-ve);}
.bg-black-0 {background: var(--black-0);}
.bg-blue-a {background: var(--blue-a);}
.bg-blue-0 {background: var(--blue-0);}
.bg-blue-1 {background: var(--blue-1);}
.bg-blue-2 {background: var(--blue-2);}
.bg-blue-4 {background: var(--blue-4);}
.bg-blue-5 {background: var(--blue-5);}
.bg-blue-pg-4 {background: var(--blue-pg-4);}
.bg-blue-pg-5 {background: var(--blue-pg-5);}
.bg-yellow-ve {background: var(--yellow-ve);}
.bg-grey-ve-1 {background: var(--grey-ve-1);}
.bg-grey-ve-2 {background: var(--grey-ve-2);}
.bg-grey-pg-3 {background: var(--gris6);}
.bg-grey-pg-4 {background: var(--grey-pg-4);}
.bg-gris {background: var(--gris6);}
.bg-gris1 {background: var(--gris1);}
.bg-black {background: var(--black);}
.bg-black-2 {background: var(--black-2);}
.bg-white {background: var(--white);}
.bg-white-brd {background: var(--white); border:2px solid var(--white); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.bg-gris-brd{background: var(--gris1); border:2px solid var(--white); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.bg-orange-1 {background: var(--orange-1);}
.bg-light-orange {background: var(--light-orange);}
.bg-orange{background: var(--orange);}
.bg-light-brown {background: var(--light-brown);}
.bg-verde-ve-pe {background: var(--verde-ve-pe);}
.bg-verde-ve-pe2 {background: var(--verde-ve-pe2);}
.bg-azul-vere {background: var(--azul-vere);}
.bg-azul-vere2 {background: var(--azul-vere2);}
.bg-azul-vere3 {background: var(--azul-vere3);}
.bg-morado-veod {background: var(--morado-veod);}
.bg-morado-veod2 {background: var(--morado-veod2);}
.bg-morado-veod3 {background: var(--morado-veod3);}
.bg-pink {background: var(--pink);}
.bg-amarillo-gt {background: var(--amarillo-gt);}
.bg-verde-gt {background: var(--verde-gt);}
.bg-rosado-veat {background: var(--rosado-veat);}
.bg-rosado-veat2 {background: var(--rosado-veat2);}
.bg-rosado-veat3 {background: var(--rosado-veat3);}
.txt-blue-1 {color: var(--blue-1);}

/* ---------- CONTRAST ----------- */

.dark-contrast h2, .dark-contrast h3, .dark-contrast h4 {color: var(--white);}
.light-contrast h2  {color: var(--black-0);}


.bg-black-0 h2, .bg-blue-0 h2, .bg-blue-4 h2, .bg-blue-5 h2, .bg-verde-gt h2, .bg-blue-a h2, .bg-blue-a h3 {color: var(--white);}
.bg-white h2, .bg-white-brd h2,  .bg-gris-brd h2, .bg-gris1 h2, .bg-amarillo-gt h2  {color: var(--black-0);}
.bg-white-brd a {color:var(--azul1)!important;}
.bg-white-brd a:hover {color:var(--azul5)!important;}

.bg-black-0 a, .bg-blue-4 a, .bg-blue-5 a, .bg-verde-gt a, .bg-blue-a a,.bg-blue-a a, .bg-rosado-veat a {color: var(--white);text-decoration: underline;}

.dark-contrast p {color: var(--white);}
.light-contrast p {color: var(--black-2);}

.dark-contrast li {color: var(--white);}
.light-contrast li {color: var(--black-2);}

.accordion-tabs .content.is-open a {color: var(--azul5);text-decoration: underline;}




.bg-gris h2 {color:var(--azul6);}




.bg-gris a:link, a:active, .link:active {color: var(--azul1); text-decoration: underline;}

/* ---------- Fin CONTRAST ----------- */


.bloque .wrapper h3 {
  background: var(--blue-3) !important;
}
.bloque .wrapper .sub-wrapper p{
  background: var(--gris1)!important;
  color: var(--gris)!important;
}
.nav.nav-tabs {
  background: var(--yellow-ve) !important;
}

.nav.nav-tabs li a.active, .nav.nav-tabs li a:hover {
  background: var(--orange-0) !important;
  color: var(--white);
}

.nav.nav-tabs li a {
  background: transparent;
  color: var(--black-pure);
}

.bloque .wrapper .sub-wrapper a {
  color: var (--azul5);
}

/* ---------- Color Module Styles ----------- */

body {
  color: var(--black);
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: var(--white);

}

.tabs ul.primary li a.is-active {
  background-color: var(--white);
}

.tabs ul.primary li.is-active a {
  background-color: var(--white);
  border-bottom-color: var(--white);
}

#navbar-top {
  background-color: #055a8e;
}

#navbar-main {
  background-color: #1d84c3;
}

a,
.link {
  color: #0071b3;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #018fe2;
}

a:active,
.link:active {
  color: #23aeff;
}

.page-item.active .page-link {
  background-color: #0071b3;
  border-color: #0071b3;
}

.page-link,
.page-link:hover {
  color: #0071b3;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0256b1;
}
/*footer vida estudiantil*/
footer{
  background: #00519E;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}


/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}