@import url(informacion.css);
@import url(preguntas.css);


@font-face{
    font-family: roboto;
    src: url('../Fonts/roboto/roboto-v18-latin-regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
       url('../Fonts/roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../Fonts/foboto/roboto-v18-latin-regular.woff2') format('woff2'),
       url('../Fonts/roboto/roboto-v18-latin-regular.woff') format('woff'),
       url('../Fonts/roboto/roboto-v18-latin-regular.ttf') format('truetype'),
       url('../Fonts/roboto/roboto-v18-latin-regular.svg#Roboto') format('svg');
}


@media only screen and (max-width: 500px) {
    #logo_header {
        width: 30%;
    }
    #titulo_der{
        margin: 0;
        padding: 0;
        letter-spacing: 2px;
    }

    #titulo_izq{
        margin: 0;
        padding: 0;
        letter-spacing: 0;
    }
    #contenido_izq{
        width: 100%;
        font-size: 18px;
    }
    #contenido_der{
        width: 100%;
        margin-left: 0;
        font-size: 18px;
    }
    .contenido_preguntas{
        width: 100%;
        margin-left:0;
        text-align: center;
        font-size: 14px;
    }

    #titulo{
        width: 100%;
        margin-left: 0;
        font-size: 18px;
        text-align: justify;
    }
    #contenido{
        width: 100%;
        margin-left:0;
        text-align: justify;
        font-size: 14px;
    }
    .wrapper02{
       width: 90%;
    }

    .acordeon_imagen{
    display: block;
    padding: 15px;
    background: rgb(0, 100, 167);
    margin: 10px 25%;
    text-align: center;
    font-size: 20px;
    font-family: roboto, sans-serif;
    color: white;
    cursor: pointer;

    }
}

header{
    box-sizing: border-box;
    background-color: #fff;
    padding: 10px;
    border-bottom: 3px solid #0064A7;
    width: 100%;
    left: 0;
	top: 0;
	position: fixed;
}



.contenedor{
    text-align: center;
}



body{
    margin: 0;
}

.video{
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    top:50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -2;

}

h1{
    font-family: roboto, sans-serif;
    color:white;
    text-align: center;
    margin-top: 300px;
    margin-bottom: 300px;
	font-size: 30px;
	letter-spacing: 8px;
    width: 100%;
}


.fondo_boton{
    box-sizing: border-box;
    background-color: #fff;
    padding: 10px;
    width: 100%;
    height: auto;
}

.boton{
    background:#0064A7;
	color: white;
	display:block;
	font-size:30px;
    padding:15px;
	margin: 20px auto;
	text-align:center;
	font-family: roboto, sans-serif;
	width:auto;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	cursor: pointer;
    letter-spacing: 2px;
}