/*HEADER-CONTAINER*/

body {
    font-size: 16px;
}

.header-container {
    background-color: #ffffff;
    height:15vh;
 }

.logo-container {
    margin: 0.5rem 0;
    height: 5rem;
}

.logo {
   height:4rem;  
}

.header-container h1 {
    margin: 0.5rem 0;
    font-family: Tahoma;
    font-size: 1.7em;
    font-weight: 500;
    color: #000000;
    text-align:center;
}

/*LOGIN-CONTAINER*/

.login-container {
    margin: 0.5rem 0;
    text-align: right;
}

.login-container #dropdownMenuLink {
    text-decoration: none;
}

/*CONTENEDOR MENU*/

.menu-container {
    background-color: #2d3436;
    height:5vh;
}

/*Estilos generales Menu*/

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    position: relative;
}

.menu li a {
    color: #ffffff;
    font-size: 0.9rem;
    text-decoration: none;
    display: block;
    transition: 0.2s;
}

.menu li a:hover {
    background-color: #636e72;
}

/*Primer nivel*/

.menu > ul > li {
    display: inline-block;
}

.menu > ul > li > a {
    padding: 0.7rem 1rem;
}

/*Segundo nivel*/

.menu ul li ul {
    display: none;
    position: absolute;
    background-color: #3a4245;
    top: 100%;
    min-width: 12rem;
    z-index: 2;
    border: 1px solid #b2bec3;
    border-radius: 5px;
}

.menu ul li ul li a {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.menu ul li:hover ul {
    display: block;
}

/*MAIN-CONTAINER*/

.main-container {
    background-color: #FFFFFF;
    min-height:60vh ;
}

/*FOOTER-CONTAINER*/

.footer-container {
    min-height: 20vh;
    margin: 0rem;
    padding: 2rem;
    font-size: 0.9rem;
    font-weight: 400;
    background-color: #2d3436;
    color: #E4E4E4;
}

.footer-container a {
    color: #f1c40f;
    font-size: 0.9rem;
    font-weight: 500;
}

.footer-container a:hover {
    color: #3498db;
}

.footer-container p {
    margin: 0.8rem;
    font-size: 0.9rem;
    text-align:center;
}

/*Borde de control*/

.borde{
    border: 1px solid black;
}

/*--Contenedor comunicado--*/
/*.contenedorComunicado {
    background-color: #bdc3c7;
    height: 120px;
    padding: 10px;
}*/

/*.cajaComunicado {
    margin: 15px auto;
    padding: 5px;
    text-align: center;
    color: #1754c3;
    width: 750px;
    font-weight: bold;
    font-family: 'Century Gothic';
    font-size: 16px;
    animation: slideLeft 1s linear 0s alternate;*/
    /*-webkit-animation: slideLeft 1s linear 0s normal;
	-moz-animation: slideLeft 1s linear 0s normal;*/
/*}

@keyframes slideLeft {
    from {
        transform: translateX(300px);
    }

    to {
        transform: translateX(0px);
    }
}*/

/*@-webkit-keyframes slideLeft {
	from { -webkit-transform: translateX(500px); }
	to { -webkit-transform: translateX(0px); }
}*/

/*@-webkit-keyframes slideLeft {
	0% { -webkit-transform: translateX(50%); }
	50% { -webkit-transform: translateX(-15%); }
	100% { -webkit-transform: translateX(15%); }
}*/

/*@-webkit-keyframes slideVaiven {
	0% { -webkit-transform: translateX(-80%); }
	25% { -webkit-transform: translateX(80%); }
	50% { -webkit-transform: translateX(-30%); }
	75% { -webkit-transform: translateX(30%); }
	100% { -webkit-transform: translateX(0%); }
}*/