/*
	CSS file for [TEMPLATE NAME]
*/


/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
	}
	
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .clearfix,
	*:first-child+html .clearfix { 
		zoom: 1;
	}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		background: #e6e6e6;
	}
		
	.pull-left {
		float: left;
	}
	
	.pull-right {
		float: right;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	a img {
		border: 0;
	}		
	
	.container {
		width: 94%;
		max-width: 804px;
		margin: 0 auto;
	}

	
	
/*	Header
-------------------------------------------*/
	
	header {
		padding: 2px;
		border-radius: 11px;
		border: 2px solid #b2b2b2;
		background: #ffffff;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}
	
	header .inner {
		height: 73px;
		border-radius: 8px;
		background: #638bc7;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzOGJjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOGNkZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #638bc7 0%, #b8cdee 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#638bc7), color-stop(100%,#b8cdee));
		background: -webkit-linear-gradient(top,  #638bc7 0%,#b8cdee 100%);
		background: -o-linear-gradient(top,  #638bc7 0%,#b8cdee 100%);
		background: -ms-linear-gradient(top,  #638bc7 0%,#b8cdee 100%);
		background: linear-gradient(to bottom,  #638bc7 0%,#b8cdee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#638bc7', endColorstr='#b8cdee',GradientType=0 );

	}
		
		header h1 {
			color: #ffec3e;
			font-size: 28px;
			font-weight: bold;
			padding: 21px 0 0 11px;
		}
			
			header h1 a {
				color: #ffec3e;
				text-decoration: none;
			}
				
				header h1 a span {
					font-size: 15px;
					color:#ffffff;
				}	
	
	nav {
		color:#989898;
		font-family: Tahoma, Helvetica, sans-serif;
		font-size: 10px;
		margin: 5px 0 14px 0;
		text-align: center;
	}
		
		nav ul {
			list-style: none;
		}
		
		nav ul li {
			display: inline-block;		
		}
		
			nav ul li:after {
				content: "|";
				padding: 0 4px 0 4px;
				display: inline-block;
			}
			
			nav ul li:first-child:before {
				content: "|";
				padding: 0 4px 0 4px;
				display: inline-block;
			}
		
			nav ul li a {
				color:#989898;
				text-decoration: none;	
			}
			
			nav ul li a:hover {
				text-decoration: underline;
			}
	

/*	Footer
-------------------------------------------*/
	
	footer {
		padding: 2px;
		border-radius: 11px;
		border: 2px solid #b2b2b2;
		background: #ffffff;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}
	
	footer .inner {
		padding: 23px 0 17px 0;
		border-radius: 8px;
		text-align: center;
		background: #638bc7;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzOGJjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOGNkZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #638bc7 0%, #b8cdee 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#638bc7), color-stop(100%,#b8cdee));
		background: -webkit-linear-gradient(top,  #638bc7 0%,#b8cdee 100%);
		background: -o-linear-gradient(top,  #638bc7 0%,#b8cdee 100%);
		background: -ms-linear-gradient(top,  #638bc7 0%,#b8cdee 100%);
		background: linear-gradient(to bottom,  #638bc7 0%,#b8cdee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#638bc7', endColorstr='#b8cdee',GradientType=0 );
	}
	
		footer .inner p {
			color: #ffffff;
			font-size: 11px;			
			text-align: center;
			padding: 0 25px;
		}
		
		footer .inner p.copyright {
			color: #ffec3e;
			padding-bottom: 5px;
		}


/*	News & About
-------------------------------------------*/

	.news-box {
		float: left;
		width: 252px;
		margin-right: 10px;
		padding: 0 20px;
		border-radius: 10px;
		background: #ffffff;
		border: 2px solid #b2b2b2;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}
	
		.news-box h3 {
			color: #717171;
			font-size: 13px;
			font-weight: bold;
			text-align: left;
			padding-top: 13px;
			padding-bottom: 4px;
			border-bottom: 2px solid #6088bf;
		}
		
		.news-box .post {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
			.news-box .post time {
				display: inline;
				color: #95B4E6;
				font-size: 12px;
				font-weight: bold;
				line-height: 16px;
			}
			
			.news-box .post h1 {
				display: inline;
				color: #6489C3;
				font-size: 12px;
				font-weight: bold;				
				line-height: 16px;
				text-align: left;
			}
			
				.news-box .post h1 a {
					color: #6489C3;
					text-decoration: none;	
				}
				
					.news-box .post h1 a:hover {
						text-decoration: underline;	
					}
					
			.news-box .post .image {
				width: 100%;
				height: 135px;
				margin: 5px 0 6px 0;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
					
			.news-box .post p {
				color: #717171;
				font-size: 10px;				
			}
			
				.news-box .post p a {
					color: #838383;
					font-size: 11px;
					text-decoration: none;
				}
				
				.news-box .post p a:hover {
					color: #6489C3;
				}
			
			.news-box .more {
				color: #717171;
			    font-size: 11px;
			    font-weight: bold;
			    margin-top: 10px;
			    padding-left: 14px;
			    background: url('../img/news-more.gif') no-repeat 0px 1px; 
			}
			
				.news-box .more a {
					color: #717171;		
					text-decoration: underline;
				}
	
	/*
	 *	About Box
	 */
	.about-box {
		position: relative;
		overflow: hidden;
		padding: 2px;
		border-radius: 10px;
		background: #ffffff;
		border: 2px solid #b2b2b2;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}
	
		.about-box .inner {			
			position: relative;
			margin-left: 39px;
			padding: 17px 25px 20px 20px;
			border-radius: 0px 8px 8px 0;
			background: url('../img/about-bg.jpg') no-repeat top left;			
		}
			
			.about-box .inner:before {
				content: "";
				left: -39px;
				top: 0px;
				width: 38px;
				height: 100%;
				position: absolute;
				border-radius: 8px 0 0 8px;
				background: url('../img/about-side.jpg') no-repeat bottom left;
			}
			
			.about-box h2 {
				color: #fdea3e;
				font-size: 17px;
				text-align: left; 
				
			}
			
			.about-box p {
				color: #ffffff;
				font-size: 11px; 
				text-align: left;
				padding: 10px 0 0 0;
			}
	

/*	Boxes
-------------------------------------------*/

	.boxes {
		margin-top: 30px;
		padding-bottom: 5px;
	}

	.box {
		float: left;
		width: 48.507462686567%;
		position: relative;
		margin-bottom: 23px;
	}
	
	.box:nth-child(odd) {
		clear: both;	
	}
	
	.box:nth-child(even) {
		float: right;
	}
	
		.box .inner {
			min-height: 135px;
			margin-left: 26px;
			padding: 12px 15px 15px 103px;
			background: #ffffff;
			border-radius: 0 10px 10px 0;
			border: 2px solid #b2b2b2;
			border-left: 0px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			   		box-sizing: border-box;
		}
				
			.box .inner:before {
				content: "";
				top: 0px;
				left: 0px;
				width: 26px;
				height: 100%;
				position: absolute;
				border-radius: 10px 0 0 10px;
				background: url('../img/box-left-side.png') no-repeat top left;
			}
	
			.box .inner h2 {
				color: #6489c3;
				font-size: 12px;
			}
			
				.box .inner h2 a {
					color:#6489C3;
					text-decoration:none;
				}
			
					.box .inner h2 a:hover{
						color: #717171;					
					}
					
			.box .inner p {
				color: #666666;
				font-size: 12px;
				padding-top: 15px;
			}
			
		.box-1 .inner { background-image: url('../img/product-1.jpg'); background-position: 1px 0px; }
		.box-2 .inner { background-image: url('../img/product-2.jpg'); }
		.box-3 .inner { background-image: url('../img/product-3.jpg'); }
		.box-4 .inner { background-image: url('../img/product-4.jpg'); }
		.box-5 .inner { background-image: url('../img/product-5.jpg'); }
	
	.box-6 {
		background: #ffffff;
		border-radius: 10px;
		border: 2px solid #b2b2b2;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}
	
		.box-6 .inner {
			margin: 2px;
			border: 0px;
			border-radius: 8px;			
			min-height: 122px;
			background: url('../img/product-6.jpg') no-repeat top left;
		}
			
			.box-6 .inner:before {
				display: none;
			}
			
			.box-6 .inner p {
				padding-right: 20px;
				padding-top: 8px;
				color: #ffffff;	
			}
			
			.box-6 .inner p a {
				color: #ffec3e;
				text-decoration: none;
			}
			
				.box-6 .inner p a:hover {
					color: #ffffff;	
				}


/*	Reszponzív
-------------------------------------------*/

@media (max-width: 700px)
{
	.box { float: none; width: 100%; }
	.box-6 .inner { min-height: 80px; }
}	

@media (max-width: 630px)
{
	.news-box { width: 100%; float: none; margin-bottom: 25px; }
	.about-box { width: 100%; }	
	.boxes { margin-top: 25px; }
}

@media (max-width: 400px)
{
	header h1 { text-align: center; }
	
	.about-box .inner { margin-left: 0px; border-radius: 8px; }	
	.about-box .inner:before { display: none; }
	
	.box .inner { margin-left: 0px; border-radius: 8px; border-left: 2px solid #b2b2b2; background-position: -1px 0px; }
	.box .inner:before { display: none; }
}