/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
body { font-family: "Arial",sans-serif;  margin: 0; padding: 0; background: #F4F4F4; height: 100%; font-size: 12px; }

.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,ul,li,p,h1,h2,h3,h4,ul { margin: 0; padding: 0; position: relative; }

img { border: 0; }

/*******************************/
/** FŐ ELEMEK + HEADER + MENU **/
/*******************************/

h1 {}
h2 {}

#container { width:1008px; margin:0 auto; }
#content { width:1008px; background:url(../images/design/bg.png) repeat-y; }

#header { width:1008px; height:103px; background:url(../images/design/header.png) no-repeat; margin-top:26px;}

#header-date { color:#666666; font-family:arial; font-size: 12px; margin:26px 0 0 20px;}

#menu { width:1008px; height:55px;margin:0 auto;}
#menu ul li {list-style:none;float:left;margin:0 auto;}
#menu ul li a { display:block; background:url(../images/design/menu.png) no-repeat; list-style:none; float:left;}

#menu ul li a.fooldal { background-position:0 0; width:103px; height:55px;} 
#menu ul li a.fooldal:hover {background-position:0 -55px;} 
#menu ul li a.cegtortenet { background-position:-103px 0; width:139px; height:55px;} 
#menu ul li a.cegtortenet:hover {background-position:-103px -55px;} 
#menu ul li a.musorok { background-position:-242px 0; width:106px; height:55px;} 
#menu ul li a.musorok:hover {background-position:-242px -55px;} 
#menu ul li a.munkatarsak { background-position:-348px 0; width:148px; height:55px;} 
#menu ul li a.munkatarsak:hover {background-position:-348px -55px;} 
#menu ul li a.galeria { background-position:-496px 0; width:94px; height:55px;} 
#menu ul li a.galeria:hover {background-position:-496px -55px;} 
#menu ul li a.videotar { background-position:-590px 0; width:104px; height:55px;} 
#menu ul li a.videotar:hover {background-position:-590px -55px;} 
#menu ul li a.marketing { background-position:-694px 0; width:267px; height:55px;} 
#menu ul li a.marketing:hover {background-position:-694px -55px;} 

/*******************************/
/**   MINDEN AMI EZUTÁN VAN   **/
/*******************************/

#content-left { width:615px;  float:left; margin:12px 0 0 23px;}
#content-right { width:320px; float:left;margin:12px 0 0 23px;}

/**   HIREK   **/

span.fejlec { font-family:arial; font-size:14px; color:#fff; font-weight:bold; margin:2px 0 0 8px; line-height:1.7 }

#hirek { width:615px; height:306px; }
#hirek-header { width:615px; height:23px; background:url(../images/design/fejlec-bal-up.png) no-repeat;}
#hirek-body { width:615px; height:280px; margin-top:4px; /*background:url(../images/design/hirkep.png) no-repeat;*/}

.black-werlf { width:208px; height:255px; background:transparent url(../images/design/black-werl.png) no-repeat; position:absolute; top:0; left:407px;padding:24px 0 0 14px;}
.black-werlf a {text-decoration:none;}
.black-werlf h1 { color:#fff; font-family:arial; font-size:18px; font-weight:bold; width:177px;}
.black-werlf h2 { color:#fff; font-family:arial; font-size:12px; font-weight:normal; margin-top:60px; width:177px;}
.black-werlf h2,h1 a{color:#fff;}

#cyclenav {position:absolute;top:40px;right:220px;z-index:7000;}
#cyclenav ul{list-style-type: none;margin:0;padding:0;}
#cyclenav li {list-style-type: none;background:url(../images/design/hir-szamlalo.png)  no-repeat;float: left;width:20px;height:22px;padding:3px 0px 3px 8px;}
#cyclenav a { display: block; color:#fff;text-decoration:none;font-weight:bold;}
#cyclenav a.activeSlide {color:#fafafa;}
#cyclenav a:focus { outline: none; }
#cyclenav img { border: none; display: block }


.hir-tovabbi {width:209px; height:20px; background:url(../images/design/tovabbi-hirek-bg.png) no-repeat; position:absolute; top:250px; left:0;}
.hir-tovabbi-a{ display:block; width:100%; height:100%;}

.hir-video { width:14px; height:15px; background:url(../images/design/video-logo.png) no-repeat; position:absolute; top:227px; left:186px; border:2px #fff solid;}
.hir-video-a{ display:block; width:100%; height:100%;}

/**   KISABLAKOK   **/

.haromhasab { width:199px; margin-top:25px; float:left;z-index:800; }
.haromhasab-eltolo { margin-right:6px;}

.haromhasab h1 { color:#666666; font-family:arial; font-size:14px; font-weight:bold; padding:20px 0 20px 10px; width:177px;}
.haromhasab h2 { color:#666666; font-family:arial; font-size:12px; font-weight:normal; margin:0 0 20px 10px; width:177px;}

.haromhasab-header { width:198px; background:url(../images/design/fejlec-3asdoboz.png) no-repeat; height:24px; margin-bottom:4px;}
.haromhasab-body {width:198px; background:#FFF;}
.haromhasab-footer { width:198px; background:#FFF;}

ul.haromhasab-list {}
ul.haromhasab-list li {display: block; background: url(../images/design/hir-kishir-footer.png) no-repeat bottom center; list-style: none; width: 189px; margin: 0 0 2px 0; padding: 0 0 0 10px; }
ul.haromhasab-list li a { background: url(../images/design/video-logo.png) no-repeat; padding: 0 5px 0 25px; line-height: 25px; text-decoration:none; color:#666666; font-size:12px; }


.haromhasab-button { width:177px; height:22px; background:url(../images/design/button-tovabbi-hirek.png) no-repeat; margin:15px 0 3px 10px;}
.haromhasab-button a{ display:block; width:100%; height:100%;}

.haromhasab-footer { width:198px; height:8px; background:url(../images/design/haromhasab-footer.png) no-repeat;}

/**   590x90 BANNER   **/

div.banner { /*background:url(../images/design/hirdetes-590x90.png) no-repeat; width:615px; height:104px; float:left;*/ }
div.banner-hirdetes { font-family:arial; font-size:10px; color:#999999; width:70px; /*float:left;*/ margin:20px 0 0 10px; }
div.banner img { margin:2px 0px;}

/**   IDOJARAS - SZAVAZAS   **/

.kishasab { width:199px; margin-top:25px; float:left;}
.kishasab-idojaras { width:198px; height:187px; }
.kishasab-idojaras-header { width:198px; background:url(../images/design/fejlec-3asdoboz.png) no-repeat; height:24px; margin-bottom:4px;}

.kishasab-szavazas { width:198px; }
.kishasab-szavazas-header { width:198px; background:url(../images/design/fejlec-3asdoboz.png) no-repeat; height:24px; margin-bottom:4px;}
.kishasab-szavazas-body { background:#FFF; width:198px; height:238px;}
.kishasab-szavazas-footer { background:url(../images/design/haromhasab-footer.png) no-repeat; width:198px; height:8px;}

.kishasab-szavazas-content { width:198px; height:199px;}

.kishasab-button { width:177px; height:22px; background:url(../images/design/button-tovabbi-szavazasok.png) no-repeat; margin:15px 0 3px 10px; }
.kishasab-button a{ display:block; width:100%; height:100%;}

/**   MAGAZINMUSOROK   **/

#magazin { width:615px; float:left; margin-top:25px;}
#magazin-header { width:615px; height:23px; background:url(../images/design/fejlec-bal-up.png) no-repeat;}

#magazin-body { z-index:2;width:613px; margin-top:4px; background:#CCCCCC; border:1px solid #C0C0C0; background:url(../images/design/magazin-bg.png) no-repeat;}

.magazin-body-cont { width:615px; height:114px; background:url(../images/design/magazin-bg.png) no-repeat;}
.magazin-img { width:79px; height:79px; background:url(../images/design/magazin-kiskep.png) no-repeat; float:left; margin:15px 0 0 15px;}
.magazin-szoveg { width:483px; height:79px; float:left; margin:10px 0 0 15px;  }

.magazin-szoveg h1 { }
.magazin-szoveg h2 { color:#666666; font-family:arial; font-size:12px; font-weight:normal; margin-top:25px; overflow:hidden; height:60px; text-decoration:none; }

.magazin-szoveg-cim { width:365px; height:17px; float:left; color:#575757; font-family:arial; font-size:18px; font-weight:bold;}
.magazin-szoveg-cim a { text-decoration:none; color:#666666;}
.magazin-datum { color:#666666; font-size:11px; font-family:arial; font-weight:normal; float:left; width:110px; margin-top:8px;}

/*******************************/
/**     JOBB OLDALI CIKK      **/
/*******************************/

div.jobb-head { width:320px; height:23px; background:url(../images/design/kishasasb-header.png) no-repeat; margin-bottom:4px;}

/**   BANNER   **/

div.jobb-banner { width:320px;}

div.jobb-banner-body { padding:10px 0px;width:318px; /*height:256px;*/ background:#CCCCCC; border:1px solid #C0C0C0; }
div.jobb-banner img { margin:15px 5px 0 10px; }

/** IDOJARAS **/

div.jobb-idojaras {margin-top:25px;}
div.jobb-idojaras-body {background:#CCCCCC;border:1px solid #C0C0C0;width:308px;padding:5px;}
div.jobb-idojaras-body input {width:80%;clear:both;}
div.jobb-idojaras-body label {width:200px;clear:both;}
div.idojaras-img {text-align:center;margin:10px 0px;padding-right:30px;}
div.idojaras-txt {font-size:18px;text-align:center;color:#666666;}
div.jobb-idojaras-content {}


/** IDOJARAS **/

div.jobb-login {margin-top:25px;}
div.jobb-login-body {background:#CCCCCC;border:1px solid #C0C0C0;width:308px;padding:5px;color:#666666;}
div.jobb-login-body h1{font-size:15px;}
div.jobb-login-body a{color:#444;font-weight:bold;text-decoration:none;}
div.jobb-login-body a:hover{color:#222;font-weight:bold;text-decoration:underline;}
div.jobb-login-logout {text-align:right;font-size:15px;}

div.login-txt {font-size:18px;text-align:center;color:#666666;}
div.jobb-login-content {}

/**   MUSOROK   **/

div.jobb-musorok { width:320px; margin-top:25px;}
div.jobb-musorok-body { width:318px; background:#CCCCCC; border:1px solid #C0C0C0; padding: 7px 0;margin-bottom:25px;}

div.jobb-musorok-content { width: 319px; float: left; margin-bottom:4px;}
div.jobb-musorok-content span { display: block; line-height: 20px; }
span.ido { background:url(../images/design/musor-piros.png) no-repeat; width:45px; height:20px; color:#fff; padding-left:7px; float: left; margin-left:6px;}
span.cim { background:url(../images/design/musor-szurke.png) no-repeat; width:254px; height:20px; color:#fff; padding-left:7px; float: right;}
span.leiras { width:254px; height:20px; display:block;color:#fff; padding-left:7px; float: right; }
div.jobb-musorok-button { width:306px; height:22px; background:url(../images/design/kovetkezo-nap-musorai.png) no-repeat; margin:12px 0 3px 8px; float:left; }
div.jobb-musorok-button a { display:block; width:100%; height:100%;}

/**   VIDEO   **/

div.jobb-video { width:320px; margin-top:25px; margin-bottom:25px;}
div.jobb-video-body { width:310px; background:#CCCCCC; border:1px solid #C0C0C0; padding: 7px 0 7px 8px;}
div.jobb-video-content { width:303px; height:198px; background:url(../images/design/video-kiemelt.png) no-repeat; margin:2px 2px 2px 0;}
div.jobb-video-button { width:303px; height:22px; background:url(../images/design/tovabbi-kiemelt-videok.png) no-repeat; margin:12px 0 3px 1px; }

/**   RENDELHETO FILMEK   **/

div.jobb-filmek { width:320px; margin-top:25px; margin-bottom:25px;}
div.jobb-filmek-body { width:303x; background:#CCCCCC; border:1px solid #C0C0C0; padding: 10px 10px 25px 10px; display:block;}
div.jobb-filmek-img { width:80px; height:70px; overflow:hidden; float:left; padding:0 10px 5px 0;}

div.jobb-filmek h1 { font-family:arial; font-size:14px; font-weight:bold; color:#575757; margin-bottom:5px;}
div.jobb-filmek p { font-family:arial; font-size:12px; color:#666666;}

.jobb-filmek-content { width:318px; background:url(../images/design/kishasab-footer.png) no-repeat bottom; padding-bottom:10px; height:25px; position:absolute; left: 0; bottom: 0; display:block;}

.jobb-filmek-button { background:url(../images/design/tovabbi-filmek.png) no-repeat; width:303px; height:22px; /*float:left; */margin:19px 0 0; }
.jobb-filmek-button a { display:block; width:100%; height:100%;}

/**   FOOTER   **/

.footer { width:1008px; height:231px; margin-bottom:25px; float:left;  background:url(../images/design/footer-bg.png) no-repeat;}
.footer-header { width:959px; height:25px; background:url(../images/design/footer-header.png) no-repeat;margin:12px 0 0 23px; }
.footer-body { width:959px; height:127px; background:#FFF;margin:5px auto 0 23px;}


/**   FOOTER - LÁBLÉC   **/

.footer-text { width:552px; height:25px;font-family:arial; font-size:12px; color:#666666;margin:22px 0 0 30px; float:left;  }
.footer-text-jobb { width:353px; height:25px; float:left; margin:22px 0 0 70px;}
span.foot a { font-family:arial; font-size:12px; color:#666666; text-decoration:none;}


#footer-logo {
height:17px;
position:absolute;
right:20px;
width:138px;
margin-top:30px;
}
#footer-logo a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/design/xnetwork-logo.png) no-repeat scroll 0 0;
display:block;
height:17px;
text-indent:-9000px;
width:138px;
}

#footer-logo a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(../images/design/xnetwork-logo.png) no-repeat scroll 0 -17px;*/
}

.navi{margin:30px 0px 10px 0px;border:0px solid #f00;height:23px;font-size:10px;}
.navi a{text-decoration:none;float:left;color:#fff;background: url(../images/design/pagerbg.png) no-repeat;width:19px;height:23px;padding:5px 0px 0px 4px;display:table-cell;}
.navi span {float:left;color:#222;background: url(../images/design/pagerbg.png) no-repeat;width:19px;height:23px;padding:5px 0px 0px 4px;display:table-cell;}

.title-bar-long {text-transform:uppercase;background: url(../images/design/hirek/title-bar-long.png) no-repeat;padding:3px 0px 0px 5px;height:20px;font-weight:bold;font-size:14px;color:#fff;margin-bottom:4px;}

.news-item {padding:0px 5px;height:160px;color:#575757;background: url(../images/design/hirek/hirekbg.png) no-repeat;}
.news-item-long {padding:5px;color:#575757;background:#ccc;border:1px solid #c0c0c0;min-height:220px;}

.news-item img {float:left;margin:0px 5px;}
.news-item-title {color:#575757;font-size:20px;}
.news-item-title a {color:#575757;text-decoration:none;}
.news-item-title a:hover {color:#575757;}
.news-item-date {color:#777;font-size:10px;}
.news-item-body {padding:5px 10px;z-index:1;}
.news-item-body {color:#575757;font-size:12px;}
.news-item-body a {z-index:500;color:#575757;text-decoration:none;}

.item-image{border:1px solid #c0c0c0;padding:0;margin:0;width:112px;}
.item-filmbox{padding:10px 0px;margin:0px 0px 20px 0px;border-bottom:1px solid #c2c2c2;}
.item-film-price{text-align:right;}

.news-item-body h1 {font-size:20px;color:#666;}
.news-item-body h2 { color:#666666; font-family:arial; font-size:12px; font-weight:normal;}
.news-item-body h3,h4,h5,h6 {color: #DA2C1A;margin:10px 0px;}
.news-item-body p {padding:10px 0px;}
.news-item-body ul {padding:10px;margin:10px;}
.news-item-body ul li strong{color: #DA2C1A;}
.item-columns {float:left;}

.news-item-video{text-align:center;}
.videovotebutton{clear:both;margin:20px;color:#DA2C1A;font-size:14px;}
#video-szavazas{clear:both;margin:20px 0px;text-align:center;}

.item-contrib{float:left;padding:20px 0px 0px 0px;width:307px;height:140px;z-index:1;}

.black-werlf h1 { color:#fff; font-family:arial; font-size:18px; font-weight:bold; width:177px;}
.black-werlf h2 { color:#fff; font-family:arial; font-size:12px; font-weight:normal; margin-top:60px; width:177px;}
.news-item-sort {}
.clear{clear:both;}

#tvprogram {z-index:1;margin:10px 0px 20px 0px;}
#tvprogram ul {list-style-type:none;margin:0;padding:0;}
#tvprogram .weeklist {}
#tvprogram li {float:left;margin:0px 5px;background: url(../images/design/musorok/musor-ia.png) no-repeat;width:75px;height:55px;}
#tvprogram .tvprogram-datum{text-align:center;color:#fff;}
#tvprogram .tvprogram-day{text-align:center;padding:10px 0px 0px 0px;}
#tvprogram .tvprogram-day a{color:#7f7f7f;text-decoration:none;}
#tvprogram .tvprogram-day a:hover{color:#444;}
#tvprogram .current {}
#tvprogram .selected {color:#fff;background: url(../images/design/musorok/musor-a.png) no-repeat;width:75px;height:55px;}
#tvprogram .selected a{color:#fff;}
#tvprogram .selected a:hover{color:#fff;}

.programlist {list-style-type:none;margin:0;padding:0;z-index:5;}
.programlist dt{height:50px;display:block;color:#fff;background: url(../images/design/musorok/musor-time.png) no-repeat;width:587px;height:20px;}
.programlist dd{margin:2px 0px 2px 60px;color:#555;}
.programlist-time{float:left;width:48px;margin-left:7px;padding:2px 0px;}
.programlist-name{float:left;width:528px;padding:2px 0px;}
.programlist-desc{clear:both;display:block;color:#777;background:none;}

/*poll*/
.poll-item {margin:10px 0px;color:#555;}
ul.poll-haromhasab-list {}
ul.poll-haromhasab-list li {display: block; /*background: url(../images/design/hir-kishir-footer.png) no-repeat bottom center;*/ list-style: none; width: 189px; margin: 0 0 2px 0; padding: 0 0 0 10px; }
ul.poll-haromhasab-list li a { background: url(../images/design/video-logo.png) no-repeat; padding: 0 5px 0 25px; line-height: 25px; text-decoration:none; color:#666666; font-size:12px; }


#regform {z-index:10;}
#regform div.row { float: left; padding: 10px 0 0 0; display: block; position: relative; }
#regform div.row-submit { float: left; padding: 10px 0 0 210px; display: block; position: relative; }
#regform div.row-hidden { float: left; padding: 10px 0 0 0; display: none; position: relative; }
#regform legend { background: #C11C05; display: block; padding: 8px 12px; margin-left: 20px; font-size: 12px; font-weight: bold; -moz-border-radius: 5px; color: #FFF; }
#regform fieldset { background: #f7f7f7; padding: 10px 0 20px 0; border: none; -moz-border-radius: 5px; }
#regform label { display: block; margin-right: 8px; width: 200px; float: left; text-align: right; float: left; padding: 5px 0; }
#regform label span { font-size: 14px; font-weight: bold; color: #666; }
#regform input.text { padding: 5px 4px; background: #FFF; font-size: 18px; color: #333; border: 1px solid #E1E1E1;width: 330px; }
#regform input.text:focus { background: #EEE4C1; color: #756222;	border: 1px solid #DBC782; }
#regform textarea { border: 1px solid #E1E1E1; background: #FFF; font-size: 18px; padding: 5px 4px; width: 330px; overflow: auto; -moz-border-radius: 5px; }
#regform textarea:focus { background: #EEE4C1; color: #756222;	border: 1px solid #DBC782; }
#regform div.reg-from-descr { width: 330px; margin-top: 5px; display: block; float: left; padding-left: 210px; font-size: 11px; color: #666; }
#regform input.regbutton { display: block; height: 30px; width: 166px; border: none; background: url("../images/reg-form-regbutton.png") no-repeat 0 0; margin: 10px 0 0 0; cursor: pointer; }
#regform input.lostbutton { display: block; height: 30px; width: 131px; border: none; background: url("../images/lost-pass-button.png") no-repeat 0 0; margin: 10px 0 0 0; cursor: pointer; }
#regform input.classadsbutton { display: block; height: 30px; width: 166px; border: none; background: url("../images/classads-button.png") no-repeat 0 0; margin: 10px 0 0 0; cursor: pointer; }
#regform select { padding: 5px 4px; background: #FFF; font-size: 16px; color: #333; border: 1px solid #E1E1E1; float: left; width: 330px; -moz-border-radius: 5px; }
form.orderbutton{border:1px solid #555;background:#ccc;color:#C11C05;}
#regform label.error{color:#fff;background:#C11C05;clear:both;font-size:10px;float:right;text-align:center;margin-bottom:5px;}

.errmsg{background:#C11C05;padding:10px;border:1px solid #c2c2c2;color:#fff;-webkit-border-radius: 10px; -moz-border-radius:10px; border-radius: 10px;margin:10px 0px;width:96%;}
.errmsg h3 {color:#fff;}

#login-form {z-index:10;}
#login-form div.row-submit { float: left; padding: 10px 0 0 210px; display: block; position: relative; }
#login-form label { display: block; margin:5px 0px 0px 0px;text-align: left; padding: 2px 0; }
#login-form label span { font-size: 15px; font-weight: bold; color: #666; }
#login-form input.text { padding: 5px 4px; background: #FFF; font-size: 18px; color: #333; border: 1px solid #E1E1E1;width: 230px; }
#login-form input.text:focus { background: #EEE4C1; color: #756222;	border: 1px solid #DBC782; }
#login-form textarea { border: 1px solid #E1E1E1; background: #FFF; font-size: 18px; padding: 5px 4px; width: 330px; overflow: auto; -moz-border-radius: 5px; }
#login-form textarea:focus { background: #EEE4C1; color: #756222;	border: 1px solid #DBC782; }
#login-form label.error{color:#fff;clear:both;font-size:10px;float:right;text-align:center;}

.votable-title{font-size:20px;color:#C11C05;}
span.votes{font-weight:bold;background:#C11C05;color:#fff;padding:2px;display:block;text-align:center;margin:2px 0px;}
.poll-button {margin-bottom:20px;border:1px solid #c2c2c2;}
.poll-result,.poll-table{margin-bottom:12px;color:#7e7e7e;font-size:12px;}
.poll-title{margin-top:10px;padding-top:10px;border-top:1px solid #c2c2c2;}
.online-adas{z-index:10;position:absolute;top:96px;left:830px;background:url(../images/design/online-adas.png) no-repeat;width:113px;height:86px;}
.online-adas a{display:block;width:113px;height:86px;}

#content-right a {
color:#444444;
font-weight:bold;
text-decoration:none;
}

#content-right a:hover {
color:#222;
font-weight:bold;
text-decoration:none;
}