body {
	padding: 0;
	margin: 0;
	background:#F7F7F7 url(/kepek/bg.gif) repeat-x;
    font:12px/1.35 Arial, Helvetica, sans-serif; 
    color:#585E67;
}

p {
    margin: 0;
    padding: 0;
}

a.nulla {
	font: normal normal normal 12px Arial, sans-serif;
	color: #0089b8;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
}

.fright {
    float: right;
}

.fleft {
    float:left;
}

.center {
    margin: 0 auto;
    text-align: center;
    display: block;
}


.clrBottom {
    clear: both;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.w250 {
    width: 250px;
    border: 1px solid #EBEBEB;
    margin-bottom: 10px;
}

.h150 {
    height: 200px;
    padding: 0 65px;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.blue {
    color: #0089B8;
}

.orange {
    color: #E06227;
}

.red {
    color: #A00;
}

.strike {
    text-decoration: line-through;
}

.bigfont {
    font-size: 1.2em;
}

h2.big {
    font: normal normal normal 20px arial, sans-serif;
    text-transform: uppercase;
    padding: 0;
    margin: 20px 0 10px 0;
}

ul.big {
    font-size: 1.2em;
    width: 390px;
    float: right;
    padding: 0;
    margin: 0;
}

ul.big li {
    list-style: none;
    padding-bottom: 10px;
}

ul.big li ul li {
    text-indent: 30px;
    font-weight: bold;
    font-size: 0.9em;
    padding-bottom: 0;
}
.price {
    color: #A00;
    font-weight: bold;
    font-size: 1.2em;
}
/*################# HEADLINE 1 ##################*/
h1 {
font: normal normal normal 26px "Lucida sans unicode", Arial, sans-serif;
color: #0089B8;
font-weight: normal;
text-transform: uppercase;
padding: 0;
margin: 0 0 20px 0;
}

h1 span {
	color: #585e67;
}
span.info {
    font-size: 10px;
    padding: 0;
    margin: 0;
    line-height: 10px;
}

.subtitle {
	font-size: 14px;
}

.clr {
	clear: both;
}

h2 {
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

.productgroups {
	color: #585e67;
	padding: 25px 0 5px 0;
	margin: 0;
}

h2 span {
	color: #585e67;
}



div {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.nulla {
	margin: 0;
	padding: 0;
}

.nulla ul {
	margin: 0;
	padding: 0;
}

#fejlec_kep.a {
	border: none;
}

#page_wrapper {
	width: 980px;
	height: auto;
	min-height: 550px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#fejlec {
	position: static;
	width: 980px;
	height: 130px;
}

.fejlec_szoveg {
    position: fixed;
    z-index: 9999;
    top: 0;
    height: 33px;
    color: #cecece;
    line-height: 33px;
    vertical-align: bottom;
    background-color: black;
    width: 100%;
        -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.4);
        -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.4);
        box-shadow: 2px 2px 2px rgba(68,68,68,0.4);

        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;
}

.fejlec_szoveg .wrapper {
    margin: 0 auto;
    width: 980px;

}

.fejlec_szoveg p {
    display: block;
    vertical-align: middle;
    font-size: 14px;
    color: #EFEFEF;
}

.fejlec_szoveg .ajanlat-button {
    height: 26px;
    margin: 0 0 2px 5px;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #111;
    border-radius: 5px;
    background-color: #0089B8;
    color: white;
    font-size: 14px;
    font-family: "Lucida sans Unicode", arial;
}

.fejlec_szoveg .ajanlat-button:hover {
    text-decoration: underline;
}

.cellphone {
    padding-left: 25px;
    background: transparent left center no-repeat url('/kepek/cellphone.png');
    padding-right: 10px;
    font-size: 16px;
}

.email {
    font-size: 16px;
    padding-left: 25px;
    background: transparent left center no-repeat url('/kepek/email.png');
    padding-right: 10px;
}

.fejlec_kozep {
    margin-top: 33px;
    height: 84px;
}

.fejlec_kozep .logo {
    margin: 20px 0 0 0;
}

.fejlec_kozep .car {
    margin: 5px 0 0 0;
}

.fejlec_nav {
    height: 42px;
}



