.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 #ca0065; 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: #ca0065; font-weight: normal; font-size: 13px; text-decoration: none; border-bottom: 1px dotted #ca0065; text-shadow: none;}
.modalwindow a.small:hover { border-bottom: 0px none #ca0065; }

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.listbannermain {overflow: hidden; position: relative;  width: 1000px; height: 333px; background-position: 0% 0%;  background-repeat: no-repeat; margin: 0px; box-sizing: border-box; border: 2px solid #ca0065; margin: 20px 0px 20px 0px; }
div.linkbanner {overflow: hidden; position: absolute;  width: 1000px; height: 333px; top: 0px; left: 0px; z-index: 10}
div.listbanner {overflow: hidden; position: absolute;  width: 1000px; height: 333px; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: 1s; }
div.listbannera {overflow: hidden; position: absolute;  width: 1000px; height: 333px; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 1s; }
div.listbannermain:hover div.arrow {width: 60px; height: 60px; top: 60px; position: absolute; z-index: 30; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 0.5s;}


div.listbannerpagecontainer {overflow: hidden; position: relative;  width: 520px; height: 390px; background-position: 0% 0%;  background-repeat: no-repeat;}
div.linkbannerpage {overflow: hidden; position: absolute;  width: 520px; height: 390px; top: 0px; left: 0px; }
div.listbannerpage {overflow: hidden; position: absolute;  width: 520px; height: 390px; 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: 520px; height: 390px; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 0.5s;}

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: 236px; height: 220px; position:relative;}
div.lentabluebox {width: 236px; height: 175px; background-color: #567a9e; padding: 2px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25;  position:absolute; top:0px; left:0px; z-index: 1; }
div.lentaimagebox {overflow: hidden; width: 232px; height: 175px; text-align: center; position:relative; top:2px; left:2px; z-index: 2;}
div.lentatext {margin: auto; color: #052e44; text-align: center; padding: 5px; }


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;}