@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; background: url('img/tlo1.jpg') #f9f8f2 repeat-x; font-family: Tahoma; font-size: 12px; line-height: 18px; color: #494949; }
p, img, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; border: 0; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
.zerowanie { clear: both; }

/* GŁÓWNE */
#top { width: 945px; margin: 0px auto; height: 87px; position: relative; }
#tekst { width: 945px; height: 369px; margin: 0px auto; padding-top: 165px; }
#tekst_tlo { width: 100%; background: url('img/nozyczki.jpg') #f3f1e5 top center no-repeat;  }
#tekst_tlo_pod { width: 100%; padding-top: 165px; background: url('img/nozyczki.jpg') #f3f1e5 top center no-repeat; }
  #tekst_tlo_pod_c { width: 905px; margin: 0px auto; }
#srodek { width: 100%; height: 260px; background: url('img/tlo2.jpg') repeat-x; }
  #srodek2 { width: 905px; margin: 0px auto; padding-top: 35px; }
#stopka { width: 100%; border-top: 1px solid #e4e3c9; padding: 30px 0 30px 0; background: #f9f8f2; }
  #stopka_c { width: 905px; margin: 0px auto; }

.naglowek { text-transform: uppercase; font-size: 14px; font-weight: 600; color: #494949; }

/* TOP */
#logo { width: 175px; height: 42px; position: absolute; left: 0; top: 28px; background: url('img/logo.jpg') no-repeat; }
#logo a { display: block; width: 151px; height: 42px; margin-left: 18px; color: #fdfcfa; }
#menu ul { height: 87px; margin-top: 5px; }
#menu ul li { float: right; border-left: 1px solid #ecebda; list-style: none; text-transform: uppercase; font-size: 15px; color: #91918f; }
#menu ul li a { display: inline-block; height: 37px; padding: 50px 20px 0 20px; color: #91918f; }
#menu ul li a:hover { background: #ecebda; }
#menu_ost { border-right: 1px solid #ecebda; }
.menu_act { height: 37px; padding: 50px 20px 0 20px; background: #c7cf00; color: #FFFFFF; }

.tekst_pow { margin-bottom: 15px; padding-left: 15px; font-size: 21px; color: #8e9212; }
.tekst_pow span { font-weight: 600; }

#ostatnie_realizacje { width: 945px; margin-top: 43px; height: 236px; }
#or_lewo { width: 217px; float: left; margin-left: 20px; padding-top: 100px; background: url('img/tablica.jpg') top center no-repeat; }
#or_informacja { margin-top: 15px; font-size: 11px; line-height: 18px; color: #8d9312; }
#or_prawo { width: 678px; float: right; margin-right: 20px; }
#or_prawo img { margin-right: 3px; }
.real_obrazek { float: left; margin-right: 3px; }

.zitem { width: 220px; height: 210px; margin: 2px 2px 2px 0; overflow: hidden; position: relative; float: left; }
.zitem .caption { width: 220px; height: 30px; background: #8d9312; color: #FFFFFF; font-weight: bold; position: absolute; bottom: -1px; left: 0; display: none; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-align: center; }
.zitem .caption a { min-height: 25px; text-decoration:none; color: #FFFFFF; font-size: 10px;	padding-top: 5px; display: block; }
.zitem img { border: 0; position:absolute; }
.clear { clear: both; }

/* REALIZACJE KROKI */
#realizacje_kroki_lewo { width: 445px; float: left; }
#jak_dzialam { margin-left: 3px; }
.realizacje { font-size: 14px; color: #8d9312; }
.realizacje_tekst { margin-top: 10px; font-size: 11px; line-height: 14px; color: #494949; }
#rk_psd { height: 70px; margin-top: 30px; padding-left: 60px; background: url('img/projekt_psd.jpg') 0 8px no-repeat; }
#rk_ciecie { margin-top: 18px; padding-left: 60px; background: url('img/ciecie_psd.jpg') 0 4px no-repeat; }

#realizacje_kroki_prawo { width: 430px; float: left; padding-top: 26px; margin-left: 25px; }
#rk_kompatybilnosc { height: 70px; margin-top: 18px; padding-left: 60px; background: url('img/kompatybilnosc.jpg') 0 7px no-repeat; }
#rk_placa { margin-top: 18px; padding-left: 60px; background: url('img/placa_psd.jpg') 0 12px no-repeat; }

/* STOPKA */
#s_lewo { width: 630px; margin-top: 37px; float: left; font-size: 11px; }
#s_lewo ul { margin: 0; padding: 0; list-style: none; }
#s_lewo ul li { float: left; font-weight: normal !important; color: #c1c1c1; }
#s_lewo ul li strong { font-weight: normal; }
#s_lewo ul li a { color: #c1c1c1; }

#prawa { width: 250px; float: right; padding-top: 40px; background: url('img/logo_stopka.jpg') top right no-repeat; }
#prawa a { text-decoration: underline; color: #c1c1c1; }
#prawa a:hover { text-decoration: none; }
#prawa p { margin-bottom: 3px; text-align: right; font-size: 10px; line-height: 15px; color: #c1c1c1; }

/***  PODSTRONY  ***/
.tytul { margin-bottom: 10px; font-size: 26px; font-weight: 600; color: #8e9212; }
.info_tekst { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #8e9212; }
#podstrona_statyczna { padding-bottom: 20px; line-height: 22px; }

/* OFERTA */
#oferta_tekst p { padding-bottom: 7px; }
#oferta_tekst ul { margin-left: 50px; padding-bottom: 20px; }
#oferta_tekst ul li { list-style: disc; }
#glowne_dzialania { margin-top: 20px; }

.tytul_maly { font-size: 14px; }

#ciecie_stron { width: 380px; float: left; padding-left: 60px; margin-top: 43px; background: url('img/oferta_jpg.jpg') 0 10px no-repeat }
#ciecie_stron p { margin-top: 10px; }
#kodowanie_stron { width: 380px; float: left; padding-left: 60px; margin-top: 40px; background: url('img/oferta_css.jpg') 0 10px no-repeat; }
#kodowanie_stron p { margin-top: 10px; }

#system_cms { width: 380px; float: left; padding-left: 60px; margin: 43px 0 0 0; background: url('img/oferta_cms.jpg') 0 10px no-repeat; }
#system_cms p { margin-top: 10px; padding-bottom: 20px; }

#korzysci { width: 400px; float: right; padding-left: 40px; margin-top: 40px; }
#korzysci ul { padding: 0 0 30px 0; list-style: none; }
#korzysci ul p { padding-left: 20px; background: url('img/acc.jpg') center left no-repeat }

#agencje { width: 220px !important; overflow: hidden; }
#agencje img { margin-right: 20px; }
#wspolpraca { margin: 15px 0 15px 0; }

/* O MNIE */
#o_mnie { width: 500px; float: left; padding-bottom: 20px; }
#znajdziesz_mnie { width: 350px; float: right; }
#znajdziesz_mnie p { margin: 25px 0 40px 0; }

#wspolpraca_loga { position: relative; }
#trans_left { position: absolute; width: 38px; height: 98px; top: 0; left: -20px; background: url('img/tras_lewo.png') no-repeat; }
#trans_right { position: absolute; width: 38px; height: 98px; top: 0; right: 105px; background: url('img/trans_prawo.png') no-repeat; }

/* KONTAKT */
#kontakt_tekst { width: 300px; float: left; padding-bottom: 10px; }
#kontakt_formularz { width: 550px; float: right; }
.inp { width: 220px; padding: 5px; border: 1px solid #d5d4b4; background: none; }
.txta { width: 300px; height: 150px; padding: 5px; border: 1px solid #d5d4b4; background: none; }
.token { width: 120px; padding: 5px; border: 1px solid #d5d4b4; background: none; }
.wyslij { width: 49px; height: 24px; border: 0; background: url('img/wyslij.jpg') no-repeat; }
.error { padding: 10px; border: 1px solid #ffb2b2; background: #ffe5e5; color: #F00; }

/* PORTFOLIO */
.zlecenie { height: 265px; color: #5c5c5b; }
.z_grafika { width: 480px; float: left; }
.zdjecie_tlo { width: 459px; height: 190px; padding: 10px 0 0 10px; position: relative;  border: 1px solid #d0d400; background: #e5e4c2; }
.zdjecie_tlo img { border: 1px solid #d0d400; }
.z_offline { display: block; width: 109px; height: 29px; position: absolute; bottom: 10px; right: 10px; background: url('img/offline.gif') no-repeat; }
.z_online { display: block !important; position: absolute; z-index: 22 !important; bottom: 10px; left: 10px; width: 109px !important; height: 29px !important; background: url('img/online.gif') no-repeat;  }

.z_info { width: 420px; height: 265px; float: right; position: relative; }
.z_technologie { margin-top: 10px; }
.z_zakres { margin-top: 20px; }
.z_wykonane { position: absolute; top: 20px; right: 0; text-align: center; }
.z_wykonane img { margin-top: 10px; }

/* STRINICOWANIE */
#stronicowanie { text-align: center; padding-bottom: 15px; }
#stronicowanie a { color: #878975; }
#stronicowanie ul { display: inline-table; min-width: 10px; list-style: none; }
#stronicowanie ul li { display: inline-block; float: left; }
.pagination_li { display: inline-table; background: #dfe0d3; padding: 1px 9px 2px 9px; border: 1px solid #cdcebf; margin-right: 1px; }
a:hover.pagination_li { background: #D4D5C2; color: #878975;}
.pagination_li_a { display: inline-table; background: #dfe0d3; border: 1px solid #cdcebf !important; border: 1px solid #c8c69a;; margin-right: 1px; color: #878975; padding: 1px 9px 2px 9px; color: #878975; }
a:hover.pagination_li_a { background: #D4D5C2; }



.roundabout-holder { list-style:none; width:500px; height:210px; margin:0px auto; }
.roundabout-moveable-item { font-size:12px!important; height:250px; width:500px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background: #F3F1E5; }
.roundabout-moveable-item img { height:100%; width:100%; background-color:#FFFFFF; margin:0; }
.roundabout-in-focus { cursor:auto; }
.roundabout-in-focus:hover { -webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background: #F3F1E5; }
.roundabout-holder span	{ display:none; font-size:12px;}
.roundabout-in-focus:hover span	 { display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background: #F3F1E5; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited { outline:none; text-decoration:none; }
.roundabou li { margin:0 }