/* TELEPULESTAR-HOME STYLES */

/* GLOBAL */

.heading-block:after{
	content: none;
}

.heading-block{
	margin-bottom: 30px;
}

.heading-block h4 {
	opacity: 0.7;
	moz-opacity: 0.7;
}

.smalltoppadding{
	padding-top: 20px !important;
}

#page-menu .menu-title {
	position: absolute;
	white-space: nowrap;
}

.btn-default {
   background-color: rgba(255, 255, 255, .4);
}
.btn,
.btn:active,
.btn:focus,
.btn:active:focus{
	background: none !important;
	box-shadow: none;

	height: 38px !important;
	transition: all 0.2s ease;
}
.kivB,.kivB:focus{
	background-color: white !important;
	border: 2px solid red !important;
	color: black;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	text-align: center !important;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

#velemjaro-user #header #primary-menu > ul > li a:hover {
	color: #EEE !important;
}

.bongeszes-h2{
	margin-top: 30px;
	font-weight: 800 !important;
	letter-spacing: 3px !important;
	color: white !important;
	text-shadow: 0px 2px 6px rgba(0,0,0,0.5);
}

/* // GLOBAL */

/* TERKEPES BONGESZO */

.jaras_shape{
	cursor: pointer;
}

.settlement_shape, #backtobigmap{
	cursor: pointer;
}

.legend-panel{
	background-color: rgba(245, 245, 220, 0.83);
	border: 1px solid #FFF;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	border-radius: 3px;
	line-height: 1.5vw;
	padding-top: 2%;
}

#lm{
	position: absolute;
	z-index: 0;
	width: 16vw;
	height: 21vw;
	top: 18vw;
	left: 3vw;
	margin-top: 100px;
}

#ld{
	position: absolute;
	z-index: 0;
	width: 16vw;
	height: 21vw;
	top: 18vw;
	left: 20vw;
	display: none;
	margin-top: 100px;
}

#lm-basic{
	width: 100%;
	height: 40%;
	margin-top: 1%;
}

#ld-basic{
	width: 100%;
	height: 18%;
	margin-top: 1%;
}

#ld-hu-1910{
	width: 100%;
	height: 16%;
	margin-top: 1%;
}

#lm-magyarlakta{
	width: 100%;
	height: 16%;
	margin-top: 1%;
}

#ld-magyarlakta{
	width: 100%;
	height: 21%;
	margin-top: 1%;
}

#lm-magyarstats{
	width: 100%;
	height: 44%;
	margin-top: 1%;
}

#ld-portionstats{
	width: 100%;
	height: 28%;
	margin-top: 1%;
}

#ld-rendszam{
	width: 100%;
	height: 15%;
	margin-top: 1%;
}

#ld-rendszam-kek{
	width: 11%;
	height: 100%;
	display: inline-block;
	background-color: blue;
	margin-right: .3vw;
	float: left;
}

#ld-rendszam-csillag {
	width: 60%;
	height: 35%;
	border: 2px dotted yellow;
	border-radius: 50%;
	margin: 20% 0 0 20%;
}

#ld-rendszam-szoveg {
	color: white;
	font-size: 1vw;
	margin-left: 15%;
}

.ld-rendszam-feher {
	background-color: whitesmoke;
	color: #333;
	border-color: #555;
	padding-top: 0;
}

#rendszam-maradek{
}

#ld-rendszam-jarasbetu {
	font-weight: bold;
	font-size: 2.8vw;
	line-height: 2.8vw;
	font-family: monospace;
	overflow: hidden;
	padding-top: 1%;
}

#ld-rendszam-pontok{
	color: #AAA;
}

.lm-centerleft{
	position: relative;
	width: 48%;
	display: inline-block;
	padding-right: 1%;
	text-align: right;
}

.lm-centerright{
	position: relative;
	width: 48%;
	display: inline-block;
	padding-left: 1%;
	text-align: left;
}

