#global{
    width: 100%;
    text-align: center;
}

/*ENCABEZADO*/

#header{
    width: 100%;
    background: linear-gradient(gray,white);
}

#logo{
    float: left;
    margin: 40px;
}

#Pbaner{
    width: 590px;
    height: 120px;
    background: red;
    border-radius: 15px;
    margin-top: 45px;
    margin-right: 30px;
    float:right;
}

#Pbaner img{
    margin-top: 15px;
    width: 580px;
}
/*CONTENIDO*/

#global{
    background-image: url("../images/FondoPapeleria.jpg");
    background-size: cover;

}

#contenido h2{
    background: black ;
    padding: 30px;
    font-size: 45px;
    color: white;
    text-shadow: black;
}

#papel{
    box-shadow: 2px 2px 3px 2px black;
    text-align: center;
    height: 420px;
    width: 330px;;
    border-radius: 15px;
    display: block;
    background: lightgray;
    background-image: url("../images/PAPELERIA.png");
    background-position: center;
    background-size: contain;
    margin: 25px;

}

#papel{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#papel:hover{
    cursor: pointer;
    height: 430px;
    width: 338px;
    transition: 300ms;
    opacity: 1;
    filter: alpha(opacity=100);

}


#plantable{
    box-shadow: 2px 2px 3px 2px black;
    text-align: center;
    height: 420px;
    width: 330px;
    border-radius: 15px;
    display: block;
    background: lightgray;
    background-image: url("../images/PLANTABLE.png");
    background-position: center;
    background-size: contain;
    margin: 25px;
}

#plantable{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#plantable:hover{
    cursor: pointer;
    height: 430px;
    width: 338px;
    transition: 300ms;
    opacity: 1;
    filter: alpha(opacity=100);

}

#contenido li{
    display: inline-block;
}

#contenido h4{
    background: black;
    border-radius: 15px;
    text-shadow: 2px 2px 3px 2px black;
    padding: 15px;
    font-size: 30px;
    color: white;
}
/*CONTENIDO DE PAPELERIA*/

#BotonBackPapeleria{
    cursor: pointer;
    height: 40px;
    width: 40px;
    margin: 40px;
    float: left;
}

#BotonBackPapeleria img{
    height: 40px;
    width: 40px;
}

#CPapeleria h2{
    float: left;
    background: linear-gradient(90deg,white, transparent);
    margin: 15px;
}

.PapeleriaProductos{
    cursor: pointer;
    width: 200px;
    height: 200px;
    margin: 15px;
    border-radius: 15px;
    float: left;
    background: white;
}

.PapeleriaProductos:hover{
    width: 220px;
    height: 220px;
    transition: 400ms;
}

#sobreblanco{
    background-image: url("../images/SOBREBLANCO.svg");
    background-size: cover;
}
#sobrebolsa{
    background-image: url("../images/SOBREBOLSA.png");
    background-size: cover;
}
#opalina{
    background-image: url("../images/OPALINA.png");
    background-size: cover;
}
#ilustracion{
    background-image: url("../images/ILUSTRACION.png");
    background-size: cover;
}
#papelromani{
    background-image: url("../images/ROMANI.png");
    background-size: cover;
}
#bolsitaregalo {
    background-image: url("../images/BOLSITAREGALO.png");
    background-size: cover;
}



#CPapeleria li{
    display: inline-block;
}

/*PLANTABLE*/

#CPlantable{
    margin-bottom: 25px;
    margin-top: 25px;
width: 60%;
    background: white;
    border-radius: 15px;
    padding: 15px;
}

#CPlantable img{
    width: 100%;

}

#CPlantable p{
    text-align: center;
    font-size: 20px;
    width: 70%;
}