/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
html { height: 100%; }
body { background: #383028 url(../images/site-bg.jpg) no-repeat center center; height: 100%; margin: 0; padding: 0; font-family: "Arial",sans-serif; font-size: 11px; }
body#intro { background-color: #E8DABD; background-image: none; height: 100%; margin: 0; padding: 0; font-family: "Arial",sans-serif; font-size: 11px; }

p { margin-top: 0; line-height: 18px; }
div { position: relative; }
#CB_All { position: static; }

h1,h2,h3,h4,h5,ul,li,p { margin: 0; padding: 0; }

h1,h2,h3,h4,h5 { font-family: "Arial Narrow",Arial,sans-serif; font-weight: normal; }
h1 { font-size: 18px; font-weight: bold; color: #E56A3B; line-height: 20px; margin-bottom: 5px; }
h2 { font-size: 16px; font-weight: bold; color: #645546; line-height: 18px; margin-bottom: 5px; }
h3 { font-size: 14px; font-weight: bold; color: #645546; line-height: 16px; margin-bottom: 5px; }

a img { border: none; }
a { color: #E56A3B; text-decoration: none; font-weight: bold; }
a:hover { color: #C30; text-decoration: underline; }

small { font-size: 11px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/**********************/
/** STRUKTÚRA ELEMEI **/
/**********************/
div.clr,br.clr { clear: both; line-height: 1px; }

#introanim { width: 980px; margin: 0 auto; padding: 0; position: relative; }

#container { width: 972px; margin: 0 auto; padding: 0; position: relative; }
#content-top { background: url(../images/content-bg-top.png) no-repeat 0 0; height: 25px; }
#content { background: url(../images/content-bg.png) no-repeat 0 0; min-height: 350px; }
#content-np { background: url(../images/content-bg.png) no-repeat 0 0; min-height: 580px; }

/** lábléc **/
#footer { font-family: "Arial Narrow",Arial,sans-serif; height: 164px; background: url(../images/footer-bg.png) no-repeat 0 0; }
#copyright { position: absolute; bottom: 33px; left: 50px; font-size: 10px; color: #504438; text-transform: uppercase; font-weight: bold; }
#partners { position: absolute; bottom: 30px; right: 55px; width: 220px; height: 24px; background: url(../images/footer-partners.png) no-repeat 0 0; }

#left { width: 220px; background: url(../images/site-logo.png) no-repeat 25px 20px; height: 330px; min-height: 330px; float: left; margin-left: 39px; margin-right: 28px; }
#content-body { width: 640px; height: 300px; float: left; color: #7E6641; }
#content-body p { margin: 0 2px 12px 2px; line-height: 15px; }
#content-body a { text-decoration: underline; }
#content-body ul { margin: 10px 0 10px 30px; }
#content-np-body { width: 640px; height: 530px; float: left; color: #7E6641; }
#content-np-body p { margin: 0 2px 12px 2px; line-height: 15px; }
#content-np-body a { text-decoration: underline; }
#content-np-body ul { margin: 10px 0 10px 30px; }

#image-holder { background: #897763 url(../images/image-holder-bg.png) no-repeat 0 0; margin: 0 16px; padding-top: 3px; width: 940px; height: 3px; }
#image-rotator { list-style: none; width: 940px; height: 230px; }
#image-rotator li { list-style: none; float: left; width: 940px; height: 230px; }

/** navigáció **/
#pagenavi { width: 940px; position: absolute; top: 3px; left: 16px; }
#pagenavi ul { width: 935px; height: 30px; border-bottom: 1px solid #897661; padding-left: 5px; list-style: none; font-family: "Arial Narrow",Arial,sans-serif; font-size: 12px; text-transform: uppercase; }
#pagenavi ul li { float: left; line-height: 30px; background: url(../images/pagenavi-sep1.png) no-repeat center right; }
#pagenavi ul li a { padding: 0 8px; display: block; color: #40382E; }
#pagenavi ul li a.first { color: #FFF; font-weight: bold; }
#pagenavi ul li a:hover, #pagenavi ul li a.hover { background: #504438; color: #D9D2CB; text-decoration: none; }
#pagenavi ul ul { border-top: 1px solid #897661; border-bottom: 1px solid #897661; position: absolute; left: 0; top: 30px; background: url(../images/pagenavi-sub-bg.png) no-repeat 0 0; height: auto; font-size: 11px; }
#pagenavi ul ul li { line-height: 22px; background: url(../images/pagenavi-sep2.png) no-repeat center right; white-space: nowrap; }
#pagenavi ul ul li a { color: #D6CEC5; }
#pagenavi ul ul li a:hover,#pagenavi ul ul li a.hover { background: #645546; color: #FFF; }
#pagenavi ul ul ul { border-top: 1px solid #B1A494; border-bottom: 1px solid #B1A494; position: absolute; left: 0; top: 22px; background: #A1907D; height: auto; font-size: 11px; }
#pagenavi ul ul ul li { line-height: 22px; background: url(../images/pagenavi-sep3.png) no-repeat center right; }
#pagenavi ul ul ul li a { color: #D6CEC5; }
#pagenavi ul ul ul li a:hover,#pagenavi ul ul ul li a.hover { background: #B1A494; color: #645546; }

/** nyelvválasztó **/
#langselect { width: 32px; height: 85px; background: url(../images/langselect.png) no-repeat 0 0; position: absolute; left: -16px; top: 13px; }
#langselect ul { list-style: none; padding: 11px 0 0 8px; margin: 0; }
#langselect li { width: 16px; height: 16px; padding: 0; margin: 0; margin-bottom: 6px; }
#langselect li a { display: block; width: 16px; height: 16px; }

/** oldal logó **/
#site-logo { width: 190px; height: 125px; margin-top: 5px; margin-left: 10px; }
#site-logo a { width: 100%; height: 100%; display: block; }

/** kiemelt szolgaltatasok **/
#kiemelt-box h5 { color: #504438; font-size: 11px; line-height: normal; padding: 3px 10px; margin: 3px 0; font-family: "Arial"; border-bottom: 1px solid #CFC0A3; }
#kiemelt-box h5 a { color: #504438; text-decoration: none; }
#kiemelt-box h5 a:hover { color: #756555; }
#kiemelt-box p { margin: 0; color: #9D8048; line-height: 13px; }

/****************************/
/** KÜLÖNFÉLE STÍLUSELEMEK **/
/****************************/

/** oldal címe **/
#pagetitle { margin-bottom: 5px; }

/** képek **/
img.leftalign { float: left; border: 1px solid #8B7D62; background: #A4987E; padding: 2px; margin: 0 10px 6px 0; } 
img.rightalign { float: right; border: 1px solid #8B7D62; background: #A4987E; padding: 2px; margin: 0 0 6px 10px; } 
img.centered { border: 1px solid #8B7D62; background: #A4987E; padding: 2px; margin: 0 2px; } 

/** kiemelt szöveg **/
div.text-highl { background: #F6F5F0; color: #726650; padding: 12px 12px; margin: 10px 0 15px 0; }
div.text-highl p { margin: 0; padding: 0; }
div.text-highl p:first-letter { font-size: 48px; font-weight: bold; display: block; float: left; font-style: italic; margin-right: 4px; }
div.text-high2 { background: #F6F5F0; color: #726650; padding: 12px 12px; margin: 10px 0 15px 0; color: #817761; }
div.text-high2 a { color: #922020; }
div.text-high2 strong { color: #ACA28A; }
div.text-high2 h3 { color: #922020; font-size: 14px; margin: 5px 0 10px 0; font-weight: bold; }
div.text-high2 p { margin: 0 0 10px 0; padding: 0; }

/** üzenetdobozok **/
div.success { border: 1px solid #79B346; background: #B5D7A2; padding: 5px 8px; margin: 0 0 10px 0; font-size: 11px; color: #49702E; }
div.success h3 { font-size: 16px; font-weight: bold; color: #49702E; margin: 5px 0 3px 0; line-height: 16px; }
div.success span { margin: 0; color: #49702E; }
div.success-small { border: 1px solid #426F3C; background: #56AD43; padding: 0 8px; float: left; margin: 0 0 0 10px; font-size: 11px; line-height: 26px; color: #FFF; width: auto; }

/** oldalnavigáció **/
ul.pagenavi { padding: 0 0 20px 0; margin: 15px 0 0 10px; list-style: none; clear: both; }
ul.pagenavi li { float: left; margin: 0; padding: 0; list-style: none; color: #F8EDD2; background: #340E06; margin-right: 3px; }
ul.pagenavi li.sel { font-size: 12px; padding: 4px 7px; font-weight: bold; }
ul.pagenavi li a { display: block; font-size: 12px; padding: 4px 7px; text-decoration: none; background: #EFDEB8; }
ul.pagenavi li a:hover { background: #E7CD92; text-decoration: none; font-weight: normal; }

/** táblaformázás **/
table { font-size: 16px; margin-top: 10px; border-bottom: 1px solid #A4987E; }
table th { background: #11583B url(../images/table-th-bg.png) repeat-x 0 0; color: #FFF; font-size: 18px; padding: 12px 20px; }
table td { padding: 8px 10px; }
table tr.row1 td { background: #C6BFAA url(../images/table-rowa-bg.png) repeat-x 0 0; }
table tr.row2 td { background: #DDD8C7 url(../images/table-rowb-bg.png) repeat-x 0 0; }

/** alsó bannerek **/
#footbuttons { width: 580px; position: absolute; bottom: 13px; right: 40px; }
#footgallery { float: left; width: 190px; height: 143px; margin-right: 5px; }
#footguestbook { float: left; width: 190px; height: 143px; margin-right: 5px; }
#footnewsletter { float: left; width: 190px; height: 143px; position: relative; }
#footnewsletter form { position: absolute; top: 62px; left: 9px; }
#footnewsletter form p { margin: 0 0 3px 0; padding: 0; }
#footnewsletter input.text { width: 171px; color: #B8A4C1; font-size: 11px; padding: 3px 5px; border: none; background-color: transparent; }
#footnewsletter input.text:focus { color: #FFF; }
#footnewsletter input.button { width: 90px; margin-right: 9px; float: right; border: none; background-color: transparent; cursor: pointer; }

p.morelink { margin: 12px 0 0 0; }

/** bazisterkep doboza **/
div.bazismap { width: 294px; height: 224px; background: #E8DABD; padding: 10px 0px 4px 4px; float: right; margin: 0 0 10px 10px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }

/** kapcsolat **/
#contact-text-box { width: 300px; float: left; }
#contact-form-box { width: 300px; float: left; margin-bottom: 10px; }

/** galéria **/
#albumlist div.thumb { padding: 5px; background: #DDCDAC; width: 100px; height: 100px; float: left; margin: 4px; }
#albumlist div.thumb-album { padding: 5px; background: #DDCDAC; width: 100px; height: 135px; float: left; margin: 4px; }
#albumlist div.thumb-title { width: 100px; text-align: center; margin-top: 5px; font-size: 10px; }
#albumlist a.albumpic { visibility: hidden; height: 1px; line-height: 1px; }
#album-nav { margin-bottom: 15px; background: #F2E8CF; font-weight: bold; padding: 5px 8px; }

/** pdf icon **/
a.pdf { display: block; background: #F2E8CF url(../images/icon-pdf.png) no-repeat 5px 5px; padding: 0 10px 0 42px; -moz-border-radius: 5px; line-height: 36px; font-size: 11px; }

/** csatolt album **/
#attached-album {text-align: center; width: 242px; padding: 5px 5px 3px 5px; background: #8B7863; margin: 5px 0 16px 16px; float: right; }
#attached-album img { border: 1px solid #F2E8CF; }
#attached-album a.attached-hidden { visibility: hidden; position: absolute; top: 0; left: 0; }
#attached-album div { text-align: center; padding: 5px 0 3px 0; color: #F2E8CF; font-weight: bold; }
#attached-album div a { color: #F2E8CF; text-decoration: none; }
#attached-album div a:hover { color: #FFF; text-decoration: none; }

/********************/
/** ŰRLAP BASZÁSOK **/
/********************/
form { margin: 0; }
input,textarea { font-family: "Arial",sans-serif; font-size: 11px; border: 0; }
select { font-family: "Arial",sans-serif; font-size: 11px; border: none; }

form.normal { width: 540px; margin: 0 auto; }
form.normal fieldset { width: 540px; padding: 15px 0; margin: 0; border: none; border-top: 1px solid #C7C0AC; }
form.normal legend { color: #115C3E; font-size: 18px; letter-spacing: -0.6pt; font-weight: bold; }
form.normal p { width: 540px; float: left; margin: 0 0 5px 0; position: relative; }
form.normal p.submit { width: 393px; clear: both; margin: -5px 0 15px 167px; text-align: left; }
form.normal label { width: 160px; line-height: 30px; cursor: pointer; text-align: right; float: left; margin-right: 7px; }
form.normal label span { width: 160px; line-height: 30px; height: 30px; text-align: right; display: block; cursor: pointer; font-size: 16px; }
form.normal label span.must:before { content: "* "; color: #9A3F3F; }
form.normal input.text { float: left; background: #C7C0AC; width: 338px; height: 20px; line-height: 30px; color: #6E644E; padding: 5px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.normal input.text:focus { color: #FFF; background: #125F40; }
form.normal input.error { float: left; background: #E9C9CA url(../images/form-error.jpg) no-repeat right 7px; width: 338px; height: 20px; line-height: 30px; color: #852527; padding: 5px 6px; }
form.normal input.error:focus { background: #E9C9CA url(../images/form-error.jpg) no-repeat right 7px; color: #852527; }
form.normal input.small { width: 30px; }
form.normal textarea { float: left; background: #C7C0AC; width: 338px; padding: 6px 6px; overflow: auto; color: #6E644E; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.normal textarea:focus { color: #FFF; background: #125F40; }
form.normal textarea.error { float: left; background: #E9C9CA url(../images/form-error.jpg) no-repeat right 7px; width: 338px; padding: 5px 6px; overflow: auto; color: #6E644E; }
form.normal textarea.error:focus { color: #6E644E; background: #E9C9CA url(../images/form-error.jpg) no-repeat right 7px; }
form.normal select { float: left; background: #C7C0AC; color: #6E644E; padding: 4px 3px; border: none; margin-right: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.normal select.small { width: 43px; }
form.normal p span { line-height: 30px; }
form.normal label.error { width: 1px; float: left; }
form.normal label.checked { width: 1px; float: left; }

form.standard { width: 580px; }
form.standard fieldset { width: 580px; padding: 15px; margin: 0; border: none; background: #F2E8CF; }
form.standard legend { color: #E0531E; font-size: 16px; font-weight: bold; font-family: "Arial Narrow",Arial,sans-serif }
form.standard div.row { width: 550px; float: left; margin-bottom: 4px; }
form.standard div.row-submit { float: left; margin-left: 135px; }
form.standard div.row-hidden { width: 550px; float: left; margin-bottom: 4px; display: none; }
form.standard label { display: block; width: 130px; line-height: 24px; text-align: right; float: left; margin-right: 5px; }
form.standard input.text { float: left; background: #DDCDAC; width: 265px; color: #77603E; padding: 4px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.standard input.text:focus { background: #D5C095; }
form.standard input.error, form.standard input.error:focus { float: left; background: #AF3033; width: 265px; color: #FFF; padding: 4px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.standard textarea { float: left; background: #DDCDAC; width: 265px; height: 90px; padding: 5px 5px; overflow: auto; color: #77603E; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.standard textarea:focus { background: #D5C095; }
form.standard select { float: left; background: #DDCDAC; width: 265px; color: #77603E; padding: 4px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

form.contact { width: 300px; }
form.contact fieldset { width: 300px; padding: 15px; margin: 0; border: none; background: #F2E8CF; }
form.contact legend { color: #E0531E; font-size: 16px; font-weight: bold; font-family: "Arial Narrow",Arial,sans-serif }
form.contact div.row { width: 270px; float: left; margin-bottom: 4px; }
form.contact div.row-submit { float: left; margin-left: 85px; }
form.contact div.row-hidden { width: 270px; float: left; margin-bottom: 4px; display: none; }
form.contact label { display: block; width: 80px; line-height: 24px; text-align: right; float: left; margin-right: 5px; }
form.contact input.text { float: left; background: #DDCDAC; width: 175px; color: #77603E; padding: 4px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.contact input.text:focus { background: #D5C095; }
form.contact textarea { float: left; background: #DDCDAC; width: 175px; height: 90px; padding: 5px 5px; overflow: auto; color: #77603E; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form.contact textarea:focus { background: #D5C095; }

input.button { background: #E1541E; font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; padding: 4px 8px; margin: 0; cursor: pointer; overflow: visible; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input.button:hover { background: #8C7249; }

/****************/
/** Képgaléria **/
/****************/
.caption { font-style: italic; color: #887; }
.gallery_container { position: relative; margin-top: 2em; }
.gallery { width: 702px; margin: 0 auto; }
.gallery li { width: 68px; height: 50px; border: 3px double #111; margin: 0 2px; background: #000; }
.gallery li div { left: 240px; }
.gallery li div .caption { font: italic 0.7em/1.4 georgia,serif; }
	
#main_image { margin: 0 auto 60px auto; height: 438px; width: 700px; background: black; }
#main_image img{ margin-bottom: 10px; }
	
.nav { padding-top: 15px; clear: both; font: 80% 'helvetica neue',sans-serif; letter-spacing: 3px; text-transform: uppercase; }

#nodata { background: #F1E6CD; padding: 25px 0; text-align: center; font-size: 16px; margin: 20px 0; }

/*************************/
/** jQuery Galleria CSS **/
/*************************/
.galleria { list-style: none; width: 200px; }
.galleria li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 0 10px 10px 0; }
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img{ cursor: pointer; }
.galleria li.active div img,.galleria li.active div{ display: block; }
.galleria li img.thumb{ cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption{ display: block; padding-top: .5em; }
* html .galleria li div span{ width: 400px; } /* MSIE bug */

/***************************/
/** jQuery ScrollPane CSS **/
/***************************/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #EADCBB; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.jScrollPaneDrag { position: absolute; background: #D8C5A0; cursor: pointer; overflow: hidden; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }