/* eric meyer's reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* disc4u */
html { height: 100%; }
body { font-size: 13px; background: #ffffd9; color: #000; height: 101%; font-family: "Trebuchet MS", arial, verdana, sans-serif; line-height: 1.4em; }
#container { width: 880px; padding: 0; margin: 0 auto; background: #fff; border: 1px solid #ccc; border-width: 0 1px 1px; -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; -webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-box-shadow: 3px 3px 10px #aaa; -webkit-box-shadow: 3px 3px 10px #aaa; box-shadow: 3px 3px 10px #aaa; }
a { color: #369; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }
strong { color: #a00; font-weight: bold; }

#header { position: relative; height: 276px; background: url(i2/header-small.jpg) 0 -6px no-repeat; }
a#home { position: absolute; display: block; top: 40px; left: 12px; width: 450px; font-size: 18px; color: #fff; line-height: 1.4em; text-decoration: none; font-weight: normal; text-shadow: 2px 2px 4px #000; }
a#home:first-line { font-weight: bold; font-size: 24px; }
a#home:hover { color: #ffb; }

#header .menu { height: 35px; position: absolute; top: 164px; left: 8px; font-size: 110%; font-weight: bold; text-align: center; }
#header .menu li { float: left; overflow: hidden; }
#header .menu a { float: left; width: 110px; line-height: 35px; padding: 0 0 20px 0; text-decoration: none; color: #fff; text-shadow: 1px 1px 2px #000; }
#header .menu a:hover,
#header .menu a:focus,
#header .menu a:active { color: #036; text-shadow: none; }
#header .menu strong { float: left; width: 110px; line-height: 35px; padding: 0 0 20px 0; color: #12559C; background: url(i2/menu-current.gif) top left no-repeat; }
#header li:first-child { margin-top: 4px; }
#header li:first-child+li { margin-top: 4px; }
#header li:first-child+li+li { margin-top: 6px; }
#header li:first-child+li+li+li { margin-top: 9px; }
#header li:first-child+li+li+li+li { margin-top: 14px; }
#header li:first-child+li+li+li+li+li { margin-top: 22px; }
#header li:first-child+li+li+li+li+li+li { margin-top: 30px; }

#footer .menu { position: absolute; bottom: 50px; right: 8px;  }
#footer .menu li { float: left;position: relative; overflow: hidden; }
#footer .menu a { float: left; width: 100px; text-align: center; text-decoration: none; color: #fff; line-height: 25px; padding-top: 10px; }
#footer .menu a:hover,
#footer .menu a:focus,
#footer .menu a:active { color: #036; }
#footer .menu strong { float: left; width: 100px; line-height: 25px; padding-top: 10px; text-align: center; color: #12559C; background: url(i2/menu-current-footer.gif) bottom left no-repeat; }
#footer li:first-child { top: -12px; }
#footer li:first-child+li { top: -1px; }
#footer li:first-child+li+li { top: 5px; }
#footer li:first-child+li+li+li { top: 8px; }
#footer li:first-child+li+li+li+li { top: 8px; }
#footer li:first-child+li+li+li+li+li { top: 8px; }
#footer li:first-child+li+li+li+li+li+li { top: 22px; }

#header .languages { position: absolute; top: 162px; right: 8px; text-align: right; font-size: 0.95em; line-height: 1.6em; }
#header .languages li { float: left; }
#header .languages a { text-decoration: none; float: left; color: #888; width: 24px; height: 24px; padding: 4px; }
#header .languages a:hover,
#header .languages a:focus,
#header .languages a:active { text-decoration: underline; color: #12559C; }


#header .logos { position: absolute; top: 2px; right: 0; }
#header .logos li { float: left; }

#footer { background: url(i2/footer-white.jpg) 50% 0 no-repeat; font-size: 90%; padding: 76px 10px 0; height: 72px; position: relative; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
#footer p.copyrights { position: absolute; color: #fff; bottom: 4px; right: 10px; }
#footer p.credits { position: absolute; left: 28px; bottom: 4px; text-align: right; color: #ddd; }
#footer p.credits a { color: #ddd; font-weight: bold; }
#footer a { color: #fff; text-decoration: underline; }

#content { padding-left: 16px; width: 720px; margin-top: -46px; min-height: 400px; }
#content p { text-indent: 0.7em; margin: 0 0 0.7em 0; }
#content ul { list-style: disc; margin: 0.7em 0; }
#content ol { list-style: decimal; margin: 0.7em 0; }
#content li { margin-left: 2em; }



h1 { position: relative; clear: both; font-size: 150%; font-weight: bold; border-bottom: 2px solid #A7C623; margin-bottom: 1em; padding-top: 60px; line-height: 1.2em; zoom: 1; }
h2 { position: relative; clear: both; font-size: 120%; font-weight: bold; border-bottom: 2px solid #D4E7C9; margin-bottom: 1em; padding-top: 2em; margin-top: 2em; zoom: 1; }
h2+img { margin-top: -3em; margin-bottom: 2em; z-index: 100; position: relative; }
h2 strong { color: #a00; font-family: georgia, verdana, sans-serif; font-size: 150%; font-weight: normal; font-style: italic; background: #D4E7C9; padding: 0.3em 0.7em; position: absolute; right: 0; -moz-border-radius: 0.5em 0.5em 0 0; -moz-border-radius-topleft: 1em 0.5em; -moz-border-radius-topright: 0.5em 1em; -webkit-border-top-left-radius: 1em 0.5em; -webkit-border-top-right-radius: 0.5em 1em; }
h2>strong { bottom: 0px; }
* html h2 strong { top: 0.75em; }

.bestsellers { margin: 0; list-style: none; font-family: georgia, verdana, sans-serif; font-size: 1.5em;  }
.bestsellers li { list-style: none; padding: 0; float: left; width: 220px; height: 220px; }
* html .bestsellers li { margin: 0 8px !important; }
.bestsellers li { margin: 0 10px !important; }
.bestsellers a { zoom: 1; position: relative; display: block; width: 202px; height: 162px; padding: 9px; text-decoration: none; color: #666; background: url(i/bestseller.jpg) 0 0 no-repeat; }
.bestsellers a:hover, .bestsellers a:focus, .bestsellers a:active { color: #000; background-position: 0 -180px; }  
.bestsellers strong { display: block; margin-bottom: 2em; font-weight: bold; text-align: center; line-height: 1.1em; }
.bestsellers em { display: block; width: 202px; text-align: center; color: #a66; font-size: 1.2em; font-weight: bold; line-height: 1.3em; position: absolute; bottom: 0.7em; }
.bestsellers a:hover em, .bestsellers a:focus em, .bestsellers a:active em { color: #a00; }
.bestseller-photo { float: right; width: 162px; margin-left: 2em; margin-bottom: 1em; }
.bestseller-photo a { width: 160px; float: right; padding: 1px; border: 1px solid #aaa; overflow: hidden; }
.bestseller-photo a:hover { border-color: #666; }
.bestseller-photo img { display: block; width: 160px; }

ol.regulations { margin: 0 !important; }
ol.regulations .top { list-style: none; margin-left: 0 !important; }

p.get-a-sample { font-size: 120%; text-align: center; margin: 0 4em 5em !important; }
p.get-a-sample a { text-decoration: none; display: block; line-height: 3em; background: #fcf7e7 url(i/sample.gif) 0 0 repeat-x; border-top: 2px solid #fadfa6; }
p.get-a-sample a:hover, p.get-a-sample a:focus, p.get-a-sample a:active { text-decoration: underline; }
p.get-a-sample strong { font-weight: bold; color: #a00; }
p.get-a-sample a:hover strong, p.get-a-sample a:focus strong, p.get-a-sample a:active strong { color: #000; }  

#contactform { float: right; width: 34em; overflow: hidden; }
#contactform legend { padding: 0 1em; font-weight: bold; display: none; }
#contactform input.text { width: 7em; }
#contactform label { width: 7em; text-align: right; margin-right: 0.7em; float: left; clear: left; }
#contactform input.text { width: 12em; float: left; }
#contactform textarea { width: 24em; height: 10em; float: left; }
#contactform input.submit { margin-left: 7.7em; float: left; clear: left; }
#contactform p.formerror { clear: both; margin-left: 7.7em; color: #a00; font-weight: bold; margin-top: 1em; margin-bottom: 0; text-indent: 0; }
#contactform p.formerror-name { margin-top: 0; }

p.sent-success { color: #080; font-weight: bold; font-size: 1.1em; text-indent: 0 !Important; }
p.sent-failed { color: #c00; font-weight: bold; font-size: 1.1em; text-indent: 0 !Important; }

div#logos { position: absolute; right: 4px; bottom: 0px; }
div#logos img { margin-left: 10px; }

ol.regulations table { width: 400px; margin: 2em auto; border-collapse: collapse; }
ol.regulations thead th { background: #ccc; font-weight: bold; padding: 0.4em 1em; text-align: center; }
ol.regulations thead th:first-child { border-right: 1px solid #ddd; }
ol.regulations tbody td { padding: 0.2em 1em; border: 1px solid #ddd; }
ol.regulations tbody th { padding: 0.2em 1em; border: 1px solid #ddd; }
ol.regulations tbody tr:hover th { background: #def; }
ol.regulations tbody tr:hover td { background: #def; }

p.up { text-align: right; font-style: italic; font-size: 95%; }
p.up a { text-decoration: none; }

ul.offer dd { margin: 1em 2em; }
ul.offer-js dd { display: none; }
ul.offer li>dl, ul.offer li>dl dt { display: inline; }
div#overlay { background: #000; position: absolute; left: 0; top: 0; z-index: 1000; opacity: 0.7; filter:alpha(opacity=70); zoom: 1; }
div#modal { position: fixed; top: 80px; background: #fff; border: 3px solid #aaa; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; z-index: 1001; zoom: 1; -moz-box-shadow: 6px 6px 9px #000; -webkit-box-shadow: 6px 6px 9px #000; box-shadow: 6px 6px 9px #000; }
div#modal h3 { font-weight: bold; margin: 0.77em; font-size: 1.3em; font-style: italic; }
div#modalPhoto { margin: 1em; float: left; width: 402px; }
div#modalPhoto img { border: 1px solid #aaa; padding: 1px; }
div#modalContent { float: left; overflow: hidden; margin: 1em; width: 300px; }
div#modalContent+div { clear: both; }
a#modalClose { position: absolute; right: -12px; top: -12px; width: 32px; height: 32px; background: url(http://disc4u.eu/en/css/i2/close.png) 0 0 no-repeat; display: block; z-index: 1002; text-indent: -1000em; }
div#modalContent p.spec a { padding-right: 32px; background: url(i2/pdf.png) 100% 50% no-repeat; line-height: 32px; float: right; display: block; overflow: hidden; }


#projekty_contactform { width: 100%; }
#projekty_contactform iframe { width: 100%; height: 65em; }

