/* ---------- alap beallitasok ---------- */

@font-face {
 font-family: CustomFont;
 src: url("fotomuzeum.eot") /* EOT file for IE */
}
@font-face {
 font-family: CustomFont;
 src: url("fotomuzeum.ttf") /* TTF file for CSS3 browsers */
}


* { margin: 0px; padding: 0px; }
body, form, input, select, fieldset, textarea { font: 11px/1.4em Tahoma, sans-serif; color: #4C4C4A; }
body { background: #FFF url('../images/background.jpg') repeat-x center top; }
h3, h4, h5, h6, pre, code { font-size: 1em; }
h1 { color: #FFF; font-family: CustomFont, Tahoma; font-size: 27px; }
h2 { color: #0085b4; font-family: CustomFont, Tahoma; font-size: 12px; }
ul {list-style: none; }
a { color: #0085b4; outline: none; }
a img, a img, fieldset { border: none; outline: none; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

div { overflow: hidden; }
div.clear, span.clear {clear: both; font-size: 0px; } /* float-olt elemek utan hasznalatos clear */

div#header { width: 958px; height: 236px; margin: 0 auto; padding-bottom: 18px; }
div#content { width: 958px; margin: 0 auto; padding-bottom: 50px; }
div#left { width: 228px; float: left; }
div#right { width: 702px; padding-left: 20px; float: left; }
div#footer { height: 121px; background: #F9F6F1 url('../images/footer.jpg') repeat-x center top; }

/* ---------- fejléc ---------- */
div#top { height: 154px; background: #000 url('../images/top.jpg') no-repeat center top; }
div#top div { float: left; }
div#top div.topcimek { width: 340px; }
div#top h1 {  text-align: right; padding-top: 65px; line-height: 27px; }
div#top h1 a { text-decoration: none; color: #FFF; }
div#top h2 { text-align: right; font-weight: normal; }
div#top h2 a { text-decoration: none; }
a.logo { width: 74px; height: 154px; display: block; font-size: 0px; color: #000; background: url('../images/logo.png') no-repeat left top; }
p#nevnap { margin: 38px 0 28px 65px; color: #0085b4; height: 25px; line-height: 25px; padding-left: 40px; background: url('../images/icon_naptar.png') no-repeat left top; }
form#kereso { margin-left: 65px; padding-left: 40px; background: url('../images/icon_kereso.png') no-repeat left top; }
form#kereso p { padding-top: 5px; }
form#kereso input#keres { vertical-align: top; padding-left: 15px; width: 153px; height: 18px; line-height: 18px; border: 1px solid #1c1c1c; color: #808080; background: #1b1b1b url('../images/kereses.jpg') repeat-x left top; }
form#kereso input#keress { vertical-align: top; width: 20px; height: 20px; border: none; color: #0085b4; font-size: 0px;  background: #0085b4 url('../images/kereses_gomb.jpg') no-repeat left top; }

p#nyelvvalaszto { margin: 38px 0 28px 65px; color: #808080; height: 25px; line-height: 25px; padding-left: 40px; background: url('../images/icon_nyelv.png') no-repeat left top; }
p#nyelvvalaszto a { text-decoration: none; }
p#hirlevel { margin: 0 0 0 65px; color: #808080; height: 25px; line-height: 25px; padding-left: 40px; background: url('../images/icon_hirlevel.png') no-repeat left top; }
p#hirlevel a { text-decoration: none; }

div#topmenu { margin: 0 8px; height: 81px; border-bottom: 1px solid #e4e2dd; }
ul#fomenu { height: 53px; background: #0084b5 url('../images/fomenu.jpg') repeat-x left top; }
ul#fomenu li.fomenu { float: left; height: 53px; line-height: 53px; background: url('../images/fomenu_li.jpg') no-repeat left top; }
ul#fomenu li.elso { background: none; }
ul#fomenu li.fomenu a { color: #FFF; font-family: Arial; font-size: 14px; text-decoration: none; padding: 0 18px; height: 48px; display: block; }
ul#fomenu li.fomenu a:hover { background: #000 url('../images/fomenu_hover.jpg') repeat-x left top; }
ul#fomenu ul.submenu { display: none; position: absolute; width: 940px; top: 207px; left: 50%; margin: 0 0 0 -470px; height: 28px; line-height: 28px; background: none; text-align: center; }
ul#fomenu ul.submenu li { color: #0084b5; height: 30px; line-height: 30px; background: none; float: n0ne; display: inline; }
ul#fomenu ul.submenu li a { font-size: 11px; font-family: Tahoma; color: #000; display: inline; padding: 0 0 3px 0px; margin-right: 10px; }
ul#fomenu ul.submenu li a:hover { color: #0084b5; background: none; border-bottom: 3px solid #0084b5; }
ul#fomenu li:hover ul { display: block; background: #FFF; z-index: 10; }
ul#fomenu ul.nyitva  { display: block; }

/* ---------- baloldal ---------- */
div#left h3 { color: #bab9b5; font-family: CustomFont, Tahoma; font-size: 28px; padding-left: 13px; font-weight: normal; margin-bottom: 10px; }
ul#leftmenu { margin: 0 0 0 8px; padding-bottom: 50px; }
ul#leftmenu li { height: 38px; line-height: 38px; font-family: Arial; font-size: 13px; border-bottom: 1px solid #e3e2e0; padding: 1px 0; }
ul#leftmenu li a { height: 38px; padding-left: 50px; text-decoration: none; display: block; background-repeat: no-repeat ; background-position: left bottom; }
ul#leftmenu li a:hover { background-color: #F2EEE3; color: #534f47; }
ul#leftmenu li a.aktiv { background-color: #F2EEE3; color: #534f47; }

div#kiallitaskepek { width: 220px; margin-left: 8px; text-align: center; margin-bottom: 20px; background: #0084b5; padding: 10px 0; }

div#elerhetoseg { margin-left: 8px; color: #534f47; font: 11px/1.2em Tahoma; }
div#elerhetoseg h4 { font-family: CustomFont, Tahoma; font-size: 15px; color: #000; font-weight: normal; padding: 30px 30px 15px 0; background: url('../images/elerhetoseg_h4.jpg') no-repeat right bottom; }
div#elerhetoseg p { margin-bottom: 10px; }
div#elerhetoseg strong { color:#0084b5; }

/* ---------- jobb oldal ---------- */

/* oldalcím */
div#right h3 { font-size: 60px; color: #0085b4; font-family: CustomFont, Arial; font-weight: normal; margin-bottom: 28px; line-height:48px; letter-spacing: -3px}
div#right h4 { line-height:30px; color: #0085b4; font-family: CustomFont, Arial; font-size: 27px;  margin-bottom:30px; letter-spacing: -1px}


/* kezdőoldal */
div.ajanlo { font: 11px/1.2em Tahoma; width: 173px; height: 173px; margin: 1px; float: left; background: #e6e3d8; }

div.ajanlo ul { text-align: right; padding: 25px 22px 0 35px; color: #534f47; width: 116px; height: 148px; background: #e6e3d8; }
div.ajanlo ul li { margin-bottom: 7px; }
div.ajanlo ul li.cim { font-weight: bold; } 
div.ajanlo ul li.szerzo { font-weight: bold; margin-top: 15px; } 
div.ajanlo:hover ul { margin-top: -176px; background: #e6e3d8; position: absolute; opacity:0.9;filter:alpha(opacity=90); }
/* kiallitasok tablazat */

div#naptar h3 { height: 77px; line-height: 77px; letter-spacing: 0px; font-family: CustomFont, Tahoma; font-size: 28px; color: #fff; font-weight: normal; border-top: 1px solid #FFF; background: #0084B5 url('../images/kiallitasok.jpg') no-repeat left top; }
div#naptar h3 a { padding-left: 70px; color: #FFF; text-decoration: none; display: block;}
table#kiallitasnaptar { width: 702px; }
table#kiallitasnaptar td.oszlop { width: 165px; }
table#kiallitasnaptar td.honap { width: 42px; text-align: center; }
table#kiallitasnaptar tr.fejlecek { background: #f1eee2; }
table#kiallitasnaptar tr.fejlecek td { height: 30px; line-height: 30px; font-family: CustomFont, Tahoma; font-size: 20px; color: #534f47; }
table#kiallitasnaptar tr.sorok td { line-height: 30px; color: #FFF; vertical-align: top; }
table#kiallitasnaptar tr.sorok td.honap { color: #bfbfbf; background: #000 url('../images/honap.jpg') no-repeat top right; }
table#kiallitasnaptar tr.sorok td.oszlop { width: 160px; padding-left: 5px; background: none; }
table#kiallitasnaptar tr.sorok td.esemeny { font: 11px/1.4em Tahoma; background: #0084B5; width: 155px; border-left: 5px solid #154d76; }
table#kiallitasnaptar tr.sorok td.esemeny a { width: 16px; height: 16px; display: block; background: url('../images/icon_info.jpg') no-repeat top left; float: right; margin: 7px 5px 0 5px; font-size: 0px; text-decoration: none; color: #77B8CC; }
table#kiallitasnaptar tr.paratlan { background: url('../images/honap_paratlan.jpg') repeat-y top left; position: relative; }
table#kiallitasnaptar tr.paros { background: url('../images/honap_paros.jpg') repeat-y top left; position: relative; }


/* ------------- LISTÁK ------------- */
ul.lista { margin: 0 12px; width: 678px; float: left; background: url('../images/ulalahuz.jpg') repeat-x top left; }
ul.lista li { padding: 10px 0 ;float: left; }
ul.lista li a { color: #4C4C4A; text-decoration: none; font-weight: bold; }
ul.lista li a:hover { text-decoration: underline; }
ul.fejlec { background: none; color: #0085b4; text-decoration: underline; font-weight: bold; text-transform: uppercase; }
div#listabox { width: 678px; float: left; }

/* eseménynaptár lista */
p.evszam { padding-left: 12px; font-size: 34px; }
p.honapnev { padding-left: 12px; font-size: 28px; margin: 20px 0; color: #0085b4; }
p.archiv { padding: 12px 0; text-align: center; font-size: 14px; font-weight: bold; }
ul.esemeny li.megnevezes { width: 240px; }
ul.esemeny li.helyszin { width: 240px; }
ul.esemeny li.kep { width: 60px; }
ul.esemeny li.datum { width: 128px; }

/* kiallitas */
ul.kiallitas li.datum { width: 150px; }
ul.kiallitas li.megnevezes { width: 368px; }
ul.kiallitas li.hol { width: 100px; }
ul.kiallitas li.kep { width: 60px; }

/* fénykép gyűjtemény */
ul.fenykep li.szerzo { width: 150px; }
ul.fenykep li.megnevezes { width: 190px; }
ul.fenykep li.kep { width: 60px; }
ul.fenykep li.kategoria { width: 278px; }

/* link gyűjtemény */
ul.linktar li.megnevezes { width: 240px; }
ul.linktar li.kep { width: 60px; }
ul.linktar li.bevezeto { width: 378px; }

/* tanulmányok */
ul.tanulmany li.szerzo { width: 180px; }
ul.tanulmany li.megnevezes { width: 180px; }
ul.tanulmany li.evszam { width: 50px; }
ul.tanulmany li.bevezeto { width: 268px; }

/* sajto_dijak */
ul.sajto_dijak li.megnevezes { width: 490px; }
ul.sajto_dijak li.datum { width: 128px; }
ul.sajto_dijak li.kep { width: 60px; }

/* sajtovisszhang */
ul.sajtovisszhang li.szerzo { width: 275px; }
ul.sajtovisszhang li.megnevezes { width: 275px; } 
ul.sajtovisszhang li.datum { width: 128px; }

/* munkatarsak */
ul.munkatarsak li.nev { width: 309px; }
ul.munkatarsak li.kep { width: 60px; } 
ul.munkatarsak li.munkakor { width: 309px; }

/* kiadvany idoszaki */
ul.idoszaki li.szerzo { width: 200px; }
ul.idoszaki li.megnevezes { width: 200px; }
ul.idoszaki li.evszam { width: 78px; }
ul.idoszaki li.bevezeto { width: 200px; }

ul.kiadvany li.sorszam { width: 60px; } 
ul.kiadvany li.szerzo { width: 150px; } 
ul.kiadvany li.megnevezes { width: 198px; }
ul.kiadvany li.evszam { width: 60px; } 
ul.kiadvany li.kiado { width: 150px; }
ul.kiadvany li.kep { width: 60px; }
ul.kiadvany li.leiras { width: 678px; }

/* bélyeg */ 
ul.belyeg li.megnevezes { width: 190px; }
ul.belyeg li.evszam { width: 60px; }
ul.belyeg li.meret { width: 178px; }
ul.belyeg li.tipus { width: 190px; }
ul.belyeg li.kep { width: 60px; }

/* képeslap */ 
ul.kepeslap li.megnevezes { width: 190px; }
ul.kepeslap li.evszam { width: 60px; }
ul.kepeslap li.keszito { width: 178px; }
ul.kepeslap li.kiado { width: 190px; }
ul.kepeslap li.kep { width: 60px; }

/* plakát */ 
ul.plakat li.megnevezes { width: 190px; }
ul.plakat li.evszam { width: 60px; }
ul.plakat li.kiallito { width: 178px; }
ul.plakat li.helyszin { width: 190px; }
ul.plakat li.kep { width: 60px; }

/* érmék */
ul.ermek li.megnevezes { width: 150px; }
ul.ermek li.alkoto { width: 176px; }
ul.ermek li.meret { width: 116px; }
ul.ermek li.anyag { width: 176px; }
ul.ermek li.kep { width: 60px; }

/* videotár */
ul.videotar li.megnevezes { width: 206px; }
ul.videotar li.szerzo { width: 206px; }
ul.videotar li.forras { width: 206px; }
ul.videotar li.kep { width: 60px; }

/* hangtár */
ul.hangtar li.kivel { width: 169px; }
ul.hangtar li.ki { width: 169px; }
ul.hangtar li.hol { width: 169px; }
ul.hangtar li.mikor { width: 169px; }

/* fényképező */
ul.fenykepezo li.fenykepezo { width: 170px; }
ul.fenykepezo li.fajta { width: 100px; }
ul.fenykepezo li.gyartasiev { width: 60px; }
ul.fenykepezo li.megjegyzaes { width: 288px; }
ul.fenykepezo li.kep { width: 60px; }

/* gyűjtemény betűváltó */
ul#betuvalto { margin: 0 12px; width: 658px; float: left; height: 28px; border-bottom: 1px solid #e3e2e0; padding: 16px 10px 1px 10px; background: #f1eee2; }
ul#betuvalto li { float: left; font-size: 13px; font-weight: bold; border-left: 1px solid #97938c; }
ul#betuvalto li.elso { border-left: none; }
ul#betuvalto li a { text-decoration: none; padding: 0 8px; }
ul#betuvalto li a.aktiv { color: #000; }

/* gyűjtemény kereső */
form#gyujtemenykereso { margin: 0 12px; width: 608px; float: left; padding: 15px 25px 45px 25px; }
form#gyujtemenykereso p { color: #0085b4; }
form#gyujtemenykereso input { height: 20px; line-height: 20px; border: 1px solid #dad8d1; vertical-align: middle; }
form#gyujtemenykereso input.input { width: 450px; background: url('../images/input.jpg') repeat-x left top; }
form#gyujtemenykereso input.mehet { height: 22px; line-height: 18px; background: #0085b4; font-weight: bold; color: #FFF; line-height: 22px; padding: 0 5px; }

/* lapozó */
div#lapozo { width: 702px; padding: 20px 0; text-align: center; }
div#lapozo a { padding: 3px 5px; background: #0085b4; color: #FFF; font-weight: bold; margin: 0 5px; text-decoration: none; }
div#lapozo a.aktualis { background: #B4B4B4; color: #000; }

/* kibontott fotók, szöveges oldalak */
div.oszlop { width: 340px; float: left; }
div.elso { padding-right: 11px; }

div.elso div#fotonezo { background: #F2EEE3; width: 300px; padding: 20px; }
div.elso div#fotonezo p.pic { width: 300px; height: 300px; text-align: center; background: #f8f7f1; }
div.elso div#fotonezo p.nagyit { height: 30px; line-height: 30px; float: right; margin-top: -38px; }
div.elso div#fotonezo p.nagyit img { position: relative; }

div.elso p#lepteto { text-align: center; height: 72px; line-height: 72px; border-bottom: 1px solid #e4e2dd; margin-bottom: 32px; background: #f8f6f0; }
div.elso p#lepteto span { margin: 0 21px; }
div.elso p#lepteto img { vertical-align: middle; }
div.elso p#lepteto a { font-size: 0; text-decoration: none; }

div.elso h4 { font-family: CustomFont, Tahoma; font-size: 24px; color: #534f47; font-weight: normal; margin-bottom: 12px; }
div.elso h5 { color: #0085b4; text-decoration: underline; margin-bottom: 8px; }
div.elso div.kapcsolodolista { padding: 0 0 20px 20px; margin-bottom: 34px; border-bottom: 1px solid #e4e2dd; }
div.elso ul li { margin-bottom: 8px; padding-bottom: 8px; background: url('../images/ulalahuz.jpg') repeat-x bottom left; }
div.elso ul li a { display: block; color: #4C4C4A; text-decoration: none; background: url('../images/icon_tovabb.jpg') no-repeat center right; }
div.elso ul li a span { font-weight: bold; }
div.elso div.alkotokeplista { background: #0084b5; padding: 16px 0 20px 20px; margin: 15px 0 34px 0; border-bottom: 1px solid #e4e2dd; }
div.elso div.alkotokeplista h4 { color: #FFF; }
div.elso div.alkotokeplista a { margin: 0 11px 0 0; }
div.elso div.keplista { padding: 0 0 20px 20px; margin-bottom: 34px; border-bottom: 1px solid #e4e2dd; }
div.elso div.keplista a { margin: 0 11px 0 0; }

div.masodik { padding-left: 11px; }
div.masodik ul { background: url('../images/ulalahuz.jpg') repeat-x bottom left; margin-bottom: 12px; }
div.masodik ul li { padding-bottom: 8px; }
div.masodik ul li.tulajdonsag { color: #0085b4; text-decoration: underline; font-weight: bold; text-transform: uppercase; }
div.masodik ul li span { font-weight: bold; margin-right: 3px; }

div#vissza { padding: 15px 0; }
div#vissza a { padding: 6px 0 6px 26px; background: url('../images/icon_vissza.jpg') no-repeat center left; text-decoration: none; font-weight: bold; }

/* kibontott szöveges oldalak */
div.kibont p { margin-bottom: 8px; text-align: justify; }
div.kibont p.meghat { margin-bottom: 10px; }
div.kibont p.meghat span { color: #0085b4; text-decoration: underline; font-weight: bold; }
/* eseménynaptár kibontva */
div.esemenynaptar p.datum { font-size: 14px; margin-bottom: 10px }
div.esemenynaptar p.helyszin { font-size: 16px; margin-bottom: 10px; color: #0085b4; }

/* sajtovisszhang kibontva */
div.sajtovisszhang p.datum { font-size: 14px; margin-bottom: 10px }
div.sajtovisszhang p.szerzo { font-size: 16px; margin-bottom: 10px; color: #0085b4; }

/* video beágyazás */
div#video { text-align: center; margin: 0 12px; width: 678px; }

/* sajtovisszhang kibontva */
div.kiallitas p.datum { font-size: 14px; margin-bottom: 10px }
div.kiallitas p.kategoria { font-size: 16px; margin-bottom: 10px; color: #0085b4; }

/* statikus */
div.statikus div#map { width: 425px; margin: 15px auto; }

/* hírlevél regisztráció */
form#alapform { margin: 0 12px; width: 608px; float: left; padding: 15px 25px 45px 25px; }
form#alapform p { color: #0085b4; margin-bottom: 10px; }
form#alapform p span { width: 120px; float: left; }
form#alapform p.hiba { color: #F00; font-weight: bold; }
form#alapform input { height: 20px; line-height: 20px; border: 1px solid #dad8d1; vertical-align: middle; }
form#alapform input.input { width: 450px; background: url('../images/input.jpg') repeat-x left top; }
form#alapform input.mehet { height: 22px; line-height: 18px; background: #0085b4; font-weight: bold; color: #FFF; line-height: 22px; padding: 0 5px; }

/* ---------- lábléc ---------- */
div#footercent { width: 942px; margin: 0 auto; }
div#footercent div { float: left; }
div#footercent div#cop { padding-top: 32px; width: 240px; }
div#footercent div#flink { width: 240px; width: 525px; }
div#footercent div#flink p { color: #0085b4; text-align: center; height: 96px; line-height: 96px; }
div#footercent div#flink p span { margin: 0 5px; }
div#footercent div#flink p a { font-size: 12px; color: #7f7f7f; text-decoration: none; }
div#footercent div#develop { padding-top: 33px; }
div#footercent div#develop a#default { float: left; margin-right: 30px; width: 68px; height: 26px; line-height: 20px; display: block; color: #FFF; text-decoration: none; font-size: 0px; background: url('../images/default.jpg') no-repeat left top; }
div#footercent div#develop a#cymetriq { float: left; width: 72px; height: 26px; line-height: 20px; display: block; color: #FFF; text-decoration: none; font-size: 0px; background: url('../images/cymetriq.jpg') no-repeat left top; }