/* ------------- CSS FOTO HARBUZ 7 --- 10.2009 ----------------  */
/* --- wymęczył Roman Harbuz na podstawie wielu stron w sieci -  */

/* - - - - - - - - - reset css - - - - - - - - - - - - -  */
html, body, div, span, applet, object, iframe, h1, 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 li {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;}
/* koniec reset css*/

/* - - - - - - - ARKUSZ STYLU X NOJSZEWSKI - - - - - - - - - */

/* - - - - - - podstawowe wlaściwości strony - - - - - - - - */
body {cursor:crosshair;  text-align:center; font-family: "Times New Roman"; font-style:normal; font-variant:normal; font-weight:normal;}
.bodyxnoj {background:url('../obrazy/tlobodyxnoj.jpg') repeat-y 50%;}
#caly {position:relative; width:960px; margin: 0 auto; text-align:left;}
#okno {position:absolute; width:960px; top:0px; left:0px; font-family: "Times New Roman";}
.oknoxnoj {background: url('../obrazy/tlooknoxnoj.jpg') no-repeat;}

/* - - - - - - - NAGLOWEK  nazwa  menu- - - - - - - - - - -  */
#tytul { height:160px; width:960px; position:absolute; top:0px; left:0px;}
a.tytulxnoj {display:inline-block; width:960px; height:160px; background: url('../obrazy/tytulxnoj.jpg');}
a.tytulxnoj:hover {background-position: 0 -160px;}
#menu {position:absolute; width:960px; height:80px; top:160px; left:0px;}
#menu ul li {display:block; float:left; width:160px;}
#menu ul li a {display:block;}
#menu2 {position:relative; width:960px; height:80px; left:0px; margin-top:40px;}
.menuxnoj2 {}
#menu2 ul li {display:block; float:left; width:160px;}
#menu2 ul li a {display:block;}

a.poczatek {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: 0px 0px;}
a.poczatek:hover {background-position: 0px -80px; }
a.przygotowanie {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -160px 0px;}
a.przygotowanie:hover {background-position: -160px -80px; }
a.ofiarowanie {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -320px 0px;}
a.ofiarowanie:hover {background-position: -320px -80px; }
a.poswiecenie {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -480px 0px;}
a.poswiecenie:hover {background-position: -480px -80px; }
a.komunia {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -640px 0px;}
a.komunia:hover {background-position: -640px -80px; }
a.nojszewski {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -800px 0px;}
a.nojszewski:hover {background-position: -800px -80px; }

a.poczatek2 {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: 0px -80px;}
a.poczatek2:hover {background-position: 0px -80px; }
a.przygotowanie2 {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -160px -80px;}
a.przygotowanie2:hover {background-position: -160px -80px; }
a.ofiarowanie2 {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -320px -80px;}
a.ofiarowanie2:hover {background-position: -320px -80px; }
a.poswiecenie2 {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -480px -80px;}
a.poswiecenie2:hover {background-position: -480px -80px; }
a.komunia2 {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -640px -80px;}
a.komunia2:hover {background-position: -640px -80px; }
a.nojszewski2 {display:inline-block; width:160px; height:80px; background: url('../obrazy/menuxnoj.jpg');  background-position: -800px -80px;}
a.nojszewski2:hover {background-position: -800px -80px; }

/* koniec naglowek */


/* - - - - - - - - - - - - - SKANY - - - - - - - - - - - - - */
#skany {position:absolute; width:960px; top:480px; left:0px; display:block;}
.brown {color:brown;}
.rog4 {position:relative; width:80px; height:40px; left:80px; top:0px; display:block;}
.bezfloat {clear:both;}


h1 {font-weight:bold; font-size: 5em; line-height:90%; }
h2 {font-weight:bold; font-size: 5em; line-height:90%; color:brown;}
.gruby {font-weight:bold;}
.maly {font-size:12px;}
.odnosnikprawo {font-weight:bolder; text-align:right; line-height:110%;}
.odnosniklewo {font-weight:bolder; text-align:left; line-height:110%;}
/* koniec tresc */

/* - - - - - - - - - odno¶niki ogólne - - - - - - - - - - -  */
a {background-color:inherit; text-decoration:none; outline:none;}


#tymczas {height:160px; width:960px; position:absolute; top:240px; left:0px; text-align:center;}