.smallcaps {
	font-weight: normal; 
	font-size: 10px; 
	color: #777;
}

span.msep {
	display:block;
	float:left;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	height:23px;
	padding-top:6px;
	padding-left:0px;
	padding-right:0px;
}

/* HOME */
.index_row {
    margin: 0 0 20px 0;
    overflow: hidden;
}


.new_products {
    border: solid 1px #EBEBEB;
    overflow: hidden;
    
    border-image: initial;
}

.title_new_prod {
    background: #F6F6F6;
    border-bottom: solid 1px #EBEBEB;
    padding: 6px 0 5px 19px;
    margin: 0 0 19px 0;
    font-family: "Lucida Sans Unicode", arial;
    font-size: 21px;
    font-weight: 500;
    color: #212121;
    text-transform: uppercase;
}
.products-grid-new {
    position: relative;
    margin: 0 -20px 0 0;
    padding: 0;
}

.products-grid-new li.item {
    float: left;
    width: 187px;
    margin: 0;
    border-right: solid 1px #F2F2F2;
    list-style: none;
    padding: 0;
    text-align: center;
    height: 150px;
}

.products-grid-new .product-name a {
color: #9D9D9D;
text-decoration: none;
}

.products-grid-new li.item:hover, .products-grid-new .product-name a:hover {
    color: #0089B8;
}

.products-grid-new .product-image {
    display: block;
    height: 90px;
}

.products-grid-new .product-name {
    margin: 0 0 13px;
    min-height: 34px;
    line-height: 17px;
}


/* ############################################# */

#tartalom_table {
	position: static;
	height: auto;
	min-height: 500px;
	background-color: white;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

#breadcrumb  {
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	font-size: 12px;
}

#breadcrumb .separator {
	font-size: 14px;
}

#breadcrumb a {
	color: #585E67;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #0089B8;
	text-decoration: underline;
}

#breadcrumb div {
	display: inline;
}

/* #################Info Bar################# */
#info_bar {
	display: block;
	position: static;
	height: 30px;
	
}

/* #################BAL OLDALI BOX################# */

#tartalom_full {
	margin: auto;
}

.banners {
    float: right;
    width: 460px;
}

.nivoSlider img,
.banner1 img,
.banner2 img,
.banner3 img,
.banner4 img,
img.border {
    border: 1px solid #ebebeb;
}

.nivoSlider img:hover,
.banner1 img:hover,
.banner2 img:hover,
.banner3 img:hover,
.banner4 img:hover,
img.border:hover {
    border: 1px solid #ccc;
}




.banner1 {
    float: left;
    width: 200px;
    height: 189px;
    margin: 0 20px 20px 0;
}

.banner2 {
    float: left;
    width: 200px;
    height: 189px;
    margin: 0 0 20px 0;
    padding-left: 20px;
}

.banner3 {
    float: left;
    width: 200px;
    height: 189px;
    margin: 0 20px 0 0;
}

.banner4 {
    float: left;
    width: 200px;
    height: 189px;
    padding-left: 20px;
}

#sidebar {
    float: left;
    width: 260px;
}

.block {
    border: 1px solid #ECEDED;
    margin: 0 0 10px;
    border-image: initial;
}

.block-title {
	background: #F6F6F6;
    border-bottom: 1px solid #ECEDED;
    padding: 6px 0 5px 15px;
}

.block-title span {
font-family: "Lucida sans unicode";
font-size: 18px;

text-transform: uppercase;
color: #212121;
}

.block-header span {
    font-family: Maven Pro;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #212121;
}

.block-content {
    padding: 10px;
}

#ajanlatkeres-gomb {
    margin: 10px 0 15px 0;
}

/* ################ FORM ################ */
#formwrapper {

}

#ajanlatform {
    background-color: ivory;
}

#ajanlatform p {
    font-size: 14px;
}

#ajanlatform.fixed {
}
.form-all  .text {

}

.form-all ul, 
.form-all p {

}

ul.form-column {
    padding: 0;
    list-style-type: none;
}

.form-all li {

}

.form-all h2 {

}

.form-all h3 {

}

.form-textbox {
}

.form-input {

}

.form-input input {

}

.form-line label  {

}

.form-line textarea {

}

