/* ------------------------------------------------- Drukarnia Helios*/
* { 
        margin: 0;
        padding: 0;
        border: 0;
}
body {       
       font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
       font-style : normal;
       font-size : 12px;
       text-align : center;       
       background-color: #fff;
} 
div#rama {
       margin:  20px auto;   
       width: 770px;
       text-align: left;
       background-color: #fff;
}
/* ------------------------------------------------- TOP */
div#top {
       width: 770px;
       height: 293px;
       background-color: #fff;
}
div#top1 {
       float: left;
       width: 770px;
       height: 110px;
       background: url(../images/top1c.png);
}

/* ------------------------------------------------- TOP icon */
div#top1 ul li { 
       display: inline;
       list-style: none;
}
div#top1 a.home {
       float: right;
       width: 30px;
       height: 60px;
       background: url(../images/home2.png);
       background-repeat: no-repeat;
       background-position: center bottom;
}
div#top1 a.mail {
       float: right;
       width: 30px;
       height: 60px;
       background: url(../images/mail2.png);
       background-repeat: no-repeat;
       background-position: center bottom;
}
div#top5 {
       float: left;   
       width: 770px;
       height: 87px;
       background: url(../images/top5b.png);
       background-position: center bottom;
       background-repeat: repeat-x;
}
div#top6 {
       margin-top: 8px;
       float: left;   
       width: 770px;
       height: 80px;
       background: url(../images/top6.png);
       background-position: center bottom;;        
       background-repeat: repeat-x;
}
/* ------------------------------------------------- LeftSite */
div#LeftSite {
       float: left; 
       width: 180px;
       height: 254px;       
       background-color: #abaeb3;

}
span.m_small {
       font-size: 60%;
       float: left;
       color: #c6c8cc;
}
div.m1 {
       width: 180px;
       height: 64px;
       background: url(../images/m1.gif);
       background-repeat: no-repeat;
       text-align: left;
}
div.m1 a {
       padding-left: 43px;
       padding-top: 18px;
       font-size: 15px;
       font-weight: bold;
       text-decoration: none;
       float: left;
       color: #494a4d;

}
div.m1 a:hover {
       color: #ff7b24;
       background: url(../images/m1h.gif);
       background-repeat: no-repeat;
}
div.m2 {
       width: 180px;
       height: 64px;
       background: url(../images/m2.gif);
       background-repeat: no-repeat;
       text-align: left;
}
div.m2 a {
       padding-left: 43px;
       padding-top: 18px;
       font-size: 15px;
       font-weight: bold;
       text-decoration: none;
       float: left;
       color: #494a4d;
}
div.m2 a:hover {
       color: #ff7b24;
       background: url(../images/m2h.gif);       
}
div.m3 {
       width: 180px;
       height: 64px;
       background: url(../images/m3.gif);
       background-repeat: no-repeat;
       text-align: left;
}
div.m3 a {
       padding-left: 43px;
       padding-top: 18px;
       font-size: 15px;
       font-weight: bold;
       text-decoration: none;
       float: left;
       color: #494a4d;
}
div.m3 a:hover {
       color: #ff7b24;
       background: url(../images/m3h.gif);
}
div.m4 {
       width: 180px;
       height: 64px;
       background: url(../images/m4.gif);
       background-repeat: no-repeat;
       text-align: left;
}
div.m4 a {
       padding-left: 43px;
       padding-top: 18px;
       font-size: 15px;
       font-weight: bold;
       text-decoration: none;
       float: left;
       color: #494a4d;
}
div.m4 a:hover {
       color: #ff7b24;
       background: url(../images/m4h.gif);
}

/* ------------------------------------------------- RightSite */
div#RightSite{
       display: inline;
       float: right;
       width: 590px;
       background-color: #fff;
}
div#center_line {
       float: right;
       width: 570px;
       height: 20px;
       background: url(../images/center_line.gif);
       background-repeat: no-repeat;
       background-position: right bottom;
       color: #fcfdff;       
}
div#center_line h1 {
       float: left;
       padding-left: 30px;
       padding-top: 2px;
       font-size: 100%;
       font-weight: bold;
       color: #fcfdff;
}
/* ------------------------------------------------- Punktury */
div.point {
       float: left;
       width: 560px;
       height: 22px;
       padding: 5px 15px 0px 15px;
}
div#l1 {
       float: left;
       width: 17px;
       height: 17px;
       background: url(../images/l1.png);
       background-repeat: no-repeat;
}
div#p1 {
       float: right;
       width: 17px;
       height: 17px;
       background: url(../images/p1.png);
       background-repeat: no-repeat;
}

