* {
	margin:0;
	padding:0;
}
a img {
	border:0;
}

.aColor(@linkColor: darken(#e9721a, 10%), @effect: 12%) {
	color:@linkColor;
	.transition(color);
	&:hover {
		color: darken(@linkColor, @effect);
	}
}

a {
	.aColor;
}

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:13px;
	min-width: 1050px;
}

div#background-wrapper {
	background: white url(/Themes/Profesal/Styles/b-bkg-sub.png) repeat-x;
}

div#layout-wrapper {
	background: url(/Themes/Profesal/Styles/h-bkg.png) no-repeat top center;
}

.manage-actions {
	display:inline;
	position:absolute;
	border: 1px solid #ffaaaa;
	padding: 2px 3px;
	
	background: #eee;
}

/* colors */
@footerBkgColor:  #5c6570;
@contentWidth: 960px;
@sidebarWidth: 290px;


.transition(@what: opacity, @length: 0.3s, @mode: ease) {
	-webkit-transition: @what @length @mode;
	-moz-transition: @what @length @mode;
	transition: @what @length @mode;
}
.boxShadow {
	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	box-shadow: 3px 3px 10px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: e("progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')");
}

@media screen {
	html {
		background: @footerBkgColor;
	}
	
	.menuFont() {
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 15px;
	}

	div#header {
		.menuFont;
		width: 980px;
		height:105px;
		overflow:hidden;
		margin:0 auto;
	
		form#search-box {
		
			display:block;
		
			float:right;
			margin-top: 70px;
			padding-left:4px;
			background: url(/Themes/Profesal/Styles/h-search-bkg.png) top left no-repeat;
			
			span.button-bkg {
				background:  url(/Themes/Profesal/Styles/h-search-btn-over.png) no-repeat top left;
				line-height:20px;
				display:inline-block;
				input {
					cursor: pointer;
					.transition(opacity);
					width:36px;
					height:20px;
					vertical-align:top;
				}
				&:hover input {
					opacity:0;
					filter: e("alpha(opacity = 0)");
				}
			}
	
			input#search-box-query {
				background: transparent;
				width: 190px;
				border: none;
				margin:0;
				height:16px;
				padding: 2px 5px;
				vertical-align:top;
				font-size: 11px;	
				color: #666;		
				&.clean {
					color: #d2d2d2;
				}
			}
			
		}
	}

	div#layout-navigation {
		width: 980px - 10px;
		margin:0 auto;
		background: url(/Themes/Profesal/Styles/h-menu-bkg.png) no-repeat top left;
		list-style:none;
		display:block;
		padding-left: 10px;
		padding-top:5px;
		height:32px;
		li {
			@overColor: #949eaa;
			display:block;
			font-size:15px;
			float:left;
			a {
				display:block;	
				text-align:center;
				color: #fff;
				text-decoration: none;
				line-height:27px;
				padding: 0 20px;
				.transition(background-color);
				
				margin-right: 5px;
				
				&:hover {
					background-color: @overColor;
				}
			}
			&.current a {
				background: @overColor;
			}
			ul {
				display:none;
			}
			&.right {
				float:right;
			}
		}
	}


	div#footer {
		clear:both;
		display:block;
		background-color: @footerBkgColor;
		div.nav {
			padding: 25px 20px 25px 20px;
			width: 960px;
			display:block;
			margin:0 auto;
					
			
			a {
	
				text-decoration:none;
			}
			ul.columns {
				line-height: 25px;
				float:left;
				display:block;
				list-style-type:none;
				li.column {
					display:block;
					float:left;
					list-style-type:none;				
	
					padding-right: 65px;
					padding-left: 20px;	
					&:first-child {
						padding-left: 0px;	
					}
					&.second {
						border-left: 1px solid #7d848d;
						border-right: 1px solid #7d848d;
					}
					span.head {
						display:block;
						.menuFont;
						color:#dce1e5;
						font-size:14px;
			
						text-transform: uppercase;
						padding-bottom:5px;
					}
					span {
						color:white;
					}
					ul {
						display:block;
						list-style-type:none;
						li {
							display:block;
							list-style-type:none;
							a {
								.aColor(#d9e0e8, 10%);
							}
							ul {
								padding-left: 15px;
							}
							font-size: 12px;
						}
					}
					
				}
			}
			
			div.copyrights {
				@copyrightsColor: #aeb2b8;
				float:right;
				font-size:11px;
				line-height:15px;
				color: @copyrightsColor; 
				text-align:right;
				background: url(/Themes/Profesal/Styles/f-logo.png) no-repeat top right;
				padding-top:55px;
				a {
					color: @copyrightsColor; 
				}
			}
		}
	}
}
@media print {
	div#footer, div#header, div#layout-navigation {
		display:none;
	}
}

