/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Stylesheet: reset Modified On 2014-02-25 09:31:44 */
/* 
1. HTML BASICS 
2. LAYOUT
  2.1 MAIN CONTAINER
  2.2 ROWS
  2.3 COLS
3. HEADER
  3.1 EKLEKTIK SESSION LOGO
  3.2 SOCIAL MEDIA
  3.3 LANG MENU
4. MAIN MENU
5. LOGOTYPES
6. NEWS LIST
7. NEWSLETTER
8. STRONA GŁÓWNA
  8.1. BANNER
  8.2. LINE UP
  8.3  LINE UPPER
9. ARTYŚCI
10. BREADCRUMBS
11. LAYER
12. CONTENT
*/


/* 1. HTML BASICS */
body { background: #030C0D url(/uploads/gfx/body-bg.png) repeat-x 0 0; font: 15px 'Lato', sans-serif; line-height: 1.5; }

h1 { margin-bottom: 14px; font-size: 24px; font-weight: 700; color: #FFC809;  }
h2 { margin-bottom: 14px; font-size: 18px; font-weight: 700; }
h3 { margin-bottom: 14px; font-size: 14px; font-weight: 700; }

p { margin-bottom: 14px; }
ul { list-style: disc; margin-bottom: 14px; }
ol { list-style: decimal; margin-bottom: 14px; }
ul li, ol li { margin-bottom: 5px; margin-left: 20px; }
a { color: #FFC809; text-decoration: none; }

strong { font-weight: 700; }
em { font-style: italic; }

table td { vertical-align: middle; }


.section-title { font-size: 20px; font-weight: 700; margin-bottom: 0.75em; }
.to-left { float: left; margin: 0 20px 5px 0; }
.btn { display: inline-block; margin-bottom: 14px; padding: 7px 20px; background: #FFC809; border-radius: 1;  color: #000; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.btn:hover { background: #FFF; }

form div > div { overflow: hidden; clear: both; padding-bottom: 10px; }
form h2 { margin-top: 14px; }
form label { display: block; }
form input[type="text"] { width: 90%; padding: 5px; background: #FFF; border: 2px solid #CCC; font-size: 14px; }
form input[type="text"]:focus { background: #FAFAFA; border: 2px solid #FFC809; outline: 0; } 
form select { width: 90%; padding: 5px; }
form textarea { width: 90%; padding: 5px; background: #FFF; font-size: 14px; }
form input[type="submit"] { width: auto; padding: 5px 25px; margin-top:10px;
  background: #FFC809; font: bold 14px 'Lato', sans-serif; border: 0; outline: 0; cursor: pointer;
}
.checkbox { overflow: hidden; }
.checkbox div { margin-bottom: 10px; }
.checkbox label { float: right; width: 94%; margin: 0; }
.checkbox input { float: left; width: 4%; padding-top: 10px; }
.verror { color: #FFC809; }



/*#fancybox-title { display: none!important; }*/



/* 2. LAYOUT */

/* MAIN CONTAINER */
#main-container { width: 960px; margin: 20px auto; color: #F1F1F1;}

/* ROWS */
.row { overflow: hidden; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 2px solid #FFC809; }

/* COLS */
.col-9 { width: 960px; }
.col-7 { width: 745px; float: left; } 
.col-6 { width: 620px; float: left; margin-right: 20px; }
.col-5 { width: 532px; float: left; }
.col-3 { width: 320px; float: left; }
.col-2 { width: 213px; float: left; }

.container { overflow: hidden; }
.container .to-left { float: left; width:48%; }
.container .to-right { float: right; width:48%; }


/* 3. HEADER */
#header { position: relative; height: 60px; }

/* 3.1 EKLEKTIK SESSION LOGO */
#header #eklektik-session-logo { position: absolute; bottom: 0; left: 0; }

/* 3.2 SOCIAL MEDIA */
#social-media { position: absolute; bottom: 0; right: 0; cursor: pointer; }
#social-media ul { margin: 0; padding: 0; list-style: none; }
#social-media ul li { display: inline-block; margin: 0 0 0 25px; }
#social-media ul li a { display: inline-block; width: 32px; height: 32px; text-indent: -9999px; overflow: hidden; }
#social-media ul li.item1 a { background: url(/uploads/gfx/sprite1.png) no-repeat 0 0; }
#social-media ul li.item2 a { background: url(/uploads/gfx/sprite1.png) no-repeat -32px 0; }
#social-media ul li.item3 a { background: url(/uploads/gfx/sprite1.png) no-repeat -64px 0; }
#social-media ul li.item4 a { background: url(/uploads/gfx/sprite1.png) no-repeat -96px 0; }
#social-media ul li.item5 a { background: url(/uploads/gfx/sprite1.png) no-repeat -128px 0; }
#social-media ul li a:hover { background-position-y: -32px; }

/* 3.3 LANG MENU */
#lang-menu { position: absolute; top: 0; right: 0; }
#lang-menu a { color: #FFF; }
#lang-menu .active { color: #FFC809; }

/* 3.4 ADD LINKS */
#add-links { position: absolute; top: 0; right: 110px; }
#add-links ul { margin: 0; padding: 0; list-style: none; }
#add-links ul li { display: inline; margin: 0; }
#add-links ul li a { color: #FFF; }



/* 4. MAIN MENU */
#main-menu { overflow: hidden; margin: 20px 0 5px 0; height: 48px; border-top: 2px solid #FFC809; }
#main-menu ul { margin: 0; padding: 0; list-style: none; }
#main-menu ul li { margin: 0; display: inline-block; }
#main-menu a { display: inline-block; padding: 15px 38px 15px 0; color: #FFC809; font-size: 18px; font-weight: 700; text-decoration: none; }
#main-menu a:hover { text-shadow: 0 0 20px rgba(255,200,9,1); }



/* 5. LOGOTYPES */
#logotypes .row { padding: 0; }
#logotypes .col-6 { padding: 20px 0 0 0; background:url(/uploads/gfx/sprite1.png) no-repeat -960px 0; }
#logotypes .col-5 { width: 512px; margin-left: 20px; padding: 20px 0 0 0; background:url(/uploads/gfx/sprite1.png) no-repeat -960px 0; }
#logotypes .col-3 { padding: 20px 0 0 0; background:url(/uploads/gfx/sprite1.png) no-repeat -1600px 0; }
#logotypes .col-2 { padding: 20px 0 0 0; background:url(/uploads/gfx/sprite1.png) no-repeat -960px 0; }
#logotypes .section-title { color: #FFC809; font-size: 13px; text-transform: uppercase; }
#logotypes .desc { overflow: hidden; padding-top: 5px; font-size: 10px; text-transform: uppercase; }
#logotypes .desc .pl { float: left; width: 48%; }
#logotypes .desc .en { float: right; width: 48%; }



/* 6. NEWS LIST */
#news-list ul { margin: 0; padding: 0; list-style: none; }
#news-list ul li { margin: 0 0 20px 0; padding: 0; overflow: hidden; }
#news-list ul li .post-img { float: left; margin: 0 20px 10px 0; }
#news-list ul li .post-title { margin: 0 0 0.5em 0; padding font-size: 26px; font-weight: 700; }
#news-list ul li .post-date { margin: 0 0 5px 0; color: #CCC; font-size: 11px; }
#news-list ul li .post-summary{ margin: 0;}



/* 7. NEWSLETTER */
#newsletter {
  padding: 20px; margin-bottom: 20px; 
  background: #030B0B url(/uploads/gfx/line-up-day-bg.png) repeat-x 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.5) 
}
#newsletter form input#user-email { width: 260px; }
#newsletter input[type='submit'] { width: auto; padding: 7px 10px; background: #FFC809; color: #000; border:0; }
#newsletter .nms_error { color: #C00; font-size: 11px; margin-bottom: 5px; }


/* 8. STRONA GŁÓWNA */

/* 8.1. BANNER */
#banner { overflow: hidden; width: 960px; height: 336px; background: #022528; box-shadow: 0 0 20px rgba(0,0,0,0.75); }
#banner li { margin: 0; }
.bx-wrapper { position: relative; }
.bx-controls { display: none; position: absolute; top: 0; left: 0; }

/* 8.2. LINEUP */
#line-up { height: 120px; margin: 20px 0 100px 0; padding-top: 20px; border-top: 2px solid #FFC809; }
#line-up ul { list-style: none; margin: 0; padding: 0; }
#line-up ul li { 
  margin: 0; padding: 0; width: 225px; height: 120px; float: left;
  font-size: 22px; font-weight: 700; text-align: right; text-transform: uppercase; line-height: 1;
  background: #030B0B url(/uploads/gfx/line-up-day-bg.png) repeat-x 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.5)
}
#line-up ul li:nth-child(1), #line-up ul li:nth-child(2), #line-up ul li:nth-child(3) { margin-right: 20px; }
#line-up ul li a { 
  display: block; width: 185px; height: 80px; padding: 20px 20px;
  background: url(/uploads/gfx/sprite1.png) no-repeat -76px -64px;
}
#line-up ul li a .date { display: block; color: #F1F1F1; font-size: 42px;  margin-bottom: 15px; }
#line-up ul li a .title { border-top: 2px solid #FFC809; padding-top: 5px; font-size:16px }
#line-up ul li a:hover { 
  background: url(/uploads/gfx/sprite1.png) no-repeat 276px -64px;
  box-shadow: 0 0 50px rgba(255,200,9,0.33); text-shadow: 0 0 10px rgba(255,200,9,0.33); 
}
#line-up ul li a:hover .date { color: #FFC809; }

/* 8.3 LINEUPPER */
#line-upper { height: 120px; width: 960px; margin: 20px 0 0 0; padding-top: 20px; border-top: 2px solid #FFC809; font-size: 22px; background: #030B0B url(/uploads/gfx/line-up-day-bg.png) repeat-x 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.5);}


/* 9. ARTYŚCI */
.artysci-list { margin: 0; padding: 0; list-style: none; }
.artysci-list li { 
  float: left; width: 170px; margin: 10px 10px; padding-bottom: 10px;
  background: #030B0B url(/uploads/gfx/line-up-day-bg.png) repeat-x 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.5);
  cursor: pointer;
}
.artysci-list li:hover { color: #FFC809; box-shadow: 0 0 50px rgba(255,200,9,0.33); text-shadow: 0 0 10px rgba(255,200,9,0.33); }
.artysci-list .artysci-img { text-align: center; }
.artysci-list .artysci-list-name { padding: 10px; text-align: center; }
#site-artysci .layer .inner h1 .artysta-imie { display: block; color: #FFF; }
#site-artysci .layer .inner h1 .artysta-nazwisko { display: block; }



/* 10. BREADCRUMBS */
.breadcrumbs { padding-top: 20px; border-top: 2px solid #FFC809; margin-top: 15px; }


/* 11. LAYER - klasy dla warstw */
#layer-bg {
  z-index: 10000; position: absolute; top: 0px; display: none;
  width: 100%; height: 100%;
  background: #000; cursor: pointer;
}
.layer {
  z-index: 10001; position: absolute; top: 0px; left: 0px; 
  background: #04282B; box-shadow: 0 0 100px rgba(255,200,9,0.5);
  width: 800px; min-height: 400px;  display: none;
}
.layer .inner { position: relative; padding: 50px; }
.layer .inner h1 { padding: 10px 0; text-transform: uppercase; font-size: 48px; }
.layer .layer-close { 
  position: absolute; top: 20px; right: 20px; 
  display: block; width: 32px; height: 32px; 
  background: url(/uploads/gfx/sprite1.png) no-repeat -160px -32px;
  text-indent: -9999px;
}
.layer .layer-close:hover { background: url(/uploads/gfx/sprite1.png) no-repeat -160px 0; cursor: pointer; }


/* 12. CONTENT */
#content, #sidebar { line-height: 1.33; }

body #main-menu ul li a {padding-right:10px;}

/* Stylesheet: base Modified On 2014-11-27 15:45:06 */