body{ text-align: center; margin: 4px 0 15px 0; padding: 0; font-family: Tahoma; 
font-size: 11px; background-color: #383838;  }
body, textarea{ overflow: auto; }

.bold{ font-weight: bold; }
.center{ text-align: center !important; }
div.clear{ clear: both !important; }
form{ margin: 0; padding: 0; }
a{ text-decoration: none; color: #494949; }
a:hover{ text-decoration: underline; }
a img, a.image img{ border: 0; }

div#container{ width: 960px; margin: 0 auto; text-align: left; }

div#top{ width: 960px; height: 189px; }
div#top img{ border: 0; }

div#top-left, div#top-right{ float: left; height: 189px; }
div#top-left{ width: 407px; }
div#top-right{ background: url(/img/topbg.jpg) no-repeat;  width: 553px; }
div#top-banner{ height: 120px; width: 500px; margin: 5px 0 0 20px; }

div#menu-top{ width: 940px; height: 30px;  
background: url(/img/menubg.jpg) no-repeat; font-size: 14px; 
font-family: Trebuchet MS, Tahoma, Arial; padding: 7px 0 0 20px; }

div#menu-top a{ color: white; }

div#content{ width: 946px; 
background-color: black; /* background: #c5dff9 url(/img/contentbg.jpg) repeat-x; */ padding: 11px 7px 0 7px; }

div#footer{ width: 960px; background-color: black;
text-align: center; color: #383838; }

div#footer a{ font-weight: bold;   color: white;   font-size: 10px; }
div#footer ul{ list-style: none; padding: 7px 0 7px 0; margin: 0; }
div#footer ul li{ display: inline; }

div#cms{ padding: 5px 0 0 0; height: 20px; background: url(/img/footer_1.gif) no-repeat; text-align: center; color: white;   }
div#cms a{ color: white; text-decoration: underline;  font-weight: bold; }

