﻿body {
    margin: 0;
    padding: 0;
}

/*Color de la barra*/
.navbar {
    background-color: #1c3252;
    /*background: rgb(208,208,208);
    background: linear-gradient(0deg, rgba(208,208,208,1) 3%, rgba(203,203,203,1) 26%, rgba(172,172,172,1) 79%, rgba(173,173,173,1) 94%);*/
    /*background: rgb(221,221,221);
    background: linear-gradient(0deg, rgba(221,221,221,1) 3%, rgba(194,194,194,1) 26%, rgba(159,159,159,1) 73%, rgba(143,143,143,1) 94%);*/
    /*background-color: #80f6f6;*/ /*rgba(30, 144, 255, 0.50) */
    padding: 10px 10px; /* Large padding which will shrink on scroll (using JS) */
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    position: fixed; /* Sticky/fixed navbar */
    width: 100%;
    top: 0; /* At the top */
    z-index: 99;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
    
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        margin-top: -5px;
        left: 100%;
        
    }

.dropdown-menu > li > a:hover::after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
/*Color del menú*/
.dropdown-menu {
    background-color: #f7f7f7; /*#77c5fe*/
}

.menuletter {
    font-weight: 500;
    color: #1c3252; /*color de letra, pero hay que sacar la clase navbar-ligth para que funcione*/
}

.txtAzul {
    color: #002856
}

/*Color del submenú*/
.dropdown-menu > li > ul {
    background-color: #c3def8;
}
/*Color de fondo de los items principales con submenu*/
.navbar-nav li:hover {
    background-color: #60d8cf; /*#7abda2 */
    border-bottom: hidden;
    border-radius: 5px;

}
/*color de fondo de los items 0 (principales sin submenu)*/
.navbar-nav a:hover {
    background-color: #60d8cf; /*#fe9a55;*/ /*#ff7e7e*/ /*#79b9fF*/
    /*border-bottom-right-radius: 10px;*/
    border-radius: 5px;
    
}




.acces {
    float: right;
}


.fondoTitulo {
    background: #1c3252;
    /*#e86949 naranja mas claro*/
    /*#002856 azul oscuro*/
    /*background: rgb(50,210,0);
    background: linear-gradient(0deg, rgba(50,210,0,1) 8%, rgba(35,191,0,1) 31%, rgba(35,171,0,1) 72%, rgba(35,163,0,1) 90%);*/
}

.fondoBody {
    background: rgb(219,219,219);
    background: linear-gradient(0deg, rgba(219,219,219,1) 6%, rgba(230,230,230,1) 45%, rgba(237,237,237,1) 95%);
}

/*footer que reemplaza dialog defs tema1.css*/
.footer {
    background-color: #60d8cf;
    color: #1c3252;
}

    .footer a {
        color: #1c3252;
    }

        .footer a:hover {
            color: #ebebeb; /*#7dff91*/
            text-decoration: none;
        }


/*COLORES*/
.colorTurquesa {
    color: #60d8cf;
}

.colorAzul {
    color: #1c3252;
}

.colorGris {
    color:#ebebeb;
}


/*FONDOS*/
.fondoTurquesa {
    background-color: #60d8cf;
}

.fondoAzul {
    background-color: #1c3252;
}

.fondoGris {
    background-color: #ebebeb;
}

.fondoGradiente {
    background: rgb(96,216,207);
    background: linear-gradient(0deg, rgba(96,216,207,1) 0%, rgba(28,50,82,1) 100%);
}

.fondoGradiente2 {
    background: rgb(28,50,82);
    background: linear-gradient(0deg, rgba(28,50,82,1) 0%, rgba(96,216,207,1) 100%);
}

.fondoGrBody {
    background: rgb(195,195,195);
    background: linear-gradient(0deg, rgba(195,195,195,1) 0%, rgba(235,235,235,1) 100%);
}
/*MODIFICADORES*/
.botonRedondo{
    border-radius:15px;
}

.iconTxt{

}
    .iconTxt a {
        color: #1c3252;
    }
        .iconTxt a:hover {
            color: #1c3252;
            text-decoration: none;
        }

@media screen and (max-width: 500px){
    .golum{
        height:500px;
        

    }
}

/*@media screen and (max-width: 500px) {
    #golum {
        max-height: 500px
    }
}*/
