@import "css_reset.css";

@import "css_nyito.css";
@import "css_nyito_kapu.css";
@import "css_lightbox.css";
@import "css_rovatoldal.css";
@import "css_cikk.css";
@import "css_hozzaszolas.css";
@import "css_naptargyai.css";
@import "css_honaphangulata.css";
@import "css_checklist.css";
@import "css_klub.css";
@import "css_szavazas.css";
@import "css_szavazeredmeny.css";
@import "css_landingpage.css";
@import "css_kereses.css";
@import "css_bemutatoterem.css";
@import "css_mithonnan.css";
@import "css_lakoter.css";
@import "css_nyeremenyjatek.css";
@import "css_ketar.css";
@import "css_archivum.css";
@import "css_kalkulator.css";
@import "css_alakitsaatazeletet.css";
@import "css_atalakitas.css";

body {
    behavior: url(gfx/csshover.htc);
}

img, div { 
    behavior: url(gfx/iepngfix.htc);
}

i,em{font-style:italic}
b,strong{font-weight:bold}

.hidden {
    display: none;
}

a {
    color:#9d3258;
    text-decoration:none;
}
a:hover {
    text-decoration:underline
}
.ads {
    text-align: center;
    margin: 10px auto 0;
}

.ad-kontener-300 {
    background: url(bg_hirdetes_horiz.gif) no-repeat 121px 0;
    padding-top: 17px;
    position: relative;
    z-index: 100;
}

.ad-kontener-615 {
    background: url(bg_hirdetes_vert.gif) no-repeat 56px 0;
}

.ad-kontener-728 {
    background: url(bg_hirdetes_vert.gif) no-repeat 56px 0;
    margin: 10px 0;
}

body {
    font:12px Helvetica, Arial, sans-serif;
    color:#000;
    text-align:center;
    padding-bottom:25px;
}

#head-kontener {
    background: url(bg_head.gif) repeat-x;
    width: 100%;
    display: table;
}

.clear {
    clear:both;
    font-size: 0;
    height: 0;
    padding: 0;
    margin: 0;
}
.pic-left {
    float:left;
    display:inline;
}
.pic-right {
    float:right;
    display:inline;
}
.pic-center {
    margin:0 auto;
    text-align:center;
}

.ajanlo {
    margin: 10px 0 0;
}

#header {
    width: 930px;
    margin: 0 auto; 
}

#topmenu {
    margin: 10px 0 0;
}
#topmenu-left {
    float: left;
    width: 470px;
    font-size: 10px;
    padding-left: 10px;
    text-align: left;
    height: 12px;
    overflow: hidden;
}
#topmenu-left ul li {
    display: inline;
}
#topmenu-left ul li a {
    color: #473551;
    padding: 2px;
}
#topmenu-right {
    float: right;
    width: 450px;
    text-align: right;
}
#topmenu-right ul li {
    display: inline;
}
#topmenu-right ul li a {
    color: #473551;
    font-size: 12px;
    font-weight: bold;
    margin: 4px;
}
#topmenu .rss {
    background: url(bg_rss.gif) no-repeat 2px 1px;
    padding-left: 13px;
}
#topmenu .myhome {
    background: url(bg_myhome.gif) no-repeat 2px 1px;
    padding-left: 15px;
}
#topmenu .archivum {
    background: url(bg_archivum.gif) no-repeat 2px 1px;
    padding-left: 12px;
}
#topmenu .elofizetes {
    background: url(bg_elofizetes.gif) no-repeat 2px 1px;
    padding-left: 14px;
}
#topmenu .jegyzetfuzet {
    background: url(bg_jegyzetfuzet.gif) no-repeat 2px 1px;
    padding-left: 12px;
}
#topmenu .rss:hover,
#topmenu .myhome:hover,
#topmenu .archivum:hover,
#topmenu .elofizetes:hover,
#topmenu .jegyzetfuzet:hover
{
    background-position: 2px -11px;
}


#logobar {
    text-align: left;
}
#logobar img {
    padding-bottom: 2px;
}
#searchbar {
    float: right;
    padding-top: 45px;
    padding-right: 4px;
}
#searchbar #input_search {
    background: url(bg_input.gif) repeat-x;
    width: 152px;
    height: 16px;
    border: none;
    padding: 4px 9px;
    margin-right: 4px;
    font-size: 12px;
    border: 1px solid #a194a9;
}
#searchbar #btn_search {
    background: url(bg_btn_kereses.gif) no-repeat;
    width: 62px;
    height: 23px;
    border: none;
    cursor: pointer;
}
#logobar p {
    display: inline;
    font-size: 11px;
    color: #473551;
    padding-left: 15px;
    padding-right: 15px;
}
#logobar a {
    font-size: 11px;
}


#menubar {
    height: 32px;
    border-top: 1px solid #a39ba7;
    border-bottom: 1px solid #a39ba7;
    margin-top: 13px;
}

/******* original main menu **********/
/*
#menubar ul {
    background-color: #6f6275;
    width: 895px;
    height: 28px;   
    margin-top: 2px;
    padding-left: 35px;
}
#menubar ul li {
    float: left;
    width: 140px;
    line-height: 28px;
}
#menubar ul li.selected {
    background-color: #FFFFFF;
}
*/
/*** main menu + ALAKITSA ÁT ÉLETÉT ***/

#menubar ul {
    background-color: #6f6275;
    width: 910px;
    height: 28px;   
    margin-top: 2px;
    padding-left: 20px;
}
#menubar ul li {
    float: left;
    width: 139px;
    line-height: 28px;
}
#menubar ul li.wide {
    width: 196px;
}
#menubar ul li.selected {
    background-color: #FFFFFF;
}

/**************************************/

