body {
	font-family: Trebuchet MS, sans-serif;
	color: #444;
	line-height: 18px;
	font-size: 14px;
	background: #f4f4f4 url(../img/bg-body.png) repeat-x;

}

/* links */

a:link, a:visited {
	color: #703683;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #333;
}



/* PAGE STRUCTURE
------------------------------------------------------------- */

.container {
	width: 962px;
	margin: 0 auto;
	overflow: visible;
}


/* HEADER
------------------------------------------------------------- */

.header {
	height: 120px;
	margin-left: -10px;
	position: relative;
	z-index: 10;
}

.header h1 a {
	display: block;
	width: 400px;
	height: 120px;
	float: left;
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	background: url(../img/bg-logo.png) no-repeat;
}

.header ul.nav {
	width: 500px;
	float: right;
	margin: 34px 0 0 0;
	position: relative;
}

.header ul.nav li {
	float: left;
	line-height: 20px;
	font-size: 14px;
	margin: 0 18px 0 0;
}

.header ul.nav li a {
	display: block;
	color: #87ab39;
	padding: 5px 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	font-weight: bold;
	text-decoration: none;
}

.header ul.nav li a:hover, .header ul.nav li.hover a, .header ul.nav li.current a {
	color: #0c1114;
	background-color: #fff;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 0px #999;
	-moz-box-shadow: 1px 1px 0px #555;
	box-shadow: 1px 1px 0px #555;
} 

.header ul.nav li.hover, .header ul.nav li:hover { 
	position: relative; 
}

/* Navigation - second level */

.header ul.nav ul {
	width: 175px;
	visibility: hidden; 
	position: absolute; 
	top: 30px;
	z-index: 50;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.header ul.nav ul li {  
	float: none; 
	display: block;
	margin: 0;
	line-height: 36px;
	background: none !important;
	
}

.header ul.nav ul li a { 
	height: 36px;
	color: #560e97;
	padding: 0 20px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	background: none !important;
	font-weight: normal;
}

.header ul.nav ul li a:hover {
	color: #888888;
	background: none !important
} 


/* FEATURED SLIDER
------------------------------------------------------------- */

.featured {
	height: 250px !important;
}

.featured .item {
	padding: 25px 45px 30px;
	overflow: visible !important;
}

.featured .item img {
	float: left;
	margin: 0 35px 0 0;
}

.featured .item h2 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 20px;
}

.featured .item h5 {
	color: #703683;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 30px;
}

.featured .item p {
	color: #444444;
	font-size: 13px;
	margin-bottom: 10px;
}

.featured .item a.moreinfo {
	display: block;
	float: right;
	width: 169px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	background: url(../img/btn-moreinfo.png) no-repeat;
	text-decoration: none;
}

.featured .item a.moreinfo:hover {
text-decoration: underline;
}

.featured-nav {
	position: relative;
	top: -20px; left: -12px;
	overflow: hidden;
	z-index: 1000;
}

.featured-nav a.prev {
	display: block;
	width: 34px;
	height: 47px;
	float: left;
	text-indent: 9999px;
	background: url(../img/btn-prevnext.png) top left no-repeat;
}

.featured-nav a.next {
	display: block;
	width: 34px;
	height: 47px;
	float: left;
	text-indent: 9999px;
	background: url(../img/btn-prevnext.png) top right no-repeat;
}


/* HOMEPAGE CONTENT
------------------------------------------------------------- */

.services {
	background: url(../img/bg-shadow-vert.png) 50% 0 no-repeat;
	margin-top: -32px;
	
}

.services div {
	width: 260px;
	float: left;
	padding: 10px 30px;
	background: url(../img/bg-shadow-horz.png) 100% 50% no-repeat;
}

.services div:last-child {
	background: none;
}

.services h3 {
	color: #703683;
	font-weight: normal;
	padding: 20px 0px 0px 30px;
	font-size: 20px;
	line-height: 25px;
	margin: 0px;
}

