*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { background-image:url(/taleweb/registracia.nsf/Registracia-background.jpg); background-position:left top; background-repeat:no-repeat; background-attachment: fixed; background-color: #84c200; PADDING: 0px 0px 0px 0px; margin: 0 auto; margin-TOP: 0px; font-family: Roboto Slab,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; font-size: 17px ; color: #384047; } form { max-width: 800px; margin: 0px auto; padding: 0px 10px; background: #dce9eb; border-radius: 8px; -webkit-box-shadow: 1px 0 2px gray; -moz-box-shadow: 1px 0 2px gray; box-shadow: 1px 0 2px gray; } h1 { display:block; text-align:left; width:100%; color: #2ecc5b; font-weight: normal; text-align:center; margin: 3% 0% 3% 0%; font-size: 1rem font-weight: bold;} input, textarea, select { background: rgba(255,255,255,0.1); border: none; font-size: 18px; height: auto; margin: 0; outline: 0; padding: 8px; max-width: 100%; background-color: #ffffff; color: #646d74; box-shadow: 1px 1px 1px rgba(0.3,0.3,0.3,0.3) inset; margin-bottom: 5px; } input[type="radio"], input[type="checkbox"] { margin: 0 4px 8px 0; } select { padding: 8px; border-radius: 2px; } .button { background-color: #2ecc5b; border: none; color: white; padding: 15px 32px; text-align: center; font-size: 18px; text-align: center; font-style: normal; border-radius: 5px; width: auto; border: 1px solid #16923b; border-width: 1px 1px 3px; box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset; margin: 0px 0px 20px 0px; } .button a:hover  { background-color: #fc378b; border-width: 1px 1px 1px;   box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } .button:hover  { background-color: #fc378b; border-width: 1px 1px 1px;   box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } .button:hover { background-color:#e90052; border-width: 4px 1px 1px 0px; border: 1px solid #b70040; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); margin: 4px 0px 0px 1px; } } .button:active { position:relative; top:1px; } fieldset { margin-bottom: 20px; border: none; } legend { font-size: 1.4em; text-align:center; margin: 30px 0px 10px 0px; width:100%; } label { display: block; margin-bottom: 8px; } label.light { font-weight: 300; display: inline; } .number { background-color: #5fcf80; color: #fff; height: 30px; width: 30px; display: inline-block; font-size: 0.8em; margin-right: 4px; line-height: 30px; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.2); border-radius: 100%; } FORM a { text-align:justify ; color: #e90052; text-decoration:none; } FORM a:link {text-align:justify ; color: #e90052; text-decoration:none;} FORM a:visited {text-align:justify ; color: #e90052; text-decoration:none;} FORM a:hover { text-align:justify ; color: #e90052; text-decoration:underline;} #top { width:100%; background: #2ecc5b; padding: 0px; text-align:center; } #top img { width: 250px; padding: 10px; text-align:center; } #podm { width:90%; padding: 5px; text-align:center; text-align:left;} #suhlaspodm { width:95%; background: #e90052; color: #ffffff; padding: 8px; text-align:center; font-weight: bold; } #nesuhlaspodm { width:95%; background: #000000; color: #ffffff; padding: 8px; text-align:center; font-weight: bold; } #tlaciva { width:95%; background: #e8eeef; color: #ffffff; padding: 8px; text-align:center; font-weight: 900; } #tlaciva img { padding: 2px; text-align: right; } #golfak { width:90%; /*border: 1px solid #a4e1b5;*/ padding: 5px; margin: 15px; text-align:center; } #ochrou { width:90%; border: 1px 1px 1px 40px solid #ffffc2; padding: 10px; margin: 15px; text-align:center; } #oznam { width:90%; border: 1px solid #e90052; color: #e90052; margin: 15px 0px 0px 0px; padding: 10px; text-align:center; } @-ms-viewport { width: device-width; } @media screen and (min-width: 480px) { form { max-width: 700px; } } }