/* Tipográfia
---------------------------------------------------------------------------*/

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-regular.eot');
	src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-regular.woff') format('woff'),  url('../fonts/opensans-regular.ttf') format('truetype'),  url('../fonts/opensans-regular.svg#Open Sans') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url('../fonts/opensans-bold.eot');
	src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-bold.woff') format('woff'),  url('../fonts/opensans-bold.ttf') format('truetype'),  url('../fonts/opensans-bold.svg#Open Sans') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/oswald-regular.eot');
	src: url('../fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/oswald-regular.woff') format('woff'),  url('../fonts/oswald-regular.ttf') format('truetype'),  url('../fonts/oswald-regular.svg#Open Sans') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Alap beállítások
---------------------------------------------------------------------------*/

.navbar-collapse  {max-height: none;}

body {
	background: #fff url('../images/body_bg.gif') top center no-repeat;
	color: #616161;
	font: normal 13px/18px 'Open Sans', sans-serif;
}

a:hover {text-decoration: none;}

h1, h2, h3 {font-family: 'Oswald';}

h1 {
	text-transform: uppercase;
	font-size: 32px;
	line-height: 1.3;
	letter-spacing: 3px;
}

ul {
	list-style: none;
	padding: 0;
}

/* Választó oldal
---------------------------------------------------------------------------*/

.logo {
	height: 113px;
	line-height: 113px;
	text-align: center;
	margin-bottom: 10px;
}

.valaszto-o h1 {
	text-align: center;
	text-transform: uppercase;
}

.valaszto-elad h1 {
	color: #36a5e1;
	margin-bottom: 15px;
	text-shadow: 1px 1px 0px #fff, 2px 2px 0px #50b9f2;
}

.valaszto-bizomany h1 {
	color: #DE6C83;
	margin-bottom: 15px;
	text-shadow: 1px 1px 0px #fff, 2px 2px 0px #DE6C83;
	align-items: center;
}

.valaszto-vesz h1 {
	color: #39a01a;
	margin-bottom: 15px;
	text-shadow: 1px 1px 0px #fff, 2px 2px 0px #5fc142;
}

.valaszto-kep {
	box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.15);
}

.valaszto-ajanlat {
	font-size: 14px;
	line-height: 1.4;
}

.valaszto-ajanlat .elad-valaszto, .elad-bizomany, .valaszto-ajanlat .vesz-valaszto {
	font: normal 22px/27px 'Oswald';
	margin: 25px 0;
}