.form-line label span{
    color: #0089B8;
    font-size: 13px;
}

.form-submit-button {
    height: 29px;
    width: 203px;
    margin: 2px auto;
    cursor: pointer;
    border: none;
    display: block;
    border-radius: 5px;
    background-color: #0089B8;
    color: white;
    font-size: 16px;
    font-family: "Lucida sans Unicode";
}

#close-button {
    background: transparent url('/kepek/close.gif') no-repeat center center;
    height: 26px;
    width: 26px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}


/* ################JOBB OLDALI BLOKK################ */

#tartalom_jobb {
    float: right;
    vertical-align: top;
    width: 660px;
    background-color: white;
	min-height: 710px;
}

.tartalom_jobb_static {
	position: static;
	width: 100%;
	border-bottom: 1px solid #eee;
}

/* ############################################# */

#lablec {
	width: 100%;
	height: 100px;
    padding: 30px 30px 40px 30px;
	color:gray;
}

#lablec_fent {
	border-bottom:1px solid #444;
	font-family: tahoma;
	font-size: 11px;
	font-weight: 100;
	color:gray;
	text-align: justify;
	width: 990px;
	height: 50px;
	left: 5px;		
}

#lablec_fent_tablazat {
	width: 100%;
	height: 100%;
	vertical-align:top;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
}

.lablec_fent_tablazat_ul {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

.lablec_fent_tablazat_a {
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color: gray;
}

.lablec_fent_tablazat_a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color:#CCC;
}

#lablec_lent {
	font-family: tahoma;
	font-size: 11px;
	font-weight: 100;
	color: #6d6d6d;
	text-align: justify;
	width: 980px;
	height: 50px;
	top: 5px;
	left: 10px;
}



/* ################## UNIVERZALIS ############## */

.univerzalis_elem {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 560px;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
}

.univerzalis_szoveg {
	margin-top: 10px;
	font-size: 16px;
}


/* ################## OLAJ ############## */

.olajtabla h3 {
    margin: 3px;
    padding: 3px;
    font-weight: normal;
}


/* ################## IZZO ############## */
.izzoWrapper p,
.izzoWrapper ol
{
    font-size: 14px;
}

.izzoWrapper ul {
    padding-left: 0;
}

.izzoWrapper ul li {
    background: url(/kepek/fdot.gif) no-repeat 0 6px;
    list-style: none;
    padding: 0 0 5px 13px;
}

.izzoWrapper caption {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}


/* ################## MAGUNKROL ############## */

.magunkrol p {
	font-size: 14px;
}

/* ################## TiPUSTABLAZAT ############## */
#tipustablazat {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
}

#tipustablazat .row{
    height: 70px;
    border: 1px solid white;
    background-image: url('/kepek/arrows.png');
    background-position: 96% center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#tipustablazat .leftblock {
    float: left;
    width: 100px;
}

#tipustablazat .leftblock img {
    float: left;
    width: 90px;
    margin: 4px;
    border: 1px solid white;
}


#tipustablazat .rightblock {
	float: right;
	width: 550px;
	cursor: pointer;
}

#tipustablazat h2 a{
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	color:#0089B8;
	text-decoration: none;
}


#tipustablazat .row:hover{
	border: 1px solid #cecece;
/*	color: #0089b8; */
}

#tipustablazat h2 span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	
}

.innerLinks {
	/*background-color: #fafafa;*/
	font-size: 1.2em;
	width: 98%;
	margin: 0 auto;
	padding: 3px;
    color: #ccc;
}

.innerLinks a {
	color: #0089B8;
	text-decoration: none;
}

.innerLinks a:hover {
	text-decoration: underline;
}


.markatablazat_tr {
	height: 35px;
}

.markatablazat_a {
	font-size: 20px;
	color: #00d;
}



/* ################## MARKATABLAZAT ############## */
#markatablazat {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	text-align: left;
	vertical-align: middle; 
}
#markatablazat h2 a{
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    color: #0089b8;
    margin: 27px 0 5px 0;
}

#markatablazat h3 {
	padding: 0;
	margin: 5px 0 0 0;
}

#markatablazat h3 span{
	color:#0089b8;
}
	
#markatablazat a{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	color:#585e67;
}