div#sr1{
       float: left;
       width: 40px;
       height: 210px;
       background: url(../images/sr.png);
       background-repeat: no-repeat;
       background-position: left center;
       margin-left: 1px;
}
div#sr2{
       float: right;
       width: 40px;
       height: 210px;
       background: url(../images/sr.png);
       background-repeat: no-repeat;
       background-position: right center;
}
div#sr3{
       float: left;
       width: 40px;
       height: 485px;
       background: url(../images/sr.png);
       background-repeat: no-repeat;
       background-position: left center;
       margin-left: 1px;
}
div#sr4{
       float: right;
       width: 40px;
       height: 485px;
       background: url(../images/sr.png);
       background-repeat: no-repeat;
       background-position: right center;
}
div#sr5{
       float: left;
       width: 40px;
       height: 1120px;
       background: url(../images/sr.png);
       background-repeat: no-repeat;
       background-position: left center;
       margin-left: 1px;
}
div#sr6{
       float: right;
       width: 40px;
       height: 1120px;
       background: url(../images/sr.png);
       background-repeat: no-repeat;
       background-position: right center;
}
div#l2 {
       float: left;
       width: 17px;
       height: 17px;
       background: url(../images/l2.png);
       background-repeat: no-repeat;
}
div#p2 {
       float: right;
       width: 17px;
       height: 17px;
       background: url(../images/p2.png);
       background-repeat: no-repeat;
}
/* ------------------------------------------------- Center */
div#center {
       float: left;
       width: 508px;
}
div#center p {
       text-align: justify;
       padding-top: 10px;
}
div#uwaga {
       float: left;
       width: 508px;
}
div#uwaga p {
       color: #ff7b24;
       font-weight: bold;
       text-align: center;
       padding-top: 10px;
}
div.centersmall {
       float: left;
       width: 254px;
}
div.centersmall h1 {
       float: left;
       width: 215px;
       height: 20px;
       padding: 2px 0px 2px 30px;
       font-size: 100%;
       font-weight: bold;
       color: #fcfdff;
       background: url(../images/center_line.gif);
       background-repeat: no-repeat;
       text-align: justify;
       margin-top: 10px;
}
div.centersmall p {
       text-align: justify;
       padding-top: 10px;
}
div.centersmall ul{
       text-align: justify;
       font-size: 100%;
       font-weight: normal;
       line-height: 17px;
       margin-left: 40px;
       list-style: square;
}
div.center_ref1 {
       float: left;
       width: 358px;
       height: 70px;
}
div.center_ref2 {
       text-align: center;
       float: left;
       width: 150px;
       height: 60px;
}
div.center_ref1 ul{
       padding-top: 20px;
       text-align: justify;
       font-size: 100%;
       font-weight: normal;
       line-height: 17px;
       margin-left: 20px;
       list-style: square;
}
img.photo1 {
       height: 50px;
       margin-top: 4px;
}
img.photo2 {
       width: 150px;
       margin-top: 4px;
}
div.spacer {
       clear: both;
}
/* ------------------------------------------------- Formularz */
div#form1{
		margin-top: 8px;
       float: left;
       width: 270px;
       display: inline;
}
form{       
       display: inline;       
}
fieldset{
       margin: 10px 0px 0px 0px;
}
input, textarea {
       border: 1px solid #666;
       background-color: #e6e6e6;
       padding-left: 2px;
       margin-top: 5px;
       color: #4d4d4d;
}
input:focus, textarea:focus {
   		border: 1px solid #666;
       background-color: #fff;
       color: #4d4d4d;
}
input.kontakt{
       width: 200px;
       font-family:  Arial, Verdana, Geneva,Helvetica, sans-serif;
       font-size: 100%;
}
textarea.formK{
       width: 270px;
        height: 70px;
       font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
       font-size: 100%;
}
input.but{
       width: 60px;
       background-color: #ff6f25;
       color: #fff;       
       margin-left: 210px;
       cursor: pointer;
}
span.error{
       font-size: 100%;
       font-weight: bold;
       color: #ff6f25;
}
div#form2{
       float: left;
       width: 225px;
       display: inline;
}
div#form2 h1{
		margin-top: 8px;
		margin-bottom: 5px;
       text-align: right;
       font-size: 100%;
       font-weight: normal;
}
div#form2 p a{
       text-align: right;
       font-size: 100%;
       font-weight: normal;
       color: #808080;
       text-decoration: none;	   
}
div#form2 p a:hover{
       text-align: right;
       font-size: 100%;
       font-weight: bold;
       color: #808080;
       text-decoration: none;	   
}
div#form2 p{
		margin-top: 3px;
       text-align: right;
       font-size: 90%;
       font-weight: normal;
       color: #808080;
       text-decoration: none;	   
}
div#form3{
       margin-top: 38px;
       margin-left: 4px;
       float: left;
       width: 4px;
       height: 120px;
       text-align: right;
       background: url(../images/right_line.gif);
       display: inline;
}
/* ------------------------------------------------- Footer */
div#footer {
       float: left;
       width: 770px;
       height: 22px;
       background-color: #7a7c80;
       color: #fcfdff;
       text-align: center;
}
div#footer1 {
       float: left;
       width: 561px;
       height: 22px;
       background-color: #7a7c80;
       color: #fcfdff;
       text-align: center;
}
div#footer1 ul li {
       display: inline;       
       list-style: none;
}
div#footer1 li a {
       float: right;
       padding: 4px 4px 4px 4px;
       width: 80px;
       height: 14px;
       font-weight: bold;
       text-decoration: none;
       color: #fcfdff;
       background-color: #7a7c80;
}
div#footer1 li a:hover {
       background-color: #fff;
       color: #ff7b24;
}
div#footer2 {
       float: right;
       width: 209px;
       height: 22px;
       background-color: #7a7c80;
       color: #fcfdff;
       text-align: center;
}
div#copyright {
       float: right;
       width: 770px;
       height: 22px;
       background-color: #fff;
       margin-top: 3px;
}
div#copyright h2 {
       float: right;
       background-color: #fff;
       color: #abaeb3;
       text-align: right;
       font-size: 9px;
       font-weight: normal;
}
div#copyright p {
       float: right;
       text-align: right;
       background-color: #fff;
}
div#copyright2 {
       float: right;
       width: 770px;
       height: 22px;
       background-color: #fff;
       margin-top: 3px;
}
div#copyright2 p {
       float: right;
       text-align: right;
       background-color: #fff;
}