/* CSS Document */
body{padding:0px; margin:0px; background:#ffffff url(../images/b_body.gif) 0 0 repeat-x; color:#236364; font:14px/16px Tahoma, Geneva, sans-serif; text-align:justify;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
h1 { font-size: 12px; font-family: 'Tahoma', sans-serif; color: ##2e6b95; font-style: normal; font-weight: bold; }
h3 { font-size: 9px; font-family: 'Tahoma', sans-serif; color: ##2e6b95; font-style: normal; font-weight: normal; }
.clear {clear: both; margin: 0px; height:0}

p a{font:12px/14px Tahoma, sans-serif; color:#236364; font-weight:bold; text-decoration:none }
p a:hover{color:#000; border-bottom: #000 1px dotted; text-decoration:none }

.headline{font:12px/16px Arial, Helvetica, sans-serif; color:#2e6b95; font-weight:bold}
.kontakt{font:12px/16px Arial, Helvetica, sans-serif; color:#236360; font-weight:900}
.spec{font:11px/16px Arial, Helvetica, sans-serif; color:#2e6b95; font-weight:bold}
.podpis{margin-left:100px; font:12px/16px Arial, Helvetica, sans-serif; color:#236364; font-weight:normal}
.opis{font:1px/2px Arial, Helvetica, sans-serif; color:#ffffff; font-weight:normal}
.aktywny{font:11px/16px Arial, Helvetica, sans-serif; color:#e34d09; font-weight:bold}

#container{width:725px; margin:0 auto;}


/* HEADER */

#headerPan{width:725px; height:358px; position:relative; background:url(../images/b_header.jpg) 0 121px no-repeat}

#headerPan img#logo{position:absolute; top:17px; left:10px}
#headerPan img#slogan{position:absolute; top:163px; left:33px}

#headerPan #follow{position:absolute; top:36px; left:598px; width:127px}
#headerPan #follow img{float:left; margin-right:10px}

#headerPan ul.menu{position:absolute; top:89px; left:13px; width:710px; height:18px; }
#headerPan ul.menu li{float:left; height:18px; margin-right:30px}
#headerPan ul.menu li a{ height:18px;  display:block; text-indent:-20000px; }
#headerPan ul.menu li a:hover{height:18px; }

#headerPan ul.menu li.b01 a{ width:58px;  background:url(../images/btn_1.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b01 a:hover{ width:58px;  background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b02 a{ width:58px;  background:url(../images/btn_2.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b02 a:hover{ width:58px;  background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b03 a{ width:58px;  background:url(../images/btn_3.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b03 a:hover{ width:58px;  background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b04 a{ width:58px;  background:url(../images/btn_4.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b04 a:hover{ width:58px;  background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b05 a{ width:58px;  background:url(../images/btn_5.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b05 a:hover{ width:58px;  background:url(../images/btn_5_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b06 {margin-right:0}
#headerPan ul.menu li.b06 a{ width:58px;  background:url(../images/btn_6.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b06 a:hover{ width:58px;  background:url(../images/btn_6_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.linem{width:7px; background:url(../images/spacer_m.gif) 0 5px no-repeat}

/* CONTENT */

#contentPan{width:725px; position:relative; margin:0 0 0 0; padding-top:25px; background:url(../images/b_content.png)}

#c1{width:207px; margin:0 18px 0 20px; float:left}
#c2{width:470px; margin:0 0 0 0; float:left}

#news{width:207px; position:relative; margin-bottom:27px;}
#news h2{height:27px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:16px}
#news p{width:181px; padding-left:16px; }
#news p.bullet{width:171px; padding-left:36px; background:url(../images/bullet.gif) 16px 3px no-repeat; font:11px/12px Trebuchet MS, sans-serif; color:#e34d09; font-weight:bold; padding-bottom:5px;}
.line{height:1px; background:#e9efef; margin:20px}

#partners{width:210px; position:relative;}
#partners h2{width:210px; height:37px; background:#f4f4f4 url(../images/h_partners.gif) 15px 11px no-repeat; margin-bottom:10px}
#partners p{width:184px; padding-left:16px; }


#welcome{margin-bottom:27px; margin-right:19px; margin-left:19px}
#welcome h2{height:27px; position:relative; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:4px}
#welcome img{float:left; margin-right:19px}
#welcome p.home{width:405px; padding-left:26px; background:url(../images/arrow.gif) 8px 7px no-repeat; padding-bottom:5px;}
#welcome p.home span{font-weight:bold;}
#welcom{margin-bottom:27px; margin-right:19px; margin-left:19px}

#s404 h2{height:200px; position:relative; background:url(../images/s404.png) 0 0 no-repeat; margin-bottom:4px}


#podpis h22{margin-left:100px; background:url(../images/podpis.gif) 0 0 no-repeat;}
#podpis h2{height:40px; position:relative; background:url(../images/podpis.png) 150px 0 no-repeat; margin-bottom:14px}
#podpis h1{ font-size: 14px; font-family: 'Tahoma', sans-serif; color: ##2e6b95; font-style: normal; font-weight: 100; text-align: center; }

#solutions{min-height:165px; margin:0 0 0 20px; background:url(../images/img_solutions.jpg) top right no-repeat}
#solutions h2{height:27px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:15px}
#solutions p{width:220px; margin-left:2px; margin-bottom:15px}

#solutions ul{margin-left:2px; width:220px;}
#solutions ul li{ background: url(../images/arrow.gif) 0 8px no-repeat; padding:0 0 0 17px; margin-bottom:8px;}
#solutions ul li a{font:11px/14px Tahoma, Geneva, sans-serif; color:#709400; text-decoration:none}
#solutions ul li a:hover{color:#000000; text-decoration:none}

#solutionsa{min-height:165px; margin:0 0 0 20px; background:url(../images/img_piorunochron.jpg) top right no-repeat}
#solutionsa h2{height:27px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:15px}
#solutionsa p{width:220px; margin-left:2px; margin-bottom:15px}

#solutionsa ul{margin-left:2px; width:220px;}
#solutionsa ul li{ background: url(../images/arrow.gif) 0 8px no-repeat; padding:0 0 0 17px; margin-bottom:8px;}
#solutionsa ul li a{font:11px/14px Tahoma, Geneva, sans-serif; color:#709400; text-decoration:none}
#solutionsa ul li a:hover{color:#000000; text-decoration:none}

#tabela {
   border: #cccccc 1px dotted;
   border-collapse: collapse;
   background-color: #fafcfc;
}
#tabela td {
   border: #cccccc 1px dotted;
   padding: 5px;
}
td.tlo {
   background-color: #ffffff;
   vertical-align: top;
}

#form_contact {
    padding-left: 10px;
}

#form_contact fieldset {
    border: 1px dotted #cccccc;
    font-size: 11px;
    color: #123456;
}


.tabele{max-width:768px;font-family:sans-serif;}
.tabele table{width:100%;border-collapse:collapse; border: #cccccc 1px dotted;}
.tabele caption{font-size:1.4em;padding:20px;}
.tabele thead tr{background: #000;color:#fff;}
.tabele tbody tr{background: #fafcfc;}
.tabele tr:nth-child(even){background: #def;}
.tabele tbody tr:hover{background: #fff;}
.tabele td{padding:8px 4px;text-align: left;  border: #cccccc 1px dotted;
   padding: 5px;}

/* FOOTER */

#footerPan {width:725px; height:58px; background: #edf4f5}
#footerPan p{padding: 10px 0 0 0; font:11px/16px Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#2E2D2D;}
#footerPan p span{ font:11px/16px Arial, Helvetica, sans-serif; color:#2E2D2D;}
#footerPan p a{ font:11px/16px Arial, Helvetica, sans-serif; color:#2E2D2D; text-decoration:none; padding: 0 3px }
#footerPan p a:hover{ font:11px/16px  Arial, Helvetica, sans-serif; color:#000000; border-bottom: #000 1px dotted;}