html, body{
	margin: 0;
	padding: 0;
	min-width: 100%;
	height: 100%;
	font-size: 14px;
	font-family: 'Open Sans Condensed', Helvetica, Arial;
	font-weight: 100;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
	/*letter-spacing: 0px;*/
}

.clear,.fix {clear: both;}

a{ text-decoration: none; }
a img{ border: 0; }
	a img:hover:not(.logo){ opacity: .7; }

p{
	margin: 0;
	padding: 0;
	color: #4A4A4A;
}

h1{
	color: #4A4A4A;
	font-family: 'Open Sans Condensed', Helvetica, Arial;
	font-size: 22px;
}

* {
	box-sizing: border-box;
}

/** margins
*/

.m-top-z{ margin-top: 0 !important; }

.m-all{ margin: 20px !important; }
.m-top{ margin-top: 20px !important; }
.m-right{ margin-right: 20px !important; }
.m-bottom{ margin-bottom: 20px !important; }
.m-left{ margin-left: 20px !important; }

.m-all-hlf{ margin: 10px !important; }
.m-top-hlf{ margin-top: 10px !important; }
.m-right-hlf{ margin-right: 10px !important; }
.m-bottom-hlf{ margin-bottom: 10px !important; }
.m-left-hlf{ margin-left: 10px !important; }

/** paddings
*/

.p-all{ padding: 20px !important; }
.p-top{ padding-top: 20px !important; }
.p-right{ padding-right: 20px !important; }
.p-bottom{ padding-bottom: 20px !important; }
.p-left{ padding-left: 20px !important; }

/** text
*/

.txt-left{ text-align: left !important; }
.txt-center{ text-align: center; }
.txt-right{ text-align: right; }

/** width
*/

.w-a{ width: auto !important; }

.w5p{ width: 5% !important; }
.w10p{ width: 10% !important; }
.w15p{ width: 15% !important; }
.w20p{ width: 20% !important; }
.w25p{ width: 25% !important; }
.w33p{ width: 33.33% !important; }
.w40p{ width: 40% !important; }
.w50p{ width: 50% !important; }
.w60p{ width: 60% !important; }
.w66p{ width: 66.66% !important; }
.w100p{ width: 100% !important; }

.w1h3{ width: 33.33% !important; }
.w2h3{ width: 66.66% !important; }
@media screen and (max-width: 1600px) {
	.w1h3{ width: 40% !important; }
	.w2h3{ width: 60% !important; }
}
@media screen and (max-width: 1400px) {
	.w1h3{ width: 50% !important; }
	.w2h3{ width: 50% !important; }
}

/** floats
*/

.f-left{ float: left; }
.f-right{ float: right; }

.transparent{ opacity: .5 !important; }

a.btn-text{
	display: block;
	color: #4A4A4A;
}
	a.btn-text:hover{ opacity: .7; }
	
	a.btn-text.red{ color: #ff4A4A; }

/** input
*/

input,
a.btn,
select,
textarea,
button{
	margin: 0;
	padding: 8px;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	font-family: 'Open Sans Condensed', Helvetica, Arial;
	font-weight: 100;
	font-size: 14px;
}
	input.error,
	a.btn.error,
	select.error,
	textarea.error,
	button.error{
		border: 1px solid #ff4A4A !important;
	}

input[type="text"],
input[type="password"]{
	width: 100%;
}

input[type="submit"],
input[type="button"],
a.btn,
button{
	display: inline-block;
	width: auto;
	min-width: 150px;
	background-color: #4A4A4A;
	border-color: #4A4A4A;
	color: #ffffff;
	text-align: center;
	border-radius: 20px 20px;
	text-transform: uppercase;
	box-shadow: none;
	padding: 8px;
}
	input[type="submit"]:hover,
	input[type="button"]:hover,
	a.btn:hover,
	button:hover{
		cursor: pointer;
		opacity: .7;
	}
	input[type="submit"].gray,
	input[type="button"].gray,
	a.btn.gray,
	button.gray{ background-color: #B0B0B0; border-color: #B0B0B0; color: #FFFFFF !important; }

	input.w370,select.w370{ width: 390px !important; }
	input.w220,select.w220{ width: 220px !important; }

input[type="file"]{
	visibility: hidden;
	opacity: 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #B0B0B0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #B0B0B0;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #B0B0B0;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #B0B0B0;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #B0B0B0;
}

/** login
*/

section#login{
	width: 100%;
}

	section#login header{
		width: 100%;
		max-width: 450px;
		margin: 2% auto;
		text-align: center;
	}
	
		section#login header img.logo{
			width: 180px;
		}
	
	section#login main{
		display: block;
		width: 100%;
		max-width: 450px;
		margin: 2% auto;
	}
	
		section#login main div.box{
			width: 100%;
			background-color: #F5F5F5;
			box-sizing: border-box;
			padding: 50px;
		}
		
			section#login main div.box p{ margin-top: 10px; margin-bottom: 5px; }
			section#login main div.box p.big{ color: #4A4A4A; font-size: 22px; }
			section#login main div.box p a{ color: #4A4A4A; text-decoration: underline; }
				section#login main div.box p a:hover{ opacity: .7; }
			section#login main div.box p:first-child{ margin-top: 0; }
			