div#layout-main {
	h1, h2, h3 { font-weight: normal; }
	h4, h5 { font-weight: normal;}
	h1, h2 {	
		font-size: 21px;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}	
	div.message {
		&.message-Information {
			margin: 10px 0;
			padding:10px;
			border:1px solid;
			border-color: lighten(#00ff00, 30%);
			background-color: lighten(#00ff00, 40%);
		}
	}
	article.content-item {
		display:block;
		
		h2 {	
			padding-top:0;
			padding-bottom: 20px;
		}	
		h3 {
			clear:both;
			font-size: 19px;
			padding-bottom: .9em;
			padding-top: 1.5em;
		}
		
		a.jump {
			display:block;
			float:right;
		}
		h4 {
			clear:both;
			font-size: 16px;
			padding-bottom: 1em;
			padding-top:0.8em;
		}
		h5 {
			font-weight: bold;
			font-size:inherit;
		}
		
		a { 
			text-decoration: none;
		}
		.toc {
			
			a {
				text-decoration:none;
			}
		}
		p {	
			line-height: 1.5em;
			margin-bottom: .8em; 
		}
		
		blockquote {
			border-left: 2px solid #e6e6e6;
			padding-left: 10px;
			margin-left:10px;
		}
		
		ul {
			line-height: 1.5em;
			display:block;
			margin-bottom: .8em; 
			padding-left: 4ex;
			li {
				list-style-position:outside;
			}
		}
		
		.fotoLeft {
			.boxShadow;
			float: left; 
			margin: 0px 20px 10px 0;
		}
		.fotoRight {
			.boxShadow;
			float: right; 
			margin: 0px 0px 10px 20px;
		}
		table#porownanie {
			border-collapse:collapse;
			td, th {
				padding: 8px 5px;
			}
			
			td {
				text-align:center;
				color:#3EB60A ;
				font-weight:bold;
			}
			
			th {
				font-weight:normal;
				text-align:left;
			}
			tr {
				border: solid #f0f0f0;
				border-width: 1px 0 1px 0;
			}
			tr.head {
				th {
					background: #eee;
					font-weight:bold;
					text-align:center;
				}
			}
					
		}
		form {
			fieldset {
				border: 1px solid #e6e6e6;
				margin-bottom: 1em;
				legend {
					color: #5071a1;
					font-size: 19px;
					padding-bottom: 15px;
					padding:10px;
				}
			}
			
			div {
				label {
					width: 200px;
					display:block;
					float:left;
					text-align:right;
					padding-right: 10px;
					height:30px;
				}
				input[type="text"], textarea {
					width: 350px;
					padding: 5px 10px;
					border: 1px solid #e6e6e6;
				}
				textarea {
					&#zapytanie {
						height:150px;
					}
					&#adres {
						height:6ex;
					}
					
					font: inherit;
					line-height: 1.3em;
				}
				line-height: 30px;
				padding: 5px;
				clear:both;
				
				button {
					width: 100px;
					height: 30px;
				}
			}
			
		}
	}
	aside#aside-first{

		display:block;
		float:left;
		width: @sidebarWidth - 40px;
		padding-bottom:30px;
		ul {
			display:block;
			li {
				display:block;
				line-height: 30px;
				a, span {
					padding: 0 15px 0 15px;
					display:block;
					font-size: 15px;						
					text-decoration:none;
					.transition(background-color);	
					/*background-color: lighten(#eaecef, 3%);*/
				}
				a {
					&:hover, &.selected {
						background-color: #eaecef;
					}
				}
				span {
					color: #666;
				}

				
				ul {
					li a, li span {
						padding-left: 30px;	
					}
					li ul {
						padding-left: 30px;	
						list-style-type:none;
						li {
							display:block;
						}
					}
				}
			}
			
			&.sub {
				margin-bottom:1em;
				padding-bottom:1em;
				border-bottom: 1px solid #ececee;
			}
		}
	}
}

