/* content by blazsak.pl for digital*/


/**************************
 * CSS RESET 
 */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1.3;
	font-family: inherit;
  font-size:11px;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: #000;
  font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
}
em{  font-style:italic; }
strong {font-weight:bold;}
a:active, a:focus{	outline:none;}
textarea{	overflow:auto;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;	border-spacing: 0;}
  td{ vertical-align: top; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

.hid {margin-top:-5000px; position:absolute;}
a {text-decoration:none; color: #000; }
a:hover{ text-decoration: underline;}

/********************************
 * Struktura podstawowowa
 */
body{ text-align: center; background: #fff ;  }
input,textarea{font-size:10px; border:0; padding:2px;  width: 97px; height:22px; background: url(../gfx/form_login.png) top left no-repeat; }
textarea{height:100px; background:#fff; border:1px solid #FD690B; font-size: 11px;}
input.submit{ background: transparent; color: #fff; width: 60px; cursor: pointer; }

select {font-size: 11px; border: 1px solid #242424; background: #fff;}

img.mini {position:relative;}
img.home {margin-top: -18px;}

/********************************
 * Struktura strony
 */
#matrix{ text-align: left; border:0px solid white;    }
#pageinfo{text-align: left; top:0; position: absolute; overflow: scroll; width: 300px; height: 100px; border: 1px solid red; background:#fff; padding: 5px; }
#error404{ text-align: center; font-size: 12px; padding:120px 0 120px 0;}
#topLeft{width: 45%;}
#topRight{width: 45%;}
#topCenter{  }
  #topLangMenu{position: absolute; top:0; margin:10px 0 0 30px;}
  #topMenu{ padding-top: 10px; height:25px; text-align: right; background: url(../gfx/bg_topmenu.png) top right no-repeat; }
    #topMenu a{ margin-right: 10px; margin-left: 10px;}
    #topLogin{ border-top: 1px solid white;}
      #topLoginForm{ height:40px; float: left; width: 345px; background: #FC680A url(../gfx/bg_login.png) top left no-repeat; }
      #topLoginForm a {float: right; }
      #topLoginFormInfo{padding: 5px 0 0 20px; ;color: #fff;}
      #topLoginFormInfoLogout{ padding-right:30px;}
      #topLoginFormInfoLogout a {color: #fff; font-weight: bold;}
    #form{padding:5px 0 0 10px;}
      
  #topTitle{ width: 925px; height:170px; background: url(../gfx/bg_title1.jpg) top left no-repeat;  }
    #topTitle h1 {position: absolute; top: 0; }
  #topLogin{}
    #topLoginMenu{padding:10px 0 0 20px; float:right; width:550px; height:30px; background: url(../gfx/bg_loginmenu.png) top left no-repeat; }
    #topLoginMenu a {margin-left:11px; padding:2px 10px 2px 0; background: url(../gfx/bg_topmenu_a.png) top right no-repeat; font-size: 16px; font-weight: normal; }
      #topLoginMenu a.last{background: transparent;}
      
      
#midLeft{ background: url(../gfx/bg_midLeft.png) top left repeat-x; }
#midRight{background: url(../gfx/bg_midRight.png) top left repeat-x; }
#midCenter{ background: #f3f3f3 url(../gfx/bg_midCenter.png) top left repeat-x; }
  #page{  background: url(../gfx/bg_page.png) top right repeat-y; }
  #pageLeft{ float: left; width: 345px; background: url(../gfx/bg_pageLeft.png) top left no-repeat;}
    #slogan{height:72px; width: 345px; background: url(../gfx/bg_slogan.png) top left no-repeat; }
    #pageLeft p {margin:5px 20px 10px 20px;; text-align: justify; }
    #pageLeft p.bottom{ border-bottom: 1px solid #e3e3e3; padding-bottom:20px;}
      #pageLeft span {margin-right: 20px;}
      #pageLeft p strong { color: #FD690B; font-weight: bold;}
  #pageRight{background: url(../gfx/bg_pageRight.png) top right no-repeat; padding-top: 5px;}
    #pageRight img{margin-bottom:10px;}
  #pageBottom{ clear: both;}
  
  #news{ float: right; width: 175px; padding-right:5px;}
  #news h2{ text-align: right; font-size: 15px; font-weight: bold; padding: 10px 20px 20px 0;}
  #news div{ text-align: right; margin:2px 0 2px 0; float: right; width:170px;}
  #news h4 {color: #FD690B; font-weight: bold;}
  #news div strong { clear: both;}
  #news div span { clear: left; float:left; width:20px; padding:0 5px 5px 0 ;color: #e3e3e3; font-size: 14px; font-weight: bold; border-right: 1px solid #e3e3e3;}
  #news div a {color: #FD690B;}
  div.short-news {height: 58px; overflow: hidden;}
  
  #kontakt,#cennik,#wzory,#wzoryInfo, #nowosciRight,#poradnik, #kontrahenci ,#mapa,#zamowienie
    {padding: 10px; width:540px; float: right;}
  #kontakt h3 {font-size: 16px; color: #FD690B; margin:5px;}
  #kontakt form {padding:10px;}
  #kontakt div label {padding-top:5px; width: 100px; text-align: right; float: left; margin-right: 5px; }
  #kontakt div input,
  #kontakt div textarea {margin: 5px;background:#fff; border:1px solid #FD690B; }
  #kontakt div textarea {width:200px;}
  #kontakt div input.submit{ width: 100px; color: #fff;; border:1px solid white; background:#FD690B; }
  

  #kontrahenci p a {color: #FD690B; font-weight: bold;}
  
  #newsLeft{padding:20px;}
  #newsLeft div {border-bottom: 1px solid #dedede;}
    #newsLeft h2,#cennik h2,#nowosciRight h2,#mapa h2,#wzory h2, #poradnik h2,#kontrahenci h2,#zamowienie h2
    {font-weight: bold; font-size: 14px;}
    #newsLeft div a{ line-height:20px; padding:10px; color: #FD690B; font-weight: bold;}
  
  #nowosciRight p,#poradnik p,#kontrahenci p {padding: 10px; }
  #nowosciRight h4, #poradnik h4 {font-size: 14px; color: #FD690B; margin:5px;}
  #poradnik a {text-decoration:none;}
  
  #poradnik img {padding:2px; border:1px solid #000; margin-left:-150px; z-index:1000;}
  
  
  #mapa div{padding:4px; margin-left:35px; color: #FD690B; }
    #mapa div a { color: inherit;; font-weight: bold;}
    #mapa div li {padding-left:20px; color: #242424;}
      #mapa div li a{color: inherit;}

  
  #wzory{ padding-top:0;}
    #wzoryMenu{ background: url(../gfx/bg_wzorymenu.png) center left no-repeat; padding:10px 40px 0 30px; width: 60px; float:right; border-left: 1px solid #363636;}
    #wzoryTitle{padding: 10px 0 0 30px; font-size: 28px; color: #6f6f6f;  background: url(../gfx/bg_wzoryTitle.png) top left no-repeat; height:50px; }
    #wzoryLista{padding:10px 30px 0 0 ; }
      #wzoryLista a,#wzoryLista span {margin:1px; color:#d9d9d9; line-height:34px; text-align:center; ; display: block; float: left; width: 77px;  background: url(../gfx/bg_wzorek.gif) top left no-repeat; }
      #wzoryLista span,
      #wzoryLista a:hover{color: #FD690B; font-weight: bold; text-decoration: none;}
    #wzoryInfo{}
      #wzoryInfo img, #wzoryInfo a img {width: 240px; float: left; border:1px solid #363636; padding:1px; margin-right:30px;}
      #wzoryInfo h4 {font-weight: bold; color: #363636;}
    #wzoryOpis{ float:right; width: 240px;}
    #wzoryOpis p {margin-bottom:15px; padding-left: 18px; background: url(../gfx/bg_wzorki_p.gif) 0px 4px no-repeat;   }
    
    #kalkulator, div.okienko {margin: 20px 0 20px 0;width: 360px; background: #efefef;padding-bottom: 10px;}
    #kalkulator h3,#wynik h3,div.okienko h3 {padding:4px; background: #242424; color: #fff; font-weight: bold; text-align: center; }
    #kalkulator p,div.okienko p {margin:4px; }
    #kalkulator label,div.okienko label {display: block; float: left; width: 150px; text-align: right; color: #333; margin-right: 10px;}
    div.okienko {width: 450px;}
    div.okienko input {background:#fff; border:1px solid #242424; height:13px;}
    div.okienko label {width: 60px;}
    
    #cennik {width: 400px;}
    #wynik {float:right; margin: 60px 20px 0 0; width: 120px; background: #efefef; }
    #wynik p,#wynik span {padding: 10px;text-align: center; font-size:16px; font-weight:bold; font-family: Arial; color:#FD690B;}
#bottomLeft{ background: url(../gfx/bg_bottomLeft.png) top left repeat-x; }
#bottomRight{ background: url(../gfx/bg_bottomRight.png) top left repeat-x; }
#bottomCenter{ background: url(../gfx/bg_bottomLeft.png) top left repeat-x; }
  #stopkaLeft{ float: left;  width: 365px; height:200px; background: url(../gfx/bg_stopka.png) top right no-repeat;  }
    #stopkaCopy{ color: #fff; margin: 20px 0 20px 20px; }
    #stopkaCopy span {color: #FD690B}
  #stopkaInfo{ padding: 20px 0 20px 0; }
    #stopkaAdres, #stopkaTel{width: 150px; float:left; }
    #stopkaAdres strong , #stopkaTel strong{color: #FD690B}
    #stopkaCreatedby {clear: both; padding-top: 10px;}

  #stopkaRight { height: 200px; width: 560px;; float:left;  background: url(../gfx/bg_bottomRight.png) top left repeat-x; }
    #stopkaNews{padding:30px 0 0 20px ; }
      #stopkaNewsHead{ clear: both;}
        #stopkaNewsHeadName{height:35px; width: 180px; padding:10px 50px 0 0; background: url(../gfx/gazetka.png) top left no-repeat; ; font-size:14px; color: #efefef; text-align: right; float:left; border-right:1px solid #FD690B; }
        #stopkaNewsHeadTitle{ width:290px; float:right; color: white;}
          #stopkaNewsHeadTitle h3{color: white; font-weight: bold;}
          
      #stopkaNewsContent{height:45px; overflow: hidden; clear: both; color: #fff;; padding-left: 110px}
        #stopkaNewsContent p {color: #fff;;}
        #stopkaNewsContent p strong {color:#fff;}
      #stopkaNewsMore{ text-align: right; padding:10px 30px 0 0 ;}
        #stopkaNewsMore a {color: #FD690B; font-weight: bold;}
    #stopkaMenu{padding:20px 0 0 30px; color: #696969; }
      #stopkaMenu a{ color: inherit; padding:0 5px}

/********************************
 * TEMP
 */
div.lista-wzor{ float: left;}
  div.lista-wzor img {border:1px solid #242424; width: 235px; height: 145px; margin: 4px;}
  div.lista-wzor span { position: absolute; margin:1px; color:#d9d9d9; line-height:34px; text-align:center; ; display: block; float: left; width: 77px;  background: url(../gfx/bg_wzorek.gif) top left no-repeat; }
#test1, #test2, #test3{ float:left;}
#test2, #test3 {display: none;}
td {border: 0px black solid; }