/* Általános stílusok, fő tartó elemek */

*
{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}


body
{
	background: url(../img/hatter_body.jpg) top center repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    min-width: 980px;
    position: relative;
    width: 100%;
}

div#lap
{
    margin: 0 auto;
    overflow: hidden;
    width: 980px;
    z-index: 5;
}

div#oldalmenu
{
    float: left;
    margin-right: 20px;
    overflow: hidden;
    width: 275px;
}

div#tartalom
{
    float: left;
    overflow: auto;
    width: 685px;
    min-height: 800px;
}

div.oldalmenu_tarto
{
    margin-right: 20px;
    padding-top: 20px;
}

/* Cellkábel logó */

a#logo_cellkabel
{
    background: url(../img/logo_cellkabel.jpg) no-repeat;
    display: block;
    height: 51px;
    margin: 18px 0 34px;
    width: 273px;
}

/* Thumb menü */

div#thumbs
{
    padding-bottom: 11px;
    width: 273px;
}

div.thumb_tarto
{
    height: 56px;
    margin-bottom: 8px;
    overflow: hidden;
    padding-left: 82px;
    width: 191px;
}

div#thumb_tarto_televizio
{
    background: url(../img/hatter_thumb_televizio.jpg) top left no-repeat;
}

div#thumb_tarto_internet
{
    background: url(../img/hatter_thumb_internet.jpg) top left no-repeat;
}

div#thumb_tarto_telefon
{
    background: url(../img/hatter_thumb_telefon.jpg) top left no-repeat;
}

div#thumb_tarto_digitalis-tv
{
    background: url(../img/hatter_thumb_digitalis-tv.jpg) top left no-repeat;
}

div.thumb_tarto a
{
    color: #01316f;
    display: block;
    font-size: 26px;
    height: 44px;
    margin: 0;
    padding: 12px 20px 0 20px;
    text-align: right;
    text-decoration: none;
    width: 151px;
}

a.thumb_link_passziv
{
    background: url(../img/hatter_thumb_passziv.jpg) top left no-repeat;
}

a.thumb_link_aktiv, div.thumb_tarto a:hover
{
    background: url(../img/hatter_thumb_aktiv.jpg) top left no-repeat;
}

/* Oldalmenü címek, linkek */

p.oldalmenu_cim
{
    border-bottom: 1px solid #0F427F;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
    text-align: right;

}

p.oldalmenu_alcim
{
    color: #f36f24;
    font-size: 12px;
    padding-top: 10px;
    text-align: right;
}

a.oldalmenu_link
{
    color: #ffffff;
    display: block;
    padding-top: 10px;
    text-align: right;
}

/* Fejsor menü */

div#fejsor_menu
{
    background: #e9e9e9 url("../img/fejsor_menu_szinsor.jpg") no-repeat scroll right top;
    height: 47px;
    margin-bottom: 25px;
    line-height: normal;
    overflow: hidden;
    padding-top: 30px;
    width: 685px;
}

ul#fejsor_menu_lista li
{
    float: left;
    list-style-type: none;
}

ul#fejsor_menu_lista li a
{
    background: url("../img/hatter_menu_elvalaszto.jpg") no-repeat scroll right top;
    color: #01316f;
    display: block;
    float: left;
    height: 23px;
    padding: 7px 15px 0;
    text-decoration: none;
}

ul#fejsor_menu_lista li a:hover
{
    background-color: #d9d9d9;
}

/* Kereső űrlap */

form#kereso_urlap
{
    float: right;
    padding-top: 5px;
    width: 160px;
}

input#m_kereso_mezo
{
    border: 1px solid #d7d7d7;
    display: block;
    height: 17px;
    float: left;
    margin: 1px 8px 0 0;
    padding: 2px;
    width: 115px;
}

input#m_kereses
{
    background: url(../img/gomb_kereses.jpg) no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 24px;
    width: 31px;
}


input.altalanos_text
{
    border: 1px solid #d7d7d7;
    display: block;
    height: 17px;
    float: left;
    margin: 1px 8px 0 0;
    padding: 2px;
    width: 300px;
}


textarea.altalanos_textarea
{
    border: 1px solid #d7d7d7;
    display: block;
    height: 200px;
    float: left;
    margin: 1px 8px 0 0;
    padding: 2px;
    width: 300px;
}



/* Kép slider */

#slider
{
    margin-bottom: 25px;
}

