* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

/** ----------------------------------------------------------------------- **/
body {
  background: url(../../img/background/body.jpg) repeat-x;

  font-family: Tahoma, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center;
}

a {
  text-decoration: none;
  outline-style: none;
}

a:hover {
  text-decoration: underline;
}

h2 {
  padding: 5px 0;

  font-size: 17px;
  font-weight: bold;
  color: #E2001A;
}

h3 {
  padding: 0 0 3px 0;

  font-size: 12px;
  font-weight: bold;
}

h4 {
  padding: 0 0 5px 0;

  font-size: 13px;
  font-weight: bold;
  color: #46949D;
  text-align: center;
}

h5 {
  padding: 3px 0 2px 15px;

  border-left: solid 5px #46949D;
  
  font-size: 11px;
  color: #46949D;
}

h6 {
  margin: 10px 0 0 2px;

  font-size: 11px;
  font-weight: bold;
  color: #46949D;
}

h6 a {
  color: #46949D;
  text-decoration: none;
}

h6 a:hover {
  text-decoration: none;
}

form * {
  vertical-align: middle;
}

form fieldset {
  border: 0;
}

form .field {
  border: solid 1px #BDBDBD;
}

sup {
  vertical-align: super;
}

.clr {
  clear: both;
}

.float-right {
  float: right;
}

.links-list-bullet {
  font-size: 9px;
}

.link-dotted {
  display: block;
  
  float: right;
  
  padding: 0 0 0 17px;
  
  background: url(../../img/marker/dots.gif) no-repeat left 3px;
  
  font-size: 9px;
  font-weight: bold;
  color: #E2001A;
}

.text-aqua {
  color: #46949D;
}

.text-red {
  color: #E2001A;
}

#container-wrap {
  width: 955px;
  
  margin: 35px auto 10px;
  
  background: url(../../img/background/container-wrap.jpg) repeat-y;
}

#container {
  width: 955px;
  
  background: url(../../img/background/container.jpg) no-repeat;
}

#container-bottom {
  width: 955px;
  height: 15px;
  
  background: url(../../img/background/container-bottom.jpg) no-repeat;
}

/** ========================================================== Header ===== **/
#header {
  width: 915px;
  height: 235px;
  
  margin: 0 auto;
  
  background: url(../../img/background/header.jpg) no-repeat center 35px;
}

/** --------------------------------------------------- Services Menu ----- **/
#services-menu {
  list-style: none;
  
  float: right;
  
  height: 15px;
  
  margin: 16px 0 0 0;
  padding: 0 25px 0 0;
  
  font-weight: bold;
  font-size: 11px;
  color: #318891;
}

#services-menu li {
  float: left;
}

#services-menu li a {
  margin: 0 10px;

  color: #318891;
}

/** -------------------------------- Powstrzymaj Rotawirusy Main Logo ----- **/
#pr-main-logo {
  float: left;

  width: 120px;
  height: 115px;
  
  margin: 55px 0 0 0;
  padding: 0 0 0 20px;
}

#pr-main-logo a {
  display: block;
  
  width: 120px;
  height: 115px;
  
  background: url(../../img/logo/pr-main-logo.jpg) no-repeat;
  
  text-indent: -9999px;
}

/** ----------------------------------------------------- Search Form ----- **/
#search-form {
  float: right;
  
  width: 210px;
  height: 20px;
  
  margin: 21px 0 0 0;
  padding: 0 35px 0 0;
}

#search-form .field {
  width: 150px;
  height: 17px;
  
  border: solid 1px #BDBDBD;
}

/** ------------------------------------------------------- Main Menu ----- **/
#main-menu-wrap {
  float: left;
  
  width: 760px;
  height: 53px;
  
  margin: 10px 0 0 5px;
  

  background: url(../../img/background/main-menu-wrap.jpg) repeat-x;
}

#main-menu {
  list-style: none;

  width: 760px;
  height: 53px;

  background: url(../../img/background/main-menu.jpg) no-repeat;
}

#main-menu li {
  float: left;
  
  height: 33px;
}

#main-menu li a {
  display: block;
  
  height: 33px;
  
  text-indent: -9999px;
}

#main-menu li#button-co-warto-wiedziec, 
#main-menu li#button-co-warto-wiedziec a {
  width: 155px;
}

#main-menu li#button-co-warto-wiedziec a {
  background: url(../../img/button/co-warto-wiedziec.jpg) no-repeat;
}

#main-menu li#button-co-warto-wiedziec a:hover, 
#main-menu li#button-co-warto-wiedziec a.on {
  background: url(../../img/button/co-warto-wiedziec-on.jpg) no-repeat;
}

#main-menu li#button-sprawdz-skale-zagrozenia, 
#main-menu li#button-sprawdz-skale-zagrozenia a {
  width: 194px;
}

#main-menu li#button-sprawdz-skale-zagrozenia a {
  background: url(../../img/button/sprawdz-skale-zagrozenia.jpg) no-repeat;
}