.elad-valaszto {color: #36a5e1;}

.elad-bizomany {
	color: #DE6C83;
	text-align: center;
}

.vesz-valaszto {color: #39a01a;}

.valaszto-ajanlat p {margin-bottom: 20px;}

.valaszto-ajanlat ul {margin-bottom: 30px;}

.valaszto-ajanlat ul li span {
	margin-right: 10px;
	font-size: 18px;
}

.valaszto-elad span {color: #36a5e1;}

.valaszto-vesz span {color: #39a01a;}

.gomb-p {
	margin-bottom: 20px;
	text-align: center;
}

.gomb {
	font: 14px 'Open Sans Bold', sans-serif;
	padding: 9px 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	/*margin-bottom: 25px;*/
}

.gomb:hover {color: #fff;}

.gomb-elad {
	-moz-box-shadow: inset 0px 1px 0px 0px #99ddf3;
	-webkit-box-shadow: inset 0px 1px 0px 0px #99ddf3;
	box-shadow: inset 0px 1px 0px 0px #99ddf3;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #44bde9), color-stop(1, #2382ca) );
	background: -moz-linear-gradient( center top, #44bde9 5%, #2382ca 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44bde9', endColorstr='#2382ca');
	background: #44bde9;
	border: 1px solid #2988bb;
	display: inline-block;
	text-shadow:1px 1px 0px #11506f;
}

.gomb-elad:hover {background: #36a5e1;}

.gomb-bizomany {
	-moz-box-shadow: inset 0px 1px 0px 0px #f3b1be;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f3b1be;
	box-shadow: inset 0px 1px 0px 0px #f3b1be;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #44bde9), color-stop(1, #ad3a51) );
	background: -moz-linear-gradient( center top, #f3b1be 5%, #ad3a51 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44bde9', endColorstr='#2382ca');
	background: #DE6C83;
	border: 1px solid #ad3a51;
	display: inline-block;
	text-shadow:1px 1px 0px #ad3a51;
	margin-left: 5px;
	margin-right: 5px;
}

.gomb-bizomany:hover {background: #ad3a51;}

.gomb-vesz {
	-moz-box-shadow: inset 0px 1px 0px 0px #a3de8e;
	-webkit-box-shadow: inset 0px 1px 0px 0px #a3de8e;
	box-shadow: inset 0px 1px 0px 0px #a3de8e;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #59c232), color-stop(1, #2e871a) );
	background: -moz-linear-gradient( center top, #59c232 5%, #2e871a 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59c232', endColorstr='#2e871a');
	background: #59c232;
	border: 1px solid #3c9322;
	display: inline-block;
	text-shadow:1px 1px 0px #2b7118;
}

.gomb-vesz:hover {background: #41a525;}

.gomb-elad:active,
.gomb-elad:focus,
.gomb-vesz:active,
.gomb-vesz:focus {
	position:relative;
	top:1px;
	color: #fff;
	text-decoration: none;
}

.gomb span {color: #fff;}

.kezdo-autok {margin: 30px 0 20px 0;}

/* Lábléc
---------------------------------------------------------------------------*/

.lablec {
	border-top: 4px double #dbdbdb;
	border-bottom: 4px double #dbdbdb;
	padding: 10px 0 30px 0;
}

.lablec a {color: #000;}

.lablec a:hover {border-bottom: 1px solid #000;}

.lablec span {
	color: #000;
	font-size: 12px;
}

.lablec h3,
.lablec p {
	margin-bottom: 20px;
}

.copy {
	text-align: center;
	padding: 20px 0;
	color: #c3c3c3;
}

.copy a {color: #c3c3c3;}

/* Autó eladás kezdő
---------------------------------------------------------------------------*/

.navbar-default {
	background: none;
	border: none;
	border-radius: 0;
}

.logo-belso {
	display: block;
	margin-top: 37px;
}

.navbar-nav {margin-top: 22px;}

.navbar-nav li {
	font: normal 18px 'Oswald', sans-serif;
	border-left: 1px solid #6a6a6a;
	text-shadow: 1px 1px 1px #fff;
}

#menu .meladas a {color: #36a5e1;}

#menu .mvetel a {color: #39a01a;}

.navbar-nav li:hover {
	background: #fff;
	opacity: .7;
}

.navbar-nav span {
	display: block;
	font: normal 14px 'Open Sans', sans-serif;
}

.navbar-default .navbar-toggle {
	margin-top: 40px;
	background: #fff;
	border: 1px solid #616161;
}

.navbar-default .navbar-toggle .icon-bar {border: 1px solid #616161;}

.eladas h1 {
	color: #36a5e1;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #fff, 2px 2px 0px #50b9f2;
	margin-bottom: 30px;
}

.ajanlat-wrap {
	padding: 3px;
	background: #d4e2e9;
}

.eladas-ajanlat {
	background: url('../images/elad_bg.jpg') right center no-repeat;
	padding: 30px 340px 30px 30px;
	border: 1px solid #fff;
	box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 768px) {
	.eladas-ajanlat {
		padding: 20px;
		background: none;
	}
}

.eladas-ajanlat h2 {
	color: #36a5e1;
	font-size: 28px;
	line-height: 1.33;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #fff;
}

.eladas-elony {
	background: url('../images/eladaselony_bg.jpg') left repeat-y;
	padding-left: 95px;
}

@media screen and (max-width: 768px) {
	.eladas-elony {
		padding: 20px;
		background: none;
	}
}


.eladas-elony h2 {
	color: #36a5e1;
	font-size: 28px;
	line-height: 1.33;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #fff;
}

.eladas-elony li {
	font-size: 16px;
	line-height: 1.62;
	text-shadow: 1px 1px 0px #fff;
}

.eladas-elony ul li span {
	margin-right: 10px;
	font-size: 16px;
	color: #36a5e1;
}

.eladas h3 {
	font-size: 22px;
	color: #36a5e1;
	margin-bottom: 20px;
}

.garancia {margin-bottom: 20px;}

.izelito {
	border-top: 4px double #dbdbdb;
	margin-top: 15px;
}

.izelito h3 {margin-left: 15px;}

.tn {
	padding: 10px;
	background: #f3f3f3;
	overflow: hidden;
	-webkit-box-shadow: 0 8px 6px -6px #dbdbdb;
	-moz-box-shadow: 0 8px 6px -6px #dbdbdb;
	box-shadow: 0 8px 6px -6px #dbdbdb;
}

.tn img {border: 1px solid #fff;}

.tn h4 {
	font: normal 18px 'Oswald', sans-serif;
	margin-bottom: 0;
}

.tn h4 a {color: #616161;}

.tn h4 a:hover {color: #000;}

.tn p {
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}

.tn .glyphicon {color: #dbdbdb;}

.tovabbi-autok {
	text-align: right;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	.tovabbi-autok {
		padding: 40px 0;
		background: none;
		text-align: center;
	}
}

.tovabbi-autok .glyphicon {font-size: 12px;}

.partnereinktol h3 {margin: 0 0 20px 0;}

.parner-bevezeto {margin-bottom: 30px;}

.partner {margin-bottom: 30px;}

.partner p {
	position: relative;
	background: #f3f3f3;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #f3f3f3;
	border: 1px solid #dbdbdb;
	padding: 10px;
	-webkit-box-shadow: 0 8px 6px -6px #dbdbdb;
	-moz-box-shadow: 0 8px 6px -6px #dbdbdb;
	box-shadow: 0 8px 6px -6px #dbdbdb;
}
.partner p:after, .partner p:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.partner p:after {
	border-color: rgba(243, 243, 243, 0);
	border-top-color: #f3f3f3;
	border-width: 10px;
	margin-left: -10px;
}
.partner p:before {
	border-color: rgba(219, 219, 219, 0);
	border-top-color: #dbdbdb;
	border-width: 11px;
	margin-left: -11px;
}

.partner div {padding: 5px 10px 0 10px;}

/* Autó listázás
---------------------------------------------------------------------------*/

.lista .tn {margin-bottom: 30px;}

.pagination li a {color: #36a5e1;}

.pagination li.active a {background: #36a5e1;}

/* Autó adatlap
---------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	.adatlap .auto {
		margin-bottom: 30px;
	}
}

.adatlap h2 {
	color: #36a5e1;
	line-height: 1.33;
	margin: 0 0 30px 0;
}

.adatlap h2 span {
	font-size: 21px;
	padding-left: 5px;
}

.adatlap h3:first-child {margin-top: 10px;}

.adatlap p:last-child {margin-bottom: 30px;}

/* Mire ügyeljen? GYIK
---------------------------------------------------------------------------*/

.elad-lista ol,
.elad-lista ul {
	font: normal 18px 'Oswald', sans-serif;
	margin-bottom: 30px;
	padding-left: 22px;
}

.elad-lista ul {list-style: square outside none;}

.elad-lista ol li div,
.elad-lista ul li div {
	font: normal 14px 'Open Sans', sans-serif;
	border-left: solid 1px #dbdbdb;
	padding: 0 0 30px 10px;
	color: #616161;
}

.elad-lista ol li b,
.elad-lista ul li b {
	display: block;
	font: normal 18px 'Oswald', sans-serif;
	color: #36a5e1;
}

.elad szoveg-lista .iratok li div {padding-bottom: 10px;}

.elad {color: #36a5e1;}

/* Autó felvásárlás nyitóoldal
---------------------------------------------------------------------------*/

.vetel h1 {
	color: #39a01a;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #fff, 2px 2px 0px #98ce88;
	margin-bottom: 30px;
}

.vetel h2 {color: #39a01a;}

.vetel-wrap {
	padding: 3px;
	background: #cae8ba;
}

.vetel-ajanlat {
	background: url('../images/vesz_bg.jpg') right center no-repeat;
	padding: 30px 340px 30px 30px;
	border: 1px solid #fff;
	box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 768px) {
	.vetel-ajanlat {
		padding: 20px;
		background: none;
	}
}

.vetel-ajanlat h2 {
	color: #39a01a;
	font-size: 28px;
	line-height: 1.33;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #fff;
}

.vetel-elony {
	background: url('../images/vetelelony_bg.jpg') left repeat-y;
	padding-left: 95px;
}

@media screen and (max-width: 768px) {
	.vetel-elony {
		padding: 20px;
		background: none;
	}
}


.vetel-elony h2 {
	color: #39a01a;
	font-size: 28px;
	line-height: 1.33;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px #fff;
}

.vetel-elony li {
	font-size: 16px;
	line-height: 1.62;
	text-shadow: 1px 1px 0px #fff;
}

.vetel-elony ul li span {
	margin-right: 10px;
	font-size: 16px;
	color: #39a01a;
}

.vetel h3 {
	font-size: 22px;
	color: #39a01a;
	margin-bottom: 20px;
}

.bonusz {margin-bottom: 20px;}

.bonusz ol li:last-child {list-style: none;}

/* Felvásárlás - Mire ügyeljen? GYIK
---------------------------------------------------------------------------*/

.szoveg-lista ol,
.szoveg-lista ul {
	font: normal 18px 'Oswald', sans-serif;
	margin-bottom: 30px;
	padding-left: 22px;
}

.szoveg-lista ul {list-style: square outside none;}

.szoveg-lista ol li div,
.szoveg-lista ul li div {
	font: normal 14px 'Open Sans', sans-serif;
	border-left: solid 1px #dbdbdb;
	padding: 0 0 30px 10px;
	color: #616161;
}

.szoveg-lista ol li b,
.szoveg-lista ul li b {
	display: block;
	font: normal 18px 'Oswald', sans-serif;
	color: #39a01a;
}

.szoveg-lista .iratok li div {padding-bottom: 10px;}

.vesz, .vesz a {color: #39a01a;}

.vesz a:hover {color: #297c10;}


/* BIZOMÁNY */

.jel-bizomany {
	color: #DE6C83;
}

/* ELADVA */

.eladva-p {
	color: white;
	display: block;
	background: rgb(80,179,255);
	background: linear-gradient(180deg, rgba(80,179,255,1) 0%, rgba(17,80,111,1) 100%);	position:absolute;
	position: relative;
	border-bottom: none !important;
	text-align: center;
	padding-top: 10px !important;
	font-size: 18px;
}

.eladva-p-nagy {
	color: white;
	display: block;
	background: rgb(80,179,255);
	background: linear-gradient(180deg, rgba(80,179,255,1) 0%, rgba(17,80,111,1) 100%);	position:absolute;
	position: relative;
	border-bottom: none !important;
	text-align: center;
	padding-top: 10px !important;
	font-size: 18px;

}

.eladva-img {
	filter: grayscale(100%);
	transition: 1s;
}

.eladva-img:hover {
	filter: grayscale(0%);
	transition: 1s;

}