/** pages
*/

section#page{
	position: relative;
	width: 100%;
	height: 100%;
}

/** navigation
*/

section#page nav{
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 350px;
	width: 350px;
	overflow-y: auto;
}

	section#page nav img.logo{
		display: block;
		width: 180px;
		margin: 5% auto;
	}
	
	section#page nav div.section-title{
		position: relative;
		width: 100%;
		box-sizing: border-box;
		margin-top: 30px;
		padding: 0 50px;
		margin-bottom: 12px;
		color: #B0B0B0;
		text-transform: uppercase;
	}
		section#page nav div.section-title:nth-child(2){ margin-top: 0; }
		section#page nav div.section-title::before{
			position: absolute;
			left: 25px;
			font-family: FontAwesome;
		}
		section#page nav div.section-title.katalog::before{ content: "\f07a"; }
		section#page nav div.section-title.ine::before{ content: "\f005"; }
		section#page nav div.section-title.sprava::before{ content: "\f013"; }
		section#page nav div.section-title.obchod::before{ content: "\f153"; }
		section#page nav div.section-title.pouzivatel::before{ content: "\f007"; }
		
	section#page nav ul{
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
		section#page nav ul li{
			width: 100%;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
		}
			section#page nav ul li a{
				display: block;
				padding: 10px 0 10px 50px;
				width: 100%;
				height: 100%;
				color: #4A4A4A;
				box-sizing: border-box;
			}
				section#page nav ul li.active{ border-left: #4A4A4A solid 5px; }
				section#page nav ul li.active a{ padding-left: 45px; font-weight: bold; }
				section#page nav ul li:hover:not(.active){ opacity: .7; }

/** alert
*/

#alert{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: none;
}

	#alert .container-box {
		position: fixed;
		width: 80%;
		max-width: 480px;
		top: 20%;
		left: 0; right: 0;
		margin: 0 auto;
		padding: 30px 20px;
		background-color: rgba(102,102,102,.95);
		text-align: center;
		box-shadow: 0 0 5px;
	}
	
	#alert.info{
		position: fixed;
		width: 100%;
		max-width: 280px;
		top: 20%;
		left: 0; right: 0;
		bottom: auto;
		height: auto;
		margin: 0 auto;
		padding: 20px;
		background-color: rgba(102,102,102,0.9);
		text-align: center;
	}
		#alert.info .container-box {
			position: relative;
			width: 100%;
			height: 100%;
			max-width: auto;
			top: auto;
			margin: 0;
			padding: 0;
			background: none;
		}

	#alert p {
		margin: 0;
		padding: 0;
		color: #fff;
		margin-bottom: 20px;
		line-height: 20px;
	}
	
	#alert a.button {
		display: inline-block;
	/* 	float: left; */
		width: 30%;
		padding: 10px;
		color: #ffffff;
		font-weight: bold;
		background-color: #B0B0B0;
	 }
	
		#alert a.button:nth-child(1n+0) { margin-right: 2%; }
		#alert a.button:nth-child(2n+0) { margin-left: 2%; }
		#alert a.button:hover { opacity: .7; }

	#alert a.button.inverse {
		background-color: #4A4A4A;
	}		
	

/** notification
*/			

