/*-----------------------------------*/
/* CSS file - Katarzyna Borek        */
/* website by Łukasz Farysej         */
/* lfarysej@gmail.com                */
/*-----------------------------------*/



@charset "utf-8";


/*---------------------------------------------------*/
/* ELEMENTY GLOBALNE                                 */
/*---------------------------------------------------*/

* { margin: 0px; padding: 0px; border: none; }
.clr { clear: both; }
.right_side {text-align:right; }
.nomargin { margin:0px; padding:0px;}
ul { list-style:none; }
.content ul li { padding-left:30px; background: url(bullet.png) no-repeat 6px 6px; margin-bottom:10px; }


a { color:#d78287; text-decoration:none;}
a:hover { text-decoration:underline;}
/* Firefox kropkowana linia - usunąć */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

a.pdf { padding-left:20px; background: url(document-pdf-text.png) no-repeat left; }
a.out { padding-left:20px; background: url(application-export.png) no-repeat left; }

p { padding-bottom:10px; font-size: 11px; line-height: 16px; }
.grey { color:#666666;}

h1 { color:#d78287; padding-bottom:10px;}
h2 { color:#d78287; padding-bottom:10px;}
h3 { padding-bottom:10px;}

/*  CONTENERY    */

html { height:100%;}
body { font: 11px Tahoma, Arial, sans-serif; color: #fff; background: #000 url(bg_all.jpg) no-repeat center top; height:100%; }
.bodyContainer { width:1000px; margin:0px auto; height:100%; }

.leftbar { width:200px; float:left; }
.leftbar .menu { margin-bottom:70px; margin-top:10px; }
.leftbar .menu ul li { text-align:right; }
.leftbar .menu ul li a { display:block; padding:0px 20px 0px 0px; zoom:1; cursor:pointer;}
.leftbar .menu ul#langMenu li a { cursor:pointer; font-size:18px; color: #FFFFFF; }
.leftbar .menu ul#navMenu li a { cursor:pointer; font-size:24px; color: #FFFFFF; }

.leftbar .menu ul li a:hover { text-decoration:none; background-color:#000000; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}

.leftbar .menu ul li.active a { background-color:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}



.rightbar { width:800px; float:left; background: url(content_bg.jpg) no-repeat center top; }

.logo { padding:10px 0px 20px 20px;}
.content { min-height:500px;}
.content .ins{ padding:20px 40px 20px 30px; }

.content .startPic { margin:15px 0px 20px 40px;}
#transflash { width:500px; float:left;}
#transition { margin:15px 0px 20px 40px; }
#translogo {  width:200px;float:left;  padding-top:100px;}
.img_fleft { float:left; margin:0px 10px 10px 0px}
.content .bioPic { margin:0px 0px 20px 60px;}

.tabSection { text-align:justify;}
.tabSection .tabMenu { padding-left:40px;}
.tabSection .tabMenu a { display:block; padding:12px 40px 10px 20px; float:left; font-size:18px; color:#FFFFFF; cursor:pointer;}
.tabSection .tabMenu a.active { background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  }
.tabSection .tabMenu a.inactive { color:#ffffff; }
.tabSection .tabMenu a:hover { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; text-decoration:none;}

.tabSection .tabContent  {  position:relative; overflow:hidden;  }
.tabSection .tabContent .tabTransparent { background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position:absolute; top:0px; left:0px;  z-index:0; height:1500px; width:100%;  }
.tabSection .tabContent .section { padding: 40px 50px 60px; position:relative; }
.tabSection .tabContent .section .textbox { width:290px; float:left; color:#FFFFFF; padding-right:60px; }

.tabSection .tabContent .section_wide { padding: 40px 0px 0px 0px; position:relative; }
.tabSection .tabContent .section_wide p.intro { text-align:center; color:#49161f;}

.section_wide .yearMenu { padding-left:40px;}
.section_wide .yearMenu a { display:block; padding:8px 20px 6px 20px; float:left; font-size:18px; color:#d8818a; cursor:pointer; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.section_wide .yearMenu a.active {  background-color:#000000; ilter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.section_wide .yearMenu a:hover {  text-decoration:none; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.section_wide .concert_list { padding:40px 50px 40px; background-color:#000000;}

.footer p { font-family: Optimer; font-size:14px; color:#666666; text-align:right; padding:5px 10px 5px 0px;}



.concert_list p { text-indent: -72px; padding-left:72px; }

.newsSection { margin-left:20px;}
.news { margin:0px 55px 30px 0px; text-align:justify; width:300px; float:left;}

.gallery { width:350px;}
.gallery img { padding:1px; background:#330709; margin-right:10px; margin-bottom:10px; float:left;}

img.fleft { float:left; margin:0px 20px 20px 0px; }
img.fright { float:right; margin:0px 0px 20px 20px; }

.descleft { float:left; margin:0px 20px 20px 0px; font-size:10px; color:#aaa; padding:5px; background-color:#0f0203;}
.descleft img {padding-bottom:5px;}

.descright { float:right; margin:0px 0px 20px 20px; font-size:10px; color:#aaa; padding:5px; background-color:#0f0203;}
.descright img {padding-bottom:5px;}

.reviewsSection {}
.review { width:300px; float:left; margin:0px 40px 40px 0px; text-align:justify;}


.contactBox { width:190px; float:left; margin:30px 0px 30px 0px;}

.article {}
.article .afleft { width:240px; float:left;}