body{background: url('img/background.jpg') repeat-x; color:#770047; font-family:arial;  }

a{text-decoration:none;}

h3{font-size:12px;}
p{font-size:15px; line-height:18px;}
img{border:1px solid #770047;}

#top, #content, #footer {position:relative;}
#content{overflow:hidden; }
#top{background:url('img/bgTop.jpg') no-repeat center top; }
#footer{background:url('img/bgFooter.jpg') no-repeat center top; height:175px;margin-top:36px;}


#dekoracje-sal-i-kosciolow, #kompozycje, #bukiety-slubne{float:right; border:0;}
#dekoracje-sal-i-kosciolow{margin:-60px 0 0;}
#kompozycje, #bukiety-slubne{margin:-45px 0 0;}

/*
 * Helpers
 */

.center{margin:0 auto; position:relative; }
.left{float:left;} .right{float:right;}
.clear{clear:both;}
.text-indent{text-indent: -100001px; cursor:pointer;}
.fb{display:block; background:url('img/fb.png'); width:38px; height:28px; position:absolute; left:270px; top:156px;}
.fb:hover{height:31px;top:153px;}
.active{text-decoration: underline}
.margin{margin:0;}


.strips{width:880px; height:30px; background:url('img/strips.jpg') no-repeat; margin:0 auto;}
.strips_down{background:url('img/bgOther.jpg') no-repeat center center; height:30px;margin:10px 0;}

.center{width:880px;}

.more a{background:url('img/buttonMore.png') no-repeat; width:126px;height:18px; display:block; text-indent:-10001px;}
.more a:hover{background-position:0 -18px;}

/*
 * TOP
 */

#top{height:275px;}
#top h1 a{display:block; height:141px;width:406px; position:absolute; right:30px; top:26px; text-indent:-10001px; overflow:hidden;}

/*
 * Footer
 */
#navFooter, #footer .info{}
#footer .info{font-size:11px; color:#5a5a5a;}
#footer .center{height:100%;}
#navFooter{display:inline; font-size:11px;color:#5a5a5a;}
#navFooter li{display:inline; margin:0 5px;}
#navFooter a{color:#5a5a5a;}
#navFooter a:hover{color:#1a1a1a;}

#footer .item{position:absolute; bottom:15px; font-family:Arial;}
#footer .item1{left:30px; z-index:2; color:#acadad;	}
#footer .item2{margin:0 auto; text-align:center; z-index:1; left:335px; color:#acadad;}
#footer .item3{right:60px;z-index:2; color:#acadad;}
/*
 * lineHr
 * item: all / item1: width-312px / item2: width-525px
 */

div.hr.item{background:url('img/lineHr.png') no-repeat; height:1px; border:0; display:block; padding:0; margin:10px 0; }
div.hr.item1{width:312px; background-position:0 0;}
div.hr.item2{width:525px; background-position:0 -1px;}
/*
 * textHeader
 * item: all / item1: Polecamy / item2: O nas / item3: Oferta / item4: Linki / item5: Wspolpraca
 */


h2.item{background:url('img/textHeader.png') no-repeat; height:48px; text-indent:-100001px; overflow:hidden;}
h2.item1{width:134px; background-position:0 0; }
h2.item2{width:92px; background-position:-134px 0;}
h2.item3{width:93px; background-position:-227px 0;}
h2.item4{width:68px; background-position:-320px 0;}
h2.item5{width:153px; background-position:-388px 0;}

#content #inner {margin:-20px 0 0;}
/*
 * item1: Home
 */
#content.item1 #inner div.left{width:330px;}
#content.item1 #inner div.left img{float:left;margin:0 10px 0 0;}
#content.item1 #inner div.left h3{margin:0 0 5px; font-size:15px;}
#content.item1 #inner div.left p, #content.item1 #inner div.right p, #content.item2 #inner p{margin:5px 0; font-size:14px; line-height:16px;}
							  #content.item1 #inner div.right p{width:350px; margin:0 0 15px;}
							  #content.item1 #inner div.right .more a{margin:20px 0 0;}
							  #content.item2 #inner p{margin:15px 0;}
							  
#content.item1 #inner .box{clear:both}
#content.item1 #inner div.right{width:540px; height:330px;background:url('img/imgHomeAbout.jpg') no-repeat bottom right; }

/*
 * item2: AboutUs
 */

#content.item2{background:url('img/bgItem2.jpg') no-repeat center bottom; min-height:696px; height:696px;}


/*
 * item3: Offer
 */

#content.item3 #inner p{font:normal 13px arial;}
#content.item3 #inner ul.item1{margin:15px auto; width:870px; text-align:center;}
#content.item3 #inner ul.item1 li{display:block; color:black; width:280px; height:188px; float:left;margin:4px;}
#content.item3 #inner ul.item1 li a img{border:1px solid #ccc;}
#content.item3 #inner ul.item2{margin:0 auto; text-align:center; }
#content.item3 #inner ul.item2 li{display:block; float:left; margin:0 10px;}
#content.item3 #inner ul.item2 li img{width:137px; height:92px;)}
#content.item3 #inner p{width:870px;}

#content.item3 #inner ul.paging {display:inline-block;}
#content.item3 #inner ul.paging li{display:inline; }
#content.item3 #inner ul.paging li.nr {margin:0 5px;}
#content.item3 #inner ul.paging li a{float:left;}
#content.item3 #inner ul.paging li.nr a, #content.item3 #inner ul.paging li.nr a.active{margin:0 2px; text-decoration:none; color:#b9b9b9; text-align:center;display:block; width:15px; font:normal 12px arial; border:1px solid #ccc; padding:5px 5px 6px;}
#content.item3 #inner ul.paging li.nr a:hover{color:#801153;}
#content.item3 #inner ul.paging li.nr a.active{background:#fef0f7;color:#801153; font-weight:bold;}

ul li.prev a, ul li.next a{display:block; background:url('img/buttonPage.jpg') no-repeat;width:26px;height:28px;}
ul li.next a{background-position:-26px 0;}
/*
 * item4: Links
 */
#content.item4{background:url('img/bgItem4.jpg') no-repeat center bottom; min-height:696px;}
#content.item4 #inner div.margin{margin:0 2px 20px; overflow:hidden;}
#content.item4 #inner div.margin p{float:left; position:relative; top:16px; left:20px; font-size:15px;}
#content.item4 #inner a{color:#770047; font:normal 15px arial;}
#content.item4 #inner a:hover{text-decoration:underline;}
#content.item4 #inner a img{ border:none; }
/*
 * item5: Partnership
 */
#content.item5 #inner a {color:#770047;}
#content.item5, #content.item5 #inner{min-height:677px; overflow:hidden;}
#content.item5 #inner div.margin{margin:20px 2px 20px; overflow:hidden;}
#content.item5 #inner div.margin p{ position:relative;left:10px; }


/*
 * item6: Contat
 */
#content.item6 #inner{margin:0 0 50px;}
#content.item6 #inner .column-2 .left p a:hover, #content.item6 #inner .column-2 .right p a:hover{color:#801153;}
#content.item6 #inner .column-2 .left p a{color:#5a5b5b; font:normal 18px Arial;}
#content.item6 #inner .column-2 .right p a{color:#5a5b5b; font:normal 13px Arial;}
#content.item6 #inner h2{color:#801153; text-transform: uppercase}
#content.item6 #inner .column-1{background:url('img/contactUs.jpg') no-repeat right; width:879px; min-height:255px; margin:-30px 0 0 -15px;}
#content.item6 #inner .column-1 p{width:430px; margin:10px 0 0; color:#b5b5b5;}
#content.item6 #inner .column-2{background:url('img/bgContactCol-2.jpg') no-repeat top;  padding:30px 0 0;}
#content.item6 #inner .column-2 .left{background:url('img/columnLeft-2.png') no-repeat right top; padding:10px 0 0; min-height:200px; width:500px;}
#content.item6 #inner .column-2 .left p{width:300px; color:#b5b5b5;}
#content.item6 #inner .column-2 .right{text-align:left; float:left; width:330px; padding:10px 0 0;}

#content.item6 #inner .column-2 h2.item{text-indent:-10001px; height:15px; background:url('img/textContact.png') no-repeat; }
#content.item6 #inner .column-2 h2.item1{background-position:0 0; width:114px;}
#content.item6 #inner .column-2 h2.item2{background-position:-114px 0; width:249px; }
#content.item6 #inner .column-2 h2.item3{background-position:-363px 0; width:189px; }

#content.item6 #inner .column-2 .right form{margin:20px 0 0;}
#content.item6 #inner .column-2 .right form div{margin:10px 0;}
#content.item6 #inner .column-2 .right form label{display:block; font-size:13px; color:#bdbdbd; margin:5px 0; font-family:arial}
#content.item6 #inner .column-2 .right form input[type=text], #content.item6 #inner .column-2 .right form textarea{width:313px;}
#content.item6 #inner .column-2 .right form input[type=text]:focus, #content.item6 #inner .column-2 .right form textarea:focus{color:#770047; }
#content.item6 #inner .column-2 .right form textarea{height:150px;}

#content.item6 #inner .column-2 .right form input[type=submit]{background:url('img/buttonSend.png') no-repeat; cursor:pointer; width:188px;height:27px; border:0;}
#content.item6 #inner .column-2 .right form input[type=submit]:hover{background-position:0 -27px; }

/*
 * item7: offerStyle
 */

#content.item7 #inner ul li{margin:15px auto;}
#content.item7 #inner ul li a img{border:none;}


/*
 * menu
 */

#top ul{position:absolute; right:0;top:184px;}
#top ul li{text-indent: -100000001px; overflow:hidden; display:inline;}
#top ul li a{display:block; background:url('img/buttonMenu.png') no-repeat; height:54px; float:left;}

#top ul li.item1 a{background-position:0 -54px;width:105px;}
#top ul li.item1 a:hover, #top ul li.item1 a.active{background-position:0 0;}

#top ul li.item2 a{background-position:-105px -54px;width:106px;}
#top ul li.item2 a:hover, #top ul li.item2 a.active{background-position:-105px 0;}

#top ul li.item3 a{background-position:-211px -54px;width:83px;}
#top ul li.item3 a:hover, #top ul li.item3 a.active{background-position:-211px 0;}

#top ul li.item4 a{background-position:-294px -54px;width:151px;}
#top ul li.item4 a:hover, #top ul li.item4 a.active{background-position:-294px 0;}

#top ul li.item5 a{background-position:-455px -54px;width:104px;}
#top ul li.item5 a:hover, #top ul li.item5 a.active{background-position:-455px 0;}


.notification {
	cursor: pointer;
	clear: both;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	position: relative;
    padding:5px 15px;
    margin:15px 15px 0;
}
.notification  p {
	color: #333;
    margin-top: 5px;
    margin-left: 40px;
	line-height: 40px;
}

.error {
	border: 2px solid #EB5339;
	background-color: #F5B5A9;
}

.success {
	background-image: url(../../adm/images/accept.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #99C600;
	background-color: #E2FF7D;
}
.success p{margin:4px 0 0 50px;}

.failure {
	background-image: url(../../adm/images/exclamation.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #EB5339;
	background-color: #F5B5A9;
}


div.sc_menu {

	/* Set it so we could calculate the offsetLeft */

	position: relative;

	height: 145px;

	width: 800px;

	overflow: auto;
	text-align:center;
	margin:0 auto;
}

ul.sc_menu {

	display:inline-block;
	/* max width here, for users without javascript */	

	width: 1500px;	


	/* removing default styling */

	margin: 0;

	background: url('navigation.png');		

	list-style: none;

}

.sc_menu li {
	display: block;
	float: left;	
}


.sc_menu span {
	display: none;
	text-align: center;
	font-size: 12px;	
	color: #fff;
}

.sc_menu a:hover span {
	display: block;
}

.sc_menu a:hover img {

	filter:alpha(opacity=50);	

	opacity: 0.5;

}

a.buttonBack{background:url('img/buttonBack.jpg') no-repeat; width:57px; height:14px; display:block; position:absolute; right:15px; bottom:9px; text-indent:-10000001px; z-index:999999;}
a.buttonBack:hover{background-position:0 -15px;}