@font-face {
    font-family: 'SoberanaTitularRegular';
    src: url('../fonts/SoberanaTitular-Regular.eot');
    src: local('SoberanaTitular-Regular'),
         url('../fonts/SoberanaTitular-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SoberanaTitular-Regular.woff') format('woff'),
         url('../fonts/SoberanaTitular-Regular.ttf') format('truetype'),
         url('../fonts/SoberanaTitular-Regular.svg#open-sans') format('svg');
}
@font-face {
    font-family: 'SoberanaTitularBold';
    src: url('../fonts/SoberanaTitular-Bold.eot');
    src: local('SoberanaTitular-Bold'),
         url('../fonts/SoberanaTitular-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SoberanaTitular-Bold.woff') format('woff'),
         url('../fonts/SoberanaTitular-Bold.ttf') format('truetype'),
         url('../fonts/SoberanaTitular-Bold.svg#open-sans') format('svg');
}
@font-face {
    font-family: 'SoberanaSansRegular';
    src: url('../fonts/SoberanaSans-Regular.eot');
    src: local('SoberanaSans-Regular'),
         url('../fonts/SoberanaSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SoberanaSans-Regular.woff') format('woff'),
         url('../fonts/SoberanaSans-Regular.ttf') format('truetype'),
         url('../fonts/SoberanaSans-Regular.svg#open-sans') format('svg');
}
@font-face {
    font-family: 'SoberanaSansBold';
    src: url('../fonts/SoberanaSans-Bold.eot');
    src: local('SoberanaSans-Bold'),
         url('../fonts/SoberanaSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SoberanaSans-Bold.woff') format('woff'),
         url('../fonts/SoberanaSans-Bold.ttf') format('truetype'),
         url('../fonts/SoberanaSans-Bold.svg#open-sans') format('svg');
}

 @keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
    @-moz-keyframes fadein { /* Firefox */
        from {opacity:0;}
        to {opacity:1;}
}
    @-webkit-keyframes fadein { /* Safari and Chrome */
        from {opacity:0;}
        to {opacity:1;}
}
    @-o-keyframes fadein { /* Opera */
        from {opacity:0;}
        to {opacity: 1;}
}

.divLogo{
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s; /* Firefox < 16 */
    -ms-animation: fadein 3s; /* Internet Explorer */
    -o-animation: fadein 3s; /* Opera < 12.1 */
    animation: fadein 3s;
}

body{
    font-family: 'SoberanaTitularRegular' !important; /*Tipo de fuente*/
    color:#4d4d4d !important;
    font-size: 1.5em !important;
    background: rgba(255, 255, 255, 0.50)!important;
}

#divContenido{
    font-family:SoberanaSansRegular !important;
    padding: 5px;
    text-align:justify;
    border: none !important;
    background: rgba(255, 255, 255, 0.50)!important;
}
.subtituloSoberanaTitularRegular{
    font-family:SoberanaTitularRegular;
    font-size:1.1em;
}
.subtituloSoberanaTitularBold{
    font-family:SoberanaTitularBold;
    font-size:1.1em;
}
/*.subtituloSoberanaTitularBold{
    font-family:SoberanaTitularBold;
    font-size:1.3em;
}*/
.subtituloSoberanaSansRegular{
    font-family:SoberanaSansRegular;
    font-size:1em;
}
.subtituloSoberanaSansBold{
    font-family:SoberanaSansBold;
    font-size:1em;
}

.subtituloAcademia{
    font-family:SoberanaTitularRegular;
    font-size:1.1em;
    text-align:center;
}
.subtituloPresidente{
    font-family:SoberanaSansBold;
    font-size:1em;
    text-align:center;
}

/*Menú Horizontal personalizado VERDE*/
/* navbar */
.navbar-default {
    border: none !important;
    background-color: rgba(255,255,255,0.30)!important;
	filter:alpha(opacity=90);
    font-size: 1.1em !important;
    z-index:1;
    display: inline-block; /* Permite que el contenido se comporte como un bloque inline */
    text-align: center; /* Alinea horizontalmente los elementos */
}

.navbar-default .navbar-nav {
    display: inline-block; /* Hace que el menú se comporte como un bloque centrado */
    float: none; /* Elimina el float */
}


/* link */
.navbar-default .navbar-nav > li > a {
    display: inline-block;
    color:#4d4d4d !important;
    font-family: SoberanaTitularBold;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    border-bottom: 3px solid #800000;
    margin-bottom: -3px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #4d4d4d !important; 
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #4d4d4d !important; 
    background-color: rgba(255,255,255,0.8)!important;
}

/* dropdown */
.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: rgba(255,255,255,0.8)!important;
    margin-top:6px !important;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    color:  #4d4d4d !important; 
    font-size: 1.1em !important;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #4d4d4d !important; 
    background-color: rgba(255,255,255,0.8)!important;
    border-bottom: 2px solid  #800000;
    margin-bottom: -2px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
    color: #4d4d4d !important; 
    background-color: rgba(255,255,255,0.5)!important;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff !important; 
    background-color: rgba(255,255,255,1)!important;
}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #4d4d4d !important; 
    border-bottom-color: #4d4d4d !important; 
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #4d4d4d !important;  
    border-bottom-color: #4d4d4d !important; 
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #4d4d4d !important; 
    border-bottom-color: #800000 !important; 
}

/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #4A494E !important; /*Gray*/
}
.navbar-default .navbar-toggle .icon-bar {
    background-color:  #4A494E !important; /*Gray*/
}