@charset "iso-8859-2";
.clearfix {
	clear: both;
	font: 0;
}
.clearfix2 {
	clear: both;
	font: 0;
	border-bottom: 1px solid #A5A5A5;
}
body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
	text-align: left;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
a {
	text-decoration:none;
	color:#269;
	font-weight:bold;
	padding-bottom: 2px;
}
a:hover {
	text-decoration: underline;
	cursor: pointer;
}
img {
	border: 0px solid transparent;
	padding: 0;
	margin: 0;
}
img:hover {
	text-decoration: none;
	background: transparent;
	cursor: pointer;
}
/* fő tartalmi elemek ------------------------------------------------------*/
#container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../style/pic/content.jpg) top left repeat;
}
#container #content {
	width: 990px;
	padding: 5px 0 0;
	margin: 0 auto;
	text-align: left;
}
/* címsor ------------------------------------------------------------------*/
#content .cimsor {
	clear: both;
	width: 980px;
	height: 50px !important;
	height: 80px;
	margin: 0 auto 0;
	padding: 10px 0;
	background: url(../style/pic/cimback.gif) top left repeat;
}
.cimsor div.fokatpic {
	float: left;
	width: expression('60px');
	margin-left: 10px;
}
.cimsor div.fokatpic img {
	float: left;
	height: 50px;
}
.cimsor div.cim {
	float: left;
	width: expression('400px');
	height: 50px;
	margin: auto 0;
}
.cimsor div.cim h1 {
	clear: both;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	color: #A12121;
}
.cimsor div.ajanlat {
	float: right;
	margin: 0;
	padding-left: 20px;
}
#content .reklamleft {
	text-decoration: none;
}
#content .vertical {
	border-left: 1px dotted black;
}
#content .firstcat {
	padding-left: 10px;
}
/* új kategorizálás főablaka ---------------------------------------------------------*/
#content #leftcont {
	float: left;
	width: 200px !important;
	width: 190px;
	margin: 0 0 0 5px !important;
	margin: 0;
	padding: 0;
	background-color: #E7EBF1;
}
#content #rightcont {
	float: right;
	width: 780px;
}
#leftcont div.cim {
	clear: both;
	width: 190px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #2626A5;
	color: white;
	border: 1px solid #2626A5;
}
#leftcont div.brand {
	clear: both;
	width: 190px;
	padding: 5px;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
}
#leftcont div.selection {
	clear: both;
	width: 190px;
	padding: 5px;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
}
#leftcont div.extra {
	clear: both;
	width: 190px;
	padding: 5px;
	border-left: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
#leftcont h1 {
	font-size: 12px;
	padding: 4px 0;
	font-weight: bold;
}
#leftcont h2 {
	font-size: 11px;
	letter-spacing: -1px;
	padding: 2px 0 2px 5px;
}
#leftcont div.selection h2 {
	letter-spacing: 0px;
}
#leftcont div.extra img {
	width: 90%;
	height: auto;
	margin: 5px 5% 0;
}
#leftcont div.extra h1 {
	text-align: center;
}
#leftcont div.extra div.kiemelt {
	clear: both;
	width: auto;
	margin: 5px;
	padding: 8px;
	color: black;
	font-size: 11px;
	text-align: center;
	border: 2px solid #173C8E;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
#leftcont div.kiemelt span {
	float: left;
	margin: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #B53328;
}
#leftcont div.kiemelt img.info {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
#leftcont div.kiemelt p {
	clear: both;
	padding: 5px;
	font-size: 11px;
	line-height: 15px;
}

/* kategorizálás főablaka ------------------------------------------------------------*/
#content #katcontainer {
	padding: 5px;
	margin: 0;
	border-left: 2px solid #C3C3C3;
	border-bottom: 2px solid #C3C3C3;
	border-right: 2px solid #C3C3C3;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
