body {
	border: 0;
	margin: 0;
	padding: 0;
	font: 70%/160% verdana,arial,sans-serif;
}

#menu {
display: block;
height: 40px;
margin: 0 0 0 30px;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

#menu li {
	margin: 0;
	float: left;
	text-align: center;
}

#menu a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	display: block;
}

#menu a:hover {
	color: #000;
}

.tab {
	display: block;
	padding: 12px 0 0 0;
	margin: 0 2px 0 2px;
	height: 28px;
	width: 126px;
	background: url(/images/menu.gif) no-repeat left top;
}

.tab:hover {
background: url(/images/menu.gif) no-repeat left -40px;
}

.tabselect {
display: block;
padding: 12px 0 0 0;
margin: 0 2px 0 2px;
height: 28px;
width: 126px;
background: url(/images/menu.gif) no-repeat left -40px;
}

#logo {
margin: 0;
}

#logo img{
border: none;
}


#contentwrap{
width: 976px;
margin: 30px auto 0 auto;
}

#content{
width: 540px;
padding: 15px 15px 15px 15px;
border: 5px solid #ebebeb;
margin: 0;
}

#content p {
    margin: 15px 13px 0 10px;
    text-align: justify;
}

#content a {
    color: #006699;
}

#content a:hover {
    color: #df6d27;
}

#content li {
	padding: 3px 0 3px 0;
	font-weight: normal;
	margin: 0 13px 0 0;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(/images/li.gif);
	text-align: justify;
}

.galeria {
    border: 2px solid #ebebeb;
}

.galeria:hover {
    border: 2px solid #f2b498;
}

#framecontent{
width: 321px;
background: #fff url(/images/kocka.gif) repeat-y left top;
float: left;
}

#maincontent{
margin: 0 0 0 5px;
width: 650px;
float: left;
background: #fff url(/images/kocka.gif) repeat-y right top;
}

#felsocsik{
background: #fff url(/images/kocka.gif) repeat-x left top;
text-align: right;
width: 646px;
display: block;
height: 66px;
margin: 0;
}

#balmenu{
background: #ebd065 url(/images/leftmenu-top.gif) no-repeat left top;
float: right;
width: 236px;
display: inline-block;
margin: 0;
padding: 20px 10px 0 10px;
}

.bal {
background: url(/images/balmenu.gif) no-repeat 0.2em 0.3em;
padding-left: 22px;
margin: 0 0 10px 0.7em;
}

.balselect {
background: url(/images/balmenuselect.gif) no-repeat 0.2em 0.3em;
padding-left: 22px;
margin: 0 0 10px 0.7em;
}

.bal a {
	color: #9e5f44;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
}

.balselect a {
	color: #df6d27;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
}

.balselect a:hover {
	color: #df6d27 !important;
}

.bal a:hover {
	color: #9e5f44;
	text-decoration: underline;
}


.balselect a:hover {
	color: #9e5f44;
}

.balspace{
	height: 10px;
	display: block;
}



#footer{
background: #fff url(/images/kocka.gif) repeat-x left top;
width: 972px;
display: inline-block;
height: 66px;
margin: 5px 0 0 0;
}

#footer span{
float: right;
}

#logok{
margin: 0 auto;
width: 976px;
text-align: center;
}

#logok img{
border: none;
}




h1 {
	font-size: 180%;
	line-height: 100%;
	font-weight: bold;
	display: inline;
	color: #eb8f66;
	padding-right: 64px;
    background: url(/images/h1.gif) no-repeat right center;
    margin: 0 13px 0 10px;
}

h1 span {
float: right;
font-size: 11px;
margin: 0 14px 0 0;
color: #000;
font-style: italic;
font-weight: normal;
}

h2 {
	font-size: 120%;
	line-height: 100%;
	padding: 0 0 5px 10px;
	color: #006699;
}

h3 a, h4 a, h5 a, h6 a {
	color: #df6d27;
	text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 20px 8px;
}

h4 {
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
	display: inline;
	color: #eb8f66;
	padding-right: 64px;
    margin: 0 13px 0 5px;
}

.belep {
	background: url(/images/ikon-elore16.gif) no-repeat left center;
}

.kilep {
	background: url(/images/ikon_kilep16.gif) no-repeat left center;
}

.kapcsolat {
	background: url(/images/ikon_mail16.gif) no-repeat left center;
}

h4 {
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 2px 8px;
	background: url(/images/ikon-kosar16.gif) no-repeat left center;
}

h5 {
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
	display: block;
	padding: 0 0 0 20px;
	margin: 5px 0 12px 9px;
	color: #df6d27;
}

