.left {
	float: left;
}

.right {
	float: right;
}

.line-tb {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

.line-top {
	border-top: 1px solid #a0a0a0;
}

.line-bottom {
	border-bottom: 1px solid #a0a0a0;
}

.line-right {
	border-right: 1px solid #d5d5d5;
}

.line-left {
	border-left: 1px solid #d5d5d5;
}

.dotted-top {
	border-top: 1px dotted #a0a0a0;
}

.selection {
	border: 1px dotted #999;
}

.devbck {
	background-color: rgba(170, 170, 170, 0.182);
}

.minh400 {
	min-height: 400px;
}

.minh800 {
	min-height: 800px;
}

.animate {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.px2 {
	height: 2px;
}

.px3 {
	height: 3px;
}

.px5 {
	height: 10px;
}

.gap10 {
	height: 10px;
}

.gap20 {
	height: 20px;
}

.gap30 {
	height: 30px;
}

.gap40 {
	height: 40px;
}

.clear {
	clear: both;
	display: block;
}

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

.hide {
	display: none !important;
}

/* toto potom oddelime co ineho css */
.reklama {
	color: #ccc;
	text-align: center;
	display: block;
	padding: 10px 0px;
}

.formbox {
	text-align: center;
	width: 50%;
	background-color: #f5f5f5;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid #ccc;
}

.formbox span {
	clear: both;
	width: 100%;
}

.formbox span input {
	width: calc(80% - 60px);
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	border-radius: 5px;
	padding: 8px 10px;
	font-size: 16px;
	outline: none;
	margin: 0px;
}

.buttonbar a.login {
	background: url("/images/icon_login.png") no-repeat 10px 8px;
}

.trans {
	opacity: 0.8;	
	bottom: 6px !important;
}

div.msgBox {
	float: left;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.9);	
/*	background-color: #fff;
	opacity: 0.7; */
	z-index: 10000;
	text-align: center;	
	padding-top: 0%;
	display: none;
}

div.msgBox div.center {
	display: table;
	position: absolute;
	height: 90%;
	width: 100%;
	line-height: 1;
}

div.msgBox div.inner {
	display: table-cell;
	vertical-align: middle;
}

div.msgBox div.inner a.frmbtn {
	display: inline-block;
	background-color: #CB080E;
	color: #fff;
	padding: 10px 20px;
}

div.msgBox div.inner h3 {
	float: left;
	width: 100%;
	font-size: 26px;
	font-weight: bold;
	color: #CB080E;
	padding: 20px 0px;
}

div.msgBox div.inner p {
	float: left;
	width: 80%;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin: 0px 10% 20px 10%;
	line-height: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #909090;
	text-align: center;
}

.formbox span input.err {
	border: 1px solid #CB080E;
	background-color: rgba(203, 8, 14, 0.187)
}

.frmbtn {
	text-decoration: none;
}

.lldiv {
	width: 100%;
	text-align: center;
}

.llimg {
	width: auto !important;
}

.socialbar div a {
	text-decoration: none;
}

@media (min-width: 470px) and (max-width: 640px) {
	.formbox {
		width: 70%;
	}
}

@media (min-width: 300px) and (max-width: 469px) {
	.formbox {
		width: 90%;
	}
}