#menubar ul li a {
    display: block;
    width: 100%;
    height: 28px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
#menubar ul li.selected a {
    color: #9d3258;
}
#menubar ul li a:hover {
    text-decoration: none;
}

#submenubar ul.selected {
    display: block;
}

#submenubar ul {
    background: url(bg_submenu.gif) repeat-x;
    width: 920px;
    height: 27px;
    padding-left: 10px;
    text-align: left;
    display: none;
}
#submenubar ul li {
    float: left;
    line-height: 27px;
    padding: 0 5px;
}
#submenubar ul li a {
    width: 100%;
    height: 27px;
    vertical-align: middle;
    color: #473551;
    font-weight: bold;
    font-size: 12px;
}
#submenubar ul li.selected a {
    color: #9d3258;
}
#submenubar ul li a:hover {
    text-decoration: none;
}


/******* main ********/

#main-kontener {
    background: url(bg_main.gif) repeat-x;
    width: 100%;
    display: table;
}

#main {
    width: 930px;
    margin: 0 auto;
    background: url(1px.gif) repeat-y 622px 0; 
}

#main-left-bottom ,
#main-left {
    float: left;
    width: 615px;
    text-align: left;
    padding-right: 8px;
    overflow: hidden;
}

#main-right-bottom ,
#main-right {
    float: right;
    width: 300px;
    text-align: left;
}
#flash_ajanlo {
    margin-top: 10px;
    height: 302px;
    position: relative;
    z-index: 1;
}

.main-left-left {
    width: 300px;
    float: left;
}

.main-left-right {
    width: 300px;
    float: right;
}


/**********************/

#footer {
    width: 930px;
    margin: 15px auto 0; 
}

#footer-menu {
    background: url(bg_menu_footer.gif) no-repeat;
    text-align: left;
    width: 930px;
    height: 248px;
}
#footer-menu a {
    color: #473551;
    font-size: 12px;
}
#footer-menu ul li {
    float: left;
    width: 90px;
    padding: 6px 10px;
    text-align: left;
}
#footer-menu ul li.wide {
    width: 105px;
}
#footer-menu ul li ul li.header {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0;
    margin: 2px 0;
    background: none;
    border: none;
}
#footer-menu ul li ul li {
    padding: 6px 0;
    width: 100%;
    line-height:12px;
}

#ad-kontener-footer {
    float: right;
    margin:38px 6px 0 0;
    width: 190px;
    height: 170px;
    overflow: hidden;
    padding: 13px;
    font-size: 11px;
    color: #473551; 
    line-height: 13px;
    border: 2px solid #a194a9;
    background: #FFFFFF;
}
#ad-kontener-footer[id] {
    margin:38px 12px 0 0;
}
#ad-kontener-footer .adblock {
    margin-bottom: 8px;
}

#footer-links {
    text-align: left;
    margin: 18px 0 25px; 
}
#footer-links p {
    font-size:11px;
    line-height:19px;
    color:#000;
    padding: 15px 72px;
    position: relative;
    text-align: center;
}
#footer-links p a {
    color: #000;
}
#footer-links #partnerek {
    margin: 10px 0 22px 5px;
    font-size: 11px;
    font-weight: bold;
    color: #b5aac2;
    padding: 0;
    text-align: left;
}
#footer-links #partnerek img {
    margin-left: 10px;
    vertical-align: text-top;
}
#footer-links #jogok {
    float:left;
    margin:0 0 0 9px;
    color: #af86b7;
    font-weight: normal;
}
#footer-links #network
{
    padding-bottom: 60px;
}
#footer-links #network a
{
    text-transform: uppercase;
    padding: 0 5px;
}
#footer-links #network .title {
    display: block;
    text-align: center;
    padding: 5px 0 15px;
    font-weight: bold;
    color: #A38DB0;
}
#footer-links .sep {
    height: 1px;
    margin: 0 10px;
    padding: 0;
    border-bottom: 1px solid #AF86B7;
}

/********************/

#login-box {
    display: none;
    position: absolute;
    width: 280px;
    height: 132px;
    background: url(bg_loginbox.gif) no-repeat;
    z-index: 100;
    text-align: left;
    padding: 6px 10px;
}

#login-form {
    width: 615px;
    height: 144px;
    background-color: #f0eef1;
    text-align: left;
    padding: 0;
    margin-top: 10px;
    border: 1px solid #aca4b1;
}

#login-form form {
    padding: 6px 10px;
    height: 153px;
}

#login-box .header,
#login-form .header {
    padding: 0 0 5px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #473551;
    margin: 0;
}

#login-form .header {
    border: none !important;
    margin: 0 !important;
}

#login-box .header a,
#login-form .header a {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    background: url(blank.gif) no-repeat;
}

#login-box form label,
#login-form form label {
    color: #473551;
    font-weight: bold;
    width: 70px;
    padding-left: 5px;
    display: block;
    float: left;
    margin-top: 13px;
}

#login-box form input,
#login-form form input {
    width: 192px;
    height: 16px;
    padding: 3px;
    border: 1px solid #a194a9;
    margin-top: 10px;
    background: url(bg_login_input.gif) repeat-x;
}

#login-box form input.login,
#login-form form input.login {
    width: 100px;
    height: 22px;
    background: url(btn_100.gif) no-repeat;
    border: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 15px;
    padding: 0;
}

/******** send-box ************/

#send-box {
    display: none;
    position: absolute;
    z-index: 100;
    border: 5px solid #473551;
    background: url(bg_sendbox.gif) repeat-x;
    width: 390px;
    height: 380px;
}

#send-box .header {
    margin: 0;
    padding: 0;
}

#send-box .header a {
    float: right;
    background: url(bg_sendbox_close.gif) no-repeat;
    width: 11px;
    height: 11px;
}