.services div h4 {
	color: #703683;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

.services div img {
	float: left;
	margin: 15px 25px 50px 0;
}

.services div a.more {
	display: block;
	float: right;
	padding: 0 12px 0 0;
	background: url(../img/arrow.png) 100% 50% no-repeat;
}

.tagline {
	height: 70px;
	margin: 10px 10px 35px;
	padding: 30px 30px 25px 45px;
	border: 1px solid #e8e8e8;
	background: url(../img/bg-boxgradient.png) repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	font-size: 12px;
	position: relative;
}

.tagline h3 {
	color: #703683;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.tagline a.more {
	display: block;
	width: 71px; height: 71px;
	text-indent: -9999px;
	background: url(../img/bg-corner-more.png) no-repeat;
	position: absolute;
	top: -9px; left: -5px;
}

.quote {
	width: 390px;
	float: left;
	padding: 0 25px 0 40px;
}

.quote p{
	
	padding-bottom:10px;
}

.quote h3 {
	color: #703683;
	font-size: 24px;
	font-weight: normal;
	line-height: 29px;
	margin: 0 0 20px 0;
}

.quote a.request {
	display: block;
	width: 356px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	background: url(../img/btn-big.png) no-repeat;	
}

.clients {
	width: 415px;
	float: left;
	padding: 0px 45px;
}
.clients p{
	font-size: 12px;
	padding-bottom:10px;;
}

.clients h3{
color: #703683;
	font-size: 24px;
	font-weight: normal;
	line-height: 29px;
	margin: 0 0 20px 0;
}

.clients ol {
	margin: 0px 0;
}

.clients ul li {
	float: left;
	width: 90px;
	height: 64px;
	padding: 35px 15px 0;
	text-align: center;
	border: 1px solid #dadada;
	background: url(../img/bg-ulclients.png) repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 10px 10px 0 5px;
}

.clients ul li:nth-child(3n) {
	margin-right: 0;
}

.bottom {
	height: 141px;
	padding: 20px;
	margin: 40px 10px 15px;
	border: 1px solid #e8e8e8;
	background: url(../img/bg-bottom.png) repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.bottom h5 {
	color: #703683;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 15px;
}

.bottom .about {
	font-size: 0.9em;
	width: 290px;
	float: left;
	padding: 0 30px 0 0;
}

.bottom .sitemap {
	font-size: 11px;
	width: 575px;
	float: left;
}

.bottom .sitemap ul li {
	width: 33%;
	float: left;
}

.bottom .sitemap ul li a {
	color: #818181;
	background: url(../img/bullet.png) 0 1px no-repeat;
	padding: 0 0 0 16px;
}

.bottom .sitemap ul li a:hover {
	color: #703683;
}


/* MAIN STYLES
------------------------------------------------------------- */

/* Headings */

h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0 0 20px 0;
	color: #000;	
}

h2 {
	font-size: 20px;
	color: #000;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

.content {
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	border: 1px solid #fff;
}

.inner-content {
	background: url(../img/bg-innercontent.png) 10px 0 repeat-y;
}

/* Top slogan styling */

.slogan {
	padding: 30px 45px;
	background: url(../img/bg-shadow-vert.png) 50% 114% no-repeat;
}

.slogan h2 {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
}

.slogan p {
	color: #656565;
	margin-bottom: 5px;
}

.slogan img {
	float: right;
	margin: -10px 0 0 30px;
}

.main {
	width: 615px;
	float: left;
	padding: 25px;
}

.main form p {
	margin-bottom: 10px;
}

.main form input[type=text], .main form textarea {
	width: 195px;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 4px 10px;
	margin: 0 15px 0 0;
	font: 12px/18px Trebuchet MS, sans-serif;
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -1px -1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px -1px 1px rgba(0,0,0,0.2);
	box-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}

.main form input[type=text]:focus, .main form textarea:focus {
	border-color: #ddd;
	-webkit-box-shadow: -1px -1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: -1px -1px 1px rgba(0,0,0,0.4);
	box-shadow: -1px -1px 1px rgba(0,0,0,0.4);
}

.main form textarea {
	width: 560px;
	margin-bottom: 10px;
}

.main form input[type=submit] {
	width: 83px;
	height: 38px;
	border: none;
	background: url(../img/btn-submit.png) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	float: left;
}

.main form div#error {
	float: left;
	line-height: 36px;
	margin: 0 0 0 20px;
}

.main form div#error p.loading {
	padding: 0 0 0 25px;
	background: url(../img/ajax-loader.gif) 0 50% no-repeat;
}

.main form div#error span.wrong {
	color: red;
	margin: 0 5px 0 0;
}

/* Blog posts styling */

.post {
	border-top: 1px solid #e4e4e4;	
	margin: 0 0 35px 0;
}

.main p {
	margin-bottom: 15px;
	padding-top:10px;
}

.post ul {
	margin-bottom: 15px;
}

.post ul li{
	margin-bottom: 5px;
	margin-left: 15px;
}

.post ul li span{
	font-size:18px;
	color: #703683;
	margin-right:10px;
}

.post h3:first-child {
	font-style: italic;
	padding: 15px;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 0 20px;
}

