@import url("style.main.css");
@font-face { font-family: AdobeCaslonSemiBold; src: url(../fonts/AdobeCaslonSemiBold.otf); }
@font-face { font-family: AdobeCaslonRegular; src: url(../fonts/AdobeCaslonRegular.otf); }

/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
body { background: #113C00 url(../images/site-bg.png) repeat-x top left; margin: 0; padding: 0; font-family: "AdobeCaslonRegular",Georgia,sans-serif; font-size: 15px; color: #CCE0BD; }

h1,h2,h3,h4,h5,h6 { font-family: "AdobeCaslonRegular",Georgia,sans-serif; font-weight: normal; line-height: normal; }

a { color: #85BB51; text-decoration: underline; }
a:hover { color: #FFF; text-decoration: none; }
a:active { -moz-outline-style: none; outline: none; }
a:focus { -moz-outline-style: none; outline: none; }

input,textarea,select { background: #071800; color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.dn { display: none; }

.success { color: #FFF; background: #90C238; font-weight: bold; padding: 8px 12px; margin-bottom: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border: 3px solid #70982E; }
.imgrt { float: right; margin: 0 0 12px 16px; background: #39180A; border: solid transparent; border-width: 10px 10px 10px 10px; -webkit-border-image: url(../images/image-border.png) 26% repeat; -moz-border-image: url(../images/image-border.png) 26% repeat; -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.7); }
.imglt { float: left; margin: 0 16px 12px 0; background: #39180A; border: solid transparent; border-width: 10px 10px 10px 10px; -webkit-border-image: url(../images/image-border.png) 26% repeat; -moz-border-image: url(../images/image-border.png) 26% repeat; -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.7); }

/***************/
/** STRUKTÚRA **/
/***************/
#container { width: 956px; margin: 0 auto; background: url(../images/container-bg.png) repeat-y top left; min-height: 600px; }

#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 50; }
#overlay-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; display: none; z-index: 60; }

#header { width: 880px; height: 266px; margin: 0 auto; background: url(../images/header-bg.jpg) no-repeat top left; }
#header h1 { width: 204px; height: 204px; top: 30px; left: 69px; position: absolute; font-size: 1px; text-indent: -9000px; }
#header a { display: block; width: 100%; height: 100%; }

#navi {width: 880px; height: 49px; margin: 0 auto; background: url(../images/navi-bg.png) no-repeat top left; }
#navi ul { list-style: none; padding-left: 77px; }
#navi li { list-style: none; margin-right: 34px; overflow: hidden; float: left; height: 49px; text-indent: -9000px; }
#navi li a { display: block; position: relative; background: url(../images/navi-bg.png) no-repeat; clear: both; height: 49px; }
#navi li.fooldal a { background-position: -77px 0; width: 54px; }
#navi li.hotel a { background-position: -165px 0; width: 54px; }
#navi li.kornyek a { background-position: -253px 0; width: 74px; }
#navi li.informacio a { background-position: -361px 0; width: 77px; }
#navi li.kepgaleria a { background-position: -472px 0; width: 75px; }
#navi li.szobafoglalas a { background-position: -581px 0; width: 93px; }
#navi li.elerhetosegek a { background-position: -708px 0; width: 96px; }
#navi li.fooldal a:hover { background-position: -77px -49px; width: 54px; }
#navi li.hotel a:hover { background-position: -165px -49px; width: 54px; }
#navi li.kornyek a:hover { background-position: -253px -49px; width: 74px; }
#navi li.informacio a:hover { background-position: -361px -49px; width: 77px; }
#navi li.kepgaleria a:hover { background-position: -472px -49px; width: 75px; }
#navi li.szobafoglalas a:hover { background-position: -581px -49px; width: 93px; }
#navi li.elerhetosegek a:hover { background-position: -708px -49px; width: 96px; }
#navi li ul.sub { width: 167px; background: url(../images/dd-bg.png) no-repeat bottom left; position: absolute; top: 49px; z-index: 101; display: none; padding: 0 0 60px 0; }
#navi li ul.sub li { margin: 0; width: 167px; height: 20px; text-indent: 34px; }
#navi li ul.sub li.first { margin: 0; width: 167px; padding-top: 15px; height: 20px; background: url(../images/dd-top-bg.png) no-repeat 17px 0; text-indent: 34px; }
#navi li ul.sub li a { width: 130px; font-size: 16px; font-family: "AdobeCaslonRegular",Georgia,sans-serif; letter-spacing: -0.5pt; text-decoration: none; color: #F7CD9A; background: transparent; height: 20px; line-height: 20px; text-shadow: 2px 2px 3px rgba(0,0,0,0.6); }
#navi li ul.sub li a:hover { width: 140px; color: #FFF; }

/** inner **/
#inner { width: 880px; min-height: 300px; margin: 0 auto; background: #081D00 url(../images/inner-bg.png) no-repeat top left; }
#inner-top-left { width: 130px; height: 113px; background: url(../images/inner-top-left.png) no-repeat top left; position: absolute; top: 0; left: 0; z-index: 20; }

/** footer **/
#footer { height: 132px; z-index: 20; }
#footer-inner { width: 100%; height: 198px; background: url(../images/footer-bg.png) no-repeat top center; position: absolute; top: -66px; left: 0; }
#footer .copyright { width: 980px; margin: 0 auto; text-align: center; color: #613423; padding-top: 125px; font-size: 12px; font-family: "AdobeCaslonRegular",Georgia,sans-serif; }
#footer .logo { width: 104px; height: 24px; text-indent: -9000px; position: absolute; right: 28px; top: 120px; line-height: normal; }
#footer .logo a { width: 100%; height: 100%; display: block; background: url(../images/footer-logo.png) no-repeat top left; }
#footer .logo a:hover { background-position: 0 -24px; }

/** content **/
#content { width: 550px; margin: 30px 0 0 30px; float: left; }
#content-title { height: 75px; margin-bottom: 7px; }
#content-title h1 { min-height: 75px; background-position: top left; background-repeat: no-repeat; text-indent: -9000px; }
#content-text { padding: 20px 20px 50px 20px; background: #112D04; border: 1px dashed #2F4E19; }
#content-text p { margin-bottom: 15px; }
#content-text ul { margin: 15px 40px; }
#content-text li { line-height: 18px; margin-bottom: 3px; }
#content-text h1 { font-size: 24px; color: #688B3E; margin-bottom: 16px; }
#content-text h3 { font-family: "AdobeCaslonSemiBold",Georgia,sans-serif; font-size: 18px; color: #86BC52; margin-bottom: 7px; }
.terkep { margin-bottom: 15px; }
.terkep iframe { border: 4px solid #2F4E19; }

/** left **/
#left-box { width: 260px; margin-top: 37px; margin-bottom: 20px; float: left; background: url(../images/lb-bg.png) repeat-y top right; }
#left-box-header { height: 42px; background: url(../images/lb-header.png) no-repeat top left; }
#left-box-inner { min-height: 200px; background: url(../images/lb-content-bg.png) no-repeat top left;border-bottom }
#left-box-content { padding: 24px; }
#left-box-content h2 { font-size: 18px; line-height: 20px; margin: 12px 0 5px 0; }
#left-box-content h2 a { text-decoration: none; color: #FFF; }
#left-box-content h2 a:hover { text-decoration: underline; }
#left-box-content p { font-size: 14px; color: #688D40; line-height: 16px; background: url(../images/left-par-sep.png) no-repeat bottom center; margin: 0 0 5px 0; padding-bottom: 24px; }
#left-box-content p.more { background: none; text-align: center; font-size: 13px; line-height: 24px; margin: 14px 0 5px 0; }
#left-box-footer { width: 260px; height: 35px; background: url(../images/lb-footer-bg.png) no-repeat top left; position: absolute; bottom: 0; left: 0; }

#nl-box-header { height: 37px; background: url(../images/nl-header.png) no-repeat top left; }
#nl-box-inner { min-height: 200px; background: url(../images/lb-content-bg.png) no-repeat top left; }
#nl-box-content { padding: 24px; }
#nl-box-content p { font-size: 14px; color: #688D40; line-height: 16px; margin-bottom: 12px; }
#nl-box-footer { width: 260px; height: 35px; background: url(../images/lb-footer-bg.png) no-repeat top left; position: absolute; bottom: 0; left: 0; }


/** gallery **/
#albumlist a { text-decoration: none; }
.albumlist-item { width: 250px; float: left; margin: 0 0 6px 4px; }
.albumlist-item img { background: #39180A; border: solid transparent; border-width: 10px 10px 10px 10px; -webkit-border-image: url(../images/image-border.png) 26% repeat; -moz-border-image: url(../images/image-border.png) 26% repeat; -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.7); }
.albumlist-item span { font-size: 16px; line-height: 38px; padding-left: 12px; }
#piclist h2 { color: #3C753E; margin-bottom: 15px; }
.piclist-item { width: 165px; float: left; margin: 0 0 8px 4px; }
.piclist-item img { background: #39180A; border: solid transparent; border-width: 10px 10px 10px 10px; -webkit-border-image: url(../images/image-border.png) 26% repeat; -moz-border-image: url(../images/image-border.png) 26% repeat; -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.7); }
.album-back { position: absolute; top: 5px; right: 15px; font-size: 12px; color: #3C753E; text-decoration: none; }

/** paginate **/
#paginate { padding: 12px 20px; margin-bottom: 5px; text-align: center; }
#paginate a { padding: 0 4px; color: #3C753E; }
#paginate a.current { text-decoration: none; font-weight: bold; color: #FFF; }

/** vendegkonyv **/
.vendeg-bejegy { margin-bottom: 5px; padding: 12px 16px; background: #081D00; }
.vendeg-bejegy-nev { margin-bottom: 5px; color: #618B3E; }

/** forms **/
form { margin: 0; }
input,textarea { font-family: "Arial",sans-serif; font-size: 13px; border: 0; }
select { font-family: "Arial",sans-serif; font-size: 13px; }

form.normal { margin: 0 auto; }
form.normal fieldset { padding: 15px 0; margin: 0; border: none; border-top: 1px solid #2F4E19; }
form.normal legend { padding-right: 12px; font-size: 18px; color: #CCE0BD; }
form.normal div.row { margin: 0 0 5px 0; }
form.normal div.row-submit { clear: both; padding: 10px 0 25px 127px; }
form.normal label { width: 120px; color: #668D40; line-height: 28px; cursor: pointer; text-align: right; float: left; margin-right: 7px; font-size: 14px; }
form.normal label.small, form.normal label.small span { width: 80px; }
form.normal label.tiny, form.normal label.tiny span { width: 50px; }
form.normal label.radio { float: none; margin-left: 7px; margin-right: 14px; }
form.normal label.check { float: none; margin-left: 7px; margin-right: 14px; }
form.normal label span { width: 120px; line-height: 28px; height: 28px; text-align: right; display: block; cursor: pointer; font-size: 14px; }
form.normal label span.must:before { content: "* "; color: #C00; }
form.normal input.text { float: left; background: #071800; width: 240px; color: #FFF; padding: 5px 6px; border: 1px solid #071800; }
form.normal input.text:focus { color: #FFF; background: #071800; }
form.normal input.error { border: 1px solid #FF6633; }
form.normal textarea { float: left; background: #071800; width: 240px; color: #FFF; padding: 5px 6px; overflow: auto; border: 1px solid #071800; }
form.normal textarea:focus { color: #FFF; background: #071800; }
form.normal textarea.error { border: 1px solid #FF6633; }
form.normal select { float: left; padding: 4px 3px; border: none; margin-right: 5px; }
form.normal select.small { width: 43px; }
form.normal p span { line-height: 30px; }
form.normal label.error { width: 50px; float: left; color: #FF6633; font-size: 12px; }
form.normal label.checked { width: 50px; float: left; color: #FF6633; font-size: 12px; }

form.newsletter { margin: 0 auto; }
form.newsletter div.row { margin: 0 0 3px 0; }
form.newsletter div.row-submit { padding: 8px 0 50px 0; }
form.newsletter input.text { float: none; background: #071800; width: 198px; color: #FFF; padding: 5px 6px; border: 1px solid #071800; }
form.newsletter input.text:focus { color: #FFF; background: #071800; }
form.newsletter p span { line-height: 30px; }

label.error,label.error { display: none; color: #FFF; }
div.error { display: none; }

input.button { background: #794118; font-size: 11px; font-weight: bold; color: #1C0B05; text-align: center; padding: 6px 10px 4px 10px;  margin: 0; cursor: pointer; overflow: visible; border: none; text-shadow: 0 1px 0 rgba(255,255,255,0.2); }
input.button:active { padding: 7px 10px 3px 10px; }