@import url('general.less');
/* jQuery slideLock CSS */
#1289 input{  color: rgb(232, 212, 185)!important;}#1289 input:-moz-placeholder { /* Firefox 18- */     color: rgb(232, 212, 185)!important;}#1289 input::-moz-placeholder {  /* Firefox 19+ */  color: rgb(232, 212, 185)!important;}#1289 input:-ms-input-placeholder {    color: rgb(232, 212, 185)!important;  }.modules-left .block .block-inside ul a{line-height:27px!important;}
p.quiet { padding: 0 0 24px 288px; width: 264px; }
span.quiet { font-size: .875em; }
#locked, #unlocked, p.quiet img { display: block; float: left; }
#locked { font-weight: bold; color: #333; width: 124px; }
#unlocked { width: 124px; text-align: right; }
p.quiet img { margin: 0; }
div.in{
	height: auto;
}
.gotop{
	display: block;
margin: 0 auto;
text-align: center;

}
#171 section{
    background-color:#1f3045!important; 
} 
.mail h3{background:#1f3045 url('http://startablak.hu/template/img/h3-bg-blue.png') !important;color:white!important;  background-repeat: no-repeat!important;
}
.new_link{
	background: #ed5e60;
	border: 1px solid #c4716b;
	padding: 0;
	font-size: 0.8em;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	width: 100%;
	height: 40px;
	line-height: 40px
}
.banner.last{
margin-bottom: -25px;
top: 10px;
position: relative;}
#new_link input{
	padding-left: 10px;
	border: #e1e1e1 1px solid;
	color: black;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	width: 96%;
}
.mail{
	input[type="submit"]{
		background: #ed5e60;
	border: 1px solid #c4716b;
	padding: 0;
	font-size: 0.8em;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	color:white;
	}
	h3{
		text-align: center;
		font-size: 1.4em;
		padding: 20px 10px 10px 10px;
		color: black;
	}
	section{
			background: white;
	}
	input{
		padding-left: 10px;
		border: #e1e1e1 1px solid;
		color: black;
		height: 40px;
		line-height: 40px;
		margin-left: 10px;
		margin-bottom: 10px;
		border-radius: 3px;
		width: 96%;
	}
	#tabs{ 
		display: inline-table;
		width: 100%;
		
		
		div[data-id=gmail]{
			display: block;
		}
		.on{
			background: white;
			a{
				color:#1f3045;
			}
		}
		li{
			display: block;
			float:left;
			width: 25%;
			text-align:center;
			background-color:  #1f3045;
			height: 30px;
			line-height: 30px;
			margin-bottom: 25px;
			
			a{
				color:white;
			}
		}

	}
	.mail 
	h3,
	p{
		text-align: center;
		font-size: 1.2em;
		padding: 20px 10px 10px 10px;
		color: black;
	}

}
#new_link input[type="submit"]
{
	background: #ed5e60;
	border: 1px solid #c4716b;
	padding: 0;
	font-size: 0.8em;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	color:white;
}


.lotto_wrap li{display:inline-block;}
.lotto_wrap h4{color:black;}
.otos,
.hatos{
	display: block;
	margin: 4px 13px 0 15px;
	padding: 0;
	overflow: hidden;
	list-style: none;
	white-space: nowrap;
}
.lotto_wrap small{
	float: right;
	clear: both;
	color: red;
}
.otos li,
.hatos li{  
	display: block;
	float: left;
	clear: none;
	width: 32px;
	height: 32px;
	margin: 0px 0 5px 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	font-family: arial,sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	text-shadow: 0 0 2px #333;
}

.otos li{background: url('otos.png') no-repeat;}

.hatos li 
{background: url('hatos.png') no-repeat;}

