body { margin: 0; padding: 0; background: #FFF; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }

a { color: #00eaff; text-decoration: none; }
a:hover { color: #00eaff; text-decoration: underline; }
a img { border: none; }

#container { width: 777px; overflow: hidden; background: url(images/container_bg.gif) repeat-y top left; }

#header { width: 777px; height: 196px; overflow: hidden; position: relative; z-index: 1; }
#header #swflogo { position: absolute; top: 31px; left: 25px; }
#header h1 { margin: 0; padding: 0; }
#header h1 a { width: 253px; height: 196px; display: block; background: url(images/logo.gif) no-repeat top left; float: left; }
* html #header h1 a { background-position: 0px -2px; }
#header h1 a span { display: none; }
#header #toplinks a { float: left; }

#wrapper { width: 777px; overflow: hidden; }

#menu { width: 232px; float: left; border-left: 1px solid #081E3E; padding: 0 10px; color: #081E3E; line-height: 14px; font-size: 11px; }

#mainmenu { background: #c4c6c9 url(images/title_navigacio.gif) no-repeat top left; margin: 0 0 10px 0; padding: 33px 10px 10px 10px; list-style: none; }
#mainmenu li { margin: 0 0 3px 0; padding: 0; }
#mainmenu li a { background: #081e3e url(images/menu_nyil_off.gif) no-repeat top left; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 5px 5px 5px 27px; width: 180px; display: block; }
#mainmenu li a.selected { background: #081e3e url(images/menu_nyil_on.gif) no-repeat top left !important; }
#mainmenu li ul { list-style: none; margin: 0; padding: 3px 0; background: #c4c6c9; }
#mainmenu li ul li { margin: 0; padding: 0; background: #c4c6c9; }
#mainmenu li ul li a { background: #c4c6c9 url(images/menu_separator.gif) repeat-x bottom left; text-transform: none; color: #081E3E; padding: 4px 0 5px 8px; margin: 0 0 0 22px; width: 172px; font-weight: normal; font-size: 11px; }
#mainmenu li ul li a:hover { background-color: #00eaff; text-decoration: none; }
#mainmenu li ul li a.last { background: #c4c6c9; padding-bottom: 4px; }
#mainmenu li ul li a.last:hover { background: #00eaff; padding-bottom: 4px; }
* html #mainmenu li ul li a { padding: 4px 0 6px 8px; }

#contact { background: #c4c6c9 url(images/title_elerhetosegeink.gif) no-repeat top left; color: #081E3E; padding: 33px 10px 10px 10px; margin-bottom: 10px; }
#contact a { color: #081E3E; text-decoration: underline; }
#contact a:hover { color: #081E3E; text-decoration: none; }

#content { width: 524px; float: left; color: #FFF; line-height: 16px; }
#searchform { width: 228px; height: 40px; margin: 20px auto 10px auto; padding: 22px 0 0 239px; background: url(images/kereso_bg.gif) no-repeat top left; position: relative; }
#searchform input { font: 11px Arial, sans-serif; color: #000; background: #FFF; padding: 3px; border: 2px solid #808080; border-right-color: #d4d0c8; border-bottom-color: #d4d0c8; width: 155px; }
#searchform .submit { width: 50px; height: 62px; display: block; position: absolute; top: 0; right: 7px; }
#searchform .submit span { display: none; }

#footer { width: 770px; height: 48px; padding-top: 14px; background: url(images/footer_bg.gif) no-repeat top left; font-size: 11px; color: #081E3E; text-align: center; line-height: 15px; }
#footer a { color: #081E3E; }
#footer a:hover { color: #081E3E; }

#szoveg { padding: 10px 20px; }
#szoveg h1 { font-size: 20px; font-weight: bold; margin: 5px 0 15px 0; padding: 0; font-family: Georgia, serif; }

.thumb { padding: 1px; border: 1px solid #00eaff; }

/* HÁROM KIS IKON BAL OLDALT FELÜL */
#small_icons .first { position: absolute; top: 163px; left: 85px; width: 11px; height: 11px; display: block; z-index: 10; }
#small_icons .second { position: absolute; top: 163px; left: 122px; width: 11px; height: 11px; display: block; z-index: 10; }
#small_icons .third { position: absolute; top: 163px; left: 158px; width: 11px; height: 11px; display: block; z-index: 10; }
#small_icons a { display: block; width: 11px; height: 11px; }
#small_icons span { display: none; }

/** BREADCRUMB **/
#breadcrumb { margin: 10px 20px 0 10px; padding: 0 10px 5px 10px; width: 459px; list-style: none; clear: both; overflow: hidden; border-bottom: 1px solid #3f5065; }
#breadcrumb li { margin: 0 6px 0 0; padding: 0; float: left; font-size: 10px; }
#breadcrumb a { color: #fff; text-decoration: none; background: url(images/nyil_kicsi.gif) no-repeat 0 -4px; padding-right: 4px; text-transform: uppercase; }
#breadcrumb a:hover { color: #fff; text-decoration: underline; }
#breadcrumb #last_breadcrumb { font-weight: bold; text-transform: uppercase; background: url(images/nyil_kicsi.gif) no-repeat 0 -4px; }

/** FŐOLDAL **/
#fooldal_wrapper1 { overflow: hidden; font-size: 12px; background: url(images/title_udvozoljuk.gif) no-repeat 20px 10px; padding: 60px 20px 20px 20px; }
#fooldal_wrapper1 .kep { float: left; margin-right: 10px; width: 90px; }
#fooldal_wrapper1 .szoveg { float: left; width: 370px; }

#fooldal_wrapper2 { padding: 0 20px; overflow: hidden; font-size: 12px; clear: both; background: url(images/fooldal_wrapper2_bg.gif) repeat-y top left; }
#fooldal_wrapper2 .bal { margin-right: 20px; padding-right: 15px; float: left; width: 215px; }
#fooldal_wrapper2 .bal .hir { margin-bottom: 15px; }
#fooldal_wrapper2 .jobb { float: left; width: 220px; }
* html #fooldal_wrapper2 { margin-top: 25px; width: 450px; }

/** TERMÉKLISTA **/
.termeklista { width: 100%; overflow: hidden; clear: both; margin-bottom: 15px; }
.termeklista .kep { width: 80px; overflow: hidden; margin-right: 10px; text-align: center; float: left; background: #FFF; border: 1px solid #00eaff; }
.termeklista .kep a { display: block; border: 1px solid #081e3e; }
.termeklista h3 { font-size: 12px; margin: 0; padding: 0; }
.termeklista h3 a { color: #FFF; text-decoration: none; }
.termeklista h3 a:hover { color: #FFF; text-decoration: underline; }
.termeklista .ar { margin-top: 22px; }
.termeklista .tovabb { color: #FFF; }
.termeklista .tovabb a { color: #FFF; text-decoration: underline; }
.termeklista .tovabb a:hover { color: #FFF; text-decoration: none; }
.kategoria_szoveg { border-bottom: 1px solid #3f5065; margin-bottom: 15px; }
#rendezes { border-bottom: 1px solid #3f5065; margin-bottom: 15px; padding-bottom: 10px; font-weight: bold; text-align: right; }
#rendezes select { font-size: 11px; font-family: Tahoma, sans-serif; }

/** TERMÉK ADATLAP **/
#termek_wrapper { width: 100%; overflow: hidden; font-size: 12px; }
#termek_wrapper .kep { float: left; width: 220px; }
#termek_wrapper .kep .ar { text-align: center; padding: 5px 15px 0 0; }
#termek_wrapper .szoveg { float: left; width: 240px; }
#termek_wrapper .szoveg a { color: #FFF; text-decoration: underline; }
#termek_wrapper .szoveg a:hover { color: #FFF; text-decoration: none; }

/** HÍREK **/
.hirek { width: 100%; overflow: hidden;  clear: both; padding-bottom: 15px; }
.hirek h1 a { color: #fff; }
.hirek .szoveg { float: left; width: 380px; }
.hirek .kep { float: left; margin-left: 10px; width: 90px; }
.floatedthumb { float: right; margin: 0 10px 10px 10px; }

/** KÉPEK **/
#kepek { width: 100%; overflow: hidden; clear: both; }
#kepek div { float: left; width: 90px; text-align: left; }
#kepek div img { margin-bottom: 6px; }

/** SITEMAP **/
#sitemap { width: 100%; overflow: hidden; clear: both; }
#sitemap .blokk { width: 150px; margin: 0 5px 5px 0; float: left; }
#sitemap .blokk .cim { margin-bottom: 5px; }
#sitemap .blokk .cim a { background: #FFF; padding: 5px; font-weight: bold; color: #000; text-decoration: none; display: block; width: 140px; }
#sitemap .blokk .cim a:hover { color: #000; text-decoration: underline; }
#sitemap .blokk .cim a:hover { color: #000; text-decoration: underline; }
#sitemap ul { list-style: none; margin: 0 0 5px 0; padding: 0; background: #c4c6c9; }
#sitemap ul li { margin: 0; padding: 0; background: #c4c6c9; }
#sitemap ul li a { background: #c4c6c9 url(images/menu_separator.gif) repeat-x bottom left; text-transform: none; color: #081E3E; padding: 5px; margin: 0 10px; width: 120px; display: block; font-weight: normal; font-size: 11px; }
#sitemap ul li a:hover { background-color: #00eaff; text-decoration: none; }
#sitemap ul li a.last { background: #c4c6c9; padding-bottom: 4px; }
#sitemap ul li a.last:hover { background: #00eaff; padding-bottom: 4px; }
* html #sitemap ul li a { padding: 4px 0 6px 8px; }