@import url("/init.css");

body { background: #ccc url(/gfx/bg_body.gif) repeat-x 0 0; color: #2A2A2A; font-family:Arial,Helvetica,sans-serif; font-size:12px; }

h1, h2, h3, h4 { font-family: Georgia,Helvetica,Arial,sans-serif; color: #0C4569; font-weight: normal; }
h1 { font-size: 22px; margin: 15px 0 20px 0; }
h2 { font-size: 16px; margin: 15px 0; }
h3 { font-size: 14px; margin: 0px; }
h4 { font-size: 12px; margin: 0px; }
h2 a, h3 a, h4 a { color: #0C4569; text-decoration: none; }
h2 a:hover, h3 a:hover, h4 a:hover { color: #0C4569; text-decoration: underline; }
h2.act-as-h1 { font-size: 22px; margin: 20px 0; }

a { color: #6A7E19; }
a:hover { color: #578AB9; text-decoration: none; }

#wrapper { width: 900px; padding: 0; margin: 25px auto; background: url(gfx/bg_wrapper.gif) repeat-y 0 0; }
#main { width: 700px; float: left; margin: 0; padding: 0;  }
#content {  background: transparent url(/gfx/bg_content.gif) repeat-x 0 0; padding: 5px 20px; overflow: auto; }

#content p { line-height: 130%; margin: 10px 0; }
div.border,
#content img { border: 1px solid #8AA7B7; margin: 2px 6px 6px; padding: 3px; text-align: center; }
#content img.skip { border: none; padding: 0; margin: 0; }
#content ul { margin: 10px;}
#content li { line-height: 130%; margin: 4px 0; padding: 0 0 0 19px; background: transparent url(/gfx/ul_dot2.gif) no-repeat 0 0; }

table { padding: 6px 20px; }
table td { vertical-align: top; padding: 4px; }
table thead th { border-bottom: 2px solid #7DACC6; padding: 4px;  }
table .even { background-color: #93C0D7; }

table.gallery td { padding: 0; }

#sidebar { color: #ff0000; width: 200px; float: right; margin: 0; padding: 0; }
#sidebar ul { margin: 10px 5px 10px 20px; }
#sidebar ul li { padding: 0 0 0 19px; margin: 4px 0; background: transparent url(/gfx/ul_dot.gif) no-repeat 0 0; }
#sidebar a { color: #fefefe; text-decoration: none; }
#sidebar a:hover { color: #97d1e5; }
#sidebar h3 { text-indent: -10000px; height: 30px; display: block; }
.title-telepulesunk { background: url(/gfx/title/telepulesunk.jpg) no-repeat 0 0; }
.title-kozerdeku { background: url(/gfx/title/kozerdeku.jpg) no-repeat 0 0; }
.title-onkormanyzat { background: url(/gfx/title/onkormanyzat.jpg) no-repeat 0 0; }
.title-turizmus { background: url(/gfx/title/turizmus.jpg) no-repeat 0 0; }
.title-korjegyzoseg { background: url(/gfx/title/korjegyzoseg.jpg) no-repeat 0 0; }
.title-egyhazkozseg { background: url(/gfx/title/egyhazkozseg.jpg) no-repeat 0 0; }
.title-szallasadok_vendeglatok { background: url(/gfx/title/szallasadok_vendeglatok.jpg) no-repeat 0 0; }
.title-civil_szervezetek { background: url(/gfx/title/civil_szervezetek.jpg) no-repeat 0 0; }
.title-hirek { background: url(/gfx/title/hirek.jpg) no-repeat 0 0; }
.title-fotogaleria { background: url(/gfx/title/fotogaleria.jpg) no-repeat 0 0; }
.title-linkek { background: url(/gfx/title/linkek.jpg) no-repeat 0 0; }

#sidebar #search { text-align: center; padding: 0 0 10px 0; }
#sidebar #search .field { background: url(/gfx/bg_search.gif) no-repeat 0 0; border: none; margin: 10px 0; height: 20px; padding: 3px 10px; width: 164px; font-size: 12px; color: #fff; }

#footer { color: #fff; font-size: 11px; background: transparent url(/gfx/bg_footer.gif) no-repeat 0 0; clear: both; height: 86px; width: 900px; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: none; }
#footer .col1 { float: left; margin: 20px 0 0 36px; }
#footer .col2 { float: right; margin: 20px 200px 0 0; width: 604px; }
#footer p { margin: 7px 0;}
#footer p.cap { text-transform: uppercase; }

#content .box img { padding: 5px 10px 5px 0px; border: none; margin: 0; }
#content .box p { padding: 5px 0; margin: 0; }
.col-0, .col-1 { overflow: auto; width: 50%; margin: 10px 0 0 0; }
.col-0 { float: left; }
.col-1 { float: right; }
.col-0 .box { padding: 0 5px 5px 0; }
.col-1 .box { padding: 0 0 5px 5px; }

hr { background: #4c7d9b none repeat scroll 0 0; border: none; color: #4c7d9b; display: block; height: 1px; margin: 0; padding: 0; clear: both; }

.clear { clear: both; }

#content .box-firm img { padding: 5px 10px 5px 0px; border: none; margin: 0; }
#content .box-firm p { margin: 5px 0; }
.col-0 .box-firm { padding: 0 5px 5px 0; }
.col-1 .box-firm { padding: 0 0 5px 5px; }

#content .col-4 .box { width: 25%; height: 50px; float: left; }
#content .col-4 .box p { margin: 5px 0; padding: 0; }
.col-4 .box div { padding: 0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #4c7d9b; height: 100%; }
.col-4 .box div.last { padding: 0; border: none; }

div.calendar { width: 532px; margin: 4px auto; overflow: auto; }
div.calendar div { background-color: #bedbeb; border: 1px solid #8AA7B7; float: left; height: 75px; margin: 0 2px; text-align: center; width:70px; }
div.calendar span { display: block; }
div.calendar .wday { background-color: #79a8c2; color: #eeeeee; font-weight: bold; padding: 3px 0; }
div.calendar .day { font-size:30px; padding: 12px 0; color: #0a3a59; }

h2.big { font-size: 20px; }
h2.big a { font-size: 12px; padding: 4px 0 0 0; }
h2.big a { color: #6A7E19; text-decoration: underline; }
h2.big a:hover { color: #0C4569; text-decoration: none; }

div.calendar .has { color: #e08519; }