@charset "utf-8";
@import url("style.main.css");

/* CSS Document */
body { margin: 0; padding: 0; font-family: Cambria; background: url("../images/bg.gif") repeat 0 0; }
body#intro { margin: 0; padding: 0; font-family: Cambria; font-size: 15px; background-color: #251D41; background-image: none; }
form,div,h1,h2,h3,h4,h5,p,dl,dd,dt { padding: 0; margin: 0; margin: 0; padding: 0; font-family: Cambria; }
div { position: relative; }
h1,h2,h3,h4,h5,p { line-height: normal; }
img { border: none; }
a { color: color: #AAA0C9; text-decoration: none; }
a:hover { text-decoration: none; }
.strike { text-decoration: line-through; }

a { color: #C4875D; text-decoration: none; }
a:hover { color: #C4875D; text-decoration: underline; }

#content ul { margin: 10px 30px; }
#content ul li { line-height: 18px; list-style: none; background: url(../images/bullett.png) no-repeat 0 0; padding-left: 22px; }

#langselector { width: 28px; height: 44px; background: url(../images/langselect.png) no-repeat 0 0; position: absolute; top: -150px; right: 140px; }
#langselector ul { list-style: none; margin: 0; padding: 0; }
#langselector li { width: 28px; height: 19px; list-style: none; margin-bottom: 3px; }
#langselector li a { display: block; width: 28px; height: 19px; }

#full-cont { width: 100%; }

#top-csik { background: url("../images/top-bg.png") repeat-x 0 0; height: 27px; width: 100%; position: absolute; top: 0; left: 0; z-index: 5;}
#repeater { width: 100%; height: 557px;  background: url("../images/repeater.png") repeat-x top center; position: absolute; top: 17px; left:0; z-index: 0; }
#menu { width: 100%; height: 66px; background: url("../images/menu-bg.png") repeat-x top center; position: absolute; top: 145px; z-index: 5;  }
#menu ul { width: 570px; height: 28px; margin: 10px auto 0 auto; position: relative; }
#menu ul li { float: left; margin-right: 7px; list-style: none; height: 28px; display: block; position: relative; }
#menu ul li a { height: 28px; display: block; background: url("../images/menu.png") no-repeat 0 0 ;}
#menu ul li a.eletrajz { background-position: 0 0; width: 70px; }
#menu ul li a.hangversenyek { background-position: -77px 0; width: 127px; }
#menu ul li a.media { background-position: -211px 0; width: 62px; }
#menu ul li a.vendegkonyv { background-position: -280px 0; width: 115px; }
#menu ul li a.linkek { background-position: -402px 0; width: 64px; }
#menu ul li a.kapcsolat { background-position: -473px 0; width: 86px; }
#menu ul li a.eletrajz:hover { background-position: 0 -28px; width: 70px; }
#menu ul li a.hangversenyek:hover { background-position: -77px -28px; width: 127px; }
#menu ul li a.media:hover { background-position: -211px -28px; width: 62px; }
#menu ul li a.vendegkonyv:hover { background-position: -280px -28px; width: 115px; }
#menu ul li a.linkek:hover { background-position: -402px -28px; width: 64px; }
#menu ul li a.kapcsolat:hover { background-position: -473px -28px; width: 86px; }
#menu ul li.selected a.eletrajz { background-position: 0 -56px; width: 70px; }
#menu ul li.selected a.hangversenyek { background-position: -77px -56px; width: 127px; }
#menu ul li.selected a.media { background-position: -211px -56px; width: 62px; }
#menu ul li.selected a.vendegkonyv { background-position: -280px -56px; width: 115px; }
#menu ul li.selected a.linkek { background-position: -402px -56px; width: 64px; }
#menu ul li.selected a.kapcsolat { background-position: -473px -56px; width: 86px; }
#menu ul li.selected a.eletrajz:hover { background-position: 0 -56px; width: 70px; }
#menu ul li.selected a.hangversenyek:hover { background-position: -77px -56px; width: 127px; }
#menu ul li.selected a.media:hover { background-position: -211px -56px; width: 62px; }
#menu ul li.selected a.vendegkonyv:hover { background-position: -280px -56px; width: 115px; }
#menu ul li.selected a.linkek:hover { background-position: -402px -56px; width: 64px; }
#menu ul li.selected a.kapcsolat:hover { background-position: -473px -56px; width: 86px; }

#menu-en { width: 100%; height: 66px; background: url("../images/menu-bg.png") repeat-x top center; position: absolute; top: 145px; z-index: 5;  }
#menu-en ul { width: 490px; height: 28px; margin: 10px auto 0 auto; position: relative; }
#menu-en ul li { float: left; list-style: none; height: 28px; display: block; position: relative; }
#menu-en ul li a { height: 28px; display: block; background: url("../images/menu_en.png") no-repeat 0 0 ;}
#menu-en ul li a.eletrajz { background-position: 0 0; width: 90px; }
#menu-en ul li a.hangversenyek { background-position: -90px 0; width: 90px; }
#menu-en ul li a.media { background-position: -180px 0; width: 69px; }
#menu-en ul li a.vendegkonyv { background-position: -249px 0; width: 102px; }
#menu-en ul li a.linkek { background-position: -351px 0; width: 64px; }
#menu-en ul li a.kapcsolat { background-position: -415px 0; width: 75px; }
#menu-en ul li a.eletrajz:hover { background-position: 0 -28px; width: 90px; }
#menu-en ul li a.hangversenyek:hover { background-position: -90px -28px; width: 90px; }
#menu-en ul li a.media:hover { background-position: -180px -28px; width: 69px; }
#menu-en ul li a.vendegkonyv:hover { background-position: -249px -28px; width: 102px; }
#menu-en ul li a.linkek:hover { background-position: -351px -28px; width: 64px; }
#menu-en ul li a.kapcsolat:hover { background-position: -415px -28px; width: 75px; }
#menu-en ul li.selected a.eletrajz { background-position: 0 -56px; width: 90px; }
#menu-en ul li.selected a.hangversenyek { background-position: -90px -56px; width: 90px; }
#menu-en ul li.selected a.media { background-position: -180px -56px; width: 69px; }
#menu-en ul li.selected a.vendegkonyv { background-position: -249px -56px; width: 102px; }
#menu-en ul li.selected a.linkek { background-position: -351px -56px; width: 64px; }
#menu-en ul li.selected a.kapcsolat { background-position: -415px -56px; width: 75px; }
#menu-en ul li.selected a.eletrajz:hover { background-position: 0 -56px; width: 90px; }
#menu-en ul li.selected a.hangversenyek:hover { background-position: -90px -56px; width: 90px; }
#menu-en ul li.selected a.media:hover { background-position: -180px -56px; width: 69px; }
#menu-en ul li.selected a.vendegkonyv:hover { background-position: -249px -56px; width: 102px; }
#menu-en ul li.selected a.linkek:hover { background-position: -351px -56px; width: 64px; }
#menu-en ul li.selected a.kapcsolat:hover { background-position: -415px -56px; width: 75px; }

#design-cont { width: 880px; margin: 0 auto; }

#media-menu { width: 350px; position: absolute; right: -80px; top: 15px; z-index: 999; }
#media-menu ul { list-style: none; }
#media-menu li { list-style: none; float: left; }
#media-menu li a { display: block; padding: 4px 10px; font-size: 14px; color: #FFF; text-decoration: none; font-weight: bold; }
#media-menu li a:hover { color: #A49BC1; text-decoration: none; }

#top-kep { background: url("../images/top-kep.png") no-repeat 0 0; width: 522px; height: 148px; position: absolute; top: 0; right: 70px; z-index: 3; }
#bottom-kep { background: url("../images/bottom-kep.png") no-repeat 0 0; width: 522px; height: 206px; position: absolute; top: 187px; right: 70px; z-index: 1; }
#body { margin: 206px auto 0 auto; width: 880px; z-index: 10; }
#logo { position: absolute; top: -180px; left: 110px; background: url("../images/logo.png") no-repeat 0 0; width: 166px; height: 115px; }
#logo a { width: 166px; height: 115px; display: block; }
#logo-en { position: absolute; top: -180px; left: 110px; background: url("../images/logo_en.png") no-repeat 0 0; width: 166px; height: 115px; }
#logo-en a { width: 166px; height: 115px; display: block; }
#pagetitle { margin: 10px 0 20px 0; }
#pagetitle h1 { font-size 26px; color: #FFF; font-family: Cambria; font-style: italic; }
#pagetitle h1 span { font-size 26px; color: #F2B27D; }
#pagetitle-main { margin: 0 0 10px 0; padding-top: 10px; }
#pagetitle-main h1 { font-size 26px; color: #FFF; font-family: Cambria; font-style: italic; }
#pagetitle-main h1 span { font-size 26px; color: #F2B27D; }

#page-left { float: left; width: 410px; margin-left: 95px; }
#left-box-top { width: 410px; height: 30px; background: url("../images/left-top-bg.png") no-repeat top center; }
#left-box { width: 370px; background: url("../images/left-bottom-bg.png") no-repeat bottom center; padding: 0 20px 40px 20px; margin-bottom: 20px; }
#left-box div.news-item { background: url("../images/hir-rep.png") no-repeat bottom center; }
#left-box div.news-item h2 { color: #F2B27D; font-size: 12px; font-weight: bold; margin: 0 15px; }
#left-box div.news-item h1 { color: #FFF; font-size: 20px; margin: 0 15px; }
#left-box div.news-item h1 a { color: #FFF; }
#left-box div.news-item h1 a:hover { color: #AAA0C9; }
#left-box div.news-item p { color: #D8D2EB; font-size: 14px; padding: 0 0 30px 0; margin: 10px 15px 15px 15px;  }
#left-box div.news-item img { width: 100px; height: 110px; float: left; background: url("../images/kep-bg.png") no-repeat 0 0; padding: 5px; margin: 0 5px 5px 15px; }
#left-box div.news-item div.place { font-weight: bold; font-size: 12px; color: #BBB0D9; margin-top: 4px; padding-left: 15px; }

#news-container { border-bottom: 1px solid #3C335A; margin-bottom: 12px; padding-bottom: 10px; } 
#news-container h2 { font-size: 12px; }
#news-container h1 { font-size: 26px; color: #F2B27D; }
#news-container div.place { font-size: 12px; color: #FFF; font-weight: bold; }
#news-container p { margin-bottom: 10px; }
#news-container div.news-text { margin-top: 18px; }
#news-container p#news-intro { margin-bottom: 25px; }
#news-container img.att { width: 100px; height: 110px; z-index: 999; float: left; background: url("../images/kep-bg.png") no-repeat 0 0; padding: 5px; margin: 0 5px 5px 0; }

#content { padding: 8px 15px; color: #D8D2EB; font-size: 14px; }
#content p { margin: 0 0 10px 0; }

#page-right { float: left; width: 260px; margin-left: 20px; }
#right-box-top { width: 260px; height: 30px; background: url("../images/right-top-bg.png") no-repeat top center; }
#right-box { width: 220px; font-size: 12px; background: url("../images/right-bottom-bg.png") no-repeat bottom center; padding: 0 20px 40px 20px; margin-bottom: 20px; }
#right-box h3 { color: #BBB0D9; padding: 5px 15px; font-weight: bold; margin: 0; }
#right-box h3 a { color:  #BBB0D9; }
#right-box h3 a:hover { color:  #9284B9; }
#right-box h4 { color: #FFF;  padding: 0 15px 10px 15px; font-weight: bold; margin: 0; padding: 0 15px 0 15px;}
#right-box p { color: #FFF; border-bottom: 1px solid #362B57; padding: 0 0 10px 0; margin: 0 15px 10px 15px; }
#right-box img {  margin: 20px 0 20px 15px; }
.more { float: right; color: #AAA0C9; font-weight: bold; font-style: italic; margin: 0 20px 0 0; }
.more a { color: #AAA0C9; }
.more a:hover { color: #9284B9; }

#page-main { width: 690px; margin-left: 95px; }
#main-box-top { width: 690px; height: 30px; background: url("../images/main-top-bg.png") no-repeat top center; }
#main-box { width: 650px; background: url("../images/main-bottom-bg.png") no-repeat bottom center; padding: 0 20px 40px 20px; margin-bottom: 20px; }
#main-box div.news-item { background: url("../images/hir-rep.png") no-repeat bottom center; }
#main-box div.news-item h2 { color: #F2B27D; font-size: 12px; font-weight: bold; margin: 0 15px; }
#main-box div.news-item h1 { color: #FFF; font-size: 20px; margin: 0 15px; }
#main-box div.news-item h1 a { color: #FFF; }
#main-box div.news-item h1 a:hover { color: #AAA0C9; }
#main-box div.news-item p { color: #D8D2EB; font-size: 14px; padding: 0 0 30px 0; margin: 10px 15px 15px 15px;  }
#main-box div.news-item img { width: 100px; height: 110px; float: left; background: url("../images/kep-bg.png") no-repeat 0 0; padding: 5px; margin: 10px 5px 5px 15px; }
#main-box div.news-item div.place { font-weight: bold; font-size: 12px; color: #BBB0D9; margin-top: 4px; padding-left: 15px; }

#footer { clear: both; margin-left: 95px; background: url("../images/logo-footer.png") no-repeat 125px center; text-align: center; height: 107px; width: 690px; }
#footer span { color: #FFF; font-size: 12px; display: block; line-height: 107px; text-indent: 95px; } 

#paginate { text-align: center; font-size: 14px; font-weight: bold; }
#paginate a { color: #A49BC1; text-decoration: underline; padding: 0 2px; }
#paginate a:hover { color: #FFF; text-decoration: underline; }
#paginate a.current { color: #F2B27D; text-decoration: none; }

div.albumlist-item { width: 194px; height: 200px; float: left; margin: 5px 5px; }
div.albumlist-item img { padding: 3px; border: 1px solid #3B3257; }
div.albumlist-item div { text-align: center; }
div.piclist-item { width: 194px; height: 156px; float: left; margin: 5px 5px; }
div.piclist-item img { padding: 3px; border: 1px solid #3B3257; }
div.piclist-item div { text-align: center; }
#piclist h2 { margin-bottom: 15px; font-style: italic; }

#paginate { margin-top: 15px; padding-top: 10px; border-top: 1px solid #514A67; }

#guestbook h2 { margin: 15px 0 20px 0; }
div.vendeg-bejegy { background: #2C2645; padding: 10px; margin-bottom: 5px; }
div.vendeg-bejegy-nev { font-size: 16px; color: #E6AA79; }
div.vendeg-bejegy-nev small { font-size: 11px; }
div.vendeg-bejegy-text { margin-top: 6px; }

div.success { background: #4E7A36; color: #FFF; padding: 5px 10px; margin-bottom: 14px; font-weight: bold; }

/********************/
/** URLAP BASZÁSOK **/
/********************/
form { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #514A67; }
input,textarea { font-family: "Cambria",sans-serif; font-size: 12px; border: 0; }
select { font-family: "Cambria",sans-serif; font-size: 12px; }

h3.form-title { margin-top: 15px; font-size: 18px; border-bottom: 1px solid #514A67; margin-bottom: 10px; font-style: italic; padding-bottom: 10px; }

div.success { margin-bottom: 8px; background: #66A43E; color: #FFF; font-size: 13px; font-weight: bold; padding: 5px 12px; }

form.normal { margin: 0 auto; }
form.normal fieldset { padding: 15px 0; margin: 0; border: none; }
form.normal div.row { float: left; margin: 0 0 5px 0; }
form.normal div.row-hidden { display: none; float: left; margin: 0 0 5px 0; }
form.normal div.row-submit { clear: both; padding: 10px 0 0 187px; }
form.normal label { width: 180px; line-height: 28px; cursor: pointer; text-align: right; float: left; margin-right: 7px; font-size: 14px; }
form.normal label span { width: 180px; 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: #2E254E; width: 250px; color: #FFF; padding: 5px 6px; }
form.normal input.text:focus { color: #1D1637; background: #A49BC1; }
form.normal input.error { float: left; background: #2E254E; width: 250px; color: #FFF; padding: 5px 6px; border: 1px solid #930; }
form.normal input.small { width: 30px; }
form.normal textarea { float: left; background: #2E254E; width: 250px; color: #FFF; padding: 5px 6px; overflow: auto; }
form.normal textarea:focus { color: #1D1637; background: #A49BC1; }
form.normal textarea.error { float: left; background: #2E254E; width: 250px; color: #FFF; padding: 5px 6px; border: 1px solid #930; }
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: 140px; line-height: 20px; height: 20px; text-align: left; background: #9E413A; left: 450px; z-index: 20; font-size: 11px; text-indent: 5px; color: #FFF; float: left; position: absolute; }
form.normal label.checked { width: 1px; float: left; }

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

input.button { background: #F2B27D; line-height: 22px; font-size: 12px; font-weight: bold; color: #7E3F1F; text-align: center; padding: 4px 10px; margin: 0; cursor: pointer; overflow: visible; border: none; }
input.button:hover { color: #F2B27D; background: #7E3F1F; }