/*
Theme Name: EuMet
Theme URI: https://www.eumet.hu/
Description: Sablon az EuMet CMS rendszeréhez
Version: 1.0
Author: ZINA LEMMIKKI
Author URI: http://www.lemmikki.hu/
*/

* {padding: 0; margin: 0;}
body {background: #b1d4e5 url(images/body-bgr.png) top repeat-x; color: #363636; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

a {color: #047aa7; text-decoration:underline;}
a:hover { text-decoration:none;}
a img {border: none;}
br.clear {clear:both; height:1px; font-size:1px;}

.fl {float: left;}
.fr {float: right; margin-right: 0 !important;}
.nm {margin: 0 !important;}

img.aligncenter { display:block; margin:auto;}
img.alignleft {float:left; margin: 0 15px 12px 0;}
img.alignright {float:right; margin: 0 0 12px 15px;}
img.alignnone {  float:none; clear:both;}

h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; color: #047aa7;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #cb2c3f;}
h1 {font-size: 32px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}

/* LAYOUT */
#wrapper {width: 991px; margin: auto; padding: 10px 0;}
#top { width: 991px; height: 6px; background: url(images/top-bgr.png) top left no-repeat;}
#page { background: #ebebeb; border: solid #f1f2f2; border-width: 0 1px;}
#bottom {width: 991px; height: 6px; background: url(images/bottom-bgr.png) bottom left no-repeat;}

/* HEADER */

#header {width: 989px; background: url(images/header-bgr.png) 0 -2px no-repeat; height: 134px; position:relative;}
#header .logo { width: 145px; position: absolute; top: 20px; left: 10px;}
#header .logo h1 span {position: absolute; left: -9999px;}

#header .topkeres form {background: url(images/topkeres-bgr.png) top left no-repeat; width: 372px; height: 33px;position: relative; top: 25px; left: 175px;}
#header .topkeres form input.telepules {width: 280px; color: #9e9e9e; font-size: 16px; font-style: italic; position: absolute; top: 6px; left: 10px; background: 0; border: 0;}
#header .topkeres form input.keres {width: 75px; height: 33px; position: absolute; top: 0; right: 0px; cursor: pointer; background: none; border: none;}
#header .topkeres p {font-size: 11px; position: absolute; top: 63px; left: 175px;}

#header .login {position: absolute; top: 28px; right: 24px; width: 190px;}
#header .login a {color: #363636; font-weight: bold; font-size: 12px; text-decoration: none;}
#header .login a:hover {color: #cb2c3f;}
#header .login li {list-style-type: none; display: inline; line-height: 20px; padding: 0 0 0 30px;}
#header .login li.old {background: url(images/ikonok/weather_cloudy.png) 8px 0 no-repeat;}
#header .login li.eng {background: url(images/ikonok/english.png) 8px 3px no-repeat;}
#header .login li.belep {background: url(images/ikonok/key.png) 8px 0 no-repeat;}
#header .login li.regisztral {background: url(images/ikonok/user_edit.png) 8px 0 no-repeat;}
#header .login li.nyeremeny {background: url(images/ikonok/cake.png) 8px 0 no-repeat;}

#header .nav { height: 32px; position: absolute; bottom: 3px; left: 18px;}
#header .nav ul.menu { margin: 0; padding: 0; list-style: none; position: relative; }
#header .nav ul.menu li {float:left; list-style-type: none; padding: 0 0 0 5px; position: relative;}
#header .nav ul.menu li a { display: block; position: relative; color: #fff; text-transform: uppercase; line-height: 32px; font-size: 12px; text-decoration: none; }
#header .nav ul.menu li a strong { background: url(images/menu-bgr.png) top left no-repeat; display: block; float:left; padding: 0 0 0 10px; cursor: pointer;  }
#header .nav ul.menu li a span { background: url(images/menu-bgr.png) top right no-repeat;  display: block; float:left; width: 3px; height: 32px; padding: 0 7px 0 0; cursor: pointer;}
#header .nav ul.menu li a:hover strong { background: url(images/menuhover-bgr.png) top left no-repeat;}
#header .nav ul.menu li a:hover span { background: url(images/menuhover-bgr.png) top right no-repeat; }

#header .nav ul.menu li ul.sub-menu { margin: 0 0 0 5px; padding: 0;  display: block; position: absolute; z-index: 999; top: 100%; width: 220px; display: none; left: 0; background:#dbdbdb; border: solid #cccccc; border-width: 0 1px;}
#header .nav ul.menu li ul.sub-menu li { margin: 0; padding: 0 10px; float: none; position: relative; list-style: none; display: block;  border-bottom: 1px solid #ccc; border-top: 1px solid #ebebeb; }
#header .nav ul.menu li ul.sub-menu li a {color: #363636; display: block; line-height: 30px; }


/* CONTENT */

#container {width: 971px; background: url(images/content-bgr.png) left repeat-y; padding: 0 9px;}

#zone5009816_container {width: 971px; background: url(images/content-bgr.png) left repeat-y; padding: 5px 9px;}

.idojaras7nap { background: url(images/idojaras7-bgr.png) bottom repeat-x; padding: 7px 13px 0 14px; clear:both; min-height: 400px;}
.idojaras7nap .hetnap {width: 600px; float:left; padding: 0 0 12px 0;}
.idojaras7nap .hetnap .bevalas {float:right; background: url(images/bevalas-bgr.png) top left no-repeat; width: 116px; height: 75px; color: #fff;  text-align:center;}
.idojaras7nap .hetnap .bevalas a { display:block; color: #fff; font-size: 13px; padding: 20px 0 2px 0; font-weight:bold; text-decoration:none;}
.idojaras7nap .hetnap .bevalas a:hover {color: #eb9823;}
.idojaras7nap .hetnap .bevalas p {text-align: center; font-size: 11px; line-height: 13px;}
.idojaras7nap .hetnap .bevalas span { display: block; font-size: 29px; line-height: 29px; font-weight: bold; text-align: center; padding: 10px 0 2px 0;}
.idojaras7nap .hetnap h2 {width: 470px; float:left; padding: 9px 0 0 5px; }
.idojaras7nap .hetnap ul.meta {width: 470px; float:left;  border-top: 1px solid #dbdbdb; margin: 5px 0 0 0; padding: 5px 0 0 5px;}
.idojaras7nap .hetnap ul.meta li {list-style-type: none; display: inline; font-size: 11px; line-height: 16px; padding: 1px 0;}
.idojaras7nap .hetnap ul.meta li.varos {background: url(images/ikonok/weather_cloudy.png) 0 0 no-repeat; padding: 1px 0 1px 20px;}
.idojaras7nap .hetnap ul.meta li.tizennegy {background: url(images/ikonok/weather_cloudy.png) 0 0 no-repeat; padding: 1px 0 1px 20px;}
.idojaras7nap .hetnap ul.meta li.reszletes {background: url(images/ikonok/weather_cloudy.png) 0 0 no-repeat; padding: 1px 0 1px 20px;}


.elorejelzes-top {background: url(images/idojarastabl-bgr.png) 0 4px no-repeat; height: 9px; }
.elorejelzes {background: url(images/idojarastabl-bgr.png) bottom left no-repeat;font-size: 11px; padding: 5px 0; }
.elorejelzes ul {height: 1%; padding-left:32px;}
.elorejelzes ul li {list-style-type: none; display: block; width: 62px; padding: 3px 9px 7px 8px; float:left; border-left: 1px solid #dbdbdb; text-align: center;}
.elorejelzes ul li.elso {border: none; padding-left: 12px;}
.elorejelzes ul li h3 {text-transform: uppercase; font-size: 11px; }
.elorejelzes ul li img {margin: 5px 0;}
.elorejelzes ul li .temps {position:relative; width:47px; margin: 0 auto;}
.elorejelzes ul li .temps span { position:absolute; left:0;}
.elorejelzes ul li span.datum {font-size: 10px; color: #898989; font-family:Tahoma, Geneva, sans-serif;}
.elorejelzes ul li span.high {display: block; color: #fff; background: url(images/highlow-bgr.png) 0 0 no-repeat; width: 47px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold;}
.elorejelzes ul li span.low {display: block; color: #fff; background: url(images/highlow-bgr.png) 0 -23px no-repeat; width: 47px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold;}
.elorejelzes ul li span.csap {margin: 0 auto 10px auto; display: block; background: url(images/csap.png) 0 0 no-repeat; width: 32px; padding: 0 0 0 10px; font-family:Tahoma, Geneva, sans-serif;}

.elorewide-top {background: url(images/idojaras14-bgr.png) 0 4px no-repeat; height: 9px; width: 939px;}
.elorewide {background: url(images/idojaras14-bgr.png) bottom left no-repeat;font-size: 11px; padding: 5px 0; width: 939px;}
.elorewide ul { padding:0 0 0 30px !important;}
.elorewide ul li {list-style-type: none; display: block; width: 61px; padding: 3px 1px 7px 1px !important; float:left; text-align: center;}
.elorewide ul li h3 {text-transform: uppercase; font-size: 10px; }

.idojaras7nap .funckepek ul li {list-style-type: none; float:left; padding: 10px 0 0 8px;}
.idojaras7nap .funckepek ul li a img {background: #fff; padding: 3px; border: 1px solid #dbdbdb;}
.idojaras7nap .funckepek ul li a:hover img {background: #cb2c3f;}
.idojaras7nap .funckepek ul li p {text-align: center; font-size: 11px;  margin: 0; padding: 3px 0 0 0;}

.idojaras7nap .hirdetesek {width: 330px; float:right;}
.idojaras7nap .hirdetesek .h125 {margin-bottom: 9px;}

.social { background: #dbdbdb; padding: 7px 0; font-size: 11px; clear:both; height: 28px; }
.social .sleft {float:left;}
.social .sleft img {vertical-align: middle; padding: 0 5px 0 14px;}
.social .sleft a {color: #737373; text-decoration: none; line-height: 26px;}
.social .sleft a:hover {color: #000;}
.social .sright {float:right; padding: 0 14px 0 0; line-height: 26px;}

#content {width: 614px; float:left;}
#content .mainap {border-bottom: 1px solid #dbdbdb; margin: 10px 14px;}
#content .mainap14 {width: 580px; float:left; margin: 0 14px 20px 14px !important;}
#content .mainap img.nagyikon {float:right;}
#content .mainap h2 {border-bottom: 1px solid #dbdbdb; color: #cb2c3f; padding: 0 0 3px 4px; margin: 0 0 7px 0;}
#content .mainap h2 span {color: #363636;}
#content .mainap p {padding: 0 0 10px 0;}

#content .w468 {width: 468px; float: left; margin: 0 0 10px 65px;}

#content .cimkek { width: 120px; background: url(images/cimke-bgr.png) bottom left no-repeat; float:right; margin: 10px 0; }
#content .cimkek div {padding: 10px; width: 100px;}
#content .cimkek h3 {background: url(images/cimke-bgr.png) top left no-repeat; font-size:15px; padding: 10px 10px 0 10px;}
#content .cimkek a { text-decoration:none;}
#content .cimkek a:hover {color: #363636;}

#content .hirek {margin: 0 0 12px 0;}
#content .hirek .flh {float:left; width: 281px;}
#content .hirek .frh { float:right; text-align:left;width: 281px;}
#content .hirek .hirektop { background:url(images/hirek-bgr.png) top left no-repeat; margin: 0 0 0 14px; padding:0 10px; height: 38px;}
#content .hirek .hirektop h4 { font-size:18px; padding: 7px 0 0 0;}
#content .hirek .hirektop h4 a { color: #fff;}
#content .hirek .hirektop h4 a:hover {color: #eb9823;}
#content .hirek .hirekbody { background:url(images/idojarastabl-bgr.png) bottom left no-repeat; margin: 0 0 20px 14px; padding: 10px 13px 10px 10px; }
#content .hirek .hirekbody a img {background: #fff; padding: 3px; border: 1px solid #dbdbdb;}
#content .hirek .hirekbody a:hover img {background: #cb2c3f;}
#content .hirek .hirekbody h3 {font-size: 17px; margin: 8px 0;}
#content .hirek .hirekbody p { padding-bottom:5px;}

#content .hirek .hirekbody table { width: 400px; margin: 0 auto 10px auto;}
#content .hirek .hirekbody table thead th { font-size:12px; border-bottom: 1px solid #DBDBDB;}
#content .hirek .hirekbody table tbody th { font-size:12px; text-align:left; vertical-align:bottom;}
#content .hirek .hirekbody table tbody td { padding-top:10px; font-size:12px; text-align:center; vertical-align:bottom;}
#content .hirek .hirekbody table tbody td span.fok { color: #ca2b3d; font-weight:bold; font-size:28px;}

#content .euvarosok h3 { width:180px; float:left; font-size:14px; background:url(images/ikonok/building.png) 0 2px no-repeat; padding: 0 0 8px 20px;}
#content .euvarosok .hirek { clear:both;}

#content .hirek .hirlista { margin: 0 0 0 14px;}
#content .hirek .hirlista h4 {font-size: 17px; padding: 0 0 10px 0;}
#content .hirek .hirlista h4 a {color: #cb2c3f; }
#content .hirek .hirlista h4 a:hover {color: #363636; }
#content .hirek .hirlista ul li { list-style-type:none; border-bottom: 1px solid #dbdbdb; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#content .hirek .hirlista ul li h3 { font-size:15px;padding: 0 0 5px 25px;}
#content .hirek .hirlista .flh {width: 290px;}
#content .hirek .hirlista .frh {width: 290px;}
#content .hirek .hirlista .flh ul li h3 { background:url(images/ikonok/newspaper.png) 0 2px no-repeat;}
#content .hirek .hirlista .frh ul li h3 { background:url(images/ikonok/clock.png) 0 2px no-repeat;}
#content .hirek .hirlista ul li p {padding: 0 0 0 25px;}


#content .post { margin: 10px 0 10px 14px;}
#content .post h2.pagetitle {border-bottom: 1px solid #dbdbdb; color: #cb2c3f; padding: 0 0 3px 4px; margin: 0 0 0 0;}
#content p.meta { padding: 3px 0 15px 0 !important; font-size:11px; line-height:20px !important;}
#content p.meta span { padding: 1px 0 1px 22px;}
#content p.meta span.kategoria {background:url(images/ikonok/folder.png) 3px 0 no-repeat; padding: 1px 0 1px 25px;}
#content p.meta span.tag {background:url(images/ikonok/tag_orange.png) 3px 0 no-repeat;  padding: 1px 0 1px 25px;}
#content .entry { font-size:14px; line-height:20px; padding: 0 0 24px 0;}
#content .entry p { padding-bottom:10px; text-align:justify;}
#content .entry h3 { padding-bottom: 12px;}
#content .entry ul, #content .entry ol { margin:0 0 12px 0; padding: 0 0 0 20px;}
#content .entry ul ul, #content .entry ol ol { margin: 6px 0 6px 0; padding: 0 0 0 20px;}
#content .entry ul li, #content .entry ol li { padding: 0 0 5px 0;}

#content form.naprolapra { margin-bottom:40px;  background:url(images/naprolnapra.png); width:414px; height: 33px; position:relative;}
#content form.naprolapra select { border: none; background: none; color: #9E9E9E; font-size: 16px; font-style: italic;}
#content form.naprolapra select.ev { position: absolute; top: 5px; left:8px; width: 65px; }
#content form.naprolapra select.honap { position: absolute; top: 5px; left:87px; width: 163px; }
#content form.naprolapra select.nap { position: absolute; top: 5px; left:265px; width: 65px; }
#content form.naprolapra input.keress { position:absolute; top: 2px; right: 2px; border:none; background:none; width: 68px;  cursor:pointer; height:30px;}

#content strong.orszagnev { font-size:16px; font-weight:bold; padding: 10px 0 0 0;}
table.sportho {margin: 10px auto 15px auto; width: 400px;}
table.sportho td, table.sportho th { font-size: 11px;  border-bottom: 1px solid #dbdbdb;}
table.sportho td {width:100px;}
table.sportho th { text-align:left; width:200px;}

#content .radarok { position:relative; width:600px; height: 350px; background:url(images/radarok.png) top left no-repeat;}
#content .radarok a {position:absolute; color: #000; text-decoration:none; font-size:22px; text-transform:uppercase; font-weight:bold; z-index: 100;}
#content .radarok a.rad_au {top: 70px; left: 80px; }
#content .radarok a.rad_sl {top: 154px; left: 65px; }
#content .radarok a.rad_ho {top: 190px; left: 166px; }
#content .radarok a.rad_se {top: 200px; left: 285px;}
#content .radarok a.rad_ro {top: 153px; left: 370px; }
#content .radarok a.rad_ma {top: 110px; left: 229px; }
#content .radarok a.rad_sz {top: 33px; left: 240px; }
#content .radarok img { position: absolute; z-index: 50;}
#content .radarok img.rad_au {top: 70px; left: 160px; }
#content .radarok img.rad_sl {top: 100px; left: 190px; }
#content .radarok img.rad_ho {top: 75px; left: 195px; }
#content .radarok img.rad_se {top: 105px; left: 225px; }
#content .radarok img.rad_ro {top: 50px; left: 270px; }
#content .radarok img.rad_sz {top: 32px; left: 195px;}



.wide {width: 953px !important;}
.wide .post {margin: 10px 14px;}

/* SIDEBAR */

#sidebar {width: 330px; float:right; margin: 10px 14px 10px 0; }
#sidebar ul.elements li { list-style-type:none; padding: 0 0 10px 0; margin:0;}

#sidebar .erdekessegek { background:url(images/erdekesseg-bgr.png) bottom left no-repeat;}
#sidebar .erdekessegek h4 { background:url(images/erdekessegtitle-bgr.png) top left no-repeat; line-height:36px; color: #fff; font-size:16px; padding: 0 0 0 14px;}
#sidebar .erdekessegek ul { padding:10px 10px 0 10px;}
#sidebar .erdekessegek ul li { list-style-type:none; border-bottom: 1px solid #dbdbdb; padding: 0 0 5px 0; margin: 0 0 7px 0;}
#sidebar .erdekessegek ul li a img {background: #fff; padding: 3px; border: 1px solid #dbdbdb; float:left; margin: 0 8px 8px 0;}
#sidebar .erdekessegek ul li a:hover img {background: #cb2c3f;}
#sidebar .erdekessegek ul li h3 {font-size: 14px; padding: 4px 0 7px 0;}
#sidebar .erdekessegek p.tovabbi { font-size:11px; font-weight:bold; padding:0 10px 10px 10px; text-align:right;}
#sidebar .erdekessegek p.tovabbi img {vertical-align:middle; padding: 0 3px;}

#sidebar .kepeshirdetes {}
#sidebar .kepeshirdetes ul {}
#sidebar .kepeshirdetes ul li { list-style-type:none; border-bottom: 1px solid #dbdbdb; padding: 0 0 5px 0; margin: 0 0 7px 0; background:url(images/adv-bgr.png) bottom right no-repeat;}
#sidebar .kepeshirdetes ul li a img {float:left; margin: 0 8px 8px 0;}
#sidebar .kepeshirdetes ul li a { text-decoration:none;}
#sidebar .kepeshirdetes ul li p strong { line-height: 18px;}

/* FOOTER */
.tamogatok {background: url(images/contentbottom-bgr.png) top left no-repeat; padding: 15px 16px 10px 16px;}
.tamogatok h4 {font-size: 13px; color: #9c9c9c; padding:0 0 15px 0;}
.tamogatok img { margin-left:15px;}

#footer { font-size:11px; height:140px;}
#footer ul li {list-style-type:none; padding: 0 0 3px 0;}
#footer .footleft { float:left; width:330px; padding: 15px;}
#footer .footleft p {padding: 0 0 10px 0;}
#footer .footmiddle { float:left; width:270px; padding: 15px; background:url(images/footer-bgr.png) top right no-repeat;}
#footer .footright { float:left; width:300px; padding: 15px;}
#footer .footright h5 { font-size:11px;}

.upload_error { font-weight:bold; font-size:13px; text-transform:uppercase; padding-bottom:15px;}
form#uploadimage_form { font-size:12px;}
form#uploadimage_form input#imagedescription { width:300px; padding: 3px;}
form#uploadimage_form input.button-primary { width:105px; text-align:center; cursor: pointer; line-height:33px; color: #fff; background: url(images/button-feltoltes.png) top left no-repeat; border: none; font-weight:bold; margin: 8px 0 10px 0;}

/* ADVERTICUM */
#zone2026822 { width: 728px; margin: 5px auto 10px auto; }