body {
  background: white;
  background-image: url('images/background.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, Tahoma, Verdana, Sans-serif;
  font-size: 12px;
  color: #4F5155;
  text-align: center;
  margin: 0; padding: 0;
}

img { border: 0; padding: 0; margin: 0 }

a {
/* color: #003399;
 background-color: transparent;
 font-weight: normal; */
 
  color: #c40009;
  font-weight: bold;
  text-decoration: none;
}

h1 {
  color: #00663e;
  background-color: transparent;
  font-size: 28px;
  font-weight: normal;
  text-align: left;
  margin-left: 70px;
  margin-right: 70px;
}

h2 {
  color: #00663e;
  background-color: transparent;
  font-size: 28px;
  font-weight: normal;
  text-align: left;
  margin-left: 70px;
  margin-right: 70px;
}
/*
h2 {
  color: #00663e;
  background-color: transparent;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
*/
h3 {
  color: #00663e;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-left: 70px;
  margin-right: 70px;
}

p {
  color: #00663e;
}

sup {
  vertical-align: text-top;
}

small {
  color: #00663e;
  line-height: 18px;
}

ol, ul {
  color: #00663e;
  text-align: left;
}

li {
  margin-left: 20px;
  margin-right: 20px;
}


.align-center {
   text-align: center;
}

.align-left {
   text-align: left;
}

.align-right {
   text-align: right;
}

.align-justify {
   text-align: justify;
}

#top {
  width: 100%;
  height: 178px; 
  text-align: center;
  margin: 0 auto 0 auto; padding: 0;
  background-position: center;
}

#topcontent {
  position: relative;
/*  width: 838px; height: 178px; */
  width: 1000px; height: 178px;
  margin: auto;
}

#topcontent h1 {
  margin:0;
  padding: 131px 0 0 266px;
  color: #ca001b;
}

#topcontent h1 span {
  color: #00663e;
}

#topheader {
  position: absolute;
  width: 1000px; height: 178px;
  left: 0; top: 0;
  background: transparent;
  z-index: 40;
}

#topzoladek {
  position: absolute;
  width: 285px; height: 123px;
  left: 0; top: 0;
  background: transparent;
  z-index: 60;
}

#buttonhome {
	position: absolute;
	width: 74px; height: 60px;
	right: 33px; top: 7px;
	z-index: 70;
}

#buttonkontakt {
	position: absolute;
	width: 74px; height: 52px;
	right: 33px; top: 67px;
	z-index: 60;
}

#buttonhome a {
	display: block;
	background-image: url('images/button-home.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0; margin: 0; padding-top: 45px;
}

#buttonkontakt a {
	display: block;
	background-image: url('images/button-kontakt.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0; margin: 0; padding-top: 45px;
}

#buttonhome a:hover {
	display: block;
	background-image: url('images/button-home-on.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 45px;
}

#buttonkontakt a:hover {
	display: block;
	background-image: url('images/button-kontakt-on.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 45px;
}

#topmenu {
  position: absolute;
  width: 1000px;
  height: 36px;
  left: 10px;
  top: 123px;
  background-image: url('images/buttons_map2.jpg');
  background-repeat: no-repeat;
  z-index: 50;
}

#topmenu ul {
  width: 1000px;
  height: 36px;
  margin: 0; padding: 0;
  list-style-type: none;
  text-align: center;
}

#topmenu ul li {
  display: inline;
  float: left;
  padding: 0;
  height: 36px;
  width: 134px;
  margin: 0 6px 0 0;
  overflow: hidden;
  line-height: 12px;
}

#topmenu ul li a.a1 {	
  display: block; float: left;
  text-decoration: none;
  font-size: 12px; font-weight: bold;
  height: 33px; width: 134px;
  padding: 12px 0 0 0; margin: 0;
  color: #00663e;
}