#slider .frame-1
{
    background:url(../img/fokep_hd.jpg) top left repeat;
}

#slider .frame-2
{
    background:url(../img/fokep_internet.jpg) top left repeat;
}

#slider .frame-3
{
    background:url(../img/fokep_telefon.jpg) top left repeat;
}

#slider .frame-4
{
    background:url(../img/fokep_tv.jpg) top left repeat;
}

#slider .frame-closed .frame-content
{
    display:none;
}

#slider .frame-open .frame-content
{
    display:block;
}

p.frame_szoveg {
    color: #01316f;
    padding: 14px 225px 0 72px;
}

p.frame_szoveg a
{
    color: #01316f;
    font-weight: bold;
    text-decoration: underline;
}

/* Tartalom oszlopok */

div#tartalom_oszlop_tarto
{
    /* background: url(../img/hatter_tartalom_oszlop_tarto.jpg) repeat-y; */
    overflow: auto;
    width: 685px;
}


div.tartalom_oszlop, div.tartalom_oszlop_utolso
{
    background: #e9e9e9 url(../img/hatter_tartalom_oszlop.jpg) top left no-repeat;
    color: #777777;
    float: left;
    margin-right: 40px;
    min-height: 270px;
    overflow: hidden;
    padding: 15px;
    width: 270px;
}

div.tartalom_oszlop_utolso
{
    margin-right: 0;
}

div.tartalom_oszlop :last-child
{
    margin-right: 0;
}




p.tartalom_oszlop_cim
{
    border-bottom: 1px solid #dddddd;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
}

p.tartalom_oszlop_szoveg
{
    line-height: 150%;
    padding-top: 10px;
}

div.tartalom_oszlop a, div.tartalom_oszlop_utolso a
{
    color: #01316F;
    display: block;
    font-weight: bold;
    padding-top: 10px;
    text-decoration: underline;
}

p.forum_cim
{
    color: #f36f24;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
}

div.tartalom_oszlop a.hir_cim
{
    padding-top: 5px;
}

p.hir_datum
{
    color: #f36f24;
    font-weight: bold;
    padding-top: 10px;
}

p.hir_cim
{
    color: 01316F;
    font-weight: bold;
    padding-top: 10px;
}

div.tartalom_oszlop_utolso a.forum_bejegyzes
{
    font-weight: normal;
    padding: 0;
}

/* Alj */

div#alj
{
    background: url(../img/hatter_alj.jpg) no-repeat;
    clear: both;
    height: 109px;
    overflow: hidden;
    width: 980px;
}

div#elerhetoseg
{
    float: left;
    padding: 35px 20px 0 100px;
    width: 155px;
}

div#elerhetoseg p, div#elerhetoseg a
{
    color: #ffffff;
    font-size: 11px;
}

div#alj_menu
{
    background-color: #e9e9e9;
    border-top: 1px solid #d7d7d7;
    float: left;
    height: 83px;
    margin: 25px 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 685px;
}

a#link_certop
{
    top: 8px;
    position: absolute;
    right: 15px;
}

ul#alj_menu_lista
{
    left: 0px;
    position: absolute;
    top: 1px;
}


ul#alj_menu_lista li
{
    float: left;
    list-style-type: none;
}

ul#alj_menu_lista li a
{
    background: url("../img/hatter_menu_elvalaszto.jpg") no-repeat scroll right top transparent;
    color: #01316f;
    display: block;
    float: left;
    height: 23px;
    padding: 7px 15px 0;
    text-decoration: none;
}

ul#alj_menu_lista li a:hover
{
    background-color: #d9d9d9;
}

/* v3-ból átemelve */

/* Főkép */

img#aloldal_fokep
{
    margin-bottom: 8px;
}

/* Segítség ikonok, cím */

div#segitseg_ikon_tarto
{
    border-bottom: 1px solid #d7d7d7;
    height: 55px;
    position: relative;
    overflow: hidden;
    width: 685px;
}

h1.tartalom_cim
{
    color: #01316f;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 13px;
}

div#segitseg_ikon_tarto a
{
    display: block;
    height: 24px;
    position: absolute;
    top: 16px;
    width: 24px;
}

a#segitseg_ikon_nagybetu
{
    background: url(../img/segitseg_ikon_nagybetu.jpg) no-repeat;
    right: 34px;
    
}

