/*
      Created by Damian Boni
	  Visit My Portoflio at:
	  htt[://www.damianboni.com	  
	  
*/

/* CSS Document */
@charset "utf-8";
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {width:100%; background-color:#433727;  }
body a {text-decoration:underline; color:#ccb685; }
body a:hover {text-decoration:underline; color:#eee7cd; }
#wrapper { width:100%; margin-left:auto; margin-right:auto; }
#header { float:left; width:100%; height:60px; margin-top:40px; }
#lines1 {float:left; width:100%; height:70px; background-image:url(images/back.png); z-index: -1; position:absolute; margin-top:-10px; }
#czacha {float:left; width:355px; height:193px; background-image:url(images/czacha.png); z-index: -2; position:absolute; margin-top:-70px; margin-left:50px; }
#logo {float:left; width:368px; height:54px; background-image:url(images/logo.png); z-index: 0; position:absolute; margin-top:0px; margin-left:450px; }
#menuback {float:left; background-color:#000; width:225px; height:334px; opacity: 0.3; filter:alpha(opacity=30); margin-left:103px; margin-top:23px; z-index:0;  }
#home { float:left; width:105px; height:105px; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); margin-left:-220px; margin-top:27px; z-index: 1; }
#home:hover { float:left; width:105px; height:105px; background-color:#000; opacity: 0.0; filter:alpha(opacity=0); margin-left:-220px; margin-top:27px; z-index: 1; }

#news { float:left; width:105px; height:105px; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); margin-left:-110px; margin-top:27px; z-index: 1; }
#news:hover { float:left; width:105px; height:105px; background-color:#000; opacity: 0.0; filter:alpha(opacity=0); margin-left:-110px; margin-top:27px; z-index: 1; }
#dysk { float:left; width:105px; height:105px; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); margin-left:-220px; margin-top:137px; z-index: 1; }
#dysk:hover { float:left; width:105px; height:105px; background-color:#000; opacity: 0.0; filter:alpha(opacity=0); margin-left:-220px; margin-top:137px; z-index: 1; }
#gale { float:left; width:105px; height:105px; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); margin-left:-110px; margin-top:137px; z-index: 1; }
#gale:hover { float:left; width:105px; height:105px; background-color:#000; opacity: 0.0; filter:alpha(opacity=0); margin-left:-120px; margin-top:137px; z-index: 1; }
#skle { float:left; width:105px; height:105px; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); margin-left:-220px; margin-top:247px; z-index: 1; }
#skle:hover { float:left; width:105px; height:105px; background-color:#000; opacity: 0.0; filter:alpha(opacity=0); margin-left:-220px; margin-top:247px; z-index: 1; }
#kont { float:left; width:105px; height:105px; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); margin-left:-110px; margin-top:247px; z-index: 1; }
#kont:hover { float:left; width:105px; height:105px; background-color:#000; opacity: 0.0; filter:alpha(opacity=0); margin-left:-110px; margin-top:247px; z-index: 1; }
#ho {float:left; width:60px; height:21px; background-image:url(images/home.png); z-index:0; position:absolute; margin-left:145px; margin-top:205px; }
#ne {float:left; width:64px; height:21px; background-image:url(images/news.png); z-index:0; position:absolute; margin-left:255px; margin-top:205px; }
#dy {float:left; width:56px; height:22px; background-image:url(images/dysk.png); z-index:0; position:absolute; margin-left:150px; margin-top:315px; }
#ga {float:left; width:78px; height:19px; background-image:url(images/galeria.png); z-index:0; position:absolute; margin-left:240px; margin-top:315px; }
#sk {float:left; width:62px; height:22px; background-image:url(images/sklep.png); z-index:0; position:absolute; margin-left:145px; margin-top:425px; }
#ko {float:left; width:83px; height:21px; background-image:url(images/kontakt.png); z-index:0; position:absolute; margin-left:235px; margin-top:425px; }
#box {float:left; width:553px; height:333px; background-color:#000; opacity: 0.3; filter:alpha(opacity=30); z-index: -1; position:absolute; margin-left:340px; margin-top:123px; }
#box2 {float:left; width:543px; height:323px; background-image:url(images/s.jpg); opacity: 0.5; filter:alpha(opacity=50); z-index: 1; position:absolute; margin-left:345px; margin-top:128px; color:#FFF; }

#box3 {float:left; width:543px; height:323px; background-image:url(images/z.jpg); opacity: 0.5; filter:alpha(opacity=50); z-index: -1; position:absolute; margin-left:345px; margin-top:128px; }
#box4 {float:left; width:543px; height:323px; background-image:url(images/w.jpg); opacity: 0.5; filter:alpha(opacity=50); z-index: -1; position:absolute; margin-left:345px; margin-top:128px; }
#box5 {float:left; width:543px; height:323px; background-image:url(images/x.jpg); opacity: 0.5; filter:alpha(opacity=50); z-index: -1; position:absolute; margin-left:345px; margin-top:128px; }
#box6 {float:left; width:543px; height:323px; background-image:url(images/v.jpg); opacity: 0.5; filter:alpha(opacity=50); z-index: -1; position:absolute; margin-left:345px; margin-top:128px; }
#box7 {float:left; width:543px; height:323px; background-image:url(images/c.jpg); opacity: 0.5; filter:alpha(opacity=50); z-index: -1; position:absolute; margin-left:345px; margin-top:128px; }
#box8 {float:left; width:543px; height:323px; background-image:url(images/b.jpg); opacity: 0.5; filter:alpha(opacity=50); z-index: -1; position:absolute; margin-left:345px; margin-top:128px; }
#box9 {float:left; width:543px; height:323px; background-image:url(images/s.jpg);  z-index: 1; position:absolute; margin-left:345px; margin-top:128px; color:#FFF; }
#content { float:left; width:790px; height:310px; background-color:#433727; margin-left:-225px; margin-top:370px; margin-bottom:50px; }

#buttony {float:left; width:100%; height:40px; background-color:#433727; margin-top:-5px; }

#koncerty {float:left; width:200px; height:40px; background-color:#000;}
#kon {float:left; width:95px; height:24px; background-repeat:no-repeat; background-image:url(images/kon.png); margin:10px 0 0 35px; }
#konst {float:left; width:27px; height:27px; background-image:url(images/st.png); margin:5px 0 0 35px; }
#konst2 {float:left; width:27px; height:27px; background-image:url(images/st2.png); margin:5px 0 0 35px; }

#wywiady {float:left; width:200px; height:40px; background-color:#000; margin-left:50px;}
#wyw {float:left; width:115px; height:24px; background-repeat:no-repeat; background-image:url(images/wyw.png); margin:10px 0 0 35px; }
#wywst {float:left; width:27px; height:27px; background-repeat:no-repeat; background-image:url(images/st.png); margin:5px 0 0 15px; }
#wywst2 {float:left; width:27px; height:27px; background-image:url(images/st2.png); margin:5px 0 0 15px; }

#media {float:left; width:200px; height:40px; background-color:#000; margin-left:50px;}
#med {float:left; width:125px; height:21px; background-repeat:no-repeat; background-image:url(images/med.png); margin:10px 0 0 35px; }
#medst {float:left; width:27px; height:27px; background-image:url(images/st.png); margin:5px 0 0 5px; }
#medst2 {float:left; width:27px; height:27px; background-image:url(images/st2.png); margin:5px 0 0 5px; }

#titlebar { float:left; width:100%; height:30px; background-image:url(images/back.png); margin: 10px 0 0 0px; }
#title1  {float:left; font-family:arial; font-size:18px; color:#c69c6d; margin:5px 0 0 15px; }
#title2  {float:left; font-family:arial; font-size:18px; color:#c69c6d; margin:5px 0 0 335px; }


.textbox {float:left; width:50%; height:190px; background-color:#433727; }
.text { float:left; font-family:arial; font-size:12px; color:#ccb685; font-weight:bold; padding:15px; text-align:left; }
.czytaj {float:right; width:22px; height:17px; background-image:url(images/red.png); }
.czytaj:hover {float:right; width:22px; height:17px; background-image:url(images/red2.png); }


#titlebarbottom { float:left; width:100%; height:30px; background-image:url(images/back.png); margin: 10px 0 0 0px; }


#footer {float:left; width:100%; height:160px;  }
#hip-hop {float:left; width:209px; height:68px; background-image:url(images/hip-hop.png); margin-top:-50px; margin-left:120px; opacity: 0.3; filter:alpha(opacity=30); }
#hip-hop:hover {opacity: 1.0; filter:alpha(opacity=100); }
#rapgra {float:left; width:229px; height:48px; background-image:url(images/rapgra.png); margin-top:-40px; margin-left:80px; opacity: 0.3; filter:alpha(opacity=30); }
#rapgra:hover { opacity: 1.0; filter:alpha(opacity=100); }
#media77 {float:left; width:159px; height:74px; background-image:url(images/media77.png); margin-top:-50px; margin-left:80px; opacity: 0.3; filter:alpha(opacity=30); }
#media77:hover { opacity: 1.0; filter:alpha(opacity=100); }
#footerbar {  width:100%; height:30px; background-image:url(images/back.png); margin-top:25px; }
#text2 { float:left; margin-left:190px; font-family:arial; font-size:12px; color:#ccb685; font-weight:bold; padding:5px; margin-top:3px; }
#s1 {float:left; width:100%; height:332px; position:absolute; margin-left:0px; margin-top:124px; background-image:url(images/back.png); z-index: -3; }
#s2 {float:left; width:800px; height:332px; position:absolute; margin-left:105px; margin-top:124px; background-color:#433727; z-index: -2; }
#s3 {float:left; width:20px; height:332px; position:absolute; margin-left:90px; margin-top:124px; background-color:#433727; z-index: -2; }
#lady {float:left; width:228px; height:330px; position:absolute; background-image:url(images/lady.png); z-index: -1; margin-left:103px; margin-top:125px; }