/* kategória szerinti választék ------------------------------------------------------*/
#content .valasztek {
	clear: both;
	display: inline-block;
	width: 100%;
	margin: 0;
	height: auto;
	padding-bottom: 0px;
}
#content .valasztek .kategoria {
	float: left;
	height: 220px;
	width: 10em;
	margin: 0px 0 10px 0;
	text-align: center;
}
#content .valasztek .alkategoria {
	float: left;
	width: auto;
	margin: 0px 30px 0px 0;
	padding: 0;
	text-align: center;
}
#content .valasztek img {
	width: 90%;
	margin: 0 5%;
}
#content .valasztek img:hover {
	cursor: pointer;
}
#content .valasztek h1 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
	text-align: center;
}
#content .valasztek h2 {
	font-size: 0.7em;
	text-align: left;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 0 10px;
}
#content .valasztek h3 {
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 10px;
}
#content .valasztek p {
	margin: 0;
	padding: 0 4px 0 4px;
	font-size: 0.7em;
	text-align: left;
}
#content .valasztek .alkategoria h1 {
	text-align: left;
	padding: 0 0 0 10px;
}
/* autótípusok listázása ------------------------------------------------------*/
#content .marka {
	clear: both;
	width: 960px;
	margin: 0 0 0px;
	padding: 5px 0 10px 10px;
}
#content .marka .oszlop {
	float: left;
	width: auto;
	margin: 2px 15px 5px 0;
	text-align: center;
}
#content .marka h1 {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-weight: bold;
}
#content .marka h2 {
	font-size: 0.7em;
	text-align: left;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
#content .marka p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
#content .marka p.jobbra {
	float: right;
	padding: 0 10px 0 0;
}
#content #auto1 p:hover {
	cursor: pointer;
	text-decoration: underline;
}
/* termékajánlat listázása ------------------------------------------------------*/
#content .elvalaszto {
	clear: both;
	width: 98%;
	height: 15px;
	margin: 10px auto 5px auto;
	padding: 0 0 0 0;
	font-size: 10px;
	text-align: left;
	border-bottom: 1px solid #959595;
}
#content .elvalaszto span {
	padding: 2px 10px;
	margin: 0;
	font-weight: bold;
	line-height: 14px;
	color: #223248;
	background-color: #D7D7EE;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
#content .termeksor {
	clear: both;
	width: 100%;
}
#content .termek {
	float: left;
	min-height: 250px;
	width: 33%;
	margin: 0 0 5px;
	text-align: center;
}
#content .termek img {
	height: 130px;
}
#content .termek h1 {
	padding: 0 15px;
	font-size: 0.8em;
	text-align: center;
}
#content .termek p {
	padding: 5px 10px 0;
	text-align: left;
	font-size: 0.7em;
}
#content .termek p strong {
	font-weight: bold;
}
#content .termek p img {
	height: 25px;
	float: left;
	padding: 4px 10px 0 0;
}
#content .termek .arbox {
	margin: 10px 10px 0;
	padding: 5px;
	border-top: 1px dotted #78A24E;
}
#content .termek .ar {
	margin: 3px 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #2E5803;
	text-align: center;
}
#content .termek span {
	font-size: 0.8em;
	font-weight: normal;
	color: black;
}
#content .termek .eredetiar {
	font-size: 0.8em;
	color: black;
	text-decoration: line-through;
	text-align: center;
}
#content .termek .tovabb {
	font-size: 0.7em;
	margin: 5px 10px 0 0;
	text-align: right;
}
/* termékajánlat egy sorban 4 termékkel -----------------------------------------*/
#content .termek4 {
	float: left;
	min-height: 200px;
  height: auto !important;
  height: 200px;
	width: 244px;
	margin: 0 0 5px;
	text-align: center;
}
#content .termek4 img {
	height: 100px;
}
#content .termek4 h1 {
	padding: 0 10px;
	font-size: 0.7em;
	text-align: center;
}
#content .termek4 p {
	padding: 5px 10px 0;
	text-align: left;
	font-size: 0.6em;
}
#content .termek4 p strong {
	font-weight: bold;
}
#content .termek4 .arbox {
	margin: 5px 10px 0;
	padding: 5px;
}
#content .termek4 .ar {
	margin: 3px 0 0;
	font-size: 0.8em;
	font-weight: bold;
	color: #2E5803;
	text-align: center;
}
#content .termek4 span {
	font-size: 0.7em;
	font-weight: normal;
	color: black;
}
#content .termek4 .eredetiar {
	font-size: 0.7em;
	color: black;
	text-decoration: line-through;
	text-align: center;
}
/* szerelési és katqalógus a főoldalon -------------------------------------------*/
#content .infocont {
	clear: both;
	width: 100%;
	height: 150px;
	margin: 0;
}
#content .infocont .infowin {
	float: left;
	width: 298px;
	height: 170px !important;
	height: 180px;
	margin: 10px;
	padding: 5px;
	text-align: center;
	border: 1px solid #878787;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	background: white url(../style/pic/footertop.gif) top left repeat-x;
}
#content .infocont .infowin h1 {
	font-size: 14px;
	font-weight: bold;
	width: 94%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #878787;
}
#content .infocont .infowin a {
	float: left;
	width: 260px;
	margin-left: 5px;
	padding: 4px 10px 4px 30px;
	font-size: 13px;
	background: url(../style/pic/right20.gif) center left no-repeat;
}
#content .infocont .infowin a.tovabb {
	float: right;
	text-align: right;
	padding: 4px 10px 4px 0px;
	font-size: 12px;
	font-weight: normal;
	background: none;
}
#content .infocont .infowin p {
	clear: both;
	float: left;
	padding: 6px 10px 0;
	font-size: 12px;
}
/* saját magunk fényezése --------------------------------------------------------*/
#content .sajatreklam {
	clear: both;
	width: auto;
	margin: 5px 10%;
	padding: 6px 20px;
	color: #B53328;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	border: 2px solid #173C8E;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}
