@charset "utf-8";


div, ul, li, p {margin:0; padding:0; position:relative;}
html { height: 100%; }
body { margin:0; padding:0; position: relative;  height: 100%; background: #FFF; font-family: Arial, Helvetica, sans-serif; color: #000; font-size:12px; margin:0; } 

.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 */ 


div#msg { margin: 20px 0; } 
div.msg-success h3 { color: #32531C; font-family: "Georgia"; font-style: italic; font-size: 18px; font-weight: bold; margin: 2px 0; }
div.msg-success span {  color: #32531C; }
div.msg-failed h3 { color: #900; font-family: "Georgia"; font-style: italic; font-size: 18px; font-weight: bold; margin: 2px 0; }
div.msg-failed span {  color: #900; }


a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F00; }
a:hover { text-decoration: underline; color:#F00; }
a img { border: none; }
h1,h2,h3,h4,h5,h6 { margin: 0; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif;  }
h1 a, h2 a, h3 a, h4 a, h5 a { font-family:Georgia, "Times New Roman", Times, serif;  }
p.error, span.error {  color: #900; font-style: italic;  }
.hd { display: none; }
hr { height: 1px; color: #CCC; background: #CCC; border: none;  }

#container { width: 980px; margin: 0 auto; }
#header { width: 980px; height: 123px; }
#header div#logo { width: 764px; height: 90px; float: left; }
#header div#header-banner { position: absolute; top: 0; right: 0; width: 210px; }

#header div#header-text-banner { width: 190px; height: 71px; background: url("../images/header-banner-bg.png") no-repeat 0 0; overflow: hidden; padding: 10px; margin-bottom: 10px; }
#header div#header-banner-bottom { position: absolute; bottom: 3px; right: 0; background: url("../images/header-box-bottom.png") repeat-x 0 0; height: 28px; width: 210px; }
#header div#menu ul { margin: 4px 0 0 0; width: 764px; height: 26px; float: left;  background: url("../images/menu-uj.png") no-repeat 0 0;  }
#header div#menu ul li {  list-style: none; float: left; height: 26px; margin: 0 12px; }
#header div#menu ul li a { background: url("../images/menu-uj.png") no-repeat 0 0; height: 26px; display: block; }
#header div#menu ul li a.fooldal { background-position: -15px 0; width: 64px; }
#header div#menu ul li a.magazin { background-position: -101px 0; width: 63px; }
#header div#menu ul li a.hirarchivum { background-position: -188px 0; width: 90px; }
#header div#menu ul li a.letoltes { background-position: -300px 0; width: 63px; }
#header div#menu ul li a.linkek { background-position: -386px 0; width: 49px; }
#header div#menu ul li a.fooldal:hover { background-position: -15px -52px; width: 64px; }
#header div#menu ul li a.magazin:hover { background-position: -101px -52px; width: 63px; }
#header div#menu ul li a.hirarchivum:hover { background-position: -188px -52px; width: 90px; }
#header div#menu ul li a.letoltes:hover { background-position: -300px -52px; width: 63px; }
#header div#menu ul li a.linkek:hover { background-position: -386px -52px; width: 49px; }
#header div#menu ul li a.fooldal-selected { background-position: -15px -26px; width: 64px; }
#header div#menu ul li a.magazin-selected { background-position: -101px -26px; width: 63px; }
#header div#menu ul li a.hirarchivum-selected { background-position: -188px -26px; width: 90px; }
#header div#menu ul li a.letoltes-selected { background-position: -300px -26px; width: 63px; }
#header div#menu ul li a.linkek-selected { background-position: -386px -26px; width: 49px; }


#body { width: 980px; margin: 5px auto; }
#body div#left { width: 620px; float: left; padding: 0 0 0 10px;  }
#body div#left p { font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding: 0 0 10px 0;  }
#body div#left h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;  color: #F00; padding: 0 0 20px 0;  }
#body div#left h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;  color: gray; padding: 5px 0;  }
#body div#left h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;  color: #896A56; padding: 5px 0;  }
#body div#left h4 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: gray; padding: 5px 0;  }
#body div#left h5 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000; padding: 5px 0;  }
#body div#left h6 { font-family: Arial, Helvetica, sans-serif; font-size: 16px;  color: gray; padding: 5px 0;  }
#body div#left div.newscont h1 a { color: #F00;  }
#body div#left div.newscont  h1 a:hover { color: #900;  }
#body div#left div.newscont { width: 620px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 12px 0 12px 0; margin: 0 0 35px 0; } 
#body div#left div.title { position: absolute; top: -9px; left: 0px; background: #FFF; padding: 0 10px 0 0; color: #CCC; text-transform: uppercase; font-size: 11px; font-weight: bold; } 
#body div#left div.more { position: absolute; bottom: -6px; left: 0px; background: #FFF; padding: 0 10px; color: #CCC; text-transform: lowercase; font-size: 14px; }
#body div#left div.more a { color: #886B59 }

/* hirek belso */
#body div#left div.newsbox-intro img { text-align: left; float: left; padding: 0 15px 10px 5px;}
#body div#left div.newsbox { padding: 15px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #CCC; }
#body div#left div.newsbox div#more-text { padding: 10px 0 0 0; }

#body div#left div.newsbox span { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px;  color: #F00; width: 440px; padding: 0 0 10px 0; }


/* hirek lista */

#body div#left div.newslist-box h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;  color: #F00; padding: 20px 0;  }
#body div#left div.newslist-box h1 a { color: #F00;   }
#body div#left div.newslist-box  h1 a:hover { color: #900;  }

#body div#left div.picbox { width: 220px; float: left; }
#body div#left div.textbox { width: 390px;  float: right; padding: 0 0 10px 0; }
#body div#left ul { margin: 0 0 0 30px; }


/* doksihoz */

#body div#left div.docs-box { border-top: 1px solid #CCC; padding: 20px 0 0 0; margin: 0 0 30px 0; }
#body div#left div.docs-box h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; padding: 0 0 5px 0; color: #896a56; margin-top: -4px;}
#body div#left div.docs-files { width: 600px; float: left; }
#body div#left div.docs-files ul {  margin: 0; }
#body div#left div.docs-files ul li { list-style: none; }
#body div#left div.docs-files ul li a { color: #F00; font-weight: bold; text-decoration: underline; }
#body div#left div.docs-descr { background: #eeeeee;  width: 350px; padding: 50px 0 0 0; }
#body div#left div.docs-descr h2 { font-size: 16px; color:#999; position: absolute; top: 12px; left: 14px; } 
#body div#left div.docs-descr h3 { font-size: 10px; color:#999; position: absolute; top: 50px; right: 10px; } 
#body div#left div.docs-descr table { border: none; width: 350px; padding: 10px; }
#body div#left div.docs-descr table tr { border: none; }
#body div#left div.docs-descr table tr td { color: #F00; font-size: 10px; text-align: right; }
#body div#left div.docs-descr table tr td.oszlop { text-transform: uppercase; color: #000; text-align: left; }

#body div#right { width: 330px; float: right; padding: 20px 0 0 0;   }
#body div#right p { font-size: 13px;  font-family: Arial, Helvetica, sans-serif;  }
#body div#right h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; padding: 10px 0; }
#body div#right h1 a {  color: #896a56; }
#body div#right div.newscont { width: 330px; border-top: 1px solid #CCC;  padding: 10px 0 10px 0; margin: 0 0 20px 0; } 
#body div#right div.title { position: absolute; top: -8px; left: 0px; background: #FFF; padding: 0 10px 0 0; color: #CCC; text-transform: uppercase; font-size: 10px; font-weight: bold; } 


form.normalform fieldset { border: none; }
form.normalform label{ display: block; width: 100px; float: left; }
form.normalform { margin: 15px 0 0 0; font-size: 14px; font-family: "Arial"; }
form.normalform div.row { margin: 0 0 10px;   width: 100%;   }
form.normalform div.row p { font-size: 12px;  }
form.normalform label { display: block; width: 80px; float: left;  padding: 0 10px 0 0;  }
form.normalform label span { color: #000; font-size: 10px; line-height: 15px; color: #000; text-align: right;  font-size: 11px;  }
form.normalform sup { color: #5191BF; }
form.normalform input.text { display: block; width: 200px; float: left; border: 1px solid #979797; padding: 2px; height: 12px; font-size: 11px; }
form.normalform textarea { width: 200px; font-family: "Arial";  font-size: 11px; padding: 2px; border: 1px solid #979797; float: left;  }
form.normalform input.button { float: right; background: #E8E8E8; border: 1px solid #333; cursor: pointer; }
form.normalform label.error { float: left; width: 220px; height: 16px; margin: 0 0 0 20px; padding: 0 0 0 20px; color: #787368; font-size: 11px; background: url("../images/unchecked.png") no-repeat 0 0;  }
form.normalform label.checked { float: left; width: 220px; height: 16px; margin: 0 0 0 20px; background: url("../images/checked.png") no-repeat 0 0; }

form#search { margin: 0; padding: 0; }
form#search label {  margin: 6px 0 0 6px; width: 50px; }
form#search label span { color: #FFF; font-weight: bold; font-size: 12px;  }
form#search input.button { background: none; color: #FFF; font-weight: bold; font-size: 10px; text-transform: uppercase; width: 30px; border: 1px solid #FFF; margin: 6px 4px 0 0; }
form#search input.text {  background: #FE0000; color: #FFF; width: 90px; border: 1px solid #FFF; margin: 6px 0 0 0;  }

div.banner { border-top: 1px solid #C0C0C0;  border-bottom: 1px solid #C0C0C0; padding: 10px 0; margin: 10px 0; }
div.banner-title { font-size: 10px; position: absolute; top: -8px; left: 0; background: #FFF; color: #C0C0C0; padding: 0 10px; text-transform: uppercase; letter-spacing: 2px; }
div.banner-header {border-bottom: 0px solid #C0C0C0; padding:  0 0 3px 0;}
 div.banner-header-title { font-size: 10px; position: absolute; bottom: -8px; left: 0; background: #FFF; color: #C0C0C0; padding:  0 10px 0 0; text-transform: uppercase; letter-spacing: 2px; }

div#paging  { text-align: center; margin: 0 0 20px 0; }
div#paging a { padding: 3px 4px; background: #DBDBDB; color:#000; font-weight: bold; margin: 0 2px; }
div#paging a:hover { padding: 3px 4px;background: #ADADAD; color:#FFF; font-weight: bold; }
div#paging a.current { padding: 3px 4px;background: #ADADAD; color:#000; font-weight: bold; }
div#paging a.current:hover { padding: 3px 4px;background: #ADADAD; color:#FFF; font-weight: bold; }

#footer { width: 980px; margin: 10px auto; text-align: center; }
#footer ul  { width: 300px; margin: 7px auto; }
#footer ul li { list-style: none; float: left; padding: 0 10px 0 10px;  border-right: 1px solid #000; }
#footer ul li a { color: #000; text-decoration: underline; }
#footer ul li a:hover { color: #333; }