body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

body {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: red;
  position: relative;	
}
.clear {
   clear: both;
}
img {
   border: 0;
}
a {
   text-decoration: none;
}
.site {
   width: 985px;
    margin: 0 auto;
}




#header {
   background: transparent url('/graph/headerBg.png') repeat-x 0 100%;
}
#logo {
   padding: 0 0 0 10px;
}
#header h1, #header h2 {
    color: #959595;
    font-weight: normal;
    font-size: 11px;
   width: 275px;
   margin: 10px 0 0 500px;
   border-right: 1px dotted #EBEBEB;
}



#menu {
   background: transparent url('/graph/menuBg.png') repeat-x 0 0;
    float: right;
    margin: 16px 0 0 0;
}
#mbg1 {
    background: transparent url('/graph/menuLeft.png') no-repeat 0 0;
    padding: 0 0 0 15px;
}
#mbg2 {
   background: transparent url('/graph/menuRight.png') no-repeat 100% 0;
    padding: 2px 15px 10px 0;
}
#menu li {
   list-style: none;
    float: left;
    background: transparent url('/graph/menuPars.png') no-repeat 100% 0;
}
#menu li.last { background: none; }
#menu li a {
   padding: 12px 15px 13px 15px;
    color: #D1D1D1;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: block;
    font-weight: bold;
   text-shadow: 1px 1px 1px #000;
}
#menu li a:hover, #menu li a.selected {
   color: #fff;
}


#callto {
   float: right;
    width: 455px;
   padding: 5px 20px 20px 0;
}
#callto #call1 {
   color: #B61B6B;
    font-size: 26px;
    padding: 0 25px 0 0;
    border-right: 1px solid #CBCBCB;
    float: left;
}
#callto #call2 {
    font-size: 15px;
    padding: 5px 0 10px 25px;
    float: left;
}
#callto #call2 a {
   color: #000;
}
#callto #call2 a:hover {
   text-decoration: underline;
}

.jcarousel {
    width:255px;
    margin-left:3px;
}
.jcarousel ul li {
    width:255px;
    list-style:none;
}
.jcarousel ul li a {
    margin-left:20px;
}
.jcarousel .jcarousel-control {
    float:right;
}
.jcarousel .jcarousel-control a {
    display:block;
    float:left;
    width:10px;
    height:10px;
    border-width: 1px;
    margin-left:5px;
    background:#ccc;
}
.jcarousel .jcarousel-control a.selected {
    background-color:#B61B6B;
}

#path {
   float: left;
    color: #959595;
   padding: 30px 0 0 15px;
}
#path li {
   list-style: none;
    float: left;
    padding: 0 10px 0 0;
}
#path a {
   color: #959595;
}
#path a:hover {
   color: #B61B6B;
    text-decoration: underline;
}


#topBoxes {
   padding: 30px 0 0 0;
}
#main-category {
    float: left;
    margin: 20px 0 0 30px;
    width: 200px;
}
#main-category li {
   float: left;
    list-style: none;
    padding: 0 10px 0 0;
    margin-bottom: 2px;
    font-size: 14px;
}
#main-category li a {
   color: #464646;
}
#main-category li a {
    display: block;
}
#main-category li a div div {
    padding: 9px 20px 10px 20px;
    width: 135px;
}
#main-category li a:hover, #main-category li.selected a {
   background: transparent url('/graph/mainBg.png') repeat-x 0 0;
   color: #fff;
}
#main-category li a:hover div, #main-category li.selected div {
   background: transparent url('/graph/mainLeft.png') no-repeat 0 0;
}
#main-category li a:hover div div, #main-category li.selected div div {
   background: transparent url('/graph/mainRight.png') no-repeat 100% 0;
}


#mainBox {
   float: left;
    width: 306px;
    height: 197px;
    background: transparent url('/graph/mainBox2.gif') no-repeat 0 0;
}