@media screen {
	div#layout-wrapper {
		&.aside-1{
			div#layout-main {
				article.content-item {
					width: @contentWidth - @sidebarWidth - 41px ;
					padding-left:40px;
					padding-right: 20px;
					border-left: 1px solid #ececee;
					float:right;
				}
			}
		}
		div#layout-main {
	
			display:block;
			width: @contentWidth;
			margin: 0 auto;
			/*color: #666;*/
			
			small {
				color: #888;
			}
			
			h1, h2 {	
				color: #414e5e;
			}	
			
			article.content-item {		
				margin-bottom:30px;
				padding-bottom:30px;
				h3 {
					color: #365987;
				}

				h4 {
					color: #5071a1;			
				}
			}
		}
	}
}
@media print {
	div#layout-main {
		h1::before {
			content: 'Profesal - ';
		}
		
		.toc {
			display:none;
		}
		a.jump {
			display:none;
		}
		aside#aside-first {
			display:none;
		}
	}
}



html.orchard-search {
	body {
		div#layout-main {
			div.zone-content {
				margin-bottom:30px;
				padding-bottom:30px;
			}
				
			.search-summary {
			    margin-top:0;
			}
			
			.search-results {
			    clear:both;
			    list-style:none;
			    display:block;
			    h2 {
			    	padding-bottom:.5em;
			    	a{
			    		text-decoration:none;
		    		}
		    	}
			}
	    }
	}
}

html.homepage {
	body {
		div#background-wrapper {
			background: white url(/Themes/Profesal/Styles/b-bkg.png) repeat-x;
		}
		div#layout-wrapper  {
			div#layout-main {
				article.content-item {
					width: @contentWidth;
					padding-left: 0px;
					padding-right: 00px;
					border-left: none;
					float:none;
					margin-bottom:0px;
					padding-bottom:0px;
					
					div#slides {
						width:960px;
						height:250px;
						position:relative;
						a {
							display:block;
							position:absolute;
							&#nextSlide, &#previousSlide {
								height:250px;
								width: 30px;
								z-index:10000;
								line-height:250px;
																
								.transition(opacity);
								opacity:0;			
								filter: e("alpha(opacity = 0)");
								text-align:center;
								font-size: 30px;
								color: #aaa;
							}
							&#nextSlide {
								right:0;
							}
							
							&#previousSlide {
								left:0;
							}
							
						
						}
						
						&:hover {
							a#nextSlide, a#previousSlide {
								opacity:1;
								filter: e("none");
							}
						}
					}
				}
			}
		}
		div#homepage-bottom {
			color: #787b80;
			width: @contentWidth;
			margin:auto;
			
			div#homepage-quickmenu {
				width: 230px;
				height: 200px;		
				float:left;
				margin: 25px 0;
				margin-right:25px;
				ul {
					display:block;
					li {
						display: block;
			
						line-height:25px;
						margin-bottom:3px;								
						
						a {
							color: white;
							text-decoration:none;
						} 
						img {
							display:block;
						}
						
						&.bullet {
							a {
								display:block;
								background-image: url(/Themes/Profesal/Styles/mb-bullet.png);
								background-position:  5px center;
								background-repeat:no-repeat;
								padding-left:20px;
								border:2px solid ;
															
								-webkit-border-radius: 3px;
								-moz-border-radius: 3px;
								border-radius: 3px;
							}
						}
						
						.menuColor(@color) {
							background-color: @color;
							border-color: @color;
							
							.transition(e("border-color, background-color"));
					
							
							&:hover {
								@overColor: lighten(@color, 6%);
								background-color: @overColor;
								border-color: @overColor;
							}
						}
						
						&.color1 a {
							.menuColor(#738DA6);
						}
						
						&.color2 a {
							.menuColor(#6684a0);
						}
						
						&.color3 a {
							.menuColor(#5a7b9a);
						}
						
						&.color4 a {
							.menuColor(#507190);
						}

					}
				}
			}
			
			div.homepage-column {
				height: 200px;
				float:left;	
				margin: 25px 0;
				padding: 0 20px;
				border-left: 1px solid #e6e6e6;
		
				
				&#homepage-column1 {
					width: 215px;
				}
				&#homepage-column2 {
					width: 190px;
				}
				&#homepage-column3 {
					width: 190px;
					padding-right:0;
				}
				
				p {
					font-size: 13px;
				}
			}			
			div#homepage-eu {
				clear:both;
				margin:0 auto;
				padding-top: 10px;
				padding-bottom: 25px;
			}
			
		}
	}
}
html.dashboard {
	div#header {
		width:100%;
	}
}