div.notification{
	position: fixed;
	width: 100%;
	top: 0;
	text-align: center;
	padding: 0 10px;
	z-index: 100;
	background-color: rgba( 74, 74, 74, .7 );
}

	div.notification p{
		width: 100%;
		color: #ffffff;
		margin: 10px 0;
		padding: 10px;
	}
	div.notification p:first-child{ margin-top: 10px; }
	div.notification p:last-child{ margin-bottom: 10px; }
	div.notification p:hover{ background-color: rgba( 74, 74, 74, 1 ); cursor: pointer; }
	
		div.notification p i{ float: right; }
	

/** main
*/

section#page main{
	position: absolute;
	top: 0; bottom: 0;
	left: 350px; right: 0;
	background-color: #F5F5F5;
	box-sizing: border-box;
	padding: 50px;
	min-width: 800px;
	overflow-y: auto;
}
	section#page main div.line{
		width: 100%; height: 1px;
		margin: 30px 0; padding: 0;
		background-color: #E9E9E9;
	}
		
	section#page main h1{
		display: inline;
		margin: 0; padding: 5px 0 0 0;
	}
	
	section#page main input[type="text"],
	section#page main input[type="password"]{
		width: 20%;
	}
	
	section#page main div.text, section#page main div.text a{
		color: #B0B0B0;
	}
		section#page main div.text li.active a{ color: #4A4A4A; }
		section#page main div.text li:not(.active) a:hover{ opacity: .7; }
	
		section#page main div.text ul{ list-style: none; display: inline-block; margin: 0; padding: 0; }
		section#page main div.text ul li{ display: inline-block; margin: 0 0 0 20px; padding: 0; }
		
	section#page main div.box-drag{
		min-width: 250px;
		border-radius: 3px;
		background-color: #FFFFFF;
		margin-top: 20px;
		display: table;
		position: relative;
	}
	section#page main div.box-drag.marked{ background-color: #e7e7e7; font-weight: 500; }
	section#page main div.box-drag.inline{ min-width: 200px; float: left; padding: 10px 30px 10px 10px; display: block; color: #4A4A4A; margin-right: 20px; cursor: move; }
	
		section#page main div.box-drag.tag{ min-width: auto; float: left; margin-right: 20px; }
	
		section#page main div.group-items:not(.show){ display: none; }
		
		/*section#page main div.box-drag:first-child{ margin-top: 0; }*/
		section#page main div.box-drag.sub{ margin-top: 10px; }
			section#page main div.box-drag.sub.one{ margin-left: 5%; }
			section#page main div.box-drag.sub.two{ margin-left: 10%; }
			section#page main div.box-drag.sub.tree{ margin-left: 15%; }
			section#page main div.box-drag.sub.four{ margin-left: 20%; }
			section#page main div.box-drag.sub.five{ margin-left: 25%; }
			
		section#page main div.box-drag a{ padding: 10px 30px 10px 10px; display: block; width: 100%; height: 100%; color: #4A4A4A; }
		section#page main div.box-drag a:hover{ color: #B0B0B0; }
		
		section#page main div.box-drag > i{ position: absolute; top: 0; right: 0; padding: 11px 10px 11px 10px; color: #B0B0B0; cursor: move; }
			section#page main div.box-drag > i.fa-times:hover{ cursor: pointer; color: #ff4A4A; }
		section#page main div.box-drag > i.fa-plus,
		section#page main div.box-drag > i.fa-minus{ position: absolute; top: 0; right: -30px; padding: 11px 10px 11px 10px; color: #B0B0B0; cursor: pointer; }
			section#page main div.box-drag > i.fa-plus:hover,
			section#page main div.box-drag > i.fa-minus:hover{ opacity: .7; }
	
	/** FORM BOX
	*/
	
	section#page main .form-box{
		width: 100%;
		position: relative;
	}
	
	section#page main .form-box div.group-inputs{
		color: #4A4A4A;
		font-size: 14px;
		width: 100%;
		position: relative;
	}
	
	section#page main .form-box div.group{
		position: relative;
		margin-top: 10px;
		color: #4A4A4A;
		font-size: 14px;
		width: 450px;
	}
		section#page main .form-box div.group.space{
			width: 100%;
			margin: 40px 0;
			clear: both;
		}
		
		section#page main .form-box div.group input,
		section#page main .form-box div.group textarea,
		section#page main .form-box div.group .chosen-container{ width: 100%; max-width: 100%; margin-top: 5px; }
		section#page main .form-box div.group textarea{ height: 120px; }
		
		section#page main .form-box div.group div.value{
			font-size: 20px;
			margin-top: 5px;
		}
			section#page main .form-box div.group div.value.small{ font-size: 14px }
		
		section#page main .form-box div.group-inputs:not(.inputs) div.group{ margin-top: 10px; }
		section#page main .form-box div.group-inputs div.group{ width: 21%; float: left; margin-top: 0; margin-right: 10px; }
			section#page main .form-box div.group-inputs div.group.small{ width: 11%; }
		
		section#page main .form-box div.group-inputs div.group label{ display: block; width: 100%; height: 100%; text-align: center; }
		section#page main .form-box div.group-inputs div.group input[type="checkbox"]{ margin: 15px auto; width: auto; }
		
		section#page main .form-box div.group-inputs div.group input.price{ padding-right: 30px; }
		section#page main .form-box div.group-inputs div.group div.price-currency{
			position: absolute;
			right: 5px;
			top: 13px;
			background-color: #ffffff;
			color: #4A4A4A;
			font-size: 16px;
			padding: 0 7px 0 12px;
		}
		
			section#page main .form-box div.group-inputs i{ float: left; margin-top: 13px; font-size: 16px; color: #B0B0B0; }
			section#page main .form-box div.group-inputs i.fa-ellipsis-v{ margin-top: 11px; font-size: 22px; padding: 0 5px; }
			section#page main .form-box div.group-inputs i + i{ margin-left: 10px; }
				section#page main .form-box div.group-inputs i:hover{ cursor: pointer; opacity: .7; }
				section#page main .form-box div.group-inputs i.fa-ellipsis-v:hover{ cursor: move; opacity: .7; }
		
		section#page main .form-box div.group:first-child{ margin-top: 0; }
		section#page main .form-box div.group.last{ margin-top: 30px; }
			section#page main .form-box div.group.last button{ margin-right: 10px; }
			section#page main .form-box div.group.image button{ margin-top: 10px; }
			
		section#page main .form-box div.group.i-button{ color: #B0B0B0; width: auto; }
		section#page main .form-box div.group.i-button:hover{ cursor: pointer; opacity: .7; }
			section#page main .form-box div.group.i-button i{ font-size: 16px; }
			
		section#page main .form-box div.group.image{ 
			width: 220px;
			float: right;
			text-align: center;
			position: absolute;
			top: 11px;
			right: 0;
		}
		
			section#page main .form-box div.group.image .image{
				position: relative;
				width: 100%;
				height: 220px;
				background-color: #ffffff;
				color: #b0b0b0;
				text-transform: uppercase;
			}
				section#page main .form-box div.group.image .image.white{ color: #FFFFFF; }
				section#page main .form-box div.group.image .image i{ font-size: 36px; margin: 80px 0 10px 0; }
				
				section#page main .form-box div.group.image .image img{
					max-width: 100%;
					max-height: 100%;
					width: auto;
					height: auto;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto auto;
					padding: 10px;
					z-index: 1;
				}
				
	/** ITEMS
		*/
		
	section#page main div.container-items{
		width: 100%;
	}
	
		section#page main div.container-items div.item{
			position: relative;
			float: left;
			width: 200px;
			height: 280px;
			padding: 15px;
			margin: 0 20px 20px 0;
			background-color: #FFFFFF;
		}
		section#page main div.container-items div.item:hover{ cursor: pointer; }
		
			section#page main div.container-items div.item a{
				position: absolute;
				padding: 15px;
				width: 100%;
				height: 100%;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				display: block;
			}
			
			section#page main div.container-items div.item div.image{
				position: relative;
				width: 100%;
				height: 180px;
				background-color: #ffffff;
				color: #b0b0b0;
				text-transform: uppercase;
				text-align: center;
			}
			section#page main div.container-items div.item div.image i{ font-size: 36px; margin: 60px 0 10px 0; }
			section#page main div.container-items div.item div.image.not-empty{ color: #ffffff; }
				
				section#page main div.container-items div.item div.image img{
					max-width: 100%;
					max-height: 100%;
					width: auto;
					height: auto;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto auto;
					padding: 10px;
					z-index: 1;
				}
			
			section#page main div.container-items div.item div.title{
				margin: 10px 0 0 0;
				width: 100%;
				text-align: center;
				color: #777777;
				font-size: 14px;
			}
			section#page main div.container-items div.item:hover div.title{ font-weight: bold; }
			

			/* 			PB EDIT 		*/

				
			.group:before,
			.group:after {
				 content: " ";
				 display: table;
			}
			
			.group:after {
				 clear: both;
			}
			
			.group {
				 *zoom: 1;
			}


			.section-box {
				background-color: #FFF;
				padding: 1.5em;
			}
			
					.section-box + .section-box {
						margin-top: 2em;
					}
				
				section#page main .section-box div.items-body {
					margin-bottom: 0;
					min-height: 0;
				}

				section#page main .section-box div.box-drag {
					background-color: #F5F5F5;
				}

				section#page main .section-box div.line {
					width: 100%;
					height: 1px;
					margin: 10px 0 0 0;
					padding: 0;
					background-color: #E9E9E9;
				}
				
	/** TABLES
		*/
		
	section#page main div.container-table{
		width: 100%;
	}
		
		section#page main div.container-table div.column{
			float: left;
			padding: 0 20px;
			white-space: nowrap;
			overflow: hidden !important;
			text-overflow: ellipsis;
		}
		section#page main div.container-table div.column a{ color: #B0B0B0; }
		section#page main div.container-table div.column a:hover{ opacity: .7; }
		section#page main div.container-table div.column.active a{ color: #4A4A4A; }
		section#page main div.container-table div.column i{ margin-left: 10px; }
		
		section#page main div.container-table div.header{
			width: 100%;
			float: left;
			margin-bottom: 10px;
		}
		
		section#page main div.container-table div.body .row{
			display: block;
			width: 100%;
			float: left;
			background-color: #ffffff;
			padding: 20px 0;
			color: #4A4A4A;
		}
		
		section#page main div.container-table div.body a.row:hover{
			background-color: #ecf0f1;
			cursor: pointer;
		}