#mainBox ul {
   margin: 9px 0 0 47px;
   width:255px;
}
#mainBox ul li {
   background: transparent url('/graph/arrow.gif') no-repeat 0 5px;
    padding: 0 0 10px 15px;
    list-style: none;
}
#mainBox ul li a {
   color: #B61B6B;
    font-size: 13px;
    cursor:pointer;
    font-weight: bold;
}
#mainBox ul li a:hover {
   text-decoration: underline;
}
#mainBox div {
    display:none;
    margin-top:-25px;
}


#hands {
   float: right;
    width: 392px;
    height: 197px;
    margin: 0 10px 0 0;
    background: transparent url('/graph/hands.gif') no-repeat 0 0;
}
#hands h4 {
   color: #5A2D7F;
    font-size: 25px;
    font-weight: normal;
   padding: 30px 0 0 45px;
   text-shadow: 1px 1px 1px #fff;
}
#hands h5 {
   color: #B61B6B;
    font-size: 18px;
   padding: 20px 0 0 55px;
   text-shadow: 1px 1px 1px #fff;
}
#hands a {
   color: #fff;
    display: block;
    width: 150px;
    font-size: 12px;
    background: transparent url('/graph/handBg.png') repeat-x 0 0;
   margin: 25px 0 0 170px;
    text-align: center;
}
#hands a:hover {
   text-decoration: underline;
}
#hands a div {
   background: transparent url('/graph/handLeft.png') no-repeat 0 0;
}
#hands a div div {
   padding: 8px 20px 10px 20px;
    background: transparent url('/graph/handRight.png') no-repeat 100% 0;
}


#mainFolio {
   margin: 25px 0 0 19px;
   padding: 20px 0 0 0;
   width: 948px;
   height:200px;
   overflow:hidden;
   border-top: 1px solid #C7C5BE;
   position:relative;
}

#mainFolio .scrollwrap {
    width:4740px; /* 948px * 5 */
    position:relative;
}

#mainFolio img {
    float:left;
}

#bPrev, #bNext {
    background:#B61B6B;
    color:#fff;
    font-weight:bold;
    font-size:30px;
    width:40px;
    height:40px;
    position:relative;
    top:-122px;
    text-align:center;
    cursor:pointer;
}

#bPrev:hover, #bNext:hover {
    background:#5A2D7F;
}

#bPrev {
    float:left;
    left:0px;
    
}

#bNext {
    float:right;
    right:0px;
}

#centerBoxes {
   border-top: 1px solid #C7C5BE;
    width: 948px;
   margin: 20px 0 0 19px;
    background: transparent url('/graph/centerBoxesBg.png') repeat-y 0 0;
}
#centerBorder {
   border-top: 25px solid #fff;
    border-bottom: 30px solid #fff;
}
#centerBorder #box1 { /* 312px */
   width: 271px;
    float: left;
    padding: 0 26px 0 15px;
}
#centerBorder #box2 { /* 324px */
   width: 271px;
    float: left;
    padding: 0 26px 0 27px;
}
#centerBorder #box3 { /* 312px */
   width: 271px;
    float: right;
    padding: 0 15px 0 26px;
}
#centerBorder h2 {
   color: #5A2D7F;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 15px 0;
}
#centerBorder a {
   color: #555555;
    padding: 15px 0 5px 0;
    line-height: 18px;
    text-align: justify;
}
#centerBorder a .link {
   text-align: right;
    padding: 0 0 10px 0;
   color: #B61B6B;
    font-weight: bold;
}
#centerBorder a:hover .link {
   text-decoration: underline;
}
.image {
   width: 271px;
    height: 89px;
    margin: 0 0 15px 0;
}
#box1 a .image {
   background: transparent url('/graph/01.png') no-repeat 0 0;
}
#box1 a:hover .image {
   background: transparent url('/graph/01.png') no-repeat 0 -90px;
}
#box2 a .image {
   background: transparent url('/graph/02.png') no-repeat 0 0;
}
#box2 a:hover .image {
   background: transparent url('/graph/02.png') no-repeat 0 -90px;
}
#box3 a .image {
   background: transparent url('/graph/03.png') no-repeat 0 0;
}
#box3 a:hover .image {
   background: transparent url('/graph/03.png') no-repeat 0 -90px;
}