#send-box .top {
    background: url(bg_sendbox_logo.gif) no-repeat 0 15px;
    height: 18px;
    vertical-align: bottom;
    text-align: left;
    padding-top: 53px;
    padding-left: 7px;
    font-size: 14px;
    color: #473551;
    overflow: hidden;
}

#send-box .top .title {
    font-weight: bold;
    color: #473551 !important;
    font-size: 14px !important;
    margin: 0 !important;
}

#send-box form {
    text-align: left;
    font-size: 13px;
}

#send-box form label {
    float: left;
    width: 145px;
    padding: 5px 10px 0 0;
    margin: 0;
    text-align: right;
    line-height: 23px;
}

#send-box form .form-input {
    width: 217px;
    height: 16px;
    border: 1px solid #a79baf;
    background: url(bg_sendbox_input.gif) no-repeat;
    margin: 5px 0 0;
    _margin: 0;
    padding: 3px;
}

#send-box form .error {
    background: url(bg_sendbox_input_error.gif) no-repeat;
}

#send-box form textarea {
    background: url(bg_sendbox_textarea.gif) no-repeat !important;
}

#send-box form #message {
    height: 77px;
}

#send-box form #copy {
    margin-top: 10px;
    _margin: 0;
}

#send-box form #sender_name {
    margin-top: 11px;
}

#send-box form #target_name {
    margin-top: 14px;
}

#send-box form #label_sender_name {
    padding-top: 11px;
}

#send-box form #label_target_name {
    padding-top: 14px;
}

#send-box form .button {
    background: url(btn_100.gif) no-repeat;
    width: 100px;
    height: 21px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    margin-left: 150px;
    margin-top: 19px;
}

#send-box #form-replace {
    margin: 10px;
}

#send-box #form-replace p {
    margin: 10px;
}

#send-box #form-replace .ok {
    background: url(btn_ok.gif) no-repeat;
    width: 41px;
    height: 21px;
    border: none;
    cursor: pointer;
}

/******** registration-box ************/

#registration-box {
    display: none;
    position: absolute;
    z-index: 100;
    border: 5px solid #473551;
    background: url(bg_sendbox.gif) repeat-x;
    width: 390px;
    height: 380px;
}

#registration-box .header {
    margin: 0;
    padding: 0;
}

#registration-box .header a {
    float: right;
    background: url(bg_sendbox_close.gif) no-repeat;
    width: 11px;
    height: 11px;
}

#registration-box .top {
    background: url(bg_sendbox_logo.gif) no-repeat 0 15px;
    height: 18px;
    vertical-align: bottom;
    text-align: left;
    padding-top: 60px;
    padding-left: 7px;
    font-size: 14px;
    color: #473551;
    overflow: hidden;
}

#registration-box .top .title {
    font-weight: bold;
    color: #473551;
    font-size: 14px;
}

#registration-box form {
    text-align: left;
    font-size: 13px;
}

#registration-box form label {
    float: left;
    width: 145px;
    padding: 5px 10px 0 0;
    margin: 0;
    text-align: right;
    line-height: 23px;
}

#registration-box form .form-input {
    width: 217px;
    height: 16px;
    border: 1px solid #a79baf;
    background: url(bg_sendbox_input.gif) no-repeat;
    margin: 5px 0 0;
    _margin: 0;
    padding: 3px;
}

#registration-box form .error {
    background: url(bg_sendbox_input_error.gif) no-repeat;
}

#registration-box form textarea {
    background: url(bg_sendbox_textarea_big.gif) no-repeat !important;
}

#registration-box form #message {
    height: 118px;
}

#registration-box form .button {
    background: url(btn_100.gif) no-repeat;
    width: 100px;
    height: 21px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    margin-left: 150px;
    margin-top: 19px;
}

#registration-box #form-replace {
    margin: 10px;
}

#registration-box #form-replace p {
    margin: 10px;
}

#registration-box #form-replace .ok {
    background: url(btn_ok.gif) no-repeat;
    width: 41px;
    height: 21px;
    border: none;
    cursor: pointer;
}

/*********** cimkefelh� *************/

#cimkefelho {
    background: #f4f2f4;
    margin-top: 10px;
    width: 300px;
    overflow: hidden;
}

#cimkefelho .header {
    line-height: 39px;
    padding: 0 14px;
    font-weight: bold;
    
    background: url(bg_cimkefelho.gif) no-repeat;
    height: 39px;
    font-size: 18px;
    color: #473551;
    margin: 0;
}

#cimkefelho ul {
    padding: 10px;
}

#cimkefelho ul li {
    display: inline;
}

#cimkefelho ul li a {
    color: #473551;
}

#cimkefelho ul li.one {
    font-size: 13px;
}


#cimkefelho ul li.two {
    font-size: 15px;
}

#cimkefelho ul li.three {
    font-size: 16px;
}

/*
#cimkefelho ul li.four {
    font-size: 15px;
    font-style: italic;
}
*/

#cimkefelho ul li.four {
    font-size: 20px;
}

#cimkefelho ul li.five {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

/********** nap t�rgya **************/

#naptargya {
    background: url(bg_naptargya.gif) no-repeat;
    width: 300px;
    height: 316px;
    overflow: hidden;
    margin: 10px 0 0;
}

#naptargya #next {
    background: url(bg_naptargya_next.png) no-repeat;
    width: 40px;
    height: 40px;
    float: right;
    margin: -200px 15px 0 0;
    _margin: -200px 5px 0 0;
    z-index: 100;
}

#naptargya #next a {
    display: block;
    widows: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
}

#naptargya .kep {
    width: 260px;
    height: 200px;
    overflow: hidden;
    margin: 4px 0 0 20px;
    text-align: center;
    position: relative;
    z-index: 0;
}

