@charset "iso-8859-2";
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td 
{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, div, td
{ font-family:Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, p, li
{ cursor: default; }

div, td, label, input, textarea, select 
{ font-size: 9pt; }

a 
{ color:#000; text-decoration: none; cursor: pointer; }
a:hover 
{ color:#000; text-decoration: underline; }

ol, ul 
{ list-style-type: none; }

address, caption, cite, code, dfn, th, var
{ font-style: normal; font-weight: normal; }

table
{ border-collapse: collapse; border-spacing: 0; }

fieldset, img
{ border: 0; }

caption, th
{ text-align: left; }

q:before, q:after
{ content: ''; }

.clear
{ clear: both; font-size: 0;}

/*-------------------------------------------------*/
/* Scroll Bar Master Styling Starts Here */
/* comments can freely be removed from this file */

/* do not modify .scrollgeneric class, required for proper operation */
.scrollgeneric {
line-height: 1px; font-size: 1px;
position: absolute; top: 0; left: 0;
}

.vscrollerbase, .vscrollerbar {
width: 13px;
}

.hscrollerbase, .hscrollerbar {
height: 13px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/vscroller.png) 0px -10px;
width: 13px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.png);
width: 13px; height: 10px;
}

.hscrollerbarbeg {
/*left image holder for horizontal scroll bar*/
background: url(images/hscroller.png) 0px 0px;
height: 13px;
/* width is auto set by the script to fit the scrollbar */
}

.hscrollerbarend {
/*right image holder for horizontal scroll bar*/
background: url(images/hscroller2.png);
height: 13px; width: 13px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #e1e1e1;
background-image: url(images/scrollbaseback.png);
}

.hscrollerbasebeg {
height: 13px;
background: url(images/scrollbases.png) -22px 0px no-repeat;
/* width is auto set to fill the base */
}

.hscrollerbaseend {
height: 13px; width: 7px;
background: url(images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
width: 13px;
background: url(images/scrollbases.png) -7px -8px no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
height: 7px; width: 13px;
background: url(images/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 13px; height: 13px;
top: auto; left: auto; bottom: 0px; right: 0px;
background: url(images/scrolljog.png) 50% 50%;
}
/* Scroll Bar Master Styling Ends Here */


/*Page related styles for you to view*/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 412px;
	height: 66px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #E7EADE;
	margin: 0.3em auto;
	padding: 0px;
}
#mycustomscroll div div {display:inline;white-space:nowrap; }

.fixedwidth{white-space:nowrap; }


/*-------------------------------------------------*/
body{ 
/*background: url(images/bodybg.gif) repeat-y center;*/
background:#917f68;}

#textContent{text-align:left;width:690px;margin-left:38px;font-size:8pt;line-height:1.8em;letter-spacing:2px;}
#textCenter{font-size:8pt;line-height:1.8em;letter-spacing:0; text-align:center}
.kapcsolatLeft{width:90px; float:left;font-size:8pt; height:36px;}
.kapcsolatRight{width:260px; float:left;}
.kapcsolatRight input, .kapcsolatRight textarea{font-size:8pt;line-height:1.5em;letter-spacing:1px;}

.kapcsolatRight .text {
	background: transparent url(images/input_text_246x19.gif) no-repeat left top; 
	width: 246px;
	height: 19px;
	margin: 0px;
	float: left;
	}
.kapcsolatRight .text input.text {
	background: transparent;
	width: 242px;
	height: 17px;
	margin: 2px 5px;
	border: none;
	}
.kapcsolatRight .textarea {
	background: transparent url(images/input_textarea_246x109.gif) no-repeat left top;
	width: 246px;
	height: 109px;
	margin: 0px;
	float: left;	
	}	
.kapcsolatRight .textarea textarea {
	background: transparent;
	width: 240px;
	height: 105px;
	margin: 2px 5px;
	border: none;
	}

.centering { width:100%;}
.main { width:856px; text-align:left;
 background: url(images/bodybg.gif) repeat-y center;}
.mainCenter { width:780px; text-align:left; float:left; background: url(images/headerbg.jpg) no-repeat;}
.mainLeft { width:38px; float:left; display:block;}
.mainRight { width:38px; float:left;}
.mainTop{ height:21px; background:url(images/mainTop.gif) no-repeat;}
.mainBottom{ height:120px; background:url(images/mainBottom.gif) no-repeat bottom;}
.mainBottomIndex{ height:77px; background:url(images/mainBottom.gif) no-repeat bottom;}
.headerLogo {margin: 0 0 0 38px; padding: 25px 0 0 0; float:left;}
.headerPhone { float:right; margin: 0 38px 0 0; padding: 65px 0 0 0;}
.bottomLine1{ clear: both; font-size: 0; width:716px; background:#d6d1c9; height:1px; margin-left:73px; margin-top:2px;}
.bottomLine2{ clear: both; font-size: 0; width:716px; background:#f8f7f4; height:1px; margin-left:73px; margin-bottom:10px;}
.copyright{ margin-left:73px; width:141px; height:18px;  background: url(images/copyright.gif) no-repeat;}
.music {margin-right:73px; float:right; width:141px; height:30px; background: url(images/musictemp.gif) no-repeat bottom;}
.musicIndex {margin-right:73px;margin-bottom:5px; float:right; width:141px; height:25px; background: url(images/musictemp.gif) no-repeat bottom;}

.menu {margin-left:30px; padding-top:30px;}
.submenu a {height:27px;display:block;}
.submenu a span {display:none;}
.portfolio{ width:190px; background:url(images/portfolio.gif) no-repeat;}
.bemutatkozas{ width:190px; background:url(images/bemutatkozas.gif) no-repeat;}
.referencia{ width:190px; background:url(images/referencia.gif) no-repeat;}
.kapcsolat{ width:190px; background:url(images/kapcsolat.gif) no-repeat;}
.portfolio:hover{ width:190px; background:url(images/portfolio2.gif) 10px no-repeat;}
.bemutatkozas:hover{ width:190px; background:url(images/bemutatkozas2.gif) 10px no-repeat;}
.referencia:hover{ width:190px; background:url(images/referencia2.gif) 10px no-repeat;}
.kapcsolat:hover{ width:190px; background:url(images/kapcsolat2.gif) 10px no-repeat;}

.menu_b { padding-top:10px; width:470px;}
.menu_b a {height:27px; display:block; float:left;}
.menu_b a span {display:none;}
.portfolio_b{ width:100px; background:url(images/portfolio_b.gif) no-repeat;}
.bemutatkozas_b{ width:148px; background:url(images/bemutatkozas_b.gif) no-repeat;}
.referencia_b{ width:116px; background:url(images/referencia_b.gif) no-repeat;}
.kapcsolat_b{ width:104px; background:url(images/kapcsolat_b.gif) no-repeat;}
.portfolio_bS, .portfolio_b:hover{ width:100px; background:url(images/portfolio_b2.gif) no-repeat;}
.bemutatkozas_bS, .bemutatkozas_b:hover{ width:148px; background:url(images/bemutatkozas_b2.gif) no-repeat;}
.referencia_bS, .referencia_b:hover{ width:116px; background:url(images/referencia_b2.gif) no-repeat;}
.kapcsolat_bS, .kapcsolat_b:hover{ width:104px; background:url(images/kapcsolat_b2.gif) no-repeat;}

#kiskepText{ width:186px; height:40px;margin-left:30px; padding-top:10px;}
#kiskepText.none{background:none;}
#kiskepText.artwork{background:url(images/index_artwork.gif) bottom no-repeat;}
#kiskepText.legifoto{background:url(images/index_legifoto.gif) bottom no-repeat;}
#kiskepText.riport{background:url(images/index_riport.gif) bottom no-repeat;}
#kiskepText.targy{background:url(images/index_targy.and.makro.gif) bottom no-repeat;}
#kiskepText.termeszet{background:url(images/index_termeszet.gif) bottom no-repeat;}
#kiskepText.varos{background:url(images/index_varos.and.epiteszet.gif) bottom no-repeat;}
#kiskepText.mutargy{background:url(images/index_mutargy.and.reprodukcio.gif) bottom no-repeat;}
#kiskepText.portre{background:url(images/index_portre.and.zsaner.gif) bottom no-repeat;}
#kiskepText.referenciak{background:url(images/index_referenciak.gif) bottom no-repeat;}

#kiskepText2{ width:300px; height:17px;margin-left:270px; padding-top:10px;}
#kiskepText2.none{background:none;}
#kiskepText2.artwork{background:url(images/index_artwork2.gif) bottom no-repeat;}
#kiskepText2.legifoto{background:url(images/index_legifoto2.gif) bottom no-repeat;}
#kiskepText2.riport{background:url(images/index_riport2.gif) bottom no-repeat;}
#kiskepText2.targy{background:url(images/index_targy.and.makro2.gif) bottom no-repeat;}
#kiskepText2.termeszet{background:url(images/index_termeszet2.gif) bottom no-repeat;}
#kiskepText2.varos{background:url(images/index_varos.and.epiteszet2.gif) bottom no-repeat;}
#kiskepText2.mutargy{background:url(images/index_mutargy.and.reprodukcio2.gif) bottom no-repeat;}
#kiskepText2.portre{background:url(images/index_portre.and.zsaner2.gif) bottom no-repeat;}
#kiskepText2.referenciak{background:url(images/index_referenciak2.gif) bottom no-repeat;}
#kiskepText2 a.on { width:300px; height:17px; display:block; }
#kiskepText2 a.off { width:300px; height:17px; display:none; }
#kiskepText2 a li {display:none;}

.kiskepek{ width:186px; height:165px; margin-left:36px; padding-top:8px;}
.kiskepek a { width:47px; height:47px; margin-right:8px; margin-bottom:8px; display:block; float:left; cursor:pointer;}
.kiskepek a span { display:none; }
#legifoto {background:url(fotok/s1.legifoto.jpg);}
#legifoto:hover {background:url(fotok/s2.legifoto.jpg) !important;}
#artwork {background:url(fotok/s1.artwork.jpg);}
#artwork:hover {background:url(fotok/s2.artwork.jpg) !important;}
#mutargy {background:url(fotok/s1.mutargy.and.reprodukcio.jpg);}
#mutargy:hover {background:url(fotok/s2.mutargy.and.reprodukcio.jpg) !important;}
#portre {background:url(fotok/s1.portre.and.zsaner.jpg);}
#portre:hover {background:url(fotok/s2.portre.and.zsaner.jpg) !important;}
#referenciak {background:url(fotok/s1.referenciak.jpg);}
#referenciak:hover {background:url(fotok/s2.referenciak.jpg) !important;}
#riport {background:url(fotok/s1.riport.jpg);}
#riport:hover {background:url(fotok/s2.riport.jpg) !important;}
#targy {background:url(fotok/s1.targy.and.makro.jpg);}
#targy:hover {background:url(fotok/s2.targy.and.makro.jpg) !important;}
#termeszet {background:url(fotok/s1.termeszet.jpg);}
#termeszet:hover {background:url(fotok/s2.termeszet.jpg) !important;}
#varos {background:url(fotok/s1.varos.and.epiteszet.jpg);}
#varos:hover {background:url(fotok/s2.varos.and.epiteszet.jpg) !important;}

.homeLeft{width:200px; float:left;}
.homeRight{width:500px; float:left;}

#mainImage{ width:508px; height:314px; }
#mainImage a.on { width:508px; height:314px; display:block; }
#mainImage a.off { width:508px; height:314px; display:none; }
#mainImage a li {display:none;}

#frame1{ position:relative;margin-left:28px; margin-top:31px;border:5px solid #e1e1e1;width:513px;}
#frame2{ border:3px solid #FFFFFF;width:508px;}

.homeRight .legifoto {background:url(fotok/legifoto.jpg);}
.homeRight .artwork {background:url(fotok/artwork.jpg);}
.homeRight .mutargy {background:url(fotok/mutargy.and.reprodukcio.jpg);}
.homeRight .portre {background:url(fotok/portre.and.zsaner.jpg);}
.homeRight .referenciak {background:url(fotok/referenciak.jpg);}
.homeRight .riport {background:url(fotok/riport.jpg);}
.homeRight .targy {background:url(fotok/targy.and.makro.jpg);}
.homeRight .termeszet {background:url(fotok/termeszet.jpg);}
.homeRight .varos {background:url(fotok/varos.and.epiteszet.jpg);}

.mainPortfolio {width:780px; text-align:center;}

#frameP1{ border:5px solid #e1e1e1;}
#frameP2{ border:3px solid #FFFFFF;}

#fillLeft { float:left; color:#b6a78e; width:55px;}

#arrowPhotos { float:left; font-size:8pt; color:#917f68; width:55px; margin-top:4px; margin-left:10px; overflow:visible;}
#arrowPhotos a { margin:0 2px 0 0; }

#listPhotos { float:left;width:415px; height:72px; white-space:nowrap; overflow:auto; margin-top:10px;}
#listPhotos a { margin:0 5px 0 0;}
#listPhotos img { border: 1px solid #7d6047;}
#listPhotos img.selected { border: 1px solid #ff8307;}
.fixedwidth a { margin:0 5px 0 0;}
.fixedwidth img { border: 1px solid #7d6047;}
.fixedwidth img.selected { border: 5px solid #191715; width:37px;height:37px;}
.mainBottom center {margin-left:10px;}
.mainBottom center a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  font-size:8pt; color:#ac9f95; margin-right:20px; line-height:2em; }
.mainBottom center a:hover,.mainBottom center a.s { color:#7f6b5e; text-decoration:none; }