/*CSS*/

/*---------------------------------------------HTML-BODY...*/

html { width: 100%; background-color: #6e7d38; }
body { min-height: 100%; position: relative; margin: 0; padding: 0; border: none; text-align: left; font-family: 'Titillium Web', sans-serif; font-size: 14px; color: #acadad; }
h1 { font-family: 'Titillium Web', sans-serif; font-size: 24px; }
a, .lbox .pict, .hirbox img { text-decoration: none; -webkit-transition: ease-in-out all; -webkit-transition-duration: .1s; -moz-transition: ease-in-out all; -moz-transition-duration: .1s; -o-transition: ease-in-out all; -o-transition-duration: .1s; transition: ease-in-out all; transition-duration: .1s; }
.clear { clear: both; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.bal { float: left; }
.jobb { float: right; }
.wrapper { max-width: 1000px; margin: 0 auto; }
#header { position: relative; }
#header img { width: 100%; height: auto; }
#header #title { font-family: 'Great Vibes', cursive; font-size: 46px; font-size: 3vw; color: #FFF; position: absolute; width: 100%; top: 5%; text-align: center; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3); }
#header #title a { color: #FFF; }
#header .icons { position: absolute; width: 100%; bottom: -3%; }
#header .icons img { width: inherit; }
#header ul { margin: 0; padding: 0; text-align: center; }
#header li { display: inline-block; padding: 0 0.1%; }
#header li#search-form { display:none; position:absolute; top:-100%; left:50%; margin-left:-120px; list-style:none; }
#search-form .field { width:240px; padding:5px 1%; }
#menu { background-color: #b1242c; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; }
#fomenu ul { margin: 0; padding: 2% 0; text-align: center; }
#fomenu li { list-style: none; display: inline-block; padding: 0 1%; }
#fomenu a { color: #fff; }
#fomenu li.current { }
#middle { background-color: #fff; padding: 1% 0; color: #857676; font-family: 'Open Sans', sans-serif; }
#middle a { color: #857676; font-weight: 400; }
.maintitle { text-align: center; padding: 0 0 2%; }
.maintitle h1 { margin: 0; padding: 0; font-size: 26px; font-weight: 300; }
.bread { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; text-align: center; padding: 1% 0; margin: 0 0 0.8% 0; font-size: 13px; font-weight: 300; }
.kot { text-align: center; padding: 2% 0 0; }
.kot img { vertical-align: middle; margin: 0 1%; }
.box { margin: 1% 0 2%; position: relative; text-align: center; font-weight: 300; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }
.lbox { display: inline-block; width: 23.6%; min-width: 236px; height: 286px; vertical-align: top; position: relative; }
.lbox .title, .rightbox .title { color: #FFF; font-size: 22px; padding: 4% 0 0 0; }
.lbox .text { font-size: 13px; color: #FFF; margin: 6% 0 0 0; }
#middle .lbox .text a { color: #FFF; }
.lbox.kozosseg .title, .rightbox.kozosseg .title { text-align: left; padding: 4% 0 4% 12%; position: relative; background-color: #e55353; }
.lbox.kozosseg .title .bg, .rightbox.kozosseg .title .bg { position: absolute; background: url(art/kozosseg_bg.png); width: 83px; height: 50px; right: 3%; bottom: -18%; }
#middle .lbox .button { font-size: 13px; padding: 2% 3%; display: inline-block; border-radius: 1px; }
#middle .lbox .button a, #middle .rightbox .button a { color: #FFF; }
#middle .lbox .button a:hover, #middle .rightbox .button a:hover { font-weight: 700; }
.lbox.szallas .button { background-color: #bc7d7f; border: solid 1px #ca9194; margin: 14% 0 0 0; }
.lbox.megkozelites .button { background-color: #9aad59; border: solid 1px #b6cb6f; margin: 4% 0 0 0; }
.lbox .pict { width: 60%; height: 50%; margin: 8% auto 0 auto; overflow: hidden; border-radius: 50%; position: relative; }
.lbox .pict:hover { border-radius: 0%; }
.lbox .pict img { width: auto; height: 100%; }
.lbox .pict .cim { position: absolute; width: 100%; bottom: 0; padding: 2% 0 4% 0; color: #FFF; background-color: rgba(0, 0, 0, 0.5); }
.szallas { background-color: #a36164; margin: 0 0.9% 0 0; }
.szallas .bg { background: url(art/foglalas_bg.png) right no-repeat; position: absolute; bottom: -4%; width: 94%; margin: 0 0 0 6%; text-align: center; height: 98px; }
.megkozelites { background-color: #6e7d38; margin: 0 0.9% 0 0; }
.megkozelites .bg { background: url(art/megkozelites_bg.png) left no-repeat; position: absolute; bottom: -2.8%; width: 94%; margin: 0 0 0 6%; text-align: center; height: 92px; }
.kepgaleria { background-color: #4d7196; margin: 0 0.9% 0 0; }
.kepgaleria .bg { background: url(art/foto.png) right no-repeat; position: absolute; bottom: -2.8%; width: 94%; text-align: center; height: 77px; }
.kozosseg { width: 25%; }
.rightbox.kozosseg { width: 100%; }
#content { width: 100%; }
#content p { width: 100%; background-color: #fff; }
#content .left { width: 70%; float: left; }
#content .right { width: 26.6%; float: right; }
.rightbox.szallas { margin: inherit; }
.rightbox { font-weight: 300; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); position: relative; margin: 10% 0 0 0; }
.rightbox .title { padding: 6% 4% 0 0; }
.rightbox.megkozelites .title { padding: 6% 0 0 4%; text-align: left; }
.rightbox .text { color: #FFF; font-size: 13px; padding: 5% 4% 0 0; position: relative; }
.rightbox.megkozelites .text { padding: 3% 0 0 0; text-align: right; display: block; width: 50%; }
.rightbox .button { font-size: 13px; padding: 2% 3%; margin: 3% 4% 4% 0; display: inline-block; border-radius: 1px; background-color: #bc7d7f; border: solid 1px #ca9194; position: relative; }
.rightbox.megkozelites { text-align: left; }
.rightbox.megkozelites .button { padding: 2% 3%; margin: 3% 0 4% 4%; background-color: #9aad59; border: solid 1px #b6cb6f; }
.rightbox.megkozelites .bg { background: url(art/megkozelites_big_bg.png) right no-repeat; width: 90%; bottom: -12%; height: 123px; }
.rightbox.szallas .bg { background: url(art/foglalas_big_bg.png) left no-repeat; position: absolute; bottom: -4.4%; width: 94%; margin: 0 0 0 6%; text-align: center; height: 107px; z-index: 0; }
.rightbox.kepgaleria { min-height: 126px; }
.rightbox.kepgaleria .bg { background: url(art/foto_big.png) left no-repeat; position: absolute; bottom: 0%; width: 94%; margin: 0 0 0 6%; text-align: center; height: 111px; z-index: 0; }
a .rightbox.kepgaleria:hover .title { font-weight: 400; }
#galeria .thumb { margin: 1%; }
#footer { width: 100%; height: 100px; }
.hirbox { border-bottom: solid 1px #e5e5e5; margin: 0 0 1% 0; padding: 1% 0; }
.hirbox .pict img { max-width: 200px; height: auto; padding: 0 10px 0 0; opacity: 0.8; filter: alpha(opacity=80); }
.hirbox:hover img { opacity: 1; filter: alpha(opacity=100); }
.hirbox .pict, .hirbox .text { display: inline-block; vertical-align: top; }
.hirbox .text .title { font-weight: 700; font-size: 120%; }
#slider { max-height: 560px; overflow: hidden; position: relative; }
#slider img { width: 100%; }
#sliderfoPager { position: absolute; width: 100%; bottom: 6%; text-align: center; z-index: 100; }
.slider-pager span { display: inline-block; width: 16px; height: 16px; color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5); cursor: pointer; font: normal Arial, Helvetica, sans-serif; font-size: 0; border-radius: 50%; margin: 0 4px; padding: 2px; }
span.cycle-pager-active { width: 8px; height: 8px; color: #306498; background-color: #b1242b; border: solid 4px #fff; vertical-align: bottom; }