#naptargya .pic {
    display: inline;
    height: 200px;
    line-height: 200px;
}

#naptargya .pic a {
    
}

#naptargya .pic a img {
    vertical-align: middle;
    width: 190px;
    height: 190px;
}

#naptargya .targy {
    margin: 0 auto;
    padding: 6px 6px 5px 0;
    text-align: left;
    font-size: 11px;
    color: #a194a9;
    width: 253px;
    height: 32px;
    overflow: hidden;
}

#naptargya .leiras {
    margin: 0 auto;
    padding: 6px 6px 9px 0;
    text-align: left;
    font-size: 11px;
    color: #a194a9;
    width: 253px;
    height: 42px;
    overflow: hidden;
}

#naptargya .targy p,
#naptargya .leiras p {
    float: left;
    padding-left: 7px;
}

#naptargya .targy a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #473551;
    padding-left: 81px;
    line-height: 15px; 
}

#naptargya .leiras a {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #473551;
    padding-left: 81px;
    line-height: 13px; 
}

/*
#naptargya .ar,
#naptargya .ar a {
    margin: 5px auto 0;
    text-align: center;
    width: 253px;
    height: 16px;
    overflow: hidden;
    color: #473551;
    font-size: 14px;
}
*/

/********************/

#jegyzetfuzet-ajanlo {
    margin-top: 10px;
}

/************ lakot�r ***************/

#lakoter {
    /*background: url(bg_lakoter.gif) repeat-x 0 25px;*/
    margin-top: 10px;
}

#lakoter .header {
    height: 19px;
    background: #473551;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 13px 2px;
}

#lakoter .header span {
    font-weight: normal;
}

#lakoter .header a {
    color: #FFFFFF;
}

#lakoter .main {
    padding: 10px 0 10px 8px;
    border-left: 1px solid #e3dfe5;
    border-right: 1px solid #e3dfe5;
    background: transparent url(bg_lakoter.gif) repeat-x;
    height: 1%;
}

#lakoter .main .ajanlo {
    float: left;
    width: 143px;
    height: 133px;
    overflow: hidden;
}

#lakoter .main .ajanlo .pic img {
    width: 130px;
    border: 3px solid #FFFFFF;
}

#lakoter .main .ajanlo h1,
#lakoter .main .ajanlo h2 {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #000000;
    width: 130px;
    padding: 0 3px;
    overflow: hidden;
}

#lakoter .main .ajanlo h1 a,
#lakoter .main .ajanlo h2 a {
    color: #000000;
}

#lakoter .main .ajanlo h3,
#lakoter .main .ajanlo .datum,
#lakoter .main .ajanlo p {
    display: none;
}

#lakoter .footer {
    background: #e3dfe5;
    color: #473551;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 8px;
    margin-top: 0;
}

#lakoter .footer a {
    font-weight: normal;
    color: #473551;
    padding: 0 4px;
}

/******* lak�t�r - st�lust�r ***********/

#lakoter.stilustar {
    background: #FFFFFF url(bg_lakoter_stilustar.gif) no-repeat 0 24px;
}

#lakoter.stilustar .osszeallitas {
    padding: 14px 6px;
}

#lakoter.stilustar .osszeallitas h1,
#lakoter.stilustar .osszeallitas h2 {
    font-size: 14px;
    font-weight: bold;
    color: #473551;
    margin-bottom: 8px;
    padding: 0 8px;
}

#lakoter.stilustar .osszeallitas h1 a,
#lakoter.stilustar .osszeallitas h2 a {
    color: #473551;
    padding: 0;
    display: inline;
    float: none;
}

#lakoter.stilustar .osszeallitas p {
    font-size: 11px;
    color: #000000;
    margin-bottom: 6px;
    padding: 0 8px;
}

#lakoter.stilustar .osszeallitas p a {
    color: #000000;
    padding: 0;
    display: inline;
    float: none;
}

#lakoter.stilustar .osszeallitas a {
    float: left;
    padding: 0 6px;
    display: block;
    width: 124px;
}

#lakoter.stilustar .osszeallitas a img {
    width: 130px;
    height: 130px;
    border: 2px solid #FFFFFF;
}

#lakoter.stilustar .view {
    text-align: right;  
    padding: 7px 0 0;
}

#lakoter.stilustar .view a {
    color: #473551;
    padding: 0 0 0 20px;
    display: inline;
    float: none;
    background: url(bg_magnifier.gif) no-repeat 0 2px;
}

/********* szavaz�s **************/

#szavazas {
    background: #f6f4f6 url(bg_szavazas.gif) no-repeat;
    padding: 7px 20px 10px 35px;
    margin: 10px 0 0;
    width: 245px;
    overflow: hidden;
}

#szavazas h1 {
    padding-left: 25px;
    font-size: 14px;
    color: #473551;
    padding-bottom: 15px;
}

#szavazas h2 {
    padding-left: 25px;
    font-size: 14px;
    color: #473551;
    padding-bottom: 15px;
    font-weight: bold;
}

#szavazas .szavazas-bottom {
    width: 250px;
    overflow: hidden;
}

#szavazas .szavazas-bottom .list {
    margin-bottom: 10px;
}

#main-left-menu #szavazas .szavazas-bottom {
    width: 115px;
}

#szavazas .szavazas-bottom .list li {
    line-height: 20px;
    width: 250px;
    clear: both;
}

#szavazas .szavazas-bottom .list li span {
    float: left;
    padding: 2px 0 0;
}

#szavazas .szavazas-bottom .list li label {
    width: 226px;
    font-size: 12px;
    float: right;
}

#szavazas .szavazas-bottom .control_value {
    clear: both;
}

