body{
    background-color: black;
    color:rgb(207, 124, 0);
    padding: 0px;
    font-size:22px;
}
#Cabecera{
    z-index:99;
    top:0px;
    left:0px;
    position:fixed;
    display:block;
    width:100vw;
    height:17vh;
    min-height: 150px;
    background: linear-gradient(black 35%, transparent 60%) no-repeat;
}
    #Logo{
        display: block;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        width:auto; /*Sobremesa*/
        height:100%; /*Sobremesa*/
        max-height:17vh;
        overflow: hidden;        
    }

#Menu{
    z-index:100;
    top:2%;
    right:0px;
    position:fixed;
    display:block;
    width:50vw;
    max-height:150px; 
}   
    #Menu_Icono{
        width:18%;
        height:100%;
        margin-top:2%;
        margin-right:2%;
        margin-left:auto;        
        vertical-align:top;
        min-width:80px;
    }
    #Menu_Desplegable{
        position:relative;      
        width:0;        
        max-width:200px;
        margin-right:0;
        margin-left:auto;
        font-family:Berkshire;
        background-color:rgba(0,0,0,0.7);
        background-image:url('../img/marco.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;

    }
#Language{
    z-index:200;
    width:7%;
    position:fixed;
    display:block;
    height:auto;
    top:10px;
    max-width:30px;
}

#Contenido{
    position: relative;
    display:block;
    top:12vh;
    width:100%;
    text-align: justify;   
    margin:auto;
    font-family: Texto;
    font-size: 1.2rem;
}
    #Contenido .Cabecera{
        position: relative;
        display: block;        
        margin-left: auto;
        margin-right: auto;
        margin-top: -7vh;
        margin-bottom: auto;
        width:100%;
        height:auto;
        overflow: hidden;  
    }
    #Contenido section{
        position: relative; 
        display: block;
        margin:auto;
        width: 100%;
        align-content: center;
        
    }
    #Contenido section article{
        position: relative; 
        display: block;
        margin: auto;
        width: 70%;
        align-content: center;
        margin-top:5%
    }
         #Contenido section article.SinMargen{
           margin-top:0;
        }

    #Contenido input{
        font-size:1rem;
        font-family: Texto;
    }

   input[type="button"],input[type="submit"]{
        width:auto;
        font-size:1.2rem;
        border: none;
        border-radius: 4px;
        background-color:red;
        color:rgb(255, 178, 62);
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
    }
       input[type="button"]:hover, input[type="submit"]:hover{
            background-color:rgb(207, 124, 0);
            color: red;
        }

    #Contenido select{
        font-size:1rem;
        font-family: Texto;
    }
    #Contenido textarea{
        font-size:1rem;
        font-family: Texto;
    }
    

.Centrar{
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width:100%;
    height:100%;
    overflow: hidden;
}
.Anchura_50_100{    
    width:50%;
}

div.MultiColumnas{
    display:block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width:auto;
    height:auto;
    overflow: hidden;
}
    div.Columna{
        float:left;
        height:100%;
        overflow:hidden;
    }
        div.Columna.Bloque1{
            float:none;
            position:relative;
            margin:auto;
            width:50%;
        }
        div.Columna.Bloques2{
            width:50%; /*para 2 columnas*/
        }
        div.Columna.Bloques3{
            width:33%; /*para 3 columnas*/
        }

a{
    text-decoration: none;
    color:rgb(207, 124, 0);
}
    a h2:hover{
        color:red;
        font-size:1.7rem;
        /*filter: blur(1px);
        -webkit-filter: blur(1px);*/
        
    }
    
.Intro{
    text-align: center;
    font-size: 4vw;
    font-family: Berkshire;
}

h1{
    font-size:2rem;
    text-align: center;
    font-family: Berkshire;

}

h2{
    text-align: center;
    font-family: Berkshire;
}

p.Advertencia{
    font-size:0.75rem;
    color:red;

}

footer{
    font-size: 0.75rem;
    text-align: center;
}
    footer h1{
        font-size: 0.75rem;
    }


.gray{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.blur{
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

/*
    AJUSTES PARA DISPOSITIVOS MOVILES
*/
@media only screen and (max-width: 800px) {
    #Logo{
        height:auto;
        max-width:50%;
        min-height: 100px;
    }
    #Menu_Icono{width:35%;}
    #Contenido{font-size:1.2rem;}
    #Contenido .Cabecera{margin-top: 0;}
    #Contenido section article{
        width:95%;
    }
    .Anchura_50_100{
        width:100%;
    }
    div.Columna {
        float:none;
    }
        div.Columna h2{
            font-size:1.5rem;
        }
        div.Columna.Bloque1,div.Columna.Bloques2,div.Columna.Bloques3{
            width:100%;
        }
    .Intro{
        font-size: 7vw;
    }
 }