.post > * {
	margin: 0 15px;
}

.post img.post-thumb {
	border: none;
	background-color: #fff;
	padding: 5px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	float: left;
	margin: 0 20px 20px 0;
}

.post .meta {
	background: #f5f5f5 url(../img/bg-metabox.png) repeat-x;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-style: italic;
	padding: 15px;
	position: relative;
	clear: both;
	margin: 15px 0;
}

.post .meta a {
	text-decoration: none;
	overflow: hidden;
}

.post .meta a:hover {
	text-decoration: underline;
}

.post .meta a.more-link {
	display: block;
	width: 120px;
	height: 44px;
	float: right;
	text-indent: -9999px;
	background: url(../img/btn-morelink.png);
	position: relative;
	top: -5px;
}

ul.pages li {
	float: left;
	margin: 0 5px 0 0;
}

ul.pages li a {
	display: block;
	height: 25px;
	line-height: 27px;
	font-size: 14px;
	color: #fff;
	padding: 0 6px;
	background-color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

ul.pages li a:hover, ul.pages li.current a {
	border-bottom-color: #0b3247;
	border-top-color: #0e3c55;
	background-color: #703683;
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-decoration: none;
}

/* Blog comments styling */ 

.comment-area {
	background: url(../img/separator-horz.png) repeat-x;
	padding: 20px;
}

.comment-area h3#respond {
	margin: 35px 0 20px 0;
	color: #703683;
	font-size: 14px;
}

.comment-area ol li {
	position: relative;
	background: url(../img/separator-horz.png) bottom repeat-x;
	padding: 15px 10px 15px 60px;	
}

.comment-area ol li ol {
	margin-top: 20px;
}

.comment-area ol li ol li {
	background-position: top;
}

.comment-area ol li img.avatar {
	position: absolute;
	top: 15px;
	left: 0;
	padding: 4px;
	background-color: #e8e5df;
	border: 1px solid #d6d6d6;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.comment-area ol li cite {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #703683;
	display: block;
}

.comment-area ol li span.date {
	font-style: italic;
	color: #808080;
	margin: 0 0 10px 0;
	display: block;
}

.comment-area ol li a.reply {
	display: block;
	position: absolute;
	right: 10px; top: 15px;
	text-decoration: none;
}

.comment-area ol li a.reply:hover {
	text-decoration: underline;
}

/* Subpage - services */

ul.services {
	background: none;
}

ul.services li {
	border-bottom: 1px dashed #ddd8d5;
	padding: 30px 0 30px 75px;
	position: relative;
	background-position: 0 30px;
	background-repeat: no-repeat;
}

ul.services li:nth-of-type(1) {
	background-image: url(../img/service-1.png);
}

ul.services li:nth-of-type(2) {
	background-image: url(../img/service-2.png);
}

ul.services li:nth-of-type(3) {
	background-image: url(../img/service-3.png);
}

ul.services li:nth-of-type(4) {
	background-image: url(../img/service-4.png);
}

ul.services li:nth-of-type(5) {
	background-image: url(../img/service-5.png);
}

ul.services li:nth-of-type(6) {
	background-image: url(../img/service-6.png);
}

ul.services li:nth-of-type(7) {
	background-image: url(../img/service-7.png);
}

ul.services li:last-child {
	border-bottom: none;
}

ul.services li h5 {
	margin-bottom: 5px;
}

ul.services li p {
	color: #898989;
}

ul.services + .tagline {
	padding: 20px 10px 0 55px;
	height: 105px;
}

ul.services + .tagline a.more {
	background: url(../img/btn-order.png);
}

ul.services + .tagline img {
	float: right;
	margin: 0 0 0 5px;
}

.tagline img {
	float: right;
	margin: 0 0 0 5px;
}

/* Projects page */

.projects {
	padding: 30px;
	
}

ul.project-nav {
	margin: 50px 0;
	overflow: hidden;	
}

ul.project-nav li {
	float: left;
	height: 58px;
	margin: 0 16px 0 0;
	background: url(../img/blue.png) left top no-repeat;
}

ul.project-nav li a {
	display: block;
	height: 58px;
	padding: 0 18px;
	line-height: 58px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	background: url(../img/blue.png) right bottom no-repeat;
}

ul.project-nav li:hover, ul.project-nav li.current {
	background: url(../img/green.png) no-repeat;
}

ul.project-nav li:hover a, ul.project-nav li a.current {
	background: url(../img/green.png) right bottom no-repeat;
}