.ikoninfo{background: url(/images/ikon-info16.gif) no-repeat left center;}
.ikonsajto{background: url(/images/ikon-sajto16.gif) no-repeat left center;}
.ikonkep{background: url(/images/ikon-kepek16.gif) no-repeat left center;}
.ikonfilm{background: url(/images/ikon-film16.gif) no-repeat left center;}
.ikonpartner{background: url(/images/ikon-partner16.gif) no-repeat left center;}
.ikonszerv{background: url(/images/ikon-szervezetek16.gif) no-repeat left center;}

h6 {
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 20px 8px;
	background: url(/images/ikon_kategoriak16.gif) no-repeat left center;
	color: #df6d27;
	margin: 5px 0 12px 8px;
}

hr {
	margin: 10px 14px;
	color: #fff;
	background-color: #fff;
	border: 3px dotted #f4cdbb;
	border-style: none none dotted;
}

/*--- Bilder pos ---*/

.imgRight {
	float: right;
	margin: 8px 15px 0.9em 0.9em;
	vertical-align: text-top;
	position: relative;
	border: 2px solid #ebebeb;
}

.imgRight:hover {
	border: 2px solid #eea27a;
}

.imgLeft {
	float: left;
	margin: 2px 0.9em 0.9em 0;
	vertical-align: text-top;
	position: relative;
}

.imgcenter, .imgCenter {
	display: block;
	margin: 1em auto;
	text-align: center;
	vertical-align: text-top;
}

.imgDetail {
	float: left;
	margin: 17px 0 5px 11px;
	vertical-align: text-top;
	position: relative;
}

.imgDetail img {
	border: 2px solid #ebebeb;
}

.imgDetail img:hover {
	border: 2px solid #eea27a;
}

/*--- Download docs ---*/

.download {
	margin-right: 10px;
	clear: both;
}

.download img {
	vertical-align: middle;
}

/*--- termekboxok ---*/

.termekboxlinkek, .termekboxlinkekutolso
{
width: 130px;
float: left;
}

.termekboxlinkekutolso
{
margin: 0;
}

.termekboxlinkek
{
margin: 0 60px 0 0;
padding: 0;
}



.termekboxlinkek li, .termekboxlinkekutolso li {
	padding: 3px 0 3px 0;
	font-weight: normal;
	color: #df6d27;
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(/images/li.gif);
	text-align: left !important;
}

.termekboxlinkek li:hover, .termekboxlinkekutolso li:hover {
	color: #000;
}


.termekboxlinkek ul, .termekboxlinkekutolso ul {
	margin: 0 0 0 -10px;
}

.termekboxlinkek ul li a, .termekboxlinkekutolso ul li a {
	padding: 1px 2px 1px 0;
	text-decoration: none;
	color: #df6d27 !important;
	border-bottom: 1px dotted #df6d27;
}

.termekboxlinkek ul li a:hover, .termekboxlinkekutolso ul li a:hover {
	text-decoration: none;
	color: #000 !important;
	border-bottom: 1px dotted #000;
}


#termekek
{
display: block;
margin: 10px 0 0 10px;
}

.termekbox
{
display: block;
width: 130px;
height: 130px;
border: 5px solid #ebebeb;
margin: 0;
}



.termekbox:hover
{
border: 5px solid #b7b7b7;
}

.termekbox p
{
font-size: 130%;
font-weight: bold;
color: #fff;
text-align: center !important;
background-color: #006699;
	filter: alpha(opacity=50);
	opacity: 0.8;
	-moz-opacity: 0.8;
	height: 38px;
	width: 127px;
	margin: 47px 10px 0 0 !important;
	padding: 3px 0 0 3px;
}

.termekbox a
{
padding: 38px 0 0 0;
margin: 0;
width: 130px;
height: 130px;
color: #f2f2f2;
text-decoration: none;
display: block;

}


.termekbox a:hover
{
color: #fff;
}

.kovacs {
    background: url(/images/termekek-kovacs.jpg) no-repeat center top;
}

.kovacs:hover {
    background: url(/images/termekek-kovacs-r.jpg) no-repeat center top;
    
}

.acs {
    background: url(/images/termekek-acs.jpg) no-repeat center top;
}

.acs:hover {
    background: url(/images/termekek-acs-r.jpg) no-repeat center top;
}

.fa {
    background: url(/images/termekek-fa.jpg) no-repeat center top;
}

.fa:hover {
    background: url(/images/termekek-fa-r.jpg) no-repeat center top;
}

/* shop
----------------------------------------------- */

.termekek {
display: block;
margin: 0 0 0 12px;
width: 666px;
}

.termekek p {
    text-align: left !important;
    margin: 0 15px 0 15px !important;
}


