/* CSS: style.css */
h1, h2, h3, h4, pre, body, html {
    margin: 0;
    padding: 0;
}

p {
    margin-top: 0;
    padding-top: 0;
}

a img,:link img,:visited img {
    border: none;
}

/**********************************************/
/* HEADINGS */
h1, h2, h3 {
    margin-bottom: 3px;
    line-height: 1.5em;
    font-family: Tahoma;
    font-weight: normal;
}

h4, h5, h6 {
    margin-bottom: 3px;
    line-height: 1.5em;
    font-family: Tahoma;
}

h1 {
    font-size: 18px;
    color: #15689a;
    font-weight: bold;
}

h2 {
    font-size: 14px;
    color: #CA001E;
    font-weight: bold;
}

h3 {
    font-size: 16px;
    color: #B26419;
    font-weight: normal;
}

h4 {
    font: normal 11px Verdana;
    color: #003366;
}

h5 {
    font-weight: normal;
    font-size: 1em;
}

td {
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

div {
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000;
	
}

body {
	background-color:#cacbcf;
    background-position: top;
    background-repeat: repeat-x;
    background-image: url(../../../graphics/bg-pattern.gif);
}

/******************************************************
 MAIN
 ******************************************************/ 
 #top {
    width: 901px;
    height: 285px;
    margin: auto;
    border-left: solid 1px #a2a2a2;
    border-right: solid 1px #a2a2a2;
	background-color:#000;
} #content {
    width: 901px;
    margin: auto;
	position:relative;
    border-left: solid 1px #a2a2a2;
    border-right: solid 1px #a2a2a2;
    background-color: #fafafa;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../../../graphics/content-pattern.gif);
} * html #speaker1{
	width:229px;
	height:171px;
	position:absolute;
	top:-142px;
	left:-147px;
	z-index:10;
	background-repeat:no-repeat;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.prorock.net.pl/site/graphics/speaker-left.png'); 
} #speaker1{
	width:229px;
	height:171px;
	position:absolute;
	top:-142px;
	left:-147px;
	z-index:3;
	background-repeat:no-repeat;
	background-image:url(../../../graphics/speaker-left.png);
} * html #speaker2{
	width:225px;
	height:179px;
	position:absolute;
	top:-142px;
	right:-147px;
	z-index:3;
	background-repeat:no-repeat;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.prorock.net.pl/site/graphics/speaker-right.png');
} #speaker2{
	width:225px;
	height:179px;
	position:absolute;
	top:-142px;
	right:-147px;
	z-index:3;
	background-repeat:no-repeat;
	background-image:url(../../../graphics/speaker-right.png);
}* html #gitara{
	width:178px;
	height:290px;
	position:absolute;
	bottom:-1px;
	right:-100px;
	z-index:3;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.prorock.net.pl/site/graphics/gitara.png');
}#gitara{
	width:178px;
	height:290px;
	position:absolute;
	bottom:-1px;
	right:-100px;
	z-index:3;
	background-repeat:no-repeat;
	background-image:url(../../../graphics/gitara.png);
}

/******************************************************
 menu
 ******************************************************/

#menu-top{
	position:relative;
	top:-30px;
	width:843px;
	height:49px;
	border-bottom:solid 1px #c5c5c5;
	padding-left:57px;
	left:0px;
	z-index:2;
}.menu-element{
	float:left;
	margin:0;
	padding:0;
}

/******************************************************
left
 ******************************************************/
