@charset "utf-8";
/*--------------------------------------------------------------
# Copyright (C) 2008 EPOS Dorota Strzebońska. All Rights Reserved.
# Website: http://www.epos.com.pl
---------------------------------------------------------------*/
/* CSS Document */
/* reset */
@font-face {
font-family: "Trebuchet MS";
src: url(../trebuc.eot); 
}
@font-face {
font-family: "Trebuchet MS";
src: url(../trebuc.ttf); 
}
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;
}
:link, :visited {
text-decoration : none;
}
a img, :link img, :visited img {
border : none;
}
ul, ol {
list-style : none;
}
address {
font-style : normal;
}
h1 {
font : normal 20px "Trebuchet MS", Arial, Tahoma, sans-serif;
color : #33353d;
margin-bottom : 5px;
}
h2 {
font : normal 18px "Trebuchet MS", Arial, sans-serif;
color : #34363e;
margin-bottom : 5px;
}
h3 {
font : normal 16px "Trebuchet MS", Arial, sans-serif;
color : #34363e;
margin-bottom : 5px;
font-weight : bold;
}
h4 {
font : normal 12px "Trebuchet MS", Arial, sans-serif;
color : #bec5cd;
margin-bottom : 5px;
font-weight : bold;
}
body {
background : #fff url(../images/bg_top.gif) repeat-x top;
font : 11px Tahoma, Verdana, Helvetica, sans-serif;
color : #000;
margin : 0;
padding : 0;
line-height : 18px;
}
#strona div {
margin : auto;
}
#all {
margin : 0;
border : 0;
padding : 0;
width : 1000px;
}
#bot div {
margin : auto;
}
.bottom {
margin : 0;
border : 0;
padding : 0;
width : 1000px;
clear : both;
color : #cccccc;
}
#container1 {
width : 980px;
margin : 0 auto 0;
background : #ffffff;
padding : 10px;
font-size : 12px;
margin-top : 20px;
}
#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;
border-bottom : none;
}
#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;
border-bottom : none;
}
#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;
border-bottom : none;
}
#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;
border-bottom : none;
}
#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;
border-bottom : none;
}
#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;
border-bottom : none;
}
#menunav a.p2:link, #menunav a.p2:visited {
background : url(../images/p2.jpg) no-repeat left top;
float : left;
width : 208px;
height : 80px;
cursor : default;
border-bottom : none;
}
#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;
}
#top1 {
width : 1000px;
height : 13px;
background : url(../images/top1.gif) no-repeat top;
clear : both;
color : #658bb1;
}
#header {
width : 1000px;
height : 142px;
background : url(../images/top_back.gif) no-repeat top;
clear : both;
}
.left1 {
float : left;
width : 334px;
text-align : left;
}
.right1 {
float : right;
width : 668px;
text-align : left;
}
#menutop {
width : 1000px;
height : 80px;
clear : both;
}
#include {
width : 1000px;
background-color : #fff;
clear : both;
}
.left2 {
float : left;
width : 330px;
text-align : left;
}
.center2 {
float : left;
width : 330px;
text-align : left;
}
.right2 {
float : left;
width : 333px;
text-align : left;
}
.rightgal {
float : left;
width : 663px;
text-align : left;
background : url(../images/header_back2.gif) no-repeat left top;
}
.left_text {
float : left;
width : 490px;
text-align : left;
}
.right_text {
float : right;
width : 490px;
text-align : left;
}
#stopka {
width : 1000px;
height : 70px;
clear : both;
color : #999999;
font-size : 10px;
padding-top : 10px;
text-align : center;
}
.bottom_down {
width : 1000px;
clear : both;
height : 32px;
background-color : #091d38;
}
.left3 {
float : left;
width : 330px;
text-align : left;
line-height : 22px;
}
.center3 {
float : left;
width : 330px;
text-align : left;
background : url(../images/dotted.gif) no-repeat left top;
line-height : 22px;
}
.right3 {
float : right;
width : 330px;
text-align : left;
background : url(../images/dotted.gif) no-repeat left top;
}
.left5 {
float : left;
width : 330px;
text-align : left;
font-size : 10px;
}
.center5 {
float : left;
width : 330px;
font-size : 11px;
text-align : center;
padding-top : 57px;
}
.right5 {
float : right;
width : 330px;
text-align : center;
font-size : 11px;
padding-top : 57px;
}
.left4 {
float : left;
width : 130px;
text-align : left;
}
.right4 {
float : right;
width : 130px;
text-align : left;
}
.addthis {
padding-bottom : 5px;
padding-top : 5px;
border-top : 1px dotted #ccc;
}
.przybornik {
padding-top : 16px;
}
#epos_logo {
display : block;
width : 295px;
height : 89px;
background : url(../images/epos_logo.gif) no-repeat top;
overflow : hidden;
line-height : 1000px;
border-bottom : none;
}
.logo {
padding : 20px 0 20px 30px;
}
p {
margin-bottom : 10px;
}
#hasla {
padding : 75px 0 0 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;
}
.wybrane {
background : url(../images/kreacje.gif) no-repeat top;
padding : 25px 10px 0 35px;
}
.header1 {
padding : 25px 20px 0 35px;
}
.header2 {
padding : 25px 20px 0 35px;
}
.klients {
background : url(../images/klients.gif) no-repeat top;
width : 334px;
height : 186px;
}
.text {
padding : 20px 35px 5px 0;
text-align : justify;
}
.text0 {
padding : 20px 35px 5px 0;
}
.text1 {
padding : 20px 10px 20px 35px;
}
.text2 {
padding : 20px 35px 20px 0;
}
.text3 {
padding : 20px 35px 20px 35px;
}
.text4 {
padding : 0 35px 25px 35px;
}
.text5 {
padding : 20px 5px 5px 0;
}
.button1 {
float : right;
}
.links ul, .links li {
display : block;
list-style-type : none;
}
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;
padding-top : 3px;
}
hr {
border-top : 1px dotted #ccc;
border-width : 1px 0 0 0;
height : 1px;
}
.lista {
border-bottom : 1px dotted #ccc;
padding : 5px 0 5px 0;
}
ul.minia li {
cursor : pointer;
list-style : none;
padding : 0;
margin-right : 3px;
margin-top : 5px;
overflow : hidden;
display : inline;
text-align : center;
}
ul.minia li img {
border : 3px solid #b9c5d5;
}
ul.minia li.active img, ul.minia li:hover img {
border : 3px solid #e3f3ff;
}
a:link, a:visited {
color : #466fc2;
}
a:hover {
border-bottom : 1px dotted #466fc2;
}
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.wiecejs:link, a.wiecejs:visited {
color : #466fc2;
font-size : 10px;
}
a.wiecejs: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;
}
div#qTip {
padding : 3px;
border : 1px solid #dadada;
display : none;
background : #fff;
color : #666;
font : 9px Verdana, Arial, sans-serif;
text-align : justify;
position : absolute;
z-index : 1000;
padding : 5px;
}
.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;
text-decoration : none;
font-weight : bold;
color : #666;
}
* html .dropmenudiv a {
width : 100%;
}
.dropmenudiv a:hover {
background-color : #f5f5f5;
color : #666;
}
#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;
}
.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;
}
.ref {
font : italic 12px Georgia, Times, serif;
color : #000;
background : url(../images/cudzy.gif) no-repeat left top;
text-indent : 40px;
line-height : 20px;
}
.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;
padding-top : 20px;
}
.opis {
width : 145px;
line-height : 20px;
float : right;
padding : 25px 0 0 0;
font-size : 10px;
}
.klient {
padding-bottom : 26px;
}
.zakres {
height : 87px;
}
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;
}
.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;
background-color : #f5f5f5;
}
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;
background-color : #f5f5f5;
}
span.brak {
color : #466fc2;
font-size : 10px;
}
.ar {
vertical-align : middle;
margin : 0 5px 0 5px;
}
/* slider */
.lof-slidecontent, .lof-slidecontent a {
color : #fff;
}
.lof-slidecontent a.readmore {
color : #58b1ea;
font-size : 95%;
}
.lof-slidecontent {
position : relative;
overflow : hidden;
border : 1px solid #f4f4f4;
}
.lof-slidecontent .preload {
height : 100%;
width : 100%;
position : absolute;
top : 0;
left : 0;
z-index : 100000;
text-align : center;
background : #fff;
}
.lof-slidecontent .preload div {
height : 100%;
width : 100%;
background : transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer {
position : relative;
height : 100%;
width : 900px;
z-index : 0;
overflow : hidden;
}
.lof-main-item-desc {
z-index : 0;
position : absolute;
bottom : 0;
left : 0;
width : 450px;
height : 20px;
padding : 10px;
}
.lof-main-item-desc p {
margin : 0 8px;
padding : 8px 0;
}
.lof-main-item-desc h3 {
padding : 0;
margin : 0;
}
.lof-main-item-desc h2 {
padding : 0;
margin : 15px 0 0 0;
}
.lof-main-item-desc h3 a {
margin : 0;
background : #39414a;
font-size : 75%;
padding : 2px 3px;
font-family : Arial, Verdana, sans-serif;
text-decoration : none;
}
.lof-main-item-desc h3 a:hover {
text-decoration : underline;
}
.lof-main-item-desc h3 i {
font-size : 70%;
color : #2d2d2d;
}
ul.lof-main-wapper {
overflow : hidden;
background : transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
padding : 0;
margin : 0;
position : absolute;
overflow : hidden;
}
ul.lof-main-wapper li {
overflow : hidden;
padding : 0;
margin : 0;
float : left;
position : relative;
}
.lof-opacity li {
position : absolute;
top : 0;
left : 0;
float : inherit;
}
ul.lof-main-wapper li img {
padding : 0;
}
.lof-navigator-wapper {
position : absolute;
bottom : 10px;
right : 40px;
padding : 5px 0;
}
.lof-navigator-outer {
position : relative;
z-index : 100;
height : 180px;
width : 310px;
overflow : hidden;
color : #fff;
float : left;
}
ul.lof-navigator {
top : 0;
padding : 0;
margin : 0;
position : absolute;
width : 100%;
}
ul.lof-navigator li {
cursor : pointer;
list-style : none;
padding : 0;
margin-left : 0;
overflow : hidden;
float : left;
display : block;
text-align : center;
}
ul.lof-navigator li img {
border : 3px solid #fff;
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
border : 3px solid #e3f3ff;
}
.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous {
display : block;
width : 22px;
height : 30px;
color : #fff;
cursor : pointer;
}
a.lof-next:link {
float : left;
text-indent : -999px;
margin-right : 5px;
background : url(../images/arrow-r.png) no-repeat right center;
text-decoration : none;
}
a.lof-previous:link {
float : left;
text-indent : -999px;
margin-left : 5px;
background : url(../images/arrow-l.png) no-repeat left center;
text-decoration : none;
}
a.lof-next:hover {
border-bottom : none;
}
a.lof-previous:hover {
border-bottom : none;
}
/* galeria */
#gallery {
padding : 3px 10px 10px 10px;
background : #fff;
border : 1px solid #f4f4f4;
}
#descriptions {
position : relative;
height : 50px;
background : #eee;
margin-top : 10px;
width : 640px;
padding : 10px;
overflow : hidden;
}
#descriptions .ad-image-description {
position : absolute;
}
#descriptions .ad-image-description .ad-description-title {
display : block;
}
.example {
border : 1px solid #ccc;
background : #f2f2f2;
padding : 10px;
}
pre {
font-family : "Lucida Console", "Courier New", Verdana;
border : 1px solid #ccc;
background : #f2f2f2;
padding : 10px;
}
code {
font-family : "Lucida Console", "Courier New", Verdana;
margin : 0;
padding : 0;
}
.ad-gallery {
width : 580px;
}
.ad-gallery, .ad-gallery * {
margin : 0;
padding : 0;
}
.ad-gallery .ad-image-wrapper {
width : 100%;
height : 400px;
margin-bottom : 10px;
position : relative;
overflow : hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
position : absolute;
z-index : 10;
top : 48%;
left : 48%;
}
.ad-gallery .ad-image-wrapper .ad-next {
position : absolute;
right : 0;
top : 0;
width : 25%;
height : 100%;
cursor : pointer;
display : block;
z-index : 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
position : absolute;
left : 0;
top : 0;
width : 25%;
height : 100%;
cursor : pointer;
display : block;
z-index : 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
background : url(../images/gal/non-existing.jpg);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background : url(../images/gal/ad_prev.png);
width : 30px;
height : 30px;
display : none;
position : absolute;
top : 47%;
left : 0;
z-index : 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background : url(../images/gal/ad_next.png);
width : 30px;
height : 30px;
right : 0;
left : auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
position : absolute;
overflow : hidden;
top : 0;
left : 0;
z-index : 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
border : 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
position : absolute;
bottom : 0;
left : 0;
padding : 7px;
text-align : left;
width : 100%;
z-index : 2;
background : url(../images/gal/opa75.png);
color : #000;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
display : block;
}
.ad-gallery .ad-controls {
height : 20px;
}
.ad-gallery .ad-info {
float : left;
}
.ad-gallery .ad-slideshow-controls {
float : right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
padding-left : 5px;
cursor : pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
padding-left : 5px;
font-size : 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
cursor : default;
font-style : italic;
}
.ad-gallery .ad-nav {
width : 100%;
position : relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
position : absolute;
top : 0;
height : 100%;
z-index : 10;
}
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
height : 100px;
}
.ad-gallery .ad-back {
cursor : pointer;
left : -25px;
width : 13px;
display : block;
background : url(../images/gal/ad_scroll_back.png) no-repeat 0 10px;
}
.ad-gallery .ad-forward {
cursor : pointer;
display : block;
right : -30px;
width : 13px;
background : url(../images/gal/ad_scroll_forward.png) no-repeat 0 10px;
}
.ad-gallery .ad-nav .ad-thumbs {
overflow : hidden;
width : 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
float : left;
width : 9000px;
list-style : none;
}
.ad-gallery .ad-thumbs li {
float : left;
padding-right : 5px;
}
.ad-gallery .ad-thumbs li a {
display : block;
border : 0;
}
.ad-gallery .ad-thumbs li a img {
border : 0;
border : 3px solid #ccc;
display : block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
border : 3px solid #e3f3ff;
}
.ad-preloads {
position : absolute;
left : -9000px;
top : -9000px;
}