body {margin: 0; padding: 0; background-color: #fff; text-align: center;}
img {border: 0px;}
div {color: #000; font-size: 8pt; font-family: Trebuchet MS, verdana;}
sup {font-size: 12pt;}
p   {padding: 10px 20px 10px 20px; font-size: 9pt; color: #575757; font-family: Trebuchet MS, verdana; margin: 0px;}
td  {vertical-align: top;}
input,select,textarea {font-size: 10px; font-family: verdana; color: #000; border: 1px #ccc solid; background: #fff;}
input:hover, select:hover, textarea:hover {border: 1px #A90404 solid;}
strong, li {color: #575757;}
li {font-size: 9pt; font-family: Trebuchet MS, verdana;}

.text { font-size: 9pt; color: #575757; font-family: Trebuchet MS, verdana;}

#top {background-image: url('top.gif'); width: 750px; height: 49px; margin: auto; text-align: left;}
#top2 {background-image: url('top_panel.gif'); width: 750px; height: 49px; margin: auto; text-align: left;}
#top3 {background-image: url('top_panel1.gif'); width: 750px; height: 49px; margin: auto; text-align: left;}
#middle {width: 750px; margin: auto; text-align: left;  background-image: url('background.gif'); background-position: top left; background-repeat: repeat;}
#menu {float: left; width: 161px; border-top: 1px #E4E4E4 solid;}
#content {float: right; width: 589px;}
#content h2 {margin: 5px 0 0 10px; font-size: 10pt; font-weight: bold; color: #A90404;}

#oferta {background-image: url('oferta.jpg'); width: 589px; height: 256px;}
#box {background-image: url('box.jpg'); width: 589px; height: 398px;}
#bottom {background-image: url('bottom.jpg'); width: 750px; height: 57px; margin: auto; clear: both;}
#bottom1 {float: left; font-size: 8pt; font-family: Trebuchet MS; position: relative; top: 35px; left: 15px;}
#bottom2 {float: right; font-size: 8pt; font-family: Trebuchet MS; position: relative; top: 35px; right: 15px;}

#menuText {padding: 5px 1px 0px 7px; font-size: 8pt;}

#panel {float: right; position: relative; bottom: 11px; right: 26px;}
#poczta {float: right; position: relative; bottom: 10px; right: 48px;}
#login {float: right; position: relative; bottom: 10px; right: 75px;}

#pakiet {margin-left: 20px; margin-top: 20px;}
#pakiet1 {float: left; position: relative; top: 83px; left: 30px; width: 148px; height: 120px;}
#pakiet2 {float: left; position: relative; top: 83px; left: 73px; width: 148px; height: 120px;}
#pakiet3 {float: left; position: relative; top: 83px; left: 114px; width: 148px; height: 120px;}

#box1 {float: left; position: relative; width: 250px; height: 170px; left: 22px; top: 3px;}
#box2 {float: left; position: relative; width: 285px; height: 170px; left: 40px; top: 3px;}
#box3 {float: left; position: relative; width: 250px; height: 170px; left: 22px; top: 25px;}
#box4 {float: left; position: relative; width: 285px; height: 170px; left: 40px; top: 25px;}

#logo1 {margin-left: 7px; float: left;}
#logo2 {float: left; position: relative; left: 50px; top: 8px;}

#tytul {text-align: right; margin-top: 20px; margin-right: 20px;}

.cena {float: right; font-weight: bold; font-size: 15pt;}
.cena2 {font-weight: bold; font-size: 15pt;}
.b {font-weight: bold;}
.c {text-align: center;}
.data {color: #A0A0A0; font-weight: normal;}
.more {float: right; margin-right: 10px;}
.more1 {float: left; position: relative; top: 32px; width: 275px; text-align: right; right: 10px;}
.more2 {float: right; position: relative; top: 32px; width: 100px; right: 30px; text-align: right;}
.pakietMore {position: relative; top: 12px; float: right; padding-right: 5px;}
.pRow {background-color: #F2F2F2;}
h4, .pTitle {font-weight: bold; font-size: 12px; font-family: arial;}
.pytajnik {float: right; margin-right: 5px; margin-top: 1px; cursor: pointer;}
.regHeader {text-align: center; font-size: 12pt; font-weight: bold; font-style: italic; color: #A90404;}
.regHeader2 {text-align: center; font-size: 10pt; font-weight: bold; color: #A90404;}
.regHeader2:link  {text-align: center; font-size: 10pt; font-weight: bold; color: #A90404}
.faq {display: block; font-weight: bold; padding-top: 10px;}


.hrP {padding: 0; border: 0; border-top: 1px darkgray solid; width: 90%; margin: auto;}
.textareaP {width: 460px; height: 90px; margin: auto;}

.error {color: crimson;}

.clear {clear: both; line-height: 0; height: 0;}

.col1 {background-color: #F4F4F4; line-height: 21px; width: 120px; padding-left: 5px;}
.col2 {background-color: #F8F8F8; line-height: 21px; width: 370px; padding-left: 25px;}
.col1, .col2 {border-top: 1px #FAFAFA solid; border-bottom: 1px #E4E4E4 solid; vertical-align: middle;}
.tablePakiet {margin-left: 20px; width: 520px; border-top: 1px #848484 solid;}

a.menuOption:link {background-image: url('menu1.gif'); width: 149px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 12px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}
a.menuOption:visited {background-image: url('menu1.gif'); width: 149px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 12px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}
a.menuOption:active {background-image: url('menu3.gif'); width: 149px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 12px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}
a.menuOption:hover {background-image: url('menu2.gif'); width: 149px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 12px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}

a.menuSubOption:link {background-image: url('menu1.gif'); width: 134px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 27px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}
a.menuSubOption:visited {background-image: url('menu1.gif'); width: 134px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 27px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}
a.menuSubOption:active {background-image: url('menu3.gif'); width: 134px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 27px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}
a.menuSubOption:hover {background-image: url('menu2.gif'); width: 134px; height: 25px; display: block; text-decoration: none; color: #000; padding-left: 27px; font-size: 8pt; font-family: Trebuchet MS, verdana; line-height: 25px;}

a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:active {color: red; text-decoration: none;}
a:hover {color: #A90404; text-decoration: none;}