#menu-left{
	width:199px;
	position:relative;
	border-top:solid 1px #a1a1a1;
	border-right:solid 1px #a1a1a1;
	border-bottom:solid 1px #a1a1a1;
	background-color:#dfdfe0;
}
.product-top{
	top:-31px;
	left:-8px;
	position:absolute;
	width:208px;
	height:31px;
	background-image:url(../../../graphics/produkty.gif);
}
.product-bottom{
	bottom:-31px;
	left:-8px;
	position:absolute;
	width:208px;
	height:31px;
	background-image:url(../../../graphics/kontakt-bottom2.gif);
}
.menu-content{
	margin-left:30px;
	background-color:#dfdfe0;
	width:159px;
}
.menu-content li{
	list-style-image:url(../../../graphics/li.gif);
}
.menu-content ul{
	padding:0;
	margin:5px 0 5px 0;
}
#kontakt{
	margin-top:100px;
	width:199px;
	padding:7px 0 7px 0;
	position:relative;
	border-top:solid 1px #a1a1a1;
	border-right:solid 1px #a1a1a1;
	border-bottom:solid 1px #a1a1a1;
	background-color:#dfdfe0;
}
.kontakt-top{
	top:-31px;
	left:-8px;
	position:absolute;
	width:208px;
	height:31px;
	background-image:url(../../../graphics/kontakt-top2.gif);
}
.kontakt-bottom{
	bottom:-31px;
	left:-8px;
	position:absolute;
	width:208px;
	height:31px;
	background-image:url(../../../graphics/kontakt-bottom2.gif);
}
.kontakt-content{
	color:#003366;
	margin-left:30px;
	background-color:#dfdfe0;
	width:159px;
}
/******************************************************
 main content
 ******************************************************/
#main-content{
	width:521px;
	float:left;
	margin-top:0px;
	padding:6px;
	min-height:738px;
}
.title{
	float:left;
	font-size:12px;
	color:#A1A1A1;
	font-weight:bold;
}.title form{
	padding-left:10px;
}.title select{
	width:150px;
	font-size:11px;
	background:#fff;
	border:solid 1px #3E3E3E;
}.cOpis{
	overflow:hidden;
	width:425px;
}
/******************************************************
 right
 ******************************************************/
#right2{
	top:35px;
	width:162px;
	float:right;
	margin-top:27px;
	position:relative;
	border-top:solid 1px #a1a1a1;
	border-left:solid 1px #a1a1a1;
	border-bottom:solid 1px #a1a1a1;
	background-color:#dfdfe0;
}
#right{
	width:162px;
	float:right;
	margin-top:27px;
	position:relative;
	border-top:solid 1px #a1a1a1;
	border-left:solid 1px #a1a1a1;
	border-bottom:solid 1px #a1a1a1;
	background-color:#dfdfe0;
}.reklamy-top{
	top:-31px;
	left:-1px;
	position:absolute;
	width:172px;
	height:31px;
	background-image:url(../../../graphics/reklamy.gif);
}.warsztaty-top{
	top:-31px;
	left:-1px;
	position:absolute;
	width:172px;
	height:31px;
	background-image:url(../../../graphics/warsztaty.gif);
}
.reklamy-bottom{
	bottom:-16px;
	left:-1px;
	position:absolute;
	width:172px;
	height:16px;
	background-image:url(../../../graphics/reklamy-bottom.gif);
}
.reklamy-content{
	font-size:12px;
	color:#3a3a3a;
	margin-top:7px;
	margin-left:7px;
	width:159px;
}
.reklamy-content embed{
	padding-bottom:5px;
}
.catImg img{
	border: 1px solid rgb(161, 161, 161);
}
/******************************************************
 footer
 ******************************************************/
#footer{
	width:100%;
	height:74px;
	text-align:center;
	background-repeat:repeat-x;
	background-image:url(../../../graphics/footer-pattern.gif);
}.txt1{
	padding-top:5px;
	font-weight:bold;
	font-size:10px;
	color:#3e3e3e;
	
}.txt1 span {
	color:red;
}.txt2{
	padding-top:5px;
	font-size:10px;
	color:#3e3e3e;
}.txt2 span {
	color:red;
}.txt2 a{
	padding-top:5px;
	font-size:10px;
	color:#3e3e3e;
	text-decoration:none;
}
/******************************************************
 FORM
 ******************************************************/ 
 #contact {
    border: 0;
    width: 405px;
    padding-left:60px;
    padding-top: 20px;
} #contact-content {
    padding-left: 20px;
    text-align: left;
}