#topmenu ul li a.a2 {	
  display: block; float: left;
  text-decoration: none;
  font-size: 12px; font-weight: bold;
  width: 134px; height: 36px;
  margin: 0; padding: 6px 0 0 0;
  color: #00663e;
}

#topmenu ul li a.a1:hover {
  color: white;
  background-image: url('images/button_on.jpg');
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

#topmenu ul li a.a2:hover {
  color: white;
  background-image: url('images/button_on.jpg');
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

#topmenu ul li a.a1on {
  display: block; float: left;
  text-decoration: none;
  font-size: 12px; font-weight: bold;
  height: 33px; width: 134px;
  padding: 12px 0 0 0; margin: 0;
  color: white;
  background-image: url('images/button_on.jpg');
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

#topmenu ul li a.a2on {
  display: block; float: left;
  text-decoration: none;
  font-size: 12px; font-weight: bold;
  width: 134px; height: 36px;
  margin: 0; padding: 6px 0 0 0;
  color: white;
  background-image: url('images/button_on.jpg');
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

#content {
  position: relative;
  width: 838px;
  margin: 34px auto 0 auto;
  clear: both;
}

#content ul li { 
  list-style-image: url('images/ul-lisc-1.png');
  list-style-type: square;
  margin-bottom: 5px;
}

#content ul li:nth-child(odd) { 
  list-style-image: url('images/ul-lisc-1.png');
}

#content ul li:nth-child(even) { 
  list-style-image: url('images/ul-lisc-2.png');
} 

#dziewczyna-home {
  position: absolute;
  left: 1px; bottom: 0;
  width: 261px; height: 269px;
  z-index: 20;
}

#foto-zgaga {
  position: absolute;
  left: 0; bottom: 0;
  width: 284px; height: 430px;
  z-index: 20;
/*  
  background-image: url('images/foto-zgaga2.png');
  background-repeat: no-repeat;
  background-position: bottom;  
  overflow: hidden; */
}

#foto-wzdecia {
  position: absolute;
  left: 0; bottom: 0;
  width: 343px; height: 430px;
  z-index: 20;
}

#foto-bole-brzucha {
  position: absolute;
  left: 0; bottom: 0; margin: 0; padding: 0;
  width: 336px; /*height: 473px;  */
  height: 430px; z-index: 20;
/*  background-image: url('images/foto-bole-brzucha2.png');
  background-repeat: no-repeat;
  background-position: bottom;  
  overflow: hidden; */
}

#foto-zespol-jelita {
  position: absolute;
  right: 0; top: -34px;
  width: 279px; height: 387px;
  z-index: 20;
} 

#foto-opinie-1 {
  position: absolute;
  left: 0; bottom: 0;
  width: 320px; height: 447px;
/*  background-image: url('images/foto-opinie-1.png');
  background-repeat: no-repeat;
  background-position: bottom; 
  overflow: hidden; */
  z-index: 20;
}

#foto-opinie-21 {
  position: absolute;
  right: 0; top: -34px;
  width: 276px; height: 248px;
  z-index: 20;
}

#foto-opinie-22 {
  position: absolute;
  left: 0; bottom: 0;
  width: 224px; height: 234px;
  z-index: 20;
}

#foto-opinie-3 {
  position: absolute;
  left: 0; top: -34px;
  width: 336px; height: 447px;
  z-index: 20;
}

#foto-dlaczego-iberogast {
  position: absolute;
  left: 0; bottom: 0;
  width: 298px; height: 430px;
  z-index: 20;
}

#foto-objawy {
  position: absolute;
  left: 0; bottom: 0;
  width: 227px; /* height: 462px; */ height: 430px;
  z-index: 20;
/*  background-image: url('images/foto-objawy.png');
  background-repeat: no-repeat;
  background-position: bottom; */  
  overflow: hidden;
}

#foto-czynniki {
  position: absolute;
  left: 0; top: 117px;
  width: 304px; height: 242px;
/*  background-image: url('images/foto-czynniki.png');
  background-repeat: no-repeat; */
  z-index: 20;
}

