body
{
    font-family: 'Maven Pro', sans-serif;
}

h1, h2, h3, h4, h5
{
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
}

.main-container
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}

.carousel-inner img {
    width: 100%;
    height: 80%;
} 

.logo-container
{
    padding: 5px 0px 5px 0px;
} 
.nav-item   
{ 
    padding-right: 10px !important;
    align-content: center;
}
.nav-item:hover
{
/*    background-color: #194087;*/
    background-color: darkslategrey;
}
.btn-oro
{
    cursor:pointer !important;
    color: white !important;  
    background-color: #D59F0F !important;
}

.btn-azul
{   
    cursor:pointer !important;
    color: white;
    background-color: #002B7A !important;
}
.btn-azul:hover
{ 
    background-color: #194087 !important;
    color: white !important;
}
.bg_blue
{
    color: white;
    background-color: #002B7A !important;   
}

.logotype-onheader
{
    width: 20%; 
    max-width: 400px;
    min-width: 300px; 
    height: auto;
}
.video-quienes
{
    border: 2px solid;
    border-style: outset;
}
.nav-container
{
    background-color: #002B7A !important;   
    border-bottom: 5px solid #D59F0F !important;
}

.carousel-caption
{ 
    height: 40x !important;
    opacity: 0.8 !important;
}

.section-title
{
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.5em;
}

.quienes-title
{
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.5em;
}

.quienes-resume
{
    font-size: 0.8em;
}

.personal-title
{
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.5em;
}

.comite-title
{
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.5em;
}

.equipo-title
{
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.5em;
}

.slideshow-title
{
    font-size: 0.7em;
    margin: 0;
    padding: 0;
}
.slideshow-resume
{
    font-size: 0.6em;
    margin: 0;
    padding: 0;
}

.slideshow-title-mb
{
    font-size: 0.6em;
    margin: 0;
    padding: 0;
}
.slideshow-resume-mb
{
    font-size: 0.5em;
    margin: 0;
    padding: 0;
}

@media (min-width: 993px) 
{
    .navbar
    {
        padding: 0 !important;
    }
}

.header-container
{
    padding-top: 10px;
    padding-bottom: 10px;
}

nav
{
    font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 16px;  
}  
.bg-fdark
{
    background-color: black;
} 
/*
.nav-item:hover
    {   
        background-color: #194087 !important;
    } */

nav ul li a
{
    font: normal 15px Arial,Helvetica,Tahoma,Verdana,Sans-serif;
    font-style: normal; 
    text-decoration: none;
}

.dropdown-menu
{

}

.bg-gold:hover
{
    cursor: pointer; 
    color: white;
    font-style: bold;
    background-color: #D59F0F; 
}

.bg-gold
{
    color: black;
    background-color: #ddb23e;
}

.nav-link a
{
    text-align: center;
}
.navbar-toggler
{
    background-color: white; 
    align-content: right;  
} 
.dropdown-toggle:hover
{
    color: red;
}
.dropdown-item
{
    text-align: left;
}
.dropdown-item:hover
{
    background-color: #D59F0F !important;
    color: white;
} 
.adjust-div
{
    padding: 0px; 
    margin: 0px;  
}
.carousel
{
    height: 400px;
}
.carousel-inner 
{ 
    height: 400px;
}
.carousel-item
{
    height: 400px;
}
.carousel-controls
{
    background-color: black; 
    border-radius: 10px; 
    padding-top: 10px;
}
.nv-title-box
{
    margin: 0;
    padding: 0;
    border-bottom: 3px solid #D59F0F;
}
.nv-title
{
    margin-bottom: -0.15em !important;
}
.map-ubication
{
    background-color: black;
    border: 3px solid white; 
    padding: 1px; 
    border-radius: 3px;
}

.sponsor
{ 
    cursor: pointer;
}

.sponsor-unam
{
    width: 100px;
    height: 100px;
    margin-top: -50px; /* Half the height */
    margin-left: -50px; /* Half the width */
}

.sponsor-cic
{
    width: 100px;
    height: 100px;
    margin-top: -50px; /* Half the height */
    margin-left: -50px; /* Half the width */
}

