/* 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:'lato';font-size:200%;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:'lato';font-size:150%;color:rgba(0,0,0,0.8);line-height:1.2em;text-align:center}
.piece .media{position:relative}
.piece .folder{background-color:#000;display:inline-block;color:#fafafa;padding:4px;text-transform:uppercase;border-radius:-1px;font-family:"lato";font-size:10px;position:absolute;margin-top:-29px}
.piece .nomedia .folder{position:relative;margin:0 0 10px 0}
.piece .author-datetime{font-size:100%;text-align:right;margin-top:-10px;margin-bottom:10px}
.piece .author{color:#00afff;font-family:"roboto_bold";}
.piece .author a{color:#00afff}
.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.7);font-family:"lato";font-size:220%;text-transform:uppercase;line-height:2em;white-space:nowrap;overflow:hidden;margin-bottom:5px;font-weight:normal;letter-spacing:0.02em;text-align:center}
.piece .piecetitle:after{content:"\223C";display:inline-block;padding:0 5px;;color:rgba(0,0,0,0.4)}
.piece .piecetitle:before{content:"\223C";display:inline-block;padding:0 5px;color:rgba(0,0,0,0.4); transform: scaleX(-1);}


/*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:'open_sansbold'}
.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;}