span.lm-label, span.lm-unit{
	font-size: 0.9vw;
	fill: #555;
}

span.lm-label-small{
	font-size: 0.8vw;
	fill: #555;
	line-height: 0.2vw;
}

span.lm-data{
	font-size: 1.2vw;
	fill: #555;
	font-weight: bold;
}

.lm-leftbigger{
	position: relative;
	width: 66%;
	display: inline-block;
	padding: .1vw .4vw .1vw .4vw;
	line-height: 1vw;
}

.lm-rightsmaller{
	position: relative;
	width: 31%;
	display: inline-block;
	padding-right: 1%;
	text-align: center;
	line-height: 1vw;
}

.lm-third{
	position: relative;
	width: 32%;
	display: inline-block;
	padding-right: 1%;
	padding-left: 1%;
	line-height: .9vw;
	margin-bottom: .1vw;
}

.lm-half{
	position: relative;
	width: 48%;
	display: inline-block;
	padding-right: 1%;
	padding-left: 1%;
	line-height: .9vw;
	margin-bottom: .1vw;
}

#ld-magyarlakta-telepulesek{
	color: #B00;
}

/* // TERKEPES BONGESZO */

/* SZOVEGES BONGESZO */

.setllink-text{
	font-size: 16px;
	color: #555;
	margin-right: 12px;
}

.setllink{
	display: none;
}

.jaraslink{
	display: none;
}

#valjaras{
	display: none;
	color: #999;
}

#valkerulet{
	color: #999;
}

a.telep-hu{
	color: teal;
}

.keruletlink, .jaraslink {
	width: 90%;
	min-width: 170px;
	max-width: 220px;
	height: 30px;
	border: none;
	text-align: left;
	color: #333;
	background-color: white;
	font-size: 16px;
}

.keruletlink:hover, .jaraslink:hover {
	color: red;  
	font-weight: bold; 
	text-shadow: 0px 0px 1px salmon;
	background-color: white;
}

.setllink-text:hover{
	color: red;
	text-shadow: 0px 0px 1px salmon;
}

.setllink-hu{
	display: inline;
}

.setllink-sk{
	display: none;
}

.telep-varos{
	border-radius: 12px;
	padding: 1px 8px 1px 8px;
	background-color: rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 15px white;
}

#lan-select{
	position: absolute;
	right: 10px;
	width: 85px;
	top: -30px;
	cursor: pointer;
}
#lan-select-mobile{
	position: absolute;
	right: 10px;
	background-color: red;
	width: 85px;
	top: 100px;
	cursor: pointer;
}

#lan-select-label-hu{
	position: absolute;
	left: 0;
}

#lan-select-selector-pane{
	height: 20px;
	width: 40px;
	border: 2px solid gray;
	position: absolute;
	left: 24px;
	border-radius: 10px;
	margin: 0 auto;
	padding: 1px;
	background-color: whitesmoke;
}

#lan-select-selector{
	height: 14px;
	width: 14px;
	background-color: teal;
	border-radius: 8px;
	-webkit-transition: margin-left .3s;
	-moz-transition: margin-left .3s;
	transition: margin-left .3s;
}

.lan-select-selector-left{
	margin-left: 0;
}

.lan-select-selector-right{
	margin-left: 20px;
}

#lan-select-label-sk{
	position: absolute;
	right: 0;
}
.mobile-telep-lista{
  padding:20px;
  padding-top:40px;
}
.lang-selector-mobile-elem{
  display: block;
  margin-top: 90px;
  margin-bottom: 15px;
  height: 40px;
}

@media screen and (max-width: 450px) {
	.heading-block{
		margin-bottom: 5%;
	}
}

@media screen and (max-width: 768px) {
	.kerulet-padding {
		margin-top: 100px;
	}
}


/* // SZOVEGES BONGESZO */

/* // TELEPULESTAR-HOME STYLES */