/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------------------------------------------- MAIN */
body { background: url("img/bg.png"); border-top: 7px solid black; font-size: 62.5%; font-family: Georgia, Arial, Helvetica, sans-serif; color: #48382A; }

a { text-decoration: none; color: #3B2A1E; }

#container { background: url("img/bg_overlay.png") no-repeat -120px 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lab01.midea.pl/oczy/wp-content/themes/piekneoczy/img/bg_overlay.png',sizingMethod='image'); width: 960px; ?width: 1200px; min-height: 515px; margin: 0 auto; padding-top: 44px; }
#box { background: url("img/content.jpg"); width: 960px; height: 530px; margin: 0 auto; }

h1 { margin: 18px 0 0 10px; float: left; text-indent: -10000px; }
h1 a { background: url("img/logo.png"); width: 220px; height: 45px; display: block; }

#menu { height: 80px; line-height: 80px; font-size: 1.4em; font-style: italic; float: right; }
#menu li { margin-right: 10px; float: left; display: inline; ?margin-right: 5px; }
#menu li a { padding: 10px 0px; }
#menu li a:hover { text-decoration: underline; }

#content { background-position: 0px 2px; background-repeat: no-repeat; clear: both; height: 450px; padding-left: 370px; }
#content { font-size: 2.2em; font-style: italic; }
#content strong { font-size: 1.18em; }
#content big { font-size: 1.385em; }
#content small { font-size: .8em; }
#content blockquote { font-size: .82em; margin-left: 1.2em; }
#content blockquote p { padding: 0; }
#content p { line-height: 1.6em; padding-top: .75em; }
#content p.sub { font-size: .82em; text-indent: 160px; padding-top: 170px; background: url("img/okulary.png") top right no-repeat; }
#content p.sub strong { font-size: 1.44em; }

#content p a.button { width: 160px; height: 49px; float: left; margin-left: 60px; background: url("img/dobor_oprawek.jpg"); text-indent: -10000px; }
#content p a.badanie { background: url("img/badanie_wzroku.jpg"); }

#companies { background: black; width: 100%; height: 57px; overflow: visible; margin-bottom: 30px; }
#companies div { background: url("img/producenci.png") center top no-repeat; height: 65px; width: 960px; margin: 0 auto; }

div.contact { font-size: .73em; }
div.contact div.container { background:url("img/mapa_16.png") no-repeat 180px 0; font-size: .55em; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; color: black; _height: 332px; min-height: 332px; padding-top: 20px; }
div.contact div.container p { line-height: 1.1em; margin-bottom: 1em; }
div.contact div.container a { color: #da0011; text-decoration: underline; }
div.contact div.container strong { font-size: 1em; }

div.contact div.container div.column { width: 180px; float: left; }
div.contact div.container a.visit { display: block; width: 120px; height: 29px; text-indent: -100000px; background: url("img/umow_sie.jpg"); margin-bottom: 2em; }

#content div.plain { font-size: .55em; font-style: normal; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; margin: 1em 0; }
#content div.plain strong { font-size: 1em; }
#content div.plain a { color: #da0011; text-decoration: underline; }
#content div.plain a:hover { text-decoration: none; }

#content div.oprawki { padding-top: 140px; }
#content div.oprawki div.plain { line-height: 1.3em; color: #48382A; margin-bottom: 18px; }

#content a.visit_big { display: block; width: 280px; height: 49px; margin: 2em auto; text-indent: -100000px; background: url("img/umow_sie_big.jpg"); }

#content div.badanie { color: #301e15; margin-bottom: 18px; }