#szavazas .szavazas-bottom .szavazas_mehet ,
#szavazas .szavazas-bottom .ellenorzes,
#szavazas .szavazas-bottom .szavazas_input {
    display: inline;
}

#szavazas .szavazas-bottom .ellenorzes,
#szavazas .szavazas-bottom .szavazas_mehet {
    margin-left: 24px;
}

#szavazas .szavazas-bottom .szavazas_input {
    margin-left: 5px;
    font-size: 12px;
}

#szavazas .szavazas-bottom .ellenorzes img {
    vertical-align: top;
}

#szavazas .szavazas-bottom .szavazas_mehet {
    margin-top: 5px; 
}

#szavazas .szavazas-bottom .szavazas_mehet .input_submit {
    background: url(btn_77.gif) no-repeat;
    width: 77px;
    height: 21px;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    border: none;
    cursor: pointer;
}

#szavazas .szavazas-bottom .szavazas_mehet a {
    font-size: 11px;
    font-weight: bold;
    color: #473551;
    padding-left: 12px;
}

/***** lapoz� *********/

.lapozo .firstpage,
.lapozo .prev,
.lapozo .next,
.lapozo .lastpage,
.lapozo ul {
    float: left;
}

.lapozo ul li {
    display: inline;
}

.lapozo .firstpage a {
    background: url(btn_first.gif) no-repeat;
    display: block;
    width: 31px;
    height: 21px;   
}

.lapozo .prev a {
    background: url(btn_prev.gif) no-repeat;
    display: block;
    width: 23px;
    height: 21px;
    margin-left: 6px;
}

.lapozo .next a {
    background: url(btn_next.gif) no-repeat;
    display: block;
    width: 23px;
    height: 21px;
    margin-left: 6px;
}

.lapozo .lastpage a {
    background: url(btn_last.gif) no-repeat;
    display: block;
    width: 31px;
    height: 21px;
    margin-left: 6px;
}

.lapozo ul {
    margin-top: 3px;
}

.lapozo ul li a {
    font-size: 11px;
    color: #473551;
    text-decoration: underline;
    background: url(bg_lapozo_sep.gif) no-repeat -3px 2px;
    padding-left: 7px;
}

.lapozo ul li.selected a {
    font-weight: bold;
    text-decoration:none;
}

.lapozo ul li.first a {
    background: none;
}

/******************/

#csempetervezo {
    height: 117px;
    overflow: hidden;
    margin: 10px 0 0;
    background: url(bg_csempeminta.gif) no-repeat 0 25px;
}

#csempetervezo .header {
    background: #473551;
    color: #FFFFFF;
    line-height: 25px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 14px;
    margin: 0;
}

#csempetervezo .header a {
    color: #FFFFFF;
}

#csempetervezo a img {
    border: 1px solid #FFFFFF;
    margin: 7px;
    float: left;
}

#csempetervezo p {
    padding: 10px 8px 0 104px;
    color: #473551;
}

#csempetervezo p a {
    color: #473551;
}

/********** men� ***********/

.menu {
    padding: 6px;
    margin: 10px 0 0;
    background: #f6f5f6 url(bg_menu_130.gif) repeat-x;
    
    z-index: 100;  
}

.menu .header {
    font-size: 20px;
    color: #473551;
    line-height: 31px;
}

.submenu ul li {
    background: url(bg_menu_jobbra.gif) no-repeat 95% 50%;
}

.menu ul li {
    line-height: 15px;
    border: none;
    border-bottom: 1px solid #e0dbe2; 
    height: 1%;
    margin: 0;
    padding: 0;
}

.menu ul li a {
    font-size: 15px;
    color: #473551; 
    display: block;
    width: 104px;
    padding: 7px;
    margin: 1px 0;
    height: 1%;
}

.menu ul li ul {
    display: none;
    margin: -32px 0 0 115px;
    position: absolute;
    z-index: 100;
    background: #FFFFFF;
    width: 116px;
    border: 1px solid #a194a9;
    padding: 0 7px;
}

.menu ul li ul li {
    background: none;
}

.menu ul li ul li a {
    width: 108px;
    height: 1%;
}

.menu ul li:hover ul,
.menu ul li.sel ul {
    display: block;
}

.submenu ul li:hover a,
.submenu ul li.sel a {
    background: #ded9e1 url(bg_menu_jobbra.gif) no-repeat 95% 60% !important;
}

.menu ul li:hover a,
.menu ul li.sel a {
    background: #ded9e1;
    text-decoration: none;
}

.menu ul li.selected a {
    background: #ded9e1;
    text-decoration: none;
    font-weight: bold;
}

.menu ul li:hover ul li a,
.menu ul li.sel ul li a {
    background: none !important;
    height: 1%;
}

.menu ul li ul li a:hover {
    background: #ded9e1 !important;
    text-decoration: none;
}

.menu ul li ul:hover {
    display: block;
}

/******** k�pes nyit� box ***********/

.kepes-nyito .ajanlo {
    float: left;
    width: 134px;
    height: 153px;
    background: #cec9d0;
    margin: 10px 0 0 6px;
    padding: 8px 7px;
}

.kepes-nyito .ajanlo img {
    border: 2px solid #FFFFFF;
    width: 130px;
    height: 130px;
}

.kepes-nyito .ajanlo h1 {
    font-size: 12px;
    font-weight: bold;
    color: #473551;
    height: 20px;
}

.kepes-nyito .ajanlo h1 a {
    color: #473551;
}

.kepes-nyito .ajanlo h2 {
    font-size: 12px;
    font-weight: bold;
    color: #473551;
    height: 20px;
}

.kepes-nyito .ajanlo h2 a {
    color: #473551;
}

