body
{
margin: 0 auto;
width: 970px;
background-color: #e4e4e4;
font-family: verdana,sans-serif;
color: #717171;
font-size: 14px;
}

a
{
   color: #454545;
}

a:hover
{
    color:#CC2F40;
}

.szolgmintak a
{
    text-decoration: none;
}

img
{
    float: left;
}

#keret
{
width: 970px;

background-color: #e4e4e4;
}

.felsomenuresz
{
height: 34px;
width: 970px;
}

.fejgraf
{
background: url(../images/NS_01.jpg) no-repeat;
width: 970px;
height: 17px;
}

.felsomenu
{
height: 17px;
width: 970px;
display: block;
}

.fmenugraf1
{
width: 49px;
height: 17px;
float: left;
}

.visszahivas
{
    float: left;
    width: 62px;
    height: 17px;
}


.visszahivas a
{
    background: url(../images/visszahivas.jpg) no-repeat;
    width: 62px;
    height: 17px;
    display: block;
}

.visszahivas a:hover, .hirlevel a:hover, .ugyfelkapu a:hover
{
    background-position: 0 -17px;
}


.elvalaszto1
{
width: 10px;
height: 17px;
background: url(../images/NS_04.jpg);
float: left;
}

.hirlevel
{
width: 40px;
height: 17px;
float: left;
}

.hirlevel a
{
    background: url(../images/hirlevel.jpg);
    width: 40px;
    height: 17px;
     display: block;
}

.hirlevel span
{
    display: block;
    text-indent: -9999px;
}
/*
.ugyfelkapu
{
width: 60px;
height: 17px;
float: left;
}*/

.ugyfelkapu
{
    width: 60px;
    height: 17px;
    float:left;
    background: url(../images/ugyfelkapu.jpg);
    display: block;
    cursor:pointer;
}
.ugyfelkapu-hover
{
    width: 60px;
    height: 17px;
    float:left;
    background: url(../images/ugyfelkapu.jpg);
    background-position: 0 -17px;
    display: block;
      cursor:pointer;
}

.ugyfelkapu span
{
    display: block;
    text-indent: -9999px;
}

.fmenugraf2
{
width: 739px;
height: 17px;
float: left;
}

.logofel
{
width: 970px;
height: 39px;
}

.logomenu
{
width: 970px;
height: 60px;
display: block;
}

.logo
{
width: 499px;
height: 55px;
background: url(../images/nslogo.jpg) no-repeat;
float: left;
}

.vonal
{
    background: url(../images/vonal.jpg) repeat-x;
    height: 1px;
    width: 100%;
}

.menuresz
{
width: 471px;
height: 55px;
float: left;
display: block;
}

.menufel
{
width: 471px;
height: 29px;
}

#menu
{
width: 448px;
height: 26px;
}

#menu ul
{
list-style: none outside none;
margin: 0;
padding: 0;
width: 448px;
height: 24px;
}

#menu li
{
height: 26px;
list-style: none outside none;
display: block;
float: left;
}

#menu li span
{
height: 26px;
display: block;
text-indent: -9000px;
}
/*gergő*/
.home
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: 0 0;
    width: 37px;
    cursor:pointer;
}

.home-hover
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: 0 -26px;
    width: 37px;
    cursor:pointer;
}


.rolunk
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -37px 0;
    width: 71px;
    cursor:pointer;
}
.rolunk-hover
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -37px -26px;
    width: 71px;
    cursor:pointer;
}

.szolg
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -108px 0;
    width: 144px;
    cursor:pointer;
}
.szolg-hover
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -108px -26px;
    width: 144px;
    cursor:pointer;
}

.uzlet
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -252px 0;
    width: 108px;
    cursor:pointer;
}


.uzlet-hover
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -252px -26px;
    width: 108px;
    cursor:pointer;
}