#footer {
   background: transparent url('/graph/footerBg.png') repeat 0 0;
    padding: 0 17px 0 18px;
   border-top: 1px solid #A5A5A5;
}
#footer .site {
   width: 948px;
    margin: 0 auto;
   padding: 25px 0 0;
}
#rzf {
   float: left;
    width: 190px;
   padding: 20px 25px 0;
   color: #4B4B4B;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
   text-shadow: 1px 1px 1px #fff;
}
#rzf img {
   margin: 0 0 10px 0;
}

#infoText {
   float: left;
   width: 340px;
   text-shadow: 1px 1px 1px #fff;
   height:200px;
   position:relative;
}
#infoText h2 {
   color: #464646;
    font-size: 14px;
}
#infoText p {
   color: #555555;
    padding: 10px 0 0 0;
    text-align: justify;
    line-height: 18px;
}

#contactBox {
   float: right;
   width: 310px;
   height:200px;
   position:relative;
}
#contactBox img {
   margin-top: 10px;
}
#kontaktFooter {
   float: right;
   width: 150px;
   color: #4B4B4B;
   line-height: 18px;
   text-shadow: 1px 1px 1px #fff;
}
#contactBox a,
#infoText a {
   color: #fff;
   display: block;
   width: 120px;
   font-size: 12px;
   background: transparent url('/graph/handBg.png') repeat-x 0 0;
   margin: 0 0 0 155px;
   text-align: center;
   position:absolute;
   right: 0;
   bottom: 3px;
}
#infoText a {
    float:right;
}
#contactBox a:hover,
#infoText a:hover {
   text-decoration: underline;
}
#contactBox a div,
#infoText a div {
   background: transparent url('/graph/handLeft.png') no-repeat 0 0;
}
#contactBox a div div,
#infoText a div div {
   padding: 8px 20px 10px 20px;
   background: transparent url('/graph/handRight.png') no-repeat 100% 0;
   text-shadow: none;
}
#footerInfo {
   border-top: 1px solid #C4C4C4;
   margin: 5px 0 0 0;
   padding: 10px 0 15px 20px;
   color: #4B4B4B;
}






#subSite {
   background: transparent url('/graph/dot.gif') repeat-y 240px 0;
   margin-top: 30px;
   margin-bottom: 30px;
}
#colLeft {
   float: left;
   width: 190px;
   margin: 0 0 0 19px;
   border: 0px solid red;
}

#subMenuHeader {
   list-style: none;
   padding: 0 10px 0 0;
   font-size: 14px;
}
#subMenuHeader a {
   display: block;
}
#subMenuHeader a.selected {
   font-weight: bold;
}
#subMenuHeader a div div {
   padding: 9px 20px 10px 20px;
   width: 145px;
}
#subMenuHeader a {
   background: transparent url('/graph/mainBg.png') repeat-x 0 0;
   color: #fff;
}
#subMenuHeader a:hover {
   text-decoration: underline;
}
#subMenuHeader div {
   background: transparent url('/graph/mainLeft.png') no-repeat 0 0;
}
#subMenuHeader div div {
   background: transparent url('/graph/mainRight.png') no-repeat 100% 0;
}

#submenu {
   margin: 20px 0 20px 10px;
}
#submenu li {
   list-style: none;
   background: transparent url('/graph/arrow.gif') no-repeat 0 12px; 
   padding: 5px 0 6px 13px;
}
#submenu li a {
   color: #000;
   font-size: 12px;
   line-height: 18px;
}
#submenu li a:hover {
   text-decoration: underline;
}
#submenu li a.selected {
   font-weight: bold;
}