.kepes-nyito .ajanlo .db {
    float: right;
}

/******** breadcrumb **********/

#breadcrumb ul li {
    display: inline;
    padding-right: 14px;
    background: url(bg_breadcrumb.gif) no-repeat right 4px;
}

#breadcrumb ul li.last {
    background: none;
    padding-right: 0;
    color: #6b5777;
}

#breadcrumb a {
    color: #6b5777;
}

/******** toolbar *********/


.toolbar a.vissza {
    float: left;
    background: url(btn_58.gif) no-repeat;
    width: 58px;
    height: 17px;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    display: block;
    text-align: center;
    padding-top: 4px;
}

.toolbar a.smaller {
    float: left;
    width: 14px;
    height: 16px;
    display: block;
    background: url(bg_smaller.gif) no-repeat;
    margin-left: 10px;
    margin-top: 3px;
}

.toolbar a.bigger {
    float: left;
    width: 14px;
    height: 16px;
    display: block;
    background: url(bg_bigger.gif) no-repeat;
    margin-left: 10px;
    margin-top: 3px;
}

.toolbar a.print {
    float: left;
    width: 18px;
    height: 18px;
    display: block;
    background: url(bg_print.gif) no-repeat;
    margin-left: 10px;
    margin-top: 3px;
}

.toolbar a.send {
    float: left;
    width: 18px;
    height: 15px;
    display: block;
    background: url(bg_send.gif) no-repeat;
    margin-left: 10px;
    margin-top: 3px;
}

/******* centered image ********/

.center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.center * {
    vertical-align: middle;
}

/*\*//*/
.center {
    display: block;
}
.center span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/******* 300px bemutat�terem ********/

#bemutatoterem.column300 {
    background: url(bg_bemutatoterem_rovat.gif) no-repeat;
    width: 300px;
    height: 335px;
    padding-bottom: 0;
    border: none;
}

#bemutatoterem.column300 .header {
    border-bottom: none;
    margin: 0 0 5px;
}

#bemutatoterem.column300 #bmt-inner-left,
#bemutatoterem.column300 #bmt-inner-right {
    width: 25px;
    height: 297px;
    overflow: hidden;
}

#bemutatoterem.column300 #bmt-inner-center {
    padding-left: 0;
    padding-top: 5px;
    width: 250px;
    height: 297px;
    overflow: hidden;
}

#bemutatoterem.column300 #bmt-scroller {
    height: 297px;
}

#bemutatoterem.column300 .bmt-scroll-block {
    float: left;
    width: 92px;
    height: 128px;
    overflow: hidden;
    text-align: center;
    padding: 9px 16px;
}

#bemutatoterem.column300 .bmt-scroll-block .pic {
    background: none;
    width: 92px;
    height: 92px;
    padding: 0;
}

#bemutatoterem.column300 .bmt-scroll-block img {
    width: 92px;
    height: 92px;
}

#bemutatoterem.column300 .bmt-scroll-block .title {
    margin: 2px 0 0;
    width: 95px;
    font-size: 11px;
}


#bemutatoterem.column300 .bmt-scroll-block .ar {
    width: 95px;
}

#bemutatoterem.column300  .bmt-block a:hover .title,
#bemutatoterem.column300  .bmt-block a:hover .ar {
    text-decoration: underline;
}

/****** legfrissebb ********/

#legfrissebb {
    background: #faf9fa;
    border: 1px solid #dfd4e4;
    margin: 10px 0 0;
}

#legfrissebb .header {
    font-size: 16px;
    font-weight: bold;
    color: #473551;
    background: #dacedf;
    line-height: 33px;
    height: 33px;
    overflow: hidden;
    padding-left: 8px;
    margin-bottom: 8px;
    border: none;
    margin: 0 0 10px;
    padding: 0 14px 0;
}

#legfrissebb .ajanlo {
    margin-bottom: 5px;
}

#legfrissebb .ajanlo .pic {
    float: left;
    margin-top: 3px;    
}

#legfrissebb .ajanlo .pic img {
    border: 2px solid #c3bdc6;
    margin-left: 8px; 
    width: 100px;
    height: 60px;
}

#legfrissebb .ajanlo h1,
#legfrissebb .ajanlo h2 {
    padding-left: 124px;
    font-size: 16px;
    font-weight: bold;
    color: #473551;
    line-height: 18px;
}

#legfrissebb .ajanlo h1 a,
#legfrissebb .ajanlo h2 a {
    color: #473551;
}

#legfrissebb .ajanlo .datum {
    font-size: 10px;
    color: #000000;
    text-align: left;
    padding-left: 124px;
}

#legfrissebb .ajanlo p {
    font-size: 11px;
    color: #473551;
    padding-left: 124px;
    padding-top: 7px;
}

#legfrissebb .ajanlo p a {
    color: #473551;
}

#legfrissebb .ajanlo h3,
#legfrissebb .ajanlo .user,
#legfrissebb .ajanlo .tovabb {
    display: none;
}

#url {
    display: none;
}

/********** gal�ria ***************/

.galeria #title {
    background: #958b9b;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 38px;
    height: 38px;
    padding: 0 14px;
    border-bottom: 1px solid #e5e1e7;
    margin: 5px 0 0;
}

.galeria #title h1,
.galeria #title h2 {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 20px;
}

.galeria #title #szamlalo {
    float: right;
}

.galeria .toolbar {
    height: 41px;
    background: #cdc7d0;
    padding: 20px 35px 0;
    text-align: right;
    border-bottom: 1px solid #e5e1e7;
}

.galeria .toolbar a,
.galeria .toolbar p {
    float: right;
    display: block;
}