.termekboxshop {
display: block;
width: 160px;
height: 260px;
float: left;
margin: 0 12px 12px 0;
overflow: hidden;
background-color: #ebebeb;
border: 2px dotted #f4cdbb;
}

.termekboxshop img {
border: 2px solid #efefef;
margin: 13px 0 0 13px;
width: 130px;
}

.termekboxshop img:hover {
border: 2px solid #efb599;
}




.rovidleiras {
margin: 0 20px 0 20px;
line-height: 13px;
text-align: left !important;
height: 30px;
color: #000;
}

.cikkszam {
margin: 0 20px 5px 20px;
font-size: 10px;
color: #000;
text-align: left !important;
height: 15px;
}

.antal {
	padding: 6px 15px 0 15px;
	font-size: 1.2em;
	width: 168px;
}

.antaldetail {
	padding: 2px 15px 0 0;
	font-size: 1.2em;
	width: 270px;
}

.antaldetail span input {
	margin: 0 0 0 5px;
	background-color: #fff;
	float: right;
	border: 2px solid #fff;
}

.antaldetail span img {
	margin: 0 0 0 5px;
	background-color: #fff;
	float: right;
}

.antaldetail img {
border: 2px solid #fff;
}

.antaldetail img:hover, .antaldetail input:hover, .antal span input:hover {
border: 2px solid #eea27a;
}

.antal span input {
	margin: 5px 0 0 40px;
	background-color: #ebebeb;
	border: 2px solid #ebebeb;
}

.antal strong {
	color: #121212;
	margin-left: 5px;
}

.kosartartalom {
	border: 1px dotted #eb8f66;
	display: block;
	margin: 0 10px 15px 10px;
	background-color: #f5e9b5;
}

.kosartartalom li {
	padding: 3px 0 3px 0;
	font-weight: normal;
	color: #9e5f44;
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(/images/li.gif);
}


.kosartartalom ul {
	margin: 0 0 0 -10px;
}

.kosartartalom a {
	color: #df6d27;
	text-decoration: none;
}

.kosartartalom a:hover {
	color: #006699;
	text-decoration: underline;
}

/* formok
----------------------------------------------- */

.regisztral {
	clear: both;
	margin: 0;
	padding: 2px 2px 0 2px;
}

.regisztral form {  
  margin: 0 0 0 16px;
  padding: 0;
  width: 500px;
}

.regisztral form fieldset {
  border: none;
  padding: 10px;        
  margin: 10px 0 0 0;
}

.regisztral form fieldset legend {
	font-size:1.1em;
	font-weight: bold;
	color: #293777;
	}

.regisztral form label { 
	display: block;
	float: left; 
	width: 80px; 
	padding: 0; 
	margin: 5px 0 0 0;
	text-align: right; 
}

label span { 
	color: #eb8f66; 
}

.regisztral form input[type=text], .regisztral form textarea {
	width:300px;
	margin:5px 0 0 10px;
	background-color: #ebebeb;
	}

.basket {
	margin: 15px 13px 0 10px;
	}

.basket input {
	background-color: #ebebeb;
	}


/* form
----------------------------------------------- */

input[type=submit],
input[type=button]
{
	background-color: #df6d27;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	width: 150px;
	/* float: right;*/
}

input[type=submit]:hover,
input[type=button]:hover
{
	background-color: #f2b498;
}

textarea, form input {
	background-color: #ebebeb;
	font-size: 14px;
	}
	
.line {
	background: url(/images/line.gif) left top repeat-x;
}

/* loginbox
----------------------------------------------- */
.tobbkep {
	display: block;
}


.tobbkep a {
	float: right;
	font-style: italic;
	text-align: right;
	background: url(/images/ikon-kepek16.gif) no-repeat right center;
	padding: 0 20px 0 0;
	margin: 0 5px 0 0;
	color: #df6d27;
}

.tobbkep a:hover {
	color: #000;
}

/* loginbox
----------------------------------------------- */

.black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 20%;
            left: 30%;
            width: 35%;
            height: 30%;
            padding: 16px 10px 14px 16px;
            border: 16px solid #df6d27;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
        
        .white_content a {
            color: #000;
        }
        
        .white_content a:hover {
            color: #df6d27;
        }



/* clearfix hack
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	height: 1%;
	}



/* lightbox
----------------------------------------------- */

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(/images/spacer.gif) no-repeat;

/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
	background: url(/images/prevlabel.gif) left 100% no-repeat;
}

#nextLink {
	right: 0;
	float: right;
	background: url(/images/nextlabel.gif) right 100% no-repeat;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(/images/prevlabel.gif) left 100% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(/images/nextlabel.gif) right 100% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding: 0 10px;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}