/** Code for web
*/
		
div.code-for-web{
	margin-top: 50px;
	width: 100%;
}

	div.code-for-web h2{
		color: #4A4A4A;
		font-size: 14px;
	}
	
	div.code-for-web pre{
		padding: 20px;
		tab-size: 5;
		background-color: #FFFFFF;
	}

/** Chosen Plugin
*/

.chosen-select{ opacity: 0; visibility: 0; }

a.chosen-single,
ul.chosen-choices{
	margin: 0 !important;
	padding: 3px 8px 6px 8px !important;
	border: 1px solid #ffffff !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	box-sizing: border-box;
	font-family: 'Open Sans Condensed', Helvetica, Arial !important;
	font-weight: 100 !important;
	font-size: 14px !important;
	position: relative !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	/*white-space: nowrap !important;*/
}
	a.chosen-single,ul.chosen-choices{ -webkit-box-shadow: none !important; box-shadow: none !important; }
	a.chosen-single,ul.chosen-choices:select{ -webkit-box-shadow: none !important; box-shadow: none !important; }
	a.chosen-single,ul.chosen-choices:active{ -webkit-box-shadow: none !important; box-shadow: none !important; }
	a.chosen-single.error,ul.chosen-choices.error{ border: 1px solid #ff4A4A !important; }

a.chosen-single{
	padding: 5px 8px !important;
	height: 34px !important;
}
	a.chosen-single div{ top: 5px !important; }

input.chosen-search-input{
	color: #ccc !important;
	width: 100% !important;
}

.chosen-drop{
	border: 1px solid #ffffff !important;
}
	/*div.chosen-drop{
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}*/

li.highlighted{
	background-color: #4A4A4A !important;
	color: #ffffff !important;
}

li.search-choice{
	display: inline-block !important;
	float: none !important;
	background: #F5F5F5 !important;
	border: 1px #F5F5F5 solid !important;
	color: #4A4A4A !important;
}

li.search-field{
	display: inline-block !important;
	float: none !important;
}