body {font-family: 'Open Sans', sans-serif; font-size: 1em; background-color: #f9f9f9; color:#34495e;
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
h1{font-size: .9em; font-family: 'Open Sans', sans-serif;}
h3{margin:16px; text-align: left; font-family: Lora, serif; font-size: 2em; font-weight: bold;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
footer p{font-size: .9em;}

/* clases utiles */
.italic{font-style: italic;}
.manita{cursor: pointer;}

.cuerpo .w3-card{min-height: 400px;}
.cuerpo .w3-card.auto-height{min-height: auto;}
@media(max-width:680px){
    .cuerpo.w3-margin{margin:16px 0 !important;}   
}

.oww{color:#FFF; background: url(../oww/pizarra2.jpg) center center; background-size: cover;}
.oww h3{font-family: 'Fredericka the Great', cursive; text-align: center;}
.oww:hover{animation-duration: 750ms;
    animation-timing-function:ease-out;
    animation-name: pulse;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
}
.oww p+p{border-left: 1px ridge #FFF;}
.oww p{position: relative;min-height: 250px;}
.oww p a{border:1px solid #FFF; border-radius: 8px; padding:.5em 2em; position: absolute; right:0; bottom:0;}
.oww p a i{font-size: 20px; margin-left:.5em; display: inline-block; vertical-align: middle; padding-bottom: 3px;}
.oww p[lang="nl"] a{right:16px;}

.babia{background: url(img/babia.jpg) center center; background-size: cover;}

@media(max-width:992px){
    .oww p{min-height: auto;}
    .oww p a{margin-top: 50px; position:relative; float: right;}
    .oww p[lang="nl"] a{right:0;}
    .oww p+p{border-top: 1px ridge #FFF; border-left: 0; margin-top: 16px;}
}

@media (min-width: 993px){
    .w3-col.l8 {
        width: 66.66666%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

.milumino{
    background-color: #e8b821;
    display: flex;
    color: #000000;
}

.milumino img{
    width: 100%;
}

.milumino > div{
}

.milumino div.mil-icono{
    flex: 1;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.milumino div.mil-icono .icono img{
    width: 60%;
}

.milumino div.mil-texto{
    flex: 2;
    flex-direction: column;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.milumino div.mil-texto a.texto div:first-child{
    font-size: 2rem;
    font-weight: 700;
}
.milumino div.mil-texto a.texto:hover{ text-decoration: none; }
.milumino div.mil-texto a.texto:hover div:first-child{ text-decoration: underline; }

.milumino div.mil-texto a.boton{
    border: 1px solid #000000;
    background-color: #000000;
    color: #e8b821;
    border-radius: 8px;
    padding: .2em 1em;
    margin: 1rem auto;
    width: fit-content;
}

.milumino div.mil-boton{
    font-size: .6rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.milumino div.mil-boton a {
    display: block;
    font-size: 2rem;
}

.rumano{
    border: 1px solid #000000;
    border-radius: 5px;
    background-color: #cfcfcf;
    color: #000000;
}

.rumano h3{
    vertical-align: middle;
}

div.rumano a:hover{
    text-decoration: none;
}

div.rumano a:hover span{
    text-decoration: underline;
}

.rumano span.azul{
    color: #002B7F;
}

.rumano a:hover span.azul{
    background-color: #002B7F;
    color: #ffffff;
    padding: 1rem 0;
    text-decoration: none;
}
.rumano span.amarillo{
    color: #FCD116;
}
.rumano a:hover span.amarillo{
    background-color: #FCD116;
    color: #ffffff;
    padding: 1rem 0;
    text-decoration: none;
}
.rumano span.rojo{
    color: #CE1126;
}
.rumano a:hover span.rojo{
    background-color: #CE1126;
    color: #ffffff;
    padding: 1rem 0;
    text-decoration: none;
}


.rumano .gris{
    margin-left: 16px;
}