@import url("lightbox.css");
@import url("common.css");
@import url("shop.css");
@import url("comments.css");
@import url("http://www.rafphotostudio.co.uk/js/tinymce-ralph.css");

td, th {
	font-size: 8pt;
	font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
}

img { border: 0px; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

input.text, textarea, select{  border: 1px solid #5c5c5c; }
textarea { padding: 3px; }

.error { color: #f00; }
.important{ color: #f00; }
.white { color: #fff; }
a.link, a:hover.link { color: #fff; font-weight: bold;}

hr{ height: 1px; background: #ccc; color: #ccc; border: 0px; }

h1{ font-size: 14pt; }
h2{ font-size: 13pt; }
h3{ font-size: 12pt; }
h4{ font-size: 11pt; }
h5{ font-size: 10pt; }
h6{ font-size: 9pt; }

a:focus, input:focus { -moz-outline-style: none; }
a, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.row-dark{ background: #fbfbfb; }
.row-clear{ background: transparent; }
.not-important{ color: #ccc; }

.tagi {
	margin: 10px 0;
	text-align: center;
}

body {
	background-color: #800003;
	background-image: url('img/bg.png');
	background-repeat: repeat-x;
	background-position: top left;
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	font-size: 10pt;
	color: #000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div#container-top {
	width: 960px;
	height: auto;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	text-align: left;
	background: url('img/bg-top.png') no-repeat top center;
}
	div#container-top ul{
		height: 19px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		div#container-top ul li{
			display: block;
			float: left;
			padding-left: 2px;
		}
	div#container-top div.logo{
		margin-top: 26px;
		height: 74px;
	}	
		
	div#container-top div.ad{
		margin-top: 30px;
		height: auto;
	}
	
	div#top-content{
		position: relative;
		font-size: 8pt;
		padding-top: 5px;
		background-color: #fff;
	}

		div#top-content img {
			vertical-align: middle;
		}
		
		div#top-content p{
			margin: 0px;
			padding: 0px;
		}
		div#top-content ul {
			float: right;
			margin-top: 2px;
			padding: 0px;
			list-style: none;
		}

			div#top-content ul li {
				float: left;
				display: block;
				padding: 0px 5px;
			}

				div#top-content ul li a,div#top-content ul li a:visited,div#top-content ul li a:active,div#top-content ul li a:hover
					{
					color: #666;
					text-decoration: none;
				}

				div#top-content ul li a:hover {
					color: #222;
				}

div#container-main {
	width: 960px;
	margin: 0px auto;
	margin-top: 0px;
	background: url('img/bg-main.png') repeat-y;
	text-align: left;
	position: relative;
	overflow: hidden;
}

	div#top-menu {
		margin-left: 155px;
		padding-left: 10px;
		padding-right:5px;
		width: 580px;
		background: #fff;
		padding-bottom: 2px;
		margin-top: 0px;
	}

		div#top-menu ul {
			width: 580px;
			list-style: none;
			display: block;
			margin: 0px;
			padding: 0px;
			border-right: 1px solid #b1b1b1;
			overflow: hidden;
		}

			div#top-menu ul li {
				float: left;
				width: 115px;
				height: 21px;
				border: 1px solid #b1b1b1;
				border-right: 0px;
				display: block;
				text-align: center;
				background: url('img/bg-menu-top.png') repeat-x top left;
			}

				div#top-menu ul li a,div#top-menu ul li a:hover,div#top-menu ul li a:visited,div#top-menu ul li a:active{
					padding-top: 2px;
					margin-bottom: -2px;
					display: block;
					width: 115px;
					height: 21px;
					font-weight: bold;
					color: #000;
					text-decoration: none;
				}
				div#top-menu ul li a:hover{
					background: url('img/bg-menu-top-hover.png') repeat-x top left;
					padding-top: 3px;
					margin-top: -1px;
					margin-bottom: -3px;
					z-index: 5;
				}

	div#sidebar-left {
		width: 155px;
		margin-top: -25px;
		margin-bottom: 100px;
		float: left;
	}

		div#sidebar-left h1 {
			margin: 0px;
			padding: 0px;
			background: url('img/bg-menu-left.png') repeat-x;
			font-weight: bold;
			font-size: 10pt;
			color: #fff;
			height: 25px;
			padding-left: 20px;
			padding-top: 6px;
			margin-bottom: -6px;
		}
		
		div#sidebar-left ul{
			border: 1px solid #cecece;
			background: #fff;
			margin: 0px;
			padding: 0px;
			list-style: none;
			overflow: hidden;
		}
			div#sidebar-left ul li{
			}
				div#sidebar-left ul li a, div#sidebar-left ul li a:visited,div#sidebar-left ul li a:hover,div#sidebar-left ul li a:active{
					padding-left: 25px;
					margin-right: -25px;
					padding-top: 4px;
					margin-bottom: -4px;
					margin-bottom: 0px;
					height: 20px;
					display: block;
					text-decoration: none;
					color: #242424;
					font-size: 9pt;
					background: url('img/li-menu-left.png') no-repeat 0px 4px;
					border-bottom: 1px solid #e8e8e8;					
				}
				
				div#sidebar-left ul li a.podmenu, div#sidebar-left ul li a.podmenu:visited,div#sidebar-left ul li a.podmenu:hover,div#sidebar-left ul li a.podmenu:active{
					background: url('img/li-podmenu-left.png') no-repeat 0px 4px;
				}
				div#sidebar-left ul li a:hover{
					background-image: url('img/li-menu-left.png');
					background-color: #f3f3f3;
				}
		
		div#sidebar-left div.ad{
			text-align: center;
			margin: 3px 0px;
		}
	div#sidebar-right{
		margin-top: -25px;
		width: 210px;
		float: right;
		overflow: hidden;
	}
		div#sidebar-right div.gallery{
			text-align: center;
			background-color: #fff;
			background-image: url('img/bg-sidebar-gallery.png');
			background-repeat: repeat-y;
			background-position: top center;
			position: relative;
			overflow: hidden;
			margin-bottom: 5px;
		}
			div#sidebar-right div.gallery h2{
				background: url('img/bg-sidebar-gallery-header.png') no-repeat top center;
				font-size: 8pt;
				margin: 0px;
				padding: 0px;
				padding-top: 2px;
				height: 35px;
				font-weight: normal;
			}
				div#sidebar-right div.gallery h2 a,
				div#sidebar-right div.gallery h2 a:visited,
				div#sidebar-right div.gallery h2 a:hover,
				div#sidebar-right div.gallery h2 a:active{
					color: #fff;
					text-decoration: none;
				}
				
			div#sidebar-right div.gallery div.dol-gal {
				width: 210px;
				height: 19px;
				position: relative;
				bottom: 0px;
				background: url('img/bg-sidebar-gallery-bottom.png') no-repeat center bottom;
			}
			
		div.box{
			background: #fff;
			color: #000;
			border-bottom: 1px solid #b36668;
			margin: 4px 0px;
			padding: 0px 5px 3px 5px;
		}
			div.box h2{
				border-bottom: 1px solid #f0f0f0;
				font-weight: bold;
				color: #fff;
				margin: 0px;
				padding: 0px;
				font-size: 9pt;
				background: url('img/bg-box-header.png') no-repeat top center;
				background-color: #858585;
				margin: 0px -5px;
				padding: 2px 0px;
				padding-left: 10px;
			}

	div#content {
		float: left;
		width: 560px;
		padding: 10px 15px;
		margin-right: -15px;
		margin-left: 2px;
		background: url('img/bg-content.png') no-repeat top left;
	}