.kapcs
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -360px 0;
    width: 88px;
    cursor:pointer;
}
.kapcs-hover
{
    background: url(../images/NS_menu.jpg) no-repeat;
    height: 26px;
    display: block;
    background-position: -360px -26px;
    width: 88px;
    cursor:pointer;
}
/**/
/*
#menu li#rolunk a
{
background: url(../images/NS_menu.jpg) no-repeat;
height: 24px;
display: block;
background-position: 0 -24px;
width: 65px;
}

#menu li#rolunk a:hover
{
background-position: 0 0;
}


#menu li#szolg a
{
background: url(../images/NS_menu.jpg) no-repeat;
height: 24px;
display: block;
background-position: -65px -24px;
width: 144px;
}

#menu li#szolg a:hover
{
background-position: -65px 0;
width: 144px;
}

#menu li#uzlet a
{
background: url(../images/NS_menu.jpg) no-repeat;
height: 24px;
display: block;
background-position: -209px -24px;
width: 108px;
}

#menu li#uzlet a:hover
{
background-position: -209px 0;
width: 108px;
}

#menu li#kapcs a
{
background: url(../images/NS_menu.jpg) no-repeat;
height: 24px;
display: block;
background-position: -317px -24px;
width: 88px;
}

#menu li#kapcs a:hover
{
background-position: -317px 0;
width: 88px;
}

*/
.bemutato
{
width: 970px;
height: 325px;
display: block;
}

.bemszoveg
{
background: url(../images/szlogen.jpg) no-repeat right center;
width: 524px;
height: 325px;
float: left;
}

#homek
{
background: url(../images/server.jpg) no-repeat left;
width: 446px;
height: 325px;
float: left;
}

#rolunkk
{
background: url(../images/asztal.jpg) no-repeat center;
width: 446px;
height: 325px;
float: left;
display: none;
}

#szolgk
{
/* background: url(../images/doboz.jpg) no-repeat center;*/
background: url(../images/server.jpg) no-repeat left;
width: 446px;
height: 325px;
float: left;
display: none;
}

#uzletk
{
background: url(../images/grafikon.jpg) no-repeat center;
width: 446px;
height: 325px;
float: left;
display: none;
}

#kapcsk
{
background: url(../images/telo.jpg) no-repeat center;
width: 446px;
height: 325px;
float: left;
display: none;
}

#ugyfelkapuk
{
background: url(../images/ugyfelkapu_kep.jpg) no-repeat center;
width: 382px;
height: 299px;
float: left;
display: none;
}

.tartalom
{
width: 970px;
display: block;
overflow: hidden;
background: url(../images/pontozas.jpg) no-repeat top center;
padding-top: 20px;
}

.fooldal_bal_top
{
    width: 50%;
    float: left;

}

.fooldal_jobb_top
{
    width: 50%;
    float: left;

}

.projekt1, .projekt2, .uzletag1, .uzletag2
{
    display: block;
    margin-bottom:25px;
}

.projekt1, .projekt2
{
    padding-left: 10px;
}

.uzletag1, .uzletag2
{
    width: 50%;
    float: left;
}

.projektek h1, .uzletagaink h1, .hirek h1
{
    background: url(../images/piros_nyil.jpg) no-repeat left;
    margin: 0;
    height: 41px;
    font-size: 14px;
    line-height:24px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
    text-indent: -9999px;
}

.hirek_scroll
{
    height: 470px;
    overflow: auto;
}

.hirek_scroll h2
{
    margin: 0;
    background: #E1E1E1;
}

.hirek_scroll p
{
    margin: 5px 5px 0 5px;
}

.hirek_scroll ul
{
    list-style: none outside none;
    margin: 0;
    padding: 0 10px;
}


.projektek h1 img, .uzletagaink h1 img, .hirek h1 img
{
    margin-top: 3px;
    margin-left: 70px;
}

