/* your styles go here */
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Neutralidad */
header, article, footer, section, nav, aside{
    display:block;
    margin:0;
    padding:0;
}
html{
    margin:0;
    padding:0;
}
body{
    margin:0 auto;
    /*background-color: rgb(206, 208, 209);*/
    /*background-image: url(../img/background/PPT-respuesta-Insep.jpg);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
p, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}
th{
	font-size: 12px;
}
td{
    font-size: 14px;
}
nav{
    margin-bottom: 5px;
}
label{
    font-size: 12px;
    font-weight: bold;
}
.logo{
    width: 18em;
    height: 5em;
}
.bienvenido{
    color:rgba(234, 238, 240, 0.822);
    font-size: 16px;
}
.card { background-color: rgba(245, 245, 245, 0.4); }
.card-header, .card-footer { opacity: 1}
.modal-header{
    background-color: dimgray;
    color: #FFF;
}
.modal-footer{
    background-color: dimgray;
}
.modal-body p{
    color:dimgray !important;
}
.modal-body h5{
    color:dimgray !important;
}
.img_nr{
    width: 100%;
    height: 250px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
#pdf_doc{
    width: 100%;
    height: 350px;
}
/*Extra small devices (portrait phones, less than 576px)*/ 
/*No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 576px) {

}
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}