div#container-footer {
	background: #5f0002;
	width: 100%;
	height: 50px;
	font-size: 8pt;
	color: #be0004;
	text-align: center;
	clear: both;
	margin-top: 2px;
}

	div#footer {
		width: 960px;
		margin: 0px auto;
		position: relative;
	}

	div#footer-left {
		position: absolute;
		left: 0px;
		top: -40px;
		width: 170px;
		padding-top: 55px;
		background: url('img/footer.png') no-repeat 15px 0px;
	}

	div#footer-center {
		background: url('img/bg-footer.png') no-repeat top center;
		color: #333;
		position: absolute;
		left:164px;
		width: 580px;
		height: 30px;
		overflow: hidden;
	}
		div#footer-center ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
			padding-top: 7px;
			margin-bottom: -7px;
		}
			div#footer-center ul li{
				display: inline;
				padding: 0px 5px;
			}
				div#footer-center ul li a, div#footer-center ul li a:hover,div#footer-center ul li a:visited,div#footer-center ul li a:active{
					color: #333;
					text-decoration: none;
				}
				div#footer-center ul li a:hover{
					text-decoration: underline;
				}
	div#footer-right {
		position: absolute;
		right: 0px;
		top: 0px;
	}

		div#footer-right ul {
			list-style: none;
		}
			div#footer-right ul li{
				display: block;
				float: left;
				padding: 0px 5px;
			}
				div#footer-right ul li a, div#footer-right ul li a:hover, div#footer-right ul li a:visited, div#footer-right ul li a:active{
					text-decoration: none;
					color: #be0004;
				}
				div#footer-right ul li a:hover{
					color: #fff;
				}
				
	div#realizacja {
		width: 960px;
		margin: 0px auto;
		position: relative;
		top: 35px;
	}

				
/** tabelka z formularzem logowania */
#login-left, #login-right{
	width: 50%;
	text-align: left;
	padding: 5px 10px;
}

#login-right{
	border-left: 1px solid #ccc;
}

#pay {
	width: 99%;
	text-align: left;
}

.tlo-paypal {
	position: relative;
	top: 40px;
	left: 130px;
	width: 304px;
	height: 114px;
	background-image: url(img/tlo-paypal.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 8pt;
}

.tlo-info {
	background-image: url(img/tlo-info.jpg);
}

.tlo-paypal p {
	padding: 20px;
	line-height: 15px;
}

.paypal {
	position: relative;
	top: 60px;
	left: 245px;
}

										/* -- galeria foto-- */

.menu-item {
	border:1px solid #CFD3D8;
	height:125px;
	width:125px;
	text-align:center;
	vertical-align:middle;
}

.width {
	width: 120px;
}

.height {
	height: 120px;
}

.menu-item-2 {
	border:1px solid #CFD3D8;
	height: 63px;
	width: 63px;
	text-align:center;
	vertical-align:middle;
}

.width-min {
	width: 60px;
}

.height-min {
	height: 60px;
}

.menu-item-3 {
	border:1px solid #CFD3D8;
	height: 105px;
	width: 105px;
	text-align:center;
	vertical-align:middle;
}

.width-sklep {
	width: 100px;
}

.height-sklep {
	height: 100px;
}

.menu-item:hover, .menu-item-2:hover, .menu-item-3:hover {
	border:1px solid #788A98;
	cursor:pointer;
}

.kontakt-top {
	width: 516px;
	height: 10px;
	background: url('img/kontakt-top.jpg');
	background-repeat: no-repeat;
}

.kontakt-middle {
	width: 516px;
	background: url('img/kontakt-tlo.jpg');
	background-repeat: repeat-y;
	vertical-align: top;
}

.kontakt-bottom {
	width: 516px;
	height: 87px;
	background: url('img/kontakt-bottom.jpg');
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;
}

.buton {
	margin: 6px 0;
}

.randphoto {
	height: 160px;
	width: 210px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}