.project div {
	margin: 40px 0 0 0;
	padding: 0 0 50px 0;
	overflow: hidden;
	background: url(../img/bg-project-small.png) 50% 100% no-repeat;	
}

.project div h3 {
	color: #703683;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.project div p {
	margin-bottom: 15px;
	font-size: 12px;
}

.project div a.visit {
	display: block;
	width: 91px;
	height: 25px;
	line-height: 22px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	background: url(../img/bg-visit.png) no-repeat;
	float: right;
}

.project div img.right {
	float: right;
	margin-left: 15px;
}

.project div img.left {
	float: left;
	margin-right: 15px;
}

/* SECONDARY STYLES
------------------------------------------------------------- */


.sidebar {
	width: 280px;
	float: left;
	padding: 15px 7px;
}

.sidebar .widget {
	margin: 0 0 40px 0;
	color: #555555;
	overflow: hidden;
}

.sidebar .widget h3 {
	color: #703683;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
}

.sidebar .widget p {
	padding: 0 15px;
	font-size: 0.9em;
}

.sidebar .widget img {
	margin: 15px 40px;
}

.sidebar .widget ul {
	margin: 0 15px 0 20px;
}

.sidebar .widget ul li a {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #565656;
	background: url(../img/separator-horz.png) 0 100% no-repeat;
	text-decoration: none;
	padding: 0 0 0 4px;
}

.sidebar .widget ul li a:hover {
	color: #703683;
	text-decoration: underline;

}

.sidebar .widget form {
	border: 7px solid #f4f4f4;
	width: 226px;
	position: relative;
}

.sidebar .widget input#keyword {
	border: none;
	background-color: #fff;
	width: 197px;
	font-family: Trebuchet MS, sans-serif;
	color: #444;
	word-spacing: 0.2em;
	line-height: 1.0em;
	font-size: 0.4em/0.8em;
	padding: 5px;
	float: left;
}

.sidebar .widget input#go {
	border: none;
	background-color: #1d739e;
	margin: 2px 0 0 0;
	height: 26px;
	width: 32px;
	padding-top: 6px;
	font-family: Trebuchet MS, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	position: absolute;
	top: 0; right: 0;
}

.sidebar .widget a.knowmore {
	display: block;
	width: 170px;
	height: 48px;
	text-indent: -9999px;
	background: url(../img/btn-knowmore.png) no-repeat;
	float: right;
	margin: 15px 20px 0 0;
}

.sidebar .widget blockquote {
	width: 279px;
	background: url(../img/bg-blockquote.png) no-repeat;
	position: relative;
	margin: 30px 0 0 0;
}

.sidebar .widget blockquote h4 {
	position: relative;
	top: -15px;
	background: url(../img/bg-blockquote-top.png) no-repeat;
	margin: 0;
	padding: 20px 0 0 15px;
	font-weight: bold;
	color: #703683;
	font-size: 1.1em;
}

.sidebar .widget blockquote p {
	line-height: 1.4em;
	margin-top: -10px;
	font-style: italic;
	color: #888888;
	font-size: 0.8em;
}

.sidebar .widget cite {
	display: block;
	width: 279px;
	height: 30px;
	background: url(../img/bg-cite.png) no-repeat;
	padding: 35px 5px 0 0;
	text-align: right;
	color: #3b5765;
	font-size: 1.0em;
}

/* FOOTER
------------------------------------------------------------- */

.footer {
	width: 920px;
	margin: 15px auto;
	font-size: 12px;
	overflow: hidden;
}

.footer p {
	float: left;
	width: 50%;
}

.footer p:last-child, .footer p.last {
	float: right;
	text-align: right;
}


/* MISC.
------------------------------------------------------------- */

.hide {
	display: none;
}


/* self-clear floats */

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}



/* PRIDANE.
------------------------------------------------------------- */
.green a {
color: #87ab39 !important;
}

ol {
list-style-type: decimal !important;
}

a.no-underline {
text-decoration: none !important;
}

a.no-underline:hover {
text-decoration: underline !important;
}

.widget p.contact img.icon {
vertical-align: middle;
margin: 5px;
}

.widget p.contact {
vertical-align: middle;
line-height: 30px;
text-align: left;
}

.widget p.contact strong {
color: #521E8B;
font-weight: bold;
}


table.cenik {
border: 0px;
width: 80%;
margin: 0px 0px 50px 30px;
}

table.cenik td {
padding: 10px 5px 10px 5px;
}

table.cenik td.strong {
color: #5B2497;
font-weight: bold;
}

table.cenik tr.licha {
background-color: #F8F3FC;
}