#markatablazat a:hover {
	color:#0089b8;
}

#markatablazat td {
	border: 1px solid white;
}

#markatablazat .szurke, 
#markatablazat .szurkekeret { 
	border: 1px solid #EFEFEF;
}

#markatablazat .feherkeret { 
	border: 1px solid white;
}

#markatablazat .wrapper {
	display: block;
	position: relative;
	height: 77px;
	width: 600px;
}

#markatablazat .leftside, 
#markatablazat .rightside {
	height: 75px;
	width: 298px;
}

#markatablazat .leftside:hover{
	border: 1px solid #cecece;
}

#markatablazat .leftside {
	float: left;
	text-align: center;
	background-image: url('/kepek/arrows.png');
	background-position: 96% center;
	background-repeat: no-repeat;
}

#markatablazat .rightside {
	float: right;
	text-indent: 12px;
}





.markatablazat_a {
	font-family: Tahoma, Helvetica, Arial;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	color: #0000ff;
}

.markatablazat_a:hover {
	color: #0089b8;
}

.markak_h1 {
	margin: 0;
	padding: 0;
	padding-top: 0px;
}

/* ################## ARUTABLA ############## */
.arutablazat {
	margin-left: auto;
	margin-right: auto;
	font-size:14px;
	line-height: 20px;
	width: 100%;
	border: 1px solid #cccccc;
}

.arutablazat.kuplung {
	font-size: 14px;
}

.szurke {
	background-color: #efefef;
}

.arutablazat tr{
	height: 30px;
}

.arutablazat td {
	vertical-align: middle;
    padding: 0 5px;
}


.arutablazat tr:hover {
	background-color: #ccc;
	cursor: default;
}

.arutabla_szamlalo {
	text-align: right;
	width: 20px;
}

.arutabla_cikkszam{
	width: 100px;
}

.arutabla_nev {
	padding-left: 10px;
}

.arutabla_nev h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.1em;
}


.arutabla_ar {
    height: 20px;
    font-size: 1.2em;
    text-align: center;
    font-weight: normal;
    color: #A00;
    width: 90px;
}

.arutablazat .marka {
	width: 160px;
}
.arutablazat .marka img {
	display: block; 
	float: left;
	width: 80px;
	height: 42px;
	margin: 14px 5px;
}

.arutabla_kep {
	width: 102px;
}

.arutabla_kep img{
	width: 100px;
}

.arutablazat .cikkszam {
	width: 80px;
	text-align: center;
}

.arutablazat .evjarat {
	width: 130px;
	text-align: center;
}
.arutablazat .valtokod {
	width: 220px;
}
.arutablazat .tipus{
	width: 120px;
}
.arutablazat .ar {
	width: 100px;
	font-size: 1.3em;
	text-align: center;
	font-weight: normal;
	color: #aa0000;
}
/* ################## INDEX ############## */

img.img_margin_10 {
	margin:10px;
}



/* ################## fixedBottom ############## */
.fixedBottom {
    border-top: 1px solid #ebebeb;
}

.fixedBottomBlock {
    width: 25%;
    float: left;
}

.fixedBottomBlock h4 {
    padding: 0;
    margin: 20px 0 0 0;
    font-family: "Lucida sans unicode", Arial;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 8px;
    color: #212121;
}

.fixedBottomBlock ul {
    padding: 0;
    margin: 0;
}
.fixedBottomBlock li {
    background: url(/kepek/fdot.gif) no-repeat 0 6px;
    list-style: none;
    padding: 0 0 9px 13px;
}

.fixedBottomBlock li a {
    color: #9D9D9D;
    text-decoration: none;
}

.fixedBottomBlock li a:hover {
    color: #0089B8;
}

/* ################## FOOTER ############## */

#lablec li {
	display: inline;
}

.fixedFooter {
	text-align: center; 
	height: 20px; 
	width: 100%;
	position: fixed; 
	bottom:0; 
	left: 0; 
	right: 0;
	background-color: #efefef; 
	padding-top: 5px;
	border-top: 1px solid #ababab; 
	font-size: 13px; 
	color: #323232;
	z-index: 25;
}

#plusone {
	position: absolute;
	right: -20px;
	top: 13px;
}