#main-menu li#button-sprawdz-skale-zagrozenia a:hover, 
#main-menu li#button-sprawdz-skale-zagrozenia a.on {
  background: url(../../img/button/sprawdz-skale-zagrozenia-on.jpg) no-repeat;
}

#main-menu li#button-profilaktyka, 
#main-menu li#button-profilaktyka a {
  width: 101px;
}

#main-menu li#button-profilaktyka a {
  background: url(../../img/button/profilaktyka.jpg) no-repeat;
}

#main-menu li#button-profilaktyka a:hover, 
#main-menu li#button-profilaktyka a.on {
  background: url(../../img/button/profilaktyka-on.jpg) no-repeat;
}

#main-menu li#button-szczepienia-doustne, 
#main-menu li#button-szczepienia-doustne a {
  width: 156px;
}

#main-menu li#button-szczepienia-doustne a {
  background: url(../../img/button/szczepienia-doustne.jpg) no-repeat;
}

#main-menu li#button-szczepienia-doustne a:hover, 
#main-menu li#button-szczepienia-doustne a.on {
  background: url(../../img/button/szczepienia-doustne-on.jpg) no-repeat;
}

#main-menu li#button-multimedia, 
#main-menu li#button-multimedia a {
  width: 92px;
}

#main-menu li#button-multimedia a {
  background: url(../../img/button/multimedia.jpg) no-repeat;
}

#main-menu li#button-multimedia a:hover, 
#main-menu li#button-multimedia a.on {
  background: url(../../img/button/multimedia-on.jpg) no-repeat;
}

/** ------------------------------ Powstrzymaj Rotawirusy Second Logo ----- **/
#pr-second-logo {
  float: left;

  width: 280px;
  height: 65px;
  
  padding: 0 0 0 20px;
}

#pr-second-logo a {
  display: block;
  
  width: 280px;
  height: 65px;
  
  background: url(../../img/logo/pr-second-logo.jpg) no-repeat;
  
  text-indent: -9999px;
}

/** ========================================================= Content ===== **/
#content {
  width: 915px;
  
  margin: 0 auto;
}

#content-top-top {
  width: 915px;
  height: 10px;
  
  background: url(../../img/background/content-top-top.jpg) no-repeat;
}

#content-top-main {
  width: 915px;
  
  background: url(../../img/background/content-top-main.jpg) repeat-y;
  
  text-align: left;
}

#content-top-left {
  float: left;

  width: 240px;
  
  margin: 0 20px 0 0;
  padding: 10px 0 0 25px;
}

/** ----------------------------------------------- Content Left Menu ----- **/
.content-left-menu {
  list-style: none;

  margin: 0 0 20px 0;

  border-top: solid 1px #44949D;
  border-bottom: double 3px #44949D;
  
  font-size: 11px;
  font-weight: bold;
}

.content-left-menu li {
  margin: 1px 0 0 0;
  padding: 5px 0 5px 25px;

  border-top: solid 1px #44949D;
  background: url(../../img/marker/dots.gif) no-repeat 5px center;
}

.content-left-menu li a {
  color: #E2001A;
}

#content-top-right {
  float: left;
  
  width: 600px;
  
  padding: 0 0 5px 0;
  
  text-align: left;
  
  border-bottom: double 3px #44949D;
}

#content-top-right ul, 
#content-top-right ol {
  margin: 0 0 5px 30px;
}

#content-top-right p {
  line-height: 1.5em;
  padding: 0 0 10px 0;
}

#content-top-right em, 
#content-top-right strong {
  vertical-align: top;
}

#content-top-right span {
  vertical-align: top;
}

#content-top-right h5 {
  padding: 0 0 3px 0;

  font-size: 12px;
  font-weight: bold;
  color: #000;
  
  border: 0;
}

#content-top-right .blue-box {
  width: 490px;
  
  background: #7DB4BA;
  
  margin: 10px 0 15px 0;
}

#content-top-right .blue-box .blue-box-top {
  width: 490px;
  height: 6px;
  
  background: url(../../img/background/blue-box-top.jpg) no-repeat;
}

#content-top-right .blue-box .blue-box-main {
  width: 490px;

  padding: 0 10px;
  
  color: #FFF;
}

#content-top-right .blue-box .blue-box-bottom {
  width: 490px;
  height: 7px;
  
  background: url(../../img/background/blue-box-bottom.jpg) no-repeat;
}

/** ------------------------------------------------ Content Top Menu ----- **/
#content-top-menu {
  float: right;
  
  width: 60px;
  
  margin: -8px 0 0 0 !important;

  list-style: none;
}

#content-top-menu li {
  float: left;

  height: 19px;
}

#content-top-menu a {
  position: relative;
  display: block;
  
  height: 19px;
  
  text-indent: -9999px;
}

#content-top-menu li#button-smaller-font, 
#content-top-menu li#button-smaller-font a {
  width: 20px;
}