.projekt1 p, .projekt2 p, .miert_NS p
{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.miert_NS p
{
    text-align: center;
}

.miert_NS
{
    background: #c9c8c8;
    width: 99%;
}

.miert_NS h1
{
    font-size: 17px;
    font-weight: normal;
    line-height: 26px;
    padding-left: 40px;
}

.felsorolas
{
    background:#eee ;
    margin: 20px 0;
    padding: 10px;
    position: relative;
    display: block;
    border: 1px solid #c9c8c8;
    padding-bottom: 25px;
}

.felsorolas p
{
    text-align: left;
    margin-bottom: 10px;
}

.felsorolas li
{
    color:#373737;

}

.ful
{
    background:url(../images/ful.jpg) no-repeat;
    width:65px;
    height: 44px;
    position: absolute;
   bottom: -1px;
    right: -1px;
}

.projektek h2
{
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    margin-left: 70px;

}

.uzletagaink h2
{
    line-height: 45px;
    font-size: 14px;
    margin-left: 70px;
    text-align: left;
    padding-left: 30px;
    background: url(../images/szurke_nyil.png) no-repeat left center;
    font-weight: normal;
}

.uzletagaink a
{
    color: #fe8a02;
}

.uzletagaink a:hover
{
    color: #000;
}

.hirek, .uzletagaink, .projektek
{
    width: 97%;
    background: #eee;
    margin-top: 10px;
}

.projektek, .uzletagaink
{
    overflow: hidden;
    position: relative;
}

.projektek
{
    padding-bottom: 25px;
}

.hirek
{
    position: relative;
}

.hirek_scroll li
{
    background: #fff;
    border: 1px solid #C9C8C8;
    padding: 5px;
    margin: 5px auto;
    font-size: 12px;
    width: 95%;
}

#rolunk, #szolg, #uzlet, #kapcs, #ugyfelkapu
{
    display: none;
}


#baloldal
{
width: 50%;
float: left;
}

.szolg_baloldal, .uzlet_baloldal
{
    float: left;
    width: 50%;
}

.uzlet_baloldal
{
    background: url(../images/slider_hatter.jpg) repeat-x;
}

#baloldal h2
{
font-size: 13px;
text-align: justify;
color: #717171;
padding: 10px;
margin: 0;
font-weight: normal;
}

.nsrol
{
width: 470px;
height: 190px;
background: #edf1f4 url(../images/nsrol.jpg) no-repeat right bottom;
border: #c7d5df solid 1px;
float: right;
margin-bottom: 10px;
}

.infrol
{
width: 470px;
height: 260px;
background: #edf1f4 url(../images/infbiztrol.jpg) no-repeat right bottom;
border: #c7d5df solid 1px;
float: right;
margin-bottom: 10px;
}

.adatvrol
{
width: 470px;
height: 250px;
background: #edf1f4 url(../images/adatvisszarol.jpg) no-repeat right bottom;
border: #c7d5df solid 1px;
float: right;
margin-bottom: 10px;
}

#jobboldal
{
width:446px;
float: left;
display: block;
padding-left:0px;
}

.crmgsmenu
{
background: url(../images/crmgs.png) no-repeat;
width: 446px;
height:73px;
margin-left: 5px;
}

.crmgsmenukeret
{

padding-top: 29px;
display: block;
height: 13px;
}

.crmenu
{
margin-left: 40px;
float: left;
}

.crmenu a
{
background: url(../images/crmenu.jpg) no-repeat;
width: 154px;
height: 23px;
display: block;
}

.crmenu a:hover
{
background: url(../images/crmenu.jpg) no-repeat;
width: 154px;
height: 23px;
display: block;
}

.crmgsmenu span
{
text-indent: -9000px;
display: block;
}

.gsmenu
{
float: left;
margin-left: 45px;
}

.gsmenu a
{
background: url(../images/gsmenu.png) no-repeat;
width: 130px;
height: 23px;
display: block;
}

.gsmenu a:hover
{
background: url(../images/gsmenu.png) no-repeat;
width: 130px;
height: 23px;
display: block;
}

.elvalaszto2
{
background: url(../images/NS_25.jpg) no-repeat;
width: 446px;
height:26px;
}

.szolgmintak
{
display: block;
width: 446px;
margin-left: 5px;
}

.szolgmintak a:hover
{
color: black;
}

.szolgmintak span:hover
{
    color: #878787;
}

.gsminta span, .crminta span, .infominta span
{
font-family: Arial,Verdana,sans-seriff;
font-size: 12px;
color: #f5821f;
margin: 0;
padding: 9px 0 0 2px;
display: block;
font-weight: bold;
}


.gsminta4 span, .gsminta5 span
{
font-family: Arial,Verdana,sans-seriff;
font-size: 12px;
color: #f5821f;
margin: 0;
padding: 8px 0 0 2px;
display: block;
font-weight: bold;
}


.tovabb span
{
font-family: Arial,Verdana,sans-seriff;
font-size: 11px;
color: #f5821f;
margin: 0;
padding: 0;
display: block;
}

.gsminta, .infominta, .crminta
{
height: 120px;
width: 380px;
display: block;
}

.crminta1
{
    background: url(../images/adat_szolg.jpg) no-repeat;
    width: 384px;
    height: 16px;
}

.gsminta1
{
background: url(..//images/NSdarab_26.jpg) no-repeat;
width: 380px;
height: 16px;
}

.infominta1
{
    background: url(../images/inf_szolg.jpg) no-repeat;
    width: 384px;
    height: 16px;
}

.gsminta2, .infominta2, .crminta2, .balfelso
{
border: 1px  solid #CCC;
border-radius: 5px 0 0 0;
background-color: #edf1f4;
width: 186px;
height: 31px;
float: left;
background: #edf1f4 url(../images/butyok.jpg) center right no-repeat;
}

.gsminta3, .infominta3, .crminta3, .jobbfelso
{
border: 1px  solid #CCC;
border-radius: 0 5px 0 0;
border-left: 0;
background-color: #edf1f4;
width: 191px;
height: 31px;
float: left;
background: #edf1f4 url(../images/butyok.jpg) center right no-repeat;
}

.gsminta4, .infominta4, .balalso
{
border: 1px  solid #CCC;
border-radius: 0 0 0 5px;
border-top: 0;
background-color: #edf1f4;
width: 186px;
height: 31px;
float: left;
background: #edf1f4 url(../images/butyok.jpg) center right no-repeat;
}

.gsminta5, .infominta5, .jobbalso
{
border: 1px  solid #CCC;
border-radius: 0 0 5px 0;
border-top: 0;
border-left:0;
background-color: #edf1f4;
width: 191px;
height: 31px;
float: left;
background: #edf1f4 url(../images/butyok.jpg) center right no-repeat;
}

.gsminta11, .infominta11, .crminta11, .balkozep
{
border: 1px  solid #CCC;
border-radius: 0 0 0 0;
background-color: #edf1f4;
border-top: 0;
width: 186px;
height: 31px;
float: left;
background: #edf1f4 url(../images/butyok.jpg) center right no-repeat;
}

.gsminta12, .infominta12, .crminta12, .jobbkozep
{
border: 1px  solid #CCC;
border-radius: 0 0 0 0;
border-left: 0;
border-top: 0;
background-color: #edf1f4;
width: 191px;
height: 31px;
float: left;
background: #edf1f4 url(../images/butyok.jpg) center right no-repeat;
}


.gsminta6, .infominta6
{
background: url(..//images/NSdarab_32.jpg) no-repeat;
width: 188px;
height: 31px;
float: left;
}

.gsminta7, .infominta7
{
background: url(..//images/NSdarab_33.jpg) no-repeat;
width: 192px;
height: 31px;
float: left;
}

.gsminta8, .infominta8
{
background: url(..//images/tovabb_hatter.jpg) no-repeat;
width: 384px;
height: 18px;
float: left;
}

.tovabb
{
width: 57px;
height: 15px;
float: right;
}

.arc_keret
{
    display: block;
    clear: both;
    height: 129px;
}

.arc1 p, .arc2 p, .arc3 p
{
    text-align: center;
}

.arc1, .arc2
{
    width: 152px;
    height: 129px;
    float: left;
}

.ures
{
    width: 156px;
    height: 129px;
    float: left;
}


.arc1 a
{
    background: url(../images/arculat1.jpg) no-repeat;
    width: 152px;
    height: 129px;
    text-indent: -9999px;
    display: block;
}

.arc2 a
{
    background: url(../images/arculat2.jpg) no-repeat;
    width: 152px;
    height: 129px;
    text-indent: -9999px;
    display: block;
}

.arc3 a
{
    background: url(../images/arculat3.jpg) no-repeat;
    width: 152px;
    height: 129px;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
}

.arc1 a:hover, .arc2 a:hover, .arc3 a:hover
{
    background-position: 0 -129px;
}


.arculat1 a
{
    background: url(../images/arculat1.jpg) no-repeat;
    width: 152px;
    height: 129px;
    text-indent: -9999px;
    display: block;
}

.arculat2 a
{
    background: url(../images/arculat2.jpg) no-repeat;
    width: 152px;
    height: 129px;
    text-indent: -9999px;
    display: block;
}

.arculat3 a
{
    background: url(../images/arculat3.jpg) no-repeat;
    width: 152px;
    height: 129px;
    text-indent: -9999px;
    display: block;
}

.arculat1 a:hover, .arculat2 a:hover, .arculat3 a:hover
{
    background-position: 0 -129px;
}

.hirlevelkuldo_kepcrm a
{
    background: url(../images/hirlevel_kuldescrm.png) no-repeat;
    width: 348px;
    height: 244px;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
}

.hirlevelkuldo_kep a
{
    background: url(../images/hirlevel_kuldes.png) no-repeat;
    width: 348px;
    height: 244px;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
}

.hirlevelkuldo_kep a:hover, .hirlevelkuldo_kepcrm a:hover
{
    background-position: 0 -244px;
}


.gsbemutato, .crmbemutato
{
    width: 96%;
    margin: 0 auto;
}

.gsmini a
{
    background: url(../images/gsmini.jpg) no-repeat;
    width: 202px;
    height: 112px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

.gsmini a:hover
{
    background-position: 0 -112px;
}

.itbiztmini{
    background: url(../images/itbiztonsag.jpg) no-repeat;
    width: 113px;
    height: 106px;
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;

}

.adatvisszamini{
    background: url(../images/adatvisszaallitas.jpg) no-repeat;
    width: 113px;
    height: 106px;
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;

}

.elvalaszto
{
    background: url(../images/elvalaszto.png) no-repeat;
    width: 457px;
    height: 9px;
    margin: 0 auto;
}

.crmini a
{
    background: url(../images/crmini.jpg) no-repeat;
    width: 202px;
    height: 112px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

.crmini a:hover
{
    background-position: 0 -112px;
}

.bo
{
    width:196px;
    height: 47px;
}

.bo img
{
    border:solid 1px #f9f9f9;
}

.bo a:hover img
{
    border: solid 1px #d5d3d3;
}

.terkep a
{
    background: url(../images/terkep.jpg) no-repeat;
    width: 970px;
    height: 315px;
    display: block;
    text-indent: -9999px;
}

.terkep a:hover
{
    background-position: 0 -315px;
}

.fb
{
    margin: 0 auto;
    width: 52px;
}

.fb a
{
    background: url(../images/facebook.jpg) no-repeat;
    width: 52px;
    height: 47px;
    display: block;
}

.fb a:hover
{
    background-position: 0 -47px;
}

.fb span
{
    text-indent: -9999px;
    display: block;
}

.ugyfelkapu_cim
{
    background: url(../images/ugyfelkapu_cim.jpg) no-repeat;
    width: 970px;
    height: 53px;
}

.ugyfelkapu_cim h1
{
    text-indent: -9999px;
}

#dokumentumtarDiv
{
    background: url(../images/ugyfelkapu_hatter.jpg) no-repeat;
    width: 525px;
    height: 282px;
    margin: 0 auto;
}

#dokumentumtarHeadSzoveg
{
    text-align: center;
}

.mezok
{
    width: 207px;
    margin: 0 auto;
    padding-top: 40px;
}

.mezok p
{
    margin: 0;
    text-align: center;
}

input[type=button], input[type=submit]{
   background-color:#CCCCCC;
   cursor: pointer;
}

.loginInputBtn{
   border: 1px solid #A4A4A4;
}


.footer
{
    background: url(../images/footer.jpg) repeat-y;
    height: 99px;
}

.footer p
{
    color: #a0a0a0;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    line-height: 100px;
}


.szolgmenupont{
   margin-left:15px;
   height:61px;
   vertical-align: bottom;
   padding-left:90px;
   padding-right: 50px;
   padding-top:20px;
}

.szolgmenupont span{
   vertical-align: bottom;
   font-weight: bold;
   font-size:12px;
}