/*
Theme Name: Tartak
Theme URI: http://www.jedrysek.pl/
Description:
Author: extract.pl
Version: 1.0
License:
License URI:
Tags: 
*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;	
	list-style: none;
}


body {
	background: url(images/bg.jpg);	
	font-family: Arial, Helvetica, sans-serif;
}

.hidden {
	display: none;	
}

.f-left {
	float: left;	
}

.wrapper {
	width: 960px;
	margin: 0 auto 0 auto;	
	z-index: 1200;
	position: relative;
}

.clear {
	clear:both; 
	width: 100%; 
	line-height:1px; 
	font-size:1px;
}

.sidebar {
	width: 235px;
	background: url(images/bg-sidebar.png);	
}

.top {
	height: 170px;
	position: relative;	
}

	.top .splash {
		position: absolute;
		top: 0;
		left: 0;
		height: 170px;
		width: 100%;
		background-position: center;	
	}

	.top .sidebar {
		height: 170px;
		position: relative;
		z-index: 1200;
	}
	
		.top .sidebar .logo {
			position: absolute;
			top: 20px;
			left: 35px;
		}
		
			.top .sidebar .logo a {
				display: block;
				background: url(images/logo.png) no-repeat;	
				width: 157px;
				height: 124px;
				text-indent: -2000pt;
			}

.button {
	background: url(images/bg-button.png);
	height: 220px;
	width: 220px;
	position: absolute;
	left: 600px;
	top: -150px;
}
			
.spacer {
	background: url(images/bg-spacer.jpg);
	height: 45px;	
}

	.spacer .wrapper .languages {
		background: #795831;
		padding: 3px 10px 3px 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		height: 20px;
		top: 9px;
		position: absolute;
		-moz-box-shadow: 0 0 4px #000;
  -webkit-box-shadow: 0 0 4px #000;
  box-shadow: 0 0 4px #000;
  right: 0;

	}
	
		.spacer .wrapper .languages li {
			float: left;	
			margin: 0 5px 0 5px;
		}
		
		.spacer .wrapper .languages li a {
			color: #fff;
			text-decoration: none;
			font-size: 12px;	
		}
		
		.spacer .wrapper .languages li a:hover {
			text-decoration: underline;
				
		}

.content {
	background: url(images/bg-content.jpg) repeat-x #faf9f4;
}

	.content .sidebar {
		float: left;
		height: 600px;	
		position: relative;
	}
	
		.content .sidebar ul {
			padding: 20px 5px 20px 0;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.content .sidebar .select {
			position: absolute;
			top: 20px;
			left: 3px;	
		}
		
			.content .sidebar ul li {
				margin: 0 0 0 3px;
			}
			
			.content .sidebar ul li.first {	
			}
			
				.content .sidebar ul li a {
					cursor: pointer;
					color: #fcfefc;
					text-decoration: none;
					font-size: 14px;	
					width: 225px;
					height: 32px;
					display: block;
					padding: 18px 0 0 20px;
				}
				
				.content .sidebar ul li p {
					cursor: default;
					color: #fcfefc;
					text-decoration: none;
					font-size: 14px;	
					width: 225px;
					height: 32px;
					display: block;
					padding: 18px 0 0 20px;
				}
				
				.content .sidebar ul li a:hover {
					text-decoration: underline;	
				}
				
				.content .sidebar ul li a.active {
				}
				
				.content .sidebar ul li a.active:hover {
					text-decoration: none;
				}
				
	.content .wrapper {
		background: url(images/bg-body.png) no-repeat 230px bottom;	
	}
				
	.content .body {
		float: right;
		width: 500px;	
		padding: 20px 0 0 0;
	}
	
		.content .body .content-viewer {
			width: 500px;
			height: 450px;
			overflow:hidden;	
			position: relative;
		}
		
			.content .body .content-viewer .container {
				position: absolute;	
			}
		
			.content .body .content-viewer .position {
				float: left;
				width: 500px;	
				margin-right: 30px;
			}

                        .content .body .content-viewer .position .cboxElement {
                            color: #046644;
                        }

                        .content .body .content-viewer .position .cboxElement:hover {
                            text-decoration: none;
                        }
	
		.content .body h1 {
			font-size: 24px;
			color: #046644;	
			margin-bottom: 20px;
		}
		
		.content .body p {
			font-size: 14px;
			color: #0e0805;
			line-height: 1.5;
			margin-bottom:15px;	
		}
		
		.content .body img {
			border: 3px solid #e3e0cf;
			padding:1px;	
		}
		
		.content .body .gallery {
			padding-top: 15px;
		}
		
			.content .body .gallery .gallery-item {
				float: left;
				margin-right: 5px;
			}
		
.footer {
	padding: 30px 20px 20px 20px;
	color: #fcfbf7;
	font-size: 14px;
}

	.footer p {
		margin-bottom: 15px;
		line-height: 1.5;	
	}

	.footer .right,
	.footer .left {
		float: left;
		width: 420px;
		padding: 20px;	
		background: url(images/bg-footer.png);
	}
	
	.footer .right {
		float: right;	
	}
	
	.footer .rright {
		float: left;	
	}
	
	.footer .rright {
		float: left;
		width: 420px;
		padding: 20px;	
		background: url(images/bg-footer.png);
	}
	
		.footer .left img {
			margin: 0 25px 15px 0;
			border: 2px solid #000;
			padding:1px;
			float: left;	
		}
		
		.footer .right .f-left {
			width: 200px;	
		}
		
		.footer .right .box {
			margin-bottom: 15px;	
		}
		
		.footer .right p {
			margin: 0;	
			font-size: 13px;
		}
		
		.footer .right a {
			color: #a5bf62;
			text-decoration: none;	
		}
		
		.footer .right a:hover {
			text-decoration: underline;	
		}

		.footer .rright .f-left {
			width: 200px;	
		}
		
		.footer .rright .box {
			margin-bottom: 15px;	
		}
		
		.footer .rright p {
			margin: 0;	
			font-size: 13px;
		}
		
		.footer .rright a {
			color: #a5bf62;
			text-decoration: none;	
		}
		
		.footer .rright a:hover {
			text-decoration: underline;	
		}
.home {
	padding: 30px 20px 20px 20px;
	color: #000;
	font-size: 14px;
}

	.home p {
		margin-bottom: 15px;
		line-height: 1.5;	
	}

	.home .left {
		float: left;
		width: 420px;
		padding: 20px;	
	}
		
		.home .left img {
			margin: 0 25px 15px 0;
			border: 2px solid #000;
			padding:1px;
			float: left;	
		}

#contact-form {
	background: #fafaf3;
	padding: 20px;	
}

	#contact-form h2 {
		color: #046644;
		font-size: 18px;
		margin-bottom: 15px;	
	}
	
	#contact-form textarea,
	#contact-form input {
		font-family: Arial, Helvetica, sans-serif;
		border: 1px solid #e3e0cf;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	
		padding: 5px;
		font-size: 16px;
		width: 400px;
	}
	
	#contact-form button {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	
		background: #e3e0cf;
		color: #020202;
		cursor:pointer;
		font-size: 14px;
		padding: 10px 35px 10px 35px;
	}
	
	#contact-form button:hover {
		color: #e3e0cf;
		background: #020202;
	}
	
	#contact-form textarea {
		height: 100px;	
	}
	
	#contact-form label {
		font-size: 11px;
		display: block;
		margin-bottom: 3px;	
	}
	
	#contact-form ul {
		
	}
	
		#contact-form ul li {
			margin-bottom: 10px;	
		}
		
.extra-content {
	width: 600px;
	padding: 20px;	
	background: #fcfcf6;
}

	.extra-content p {
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 1.4;	
	}
	
	.extra-content h3 {
		color: #046644;
		margin-bottom: 15px;
		font-size: 22px;	
	}

.read-more {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	background: #046644;
	color: #fff;	
	margin-top: 10px;
	text-decoration: none;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.read-more:hover {
	text-decoration: underline;	
}

label.error {
    display: none !important;
}

.error {
    border: 1px solid #f00 !important;
}

.touched-by {
    font-size: 12px;
    text-align: right;
    color:#FAF9F4;
}

    .touched-by a {
        text-decoration: none;
        color: #FAF9F4;
    }

    .touched-by a:hover {
        text-decoration: underline;
    }