a#segitseg_ikon_kisbetu
{
    background: url(../img/segitseg_ikon_kisbetu.jpg) no-repeat;
    right: 0px;
    
}

a#segitseg_ikon_nyomtatas
{
    background: url(../img/segitseg_ikon_nyomtatas.jpg) no-repeat;
    right: 68px;
}

/* Tartalom bal oldal */

div#tartalom_tarto_bal
{
    float: left;
    margin-right: 20px;
    overflow: hidden;
    width: 443px;
}

p.tartalom_cim
{
    color: #777777;
    line-height: 150%;
    padding: 20px 0 0 0;
    font-size: 16px;
}


p.tartalom_szoveg
{
    color: #777777;
    line-height: 150%;
    padding: 15px 0 0 15px;
    text-align: justify;
}

p.tartalom_szoveg_kozep
{
    color: #777777;
    line-height: 150%;
    padding: 15px 0 0 15px;
    text-align: center;
}

p.tartalom_szoveg a
{
    color: #01316f;
    text-decoration: underline;
}

/* Tartalom jobb oldal */

div#tartalom_tarto_jobb
{
    float: right;
    overflow: hidden;
    width: 222px;
}

p.tartalom_oldal_cim
{
    background-color: #e9e9e9;
    color: #777777;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    margin: 15px 0 10px;
    padding: 15px;
}

div#tartalom_tarto_jobb a
{
    color: #01316f;
    display: block;
    padding: 10px 0 10px 55px;
}

a.link_ikon_elony
{
    background: url(../img/link_ikon_elony.jpg) 15px 7px no-repeat;
}

a.link_ikon_tv
{
    background: url(../img/link_ikon_tv.jpg) 15px 7px no-repeat;
}

a.link_ikon_mobil
{
    background: url(../img/link_ikon_mobil.png) 15px 7px no-repeat;
}


a.link_ikon_dij
{
    background: url(../img/link_ikon_dij.jpg) 15px 7px no-repeat;
}

a.link_ikon_keres
{
    background: url(../img/link_ikon_keres.png) 15px 7px no-repeat;
}

a.link_ikon_email
{
    background: url(../img/link_ikon_levelezes.png) 15px 7px no-repeat;
}

a.link_ikon_telefon
{
    background: url(../img/link_ikon_telefon.png) 15px 7px no-repeat;
}

a.link_ikon_szerel
{
    background: url(../img/link_ikon_szerel.png) 15px 7px no-repeat;
}



a.link_ikon_dokumentum
{
    background: url(../img/link_ikon_dokumentum.jpg) 15px 7px no-repeat;
}

ul.cikk {
    color: #777777;
    line-height: 150%;
    padding-left: 40px;
}

ol.cikk {
    color: #777777;
    line-height: 150%;
    padding-left: 40px;
}


ul.cikk li {
    color: #777777;
    line-height: 150%;
    padding-left: 15px;
    padding-top: 10px;
}

ol.cikk li {
    color: #777777;
    line-height: 150%;
    padding-left: 15px;
    padding-top: 10px;
}


table.csatkioszt {
    padding: 0px;
    border: 1px dotted;
    border-spacing:0;
    border-collapse:collapse;
    width: 685px;
}

table.csatkioszt thead td {
    padding: 10px 10px 10px 10px;
    border: 1px dotted;
    

    background-color: #01316F;
    color: white;
    height: 35px;
    font-weight: normal;
    text-align: center;
}

table.csatkioszt tbody tr {
    background-color: white;
    color: #01316F;
    font-weight: normal;
}

table.csatkioszt tbody tr:hover {
    background-color: #E9E9E9;
    color: #01316F;
    font-weight: normal;
}

table.csatkioszt tbody td {
    padding: 10px 10px 10px 10px;
    border: 1px dotted;
    margin: 0px;
    text-align: left;
}

table.csatkioszt tbody td.nagy {
    padding: 10px 10px 10px 10px;
    text-align: center;
    line-height: 2em;
}


table.cikktabla {
    padding: 0px;
    border: 1px dotted;
    border-spacing: 0px;
    border-collapse:collapse;
    width: 100%;
}

table.cikktabla thead td {
    padding: 10px 10px 10px 10px;
    border: 1px dotted;
    background-color: #01316F;
    color: white;
    height: 35px;
    font-weight: normal;
    text-align: center;
}

table.cikktabla tbody tr {
    background-color: white;
    color: #01316F;
    font-weight: normal;
}

