#busquedatext{
    width: 65%; 
    color:#000;
    font-size:14px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    border: 0px; border-bottom: 1px solid #818181; float: left;
}

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9999;
top:0;
right: 0;
right: 0;
background-color: #fff;
overflow-x: hidden;
padding-top: 0px;
transition: 0.5s;
-webkit-box-shadow: 34px 17px 58px 22px rgba(0,0,0,0.75);
-moz-box-shadow: 34px 17px 58px 22px rgba(0,0,0,0.75);
box-shadow: 34px 17px 58px 22px rgba(0,0,0,0.75);
}


/* los links de navegacion */

.sidenav .subop a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 18px;
color: #818181;
display: block;
transition: 0.3s;
}

.sidenav a:hover {
font-weight: bold;
}

/* posicion y estilo al boton de cierre 
position: absolute;
top: 0;
right: 25px;*/

.sidenav .closebtn {

font-size: 36px;
margin-left: 50px;
color: #000;

float: left;


}

/* stilo del contenido de la pagina */

/*
#main {
transition: margin-left .5s;
padding: 20px;
}

*/
/* para pantallas mas pequñas cuando la altura es menos de 450px , cambiar el stilo de la barra lateral (menos el relleno y el tamaño de fuente mas pequeño) */
@media screen and (max-height:450px){
.sidenav { padding-top: 15px; }
.sidenav a {font-size: 18px;}
}

.detbusca{
width: 22%;
padding: 5px;
border: 1px solid #dadada;
float: left;
margin: 1%;
border-radius: 10px;
}


.detbusca:hover{
    border: 1px solid #000;
}

.resulimg{
width: 100%;
float: left;
margin-bottom: 5px;
}

.resulimg a img{
width: 90%;
margin-left: 5%;
float: left;
}

.resulttext{
width: 90%;
margin-left: 5%;
color: #000;
font-size: 12px;
float: left;
}

.resulttext a{
    font-size: 12px;
}

.resulttext a:hover{
    font-size: 12px;
}

.sombras{
    width: 100%;
}


.buscadest{
    width: 18%;
    padding: 5px;
    border: 1px solid #dadada;
    float: left;
    margin: 1%;
    border-radius: 10px;
    
    }

.busquedas:hover {filter: grayscale(80%);}

.logobusca{
    width: 20%;
    float: left;
}
.logobusca img{
    width: 100%;
    float: left;
}