@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');


body{   background-image: url(../img/fondo.jpg);
        font-family: 'Roboto', sans-serif;
        color: #fff;
}

.pagina {
        max-width: 70vw;
        margin: auto;
}

.columna1 h2 {
    color: #242424;
    font-weight: 500;
}

.titulo{
    font-size: 5rem;
    font-weight: 700;
    color: #fdc816;
}

.botondescargas {
        padding: 1rem;
        margin: 1rem;
        border-radius: 5px;
        background-color:#fdc816;
        text-decoration: none;
        color: #fff;
        -webkit-box-shadow: 26px 22px 54px -21px rgba(0,0,0,0.5);
        -moz-box-shadow: 26px 22px 54px -21px rgba(0,0,0,0.5);
        box-shadow: 26px 22px 54px -21px rgba(0,0,0,0.5);
}

.botondescargas a {
        text-decoration: none;
    
}

.columna1 img{
        width: 100%;
        padding: none;
}

nav{    background: #2c2c2c;
        padding: 0.5rem;
}

nav ul li{ 
        list-style-type: none;
        display: inline;
        padding: 0.5rem;
    margin: 0.5rem;
    font-weight: 600;
    
}

nav ul li a{
        color: #fff;
    text-decoration: none;
}

img{ 
    width: 20%;
    height: auto;
}

.mapa {width: 70vw;}


.columna3{
    background: #a7a7a7;
    padding: 1rem; 
    display: flex;
}

.columna3 article{
    max-width: 33%;
}

.caracteristicas{
    padding-top: 1rem;
}

.columna1{
    background: #dda611;
    border-width: 0 0 0.3rem 0;
    border-color: fff;
    }


.datosobligatorios{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
    max-width: 100%;
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #2c2c2c;
    color: 
}

.datosobligatorios h2{
            font-weight: 500;
            font-size: 1.3rem;
            color: #fdc816;
}

h1 { font-weight: 400;}

h2 { font-weight: 300; font-size: 2.2rem; color: #8ABF9C; }

h3 { font-weight: 600; font-size: 0.8rem; }

h4 { font-weight: 800;}

article { 
    text-align: center;
    padding: 1rem;
}

footer { 
    background-color: #fdc816;
    padding: 0.5rem 1rem;
    text-align: center;
    font-size: 0.8rem;
    color: #0d0d0d;
}


.detalles {background-color: #fff;}

.detalles h2 {
    font-weight: 800;
    font-size: 1.rem;
    color: #db730b; 
    margin-top: 2rem;
}

.detalles p { 
    font-size: 1rem;
    color: #362D59;
    margin: 1rem;
}