/*--------------------------------------------------------------
# Copyright (C) 2009 EPOS Dorota Strzebońska. All Rights Reserved.
# Website: http://www.epos.com.pl
---------------------------------------------------------------*/
/* CSS Document */
/* reset */
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align : baseline;
font-size : 100%;
outline:0;
padding:0;
margin:0;
border:0;
}
h1,h2,h3,h4,h5,h6,pre,code {
font-size:1em; }
:link,:visited { 
text-decoration:none
}
a img,:link img,:visited img {
border:none 
}
ul,ol {
list-style:none 
}
address {
font-style:normal 
}
/* ogolne style dla strony */body {
background:#fff url(../images/background_back.gif) repeat-x top;
font:11px Tahoma, Verdana, Helvetica, sans-serif;
color : #666;
margin : 0;
padding : 0;
line-height : 18px;
}
#strona {
text-align : center;
}
#strona div {
margin : auto;
}
#all {
margin : 0;
border : 0;
padding : 0;
width : 1002px;
}
/*boxy*/#top1{
width : 1002px;
height : 34px;
background:url(../images/top1.gif) no-repeat top ;
clear : both;
color : #658bb1;
}
#header{
width : 1002px;
height : 225px;
background:url(../images/header.jpg) no-repeat top ;
clear : both;
}
.left1 {
float : left;
width : 334px;
text-align:left;
}
.right1 {
float : right;
width : 668px;
text-align:left;
}
#menutop {
width : 1002px;
height : 80px;
clear : both;
}
#include{
width : 1002px;
clear : both;
}
.left2 {
float : left;
width : 334px;
text-align:left;
}
.center2 {
float : left;
width : 334px;
text-align:left;
padding-top:23px;
}
.right2 {
float : left;
width : 334px;
text-align:left;
padding-top:23px;
}
.left_text {
float : left;
width : 501px;
text-align:left;
padding-top:23px;
}
.right_text {
float : right;
width : 501px;
text-align:left;
padding-top:23px;
}
#bottom{
width : 1002px;
clear : both;
background:#091b36 url(../images/bottom_back.gif) repeat-x top;
color:#cccccc;
}
#stopka{
width : 1002px;
height:70px;
clear : both;
color:#999999;
fint-size:10px;
padding-top:10px;
}
.bottom_top{
width : 1002px;
clear : both;
height: 7px;
background: url(../images/bottom_top.gif) no-repeat top;
}
.bottom_down{
width : 1002px;
clear : both;
height: 32px;
background: url(../images/bottom_down.gif) no-repeat top;
}
.left3 {
float : left;
width : 334px;
text-align:left;
}
.center3 {
float : left;
width : 334px;
text-align:left;
background: url(../images/dotted.gif) no-repeat top left;
line-height : 22px;
}
.right3 {
float : right;
width : 334px;
text-align:left;
background: url(../images/dotted.gif) no-repeat top left;
line-height : 22px;
}
.left5 {
float : left;
width : 334px;
text-align:left;
font-size:10px;
}
.center5 {
float : left;
width : 334px;
font-size:10px;
}
.right5 {
float : right;
width : 334px;
text-align:left;
font-size:10px;
}
.skutecznosc{
display:block;
width:312px;
height:111px;
background:url(../images/skutecznosc_funkcjonalnosc.jpg) no-repeat top ;
cursor:hand;
overflow: hidden;
line-height: 1000px}
.piec_powodow{
display:block;
width:312px;
height:103px;
background:url(../images/piec_powodow.jpg) no-repeat top ;
cursor:hand;
overflow: hidden;
line-height: 1000px}
.left4{
float : left;
width : 130px;
text-align:left;
}
.right4{
float : right;
width : 130px;
text-align:left;
}
/*inne*/.przybornik{padding-top:16px;}
#epos_logo{
display:block;
width:113px;
height:113px;  
background:url(../images/epos_logo.gif) no-repeat top;
overflow: hidden;
line-height: 1000px;
}
h2{font:bold 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;}
h3{font:bold 12px Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#336699; }
p{margin-bottom:10px;}
.logo{padding:70px 0 0 100px;}
#hasla{padding: 75px 0 0px 325px;}
.punkty{
width:312px;
text-align:left;
float:left;
}
.clear{
clear:both;
height:16px;
}

.clear1{
clear:both;
height:3px;
}
.witamy{
background:url(../images/header_back1.gif) no-repeat top;
padding:25px 0 0 35px;
}
.header1{
background:url(../images/headerl_back.gif) no-repeat top;
padding:35px 20px 0 35px;
}
.header2{
background:url(../images/headerr_back.gif) no-repeat top;
padding:45px 20px 0 35px;
}
.klients{
background:url(../images/klients.gif) no-repeat top;
width : 334px;
height:186px;
}
.text{padding:20px 35px 5px 0px;}
.text1{padding:20px 10px 20px 35px;}
.text2{padding:20px 35px 20px 0px;}
.text3{padding:20px 35px 20px 35px;}
.text4{padding:0 35px 25px 35px;}
.button1{float:right; }
.links ul, .links li,{
display : block;
list-style-type : none;
margin-bottom:9px;
}
ul.punkts{list-style-image:url(../images/arrow1.gif); margin-bottom:20px; padding-left:18px;}
.arrow{margin-right:7px; vertical-align:middle;}
.icon{float:left; margin-right:10px; vertical-align:middle;}
/*linki*/a.blue1:link, a.blue1:visited {
color : #658bb1;
margin:0 6px 0 6px;
}
a.blue1:hover {
border-bottom:1px dotted #658bb1;
}
a.wiecej:link, a.wiecej:visited {
color:#466FC2;
}
a.wiecej:hover {
border-bottom:1px dotted #466FC2;
}
a.orange:link, a.orange:visited {
color:#ff9900;
}
a.orange:hover {
border-bottom:1px dotted #ff9900;
}
a.white:link, a.white:visited {
color:#dfe1e5;
}
a.white:hover {
border-bottom:1px dotted #dfe1e5;
}
a.blue2:link, a.blue2:visited {
color:#99ccff;
}
a.blue2:hover {
border-bottom:1px dotted #99ccff;
}
/*naglowki*/.witamy_header{
width:162px;
height:15px;  
background:url(../images/witamy_header.gif) no-repeat ;
overflow: hidden;
line-height: 1000px;
}
.kliencionas_header_1{
width:115px;
height:13px;  
background:url(../images/kliencionas_header_1.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
margin:0 0 20px 0;
}
.naskroty_header_1{
width:66px;
height:15px;  
background:url(../images/naskroty_header_1.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
margin:0 0 20px 0;
}
.porady_header_1{
width:49px;
height:15px;  
background:url(../images/porady_header_1.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
margin:0 0 20px 0;
}
.onas1_header{
width:184px;
height:15px;  
background:url(../images/onas1_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.powodow_header{
width:244px;
height:33px;  
background:url(../images/5powodow_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.skuteczne_header{
width:244px;
height:33px;  
background:url(../images/skuteczne_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.polityka_header{
width:134px;
height:15px;  
background:url(../images/polityka_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.zasady_header{
width:186px;
height:15px;  
background:url(../images/zasady_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.lista_ref_header{
width:114px;
height:15px;  
background:url(../images/lista_ref_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.strony_header{
width:89px;
height:15px;  
background:url(../images/strony_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.small_header{
width:87px;
height:13px;  
background:url(../images/small_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.standard_header{
width:114px;
height:13px;  
background:url(../images/standard_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.gold_header{
width:81px;
height:13px;  
background:url(../images/gold_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.sklep_header{
width:123px;
height:15px;  
background:url(../images/sklep_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.dtp_header{
width:124px;
height:15px;  
background:url(../images/dtp_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.cennik_header{
width:164px;
height:15px;  
background:url(../images/cennik_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.cennik1_header{
width:97px;
height:15px;  
background:url(../images/cennik1_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.cennik2_header{
width:99px;
height:15px;  
background:url(../images/cennik2_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.cennik3_header{
width:104px;
height:15px;  
background:url(../images/cennik3_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.cennik4_header{
width:31px;
height:15px;  
background:url(../images/cennik4_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.cms_header{
width:216px;
height:15px;  
background:url(../images/cms_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.co_jeszcze_header{
width:237px;
height:15px;  
background:url(../images/co_jeszcze_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.projekty_header{
width:186px;
height:15px;  
background:url(../images/projekty_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.kontakt_header{
width:51px;
height:13px;  
background:url(../images/kontakt_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.mapa_header{
width:83px;
height:14px;  
background:url(../images/mapa_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.etapy_header{
width:234px;
height:15px;  
background:url(../images/etapy_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.zaufanie_header{
width:195px;
height:15px;  
background:url(../images/zaufanie_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.zgodnosc_header{
width:210px;
height:15px;  
background:url(../images/zgodnosc_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
.zapytanie_header{
width:126px;
height:15px;  
background:url(../images/zapytanie_header.gif) no-repeat;
overflow: hidden;
line-height: 1000px;
}
/*qTip*/
div#qTip {
padding: 3px;
border: 1px solid #dadada;
display: none;
background: #fff;
color: #666;
font: 9px Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
padding:5px;
}
/*menu_glowne*/#menunav ul, #menunav li,{
display : inline;
list-style-type : none;
}
#menunav a.p1:link, #menunav a.p1:visited {
background : url(../images/p1.jpg) no-repeat top;
float : left;
width : 209px;
height : 80px;
cursor:default;
}
#menunav a.onas:link, #menunav a.onas:visited {
background : url(../images/onas.jpg) no-repeat top;
float : left;
width : 86px;
height : 80px;
overflow: hidden;
line-height: 1000px;
}
#menunav a.uslugi:link, #menunav a.uslugi:visited {
background : url(../images/uslugi.jpg) no-repeat top;
float : left;
width : 160px;
height : 80px;
overflow: hidden;
line-height: 1000px;
}
#menunav a.projekty:link, #menunav a.projekty:visited {
background : url(../images/projekty.jpg) no-repeat top;
float : left;
width : 158px;
height : 80px;
overflow: hidden;
line-height: 1000px;
}
#menunav a.porady:link, #menunav a.porady:visited {
background : url(../images/porady.jpg) no-repeat top;
float : left;
width : 85px;
height : 80px;
overflow: hidden;
line-height: 1000px;
}
#menunav a.kontakt:link, #menunav a.kontakt:visited {
background : url(../images/kontakt.jpg) no-repeat top;
float : left;
width : 94px;
height : 80px;
overflow: hidden;
line-height: 1000px;
}
#menunav a.p2:link, #menunav a.p2:visited {
background : url(../images/p2.jpg) no-repeat top;
float : left;
width : 210px;
height : 80px;
cursor:default;
}
#menunav a.onas:hover {
background-position : 0 -80px;}
#menunav a.uslugi:hover {
background-position : 0 -80px;}
#menunav a.projekty:hover {
background-position : 0 -80px;}
#menunav a.porady:hover {
background-position : 0 -80px;}
#menunav a.kontakt:hover {
background-position : 0 -80px;}
.onas_menu{
width:86px;
height:80px;  
overflow: hidden;
line-height: 1000px;
}
.uslugi_menu{
width:160px;
height:80px;  
overflow: hidden;
line-height: 1000px;
}
.projekty_menu{
width:158px;
height:80px;  
overflow: hidden;
line-height: 1000px;
}
.porady_menu{
width:85px;
height:80px;  
overflow: hidden;
line-height: 1000px;
}
.kontakt_menu{
width:94px;
height:80px;  
overflow: hidden;
line-height: 1000px;
}
.dropmenudiv{
position:absolute;
top:0;
border-bottom-width: 0;
font:9px Tahoma, Verdana, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color:#fff;
width: 240px;
visibility: hidden;
text-align:left;
border:1px solid #e9e9e9;
}
.dropmenudiv a{
width: auto;
display: block;
padding: 2px 0 2px 19px;
border-bottom: 1px dotted #dadada;/*THEME CHANGE HERE*/
text-decoration: none;
font-weight: bold;
color:#666;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #1d3a5a;
color:#fff;
}
/*tabela pakiety*/
#pakiety {
width:932px;
padding: 5px; 
border-spacing: 5px; 
border-collapse: collapse; 
border-width: 1px; 
font:11px Tahoma, Verdana, Helvetica, sans-serif;
color:#6C6C6C;
text-align:left;
}
#pakiety td{border:1px solid #fff; padding:10px; background-color:#f5f5f5; color:#6C6C6C; vertical-align:top; line-height:17px;}
#ceny {
width:932px;
padding: 5px; 
border-spacing: 5px; 
border-collapse: collapse; 
border-width: 1px; 
font:11px Tahoma, Verdana, Helvetica, sans-serif;
color:#6C6C6C;
text-align:left;
}
#ceny td{border:1px solid #fff; padding:10px; background-color:#f5f5f5; color:#6C6C6C; vertical-align:top; line-height:17px; width:186px;}
.grey{background-color:#f5f5f5; color:#6C6C6C;}
td.blue1{background-color:#d4e1ee; color:#6699cc; text-align:center; font-weight:bold;}
td.blue2{background-color:#d8d8d8; color:#6C6C6C; text-align:center; font-weight:bold;}
.rozw{display:none; text-align:left;}
/*projekty table*/
.galtable{width:932px; font:11px Tahoma, Arial, Verdana, Helvetica, sans-serif; background-color:#fff; }
.gal{ float:left; padding-bottom:10px;}
.yel {color:#FFCC33;}
.bl {color:#336699;}
.projekt1{
background : url(../images/projekt_back.gif) no-repeat top; 
float:left; 
width:430px; 
height:200px; 
text-align:left;  
margin-bottom:20px;
}
.projekt2{
background : url(../images/projekt_back.gif) no-repeat top; 
float:right; 
width:430px; 
height:200px; 
text-align:left; 
margin-bottom:20px;}
img.rel {
margin-top:7px; 
padding:0; 
float:left; 
width:260px; 
height:170px;
}
.nav{
width : 900px;
text-align:right;
clear:both;
height:30px;
}
.nav1{
float : left;
width : 150px;
text-align:left;
padding-bottom:10px;
}
.nav2{
float : left;
width : 150px;
text-align:center;
padding-bottom:10px;
}
.nav3{
float : right;
width : 150px;
text-align:right;
padding-bottom:10px;
}
.galeria{clear:both;}
.opis {width:145px; line-height:20px; float:right; padding:25px 0 0 0; font-size: 10px;}
.klient{padding-bottom:26px;}
.zakres{height:87px;}
.adres{}
img.p{margin-right:8px; vertical-align:middle;}
img.n{margin-left:8px; vertical-align:middle;}
.galtable td {text-align:left; padding:0; margin:0; background-color:#33FFCC;}
.galtable td.op {width:250px; background-color:#F5F5F5; text-align:left; padding:10px 10px 0 10px; margin:0; }
/*formularz*/
.form{
width:400px;
padding:0;
margin:0;
text-align:left;
}
.label {
display:block; 
width:400px; 
float:left;
height:18px;
}
input.submit {
margin-left: 335px; 
display: inline; 
font-size:11px;
color:#99ccff; 
width:70px;
height:20px;
margin-top:10px;
background : url(../images/send_button.gif) no-repeat top;
border:none;
padding-bottom:3px;
}
label.submit {
width: auto; }
input.kont {
width: 400px;
height:15px;
border-color:#E6E6E6; 
border-style:solid; 
border-width:1px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#1C1C20;
}
textarea.wiad{
width: 400px;
height:40px;
border-color:#E6E6E6; 
border-style:solid; 
border-width:1px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#1C1C20;
margin:0;
padding:0;
}
span.brak {
color: #466FC2;
font-size:10px;
}

/*paginator*/

.pagination{
/*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
padding: 10px 0;
}

.pagination a{
padding: 2px 5px;
text-decoration: none; 
color: #466fc2;
background: #f3f3f3;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background: #1d3a5c;
}

.act{
padding: 2px 5px;
text-decoration: none; 
color: #fff;
background: #74c1fe;
}