#colRight {
   float: right;
   width: 719px;
   padding: 0;
   border: 0px solid blue;
   font-size: 12px;
   line-height: 18px;
   color: #282828;
   text-align: justify;
   margin: 0;
}
#colRight h1 {
   color: #000;
   font-size: 24px;
   font-weight: normal;
   padding: 10px 0 30px 0;
   font-family: Tahoma, Arial, Verdana, sans-serif;
   text-align: left;
   line-height: 26px;
}
#colRight h2 {
   color: #000;
   font-size: 19px;
   font-weight: normal;
   padding: 10px 0 15px 0;
   font-family: Tahoma, Arial, Verdana, sans-serif;
   text-align: left;
   line-height: 25px;
}
#colRight h3 {
   color: #000;
   font-size: 15px;
   font-weight: normal;
   padding: 10px 0 25px 0;
   font-family: Tahoma, Arial, Verdana, sans-serif;
   text-align: left;
   line-height: 21px;
}
#colRight h4 {
   color: #000;
   font-size: 13px;
   font-weight: normal;
   padding: 10px 0 15px 0;
   font-family: Tahoma, Arial, Verdana, sans-serif;
   text-align: left;
   line-height: 18px;
}
#colRight a {
   color: #B61B6B;
   text-decoration: underline;
}
#colRight p {
   padding: 0 0 10px 0;
}
#colRight ul {
   margin: 5px 0 20px 25px;
}


.imageGallery {
  width: 260px;
  float: right;
  padding: 10px 5px 0px 20px;
}
.imageGallery a {
  display: block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0px 0px 19px 23px;
  float: left;
  border: 3px solid #E4E4E4;
}
.imageGallery a:hover { border-color: #d00071; }
.imageGallery a:visited {
  display: block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0px 0px 19px 23px;
  float: left;
  border: 3px solid #E4E4E4;
}
.imageGallery a:visited:hover { border-color: #d00071; }
.imageGallery #pager { text-align: center; }
.imageGallery #pager a {
  border: 0;
  width: auto;
  height: auto;
  float: none;
  display: inline-block;
  margin: 0 5px;
  background: #777777;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  padding: 1px 5px;
}
.imageGallery #pager a.selected {
  background: #cccccc;
  cursor: default;
}

/********* KONTAKT ************/
#kontakt {
   margin-top: 30px;
   margin-bottom: 30px;
}
   #kfl1 {
      float: left;
      width:340px;
      padding: 0 20px;
      border-right: 1px solid #E0E0E0;
      min-height: 400px;
   }
   #kfl2 {
      float: left;
      width: 200px;
      padding: 15px 20px;
      font-size: 12px;
      color: #000;
      line-height: 22px;
   }
   #kfr {
      float: right;
      width: 330px;
      padding: 0 20px 0 0;
   }
   #kontakt h1 {
      color: #000;
      font-size: 24px;
      font-weight: normal;
      padding: 0 0 20px 20px;
      font-family: Tahoma, Arial, Verdana, sans-serif;
      text-align: left;
      line-height: 26px;
   }
   #kontakt h2 {
      color: #000;
      font-size: 16px;
      font-weight: normal;
      padding: 10px 0 10px 0;
      font-family: Tahoma, Arial, Verdana, sans-serif;
      text-align: left;
      line-height: 20px;
   }
   #kontakt fieldset {
      border: 0;
   }
   #kontakt label {
      font-size: 11px; 
      color: #787878;
      padding: 5px 0 4px 0;
      display: block;
   }
   #kontakt input, #kontakt textarea {
      padding: 3px 3px;
      border: 1px solid #868686;
      font-size: 12px;
      font-family: Tahoma, Arial, Verdana, sans-serif;
      width: 250px;
   }
   #kontakt textarea {
      width: 300px;
      height: 100px;
   }
   #kontakt .submit {
      background: #B61B6B;
      border: 0;
      color: #fff;
      font-weight: normal;
      font-size: 14px;
      cursor:pointer;
      padding: 5px 0;
      width:150px;
      margin: 15px 0 0 160px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px; 
   }
   #kontakt .submit:hover {
      background-color:#5A2D7F;
   }

   #monit_err {
      padding: 40px 0 0 0;
      font-size: 15px;
   }
   #monit_err input.submit {
      margin: 25px 0 0 100px;
      width: 120px;
   }
   #monit_ok {
      padding: 40px 0 0 0;
      font-size: 15px;
      color: #000;
   }
   #kfr small {
      color: #B2B2B2;
   }
   #kfr small a {
      color: #B2B2B2;
   }
   #kfr small a:hover {
      color: #B61B6B;
   }
   

   
   #colRight #caseH h3 {
      font-size: 14px;
      line-height: 18px;
   }
   #colRight #caseH h3 div {
      padding: 0 0 10px 0;
   }
   #colRight #caseH span {
      background: #B4B4B4;
      color: #fff;
      font-size: 11px;
      padding: 2px 5px;
      margin: 0 4px 0 0;
      -moz-border-radius: 5px; /* FF */
      -webkit-border-radius: 5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
      -khtml-border-radius: 5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
      border-radius: 5px; /* pozostałe przeglądarki */
   }
   