.galeria .toolbar a.onepic {
    background: url(bg_onepic.gif) no-repeat;
    display: block;
    height: 16px;
    width: 16px;
    margin: 3px 0 0 5px;
}

.galeria .toolbar a.manypic {
    background: url(bg_manypic.gif) no-repeat;
    display: block;
    height: 16px;
    width: 16px;
    margin: 3px 0 0 8px;
}

.galeria .toolbar a.print {
    margin-left: 18px;
}

.galeria .toolbar p {
    margin: 4px 0 0;
}

.galeria #preview-box {
    background: #726579 url(bg_preview_box.gif) repeat-x;
    _height: 382px;
    min-height: 382px;
}

.galeria #preview-box .prev,
.galeria #preview-box .next {
    width: 46px;
    height: 317px;
    float: left;
}

.galeria #preview-box .prev a,
.galeria #preview-box .next a {
    display: block;
    width: 100%;
    height: 100%;
}

.galeria #preview-box .prev {
    background: url(bg_galeria_balranyil.gif) no-repeat 14px 135px;
}

.galeria #preview-box .next {
    background: url(bg_galeria_jobbranyil.gif) no-repeat 14px 135px;
}

.galeria #preview-box .title {
    min-height: 65px;
    _height: 65px;
    /*overflow: hidden;*/
    padding: 0 66px 5px;
    font-size: 12px;
    color: #FFFFFF;
}

.galeria #preview-box .preview {
    float: left;
    width: 522px;
    height: 317px;
    overflow: hidden;
}

.galeria #preview-box .preview .center {
    width: 522px;
    height: 317px;
}

.galeria #preview-box .preview .small {
    width: 170px !important;
    height: 110px !important;
}

.galeria #preview-box .preview .small-block {
    width: 170px;
    height: 110px;
    float: left;
}

.galeria #preview-box .preview .center img {
    border: 3px solid #FFFFFF;
}

.galeria #thumb-box {
    height: 136px;
    background: #958b9b url(bg_thumbs.gif) repeat-x 0 bottom;
    padding: 0 0 105px;
}

#cikk .galeria #thumb-box {
    background: #958b9b;
    padding: 0;
}

.galeria #thumb-box .prev {
    float: left;
    width: 35px;
    height: 130px;
    background: url(bg_galeria_balranyil.gif) no-repeat 9px 35px;
    overflow: hidden;
}

.galeria #thumb-box .next {
    float: left;
    width: 35px;
    height: 130px;
    background: url(bg_galeria_jobbranyil.gif) no-repeat 9px 35px;
    overflow: hidden;
}

.galeria #thumb-box .prev a,
.galeria #thumb-box .next a {
    display: block;
    width: 100%;
    height: 100%;
}

.galeria #thumb-box #thumbs {
    float: left;
    position: relative;
    width: 544px;
    height: 125px;
    overflow: hidden;
    overflow-x: scroll;
}

.galeria #thumb-box #thumbs #thumb-scroll {
    position: relative;
    top: 4px;
    overflow: hidden;
    height: 103px;
}

.galeria #thumb-box #thumbs #thumb-scroll .center {
    width: 170px;
    height: 100px;
}

.galeria #thumb-box #thumbs #thumb-scroll ul {
    padding: 0 !important;
}

.galeria #thumb-box #thumbs #thumb-scroll ul li {
    float: left;
    background: none !important;
    padding-left: 0 !important;
}

.galeria #thumb-box #thumbs #thumb-scroll ul li a img {
    border: 3px solid #FFFFFF;
    margin: 3px;
}

/********* hozz�sz�l�sok *********/

#hozzaszolasok {
    margin-top: 10px;
}

#hozzaszolasok .header {
    background: #473551;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 10px;
    line-height: 26px;
}

#hozzaszolasok .top {
    height: 20px;
    font-size: 11px;
    color: #473551;
    padding: 5px 10px 0;
}

#hozzaszolasok .top a {
    float: right;
    color: #473551;
    text-decoration: underline;
}

#hozzaszolasok .comment {
    background-color: #f8f7f9;
    margin-bottom: 3px;
    border: 1px solid #dad6dd;
}

#hozzaszolasok .comment .user {
    padding: 10px 10px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #9D3258;
}

#hozzaszolasok .comment .message .datum {
    float: right;
    margin-right: 14px;
    font-size: 12px;
}


#hozzaszolasok .comment .message p {
    margin-left: 10px;
    margin-right: 200px;
    padding-bottom: 15px;
    font-size: 12px;
    color: #000000;
} 

#hozzaszolasok .comment .message p a {
    color: #000000;
}

#hozzaszolasok .footer {
    padding-left: 155px;
}

#hozzaszolasok .footer .hozzaszol {
    background: url(btn_100.gif) no-repeat;
    width: 100px;
    height: 17px;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    display: block;
    text-align: center;
    padding-top: 4px;
    text-transform: uppercase;
    float: left;
}

#hozzaszolasok .footer .hozzaszolasok {
    background: url(btn_196.gif) no-repeat;
    width: 196px;
    height: 17px;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    display: block;
    text-align: center;
    padding-top: 4px;
    text-transform: uppercase;
    float: left;
    margin-left: 10px;
}

/******* Kalkulátorok ajánló ******************/

#kalkulator_ajanlo {
    background: url(bg_kalkulator_ajanlo.gif) no-repeat;
    width: 270px;
    height: 62px;
    padding: 15px;
    margin: 10px 0 0;
}

#kalkulator_ajanlo .header {
    font-size: 14px;
    font-weight: bold;
    color: #473551;
    margin: 0 0 18px; /* ha 4-nél több kalkulátor lesz, akkor margin: 0 0 8px; */
}

#kalkulator_ajanlo .header a {
    color: #473551;
    text-decoration: none;
}

