@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
body{ text-align: center; font-family: tahoma;}
#main{ width: 998px; margin-left: auto; margin-right: auto; text-align: left;}

a{
	outline-style:none;
}

/* ----  Header -------- */
#header{ width: 998px; height: 446px;}
#block_z_menu{ width: 998px; height: 135px;}
#blok_z_logo{ width: 217px; height: 108px; float: left; padding-top: 27px; padding-left: 23px;}
#logo{ width: 198px; height: 84px; background: url(../images/breathrx_finish_06.jpg) no-repeat; cursor: pointer;}
#header_text { width: 465px; height: 99px; float: left; background: url(../images/rewolucja.jpg) 61px 0 no-repeat;}
#header_text h1{ padding-top: 30px; padding-left: 64px; font-size: 22px; font-weight: 100; color: #231F20;}
#newsleter { float:left; width: 293px; height: 75px; padding-top: 24px; }
#newsleter_napis { width: 293px; height: 23px; background: url(../images/breathrx_finish_03.jpg) no-repeat; margin-bottom: 4px;}
#newsleter_input { border: 0; width: 164px; }
#newsleter_background{width: 164px; height: 20px; background: url(../images/breathrx_finish_09.jpg) no-repeat; border: 0; float: left; padding-top: 6px; padding-left: 12px; padding-right: 12px; font-family: tahoma; font-size: 12px; margin-right: 15px;}
#newlseter_buton{ float: left; height: 21px; width: 34px; background: url(../images/breathrx_finish_12.jpg) no-repeat; border: 0; margin-top: 1px; cursor: pointer;}

/* ----  Menu -------- */

#block_bez_menu{ width: 998px; height: 311px; }
#fff{ width: 998px; height: 21px; float: left; }
#block_bez_menu #kutyk { width: 7px; height: 21px; background: url(../images/kut.jpg) no-repeat; float: left;}
#block_bez_menu #topyk{ height: 21px; width: 240px; background: url(../images/breathrx_finish_22.jpg) repeat-x; float: left;}
#block_bez_menu #topyk2{ height: 16px; width: 751px; background: #00a0e0; border-top: 1px solid #0fa7e2; float: left; margin-top:4px}
#nasze_produkty{ float: left; height: 290px; width: 163px; background: url(../images/breathrx_finish_26.jpg) no-repeat;}
#nasze_proudkty_tekst{ width: 88px; padding-top: 175px; margin-left: -15px; text-align:justify;}
#nasze_proudkty_tekst p{ color: #FFFFFF; font-size: 11px; padding-bottom: 5px;}
#nasze_proudkty_tekst a{ background: url(../images/biale_klamry.jpg) 0 5px no-repeat; text-decoration: none; font-size: 11px; color: #FFFFFF; padding-left: 10px; font-weight: bold; margin-left: 35px;}
#ludzie{ float: left; height: 290px; width: 549px; background: url(../images/breathrx_finish_27.jpg) no-repeat;}
#czesc_zdjecia1{ float: left; height: 77px; width: 286px; background: url(../images/breathrx_finish_28.jpg) no-repeat;}
#czesc_zdjecia1 a{ color: #FFFFFF; float: right; font-size: 14px; padding-right: 80px; text-decoration: none; margin-top: -10px;}
#czesc_zdjecia2{ float: left; height: 67px; width: 198px; background: url(../images/breathrx_finish_29.jpg) no-repeat;}
#czesc_zdjecia3{ float: left; height: 67px; width: 88px; background: url(../images/breathrx_finish_30.jpg) no-repeat;}
#czesc_zdjecia4{ float: left; height: 146px; width: 286px; background: url(../images/breathrx_finish_31.jpg) no-repeat;}

ul#navmenu-h #menu_o_systemie, ul#navmenu-h #menu_produkty, ul#navmenu-h #menu_sklep, ul#navmenu-h #menu_faq, ul#navmenu-h #menu_do_pobrania, ul#navmenu-h #menu_kontakt{ padding: 0; }
#menu_o_systemie span, #menu_produkty span, #menu_sklep span, #menu_faq span, #menu_do_pobrania span, #menu_kontakt span{ position: absolute; left: -9999em;}

