/** 
	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, h2, h3, h4, h5, h6  {
	color: #261d0e;
	font-family: Century Gothic;
}

h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.4em;
}
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;
}