.sponsor-conacyt
{
    width: 130px;
    height: 100px;
    margin-top: -50px; /* Half the height */
    margin-left: -65px; /* Half the width */
}

.sponsor-labunam
{
    width: 130px;
    height: 125px;
    margin-top: -62px; /* Half the height */
    margin-left: -65px; /* Half the width */
}

.sponsor-ibt
{
    width: 150px;
    height: 145px;
    margin-top: -72px; /* Half the height */
    margin-left: -75px; /* Half the width */
}

.tweets
{
    width: 100%;
    height: auto; 
}
#twitter-widget-0
{
    width: 100% !important; 
    height: 365px !important; 
}
.footer-container
{ 
    background-color: #002B7A !important;
    border-top: 5px solid #D59F0F !important;
    bottom: 0;
}
.sn
{
    opacity: 1.0;
}
.sn:hover
{
    opacity: 0.8;
}
.sn-container
{
    padding-top: 50px;
    padding-bottom: 50px;
}
.sponsor-hr
{
    border-bottom-style: groove;
    border-bottom-width: 2px;
    border-bottom-color: #002B7A;  
}

.hr-line
{
    border-bottom-style: groove;
    border-bottom-width: 2px;
    border-bottom-color: #002B7A;  
}
.sponsor-title
{ 
    font-size: 0.7em;
}
.sponsor-link
{
    color: black !important;
    text-decoration: none !important;
}
.btn-icon-text
{
    text-align: center;
} /*
a:link 
{
    color:white;
    text-decoration: none;
}
a:hover
{
    color: black;
    text-decoration: none;
} */
.text-siguenos
{
    font-size: 0.8em;
}
video 
{
    width: 100%;

}

.main-reserva-btn
{
    font-size: 0.8em;
    border: 1px solid black;
    padding: 3px 3px 3px 3px;
    border: 1px solid; 
    box-shadow: 3px 3px #888888;
}

.shadow-btn
{
    cursor: pointer !important;
    font-size: 0.7em;
    border: 1px solid black;
    padding: 3px 3px 3px 3px;  
    border: 1px solid;
    padding: 5px;
    box-shadow: 3px 3px #888888;
}

.shadow-btn:hover
{
    box-shadow: 2px 2px #888888;
}

.address-title
{
    font-size: 1.0em;
    font-weight: 2px;
    font-style: bold;
    text-align: left;
}

.address-description
{
    font-size: 0.7em;
    text-align: justify;
}

.lnma-footer-title-container
{
    margin: 0;
    padding: 0; 
}

.lnma-title-footer
{
    text-align: center;
    color: white;
    font-size: 4.0em;
    font-family: "Times New Roman", Times, serif;
    /*
    margin-bottom: -15px !important;
    */
}

.lnma-subtitle-footer
{ 
    text-align: center;
    color: white;
    font-size: 0.5em; 
}

.reserva-btn
{
    cursor: pointer !important;
    font-size: 0.7em;
    border: 1px solid black;
    padding: 5px 5px 5px 5px;
    width: 150px;
    height: 150px;
    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px #888888;
}
.btn-icon
{

}
.btn-icon:hover
{
    cursor: pointer;
    opacity: 0.8;
} 	

.video-copyright
{
    font-size: 0.7em;
    color: black;
    text-decoration: none;
}

.dropdown-menu
{ 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 2px;
}

.center-container-text 
{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.copyright-footer
{ 
    text-align: left;
    font-size:0.7em;   
    color: #afafaf; 
    font-style: Arial,Helvetica,Tahoma,Verdana,Sans-serif;
}

.video-copyright-link
{
    font-weight: bold;
}

.video-copyright-link:hover
{
    font-weight: normal;
    text-decoration: none;
}




/* SPONSORS */


.carousel-item {
    min-height:250px;
}

/* 
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/


/* small 1 column */

/* small 3 column 
Small devices landscape phones, 576px and up)

*/

@media (min-width: 576px) and (max-width: 768px){

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item  {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item
    {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}



@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}