div#menu{ width: 220px; float: left; }
div.leftBox-1{ width: 204px; background:  #383838 url(/img/leftTop2.gif) no-repeat;  
padding: 13px 8px 20px 8px; color: #eeebeb; }

div.leftBox-1 a{ color: #eeebeb; text-decoration: underline; font-weight: bold; }

div.leftFooter{ width: 220px; height: 15px; background: url(/img/leftFooter.gif) no-repeat; }

div.leftBox-1 ul.menu1{ list-style: none; margin: 0; padding: 0 0 20px 0; }
div.leftBox-1 ul.menu1 li.head{ padding: 5px 0 0 24px;  font-size: 13px !important; 
width: 180px; height: 20px; background: url(/img/leftMenu.gif) no-repeat; }

div.leftBox-1 ul.menu1 li a{ font-size: 13px !important; color: /* #494949 */ #eeebeb; font-weight: bold; font-family: Trebuchet Ms, Tahoma, Arial; }

div.leftBox-1 ul.menu2{  list-style: none; margin: 0; padding: 10px 0 10px 30px; }  

div.titleBg{ color: /* #2866b7*/ white; font-size: 14px; font-weight: bold; font-family: Trebuchet MS, Tahoma, Arial;  
width: 184px; height: 30px; background: url(/img/head1.gif) no-repeat; 
padding: 0 0 0 20px; }

div.titleBg a{ color: /* #2866b7 */ white; text-decoration: underline; }

/* css dla list */
ul.form{ list-style: none; margin: 0; padding: 0; }
ul.form li label{ float: left; display: block;  }
ul.form li{ clear: both; margin-bottom: 10px; }
ul.form li input, input.inp{ /* border: 1px solid #3576c2; */ border:0; background-color: #f8fafd; width: 145px; }
textarea{ border: 1px solid #3576c2; background-color: #f8fafd; width: 90%; }

div.leftBox-1 form{ padding-bottom: 10px; }
div.leftBox-1 ul.form li label{ width: 50px; }

form#kontakt ul.form li label{ width: 100px; }
form#order ul.form li label{ width: 100px; } 

/* background-color: #383838; color: #eeebeb; */
div#txt{  float: left; width: 720px; margin: 0 0 0 6px; }
  
  div.error, div.info, div.success{ padding: 5px; width: 400px; }
  div.error a{ color: white; text-decoration: underline; }
  div.error{ border: 1px red solid; background-color: #ba0000; color: white;  }
  div.info{ color: black; border: 1px #CECECE solid; background-color: #EEE;   }
  div.success{ border: 1px #090 solid;  background-color: #cfc; color: black; }

div.txtHeader{ padding: 10px 0 0 60px; 
color: white; font-family: Trebuchet MS, Tahoma, Arial; font-size: 16px; font-weight: bold; 
width: 660px; height: 30px; background: url(/img/header.gif) no-repeat; }

div.txtBg{ background-position: bottom; background-image:  url(/img/centerFooter2.gif); 
background-repeat: no-repeat;  
background-color: #383838; color: #eeebeb;  ; padding: 15px 10px 60px 10px; width: 700px; }

form.sForm1 ul.form label{ width: 100px; }

div#rightElement, div#centerElement{ float: left; }
div#centerElement{ width: 411px; margin: 0 5px 0 6px;  }
div#rightElement{ width: 304px; }

div.centerElementHead, div.rightElementHead{
padding: 10px 0 0 80px;  color: white; font-family: Trebuchet MS, Tahoma, Arial; font-size: 16px; font-weight: bold; }

.txtHeader a, div.centerElementHead a, div.rightElementHead a { color: white; text-decoration: underline; }

div.centerElementHead{ width: 331px; height: 30px; background: white url(/img/centerTop.gif) no-repeat;  }

div.rightElementHead{ width: 224px; height: 30px; background: white url(/img/rightTop.gif) no-repeat; }

div.rightBox{ margin: 0 0 15px 0; width: 284px; padding: 10px 10px 20px 10px; background-image: url(/img/rightFooter.gif); 
background-position: bottom; background-repeat: no-repeat; background-color: white; }

div.centerBox{ margin:  0 0 15px 0; width: 391px; padding: 10px 10px 20px 10px; background-color: white;
background-repeat: no-repeat; background-position: bottom;  background-image:  url(/img/centerFooter.gif); }

div.produktBox a.image img , div.newsHomeBox a.image img, div.produktBox img.image { float: left; margin: 0 5px 5px 0; }

div.newsHomeBox a.title{ color: /* #f47f40 */ white; font-weight: bold; font-family: Trebuchet MS, Tahoma, Arial; }
div.newsHomeBoxBg{ margin: 5px 0 15px 0; border-bottom: 1px solid #1b1b1b; background-color:  /* #e3f1ff */ black; padding: 5px;  }

p.short{ font-style: italic; }
div.produktBox h1, h1.title{ font-size: 17px; margin: 0; padding: 0; color: /* #306ebc; */ white; }


/* produkty */
div.produktBox{ margin: 0 0 10px 0; } 
div.produktBox h1{ margin-bottom: 5px; }
div.produktBox h1 a{ /* color: #f47f40; */ color: white; text-decoration: underline; }

div.produktBox-Nav{ text-align: right !important; margin: 5px 0 10px 0; }
 div.produktBox-Nav a{ color: #f47f40; text-decoration: underline; }

div.produktBox-Nav-left, div.produktBox-Nav-right{ float: left; }
div.produktBox-Nav-left{ text-align: left; width: 49%; }
div.produktBox-Nav-right{ text-align: right; width: 51%; }

div.produktBox div.price{ margin: 10px 0 0 0;  text-align:right; font-size: 20px;   }
div.produktBox div.price span.bigger{ font-size: 24px; color: #e62327; }

.active{ color: #e62327 !important; text-decoration: underline; }

table{ font-size: 12px; }
table.tabela1{ width: 100%; }
table tr.tabelaLinia-1{ background-color: #fddfd4; }

span.bigger{ font-size: 17px; font-family: Trebuchet MS, Tahoma, Arial; }

/* kalendarium */
h3.h3a{ font-size: 14px; margin: 0; padding: 0; }

div.set-atr{ padding: 0 0 10px 0; }
form#kontakt div#submit{ text-align: right; width: 90%; margin: 10px 0 0 0; }

/* qtip css */

div#qTip {
padding: 3px; border: 1px solid #666;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #999;color: #FFF; text-align: left;
position: absolute; z-index: 1000; }

div.fotoBox{  float: left; margin: 0 10px 10px 0; text-align: center; }
div.fotoBox img{ display: block; margin: 0 0 5px 0; }
div.fotoBoxHead{ margin: 10px 0 10px 0; width: 300px; 
background-color: /* #9bc6e9 */ #212121; padding: 5px; }


/* 
.button2, .button1{ width: 113px; height: 20px; color: white !important; margin-right: 10px; 
text-align: left !important; display: block; padding: 2px 0 0 10px;  }

.button1{ background: url(/img/koszyk_button.gif) no-repeat;   }
.button2{ background: url(/img/wiecej_button.gif) no-repeat; }
*/ 

div.koszyk-fast{ margin: 5px 0 0 0; }
div.koszyk-fast input{ border: 0; }
div.posFoto{ min-height: 120px; }

.ssnagh{
font-weight: bold;
color:white;
font-size:17px;
margin:0;
padding:0;

}

 #top-left{
  position: relative;
  }
   #top-left a img{
   position: absolute;   
   top:0px;
   left:0px;
   }