/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.navbar {
    box-shadow: 0px -7px 20px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

@font-face {
    font-family: raleway;
    src: url(../fonts/Raleway-Light.ttf);
    font-weight:lighter;
}

@font-face {
    font-family: raleway;
    src: url(../fonts/Raleway-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: raleway;
    src: url(../fonts/Raleway-Medium.ttf);
    font-weight: 500;
}

p,h1,h2,h3,h4,h5,h6,span{
    font-family:raleway;
}

.pagina{
    display:none;
}

    .pagina.active{
        display:block;
    }

.imagenRadio{
    width:30px;
    height:30px;
}
input[type=radio] {
    visibility:hidden;
}
    input[type=radio] + div {
        background-size: cover;
        background-image: url("../images/checkOff.png");
    }
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
    input[type=radio]:checked + div {
        background-image: url("../images/checkOn.png");
    }

    .pos1,.pos2{
        float:left;
    }

        .pos1 div {
            margin-top: -29px;
        }

.pos2 {
    margin-bottom: 10px;
    color: black;
    font-weight: 100;
    font-family: raleway;
}

.pregunta{
    font-size:20px;
}

.flechas {
    color: #f0a717;
    font-size: 28px;
    margin-top: 2px;
    cursor: pointer;
    margin-top: 10px;
}


.flechaCont{
    display:inline;
   
}

.botonesF input{
    margin-top:-17px;
}