#marketWidget, #marketWidget2, #marketWidget3 { 
 display: inline-table;
 min-width: 305px;
 width: 95%;/* 12.8%;*/ margin: 0.5%; margin-top: 1%;
    vertical-align: top;
    border-top: 1px solid rgb(128,128,128);
    border-left: 1px solid rgb(128,128,128);
    border-right: 1px solid rgb(180,180,180);
    border-bottom: 1px solid rgb(180,180,180);
    padding: 5px;
    background: rgba(255,255,255, 0.6);
    box-shadow: 7px 7px 8px rgb(110 110 110);
    -webkit-box-shadow: 7px 7px 8px rgb(110 110 110);
    -moz-box-shadow: 7px 7px 8px rgb(110, 110, 110);
	/*transition: 0.5s linear; */
}
#marketWidget:hover, #marketWidget2:hover, #marketWidget3:hover {/*position: absolute; width: unset; transition: 0.5s linear; */ 
cursor: pointer; box-shadow: 7px 7px 8px rgb(135,200,105); -webkit-box-shadow: 7px 7px 8px rgb(135,200,105); -moz-box-shadow: 7px 7px 8px rgb(135,200,105);} 

a:hover {color: rgb(100, 0, 0); }	
.glavblok {display: table; width: 85%; margin: 0 auto; margin-top: 25px; table-layout: fixed; -moz-box-sizing: border-box; box-sizing: border-box;}
.pic, .rpic {display: inline-block; border-top: 1px solid rgb(128,128,128); border-left: 1px solid rgb(128,128,128); border-right: 1px solid rgb(180,180,180); border-bottom: 1px solid rgb(180,180,180); color: black; padding: 5px 0 5px 0; text-align: center; background: rgba(165,170,170, 0.7); font-style: italic; font-weight: bold; font-size: 13px; padding-bottom: 1em; box-shadow: 7px 7px 8px rgb(110, 110, 110); -webkit-box-shadow: 7px 7px 8px rgb(110, 110, 110); -moz-box-shadow: 7px 7px 8px rgb(110, 110, 110); word-break: break-all;}
.pic:hover { background: rgba(155,170,160, 0.9); box-shadow: 7px 7px 8px rgb(135,200,105); -webkit-box-shadow: 7px 7px 8px rgb(135,200,105); -moz-box-shadow: 7px 7px 8px rgb(135,200,105); background-image: url(../images/l/lin/Linza.png); background-size: 2em; background-position: 100% 100%; background-repeat: no-repeat;}
.rpic:hover { background: rgba(170,145,145, 0.9); box-shadow: 7px 7px 8px rgb(206,108,108); -webkit-box-shadow: 7px 7px 8px rgb(206,108,108); -moz-box-shadow: 7px 7px 8px rgb(206,108,108); background-image: url(../images/l/lin/Linza.png); background-size: 2em; background-position: 100% 100%; background-repeat: no-repeat;}
.pic a, .rpic a {display: inline-block; line-height: 1.5em; word-break: normal;}	
.rpic a {cursor: not-allowed;}
.pic a img, .rpic a img {display: inline-block; width: 100%;}
.big {display: inline-table; width: 23.4%; height: auto; margin: 0.5%; margin-top: 0.3%; transition: 0.5s linear}
.big:focus {position: fixed; left: 50%; top: 40%; margin-top: -250px; margin-left: -250px; width: 500px; z-index: 200; background: rgb(100,100,100); outline: none;}
.big:focus img {background: rgb(100,100,100);}
.big:focus .pic, .big:focus .rpic {color: white; font-size: 1.1em; background: rgb(100,100,100); padding-top: 30px; z-index: 1; padding-bottom: 60px;background-image: url(../images/t/tab/tab.png); background-size: auto; background-position: 50% 100%; background-repeat: no-repeat;}
.big:focus .pic:hover, .big:focus .rpic:hover {box-shadow: 7px 7px 8px rgb(110, 110, 110); -webkit-box-shadow: 7px 7px 8px rgb(110, 110, 110); -moz-box-shadow: 7px 7px 8px rgb(110, 110, 110);}
.big:focus a {color:white; font-size: 100%;}
.big:focus a.shtora {position: fixed; z-index: 220; width: 500px; height: 500px; margin-left: 0px; margin-top: 0px; font-size: 13px;}
.alf {display: table; width: 60%; height: auto; margin: auto; margin-top: 1%;}
.alfblok {display: inline-block; width: 5%; padding: 5px; align: center;}
.alfblok img {width: 100%; margin-top: 5px; border: none; border-right: 1px solid rgb(60,60,60); border-bottom: 1px solid rgb(60,60,60); border-top: white; border-left: white; background-color: rgba(255,255,255,0.5);}
.alfblok a img {width: 100%; margin-top: 5px; border: none; border-right: 1px solid rgb(60,60,60); border-bottom: 1px solid rgb(60,60,60); border-top: white; border-left: white; background-color: rgba(255,180,0,0.5);}
.alfblok a img:hover {background-color: rgba(255,180,0, 1);}
.big:hover {cursor: pointer;}
@media only screen and (max-width: 1200px) {
.glavblok {width: 95%;}
.alf {width: 65%;}
.alfblok {width: 5.5%;}
 }
@media only screen and (max-width: 992px) {
.glavblok {width: 99%;}
.alf {width: 70%;}
.alfblok {width: 6%;}
 }
@media only screen and (max-width: 768px) {
.big:focus {width: 350px; margin-top: -40%; margin-right: -50%;}
.alf {width: 80%;}
.alfblok {width: 7%;}
 }
@media only screen and (max-width: 480px) {
.big {width: 48%; margin: 0.35%;}
.big:focus {width: 320px; margin-top: -40%; margin-left: -40%;}
.alf {width: 100%;}
.alfblok {width: 8%;}
 }
@media only screen and (max-width: 320px) {
.big {width: 95%; margin: 0.35%;}
.big:focus {width: 200px;  margin-top: -30%; margin-left: -47%;}
.alf {width: 100%;}
.alfblok {width: 10%;}
 }