.modalwindow {position: absolute; background-color: #ffffff; left: 20px; top: 20px; width: 200px; height: 200px; z-index: 100; overflow: hidden; transition: 0.1s; border-radius: 5px; border: 4px solid #8b5e3c; box-shadow: 0 0 20px rgba(0,0,0,0.5); box-sizing: border-box; }

#textdiv {background-color:  #4c052e; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;  position:absolute; bottom:-30px; height: 20px; width: 100%; padding: 5px; text-align: center; color: #ffffff; font-size: 14px; transition: 0.5s; }

#basketimage {margin: 0; }

#close {position: absolute; width: 20px; height: 20px; top: 0px; right: 0px; z-index: 102; }

#next {position: absolute; width: 60px; height: 60px; top: 60px; right: -60px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
#prev {position: absolute; width: 60px; height: 60px; top: 60px; left: -60px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

.modalwindow:hover #next {position: absolute; width: 60px; height: 200px; top: 60px; right: 0px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.modalwindow:hover #prev {position: absolute; width: 60px; height: 200px; top: 60px; left: 0px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

.modalwindow a {color: #ffffff; font-size: 20px; text-decoration: none; text-shadow: 1px 1px 2px black;}
.modalwindow a:hover { text-decoration: none; }

.modalwindow a.small {COLOR: #ff0000; font-weight: normal; font-size: 13px; text-decoration: none; border-bottom: 1px dotted #ff0000; text-shadow: none;}
.modalwindow a.small:hover { border-bottom: 0px none #ff0000; }

div.arrow {width: 60px; height: 60px; top: -60px; position: absolute; z-index: 3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;   transition: 0.5s;}

div.galeryicon {width: 250px; height: 100px; bottom: 10px; position: absolute; z-index: 32; overflow: hidden; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
div.galeryicontext {background-color:  #bfff00; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.90; -khtml-opacity: 0.9; opacity: 0.9;  position:absolute; bottom: 0px; height: 15px; width: 100%; padding: 5px; text-align: left; color: #000000; font-family: micra, Verdana, Arial, Helvetica; font-size: 15px; overflow: hidden;}

div.listbannerpagecontainer {overflow: hidden; position: relative;  width: 1000px; height: 667px; background-position: 0% 0%;  background-repeat: no-repeat;}
div.linkbannerpage {overflow: hidden; position: absolute;  width: 1000px; height: 667px; top: 0px; left: 0px; }
div.listbannerpage {overflow: hidden; position: absolute;  width: 1000px; height: 667px; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: 0.5s;}
div.listbannerpagea {overflow: hidden; position: absolute;  width: 1000px; height: 667px; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 0.5s;}

div.listbannerpage div.text {position: absolute; bottom: 0px; left: 0px; width: 1000px; height: auto; padding: 5px; box-sizing: border-box; color: white; font-size: 14px; text-align: center; background-image: url(/images/gray50.png); background-position: 0px 0px; background-repeat: repeat;}

div.listbannerpagea div.text {position: absolute; bottom: 0px; left: 0px; width: 1000px; height: auto; padding: 5px; box-sizing: border-box; color: white; font-size: 14px; text-align: center; background-image: url(/images/gray50.png); background-position: 0px 0px; background-repeat: repeat;}

div.listbannerpage div.text h2 {color: white; font-size: 30px; font-family: JakobC, Verdana, Arial, Helvetica; text-align: center; margin: 5px 0px; border: none;}
div.listbannerpagea div.text h2 {color: white; font-size: 30px; font-family: JakobC, Verdana, Arial, Helvetica; text-align: center; margin: 5px 0px; border: none;}

div.listbannerpagecontainer:hover div.arrow {width: 60px; height: 60px; top: 60px; position: absolute; z-index: 3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 0.5s;}

div.lentamainbox {float: left; overflow: hidden; margin: 0px 2px 0px 2px; padding: 0px; width: 250px; height: 230px; position:relative;}
div.lentaimagebox {overflow: hidden; width: 232px; height: 190px; text-align: center; position:relative; top:2px; left:2px; z-index: 2;}
div.lentatext {margin: auto; color: #6f6f6f; text-align: center; padding: 5px; height: 40px; }


div.lentaprevarrow { width: 70px; height: 200px; top: 0px; left: 0px; position: absolute; z-index: 3; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
div.lentanextarrow { width: 70px; height: 200px; top: 0px; right: 0px; position: absolute; z-index: 3; transition: 0.5s;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}



.gray50 {position: absolute; top: 0px; width: 100%; height: 100%; z-index: 100;}
body>.gray50 {position: fixed; background-image: url(/images/gray50.png); background-position: 0px 0px; background-repeat: repeat;}