﻿body
{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background: url('/tlo/tlo.jpg');
}

img{border: 0px;}

#strona
{
	position: relative;
	width: 978px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#body{width: 978px; margin: 0 auto; height: 100%; margin-top: 40px;}
#oferta{position: absolute; overflow: hidden; margin-top: 325px; width: 100%;}
#oferta1_1{float: left; width: 240px; height: 53px;}
#oferta2_2{float: left; width: 240px; height: 53px; margin-left: 6px;}
#oferta3_3{float: left; width: 240px; height: 53px; margin-left: 6px;}
#oferta4_4{float: right; width: 240px; height: 53px; margin-right: 0px;}

#na_skroty{float: right; margin-left: 10px; width: 180px; height: 135px; border: 1px solid #FFFFFF;}
#na_skroty #text {padding: 10px; color: #FF9900; font-weight: bold;}
#na_skroty #text2 {padding-left: 25px; padding-top: 0px; text-align: left;}

#nod32{float: right; margin-left: 5px; width: 150px; height: 195px;}
#smart{float: right; margin-left: 5px; width: 150px; height: 195px;}
#eset_lewa{float: left; width: 200px; margin-right: 10px; height: 647px;}

#tekst_logo{font-weight: bold; font-size: 12pt; font-style: italic; position: absolute; width: 400px; display: block; margin-left: 660px; margin-top: 90px;}
#tekst_logo #tekst1{float: left; width: 65px;}
#tekst_logo #tekst2{margin-left: 52px; float: left; width: 45px;}
#tekst_logo #tekst3{margin-left: 60px; float: left; width: 45px;}

#top_oferta{width: 100%; display: block;}


#wiecej {float: right; width: 100px; height: 17px;}

#podmenu{width: 220px; height: 42px; background: url('/tlo/menu_left.gif');}
#podmenu #text {padding: 12px; margin-left: 15px; color:#FF9000; font-weight: bold; font-size: 11pt; font-style: italic;}

#partner{position: relative; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 978px; height: 43px; background: url('/tlo/partner.png');}
#partner_pokaz{margin-top: 30px; width: 238px; height: 150px; background: url('/tlo/partner_pokaz.png');}
#pokaz_partner{width: 150px; height: 64px; margin-left: auto; margin-right: auto; padding-top: 60px;}

#apteka_serwer{width: 320px; height: 276px; float: left; background: url('/tlo/serwer.png');}
#apteka_klient{width: 320px; height: 276px; float: right; background: url('/tlo/klient.png');}
#apteka_klient_tekst{padding: 24px; margin-top: 40px; width: 100%;}
#sz_serwer{width: 320px; height: 275px; float: left; background: url('/tlo/sz_serwer.png');}
#sz_klient{width: 320px; height: 272px; float: right; background: url('/tlo/sz_klient.png');}

#kontakt{margin-top: 20px; width: 238px; height: 195px; background: url('/tlo/kontakt.png');}

#raty{width: 300px; height:179px; float: right; margin-left: 5px; background: url('/tlo/raty.png');}

#leftcolumn{float: left; width: 180px;}
#rightcolumn{float: right; width: 530px;}
#koniec{clear: both;}

#lewa{float: left; width: 238px; margin-top: 40px;}
#prawa{float: right; width: 238px; margin-top: 50px;}
#srodek2{float: right; width: 730px; margin-top: 20px;}
#srodek{margin: 0px auto; width: 470px; margin-top: 30px; }

#menu_prawa_top{position: relative; width: 100%; height: 34px;}
#menu_prawa_gl{position: relative; width: 100%; background: url('/tlo/menu_tlo.png');}
#menu_tekst{position: relative; width: 220px; padding-left: 10px; padding-top: 40px; padding-bottom: 15px;}

#menu_lewa_top{position: relative; width: 100%; height: 34px;}
#menu_lewa_gl{position: relative; width: 100%; background: url('/tlo/menu_tlo.png');}
#menu_tekst1{position: relative; top: 0px; left: 0px; width: 200px; line-height: 190%; padding-left: 12px; padding-top: 15px; padding-bottom: 15px; padding-right: 5px;}
#menu_tekst2{position: relative; top: 0px; left: 0px; width: 213px; line-height: 140%; padding-left: 12px; padding-top: 45px; padding-bottom: 15px; padding-right: 5px;}

#srodek1{margin: 0 auto; overflow: hidden; height: 100%; margin: 0 auto; width: 505px; background: url('img/srodek.gif');}
#srodek_l{float: left; width: 49%; text-align: left;}
#srodek_p{float: right; text-align: left; width: 49%;}

#menu_1{width: 950px; height: 44px;}

#logo
{
	position: relative;
	width: 100%;
	height: 334px;
	background: url('/tlo/logo.jpg');
}

#akt{margin-left: 9px;}

hr{color: #000080; background-color: #000080; height: 1px;}

ul.ul, ul.ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
}

ul.ul a:link, ul.ul a:visited {
	display: block;
	width: 190px;
	border-bottom: 1px dotted #FFFFFF;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	padding: 1px;
}

ul.ul a:hover {
	background-color: #0B0093;
	padding: 1px;
	color: #FFFFFF;
}

ol, ol li
{
	line-height: 190%;
	margin: 0px;
	padding-left: 10px;
}

.mapka{padding-left: 5px; padding-top: 15px; padding-bottom: 15px;}

a:link, a:visited{color: #FFFF00; text-decoration: none;}
a:hover{color: #FF9000; text-decoration: none;}

a.a1:link, a.a1:visited{color: #000000; text-decoration: none;}
a.a1:hover{color: #FFFFFF; text-decoration: none;}

a.a3:link, a.a3:visited{color: #FFFFFF; text-decoration: none;}
a.a3:hover{color: orange; text-decoration: none;}

a.a4:link, a.a4:visited{color: #000000; text-decoration: none;}
a.a4:hover{color: #FF9000; text-decoration: none;}

a.a2:link, a.a2:visited{color: #FFFF00; text-decoration: none;}
a.a2:hover{color: #FFFF00; text-decoration: underline;}

#stopka{margin-top: 20px; margin: 0 auto; width: 978px; height: 10px; border-top: 1px solid #FFFFFF;}
#stopka_left{float: left; width: 288px; padding-top: 10px;}
#stopka_center{width: 150px; margin: 0 auto; padding-top: 7px;}
#stopka_right{float: right; width: 288px; text-align: right; padding-top: 10px;}
.span1{margin-top: 10px;}
#stopka .tekst{padding-top: 28px; padding-left: 10px; padding-right: 10px;}

.tekst2{font-size: 10pt; font-weight: bold; padding: 14px; text-align: center;}
.text1{color: #000080; font-weight: bold; font-size: 11pt;}
.text3{color: #FF9000; font-weight: bold;}
.text4{color: #FFFF00; font-weight: bold;}
.text_d{font-size: 11pt; line-height: 140%;}

#tekst_gl{padding: 10px; padding-top: 20px; text-align: justify; line-height: 140%; font-size: 9pt;}
#tekst_sr{padding: 10px; line-height: 140%; text-align: justify;}

.tekst_red{color: #FFFF00; font-weight: bold;}
.tekst_green{color: #009933; font-weight: bold;}
.tekst_blue{color: #000080; font-weight: bold;}

.text_aktual{font-size: 10pt; font-weight: bold; color: #FF9000;}
.aktual_public{color: #FF0000; font-size: 8pt;}
#aktual_text{font-size: 9pt; padding: 10px; text-align: justify;}

#czytaj{float: right; padding: 2px; width: 96px; height: 16px; background: url('/tlo/czytaj.gif');}
.czytaj{margin-left: 11px;}
.oferta_top{font-size: 10pt; color: red; font-weight: bold;}
.wariant{font-size: 10pt; color: #FFFF00; font-weight: bold;}

#start{width: 100%; height: 160px;}
#dlaczego_my{float: left; width: 220px; height: 130px; border-left: 1px solid #FFFFFF;}
#dlaczego_my #text{padding: 10px;}

#zapraszamy{float: right; width: 240px; height: 130px; border-left: 1px solid #FFFFFF;}
#zapraszamy #text{padding: 10px;}

#kontakt_znami{float: left; width: 245px; height: 130px; border-left: 1px solid #FFFFFF;}
#kontakt_znami #text{padding: 10px;}

#odnosnik{position: absolute; width: 350px; height: 100px; margin-top: 40px;}
#odnosnik div span{visibility: hidden;}
#odnosnik div a {height: 100px; width:350px; display:block; text-decoration: none; cursor: hand;}

#wciecie{margin-left: 15px;}
.br{margin-top: -4px;}

#aktualn{clear: both; padding: 10px;}

.input,textarea
{
	border-right: #COCOCO 1px solid;
	border-top: #COCOCO 1px solid;
	border-bottom: #COCOCO 1px solid;
	border-left: #COCOCO 1px solid;
	font-size: 12px;
	color:#000000;
	overflow: hidden;
}

h1{color: #FFFF00; font-weight: bold; font-size: 14pt; padding: 0px; margin: 0px;}
h2{color: #FF9000; font-weight: bold; font-size: 11pt; padding: 0px; margin: 0px;}

.tr{background: url('/tlo/tlo_aktual.jpg'); color: #00FF00;}

#img{float: right; width: 194px; height: 136px; margin-left: 12px;}
#img3{float: right; width: 300px; height: 210px; margin-left: 12px;}
#img1{float: right; width: 182px; height: 161px;}
#img2{float: right; width: 80px; height: 78px; margin-left: 15px;}

.table{font-size: 8pt;}