#foto-prasa {
  position: absolute;
  left: 1px; top: -34px;
  width: 341px; height: 501px;
  z-index: 20;
}

#foto-wskazania {
  position: absolute;
  right: 0; bottom: 0;
  width: 305px; height: 430px;
/*  background-image: url('images/foto-wskazania.png');
  background-repeat: no-repeat; */
  z-index: 20;
}

#foto-jak-stosowac {
  position: absolute;
  left: 0; bottom: 0;
  width: 246px; height: 432px;
/*  background-image: url('images/foto-jak-stosowac3.png');
  background-repeat: no-repeat;
  background-position: bottom; */
  z-index: 20;
}

#foto-informacje-ogolne {
  position: absolute;
  right: 30px; top: -20px;
  width: 149px; height: 386px;
/*  background-image: url('images/foto-informacje-ogolne.png');
  background-repeat: no-repeat; */
  z-index: 20;
}

#foto-zapytaj-specjaliste {
  position: absolute;
  left: 20px; top: 20px;
  width: 249px; height: 278px;
/*  background-image: url('images/foto-zapytaj-specjaliste.png');
  background-repeat: no-repeat; */
  z-index: 20;
}

#foto-dla-dzieci {
  position: absolute;
  left: 567px; top: 20px;
  width: 260px; height: 320px;
/*  background-image: url('images/foto-dla-dzieci.png');
  background-repeat: no-repeat; */
  z-index: 20;
}

#zapytaj-specjaliste-caption {
  position: absolute;
  left: 20px; top: 310px;
  width: 249px; z-index: 20;
  color: #00663e; font-style: oblique;
}

#zapytaj-specjaliste-caption h3 {
	font-size: 13px;
	margin: 0 0 10px 0; text-align: center;
}

.button-zespol-jelita1 {
  display: inline; float: left;
  background-image: url('images/button-zespol-01.jpg');
  background-repeat: no-repeat;
  width: 240px; height: 45px;
}

.button-zespol-jelita2 {
  display: inline; float: left;
  background-image: url('images/button-zespol-02.jpg');
  background-repeat: no-repeat;
  width: 240px; height: 45px;
}

.button-zespol-jelita3 {
  display: inline; float: left;
  background-image: url('images/button-zespol-03.jpg');
  background-repeat: no-repeat;
  width: 240px; height: 45px;
}

.button-zespol-jelita4 {
  display: inline; float: left;
  background-image: url('images/button-zespol-04.jpg');
  background-repeat: no-repeat;
  width: 240px; height: 45px;
}

.button-zespol-jelita1 a {
  display: block;   width: 240px; height: 33px;
  font-size: 14px; color: #ffd800; padding: 12px 0 0 0;
}

.button-zespol-jelita2 a {
  display: block;   width: 240px; height: 33px;
  font-size: 14px; color: #ffd800; padding: 12px 0 0 0;
}

.button-zespol-jelita3 a {
  display: block;   width: 240px; height: 33px;
  font-size: 14px; color: #ffd800; padding: 12px 0 0 0;
}

.button-zespol-jelita4 a {
  display: block;   width: 240px; height: 33px;
  font-size: 14px; color: #ffd800; padding: 12px 0 0 0;
}

.button-informacje { display: inline; float: left; width: 190px; height: 186px; margin: 0 8px 8px 0; }
#zloty-otis { width: 586px; height: 77px; float: left; margin-bottom: 8px; }

#button-opinie-1 {
  width: 510px; height: 93px;
  margin: 0 0 5px 50px;
  background: transparent;
  background-image: url('images/button-opinie_1.png');
  background-repeat: no-repeat;
}

#button-opinie-2 {
  width: 510px; height: 93px;
  margin: 0 0 5px 50px;
  background: transparent;
  background-image: url('images/button-opinie_2.png');
  background-repeat: no-repeat;
}