#kalkulator_ajanlo ul li {
    display: inline;
    color: #9d3258;
    font-size: 12px;
    padding-right: 18px;
    line-height: 19px;
}

#kalkulator_ajanlo ul li a {
    color: #9d3258;
    text-decoration: none;
}

#kalkulator_ajanlo ul li a:hover {
    text-decoration: underline;
}

/******* Két árban - ajánló ****************/

#ketar-ajanlo .header {
    background: url(bg_head_gradient.gif) repeat-x;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-left: 8px;
}

#ketar-ajanlo .header a {
    color: #FFF;
}

#ketar-ajanlo .main {
    background: url(bg_ketar_ajanlo.gif) repeat-x;
    height: 132px;
    padding: 12px;
    overflow: hidden;
}

#ketar-ajanlo .main .prev,
#ketar-ajanlo .main .next,
#ketar-ajanlo .main .kontener {
    float: left;
}

#ketar-ajanlo .main .prev,
#ketar-ajanlo .main .next {
    width: 28px;
    height: 132px;
}

#ketar-ajanlo .main .prev a,
#ketar-ajanlo .main .next a {
    display: block;
    width: 28px;
    height: 132px;
}

#ketar-ajanlo .main .prev a {
    background: url(btn_left.gif) no-repeat 17px 34px;
}

#ketar-ajanlo .main .next a {
    background: url(btn_right.gif) no-repeat 0 34px;
}

#ketar-ajanlo .main .kontener {
    width: 220px;
    height: 132px;
    position: relative;
    overflow: hidden;
}

#ketar-ajanlo .main .kontener .wait {
    position: relative;
    top: 28px;
    left: 95px;
    display: none;
}

#ketar-ajanlo .main .kontener .inner {
    position: relative;
    width: 220px;
    height: 132px;
}

#ketar-ajanlo .main .kontener .inner .ajanlo {
    width: 110px;
    height: 132px;
    float: left;
    text-align: center;
    margin: 0;
}

#ketar-ajanlo .main .kontener .inner .ajanlo .pic img {
    width: 88px;
    height: 88px;
    border: 1px solid #d2c4db;
}

#ketar-ajanlo .main .kontener .inner .ajanlo .title a {
    font-size: 13px;
    font-weight: bold;
    color: #b99dcb;
    display: block;
    height: 19px;
    overflow: hidden;
}

/******* Kreatív ajánló ****************/

#kreativ-ajanlo .header {
    background: url(bg_head_gradient.gif) repeat-x;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-left: 8px;
}

#kreativ-ajanlo .header a {
    color: #FFF;
}

#kreativ-ajanlo .main {
    background: url(bg_ketar_ajanlo.gif) repeat-x;
    height: 132px;
    padding: 16px 0;
    overflow: hidden;
}

#kreativ-ajanlo .main .prev,
#kreativ-ajanlo .main .next,
#kreativ-ajanlo .main .kontener {
    float: left;
}

#kreativ-ajanlo .main .kontener .wait {
    position: relative;
    top: 21px;
    left: 102px;
    display: none;
}

#kreativ-ajanlo .main .prev {
    width: 30px;
    height: 132px;
}

#kreativ-ajanlo .main .next {
    width: 20px;
    height: 132px;
}

#kreativ-ajanlo .main .prev a {
    display: block;
    width: 30px;
    height: 132px;
}

#kreativ-ajanlo .main .next a {
    display: block;
    width: 20px;
    height: 132px;
}

#kreativ-ajanlo .main .prev a {
    background: url(btn_left.gif) no-repeat 10px 26px;
}

#kreativ-ajanlo .main .next a {
    background: url(btn_right.gif) no-repeat 0 26px;
}

#kreativ-ajanlo .main .kontener {
    width: 249px;
    height: 132px;
    position: relative;
    overflow: hidden;
}

#kreativ-ajanlo .main .kontener .inner {
    position: relative;
    width: 249px;
    height: 132px;
}

#kreativ-ajanlo .main .kontener .inner .ajanlo {
    width: 249px;
    height: 132px;
    text-align: center;
}

#kreativ-ajanlo .main .kontener .inner .ajanlo .pic img {
    width: 112px;
    height: 74px;
    border: 1px solid #5b4967;
    float: left;
    margin-right: 10px;
}

#kreativ-ajanlo .main .kontener .inner .ajanlo .title {
    clear: left;
}

#kreativ-ajanlo .main .kontener .inner .ajanlo .title a {
    font-size: 13px;
    font-weight: bold;
    color: #584664;
    display: block;
    height: 19px;
    padding-right: 10px;
    padding-top: 12px;
    overflow: hidden;
}

/******** Glamour cikkajánló **********/

#glam-ajanlo {
    margin-top: 10px;
    background: url(bg_laku_ajanlo.gif);
    border: 1px solid #e5d9ed;
    height: 1%;
}

#glam-ajanlo:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

#glam-ajanlo .pic img {
    width: 88px;
   /* height: 128px;*/
    border: 1px solid #eb40ac;
    float: left;
    margin: 6px;
}

#glam-ajanlo .header img {
    padding: 6px 0 8px 0;
}

#glam-ajanlo h2 {
    width: 186px;
    border-top: 1px solid #e5d9ed;
    padding: 8px 0 6px 0;
    margin-left: 104px;
    color: #ee3fab;
    font-size: 14px;
    color: #ee3fab;
    font-weight: bold;
}

#glam-ajanlo h2 a {
    color: #ee3fab;
}

#glam-ajanlo p {
    margin-left: 104px;
    margin-right: 6px;
    line-height: 15px;
}

#glam-ajanlo p a {
    color: #000;
}

#glam-ajanlo p a:hover {
    text-decoration: none;
}