table.cikktabla tbody tr:hover {
    background-color: #E9E9E9;
    color: #01316F;
    font-weight: normal;
}

table.cikktabla tbody td {
    padding: 10px 10px 10px 10px;
    border: 1px dotted;
    margin: 0px;
    text-align: left;
}



table.cikktabla tbody td.jobb {
    text-align: right;
}

table.cikktabla tbody td.nagy {
    padding: 10px 10px 10px 10px;
    text-align: center;
    line-height: 2em;
}




table.cikktabla_kicsi {
    padding: 0px;
    border: 1px dotted #0F427F;
    border-spacing: 0px;
    border-collapse:collapse;

}

table.cikktabla_kicsi thead td {
    padding: 10px 10px 10px 10px;
    background-color: #01316F;
    border: 1px dotted #0F427F;
    color: white;
    height: 35px;
    font-weight: normal;
    text-align: center;
}

table.cikktabla_kicsi tbody tr {
    background-color: white;
    color: #01316F;
    font-weight: normal;
}

table.cikktabla_kicsi tbody td {
    padding: 5px 5px 5px 5px;
    margin: 0px;
    text-align: left;
    border: 1px dotted #0F427F;
}

table.cikktabla_kicsi tbody td.jobb {
    text-align: right;
}
table.cikktabla_kicsi tbody td.kozep {
    text-align: center;
}


table.dijcsomag {
   padding: 0px;
    border: 1px dotted;
    border-spacing:0;
    border-collapse:collapse;
    width: 100%;
}

table.netcsomag {
    
    width: 400px;
    
}

table.netcsomag td:first-child {
    width: 150px;
}

table.dijcsomag thead td {
    padding: 10px 10px 10px 10px;
    border: 1px dotted;
    background-color: #01316F;
    color: white;
    height: 35px;
    font-weight: normal;
    text-align: center;
}


table.dijcsomag td {
    padding: 10px 10px 10px 10px;
    border: 1px dotted;
    color: #01316F;
    height: 35px;
    font-weight: normal;
    text-align: left;
}

table.dijcsomag td.cim {
    background-color: #01316F;
    color: white;
    text-align: right;
}

table.dijcsomag td.jobbra {
    text-align: right;
}


table.cikktabla_altalanos {
    padding: 15px;
    margin-left: 15px;
    border: 1px dotted;
    border-spacing:0;
    border-collapse:collapse;
}

table.cikktabla_altalanos tbody tr {
    background-color: white;
    color: #01316F;
    font-weight: normal;
}

table.cikktabla_altalanos tbody td {
    padding: 10px 10px 10px 10px;
    border: 1px dotted;
    margin: 0px;
    text-align: left;
}

.gomb {
    background-color: #02336E;
    border: 1px solid white;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px #CCCCCC;
    color: white;
    font-size: 12px;
    padding: 5px;
}


.gomb:hover {
	background-color:white;
        color: #02336E;
}

input.mitkeres
{
        padding:5px 5px;
        border: 1px solid grey;
        font-size: 12px;
        color: white;
        background-color:#02336E;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
}

select {
    background-color: #02336E;
    border: 1px solid white;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px #CCCCCC;
    color: white;
    font-size: 12px;
    padding: 5px;
}



.rejtett{
    visibility:hidden;
}

div#banner {
    border: 2px solid #fff;
    border-radius: 8px 8px 8px 8px;
    background-color:rgba(1,49,111,0.85);
    position: absolute;
    text-align: left;
    left: 50%;
    margin-left: -400px;
    z-index: 40;
    font-size: 40px;
    color: #f5f5f5;
    padding: 20px;
    text-align: center;
}

div#banner p {
    padding: 10px 0px 0px;
    text-align:justify;
    text-justify:inter-word;    
    font-size: 18px;
}


div#banner input#bezar {
    padding: 5px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;

}

#tartalom_tarto_bal ul {

    color: #777777;
    line-height: 150%;
    padding: 25px 0px 0px 50px;
    text-align: justify;
    list-style-type: square;

}

#tartalom_tarto_bal ul li {

    color: #777777;
    line-height: 150%;
    text-align: justify;
    list-style-type: square;
    padding: 10px 0px 0px 0px;


}

table.nyt, table.nyt td {
    border: 0px solid black !important;
    border-collapse: collapse  !important;
}
table.nyt, table.nyt td {
      padding: 0px  !important;
}