.modalwindow {position: absolute; background-color: #ffffff; left: 50%; top: 50%; width: 200px; height: 200px; margin-left: -100px; margin-top: -100px;  z-index: 100; overflow: hidden; transition: 0.1s; border-radius: 5px; border: 2px solid #ffffff; box-shadow: 0 0 30px rgba(0,0,0,0.75); box-sizing: border-box; }

.modalwindow input {margin: 5px; text-align: center; }

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

div.listbannermain {position: relative; overflow: hidden;  width: 100%; background-position: 0% 0%;  background-repeat: no-repeat; margin: 0px; border-radius: 5px;  margin: 0px auto 15px auto; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
}        
 
.listbannermain:before,
.listbannermain:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 

div.linkbanner {width: 100%; position: absolute; top: 0px; left: 0px; z-index: 10}
div.listbanner {width: 100%; position: absolute; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: 1s; border-radius: 5px;}
div.listbannera {width: 100%; position: absolute; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 1s; border-radius: 5px;}

div.listbanner img {width: 100%; } 
div.listbannera img {width: 100%; }

div.gray50 {position: fixed; top: 0px; width: 100%; height: 100%; z-index: 10; background-image: url(images/gray50.png); background-position: 0px 0px; background-repeat: repeat;}
div.gray50 a {display: block; height: 100%; text-decoration: none;}