@charset "utf-8";
@import url('reset.css');
body{
  margin:0 auto 0 auto;
  background: #FFFFFF;
  color: #000000;
  font: 12px Verdana, Arial, Helvetica;
}
h1, h2, h3, h4, h5, h6 {
    color: #d7060e;
}
h1  {
    font-size: 20px;
}
h2 {
    font-size: 16px;
}
h3  {
    font-size: 14px;
}
h4  {
    font-size: 12px;
}
h5  {
    font-size: 10px;
}
h6  {
    font-size: 8px;
}
a {
    color: #d7060e;
    text-decoration: none;
}
a:hover {
    color: #d7060e;
    text-decoration: underline;
}

#lewa h1, h2, h3, h4, h5, h6 {
    padding-left: 20px;
}
#lewa h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 70px;
    padding-left: 20px;
}
#wrapper-gora   {
    margin:0 auto 0 auto;
    width: 960px;
    height: 540px;
}

#nawigacja  {
  position: relative;
  width: 960px;
  height: 55px;
  top: 0px;
  left: 0px;
  list-style: none;
  z-index: 1000;
}
#nawigacja ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}


#nawigacja li {
  float: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#nawigacja a * {
  display: none;
}

#nawigacja a,
#nawigacja a .hover {
  height: 55px;
	position: relative;
	display: block;
	background: url(images/dar_menu.jpg) 0 0 no-repeat;
}

#nawigacja a.b_home {
  background-position: 0 0;
  width: 120px;
}

#nawigacja .efekt a.b_home:hover,
#nawigacja a.b_home .hover,
#nawigacja a#b_home.selected {
  background-position: 0 -55px;
  width: 120px;
}

#nawigacja a.b_szkola {
  background-position: -120px 0px;
  width: 120px;
}

#nawigacja .efekt a.b_szkola:hover,
#nawigacja a.b_szkola .hover,
#nawigacja a#b_szkola.selected {
  background-position: -120px -55px;
}

#nawigacja a.b_poradnia {
  background-position: -240px 0;
  width: 120px;
}

#nawigacja .efekt a.b_poradnia:hover,
#nawigacja a.b_poradnia .hover,
#nawigacja a#b_poradnia.selected {
  background-position: -240px -55px;
}

#nawigacja a.b_wizyty {
  background-position: -360px 0;
  width: 120px;
}

#nawigacja .efekt a.b_wizyty:hover,
#nawigacja a.b_wizyty .hover,
#nawigacja a#b_wizyty.selected {
  background-position: -360px -55px;
}

#nawigacja a.b_galeria {
  background-position: -480px 0;
  width: 120px;
}

#nawigacja .efekt a.b_galeria:hover,
#nawigacja a.b_galeria .hover,
#nawigacja a#b_galeria.selected {
  background-position: -480px -55px;
}

#nawigacja a.b_opinie {
  background-position: -600px 0;
  width: 120px;
}

#nawigacja .efekt a.b_opinie:hover,
#nawigacja a.b_opinie .hover,
#nawigacja a#b_opinie.selected {
  background-position: -600px -55px;
}

#nawigacja a.b_kontakt {
  background-position: -720px 0;
  width: 120px;
}

#nawigacja .efekt a.b_kontakt:hover,
#nawigacja a.b_kontakt .hover,
#nawigacja a#b_kontakt.selected {
  background-position: -720px -55px;
}

#nawigacja a.b_polecamy {
  background-position: -840px 0;
  width: 120px;
}

#nawigacja .efekt a.b_polecamy:hover,
#nawigacja a.b_polecamy .hover,
#nawigacja a#b_polecamy.selected {
  background-position: -840px -55px;
}

#cv {
    width:960px;
	height:470px;
}
#tekst {
    float: left;
    width: 360px;
    height: 460px;
}
#tekst p {
    padding-top: 20px;
    font-size: 11px;
}
#tekst ul li span {
    color: #d7060e;
    font-weight: bold;
}


#tekst li {
    font-size: 11px;
}

ul {
    padding-top: 5px;
    list-style: disc outside url("images/dar_bullet.png");
    padding-left: 20px;
}


ul li {
    padding-bottom: 5px;
}
ol {
    padding-top: 5px;
    list-style: decimal;
    padding-left: 20px;
}

ol li {
    padding-bottom: 5px;
}
#lewa ul, ol {
    padding-left: 40px;
}
#zdjecie {
	float: right;
	width:	580px;
	height: 430px;
    padding-top: 20px;
    margin-left:20px;
}
#wrapper-dol {
    width: 100%;
    background: #fdce43;
}
#dol {
    padding-top: 20px;
    margin:0 auto 0 auto;
    width: 960px;
    background:
    url(images/dol.jpg) no-repeat bottom;
}
#lewa {
    float: left;
    width: 671px;
    overflow: hidden;
}
#lewa p:first-child {
    margin: 70px 0 20px 20px
}
#lewa p {
    margin: 0px 0 20px 20px
}
#prawa {
    float: right;
    width: 269px;
    background: url(images/dar_logo.jpg) no-repeat bottom;
}
#dane_kontaktowe {
    font-size: 11px;
    margin-top: auto;
    margin-bottom: 20px;
    height: 110px;
    margin-left: 5px;
    position: relative;
}
.home {
    height: 322px;
    background: url(images/dar_naglowek_home.jpg) no-repeat top;
}
.home_dk {
    top: 197px;
}
.szkola {
    height: 870px;
    background: url(images/dar_naglowek_szkola.jpg) no-repeat top;
}
.szkola span {
    color: #d7060e;
    font-weight: bold;
}    
.szkola_dk {
    top: 745px;
}
.poradnia {
    height: 500px;
    background: url(images/dar_naglowek_wizyty.jpg) no-repeat top;
}
.wizyty ul li span {
    color: #d7060e;
    font-weight: bold;
}  
.poradnia_dk {
    top: 375px;
}
.poradnia span {
    color: #d7060e;
    font-weight: bold;
}

.wizyty {
    height: 700px;
    background: url(images/dar_naglowek_poradnia.jpg) no-repeat top;
}
.wizyty_dk {
    top: 575px;
}
.galeria {
    height: 400px;
    background: url(images/dar_naglowek_galeria.jpg) no-repeat top;
}
.galeria_dk {
    top: 275px;
}
.galeria ul {
    text-align: center;
}
.galeria li {
	float:left;
	padding:0;
	text-indent:0;
	list-style:none;
    margin-right: 30px
}
.galeria ul li a {
  display:block;
  height: 70px;
  width: 105px;
  margin-top: 12px;
}

.opinie {
    height: 322px;
    background: url(images/dar_naglowek_opinie.jpg) no-repeat top;
}
.opinie_dk {
    top: 197px;
}
.opinie span {
    color: #d7060e;
    font-weight: bold;
}   
.kontakt {
    width: 671px;
    height: 322px;
    background: url(images/dar_naglowek_kontakt.jpg) no-repeat top;
}
.kontakt_dk {
    top: 197px;
}
.polecamy {
    height: 322px;
    background: url(images/dar_naglowek_polecamy.jpg) no-repeat top;
}
.polecamy_dk {
    top: 197px;
}
.padding {
    padding-bottom: 40px;
}
#iframe_opinie {
    width: 660px;
    height: 400px;
    margin-top: 70px;
    margin-left: 10px;
}
