/*=============== Estilos de menu ====================== */
#projects {
   zwidth:100%;
   zmin-width:300px;
   padding:15px;
   text-align: center;
    zbackground-color:pink;
}
.element {
   display: table;
   display: inline-block;
   vertical-align:bottom;
   text-align: center;
   position: relative;
   box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.4), 2px 6px 20px 2px rgba(0, 0, 0, 0.4);
   zbackground-color:red;
   background:url(../img/op_default_blur.jpg);
   background-size:cover;
   background-repeat:no-repeat;
   opacity:.9;
}
.element:hover {
   cursor:pointer;
   box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.75),  2px 6px 20px 2px rgba(0, 0, 0, 0.75);
   background:url(../img/op_default.jpg);
   background-size: cover;
   background-repeat:no-repeat;
   opacity:1;
}
.element:hover > div{
   opacity: 1;
   color:darkblue;
}
a .element {
   color:#444444;
}
.project {
   margin:10px 0px 10px 0px;
   width:97%;
   max-width:400px;
   min-width:200px;
   min-height: 200px;
   zheight: 300px;
}
@media (min-width: 400px) {
    .project {
       zmax-width:400px;
       margin:10px;
    }
}
.mediano {
   margin:10px;
   width: 300px;
   height: 160px;
}
.pequeno {
   margin:10px;
   width: 150px;
   height: 150px;
}

.element .titulo{
   background-color:white;
   font-size: 2.2em;
   font-family: "Courier New",monospace;
   font-weight: bold;
   width: 100%;
   position: absolute;
   bottom: 0;
   color:#222;
   opacity: 0.75;
}

.element.mediano .titulo{
   font-size: 1.5em;
}

.element.pequeno .titulo{
   font-size: 1.1em;
}
/*=============== fin: Estilos de menu ====================== */


z#rubik {
   background:url(../img/op_rubik_blur.jpg);
   background-size: cover;
   zfilter: blur(4px);
}
z#rubik:hover {
   background:url(../img/op_rubik.jpg);
   background-size: cover;
   zfilter: blur(0px);
}
/* =========== footer ============== */
footer{
   font-family:Courier New, monospace;
   min-height: 30px;
   margin-bottom: -10px;
   background-color:#F8F8F8;
   vertical-align: bottom;
   border-top:solid 1px rgb(231, 231, 231);
}

/* =========== logoinf ============== */
#logoinf{
   font-family: Courier New, monospace;
   min-height: 30px;
   margin-top:8px;
   margin-bottom:10px;
   background-color:#F8F8F8;
   vertical-align: bottom;
   border-top:solid 1px rgb(231, 231, 231);
}
#logoinf p{
  margin:0px;text-align: center;
        zborder:1px solid green;
}

#logoinf p a{text-decoration:none;}
#logoinf p a:visited{color:unset;}
#logoinf p a:hover{color:gray;text-decoration: underline;}