.label {
	display: block;
	padding: 0;
	margin: 0;
}
.price strong{
	width:auto!important;
	margin: 5px 5px 0 5px!important;
	float:left;
}
.label p{
	width: auto!important;
	margin: 5px 5px 4px 0px!important;
	float: left;
}
th.price p{
	width: auto!important;
	margin: 5px 0 0 0!important;
	float: left;
	text-indent: 5px;
}
.uzemanyag tbody tr{height:30px;width: 50%;
	float: left;
	display: block;}
	td.price p{
		width:auto!important;
		margin:5px 0 0 0!important;
		float:left;
	}
	.price{font-size:80%;color:black;font-weight:bold;}
	.otos ul, 
	.hatos ul
	{
		display: block;
		clear: both;
		float: none;
		padding: 0!important;
		margin: 10px 0!important;
	}
	.uzemanyag .label p{margin:0;}
	.uzemanyag table{width:100%;}
	.uzemanyag tr:nth-child(4),
	.uzemanyag tr:nth-child(5)
	{
		display:none;
	}
	.uzemanyag .content{background:transparent;color:white;}
	.uzemanyag h2{display:none;}
	.block-inside p{margin: 5px;}
	/* Slider ----------------------------------*/
	.ui-slider { height: 23px;
		padding: 6px 12px;}
		.ui-slider-handle { }
		.ui-slider-handle:hover { cursor: e-resize; }
		.ui-slider-horizontal { }
		.ui-slider-handle:hover, .ui-state-hover, .ui-state-focus, .ui-state-active { }
		a.ui-state-hover, a.ui-state-focus { }
		a.ui-state-active { }
		#slider{margin-left:20px;}
		#slider a{height: 30px;}
		.clear{clear:both;}
		.slider{padding:0; margin:0;}
		form[role=form]{float:none;}
		.col-md-4 {
			width: 33%;
		}
		#dvDest li img{display: none;}
		.alert{display:none;}
		.modal-dialog{ 
			color:black;
			text-align: left;
			h6{
				background: #1f3045;
				padding: 5px;
				color: white;
				margin:15px 0;
			}
			li{

				margin: 5px 20px;
			}
		}
		.menu{
			clear: both;
			float: none;
			top: 15px;
			position: relative;
		}
		.home_set{
			text-align: right;
			position: relative;
			top: 25px;
			a{
				background: transparent;
				border:0;
				color:white;
				&:hover, &:active, &:focus{
					background: transparent;
					border-color:transparent!important;
					border:0!important;
					color: #c54e4e;
					outline: 0!important;
				}
			}
		}
		a,span{


			&:active,
			&:hover
			{
				color:@active;
				text-decoration: none;
				-webkit-transition: color 0.5s linear;
				-moz-transition: color 0.5s linear;
				-ms-transition: color 0.5s linear;
				-o-transition: color 0.5s linear;
				transition: color 0.5s linear;
			}
		}

		img{
			max-width: 100%;
		}
		body{
			background: @background;
			color:@font-color;
			font-family: @font-family;
			font-size: 1em;
			line-height: 1.3em;
			background-position:top center;
			background-attachment:fixed;
			background-repeat: no-repeat;
		}
		.modules-left{
			width: 33%;
			float:left;
		}
		.modules-center{
			width: 33%;
			float:left;
		}
		.modules-right{
			width: 34%;
			float:right;
		}
		.white_bg{
			a{
				color:black!important;
				-webkit-transition: color 0.5s linear;
				-moz-transition: color 0.5s linear;
				-ms-transition: color 0.5s linear;
				-o-transition: color 0.5s linear;
				transition: color 0.5s linear;
				&:hover{
					color:@active !important;
					-webkit-transition: color 0.5s linear;
					-moz-transition: color 0.5s linear;
					-ms-transition: color 0.5s linear;
					-o-transition: color 0.5s linear;
					transition: color 0.5s linear;
				}
			}
			color:black!important;
		}
		header{

		}
		.container{
			padding: 2px;
			max-width: 995px;
			width: 995px;
			height: auto;
		}
		.content{
			background: white;
			color:black;
			padding: 12.5px;
			display: inline-block;
			width: 100%;
		}

		.drop{
			background: white;
			h3{	
				text-align: center;
				font-size: 1.2em;
				padding: 20px 10px 10px 10px;
				color: black;
			}
			p{
				color:black;
				text-align: center;
				padding: 0px 10px 10px 10px;
			}
			ul{
				padding:15px;
				line-height: 35px;

				li{

				}
				a:first-child{
					display: block;
					width: 90%;
					float: left;
					height: 35px;
					line-height: 35px;
					color:black;
					span{
						position: static;
					}
				}
				span:last-child{
					color: black;
					position: relative;
					top: -7px;
					cursor: pointer;
				}

				img{
					margin-right: 15px;
					float:left;
				}
			}

		}
		.draggable
		{
			filter: alpha(opacity=60);
			opacity: 0.6;
		}
		.dropped
		{
			position: static !important;
		}
		/*-------------- TOP NAV ------------*/
		.panel-title > a{
			color: white;
		}
		.panel-default > .panel-heading{
			background-color: #ea6060;
			border:0;
			border-radius: 0;
			padding: 0;
			height: 50px;
			a{
				width: 100%;
				display: block;
				height: 50px;
				line-height: 50px;
				text-indent: 25px;
			}
		}
		#accordion li{
			list-style: none;
			a{
				color:white;
			}
		}
		#accordion,
		.panel-default > .panel-heading + .panel-collapse > .panel-body{
			background-color: #1f3045;
			border:0;

		}
		.panel-default {
			border:0;
		}
		.affix{
			position: fixed;
			top: 0;
			width: 100%;
			left: 0;
			z-index: 9999;
		}


		.navbar-default .navbar-nav > li > a:hover{
			color:#c54e4e;
		}
		/*-------------- logo slogan ------------*/

		.slogan{
			margin:20px 0 20px 0;
			figcaption{
				font-size: 1.2em;
			}
		}




		/*-------------- banner ------------*/

		.banner{

			margin-top: 10px;
			clear: both;
			min-height: 50px!important;
			margin-bottom: -50px;

			p{
				padding:0; 
				margin:0;

			}
			img{
				width: 100%;
				margin:0!important;
			}
		}
		.feedEkList li{
			margin-bottom:10px;
		}

		/*-------------- blocks ------------*/

		.modules-left .block .block-inside ul a,
		.modules-center .block .block-inside ul a{
			display: block;
			width: 100%;
			min-height: 35px;
			line-height: 32px;
			color:@white;
			font-family:n;
		}
		.blue_bg h3{
			background: #1f3045 url('../img/h3-bg-blue.png')!important;
			color:white!important;
			background-repeat: no-repeat!important;
		}
		.block{
			padding: 0 5px 0 5px;
			margin-top:10px;	

			.block-inside{	
				h3{
					font-size: 1.5em;
					padding: 10px;
					font-family: "t";
					color:black;
					background: white url('../img/h3-bg.jpg');
					text-indent: 20px;
					background-repeat: no-repeat;
				}

				ul{
					padding:15px;
					line-height: 2em;

					li{

					}
					a{

						&:hover{
							color:#c54e4e;
						}
					}
					img{
						margin-right: 15px;
						float:left;
					}
				}
			}
		}

		ul.feedEkList{
			a{
				display: block;
				width: 100%;
				min-height: 20px;
				line-height: 20px;

				color:@white;
				font-family:n;
			}
		}
		.modules-left,#modules-center{
			#dvDest{
				display:inline-table;
				width: 100%;
				min-height: 0;
			}
		}
		/*-------------- footer ------------*/
		footer{

			background: #42728A;
height: 50px;
line-height: 50px;
padding: 0 10px;
			margin: 5px 0 15px 0;
			li:first-child{
				margin-left:0;
			}
			li{
				float:left;
				margin-left:5%;
				a{
					color:@white;
					&:active,
					&:hover
					{
						color:@active;
					}
				}
			}
		}

		.newsletter{
			section{
				background: white;
			}
			h3{
				text-align: center;
				font-size: 1.4em;
				padding: 20px 10px 10px 10px;
				color: black;
			}
			p {
				color: black;
				text-align: center;
				padding: 0px 10px 10px 10px;
				font-size: 0.7em;
			}
			div{
				display: inline-block;
				line-height: 3em;
				width: 100%;
				text-align: center;
				input[type=email]
				{
					padding-left: 10px;
					border:#e1e1e1 1px solid;
					color: black;
				}
				input{
					height: 40px;
					line-height: 40px;
					margin-left: 10px;
					margin-bottom: 10px;
					border-radius: 3px;
				}
				input[type="submit"]
				{
					background: #ed5e60;
					border: 1px solid #c4716b;
					padding: 0;
					font-size: 0.8em;
					-webkit-transition: background 0.5s linear;
					-moz-transition: background 0.5s linear;
					-ms-transition: background 0.5s linear;
					-o-transition: background 0.5s linear;
					transition: background 0.5s linear;
					&:hover{
						background: #BA4A4B;
						-webkit-transition: background 0.5s linear;
						-moz-transition: background 0.5s linear;
						-ms-transition: background 0.5s linear;
						-o-transition: background 0.5s linear;
						transition: background 0.5s linear;
					}
				}

			}
		}

		@media (min-width: 992px) { 

			nav#top_nav{
				margin-top:40px;
				background-color: @white;
				min-height: 180px;
				padding:25px;
				display:inline-block!important;
				width:100%;

				ul{
					margin:0 0px 0 0;	
					list-style-type: none;
					.nopadding;
					li{
						margin-right: 20px;
						border-right: 2px solid #4b5252;
						a{
							font-family: "n";
							color:@link-color;

							&:hover{
								color:#c54e4e;
							}
						}
					}
				}
			}
			.col-md-17{
				width: 20%;
				float:left;
			}
			nav#top_nav	ul:nth-child(2n+5) li{
				border-right: 0;
			}
		}
		@media (max-width: 992px) { 

			.navbar-nav {
				margin: 0;
			}
			.navbar-header{
				background-color: #1f3045;
				.right{
					line-height: 60px;
					height: 60px;
					margin-right: 5%;
					text-transform: uppercase;
				}
			}
			.navbar-default .navbar-nav > li > a {
				color: white;
				line-height: 40px;

				&:hover{
					background: #c54e4e;
					color:white;
					line-height: 40px;
				}
			}
			.navbar-default .navbar-collapse{
				margin:0;
				padding:0;
				background-color: #1f3045;
				border: 0;
			}
			.navbar-default{
				border:0;
			}
			/*-------------- menu ------------*/
			.menu{

				figure{
					background-color: #e66060;
					width: 60px;
					height: 60px;
					text-align: center;
					line-height: 65px;
					float:left;
				}
				li{


					a{
						color:@menu-color;

					}
				}


				.social-icons{
					width: 100%;

					li:first-child,
					li:last-child{
						width:60px;
						text-align: center;
						img{
							margin-left: 0px;
						}
					}
					li{
						text-align: left;
						img{
							margin-left: 20px;
						}
						.nopadding;
						.nomargin;
						width: 120px;
					}
				}
			}


			.navbar-default .navbar-toggle{
				float:left;
				border:0;
			}
			.navbar-toggle {
				position: relative;
				float: right;
				padding: 0;
				margin-top: 0;
				margin-right: 0;
				margin-bottom: 0;
				background-color: transparent;
				background-image: none;
				border: 1px solid transparent;
				border-radius: 0;
				border: 0;
				height: 60px;
			}
		}
		@media (min-width: 992px) { 


			/*-------------- menu ------------*/
			.menu{
				nav{
					height: 60px;
					background-color: @white;
					line-height: 60px;
					border-radius: 0;
					border:0;
				}
				figure{
					background-color: #e66060;
					width: 60px;
					height: 60px;
					text-align: center;
					line-height: 65px;
					float:left;
				}
				li{
					float:left;
					margin-left:5%;
					a{
						color:@menu-color;
						font-family: "t";

					}
				}


				.social-icons{
					width: 420px;
					color: black;
					text-align: right;
					padding-right: 10px;

					li:first-child,
					li:last-child{
						width:60px;
						text-align: center;
						img{
							margin-left: 0px;
						}
					}
					li{
						text-align: left;
						img{
							margin-left: 20px;
						}
						.nopadding;
						.nomargin;
						width: 120px;
					}
				}
			}

			.navbar-nav {
				float: left;
				margin: 0;
				width: 48%;
				height: 60px;
				line-height: 60px;
			}
			.menu li {
				height: 60px;
			}
			.navbar-default .navbar-nav > li > a {
				height: 60px;
				line-height: 2;
			}
		}



		@media (min-width: 768px) and (max-width: 992px) { 
			.banner{
				margin-bottom: -20px;
			}
			.navbar-collapse {
				height: 0;
				overflow: hidden;
			}
			nav#top_nav {
				display: inline-block;
				min-height: 130px;
				width: 100%;
				height: auto;
				margin-top:40px;
				ul{
					clear: none;

				}
			}

			nav#top_nav ul:nth-child(2n+8) li{
				border-right: 2px solid #4b5252;
			}
			nav#top_nav ul:nth-child(3n+3) li{
				border-right: 0;
			}
			.container {
				max-width: 98%;
				width: 100%;
			}
		}


		@media (max-width: 768px) { 
			.navbar-collapse{
				height:0; overflow:hidden;
			}
			.navbar-collapse.in{
				overflow: none; height: auto;
			}
			.banner{
				margin-bottom: -25px;
			}
			nav#top_nav ul li{
				border-right: 2px solid #4b5252;
			}
			nav#top_nav ul:nth-child(2n+2) li{
				border-right: 0;
			}


		}
		.feedEkList li:nth-child(1n+9)
		{
			display: none;
			-webkit-transition: all 1s linear;
			-moz-transition: all 1s linear;
			-ms-transition: all 1s linear;
			-o-transition: all 1s linear;
			transition: all 1s linear;
			height: 0;

		}
		.feedEkList.open li{
			height: auto;
			display: block;
			-webkit-transition: all 1s linear;
			-moz-transition: all 1s linear;
			-ms-transition: all 1s linear;
			-o-transition: all 1s linear;
			transition: all 1s linear;
		}
		.more_rss img, .less_rss img{
			float: right!important;
			position: relative;
			top: 8px;
			left: 5px;
			width: 15px;
		}
		.more_rss,.less_rss,.more_rss:visited,.less_rss:visited,.more_rss:hover,.less_rss:hover{text-align: right; color:#c54e4e!important;font-weight: 600;text-decoration: none!important;}





		#easyOverlay{position:fixed;z-index:9998;left:0;top:0;width:100%;height:100%;background:url(bg.png);cursor:pointer}
		#easyCenter{position:fixed;left:50%;top:50%;z-index:9999;overflow:hidden;background:#fff;border-top-left-radius:4px;border-top-right-radius:16px;border-bottom-right-radius:4px;border-bottom-left-radius:16px;}
		#easyLoadingIndicator{position:relative;left:50%;top:50%;width:24px;height:24px;margin-left:-12px;margin-top:-12px;background:url(loading.gif) no-repeat}
		#easyContainer{overflow:hidden}
		#easyContainer.error{background:url(error.png) no-repeat center}
		#easyContainer,
		#easyBottom{padding:16px}
		#easyContainer img,
		#easyContainer iframe{border:0}#easyBottom{color:#666;text-align:left;padding-top:0;min-height:24px}
		#easyCloseLink{display:block;float:right;width:24px;height:24px;background:url(controls.png) no-repeat -96px 0;margin:0 0 0 10px;outline:0}
		#easyCloseLink:hover{background:url(controls.png) no-repeat -96px -24px}
		#easyNavigation{float:left;width:50px;height:24px;margin:0 10px 0 0}
		#easyPrevLink{display:block;float:left;width:24px;height:24px;background:url(controls.png) no-repeat 0 0;outline:0}
		#easyPrevLink:hover{background:url(controls.png) no-repeat 0 -24px}
		#easyPrevLink.disabled{background:url(controls.png) no-repeat 0 -48px}
		#easyNextLink{display:block;margin:0 0 0 26px;width:24px;height:24px;background:url(controls.png) no-repeat -24px 0;outline:0}
		#easyNextLink:hover{background:url(controls.png) no-repeat -24px -24px}#easyNextLink.disabled{background:url(controls.png) no-repeat -24px -48px}#easySlideLink{display:block;float:right;width:24px;height:24px;background:url(controls.png) no-repeat -48px 0;margin:0 0 0 10px;outline:0}#easySlideLink:hover{background:url(controls.png) no-repeat -48px -24px}#easySlideLink.disabled{background:url(controls.png) no-repeat -72px 0}#easySlideLink.disabled:hover{background:url(controls.png) no-repeat -72px -24px}#easyCaption,#easyNumber{display:block;margin-right:60px}#easyCaption.nav,#easyNumber.nav{margin-left:60px}#easyCaption{font-size:12px;font-weight:bold;line-height:16px;padding-top:2px}
		#easyNumber{font-size:10px;line-height:10px;height:10px;padding:4px 0 6px}

		.uzemanyag table tbody tr:nth-child(1),
		.uzemanyag table .price.min, .uzemanyag table .label,
		.uzemanyag table .price.max{
			display:none;

		}

		.uzemanyag table tbody tr:nth-child(2) .price.avg:before{
			width:28px;
			height:32px;
			display:block;
			content:"";
			float:left;
			background:url('95.png');
		}
		.uzemanyag table tbody tr:nth-child(3) .price.avg:before{
			width:28px;
			height:32px;
			display:block;
			content:"";
			float:left;
			background:url('d.png');
		}
		.uzemanyag table tbody tr:nth-child(3) .price.avg:after,
		.uzemanyag table tbody tr:nth-child(2) .price.avg:after{
			width:12px;
			height:11px;
			display:block;
			content:"";
			float:left;
			margin-top: 10px;
			margin-left: 5px;

		}