#button-opinie-3 {
  width: 510px; height: 93px;
  margin: 0 0 5px 50px;
  background: transparent;
  background-image: url('images/button-opinie_3.png');
  background-repeat: no-repeat;
}

#button-opinie-1 h2, #button-opinie-2 h2, #button-opinie-3 h2 { color: white; font-size: 18px; font-weight: normal; margin: 0 0 0 20px; padding: 10px 0 0 0; }
#button-opinie-1 p, #button-opinie-2 p, #button-opinie-3 p {  color: white; font-size: 90%; line-height: 13px; margin: 0 115px 0 20px; padding: 0; }
#button-opinie-1 a, #button-opinie-2 a, #button-opinie-3 a { color: white; font-weight: bold; margin: 0; padding: 0; }



#frame-main {
  position: relative; width: 617px;
}

.frame1-01 {
  position: relative;
  margin: 0;
  width: 617px; height: 11px;
  background-image: url('images/frame1-01.jpg');
  background-repeat: no-repeat;
  overflow: hidden;
}

.frame1-02 {
  position: relative;
  background-color: white;
  background-image: url('images/frame1-02.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  border-right: 1px solid #acd172;
  border-left: 1px solid #acd172;
  overflow: hidden;
}

.frame1-03 {
  position: relative;
  background-color: white;
  background-image: url('images/frame1-03.jpg');
  background-repeat: no-repeat;
  width: 617px; height: 10px;
  margin: 0; padding: 0;
  overflow: hidden;
}

.frame2-02 {
  position: relative;
  background-color: white;
  background-image: url('images/frame2-02.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  border-right: 1px solid #acd172;
  border-left: 1px solid #acd172;
  overflow: hidden;
  min-height: 375px;
}

.frame2-03 {
  position: relative;
  background-color: white;
  background-image: url('images/frame2-03.jpg');
  background-repeat: no-repeat;
  width: 617px; height: 10px;
  margin: 0; padding: 0;
  overflow: hidden;
}


.frame3-01 {
  position: relative;
  margin: 34px 0 0 0;
  width: 797px; height: 11px;
  background-color: white;
  background-image: url('images/frame3-01.jpg');
  background-repeat: no-repeat;
}
  
/*
.frame3-01 {
  position: absolute;
  width: 797px;
  height: 11px;
  background-color: white;
  background-image: url('images/frame3-01.jpg');
  background-repeat: no-repeat;
  left: 0; top: -11px; z-index: 0;
}
*/

.frame3-02 {
  position: relative;
  background-color: white;
  background-image: url('images/frame3-02.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  border-right: 1px solid #acd172;
  border-left: 1px solid #acd172; 
  margin: 0 auto 0 auto;
  overflow: hidden;
  width: 795px; min-height: 375px;
}

.frame3-03 {
  position: relative;
  background-color: white;
  background-image: url('images/frame3-03.jpg');
  background-repeat: no-repeat;
  width: 797px; height: 10px;
  margin: 0; padding: 0;
  overflow: hidden;
}


.frame4-01 {
  position: relative;
  margin: 34px 0 0 0;
  width: 838px;
  height: 11px;
  background-image: url('images/frame4-01.jpg');
  background-repeat: no-repeat;
  overflow: hidden;
}

.frame4-02 {
  position: relative;
  background-color: white;
  background-image: url('images/frame4-02.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  border-right: 1px solid #acd172;
  border-left: 1px solid #acd172;
  width: 836px; min-height: 382px;
  overflow: hidden;
}

.frame4-03 {
  position: relative;
  background-color: white;
  background-image: url('images/frame4-03.jpg');
  background-repeat: no-repeat;
  width: 838px; height: 11px;
  margin: 0; padding: 0;
  overflow: hidden;
}

.frame5-02 {
  position: relative;
  background-color: white;
  border-right: 1px solid #acd172;
  border-left: 1px solid #acd172; 
  margin: 0 auto 0 auto;
  overflow: hidden;
  width: 795px; min-height: 375px;
}

.frame5-03 {
  position: relative;
  background-color: white;
  background-image: url('images/frame5-03.jpg');
  background-repeat: no-repeat;
  width: 797px; height: 10px;
  margin: 0; padding: 0;
  overflow: hidden;
}

.frame1-02 h3 {
  font-size: 13px;
  line-height: 16px;
  margin: 4px 10px 5px 270px;
  text-align: left;
}

.frame1-02 p {
  font-size: 12px;
  line-height: 16px;
  margin: 8px 10px 0px 270px;
  text-align: left;
}

.frame2-02 h1 {
  margin: 4px 10px 5px 270px;
  text-align: left;
}

.frame2-02 h2 {
  margin: 4px 10px 5px 270px;
  text-align: left;
}

.frame2-02 h3 {
  font-size: 13px;
  line-height: 16px;
  margin: 4px 10px 5px 270px;
  text-align: left;
}

.frame2-02 p {
  font-size: 12px;
  line-height: 15px;
  margin: 7px 10px 0px 270px;
  text-align: left;
}

.frame3-02 p {
  font-size: 12px;
  line-height: 15px;
  margin: 7px 30px 0px 30px;
  text-align: left;
}

.frame4-02 h3 {
  font-size: 13px;
  line-height: 16px;
  margin: 4px 10px 5px 270px;
  text-align: left;
}

.frame4-02 p {
  font-size: 12px;
  line-height: 15px;
  margin: 7px 30px 0px 30px;
  text-align: left;
}

#frames-small {
  position: relative;
  width: 617px; height: 155px;
  margin-top: 10px;
}

#dlaczego {
  position: absolute;
  left: 0; top: 0;
}

#opinie {
  position: absolute;
  left: 209px; top: 0;
}

#prasa {
  position: absolute;
  left: 417px; top: 0;
}

