body, sala-item.exposala:hover .saladiv
{
    background-color: rgba(0,0,0,.8);
}
#bigExpoDesc, #expodesc div, #photodesc
{
    text-align: justify;
}
body
{
    cursor: default;
    color: #fff;
}
#expoViewer
{
    padding: 30px;
}

#leftpane 
{
	margin-top: 3px;
	background-color: rgb(255 255 247 / 30%);
}
#bigExpoTit
{
    font-weight: 700;
    font-size: 40px;
    padding: 8px 10px 20px;
    line-height: 40px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
}
#bigExpoDate
{
    font-weight: 700;
    font-size: 18px;
	padding: 0 10px;
}
#bigExpoDesc
{
    margin-right: 15px;
    margin-top: 30px;
	padding: 0 10px;
}

.saladiv.sala-item span.sala-item {
	margin-left: 10px;
	margin-top: 5px;
}

iron-icon.style-scope.sala-item.x-scope.iron-icon-0 {
    visibility: hidden;
}

sala-item.exposala
{
    cursor: pointer;
    height: 240px;
    background-size: cover;
    margin: 3px 6px;
    float: left;
    width: 46%;
}
sala-item.exposala #salanamespan {
    width: calc(100% + 25px);
	height: 25%;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.4);
    padding: 0 !important;
	margin: 0 !important;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
}

sala-item.exposala #saladescspan
{
    font-weight: 400;
    opacity: 0;
    margin: 8px;
}
sala-item.exposala:hover #saladescspan
{
    opacity: 1;
}
sala-item.exposala .saladiv
{
    font-weight: 700;
    background-color: rgba(0,0,0,.2);
    height: 240px;
}
#visorExpoTitle
{
    margin-left: 20px;
    font-weight: 700;
    font-size: 20px;
}
#titlezone
{
    font-weight: 700;
    padding: 10px;
    font-size: 15px;
}
#backToIcon, #showdescicon
{
    cursor: pointer;
}
#salasnav
{
    width: 200px;
	position:fixed; 
	top: 50px;
	z-index:3;
}
sala-item.itemssala
{
    cursor: pointer;
    height: 100px;
    background-size: cover;
    margin: 3px 6px;
}
sala-item.itemssala .saladiv
{
    font-weight: 700;
    background-color: rgba(0,0,0,.8);
    height: 100px;
}
sala-item.itemssala.selectedsala .saladiv
{
    background-color: rgba(0,0,0,.2);
}
#itemShow
{
    background-color: rgba(255,255,255,.1);
    padding: 0 5px;
}
#fileimage
{
    max-height: 100%;
}
#photodesc
{
    margin: 10px;
}
.tool:hover
{
    background-color: #0091CD;
    color: #fff !important;
}
.tool.selected
{
    color: #7D93A5;
}
.tool:hover span
{
    color: #fff;
}
.startButton, .startButton iron-icon, .stopButton, .stopButton iron-icon
{
    width: 60px;
    height: 60px;
}
.selectedauto
{
    color: #0091CD;
    cursor: default;
}
#warndialog, .prevfield
{
    color: #000;
}
#iconlist > div, .commentClick
{
    cursor: pointer;
}
#autobuttons
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.pretool, .toolbar
{
    padding: 5px;
}
#iconlist
{
    background-color: rgba(0,0,0,.8);
    height: 175px;
}
#iconlist > div
{
    margin: 0 2px;
}
.toolColList.selectedimgfile img, .toolColList:hover img
{
    margin: 0;
    border: 4px solid #0091CD;
}
.preview
{
    height: 6.25em;
    width: 6.25em;
    margin: 4px;
}
#commentcontainer, .prevfield
{
    margin: 5px;
}
.toolColList
{
    min-width: 120px;
}
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: transparent;
}
::-webkit-scrollbar-thumb
{
    background-color: #717171;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
}
.imageinfo
{
    background-color: #000;
    opacity: 0;
    position: absolute;
    padding: 1%;
    top: 0;
    right: 0;
}
#imagediv:hover .imageinfo
{
    opacity: .7;
}
.prevfield span
{
    font-weight: 700;
    margin: 5px;
}
.prevfield label
{
    margin-left: 5px;
}
.toolbaricon
{
    margin-left: 15px;
    cursor: pointer;
}
#navzone
{
    width: calc(100% - 200px);
}

@-moz-document url-prefix() {
    #navzone 
    {
        max-width: calc(100% - 200px);
        max-height: calc(100vh - 20px);
    }
}