/** 
       Theme Name: StudioStyle v1.0
       Description: Theme for StudioStyle
       Version: 1.0
       Author: Kuba Tyburski
**/

/** podstawy **/

* {
       margin: 0;
       padding: 0;
}

Body { 
       background-image: url('./gfx/background.gif');
       margin: 50px 0;
       color: #261d0e;
       font-size: 70%;
       font-family: Century Gothic;
}

a, a:active {
       color: #261d0e;
       text-decoration: underline;
}

a:hover {
       text-decoration: none;
}

a img, img {
       border: 0;
}

h1
{       color: #261d0e;
       font-family: Century Gothic, sans-serif;
}

h2, h3, h4, h5, h6  {
       color: #261d0e;
       font-family: Century Gothic, serif;
}

h1 {
       font-size: 1.5em;
}
h2 {
       font-size: 1.4em;
}
h3 {
       font-size: 1.3em;
}
h4 {
       font-size: 1.2em;
}
h5 {
       font-size: 1em;
}
h6 {
       font-size: 1em;
}

.clear {
       clear: both;
       margin: 0;
       padding: 0;
}

/** podstawy end **/
/** design **/

#ramkaTop {
       width: 1004px;
       margin: 0 auto;
}

#ramkaBottom {
       width: 1004px;
       margin: 0 auto;
}
#ramka {
       width: 1004px;
       margin: 0 auto;
       background-image: url('./gfx/Podstawa/srodek.png');
}

#top  {
       height: 76px;
       width: 965px;
       margin-left: 18px;
       
       background-image: url('./gfx/Top/background.jpg');
       background-repeat: repeat-x;
}

#content {
       width: 965px;
       background-image: url('./gfx/Podstawa/gradient.jpg');
       background-repeat: repeat-x;
       font-size: 1em;
       margin-left: 18px;
}

#footer {
       font-family: Verdana;
       background-image: url('./gfx/Content/zaokraglenie.jpg');
       background-repeat: no-repeat;
       margin-left: 27px;
       text-align: center;
}

/** design end **/
/** ramkaDesign **/


/** ramkaDesign end **/
/** topMenu **/

#topLogo {
       float: left;
       padding-left: 10px;
}

#topMenuLeft {
       float: right;
       position: relative;
       top: 34px;
}

#topMenuRight {
       float: right;
       position: relative;
       top: 34px;
}

#topMenu {
       float: right;
       position: relative;
       top: 9px;
       height: 68px;
       
       background-image: url('./gfx/Top/bg.jpg');
}

#topMenu ul
{
 padding: 0;
 list-style-type: none;
 text-align: center;
 height: 54px;
 
}


#topMenu ul li {
 display: block;
 float: left;
 font-size: 54px;
 height: 54px;
}

#topMenu ul li a#roll1 {
 display: block;
 width: 86px;
 height: 54px; 
 font-size: 54px;
 background: url('./gfx/cennik.jpg') 0 0 no-repeat; 
}

#topMenu ul li a:hover#roll1 {
 height: 54px;
 font-size: 54px;
 background-position: 0 -54px;
}

#topMenu ul li a#roll2 {
 display: block;
 width: 86px;
 height: 54px; 
 font-size: 54px;
 background: url('./gfx/onas.jpg') 0 0 no-repeat; 
}

#topMenu ul li a:hover#roll2 {
 display: block;
 height: 54px;
 font-size: 54px;
 background-position: 0 -54px;
}

#topMenu ul li a#roll3 {
 display: block;
 width: 91px;
 height: 54px; 
 font-size: 54px;
 background: url('./gfx/promocje.jpg') 0 0 no-repeat; 
}

#topMenu ul li a:hover#roll3 {
 display: block;
 height: 54px;
 font-size: 54px;
 background-position: 0 -54px;
}

#topMenu ul li a#roll4 {
 display: block;
 width: 80px;
 height: 54px; 
 font-size: 54px;
 background: url('./gfx/praca.jpg') 0 0 no-repeat; 
}

#topMenu ul li a:hover#roll4 {
 display: block;
 height: 54px;
 font-size: 54px;
 background-position: 0 -54px;
}

#topMenu ul li a#roll5 {
 display: block;
 width: 86px;
 height: 54px; 
 font-size: 54px;
 background: url('./gfx/kontakt.jpg') 0 0 no-repeat; 
}

