/* Comunes en todas las Piezas */
.piece{position:relative}
.piece a{color:#404040;transition:all 250ms;-webkit-transition:all 250ms;moz-transition:all 250ms;ms-transition:all 250ms}
.piece a:hover{color:#404040;transition:all 250ms;-webkit-transition:all 250ms;moz-transition:all 250ms;ms-transition:all 250ms}
.piece .title{font-family:var(--title-font);font-size:20px;line-height:1.2em;margin-bottom:0.5em;font-weight:bold;text-align:center}
.piece .title a{color:#231F20}
.piece .title:hover a{color:rgba(0,0,0,0.8)}
.piece .title:hover{color:rgba(0,0,0,0.8)}
.piece .summary{font-family:var(--default-fifth-font);font-size:150%;color:rgba(0,0,0,0.8);line-height:1.2em;text-align:center}
.piece .media{position:relative}
.piece .folderlink{background-color:rgba(10,10,10,0.8);display:inline-block;color:rgba(255,255,255,0.9);padding:4px;text-transform:uppercase;border-radius:2px;font-family:var(--default-fifth-font);font-size:10px;position: relative;left:50%;transform:translate(-50%,0)}
.piece .folderlink a{color:rgba(255,255,255,0.9);display:block;cursor:pointer}
.piece .folder{background-color:rgba(10,10,10,0.8);display:inline-block;color:rgba(255,255,255,0.9);padding:4px;text-transform:uppercase;border-radius:2px;font-family:var(--default-fifth-font);font-size:10px;position: relative;left:50%;transform:translate(-50%,0)}
.piece .folder a{color:rgba(255,255,255,0.9);display:block;cursor:hand}
.piece .nomedia .folderlink{position:relative;margin:0 0 10px 0}
.piece .author-datetime{font-size:100%;text-align:right;margin-top:-10px;margin-bottom:10px}
.piece .author{font-family:var(--default-second-font);font-weight:bold;}
.piece .author a{color:#fd3651}
.piece .item.withlink {cursor:pointer}
.piece .item.withwidget .media .image:after{transition: transform 0.2s;-webkit-transition:-webkit-transform 0.2s;content:"";position:absolute;display:block;bottom:50%;right:50%;margin-bottom:-35px;margin-right:-35px;width:58px;height:58px;background:url('/0/img/lyt/videoplay.png') -4px -4px no-repeat;pointer-events:none}
.piece .item.withwidget:hover .media .image:after{transform: scale(0.8);-webkit-transform: scale(1.3);transition: all 0.2s;-webkit-transition: all 0.2s;z-index:2}
.z45 .piece .title{font-size:260%}
.z45 .piece .author-datetime{font-size:120%}
.z30 .piece .author-datetime{font-size:110%}

/* Piecetitle y colores */
.piece .piecetitle{position:relative;color:rgba(0,0,0,0.8);font-family:var(--default-second-font);font-size:27px;text-transform:uppercase;line-height:2em;white-space:nowrap;overflow:hidden;margin-bottom:5px;font-weight:normal;letter-spacing:0.02em;text-align:center}


/*Piezas estados Hidden*/
.piece .item.hidden .media .image img{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.piece .item.hidden{opacity:0.5;filter:alpha(opacity=50)}
.piece .item.hidden .title a,.piece .item.hidden .title{color:#ccc}
.piece .item.hidden #vsmimgbutton img{-webkit-filter: grayscale(0);filter:none}
.piece .moreitems{margin-top:16px;text-align:center}
/*Background de pieza en modo drag*/
LI.dragging{background:rgba(255,255,255,0.5)}
/*Background zone empty*/
UL.vsmzoneempty{background:rgba(0,0,0,0.2)}

/* 404 y Error*/
.notfound .messageerror{height:250px;padding:2em 0;top:40px;position:absolute;width:100%;font-size:200%;color:#666;font-family:var(--default-third-font);font-weight:bold}
.notfound #page-header-logo-wrapper{position:static;background-repeat:no-repeat;background-position:50%}
.notfound button{font-size:90%;padding:0.5em 1em}
.notfound button a:hover{color:#fff}

/*Tooltip*/
#vsmtooltip{padding:10px;background-color:#000;color:#f0f0f0;border:0px solid rgba(0,0,0,1);max-width:400px;border-radius:3px;}