* { padding: 0; margin: 0; text-indent: 0; border: 0 }
h1, h2, a img { padding: 0; margin: 0; border: 0 }
ul, ol { list-style: none }
table, td, th { border: 0; font-size: 1em; font-weight: normal }

body { background-color: #FFF }
h1, p, li { font-family: tahoma, arial, verdana }
p, li { color: #515151; font-size: 0.9em; margin: 10px 10px; line-height: 1.4em }
h1 { color: #444; font-size: 0.875em; margin-top: 10px; margin-left: 34px; line-height: 1.45em; float: left }

#box { width: 610px; height: 414px; left: 50%; top: 50%; margin: -235px -325px; padding: 25px 20px; background-color: #FFF; position: absolute; border-radius: 8px; box-shadow: 0 4px 10px #999 }
.pozadi { margin: 0 -20px; padding: 20px 0px; padding-right: 28px; background-color: #F1F2F3 }
.text { width: 425px; text-align: justify; margin-bottom: 28px; float: right }
.chyba { margin-top: -95px; padding: 57px 0; background: url(../web-foto/404.png) no-repeat; background-position: 416px 45px }

#hledani { margin-left: 177px; margin-bottom: 15px }
#hledat-box { height: 34px; width: 348px; font-size: 0.875em; padding: 0 20px }
#hledat-btn { height: 34px; width: 35px; background: #95D3E9 url(../web-pozadi/lupa.png) 6px 6px no-repeat; color: #FFF; font-size: 0.875em; cursor: pointer }
#hledat-btn:hover { background-color: #5AB8DD }
textarea:focus, input:focus { outline: none }

.navigace { margin-top: 25px }
.navigace li { margin: 0; margin-top: 8px; margin-left: 19px; letter-spacing: .5px; list-style-image: url(../web-pozadi/tmava.png); float: left }
.navigace a { text-decoration: underline; color: #5AB8DD }
.navigace a:hover { text-decoration: none; color: #5AB8DD }

/* responzivne */

@media (max-width: 800px) {
h1 { margin-left: 10px; margin-bottom: 15px; float: none }

#box { width: auto; max-width: 520px; height: auto; left: auto; top: auto; margin: 0 auto; padding: 10px 0; position: relative; box-shadow: none; border-radius: 0 }
#box img { max-width: 100%; height: auto }
.chyba { display: none }
.pozadi { margin: 15px 14px; padding: 10px 15px; border-radius: 5px }
.text { width: auto; margin-bottom: 22px; text-align: left; float: none }

#hledani { margin: 0; margin-bottom: 17px }
#hledat-box { width: auto; padding: 0 15px }

.navigace { margin: 25px 19px }
.navigace li { margin-top: 5px; margin-left: 20px; float: none }
}

/* megaduel.cz */