#content-top-menu li#button-smaller-font a {
  background: url(../../img/icon/smaller-font.jpg) no-repeat;
}

#content-top-menu li#button-bigger-font, 
#content-top-menu li#button-bigger-font a {
  width: 19px;
}

#content-top-menu li#button-bigger-font a {
  background: url(../../img/icon/bigger-font.jpg) no-repeat;
}

#content-top-menu li#button-print, 
#content-top-menu li#button-print a {
  width: 20px;
}

#content-top-menu li#button-print a {
  background: url(../../img/icon/print.jpg) no-repeat;
}

#content-top-bottom {
  width: 915px;
  height: 10px;
  
  background: url(../../img/background/content-top-bottom.jpg) no-repeat;
}

#content-bottom {
  width: 915px;
  
  background: url(../../img/background/content-bottom.jpg) repeat-y;
  
  text-align: left;
}

#content-bottom-bottom {
  clear: both;

  width: 915px;
  height: 35px;
  
  background: url(../../img/background/content-bottom-bottom.jpg) no-repeat;
}

.content-white-block {
  margin: 0 0 20px 0;
  padding: 0 0 2px 0;

  background: #FFF;
  border-bottom: double 3px #46949D;
}

.content-white-block p {
  padding: 2px 0 4px 20px;

  font-size: 11px;
}

.content-white-block .link-dotted {
  float: left;
  
  margin: 0 0 0 20px;
}

.content-white-block form {
  margin: 10px 0;
  padding: 0 0 0 20px;
}

/** ========================================================== Footer ===== **/
#footer {
}

/** ---------------------------------------------------- Footer Menus ----- **/
.footer-menu {
  list-style: none;
  
  height: 15px;
  
  margin: 5px 0 0;
  
  font-size: 10px;
  font-weight: bold;
  color: #318891;
}

.footer-menu li {
  float: left;
}

.footer-menu li a {
  margin: 0 10px;
  
  color: #318891;
}

#footer-first-menu {
  float: left;
  
  padding: 0 0 0 35px;
}

#footer-second-menu {
  float: right;
  
  padding: 0 35px 0 0;
}

/** ___________________________________________________________ Index _____ **/
#index h4 {
  border-bottom: solid 1px #44949D;
  
  font-size: 12px;
  text-align: left;
}

#index #content-top {
  width: 915px;
  height: 260px;
  
  padding: 0 0 0 25px;
  
  background: url(../../img/background/index/content-top.jpg) no-repeat;
  
  text-align: left;
}

#index .content-top-block {
  height: 225px;

  border-top: double 3px #44949D;
  border-bottom: double 3px #44949D;
}

#index #content-top-left {
  float: left;

  width: 245px;
  
  padding: 20px 0 0 0;
}

#index #content-top-left a:hover {
  text-decoration: none;
}

#index #content-top-left #img-mozesz-uchronic-swoje-dziecko {
  margin: 10px 0 10px 0;
}

#index #content-top-center {
  float: left;

  width: 355px;
  
  margin: 0 0 -100px 0;
  
  text-align: center;
}

#index #content-top-center #happy-child {
  position: relative;
  
  margin: -99px 0 -140px 0;
}

#index #content-top-right {
  float: left;

  width: 250px;
  
  padding: 20px 20px 0 0;
  
  border: 0;
}

#index #content-bottom-left {
  float: left;
  
  width: 245px;
  padding: 15px 0 0 25px;
}

#index #content-bottom-left .content-white-block {
  width: 245px;
}

#index #content-bottom-right {
  float: right;
  width: 250px;
  height: 150px;
  padding: 15px 20px 0 0;
}

#news { display: none; }
#calendar { margin-top:10px; padding-bottom: 50px; display: none; }


#index #content-bottom-right .news-item {
  width: 250px;
  
  margin: 1px 0 0 0;
  
  border-top: solid 1px #44949D;
}

#index #content-bottom-right .news-item p {
  margin: 5px 0 15px 0;
  
  font-size: 11px;
}

#index #content-bottom-right .news-item a {
  margin: 0 0 5px 0;
}

/** ----------------------------------------------------------------------- **/
#container-footer2
{
	width: 955px;
	margin: 5px auto;
	padding-right:60px;	
	text-align:right;
	font-family:Verdana;
	font-size:10px;
	color:#999;
	line-height:14px;
}

#container-footer2 #copyright
{
	padding-bottom:8px;
}

.bibliography {
  font-size: 0.8em;
}

#HON {
  width: 520px;
  height: 72px;
  
  margin: 0 auto;

	font-size: 11px;
	line-height: 1.5em;
}

#HON * {
  vertical-align: middle;
}

#HON .link-img {
  display: block;
  
  float: left;
  
  margin: 0 5px 0 0;
}

#HON p {
  float: left;
  line-height: 72px;
}

#HON a {
	color: gray;
	text-decoration: none;
}

#HON a.link-middle {
  vertical-align: top;
}