#wzdecia-zgaga {
  position: absolute;
  left: 623px; top: 34px;
}

#legal-copy {
  position: relative;
  width: 838px; height: 125px;
  background-image: url('images/legal-copy.jpg');
  background-repeat: no-repeat;
  margin: 10px 0; padding: 3px 0;
  clear: both;
}

#legal-copy-short {
  position: relative;
  width: 797px; height: 119px;
  background-image: url('images/legal-copy-short.jpg');
  background-repeat: no-repeat;
  margin: 10px auto 0 auto; padding: 2px 0;
}

#legal-copy p { line-height: 14px; margin: 7px 20px 7px 20px; font-size: 13px; }
#legal-copy-short p { line-height: 14px; margin: 4px 10px 4px 10px; font-size: 12px; }

.roslinki { clear: both; margin-left: 25px; }
.roslinki p { display: inline; width: 135px; float: left; font-size: 11px; line-height: 12px; margin: 0 4px 10px 4px }
.roslinki div { display: inline; width: 103px; float: left; margin: 0 4px 10px 4px }

dl { display: inline; }
dt { text-align: right; width: 40%; float: left; padding-right: 5px; margin-bottom: 10px; }
dd { text-align: left; margin-bottom: 10px; overflow: hidden; }

#lejer { position: absolute; visibility: visible; top:20%; left: 40%; z-index: 1000; } 

#form-zadaj-lewa {
	position: absolute;
	text-align: left;	
	left: 300px; top: 60px;
}

#form-zadaj-prawa {
	position: absolute;
	text-align: left;	
	left: 520px; top: 60px;
}

#form-zadaj-lewa label, #form-zadaj-prawa label {
	font-style: italic;
	color: #00663e;
}

#form-zadaj-lewa input, #form-zadaj-prawa input {
	
}

#form-zadaj-prawa .submit {
	text-align: right;
}

#form-zadaj-lewa .validation_errors {
    width: 200px;
}

#form-zadaj-lewa .validation_errors p { color: red; }