fieldset.contact {
    border: 0 !important;
    width: 250px !important;
    padding: 0;
    text-align: left;
    width: 526px;
}

div.form {
    overflow: hidden;
    margin-bottom: 0.5em;
    clear: both;
} .label {
    display: block;
    float: left;
    text-align: left;
    padding: 2px 4px 0 0;
    font-weight: normal;
}

label {
    display: block;
    float: left;
    text-align: left;
    padding: 2px 4px 0 0;
    font-weight: normal;
}

input.text, textarea {
    border: 1px solid #000;
    background-color: #FFF;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
}

input.contact {
    border: solid 1px #3e3e3e;
    width: 400px;
    height: 22px;
}

select.contact {
    border: solid 1px #3e3e3e;
    width: 400px;
    height: 22px;
}

input.contact2 {
    border: none;
    width: 164px;
    height: 17px;
    font-size: 10px;
    color: #8a8a8a;
    background-color: #d7d7d7;
    background-repeat: no-repeat;
    background-image: url(../../../graphics/input_small.gif);
}

textarea.contact {
    border: solid 1px #3e3e3e;
    width: 400px;
    height: 171px;
}

textarea.contact2 {
    border: none;
    width: 164px;
    height: 106px;
    font-size: 10px;
    color: #8a8a8a;
    background-repeat: no-repeat;
    background-image: url(../../../graphics/textarea_small.gif);
}

form {
    margin: 0;
} #form-cont {
    padding: 65px 0px 0 9px;
} #form-cont2 {
    padding-left: 9px;
}
button
{
	margin-top:10px;
	background:none;
	font-size:11px;
	width:183px;
	border:1px solid black;
}

#search input 
{
	float:left;
	width:120px;
	padding-top:3px;
	border:solid 1px #a4a4a4;
	background-color:#fdfdfd;
	
}

#search
{
	height:24px;
	width:231px;

}

#search button
{
	width:61px;
	float:left;
	height:24px;
	margin:0px;
	border:none;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../../../graphics/search.gif);
}
/******************************************************
 LINK
 ******************************************************/
div#content-home a {
    text-decoration: none;
}

a {
    color: #003366;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}.normal {
    color: #000;
    font-size: 12px;
    padding-left: 23px;
    font-weight: bold;
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../../../graphics/menu_normal.gif);
} .normal:hover {
    color: #7c161c;
    text-decoration: none;
    background-image: url(../../../graphics/menu_active.gif);
} .active {
    color: #7c161c;
    font-size: 12px;
    font-weight: bold;
    padding-left: 23px;

}.cat-normal {
    color: #003366;
    font-size: 12px;
    font-weight: normal;
    list-style: none;

} .cat-normal:hover {
    color: #ff0000;
    list-style: none;
    text-decoration: none;

} .cat-active {
    color: #ff0000;
    font-size: 12px;
    font-weight: normal;
    list-style: none;

}

.GalleryImage{
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 14px 10px 0;
}

.GalleryTitle{
	text-align: center;
	width: 110px;
	overflow: hidden;
	padding: 3px 0 0 0;
	vertical-align:middle;
	
}

.MyImage{
	width: 115px;
	height: 74px;
	overflow: hidden;
	cursor: pointer;
	background:#fff;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

.MyImageBorder{
	border: 1px solid #A1A1A1;
	padding: 0px;
	width: 115px;
	height: 74px;
	background:#fff;
	overflow: hidden;
}

.stronicowanie a {
	color:#003366;
}
.stronicowanie a:hover{
	color:#fff;
	background-color:#003366;
	font-weight:bold;
}

.stronicowanie span {
	color:#fff;
	background-color:#003366;
	font-weight:bold;
}