ul#navmenu-h #menu_o_systemie{ width: 136px; height: 34px; background: url(../images/osystemie.jpg) top left no-repeat;}
ul#navmenu-h #menu_produkty{width: 126px; height: 34px; background: url(../images/produkty.jpg) top left no-repeat}
ul#navmenu-h #menu_sklep{width: 85px; height: 34px; background: url(../images/sklep.jpg) top left no-repeat}
ul#navmenu-h #menu_faq{width: 65px; height: 34px; background: url(../images/faq.jpg) top left no-repeat}
ul#navmenu-h #menu_do_pobrania{width: 153px; height: 34px; background: url(../images/dopobrania.jpg) top left no-repeat}
ul#navmenu-h #menu_kontakt{width: 112px; height: 34px; background: url(../images/kontakt.jpg) top left no-repeat}

ul#navmenu-h #menu_kontakt:hover, ul#navmenu-h #menu_produkty:hover, ul#navmenu-h #menu_o_systemie:hover, ul#navmenu-h #menu_faq:hover, ul#navmenu-h #menu_do_pobrania:hover, ul#navmenu-h #menu_sklep:hover{ background-position: bottom left;}

/* ----  Center -------- */
#center{ width: 998px;}

#lewa_kolumna{ width: 257px; float: left; padding-top: 18px;}
#blok_aktualnosci{ width: 257px; float: left; }
#aktualnosci{ height: 34px; width: 244px; padding-left: 13px; padding-bottom: 16px;} 
#kreska{ width: 8px; height: 34px; background: url(../images/breathrx_finish_37.jpg) no-repeat; float: left; padding-right: 4px;}
#napis{ width: 133px; height: 22px; background: url(../images/breathrx_finish_47.jpg) no-repeat; float: left; margin-top: 6px; padding-right: 43px;}
.znaczek{ width: 52px; height: 22px; background: url(../images/breathrx_finish_49.jpg) no-repeat; float: left; margin-top: 6px;}
.aktualnosc{ width: 238px; padding-left: 19px;}
.aktualnosc .data{ font-size: 11px; font-weight: bold; color: #353535; width: 238px;}
h3{ font-size: 11px; font-weight: bold; color: #0092d1; width: 238px;}
.aktualnosc .tresc_aktualnosci{ width: 238px; padding-top: 10px;}
.aktualnosc .tresc_aktualnosci img{ float: left; border: 1px solid #737373;} 
.aktualnosc .tresc_aktualnosci p{ color: #575757; width: 142px; font-size: 11px; float: right; text-align:justify;}
.aktualnosc .tresc_aktualnosci .wiecej{ clear:both; }
.aktualnosc .tresc_aktualnosci .wiecej a, .wiecej a{ float: right; padding-top: 8px; font-size: 11px; background: url(../images/breathrx_finish_83.jpg) 0 14px no-repeat; color: #0073b3; padding-left: 9px; padding-right: 4px; text-decoration: none; margin-bottom: 7px;}

#blok_promocja{ width: 139px; height: 142px; background: url(../images/breathrx_finish_89.jpg) no-repeat; padding-left: 112px; margin-left: 6px; margin-bottom: 26px;}
#trecs_promocji{ height: 130px; width: 125px; padding-top: 12px; background: url(../images/promocja.jpg) no-repeat; float: left;}
#napis_promocja{ height: 19px; width: 116px; background: url(../images/breathrx_finish_96.jpg) no-repeat; float: left; margin-left: 8px;}
#tresc_promocji_srodek{ padding-top: 12px; padding-left: 4px; width: 112px; height: 66px; padding-left: 8px; float: left;}
#tresc_promocji_srodek img{ position: relative; margin-left: -1px;}
#promocja_zobacz{ width: 84px; height: 22px; margin-left: 29px; background: url(../images/breathrx_finish_106.jpg) no-repeat; float: left; cursor: pointer;}
#prawy_bok_promocji{ width: 14px; height: 142px; background: url(../images/breathrx_finish_93.jpg) no-repeat; float: left;}

#blok_infolinia{ width: 150px; height: 142px; background: url(../images/infolinia.jpg) no-repeat; padding-left: 101px; margin-bottom: 30px; margin-left: 6px;}

#rzetelnafirma { text-align: center; }
#rzetelnafirma img { border: 0; }

#prawa_kolumna{ width: 694px; float: right; padding-top: 22px;}
#trzy_bloki{ width: 611px; height: 377px; background: url(../images/breathrx_finish_34.jpg) repeat-x; float: left; padding-left: 4px;}
#blok1{ width:187px; margin-right: 20px; float: left;}
#blok1 #naglowek_blok1{ height: 47px; width: 119px; padding-left: 31px; background: url(../images/breathrx_finish_52.jpg) no-repeat;}
#blok1 h2{ height: 15px; width: 119px; background: url(../images/breathrx_finish_53.jpg) no-repeat; float: left; padding-top: 30px;}
#blok2{ width: 204px; padding-right: 25px; float: left;}
#blok2 #naglowek_blok2{ height: 47px; width: 114px; padding-left: 36px; background: url(../images/breathrx_finish_40.jpg) no-repeat;}
#blok2 h2{ height: 15px; width: 119px; background: url(../images/breathrx_finish_41.jpg) no-repeat; float: left; padding-top: 33px;}
#blok3{ width: 174px; float: left;}
#blok3 #naglowek_blok3{ height: 47px; width: 114px; padding-left: 36px; background: url(../images/breathrx_finish_43.jpg) no-repeat;}
#blok3 h2{ height: 15px; width: 119px; background: url(../images/breathrx_finish_44.jpg) no-repeat; float: left; padding-top: 30px;}

#blok1 p, #blok2 p, #blok3 p{ width: 170px; color: #575757; font-size: 11px; padding-top: 20px; text-align: justify;}
#blok2 p{ width: 200px;}
#blok1 p, #blok2 img { margin-left: 13px;}
#blok2 img{ margin-left: 43px;}
#blok3 img{ margin-left: 23px; margin-top: 26px;}
#blok1 img, #blok2 img, #blok3 img{ float: left;}
#blok1 img{ margin-left: 30px; margin-top: 68px;}

h2{ padding-left: 10px;  font-size: 14px; font-weight: bold; color: #231f20;}
 
#do_pobrania a{ color:#0092D1; font-size:13px; font-weight:bold; }
#do_pobrania li{padding-bottom: 7px;}
 
#tresc_strony{ width: 694px; float: left; border-left: 1px solid #e6e6e6;}
#tresc_strony h1{ width: 600px; margin-left: -4px; background: url(../images/breathrx_finish_37.jpg) no-repeat; padding-left: 15px; font-size: 16px; color: #0092d1; height: 26px; padding-top: 8px; font-weight: bold; float: left;} 
#tresc_strony h1 .znaczek{ margin-top: -19px; float: right;}
#tresc_strony_tresc{width: 600px; padding-left: 17px; float: left; margin-top: 12px; font-size: 13px; color: #6f6f6f;}
#tresc_strony ul{ margin-left: 60px;}
#tresc_strony ul li{ }
#tresc_strony ul li a{ }
#tresc_strony p{ padding: 0 10px;}
#kolumna_z_obrazkiem{ width: 165px; float: left; padding-left: 20px;}
#tresc_strony #kolumna_z_obrazkiem img{ float: left; margin-top: 12px; border: 0;}
#tresc_strony_dol{ float: left; width: 19px; height: 16px; background: url(../images/breathrx_finish_120.jpg) no-repeat;}
#tresc_strony_dol_kreska{ width: 590px; height: 15px; border-bottom: 1px solid #e6e6e6; float: left;}

#formularz {width:600px; padding-left: 15px; padding-top: 15px; padding-bottom: 10px; }
#formularz form { padding: .5em 0; }
#formularz fieldset { margin-bottom: 1em; border: none; }
#formularz legend { margin-top: -1px; padding-bottom: 1em; font-size: 0.8em; font-weight: bold; color: #3F3F3F; }

 .f-row { margin-bottom: .5em; }
 label { float: left; text-align: right; width: 126px; padding: 0 12px; font-size: 12px;}
 .f-inputs { padding-left: 20%; font-size: 12px; position: relative; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; padding-left:20%; }

input { vertical-align: middle }
.f-inputs input{ width: 200px; padding: 0 1px; font-size: 12px; border: 1px solid #a0a0a0;}

.required{ background: url(../images/czerwona_gwiazda.jpg) 138px top no-repeat;}
.i-text2 { padding: 0 1px; font-size: 12px; border: 1px solid #a0a0a0; }
.button {  background: url(../images/przycisk.jpg) no-repeat; border: 0; font-size: 12px; font-weight: bold; color: #ffffff; width: 70px;  height: 28px; cursor: pointer; padding-bottom: 4px;}
#formularz p {font-size: 12px; color: #FF0037;}

.content_aktualnosci{ width: 600px; padding-left: 20px; padding-top: 10px; font-size: 12px; color: #575757;}
.content_aktualnosci img{ float: left; margin-right: 1em; margin-bottom: 1em; border: 1px solid #737373; vertical-align: top; }
.content_aktualnosci ol{ padding-left: 25px; }
.content_aktualnosci h2 { padding-bottom: 5px; margin-left: 5px;}
h4 { margin-bottom: 10px; margin-top: 20px; font-size: 13px;}
.content_aktualnosci h5 { color: #0092d1; padding-bottom: 5px; font-size: 12px;}
.content_aktualnosci .wiecej { float: right; padding-right: 30px; margin-bottom: 15px;}
.content_aktualnosci .wiecej a{ padding-top: 8px; font-size: 11px; background: url(../images/breathrx_finish_83.jpg) 0 14px no-repeat; color: #0073b3; padding-left: 9px; padding-right: 4px; text-decoration: none;}

#slider{padding-top: 10px; float: left;}
.header_slider{ widht: 100%; float: left; color:#ffffff; font-size:16px; padding-top: 4px; padding-bottom: 4px; font-weight:bold; padding-left: 20px; cursor: pointer;  width: 620px; margin-top: 10px; background: #0092d1 url(../images/breathrx_finish_102.jpg) 5px center no-repeat;}
.content_slider{ float: left; width: 620px; padding-left: 20px; font-size: 13px; color:#575757; margin-top: 5px; text-align: justify; }
/* ----  Footer -------- */
#footer{ width: 998px; margin: 0 auto;}
#footer #kut { float: left; width: 23px; height: 26px; background: url(../images/breathrx_finish_126.jpg) no-repeat;}
#footer #gora { float: left; width: 975px; height: 26px; background: url(../images/breathrx_finish_127.jpg) repeat-x;}
#footer #bok { float: left; width: 5px; height: 164px; background: url(../images/breathrx_finish_135.jpg) no-repeat;}
#footer .text { padding-top: 8px; padding-left: 15px; width: 185px; float: left; }
#footer .text h1{ font-size: 18px; color: #FFFFFF; }
#footer .text p{ font-size: 11px; color: #FFFFFF; text-align: justify; padding-top: 15px;}
#footer #tlo { float: left; width: 993px; height: 164px; background: url(../images/breathrx_finish_136.jpg) repeat-x;}
#footer #tlo #bialy_blok{ width: 705px; height: 165px; float: right; margin-top: -10px; padding-right: 58px; position: relative;}
#footer #tlo #bialy_blok #bialy_blok_content{ width: 705px; height: 165px; }
#footer #tlo #bialy_blok #bialy_blok_content #top{ height: 15px; width: 675px; float: left; background:#FFFFFF; position: relative;}
#footer #tlo #bialy_blok #bialy_blok_content #bottom{ height: 15px; width: 675px; float: left; background:#FFFFFF;}
#footer #tlo #bialy_blok #bialy_blok_content #lewy_bok{ width: 15px; height: 135px; float: left; background:#FFFFFF;}
#footer #tlo #bialy_blok #bialy_blok_content #content{ width: 690px; height: 135px; background: #FFFFFF; float: left; }
#footer #tlo #bialy_blok #bialy_blok_content #kut1{ float: left; width: 15px; height: 15px; background: url(../images/breathrx_finish_130.jpg) no-repeat;}
#footer #tlo #bialy_blok #bialy_blok_content #kut2{ float: right; width: 15px; height: 15px; background: url(../images/breathrx_finish_133.jpg) no-repeat;}
#footer #tlo #bialy_blok #bialy_blok_content #kut3{ float: left; width: 15px; height: 15px; background: url(../images/breathrx_finish_147.jpg) no-repeat;}
#footer #tlo #bialy_blok #bialy_blok_content #kut4{ float: right; width: 15px; height: 15px; background:url(../images/breathrx_finish_149.jpg) no-repeat;}

#footer #tlo #bialy_blok #bialy_blok_content #czym_jest{ float: right; width: 348px; height: 129px; background: url(../images/breathrx_finish_141.jpg) no-repeat; padding-right:14px; margin-top: 5px;}
#footer #tlo #bialy_blok #bialy_blok_content #czym_jest .text{ padding-top: 74px; padding-left: 133px; width: 150px;}
#footer #tlo #bialy_blok #bialy_blok_content #czym_jest .text p{ color: #585858; padding: 0;}
#footer #tlo #bialy_blok #bialy_blok_content #czym_jest a{ float: right; font-size: 11px; padding-top: 113px; padding-right: 24px; text-decoration: none; color: #1274A5; font-weight: bold;}
#footer #tlo #bialy_blok #bialy_blok_content #badania_kliniczne{ float: left; width: 269px; height: 120px; background: url(../images/breathrx_finish_144.jpg) 8px 19px no-repeat; padding-top: 19px; padding-left: 8px; display:block; margin-top: -3px;}
#footer #tlo #bialy_blok #bialy_blok_content #badania_kliniczne h3{ color: #676769; font-size: 11px; font-weight: 100; margin-top: -19px;}

.clear{ clear: both;}

#newsleter_wynik{ font-size: 11px; padding-top: 5px; height:10px; margin-left: 5px; float: left; width: 280px; color: #0092D1;}

/*------  Sklep  ------*/

#logowanie{ width: 251px; height: 126px; background: url('../images/logowanie_bg.jpg') no-repeat; padding-top: 13px; margin-left: 6px;}
#logowanie h5{ color: #ffffff; width: 250px; text-align: center;}
#logowanie hr{ background: #ffffff; border: 1px solid #ffffff; margin-left: 15px; margin-right: 15px; margin-top: 3px;}
#logowanie a{ color: #ffffff; padding-left: 25px; font-size: 13px; font-family: tahoma; display: block; padding-top: 10px; }
#logowanie form { padding-top: .5em; }
.log-row { overflow: hidden; margin-bottom: .5em; margin-bottom: 11px;}
.log-row label { float: left; text-align: right; width: 25.99%; padding: 0 2%; color: #ffffff; font-family: tahoma; font-size: 12px; font-weight: bold; margin-top: 4px;}
.log-inputs { padding-left: 32%; }
input { vertical-align: middle;}
.log-text { width: 130px; padding: 0 1px; font: 12px; tahoma; border: 0; margin-top: 2px; heiht: 20px;}
.button_log { width: 84px; height: 22px; overflow: visible; cursor: pointer; background: url('../images/log_przycisk.jpg') no-repeat; border: 0; margin-top: -4px; position: relative; font-family: tahoma; font-size: 11px; color: #ffffff; float: right; margin-right: 25px; font-weight: bold; outline-style:none; }
.log_inp_bg{ width: 130px;  height: 22px; background: url('../images/logowanie_input.jpg') no-repeat; padding-left: 9px; padding-right: 9px;}
.log_inp_bg2{ width: 130px;  height: 22px; background: url('../images/logowanie_input2.jpg') no-repeat; padding-left: 9px; padding-right: 9px;}

.red{ color: #ff0000;  font-family: tahoma; font-size: 12px; position: relative; padding-left:138px; }

#do_koszyka{ float: left;}
#button_do_koszyka{ background: url('../images/do_koszyka.jpg') no-repeat; width: 102px; height: 28px; border: 0; text-align: right; color: #ffffff; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-right: 2px; }
#do_koszyka{ padding-left: 30px; padding-top: 5px;}

#wyloguj{ margin-right: 84px; margin-top: 40px;}

#opis_wybranego_towaru{ width: 300px; float: right; padding-left: 10px;}
#opis_wybranego_towaru p{ padding-top: 5px; padding-bottom: 5px;}
#opis_wybranego_towaru ol{ margin-left: 20px;}
#opis_wybranego_towaru ul li{  color: #6f6f6f;}
#wybrany_towar_img{ width: 300px; display: block; float:left;}
#cena_wybranego{ float: left; margin-left: 7px; margin-top: -5px; width: 180px;}
#cenaxile{ font-size: 11px;}
#koszyk_suma{ height: 14px; border-top: 1px solid #c3c3c3; width: 230px; margin-left: 10px; margin-right: 10px; font-size: 12px; padding-top: 5px; padding-left: 5px;}
#koszyk_suma a{  background: url('../images/zobacz.jpg') no-repeat; width: 68px; height: 14px; display: block; color: #ffffff; text-decoration:none; cursor: pointer; float: right; text-align: center; font-size: 11px; margin-right: 15px; margin-top: 2px;}
.usun{ background: url('../images/usun.jpg') repeat-x; height: 14px; border: 0; color: #ffffff; display: block; padding: 3px; padding-top:0; font-size: 11px; }

.sposob_zaplaty{ margin: 12px; float: left;}
.sposob_zaplaty_img{ float: left;}
.sposob_zaplaty_p{ float: left; margin-top: 23px;}

.errors{ position: absolute; left:300px; top:1px; width:400px; list-style: none; color: #ff0000; font-size: 11px;}