#topMenu ul li a:hover#roll5 {
 display: block;
 height: 54px;
 font-size: 54px;
 background-position: 0 -54px;
}

#topMenu ul li a#roll6 {
 display: block;
 width: 86px;
 height: 54px; 
 font-size: 54px;
 background: url('./gfx/galeria.jpg') 0 0 no-repeat; 
}

#topMenu ul li a:hover#roll6 {
 display: block;
 height: 54px;
 font-size: 54px;
 background-position: 0 -54px;
}

/** topMenu end **/
/** content **/

#contentTop {
 position: relative;
 top: 0;
 left: 7px;
}

#contentBottom {
 position: relative;
 bottom: 0;
 left: 7px;
}

#text {
 position: relative;
 top: 0;
 left: 7px;
 background-image: url('./gfx/Content/srodek.jpg');
 background-repeat: repeat-y;
}

#textInner {
 width: 932px;
 position: relative;
 left: 5px;
 background-image: url('./gfx/Content/gfxtxt.jpg');
 background-repeat: repeat-x;
 padding: 5px;
 font-size: 14px;
 text-align: justify;
}

#textInner ul {
  list-style-type: dot;
  margin-left: 20px;
  padding-left: 10px;
}

/** content end **/
/** stopka **/

#Copyright {
       padding-top: 18px;
}

#dots {
       padding-top: 10px;
       padding-bottom:8px;
}

.stopkaFontA {
       color: #87744b;
}

.stopkaFontB .stopkaFontC {
       color: #958157;
}

.stopkaFontC, .stopkaFontC :hover {
  text-decoration: none;
}

/** stopka end **/

table.tab1 {
       border-collapse: collapse;
}

table.tab1 td {
       padding: 5px;
       text-align: center;
}

.textTop {
  width: 550px;
  height: 60px;
  float: left;
  padding-left: 10px;
  padding-top: 10px;
}

.textImg {
  float: right;
  margin-top: 5px;
  margin-right: 30px;
  margin-bottom: 10px;
  margin-left: 45px;
}

#textInner h2, #textInner h3 {
  width: 100%;
  padding-top: 30px;
  background-image: url('./gfx/Stopka/dots.png');
  background-repeat: no-repeat;
  background-position: center 10px;
}

#textInner div#quickMenu {
  position: absolute;
  z-index: 10;
}

#textInner ul#quickMenuBg {
  display: block;
  background-image: url('./gfx/Content/belka/bg.jpg');
  background-repeat: repeat-y;
  width: 229px;
  list-style-type: none;
  padding: 0px 10px 0px 0px;
  margin: 0px;
}

#textInner div#quickMenu li {
  background-image: url('./gfx/Content/belka/kwadrat.png');
  background-repeat: no-repeat;
  background-position: 10px 8px;
  padding-left: 25px;
  font-size: 13px;
  text-align: left;
  padding-bottom: 5px;
}
 
#textInner div#quickMenuTop, #textInner div#quickMenuBottom {
  display: block;
  width: 239px;
  margin: 0;
  padding: 0;
}

#textInner div#quickMenu img#quickMenuArr {
  position: absolute;
  top: 18px;
  left: -4px;
}

#textInner div#quickMenu li a {
  text-decoration: none;
  border-bottom: 1px dashed #998359;
}
#textInner div#quickMenu li a:hover{
  text-decoration: none;
  border-bottom: 0;
}

#textInner a.iconSet  img{
  padding:4px;
}

#textInner a:hover.iconSet img {
  padding:4px;
  background-image: url('./gfx/iconDash.gif');
  background-position: top top;
  background-repeat: no-repeat;
}

#CText {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 888px;
}

#CTextTop {
  width:888px;
  height:12px;
}

#CTextInner {
  padding: 5px 20px;
  margin-top: 0;
  font-family: Century Gothic;
  font-size: 12px;
  color: #665436;
  background-image: url('./gfx/Content/CText/CTextBg.jpg');
  background-repeat: repeat-y;
  text-align: center;
}

#CTextBot {
  padding: 0;
  margin: 0;
  width: 888px;
  height: 9px;
}

/* ipol css start */
#CTextInner h2
{       margin: 0;
       padding: 0;
       background: none;
}
/* ipol css end */