body { font-family: Helvetica, Tahoma, sans-serif; font-size: 12px; line-height:1.8em; margin: 0px; width: 100%; padding: 0px; 
background-image: url("../pics/body.png"); background-position: top center; background-repeat: repeat-x; color: black; }
table, tr, td { font-size:1em; }
textarea, input { font-family: Helvetica, Tahoma, sans-serif; font-size:1em; }
h1, h2, h3, h4 { font-family: Helvetica, Tahoma, sans-serif; color:#036327; }
p {  }
h1 { font-size: 1.5em; margin:5px 10px; }
h2 { font-size: 1.3em; margin:5px 0px; }
#right h1 { margin:5px; }
#right small {line-height:1.3em}
#promotions h1 { margin:0 0 5px 5px; }
a { color:#093c74; margin:0px;}
img { border:0px; margin:0px; padding:0px; float:left;}
ul { list-style-image: url('../pics/ul_style.png'); margin:0 20px; text-align:justify;  }
li { font-weight:bold; }
#container { text-align: center; }
#package { margin: 0px auto; width:960px; text-align: left; }
.hline { width:80%; border-top:1px soild red; }
#top { float:left; width:100%; }
#top #logo { float:left; width:332px; }
#top #top02 { float:left; width:294px }
#top #top02 #slider{ float:left; width:294px; height:35px; }
#top #top03 { float:left; width:334px }

#top_slidebar { float:left; width:558px; }
#menu { float:left; width:100%; }
#menu div { float:left; }
#menu #onas { width:111px; }
#menu #oferta { width:139px; }
#menu #promocje { width:169px; }
#menu #dlapacjenta { width:186px; }
#menu #kontakt { width:152px; }

#main { float:left; width: 635px; background:#fff; }
.frame_mainpage { float:left; margin:15px; width:450px; height:150px; background-image: url("../pics/frame-mainpage.png"); background-position: top center; background-repeat: no-repeat;}
.frame_mainpage h1 { margin:7px 0 5px 20px; }
.frame_mainpage p { margin:0 15px 0 15px; text-align:justify; }
form { margin:0; }
form p { color:#f00; margin:5px; text-align:right; font-weight:bold; display:none; }
form div { float:left; width:100%; margin:5px 0px;  }
form label { float:left; margin:5px 5px 0px 20px; width:150px; text-align:right;}
form span { float:left; margin:5px;}
form input, form select, form textarea { font-family: Verdana, Tahoma; float:left; font-size:1em; }
form .error { border:2px ridge #f00; color:#000; }
form .desc { float:left; width:100%; }
#oferta_main { float:left; width:635px; margin:0; background:#fff; }
#oferta { float:left; width:615px; margin:0; background:#fff; }
#oferta_main a.o, #oferta a.o{  float:left; margin:3px; display:block; outline: none; width:150px; height:120px; }
#oferta_main span, #oferta span { display:none; }
#oferta_main a.leki-gotowe, #oferta a.leki-gotowe { background:url('../pics/oferta/leki-gotowe.jpg'); }
#oferta_main a.leki-recepturowe, #oferta a.leki-recepturowe { background:url('../pics/oferta/leki-recepturowe.jpg'); }
#oferta_main a.leki-oczne, #oferta a.leki-oczne { background:url('../pics/oferta/leki-oczne.jpg'); }
#oferta_main a.homeopatia, #oferta a.homeopatia { background:url('../pics/oferta/homeopatia.jpg'); }
#oferta_main a.sprzet-medyczny, #oferta a.sprzet-medyczny { background:url('../pics/oferta/sprzet-medyczny.jpg'); }
#oferta_main a.kosmetyki, #oferta a.kosmetyki { background:url('../pics/oferta/kosmetyki.jpg'); }
#oferta_main a.pieluchomajtki, #oferta a.pieluchomajtki { background:url('../pics/oferta/pieluchomajtki.jpg'); }
#oferta_main a.odziez-medyczna, #oferta a.odziez-medyczna { background:url('../pics/oferta/odziez-medyczna.jpg'); }
#oferta_main a.apteczki-dla-firm, #oferta a.apteczki-dla-firm { background:url('../pics/oferta/apteczki-dla-firm.jpg'); }
#oferta_main a:hover{ background-position:0 -120px; }
#oferta_main  p { float:left;  margin:20px; width:400px; padding:0; font-size:1.2em; color:#036327;}

#oferta a.leki-gotowe, #oferta a.leki-recepturowe, #oferta a.leki-oczne, #oferta a.homeopatia, #oferta a.sprzet-medyczny, 
#oferta a.kosmetyki, #oferta a.pieluchomajtki, #oferta a.odziez-medyczna,  #oferta a.apteczki-dla-firm { background-position:0 -120px; }
#tresc { float:left; margin:0 10px; text-align:justify; }
#right { float:right; background:#fff; width: 325px;}
.right { text-align:right; margin-right:15px; }

.line { width:100%; float:left; margin:15px 0;}
.oferta_line { width:615px; float:left; margin:15px 0;}
.backtotop { float:right; width:70%;  margin-right:15px;}
.backtotop a { float:right;color:#636363; text-decoration:none; font-size:0.9em; }
.line div { clear:right;  margin:0 15px; }
#promotions { margin:0px; float:left; width:100%; background:#fff;}
#promotions_slider { float:left; margin:0px; width:100%; }
#nav { margin:4px 0 15px 0; float:left; font-size:1em; }
#nav a { margin: 0 5px; padding: 3px 5px; text-decoration: none; border: 1px solid #e1e1e1;  background: #fff; color: #636363; }
#nav a:hover { margin: 0 5px; padding: 3px 5px; text-decoration: none; border: 1px solid #e1e1e1;  background: #e1e1e1; color: #636363; }
#nav a.activeSlide { border: 1px solid #ccc; background: #027b30; color: #fff; }
#nav a:focus { outline: none; }
#promotions .promotion { float:left; width:308px; margin:4px; text-align:center; border:1px solid #e1e1e1; 
}
#promotions .prices { position:relative; top:10px; z-index:2; float:right;  width:300px; text-align:center;}
#promotions .prices .new { float:right; clear:right;background:#f00; color:#fff;  font-size:1.8em; font-weight:bold; padding:5px 15px;}
#promotions .prices .text { float:right; width:200px; background:#fff43e; color:#000; font-size:1.4em; font-weight:bold; padding:5px 15px;}
#promotions .prices .old { float:right; clear:right; background:#7c7c7c; color:#fff; font-size:1em; margin:1px 0px; padding:0px 15px;}
#promotions .prices .percent { float:right; color:#f00; font-size:1em; width:80px; margin:1px 0px;}
#promotions .content { float:left; width:100%; line-height:1.4em; font-size:1em; }
#promotions .picture { float:left; width:100%; height:240px;}
#promotions .desc { float:left; margin:5px; text-align:justify; margin-top:10px; font-size:1em;  line-height:1em; }
#promotions .right { margin:5px; float:right; }
#promotions .ostrzezenie {text-align:justify; color:dimgray; margin:5px; float:left;}
#promotions img { margin:5px; }
#promotions #pauseButton, #promotions #resumeButton { float:left;display:block; width:20px; height: 30px;}
#promotions #promotions_nav { float:left; width:100%;} 

.lokalizacja { float:left; background:whitesmoke; margin:5px 0px; width:100%; }
.lokalizacja h3 { margin:5px 0px; color:dimgray; font-size:1.2em; }
.lokalizacja iframe { border:1px solid silver; }
.lokalizacja .dane { float:left; margin:10px 30px 10px 10px;  }
.lokalizacja .mapa { float:left; margin:15px 30px;}
.lokalizacja .tel { font-weight:bold; }
.lokalizacja a { font-size:0.8em; }
.lokalizacja .godziny { font-size:1.1em; margin:10px 0px;}
.lokalizacja h1 { margin:10px; padding:0; font-size:1.5em; line-height:0.7em; font-weight:bold; color:#000;}
.dla-pacjenta { display:none;  margin:5px; }
#footer  {  float:left; height:140px; width:100%; border-top:2px solid #02501f; background:#036327;}
#footer_container { text-align:center; }
#footer_package { margin: 0px auto; width:960px; text-align: left; }
#footer01 { float:left; height:140px; width:271px; background-image: url("../pics/footer01.jpg"); background-position: top center; background-repeat: no-repeat; }
#footer02 { float:left; height:140px; width:689px; background-image: url("../pics/footer02.jpg"); background-position: top center; background-repeat: no-repeat; }
#footer01 .links { float:right; text-align:right; margin:5px 15px 0 0; }
#footer01 a {  color:#fff; text-decoration:none; font-size:1.1em; }
#footer02 a { color:#edf9ef; text-decoration:none; font-size:1.1em; }
#footer02 #wykonanie { float:right; display:block; text-align:right; margin:110px 0 0 0;}
.error { color:#f00; }
.formularz { font-size:1em; }
#ajaxStatus { position:fixed; left:30%; top:0; width:40%; font-size:1.1em; opacity:0.90;filter: alpha(opacity=90); -moz-opacity: 0.9; z-index:10; }
#ajaxStatus #status1, #ajaxStatus #status4, #ajaxStatus #loading { display:none; padding:10px; text-align:center;}
#ajaxStatus .status1 { background:#fff; }
#ajaxStatus .status4 { background:#fff; }
#errorMessage, #okMessage { display:none; }
#message  { margin:0; text-align:left; line-height:2em; font-weight:bold;}
#message #okMessage, .message { color:#398328; }
#message #errorMessage { color:#f00; }
.bigText { text-align:justify; }