#content .sajatreklam span {
	margin: 0 10px;
	font-size: 1.5em;
	color: #B53328;
}
#content .sajatreklam img {
	float: left;
	height: 40px;
	position: relative;
	top: -12px;
}
/* kereső ablak -----------------------------------------------------------------*/
#content .kereses {
	width: 950px;
	margin: 10px auto;
}
#content .kereses p {
	font-size: 0.8em;
}
#content .kereses ul {
	list-style-position: outside;
	margin: 0 80px;
	padding: 5px 20px 5px 20px;
	display: inline-block;
	font-size: 0.8em;
	color: #318607;
}
#content .kereses .kereso {
	height: 26px;
	width: 410px;
	margin: 10px auto;
	padding: 4px 5px 0;
	border: 1px solid #A5A5A5;
	font-size: 0.8em;
}
#content .kereses .kereso .szoveg {
	float: left;
	position: relative;
	top: 4px;
}
#content .kereses .kereso input {
	float: left;
	font-weight: bold;
	color: #318607;
	margin: 0 6px;
	max-width: 300px;
}
#content .kereses .kereso .kep {
	float: left;
	height: 20px;
	padding: 0;
}
/* lapozgatós katalógus ---------------------------------------------------------*/
#content .katcont {
	clear: both;
	width: 844px;
	height: 598px;
	margin: 10px auto;
	padding: 0;
}
#content .katcont .margoleft {
	float: left;
	width: 10px;
	height: 500px;
	margin: 0;
	padding: 0;
	background: url(../style/pic/katalogleft.gif) top left no-repeat;
}
#content .katcont .margobottom {
	float: right;
	width: 600px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(../style/pic/katalogbottom.gif) top right no-repeat;
}
#content .katcont .katalogus {
	float: left;
	width: 834px;
	height: 588px;
	margin: 0;
	padding: 0;
}
/* gombok ------------------------------------------------------------------------*/
#content .alkatresz {
	clear: both;
	width: 94%;
	margin: 10px 2%;
	font-size: 0.9em;
}
/* gombok ------------------------------------------------------------------------*/
#button {
	height: 26px;
	margin: 10px 0;
	line-height: normal;
	color: white;
}
#button:hover {
	text-decoration: none;
	color: #660000;
}
#button .button_left {
	float: left;
	width: 10px;
	height: 26px;
	margin: 0;
}
#button .gomb_left {
	background: url(../style/pic/gomb1.gif) top left no-repeat;
}
#button .gombk_left {
	background: url(../style/pic/gombk1.gif) top left no-repeat;
}
#button .button_center {
	float: left;
	height: 26px;
	margin: 0;
	padding: 4px 15px 0;
	font-weight: bold;
	font-size: 13px;
}
#button .gomb_center {
	background: url(../style/pic/gomb2.gif) top left repeat-x;
}
#button .gombk_center {
	background: url(../style/pic/gombk2.gif) top left repeat-x;
}
#button .button_right {
	float: left;
	width: 10px;
	height: 26px;
	margin: 0;
}
#button .gomb_right {
	background: url(../style/pic/gomb3.gif) top left no-repeat;
}
#button .gombk_right {
	background: url(../style/pic/gombk3.gif) top left no-repeat;
}
/* kisebb gombok -----------------------------------------------------------------*/
#button_small_hezag {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#button_small {
	height: 17px;
	margin: 0;
	line-height: normal;
	color: white;
}
#button_small:hover {
	text-decoration: none;
	color: #660000;
}
#button_small .button_left {
	float: left;
	width: 8px;
	height: 17px;
	margin: 0;
}
#button_small .gomb_left {
	background: url(../style/pic/gombs1.gif) top left no-repeat;
}
#button_small .gombk_left {
	background: url(../style/pic/gombsk1.gif) top left no-repeat;
}
#button_small .button_center {
	float: left;
	height: 17px;
	margin: 0;
	padding: 2px 5px 0;
	font-weight: bold;
	font-size: 10px;
}
#button_small .gomb_center {
	background: url(../style/pic/gombs2.gif) top left repeat-x;
}
#button_small .gombk_center {
	background: url(../style/pic/gombsk2.gif) top left repeat-x;
}
#button_small .button_right {
	float: left;
	width: 8px;
	height: 17px;
	margin: 0;
}
#button_small .gomb_right {
	background: url(../style/pic/gombs3.gif) top left no-repeat;
}
#button_small .gombk_right {
	background: url(../style/pic/gombsk3.gif) top left no-repeat;
}
/* vissza gomb -------------------------------------------------------------------*/
#infopoint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
}
#infopoint h1 {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
	margin: 0;
	padding: 5px;
}
#infopoint h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}
#infopoint p {
	padding: 5px;
}
#infopoint p.meta {
	border-top: 1px solid #C3C3C3;
	margin: 20px 0 0 0;
	padding: 5px;
}
#infopoint img:hover {
	cursor: default;
}
#infopoint form {
	margin: 5px;
}
#infopoint table.szinkod tr.fejlec {
	height: 25px;
	background-color: #2C57AC;
	font-weight: bold;
	color: white;
}
#infopoint table.szinkod img {
	margin: 5px;
	width: 200px;
}
#infopoint table.szinkod td {
	vertical-align: middle;
	text-align: center;
	border: 1px dotted black;
	font-weight: bold;
}
#infopoint table.szinkod td.kod {
	font-size: 1.4em;
	color: #23784E;
}
#infopoint ol {
	list-style-position: outside;
	margin: 0 20px;
	padding: 5px 20px 5px 20px;
	display: inline-block;
	font-size: 1em;
}
/* címsor gombok -----------------------------------------------------------------*/
#buttoncim {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
}
#buttoncim a {
	height: 25px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #660000;
}
#buttoncim a:hover {
	text-decoration: none;
	color: white;
}
#buttoncim .buttoncim_left {
	float: left;
	width: 6px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(../style/pic/cimgomb1.gif) top left no-repeat;
}
#buttoncim .buttoncim_center {
	float: left;
	height: 25px;
	margin: 0;
	padding: 4px 10px 0;
	background: url(../style/pic/cimgomb2.gif) top left repeat-x;
}
#buttoncim .buttoncim_right {
	float: left;
	width: 6px;
	height: 25px;
	margin-right: 10px;
	background: url(../style/pic/cimgomb3.gif) top left no-repeat;
}

