BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } body {font-family: 'Times New Roman', Times, serif; } .header {display: flex; justify-content: space-between; } .forma {margin:0; } FORM { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; line-height: 3; } form span {font-size: 16px; color:#000; margin: 0 3px 0 0; } .login { FONT-STYLE: normal; WIDTH: 88px; HEIGHT: 20px; FONT-SIZE: 13px; FONT-WEIGHT: normal } input::placeholder { font-weight: normal; opacity: 0.5; color: #000; font-size:13px; text-align: center; } .support {CURSOR: pointer; } .q11 {width: 605px; margin: 0 auto; } .q2 { PADDING: 0; margin:0; } .q4 { BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 52px; BACKGROUND: #fff; HEIGHT: 20px; COLOR: #a50031; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #ccc 1px solid; margin: 0; padding: 2px 0 2px 0; CURSOR: pointer; font-size: 13px; } .s8 { margin: 0; padding: 0; TEXT-ALIGN: left; /*FONT-FAMILY: Monotype Corsiva;*/ COLOR: #600; FONT-SIZE: 14px; } .po { display: flex; justify-content: space-between; width:100%; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #000 1px solid; MARGIN: 5px 0px 0px; BACKGROUND: #ccc; HEIGHT: 18px; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid } .polp1 { WIDTH: 29%; TEXT-ALIGN: center; COLOR: #2b7064; FONT-SIZE: 14px; BORDER-RIGHT: #000 1px solid } .polp2 { WIDTH: 30%; TEXT-ALIGN: center; BORDER-LEFT: #000 1px solid; COLOR: #2b7064; FONT-SIZE: 14px } .polp { TEXT-ALIGN: center; COLOR: #2b7064; FONT-SIZE: 14px } .top_link { PADDING: 0; COLOR: #2b7064; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none; CURSOR: pointer; } H1 { MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; COLOR: #660033; FONT-SIZE: 16px } .y { TEXT-ALIGN: center; MARGIN: 265px 0 20px 0; DISPLAY: block; COLOR: #660000; FONT-SIZE: 11px; FONT-WEIGHT: bold; } #container { BORDER-BOTTOM: #000 1px solid; POSITION: relative; BORDER-LEFT: #000 1px solid; MARGIN: 10px auto; WIDTH: 600px; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND: #ccc; HEIGHT: 710px; FONT-SIZE: 12px; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid } .zag_fotos {FONT-SIZE: 13px; text-align: center; color:#000; margin:5px 0; padding:0; } #container A.pics { PADDING-BOTTOM: 7px; PADDING-LEFT: 21px; WIDTH: 75px; PADDING-RIGHT: 21px; DISPLAY: inline; FLOAT: left; HEIGHT: 75px; COLOR: #000; CURSOR: default; TEXT-DECORATION: none; PADDING-TOP: 7px } #container A.pics IMG.thumb { BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; DISPLAY: block; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid } #container A.pics SPAN { BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 1px solid; WIDTH: 580px; DISPLAY: none; BACKGROUND: #bbb; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid } #container A.pics SPAN IMG { BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; MARGIN: 10px auto; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid; CURSOR: pointer; } #container P { TEXT-ALIGN: justify; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; COLOR: #000033; FONT-SIZE: 16px; PADDING-TOP: 165px } * HTML #container P { TEXT-ALIGN: justify; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; COLOR: #000033; FONT-SIZE: 16px; PADDING-TOP: 95px } #container P A { TEXT-ALIGN: center; MARGIN: 15px 150px 0px; DISPLAY: block; COLOR: #660000; FONT-SIZE: 16px; FONT-WEIGHT: bold } #container P.n { TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; COLOR: #000033; FONT-SIZE: 16px; PADDING-TOP: 20px } #container A.pics:hover { WHITE-SPACE: normal } #container A.pics:hover IMG.thumb { BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid } #container A.pics:hover SPAN { Z-INDEX: 10; POSITION: absolute; DISPLAY: block; HEIGHT: 500px; TOP: 200px; LEFT: 9px } #container A.pics:active IMG.thumb { BORDER-BOTTOM: #fc0 1px solid; BORDER-LEFT: #fc0 1px solid; BORDER-TOP: #fc0 1px solid; BORDER-RIGHT: #fc0 1px solid } #container A.pics:active SPAN { Z-INDEX: 5; POSITION: absolute; DISPLAY: block; HEIGHT: 500px; TOP: 200px; LEFT: 9px } #container A.pics:focus { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px } #container A.pics:focus IMG.thumb { BORDER-BOTTOM: #fc0 1px solid; BORDER-LEFT: #fc0 1px solid; BORDER-TOP: #fc0 1px solid; BORDER-RIGHT: #fc0 1px solid } #container A.pics:focus SPAN { Z-INDEX: 5; POSITION: absolute; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; DISPLAY: block; HEIGHT: 500px; TOP: 200px; LEFT: 9px } #container SPAN.info { Z-INDEX: 1; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 600px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #eee; CLEAR: left; PADDING-TOP: 200px } #container SPAN.info A { COLOR: #000 } #container .reg {padding:0; } #container SPAN.info A:hover { TEXT-DECORATION: none } .u9u {MARGIN-BOTTOM: -15px; z-index: 1; position: relative} @media only screen and (max-width: 872px) { br {display: none;} .q11 { width: 100%; margin: 0 auto; } .s8 { margin: 0; padding: 0; COLOR: #600; FONT-SIZE: 17px; } .q4 { BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 80px; BACKGROUND: #f4efef; HEIGHT: 25px; COLOR: #a50031; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #ccc 1px solid; margin: 12px 0 20px 0; padding: 2px 0 2px 0; CURSOR: pointer; font-size: 16px; border-radius: 5px; } .header { display: flex; width: 100%; flex-direction: column; align-items: flex-start; } .top_link { PADDING: 0; COLOR: #2b7064; FONT-SIZE: 18px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; CURSOR: pointer; } H1 { MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; COLOR: #660033; FONT-SIZE: 18px; } form span { font-size: 16px; color: #000; margin: 0; display: block; } form span b {display:none; } .login { FONT-STYLE: normal; WIDTH: 60%; HEIGHT: 30px; FONT-SIZE: 18px; FONT-WEIGHT: normal; text-align: center; margin: 15px 0; } .a1, .a2, .a3 {width:100%; text-align: center; } input::placeholder { font-weight: normal; opacity: 0.8; color: #000; font-size:16px; text-align: center; } .support { CURSOR: pointer; display: none; } .po { display: flex; justify-content: space-between; width: 100%; BORDER:none; TEXT-ALIGN: center; MARGIN: 5px 0px 0px; BACKGROUND:none; HEIGHT: auto; flex-direction: column; align-items: flex-start; } .polp1 { WIDTH: 100%; TEXT-ALIGN: center; COLOR: #2b7064; FONT-SIZE: 14px; BORDER:none; order: 2; margin: 15px 0 22px 0; } .polp { TEXT-ALIGN: center; COLOR: #2b7064; FONT-SIZE: 14px; width: 100%; order: 1; } .polp2 { WIDTH: 100%; TEXT-ALIGN: center; BORDER:none; COLOR: #2b7064; FONT-SIZE: 14px; order: 3; } .zag_fotos { width:96%; FONT-SIZE: 16px; text-align: center; color: #000; margin: 5px auto 0 auto; padding: 5px 0; } #container { BORDER-BOTTOM: #000 0px solid; POSITION: relative; BORDER-LEFT: #000 0px solid; MARGIN: 35px auto 0 auto; WIDTH: 100%; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND: #ccc; HEIGHT: auto; FONT-SIZE: 12px; BORDER-TOP: #000 0px solid; BORDER-RIGHT: #000 0px solid; border: none; display: inline-block; } #container p { TEXT-ALIGN: left; DISPLAY: block; COLOR: #000033; FONT-SIZE: 16px; PADDING: 0; margin: 10px auto 0 auto; width: 96%; } #container P A { TEXT-ALIGN: center; MARGIN: 25px 0 0 0; DISPLAY: block; COLOR: #660000; FONT-SIZE: 16px; FONT-WEIGHT: bold; } #container P.n { width: 96%; TEXT-ALIGN: center; margin: 20px auto 0 auto; PADDING: 0; DISPLAY: block; COLOR: #000033; FONT-SIZE: 16px; } .block-photos { position: relative; display: inline-block; text-align: center; width:100%; } .reg {margin:0; } #container A.pics { PADDING-BOTTOM: 7px; PADDING-LEFT: 0; WIDTH: 100%; PADDING-RIGHT: 0; DISPLAY: inline-block; FLOAT: none; HEIGHT: auto; COLOR: #000; CURSOR: default; TEXT-DECORATION: none; PADDING-TOP: 7px; } #container A.pics IMG.thumb { BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; DISPLAY: block; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid; margin: 0 auto; display:none; } #container A.pics:focus IMG.thumb { display:none; } #container A.pics:focus SPAN { display:none; } #container A.pics SPAN { display:block; WIDTH: 0px; border:none; } #container A.pics SPAN IMG { BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; MARGIN: 10px auto; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid; CURSOR: pointer; display:block; } #container A.pics SPAN img { width:260px; display:block; } #container A.pics:hover SPAN { display:block; position:relative; left:0; top:0; height:auto; } #container A.pics:focus SPAN { display:block; position:relative; left:0; top:0; height:auto; } #container A.pics SPAN { display:block; WIDTH: 100%; position:relative; left:0; top:0; height:auto; } #container SPAN.info { Z-INDEX: 1; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #eee; CLEAR: left; PADDING-TOP: 200px } .y { TEXT-ALIGN: center; MARGIN: 35px 0; DISPLAY: block; COLOR: #660000; FONT-SIZE: 16px; FONT-WEIGHT: bold; } } @media only screen and (max-width: 872px) and (orientation: landscape) { .login { FONT-STYLE: normal; WIDTH: 40%; HEIGHT: 30px; FONT-SIZE: 18px; FONT-WEIGHT: normal; text-align: center; margin: 15px 0; } #container A.pics { PADDING-BOTTOM: 7px; PADDING-LEFT: 0; WIDTH: 40%; } #container A.pics SPAN img { width:200px; display:inline-block; } }