.modalwindow {position: absolute; background-color: white; left: 20px; top: 20px; width: 200px; height: 200px; z-index: 1000; overflow: hidden; transition: 0.1s; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,0.5);}

.loginwindow {position: absolute; left: 20px; top: 120px; width: 90%; max-width: 300px; padding: 40px 20px 20px 20px;  z-index: 1000; overflow: hidden; border-radius: 30px; border: 1px solid white; background: #01012C; box-shadow: 0 0 20px rgba(0,0,0,0.5); left: 50%; transform: translateX(-50%);  }


#textdiv {background-color: #052e44; -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50;  position:absolute; bottom:-30px; height: 20px; width: 100%; padding: 5px; text-align: center; color: #ffff00; transition: 0.5s; }


#close { position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; z-index: 12; text-decoration: none; color: black; font-size: 30px; background: #FFAE43; border-radius: 21px; text-align: center }


#next {position: absolute; width: 45px; height: 185px; top: 60px; right: 0px; z-index: 12; }
#prev {position: absolute; width: 45px; height: 185px; top: 60px; left: 0px; z-index: 12; }


div.listbannerpage {overflow: hidden; position: relative;  width: 900px; height: 300px; background-position: 0% 0%;  background-repeat: no-repeat; margin: 30px 0px; }
div.linkbanner {overflow: hidden; position: absolute;  width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10}
div.listbannerpage div.listbanner {overflow: hidden; position: absolute;  width: 900px; height: 300px; top: 0px; left: 0px; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: 1s; }
div.listbannerpage div.listbannera {overflow: hidden; position: absolute;  width: 900px; height: 300px; top: 0px; left: 0px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 1s; }

div.listbannerpage div.arrow  {width: 45px; height: 185px; top: 60px; position: absolute; z-index: 30;  -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;   transition: 0.5s;}

div.listbannerpage:hover div.arrow { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }


div.mainbannerpage {position: relative;  width: 100%; padding-top: 50%; max-height: 100%; background-position: 0% 0%;  background-repeat: no-repeat; margin: 0px; }

div.mainbannerpage div.listbanner {overflow: hidden; position: absolute;  width: 100%; height: 100%; top: 0px; left: 0px; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: 1s; }
div.mainbannerpage div.listbannera {overflow: hidden; position: absolute;  width: 100%; height: 100%; top: 0px; left: 0px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;  }

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

div.mainbannerpage div.arrow  {width: 45px; height: 185px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 30;  -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;   transition: 0.5s;}

div.mainbannerpage:hover div.arrow { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }




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