/*
      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:1; position:absolute; margin-left:145px; margin-top:205px; }
#ne {float:left; width:64px; height:21px; background-image:url(images/news.png); z-index:1; position:absolute; margin-left:255px; margin-top:205px; }
#dy {float:left; width:48px; height:21px; background-image:url(images/disc.png); z-index:1; position:absolute; margin-left:150px; margin-top:315px; }
#ga {float:left; width:77px; height:23px; background-image:url(images/gallery.png); z-index:1; position:absolute; margin-left:240px; margin-top:315px; }
#sk {float:left; width:55px; height:23px; background-image:url(images/shop.png); z-index:1; position:absolute; margin-left:145px; margin-top:425px; }
#ko {float:left; width:76px; height:19px; background-image:url(images/contact.png); z-index:1; 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:auto; background-color:#433727; margin-left:-225px; margin-top:370px; margin-bottom:50px; }
#content2 { float:left; width:790px; height:auto; 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:88px; height:18px; background-repeat:no-repeat; background-image:url(images/concerts.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:112px; height:18px; background-repeat:no-repeat; background-image:url(images/interviews.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:65px; height:21px; background-repeat:no-repeat; background-image:url(images/media.png); margin:10px 40px 0 50px; }
#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; }
.title1:hover { color:#ccb685; }
.title2  {float:left; font-family:arial; font-size:18px; color:#c69c6d; margin:5px 0 0 275px; }
.title2:hover { color:#ccb685; }


.textbox {float:left; width:50%; height:auto; background-color:#433727; }
.textbox2 {float:left; width:100%; height:auto; 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; }


.btop { float:left; margin:30px 0 15px 0px; }


/*Concerts Box Start */
#concerts { float:left; width:300px; height:auto; }

.positionx {float:left; width:300px; background-image:url(images/back.png); margin: 10px 0 0 0; }
.dates { float:left; color:#ccb685; margin-left:5px; }
.cities { float:left; color:#FFF; margin-left:10px; }
.details { float:right; color:#ccb685; margin-left:10px; margin-right:5px; }
/*Concerts Box End */

/*Intervew Box Start */
#interview { float:left;  height:auto; }
#intertitle { float:left; color:#ccb685; font-size:14px; margin-top:10px; margin-bottom:5px; }
#interauthor { float:left; color:#c69c6d; }
#interpicture { float:right; background-image:url(images/lady.png); width:228px; height:330px; margin: 5px 5px 5px 5px;}

#intertext { float:left; width:65%; margin: 20px 0 0 0; }
.interp { float:left; color:#ccb685; margin:5px 0 0 0; }
.interq { float:left; color:#c69c6d; margin: 10px 0 0 0; }
.internick { float:left; color:#FFF; margin:5px 5px 0 0;}



/*Intervew Box End */


/*Media Box Start*/

#mediabox { float:left;  height:auto;}
.mediamovie { float:left; width:320px; height:265px; margin: 0 20px 20px 0; }


/*Media Box End*/




/* Contact Form  START*/

#kontaktform{ float:left; width:80px; height:auto; color:#CCC; font-family:tahoma; font-size:11px; font-weight:bold; margin:20px 0 0 20px; }
#sendoff{ width:54px; height:21px; border:0px; margin-top:5px; background-color:#000; color:#ccb685; font-weight:bold; }

.tytul { float:left; font-weight:bold; color:#ccb685; font-size:12px; margin:6px 0 2px 0;}

input
{
color:#ccb685;
background: #000;
border: 1px solid #666;
}
input:hover
{
color:#ccb685;
background: #000;
border: 1px solid #ccb685;
}
input:active
{
color:#ccb685;
background:#FFC;
border: 1px solid #999;
}
input:focus {
	background-color:#433727;
	border: 1px solid #ccb685;
}
textarea {
color:#ccb685;
background: #000;
border: 1px solid #666;

}
textarea:focus {
	background-color:#433727;
	border: 1px solid #ccb685;
}
textarea:hover {
	border: 1px solid #ccb685;
	
}


/* Contact Form End  */


.newspic { float:left; width:150px; height:80px; background-color:#000; margin:5px 10px 5px 0px; background-image:url(images/media77.png); background-repeat:no-repeat; }

#shop_login { float:left; margin-left:45%; }

#plyta { float:left; width:500px; height:500px; margin: 20px 0 0 20px;}
#tytcolumn { float:left; width:250px; height:auto; margin-left:300px; margin-top:-10px; }
#tyt { float:left; width:300px; height:30px;  background-image:url(images/back.png);}
#picu { background-image:url(images/zero.jpg); background-repeat:no-repeat; width:300px; height:300px; margin-top:50px;}
#buy { background-color:#000; width:140px; height:18px; margin:20px 0 0 60px; padding:10px;}
#buy2 { float:left; background-image:url(images/buy.png); width:134px; height:22px; }