#colRight ul.kreacja_logotypy,
#colRight ul.reklama_zewnetrzna,
#colRight ul.gadzety_reklamowe {
    margin-top:17px;
    margin-left:0;
}   
#colRight ul.kreacja_logotypy li,
#colRight ul.reklama_zewnetrzna li,
#colRight ul.gadzety_reklamowe li {
    list-style:none;
    float:left;
    display:block;
    width: 237px;
    height: 149px;
}
#colRight ul.kreacja_logotypy li.cross,
#colRight ul.reklama_zewnetrzna li.cross,
#colRight ul.gadzety_reklamowe li.cross {
    background:url(/graph/cross.png) 100% 100px no-repeat;
}
#colRight ul.kreacja_logotypy li a span,
#colRight ul.reklama_zewnetrzna li a span,
#colRight ul.gadzety_reklamowe li a span {
    display: block; 
    height: 65px;
    width: 200px; 
    font-size:24px;
    font-family:Tahoma;
    line-height:26px;
    padding-top:10px;
    text-align: center;
    overflow: hidden; 
}
#colRight ul.kreacja_logotypy li a:hover span,
#colRight ul.reklama_zewnetrzna li a:hover span,
#colRight ul.gadzety_reklamowe li a:hover span {
    color:#000;
}
#colRight ul.kreacja_logotypy li a span.logotypy,
#colRight ul.kreacja_logotypy li a span.teczki,
#colRight ul.reklama_zewnetrzna li a span.szyldy,
#colRight ul.reklama_zewnetrzna li a span.oznakowania,
#colRight ul.gadzety_reklamowe li a span.odziez,
#colRight ul.gadzety_reklamowe li a span.breloki {
    color:#000; 
}
#colRight ul.kreacja_logotypy li a:hover span.logotypy,
#colRight ul.kreacja_logotypy li a:hover span.teczki,
#colRight ul.reklama_zewnetrzna li a:hover span.szyldy,
#colRight ul.reklama_zewnetrzna li a:hover span.oznakowania,
#colRight ul.gadzety_reklamowe li a:hover span.odziez,
#colRight ul.gadzety_reklamowe li a:hover span.breloki { 
    color:#B61B6B;
}
#colRight ul.kreacja_logotypy li a span.katalogi {
    font-size:23px;
}
#colRight ul.reklama_zewnetrzna li a span.samochody {
    font-size:20px;
}
#colRight ul.reklama_zewnetrzna li a span.oznakowania {
    font-size:23px;
}   
#colRight ul.gadzety_reklamowe li a span.breloki,
#colRight ul.gadzety_reklamowe li a span.dlugopisy {
    font-size:23px;
}
#colRight ul.gadzety_reklamowe li a span.dvd {
    font-size:19px;
}
   
#colRight ul.case_list {
    margin-left:10px;
}
#colRight ul.case_list li {
    list-style:none;
    float:left;
    width:235px;
    text-align:center;
    padding:15px 0;
}   
#colRight ul.case_list li a {
    border:1px solid #fff;
    display:block;
}
#colRight ul.case_list li a:hover {
    border-color:#ddd;
} 
#othersite {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
#othersite div {
   width: 970px;
    margin: 0 auto;
    color: #959595;
    text-align: right;
   padding: 0 15px 0 0;
}
#othersite div a {
   color: #959595;
}
#othersite div a:hover {
   color: #B61B6B;
}

.hide {
    display: none;
}

.show {
    display:block !important;
}

.tip {
    position:relative;
    left:0;
    top:24px;
}