/* content by blazsak.pl */


/**************************
 * 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: inherit;
	font-family: inherit;
  font-size: inherit;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: inherit;
}
em { font-style:italic; }
strong { font-weight:bold; }

textarea{	overflow: auto; }
a img, :link img, :visited img {border: 0;}
table {	border-spacing: 0;}
  td{ vertical-align: middle; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
:focus {outline: 0;}

sup { font-size:0.7em; position:relative; top:-0.6em; left:0;}


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

.ajax-loader
{
  text-align: center;
  padding: 30px 50px;
}

/********************************
 * Struktura podstawowowa
 */
html { background: #000;}
body
{ 
  height:100%; 
  line-height: 1.3;   
  text-align: center;  
  color: #BDBCB9; 
  font-size:11px; 
  font-family:  Tahoma, Verdana,Arial,Helvetica,sans-serif;
}

img 
{
  margin:0px; 
  border:0; 
  vertical-align: middle;
}
input,textarea,select 
{
  font-size: 11px; 
  margin:0 2px; 
  padding:2px 3px; 
}
select 
{ 
  font-size: 11px;
}
button {}
label {}




/********************************
 * MAIN
 */

#site
{
  width: 980px; 
  margin: 0 auto; 
  text-align: left; 
  padding-bottom: 30px; 
}
  



/********************************
 * TOP
 */
#top
{ 
  height: 70px; 
}
#logo 
{ 
 position: absolute;
 
}
/********************************
 * MENU
 */
#mainmenu
{
  float: right; 
  text-align: right;
  margin-top: 20px;
}
#mainmenu a
{
  height: 20px;   
  padding:2px 6px 2px 5px; 
  border-left: 1px solid #dadada; 
  font-size: 12px; 
  font-weight: bold; 
  text-transform: uppercase;
}
#mainmenu a.first 
{  
  border-left:0;
}

#mainmenu a:hover, 
#mainmenu a.active
{ 
  color: #85A9D2;
}

/********************************
 * LEFT
 */


/********************************
 * RIGHT
 */

/********************************
 * CONTENT & ADDON
 */
#content
{
    
}
#content .container
{
  
  margin-top: 220px;
}
h2.title,
h3.title 
{ 
  color:#fff; 
  font-weight:normal; 
  margin:9px 0; 
  padding:0; 
  font-size:20px; 
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}
h2.title a:hover { color: #85A9D2; }

#content h2.title
{
 padding-bottom: 10px;
 margin: 25px 30px; 
  clear: both;
  border-bottom: 1px solid #252729;
}
#content h3.title
{
  color:#adadad; 
  padding: 5px 10px;
  padding-bottom: 0;
  background: url(/gfx/site/bg_title.png) 0 0 no-repeat;
} 
#content-left 
{ 
  margin-left: 25px;
  float: left; 
  width: 530px; 
  color: #8d8d8d; 
/*
  background: url(/gfx/site/bg_aktualnosci-news.png); 
  border: 1px solid #000; 
*/
}
#content-right 
{
  margin-right: 25px;
  float: right; 
   
  width: 330px; 
  color: #8d8d8d; 
  /* background: url(/gfx/site/bg_aktualnosci-news.png); */
  border: 0px solid #f00; 
}

#content-right ul
{
  margin-left: 20px;
}
#content-right ul li a
{
  
  font-size: 1.1em;
  color: #aaa;
}
#content-right ul li a:hover
{
  text-decoration: none;
  color: #fff;
}
#content-right ul li a.active
{
  color: #85A9D2;
  font-weight: bold;  
  cursor: default;
}
.content-home
{ 
  background: url(/gfx/site/home_contentline.gif) repeat-y 0 0;
}
.content-aktualnosci
{ 
  /* background: url(/gfx/site/home_contentline.gif) repeat-y 125px 0; */
}

.content-short
{
  margin-bottom: 30px;
}
.link-read-more,
.link-page-back
{
  text-align: right;
  margin-right: 20px;
}
.link-read-more a,
.link-page-back a
{
  color: #85A9D2;
}
.link-read-more a:hover,
.link-page-back a:hover
{
  text-decoration: underline;
}
/********************************
 * FOOT
 */

#foot 
{ 
  background: #000; 
  clear: both; 
  border-top: 1px solid #242729; 
  color: #555; 
  padding:20px; 
  font-size: 10px; 
}
#foot-copy{ float: left; width: 210px;}
#foot-menu{ float: left;}
#foot-created{ float: right; text-align: right;}
  #foot-created a:hover{ text-decoration: underline;}
    
#foot-menu ul { float: left; margin-left: 60px; }
#foot-menu li { float: left; border-left: 1px solid #444; }
#foot-menu li.first { border:0; }
#foot-menu li a{ color: #444;padding: 0 10px; text-transform: lowercase; }
#foot-menu li a.active{ text-decoration: underline; }
#foot-menu li a:hover { color: #888; } 


/********************************
 * HOME
 */
#home-top { height: 400px;}
#home-left { float: left; width: 470px;}
#home-right { float: left; width: 470px; margin-left: 40px; }
#home-banners-bottom {clear: both; margin-top: 30px;}
#home-banners-top {clear: both; }

#countdown { position: absolute; margin:290px 500px;;}

.news{}
.news-item { float: left; width: 430px; margin-bottom: 25px; }
.news-foto { float: left; width: 185px; height: 120px;  }
  .news-foto img { border: 1px solid #242729;  padding: 1px; }
.news-data { color: #85A9D2; font-size: 10px; }
.news-title { color: #fff; font-size: 14px;}
  .news-title a { color: #fff;}
  .news-title a:hover { text-decoration: underline;}
  
.news-content { text-align: justify;}
.news-content a {color: #859E6C; }
  .news-content a:hover { text-decoration: underline;}

#koncerty 
{ 
  clear: both; 
  height: 120px;
  margin-top: 30px; 
}
.koncerty-item,
.koncerty-item-long 
{
  float:left; 
  height:90px; 
  padding:10px 0 0 20px; 
  width:200px; 
  overflow: hidden;
}
.koncerty-item-long
{
  clear: left;
  width: 300px;
}
.maplink { float: right; width: 100px; text-align: right;}

.counter
{
  position: absolute;
  margin: 350px 0 0 0;  
}

/********************************
 * AKTUALNOSCI
 */

.aktualnosci-item 
{ 
  padding-right: 30px; 
  
  margin-bottom: 40px; 
} 
.aktualnosci-title h3 
{
  padding: 30px 0 5px 0; 
  font-weight: normal; 
  border-bottom: 1px solid #181A1A; 
  color:#fff; 
  font-size: 15px; 
  font-family: "Trebuchet MS",Arial;
  clear: both;
}
.aktualnosci-data 
{ 
  color: #85A9D2; 
  font-size: 11px; 
}




/********************************
 * GALERIE
 */
#galerie
{ 
 
  text-align: center; 
  margin-top: 220px; 
/*
  background: url(/gfx/site/bg_aktualnosci-news.png);  
  border: 1px solid #000; 
*/
}
#galerie-title
{ 
  text-align: left; 
  
}

.galeria-item 
{ 
  text-align: left; 
  width: 440px; 
  padding:0 0 0 40px; 
  height: 150px;
}

.galeria-foto 
{
  float: left; 
  width: 180px; 
  height: 145px;
}
.galeria-foto a img 
{
  border: 1px solid #2B3135; 
  padding: 1px; 
  width: 160px;
}
.galeria-foto a:hover img 
{
  border: 1px solid #85A9D2; 
  padding: 1px;
}

.galeria-name h3 a 
{ 
  padding: 5px 0; 
  font-weight: normal; 
  border-bottom: 0px solid #2B3135; 
  color:#fff; font-size: 14px; 
  font-family: "Trebuchet MS",Arial;
}
.galeria-name h3 a:hover { text-decoration: underline;}

.galeria-opis { margin-top: 10px;}
.galeria-author { margin-top: 20px;}

#galerie-lista-foto 
{
  margin:0 auto; 
  width:900px;  
  padding: 0;
  border: 0px solid red;  
}
.galerie-foto-item 
{ 
  height: 160px;
  width: 220px; 
  padding: 10px 0px 0 0; 
  border: 0px solid red;
}
.galerie-foto-item a img 
{
  border: 1px solid #2B3135; 
  padding: 1px;
}
.galerie-foto-item a:hover img {border: 1px solid #999; }

div.subgaleria
{
  text-align: center;
}

/********************************
 * O-NAS
 */
#o-nas
{
   
}
#o-nas-tomasz-florek,
#o-nas-marcin-chmara,
#o-nas-instrumentarium,
#o-nas-nasze-studio,
#o-nas-prasa
{
   width: 550px;
   border: 0px solid red;
}

/********************************
 * POLECAMY
 */
div.polecamy h3
{
  margin-top: 15px;
}
div.polecamy ul
{
  margin-left: 20px;
}
div.polecamy a.polecamy-title
{
  color: #999999;
  font-size: 13px;
}
div.polecamy a.polecamy-title:hover
{
  color: #85A9D2;
}
div.polecamy a.polecamy-url
{
  margin-left: 20px;
  color: #434343;
  font-size: 10px;
}

/********************************
 * FESTIWAL
 */
#festiwal-index
{
  width: 550px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  
}
.festiwal-banners
{
  text-align: center;
  margin:0 20px 40px 40px;
}

.festiwal-menu,
.festiwal-plakat,
.festiwal-sponsorzy

{
  margin-bottom: 40px;
}

.festiwal-edycje
{
  margin: 20px;
}
.festiwal-edycje li
{
  font-size: 15px;
}
.festiwal-edycje li a:hover
{
  text-decoration: underline;
}
.festiwal-sponorzy-img img
{
  padding: 3px;
  border: 1px solid #444;
}

.festiwal-sponsorzy-text ul
{
  padding: 20px;
  list-style: outside disc;
  font-size: 12px;
  
}
.festiwal-sponsorzy-text li
{
   margin-top: 2px;
}

/********************************
 * KSIEGA GOSCI
 */
#ksiega-gosci
{
  padding:0 50px;
}
.ksiega-item
{
  margin-top: 20px;
  padding-bottom:10px;
  border-bottom: 1px solid #111;
 
}
.ksiega-item p
{
  margin:10px;
  text-align: justify;
  line-height: 1.5;
}
.ksiega-item-url
{
  text-align: right;
  padding-right: 10px;
}
.ksiega-item-url a
{
  color: #85A9D2;
}
.ksiega-item-url a:hover
{
  text-decoration: underline;
}

/********************************
 * MUZYKA
 */
#muzyka-player
{
  position: relative;
  z-index: 10;
}

/********************************
 * SKLEP
 */
#sklep-lista
{
 
}
.sklep-item
{
  clear: both;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #242424;
}
.sklep-item-foto
{
  
  float: left;
  margin-right: 20px;
}
.sklep-item-foto a img
{
  border: 1px solid #242729;
  padding: 1px;
}
.sklep-item-foto a:hover img
{
  border: 1px solid #85A9D2;
}
.sklep-item-price,
.sklep-item-opis
{
  margin-top: 10px;
}
.sklep-item-order
{
  line-height:40px;
  
  clear: both;
  padding-right: 20px;
  text-align: right;
}
.sklep-item-order input
{
  border: 1px solid #696969;
  color: #fff;
  background: #111 url(/gfx/site/form_input_bg.png) repeat-x;
  font-size: 11px;
  padding: 3px 5px;
  width: 20px;
}
.sklep-item-order a,
#sklep-kosz-order a
{
  
  border: 1px solid #333;
  padding: 3px 10px;
  background: #111 url(/gfx/site/form_input_bg.png) repeat-x;
 
}
.sklep-item-order a:hover,
#sklep-kosz-order a:hover
{
  border: 1px solid #444;
  padding: 3px 10px;
  background: #222;
  
}
#sklep-kosz-order
{
  margin-top: 20px;
  text-align: center;
}
#sklep-kosz,
#sklep-kosz-summary
{
  min-height: 200px;
  height: auto !important;
  height: 200px;
}
#sklep-kosz table,
#sklep-kosz-summary table
{
  width: 100%
}
#sklep-kosz table th,
#sklep-kosz-summary table th
{
  font-weight: bold;
  color: #fff;
}
#sklep-kosz table td,
#sklep-kosz-summary table td
{
  padding: 2px;
}
#sklep-kosz table td.subtotal,
#sklep-kosz-summary table td.subtotal
{
  border-top: 1px solid #333;
  text-align: center;
}

/********************************
 * FLASH BANNERS
 */
.flash-banner,
.banner a img,
.home-banners-shared,
.home-banners-news img 
{
  border: 1px solid #242729;  
  padding: 1px;
}
.banner {float: left ; margin : 5px;}

.home-banners-shared
{
  margin-top:15px;
  padding: 5px;
  clear: both;
  text-align: center;
  background: #000; 
}
.home-banners-shared img { margin:0 10px;}
.home-banners-news
{
  padding-bottom: 15px;
}

/********************************
 * NAWIGACJA
 */

.nav-paginate
{
  border: 0px solid red; 
  color: #D2D1D1;  
  font-size: 12px; 
  height: 25px; 
  padding:2px 0;
  margin: 40px 30px 0 30px;
  text-align: center; 
  display: block; 
  background: url(/gfx/site/bg_galerie-nav.gif) repeat-x 0 0;
}
.nav-paginate .next 
{
  border:0;   
  margin:0;   
  padding: 0 10px; 
  background: #000; 
  float: right;  
  text-align: right;
}
.nav-paginate .prev 
{
  border:0; 
  margin:0; 
  padding: 0 10px; 
  background: #000; 
  float: left;  
  text-align: left;
}
.nav-paginate a.prev:hover, 
.nav-paginate a.next:hover 
{
  border:0; 
  color:#fff;
}
.nav-paginate .inactive 
{ 
  color: #1D2124;
}
.nav-paginate .active 
{ 
  background: #2B3033;
  border: 1px solid #2B3033;
}
.nav-paginate a 
{
  border: 1px solid #1D2124; 
  background: #000; 
  text-align: center; 
  padding:2px 7px; 
  color: #D2D1D1 ; 
  margin:1px 3px;
}
.nav-paginate a:hover 
{ 
  color: #85A9D2; 
  border: 1px solid #fff;
}


/********************************
 * KONTAKT FORM
 */
#kontaktform
{
 margin-left: 20px;
}
#kontaktform input,
#kontaktform textarea
{
  border: 1px solid #696969;
  color: #fff;
  background: #111 url(/gfx/site/form_input_bg.png) repeat-x;
  font-size: 11px;
  padding: 3px 5px;
 
}

#kontaktform .form-default,
#kontaktform .form-textarea
{
 width: 200px;
}
#kontaktform .form-textarea,
#kontaktform .form-textarea-big
{
  width: 260px;
  height: 100px;
  background: #111 url(/gfx/site/form_textarea_bg.png) bottom left repeat-x;
}
#kontaktform .form-textarea-big
{
  width: 500px;
  height: 150px;
}


#kontaktform .form-submit
{
  margin-top:20px;
  width: 210px; 
  margin-left: 50px;
}

#kontaktform .form-submit:hover
{
  background: #fff url(/gfx/site/form_input_bg_hover.png) repeat-x;
  color: #383838;
}
#kontaktform .form-code
{
  width:100px;
}
p.form-item
{
  clear: left;
  margin-top:10px;
}
p.form-item small
{
  font-size: 10px;
  font-style: italic;
  display: block;
}
p.form-item label
{
  display: block;
  font-weight: bold;
}
#kontaktform-cbox
{
  float: right;
  margin-right: 50px;
}
#kontaktform-cbox label
{
  padding-bottom:2px;
}
#kontaktform-cbox small
{
  padding-left: 10px;
  display: inline;
  float: left;
}
#kontaktform-cbox input
{
  float: left;
}
#kontaktform-cbox p.form-item
{
  padding-bottom: 15px;
}

#kontaktform-submit .form-submit
{
  margin-top:20px;
  width: 210px; 
  margin-left: 150px;
}
.charlimitinfo
{
  text-align: right;
}

/********************************
 * SEARCH
 */


/********************************
 * HOME
 */


/********************************
 * PAGE
 */
.page
{  
  padding:0 20px 10px ; 
  font-size: 1.1em; 
  line-height: 1.3;  
}
.page p 
{
  text-align: justify; 
  padding: 8px 0;   
}
.page ul 
{
  padding: 5px 20px; 
  list-style: outside disc 
}
.page ol 
{
  padding: 5px 20px; 
  list-style: outside decimal
}
.page a 
{
  text-decoration: none; 
  font-weight: normal; 
  color:#85A9D2;
}
.page a:hover 
{ 
  text-decoration: underline; 
}

.page strong { color: #fff;}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 
{
  font-size: 1.2pt;
  font-family: "Trebuchet MS"; 
  font-weight: bold;
  margin:5px 0 5px 0;
  color: #fff;
  
}

.page h1 {  font-size: 18px; }
.page h2 {  font-size: 16px; }
.page h3 {  font-size: 15px; }
.page h4 {  font-size: 14px; }
.page h5 {  font-size: 13px; }
.page h6 {  font-size: 12px; }


.page img 
{
  margin:5px 10px; 
  border: 1px solid #242729;  
  padding: 1px;
}
.page a:hover img
{
  border: 1px solid #85A9D2;
}

.page img.prawa {float:right; margin-right: 0;}
.page img.lewa {float:left; margin-left:0;}

.page img.nb 
{
  margin: 0px; 
  padding: 0px; 
  border: 0px solid #1f3036
}
.iframe 
{
  margin:5px 10px;  
  padding: 3px; 
  border: 1px solid #242729; 
  text-align: center;
}

.page table
{ 
  margin: 5px 0 25px 0; 
  font-size: inherit; 
}
.page td,
.page th
{ 
  padding: 2px;  
  vertical-align: top;
}
.page th 
{ 
  color: #000; 
  text-align: left; 
  font-weight: normal;
  padding-bottom: 10px;
}



/********************************
 * TEMP
 */
#radioaspekt
{
  position: absolute;
  margin: 0px 0 0 330px;
}

/********************************
 * OTHERS
 */
.hr,
.hr-news
{ 
  border-bottom:1px solid #c7c7c7;
  clear: both; 
  font-size: 1px; 
  height:1px; 
}
.hr-news 
{
  height:20px; 
  width: 200px; 
  margin: 0 auto;
}

.ui-tabs-hide { display: none; }

.noramka{padding:0; margin:0; border:0;}

#debug
{
  text-align: left; 
  margin-top:900px; 
} 
#debug textarea 
{
  font-size: 12px; 
  width:95%; 
  height: 500px;
}
.error404
{ 
  text-align: center; 
  font-weight: bold; 
  padding:20px;
  margin-top: 220px;
}
p.error404 {}

.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}

.clear,
.clear30,
.clear45,
.clear60 
{
  clear: both; 
  font-size:1px; 
  height: 1px;
}
.clear30 {height: 30px;}
.clear45 {height: 45px;}
.clear60 {height: 60px;}

.center{ text-align: center;}