/*----------------------------------------------------------------------
						  	CSS Reset
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }/*------------------------------------------------------------------------------
						  		MAIN
------------------------------------------------------------------------------*/
/* Tell the browser to render HTML 5 elements as block */
header, footer, content, section, nav, main, article {
	display: block;
}
body {
	width: 100%;
	font: .75em/1.417 "Arial", "Helvetica", sans-serif;
	background: url("/templates/default/images/gears.png") no-repeat;
}

h1, h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 22px 0;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 11px 0;
}

p {
	padding-bottom: 22px;
}
img
{
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
						  		HEADER
------------------------------------------------------------------------------*/
header
{
	width:100%;
	height:140px;
	background:#f3f3f3;
}
	header #container
	{
		width:870px;
		margin:0px auto 0px auto;
		height:120px;
	}
		header #container #logo
		{
			width:250px;
			height:120px;
			float:left;
		}

		header #webshop 
		{
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
		}
		header #webshop img 
		{
			width: 90px;
		}

		.webshop img 
		{
			position: absolute;
			right: 10px;
		}
		
/*------------------------------------------------------------------------------
						  TOP NAVIGATION
------------------------------------------------------------------------------*/
		header #container #topnav
		{
			width:250px;
			height:100px;
			float:right;
			margin:20px 0px 0px 0px;
			font-size: 0.917em;
			text-align:right;
		}
		header #container #topnav ul
		{
			display:inline-block;
		}
		header #container #topnav ul li
		{
			height:17px;
			padding:0px 5px 0px 5px;
			display:inline-block;
			border-right:1px solid #ccc;
		}
			header #container #topnav ul li a
			{
				text-decoration:none;
				color:#000;
			}
		
				header #container #topnav ul li:last-child
				{
					border:none;
				}
		
			header #container #topnav #language
			{
				width:105px;
				height:46px;
				margin:0px 0px 0px 20px;
				border:1px solid transparent;
				position:relative;
				z-index:2;
				text-align:left;

			}
			header #container #topnav #language:hover
			{
				background:#F1F1F1;
				border:1px solid #CCC;
			}
			header #container #topnav #language li
			{
				display:block;
				height:22px;
				border:none;
				background:url(/templates/default/images/down_arrow.png) right no-repeat;
			}

			header #container #topnav #language li a
			{
				text-decoration:none;
				color:inherit;
			}
			header #container #topnav #language li a:hover
			{
				text-decoration: underline;
			}			
			header #container #topnav #language li:last-child
			{
				position:absolute;
				border:none;
				display:none;
				background:none;
			}
			
			header #container #topnav #language:hover li:last-child
			{
				display:block;
			}
		
		header #container #topnav #searchbox
		{
			width:238px;
			padding:1px;
			height:25px;
			margin:15px 0px 0px 0px;
			background:url(/templates/default/images/searchbox.png);
			background-repeat:no-repeat;
			position:relative;
			z-index:1;
		}
			header #container #topnav #searchbox #search
			{
				width:200px;
				height:18px;
				border:none;
				color: #777;
				line-height: 23px;
				font-size: 0.917em;
				vertical-align: top;
				background:transparent;
				padding: 5px 0px 0px 10px;
			}
			header #container #topnav #searchbox #submit
			{
				height:23px;
				width:25px;
				border:none;
				background:transparent;
				cursor:pointer;
			}
/*------------------------------------------------------------------------------
						  	NAVIGATION
------------------------------------------------------------------------------*/
@-moz-document url-prefix()
{
	nav > ul
	{
		float:left;
		margin:-15px 0px 0px 0px;
	}
}
nav
{
	width:870px;
	/*height:25px;*/
	margin:-40px auto 0px auto;
	padding:5px 0px 10px 0px;
	background:#990100;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
	position:relative;
	z-index:2;
}
	nav > ul
	{
		list-style:none;
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	nav > ul li
	{
		display:inline-block;
		margin:0px -4px;
	}
	nav ul > li:first-child
	{
		margin:0px 0px 0px 40px;
	}
		nav ul > li a
		{
			position:relative;
			z-index:2;
			display: block;
			color:#F9FFFD;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight: bold;
			text-decoration:none;
			height:28px;
			padding: 5px 10px 0px 10px;
			-webkit-transition: all 0.15s linear;
		}
		nav ul > li:hover
		{
			background:#fff;
		}
			nav ul > li:hover a
			{
					color:#990100;
			}
ul li > .line
{
	z-index:-1;
	width:1px;
	height:10px;
	position:absolute;
	background:#808080;
	margin:-23px 0px 0px 0px;
}
ul li:first-child > .line
{
	display:none;
}

/*------------------------------------------------------------------------------
						SUB	NAVIGATION
------------------------------------------------------------------------------*/
nav ul li > ul
{
	display:none;
}
	nav ul li:hover > ul
	{
		opacity:1;
		display:block;
	}
		nav ul > li > ul
		{
			left:50%;
			opacity:0;
			z-index:2;
			width:870px;
			height:35px;
			position:absolute;
			padding:5px 0px 0px 0px;
			margin:0px 0px 0px -50%;
			-webkit-transition: all 0.15s linear;
			background: -o-linear-gradient(#FFF,#F1F1F);
			background: -webkit-linear-gradient(#E2E2E2, #FFF);
			background: -moz-linear-gradient(100% 100% 90deg, #E2E2E2, #FFF);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FAF2F2));
		}
		nav ul > li ul > li:hover
		{
			background:#990100;
		}
			nav ul > li > ul > li > a
			{
				color:#1a3459;
			}
			nav ul > li > ul > li:hover > a
			{
				color:#fff;
			}
/*------------------------------------------------------------------------------
						SUB-SUB	NAVIGATION
------------------------------------------------------------------------------*/
		nav ul > li > ul > li > ul
		{
			color:#fff;
			background:#1a3459;
			padding:0px 0px 5px 2px; 
		}
		nav ul > li > ul > li:hover > ul > li > a
		{
			color:#FFF;
		}
		nav ul > li > ul > li:hover > ul > li:hover
		{
			background:none;
		}
		nav ul > li:hover ul > li > ul > li > a:hover
		{
			background:none;
		}
/*------------------------------------------------------------------------------
						SLIDERS
------------------------------------------------------------------------------*/
.bx-wrapper .bx-pager {
    bottom: -95px;
  }
  
  .bx-wrapper .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 0 5px;
    padding: 3px;
  }
  
  .bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active {
    border: solid #1d1d1d 1px;
  }
  
  .bx-wrapper {
    margin-bottom: 120px;
  }
/*------------------------------------------------------------------------------
						Content
------------------------------------------------------------------------------*/
#slider 
{
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 0px 0px 5px 0px;
}
#content
{
	width:870px;
	min-height:750px;
	margin:0px auto 0px auto;
	background:rgba(255,255,255,0.5);
}

#boxes
{
	width:100%;
	/*height:280px;*/
	margin:5px 0px 10px 0px; 
}
	#boxes .box
	{
		width:32.3%;
		height:523px;
		vertical-align:top;
		display:inline-block;
		margin:0px 10px 0px 0px;
		background:#eeeeee;
		border-radius:5px;
	}
	#boxes .box ul#catalozi
	{
		width: 93%;
		margin: 10px;
		list-style: none;
	}
	#boxes .box ul#catalozi li
	{
		padding: 8px;
		font-weight: bold;
		margin-bottom: 2px;
		-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
		text-align: center;
	}
		#boxes .box ul#catalozi li:hover
		{
			cursor: pointer;
			background:#F7F7F7;
		}
		#boxes .box ul#catalozi > li a
		{
			display:block;
			text-decoration:none;
			color:#000;
		}
		#boxes .box ul#catalozi li ul 
		{
			display: none;
			border-top: 1px solid #e7e7e7; 
			margin-top: 5px;
			padding-top: 5px;
		}
		#boxes .box ul#catalozi li.open ul, #catalozi li.open ul li
		{
			display: block;
		} 
		#boxes .box .open
		{
			position: relative;
		}
		#boxes .box .open span 
		{
			top: 1px;
			left: 0px;
			font-size: 20px;
			padding: 1px 15px;
			position: absolute;
			color: #990100;
		}
			#boxes .box .open span:hover 
			{
				color: #fff;
				background: #990100;
			} 
			#boxes .box ul#catalozi li ul li 
			{
				font-weight: normal;
				padding: 2px 5px;
				box-shadow: none;
			} 
			#boxes .box ul#catalozi li ul li a:hover 
			{
				text-decoration: underline;
			}

	#boxes .box .up, .down
	{
		margin: 0 auto;
		cursor: pointer;
		font-size: 20px;
		text-align: center;
	}

	#boxes .box .down 
	{
		margin-top: -4px;
	}

	#boxes .box .up:hover, .down:hover
	{
		opacity: .8;
	}
	
	#boxes .box:last-child
	{
		margin:0px;
	}
		#boxes .box .box_header
		{
			width:100%;
			height:40px;
			padding:10px 0px 0px 20px;
			background:#990100;
			color:#fff;
			font-size:16px;
			font-weight:bold;
			text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
		}
		#boxes .box .box_content
		{
			width:255px;
			height:190px;
			padding:10px;
			position: relative;
			border-radius:5px;
		}
			#boxes .box .box_content #new_logo
			{
				display: block;
				margin-bottom: 5px;
			}
			#boxes .box #partners 
			{
				text-align: center;	
			} 
			#boxes .box #partners ul
			{
				padding: 0;
				list-style: none;
			}
			#boxes .box #partners ul li 
			{
				display: none;
				max-width: 100%;
				max-height: 210px;
				line-height: 170px;
				vertical-align: middle;
			}
			#boxes .box #partners ul li:hover 
			{
				background: none;
			}
			#boxes .box #partners ul li.show
			{
				display: block;
			} 
				#boxes .box #partners ul li img 
				{
					max-width: 100%;
					max-height: 200px;
				}
		#boxes .box .catalogue 
		{
			margin-top: -10px;
		}
		#content_holder #location
		{
			border-bottom:1px dotted #CCC;
			color: #777;
			font-size: 0.917em;
			padding:5px 20px;
		}
		#content_holder #title
		{
			padding: 0.619em 20px;
			font-size: 1.75em;
			font-weight: normal;
			text-transform: uppercase;
			color: #333;
		}
		#content_holder #data
		{
			padding:0px 20px;
		}
		#team_box span
		{
			color: #333;
			padding:20px 0px 0px 20px;
			font-size:1.4em;
			font-weight:bold;
		}
		#team_box p
		{
			margin:5px 0px -10px 40px;
		}
		#content_holder
		{
			width:870px;
		}
/*------------------------------------------------------------------------------
						Footer
------------------------------------------------------------------------------*/	
#footer
{
	background:#ebebeb;
	width:100%;
	height:105px;
	font-size: 0.917em;
	color: #333333;
}
	#footer #container
	{
		width:870px;
		margin:0px auto 0px auto;
	}
	#footer #container #news
	{
		width:600px;
		height:70px;
		padding:10px 0px 0px 0px;
		
	}
		#footer #container #news #new_header
		{
			font-size:18px;
			font-weight:bold;
		}
		
		#footer #container #news #new
		{
			width:560px;
			height:20px;
			background:#dfdfdf;
			border-radius:5px;
			padding:10px 10px 15px 0px;
		}
	#footer #container ul
	{
		float:left;
		margin:0px 0px 0px 10px;
	}
		#footer #container ul li
		{
			height:20px;
			width:150px;
			padding:5px 0px 0px 5px;
			display: inline-block;
		}
		#footer #container ul li:last-child
		{
			border:none;
		}
			#footer #container ul li a
			{
				text-decoration: none;
				color:#1A3359;
			}
	#footer #container #trademarks
	{
		height:20px;
		width:870px;
		margin:5px 0px 0px 0px;
		position: absolute;
	}
	#footer #container #trademarks a
	{
		text-decoration: none;
		color:#1A3359;
	}
		#footer #container #trademarks #dev_team
		{
			float:right;
		}
		#footer #container #trademarks #copyright
		{
			float:left;
		}.overlay-shell
{
	position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
    display:table;
    z-index: 5000;
    background:rgba(0, 0, 0, 0.3);
}
.overlay 
{
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.overlay_back
{
	position:absolute;
	width:100%;
	height:100%;
}
.y-center-overlay
{
    display:table-cell; 
    vertical-align:middle;
}
.overlay, .overlay-pop 
{
    background:rgba(0, 0, 0, 0.5);
	padding: 10px;
}
.contain-overlay 
{
    position: relative;
    margin:0px auto  !important;
    display:none;
}
.overlay-int
{
    position: relative;
}
.overlay-close:hover 
{
	background-position: 0px -24px;
}
.overlay-close 
{
	top: -14px;
	right: -14px;
	position: absolute;
	width: 24px;
	height: 24px;
	cursor:pointer;
	text-indent: -9999px;
	background:url("/templates/default/images/btn_close.png");
}
.content
{
	overflow:hidden;
}/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}