html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    font-family: Verdana, Geneva, Tahoma, sans-serif
}
img {
    max-width: 100%;
}
p {
    font-size: 16px;
    line-height: 2;
    width: auto;
}

.naranja {
color: white;
background-color: #FFC300;
}

a i{
    font-size: 1.5rem;
}

.contenedor{
    margin: 2rem 2rem;
    text-align: center;
}
.frm-buscar{
    width: 100%;
    background-color: #9e9e9e;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 1px 3px 5px #666464;
    margin: auto;
}
.frm-buscar input{
    border-radius: 5px;
    border: 0px;
    padding: 5px;
}
.frm-buscar label{
    color: #f7f7f7;
    font-size: 18px;
    font-family: "Arial";
    
}
.frm-nuevo{
    width: 90%;
    border:solid 1px #353432;
    margin: 5px auto auto;
    padding: 0.5em;
    border-radius: 7px;
}
.frm-nuevo label{
    color:#FFC300;
}

.monitor{
    display: block;
    width: 90%;
    border: 1px solid #c0c0c0;
    margin: 2rem auto;
    box-shadow: 1px 1px 3px #555;
    border-radius: 10px;


}
.monitor-titulo{
    display: block;
    background-color: #555;
    color:#fff;
    text-align: center;
    font-weight: 800;
    font-family: "Arial";
    border-radius: 10px 10px 0 0;

}
.monitor img, .monitor-datos {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    margin: auto;
}
.monitor img{
    margin: auto;
    border-radius: 15px;
    border:5px solid #fff;
    box-shadow: 2px 3px 4px #353432;
    margin:auto 1rem;

}
.monitor-datos{
    width: 70%;
}
.monitor-titulo2{
    display: block;
    width: 100%;
    background-color: #FFC300;
    color:#fff;
    text-align: center;
    font-weight: 700;
}
.monitor ul{
    list-style: none;
    margin: auto;
}
    .monitor ul li{
        display: block;
        width: 98%;
        margin: auto;
    }
        .monitor span, .monitor p{
            display: inline-block;
        }
        .monitor span{
            font-family: "Arial";
            font-weight: bold;
            width: 25%;
        }
        .monitor p{
            font-family: "Arial";
            font-weight:lighter;
            width: 68%;
        }
.frm-nuevo label, input, select {
    display: inline-block;
    width: 75%;
    margin-bottom: 1rem;

}
.frm-nuevo label{
    width: 20%;
    min-width: 250px;
}
.frm-nuevo input,select {
    border:solid 0px #555;
    box-shadow: 1px 1px #c0c0c0;
}
.frm-foot{
    width: 90%;
    margin: 5px auto auto;
    padding: 0.5em;
    background-color: #c0c0c0;
    border-radius: 7px;
}
.btn-1{
    display: block;
    width: 200px;
    margin: 2rem auto;

}
.btn-2{
    background-color: #FFC300;
    color: #353432;
    display: block;
    width: 260px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    margin: 2rem auto;
    border-radius: 5px;
    box-shadow: 1px 2px rgb(129, 129, 129);
}
.btn-2:hover{
    background-color: #353432;
    color: #FFC300;
}
.ocultar{
    display: none;
    
}