/* E-product KFT CSS fajl */


/*----- html meghatarozasok ------------------------------------------------------------------------------------------*/
body { 
	background: url(kepek/hatter.jpg); 
	font: 12px arial;
	color: #666666;
        margin: 0;
        padding: 0;
        border: 0;
	}
p { 
	font: 12px arial; 
	text-align: justify;}

h1     {
	display: none;
	}

h2,#username  {
        display: none;
        }

h4  {
        font: bold 10px Tahoma;
	color: #a4be3e;
        letter-spacing: 3px;
        }


a:link { 
	text-decoration: none;
        color: #1362a3;
	}

a:visited { 
	text-decoration: none; 
	color: #1362a3;
	}

a:hover { 
	text-decoration: underline; 
	color: #1362a3;
        }

/*----- class meghatarozasok ------------------------------------------------------------------------------------------*/


.hide { 
	display: none;
        }

.nav {  text-align: right;
        width: 962px;
        height: 63px;
        margin: 0;
        padding: 0;
        border: 0;
       }

.nav_le {
        float:right;
        display: block;
        background: url(kepek/nav_le.png) no-repeat top left;
        width: 21px;
        height: 21px;
        margin: 30px 0 0 0;
        padding: 0;
        border: 0;
       }

.nav_le:hover {
        float:right;
        display: block;
        background: url(kepek/nav_le.png) 0 -21px no-repeat;
        width: 21px;
        height: 21px;
        margin: 30px 0 0 0;
        padding: 0;
        border: 0;
       }

.nav_fel {
        float:right;
        display: block;
        background: url(kepek/nav_fel.png) no-repeat top left;
        width: 21px;
        height: 21px;
        margin: 30px 0 0 0;
        padding: 0;
        border: 0;
       }

.nav_fel:hover {
        float:right;
        display: block;
        background: url(kepek/nav_fel.png) 0 -21px no-repeat;
        width: 21px;
        height: 21px;
        margin: 30px 0 0 0;
        padding: 0;
        border: 0;
       }

.szolg_sz {
        float: left;
        margin: 0 16px 0 4px;
        width: 217px;
        }

.szolg_sz p, .szolg_sz_utolso p {
        font: 11px Tahoma;
	color: #fff;
        }


.szolg_sz_utolso {
        float: left;
        width: 195px;
        margin: 0 0 0 4px;
        }

/*----- div meghatarozasok ------------------------------------------------------------------------------------------*/

#menusav {
        width: 100%;
        height: 44px;
        background: url(kepek/menu_hatter.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#menu { 
        width: 962px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        }

#menu ul{
        float: right;
        height: 44px;
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
        }

#menu ul li{
        float: left;
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        }


#menu ul li#menu_portfolio a{
    display: block;
    background: url(kepek/menu_portfolio.jpg) no-repeat;
    width: 97px;
    height: 44px;
    padding: 0;
    border: 0;
    margin: 0;
    }

#menu ul li#menu_portfolio a span{
    display: none;
    }

#menu ul li#menu_portfolio a:hover {
    display: block;
    background: url(kepek/menu_portfolio.jpg) 0 -44px no-repeat;
    width: 97px;
    height: 44px;
    padding: 0;
    border: 0;
    margin: 0;
    }

#menu ul li#menu_szolgaltatasok a{
    display: block;
    background: url(kepek/menu_szolgaltatasok.jpg) no-repeat;
    width: 149px;
    height: 44px;
    padding: 0;
    border: 0;
    margin: 0;
    }

#menu ul li#menu_szolgaltatasok a span{
    display: none;
    }

#menu ul li#menu_szolgaltatasok a:hover {
    display: block;
    background: url(kepek/menu_szolgaltatasok.jpg) 0 -44px no-repeat;
    width: 149px;
    height: 44px;
    padding: 0;
    border: 0;
    margin: 0;
    }

#menu ul li#menu_kapcsolat a{
    display: block;
    background: url(kepek/menu_kapcsolat.jpg) no-repeat;
    width: 91px;
    height: 44px;
    padding: 0;
    border: 0;
    margin: 0;
    }

#menu ul li#menu_kapcsolat a span{
    display: none;
    }

#menu ul li#menu_kapcsolat a:hover {
    display: block;
    background: url(kepek/menu_kapcsolat.jpg) 0 -44px no-repeat;
    width: 91px;
    height: 44px;
    padding: 0;
    border: 0;
    margin: 0;
    }

#fejlec {
        width: 100%;
        height: 223px;
        background: url(kepek/fejlec_hatter.jpg) repeat-x top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#fejleckep {
        height: 223px;
        background: url(kepek/fejleckep.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#portfolio_cim {
        height: 63px;
        background: url(kepek/portfolio_cim.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#portfolio {
        width: 100%;
        background: url(kepek/portfolio_hatter.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#galeria_s1, #galeria_s2, #galeria_s3, #galeria_s4 {    
        margin: 0;
        padding: 0;
        height: 186px;
        
        }

#galeria_s1 ul, #galeria_s2 ul, #galeria_s3 ul, #galeria_s4 ul {
	margin: 0 0 0 49px;
        list-style: none;
        padding: 0;
        border: 0;
        height: 177px;
        }        

#galeria_s1 li, #galeria_s2 li, #galeria_s3 li, #galeria_s4 li{
        padding: 0 7px 0 0;
        border: 0;
        width: 177px;
        height: 177px;
        display: block;
        float: left;
        list-style: none;
        }

#galeria_s1 ul li a span, #galeria_s2 ul li a span, #galeria_s3 ul li a span, #galeria_s4 ul li a span, #galeria_s5 ul li a span { display: none; }

#galeria_s1 li#portf_1 a {
        background: url(kepek/portf_1.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s1 li#portf_1 a:hover {
        background: url(kepek/portf_1.jpg) 0 -177px no-repeat;
	}

#galeria_s1 li#portf_2 a {
        background: url(kepek/portf_2.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s1 li#portf_2 a:hover {
        background: url(kepek/portf_2.jpg) 0 -177px no-repeat;
	}

#galeria_s1 li#portf_3 a {
        background: url(kepek/portf_3.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s1 li#portf_3 a:hover {
        background: url(kepek/portf_3.jpg) 0 -177px no-repeat;
	}

#galeria_s1 li#portf_4 a {
        background: url(kepek/portf_4.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s1 li#portf_4 a:hover {
        background: url(kepek/portf_4.jpg) 0 -177px no-repeat;
	}

#galeria_s1 li#portf_5 a {
        background: url(kepek/portf_5.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s1 li#portf_5 a:hover {
        background: url(kepek/portf_5.jpg) 0 -177px no-repeat;
	}

#galeria_s2 li#portf_6 a {
        background: url(kepek/portf_6.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s2 li#portf_6 a:hover {
        background: url(kepek/portf_6.jpg) 0 -177px no-repeat;
	}

#galeria_s2 li#portf_7 a {
        background: url(kepek/portf_7.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s2 li#portf_7 a:hover {
        background: url(kepek/portf_7.jpg) 0 -177px no-repeat;
	}

#galeria_s2 li#portf_8 a {
        background: url(kepek/portf_8.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s2 li#portf_8 a:hover {
        background: url(kepek/portf_8.jpg) 0 -177px no-repeat;
	}

#galeria_s2 li#portf_9 a {
        background: url(kepek/portf_9.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s2 li#portf_9 a:hover {
        background: url(kepek/portf_9.jpg) 0 -177px no-repeat;
	}

#galeria_s2 li#portf_10 a {
        background: url(kepek/portf_10.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s2 li#portf_10 a:hover {
        background: url(kepek/portf_10.jpg) 0 -177px no-repeat;
	}

#galeria_s3 li#portf_11 a {
        background: url(kepek/portf_11.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s3 li#portf_11 a:hover {
        background: url(kepek/portf_11.jpg) 0 -177px no-repeat;
	}

#galeria_s3 li#portf_12 a {
        background: url(kepek/portf_12.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s3 li#portf_12 a:hover {
        background: url(kepek/portf_12.jpg) 0 -177px no-repeat;
	}

#galeria_s3 li#portf_13 a {
        background: url(kepek/portf_13.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s3 li#portf_13 a:hover {
        background: url(kepek/portf_13.jpg) 0 -177px no-repeat;
	}

#galeria_s3 li#portf_14 a {
        background: url(kepek/portf_14.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s3 li#portf_14 a:hover {
        background: url(kepek/portf_14.jpg) 0 -177px no-repeat;
	}

#galeria_s3 li#portf_15 a {
        background: url(kepek/portf_15.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s3 li#portf_15 a:hover {
        background: url(kepek/portf_15.jpg) 0 -177px no-repeat;
	}

#galeria_s4 li#portf_16 a {
        background: url(kepek/portf_16.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s4 li#portf_16 a:hover {
        background: url(kepek/portf_16.jpg) 0 -177px no-repeat;
	}

#galeria_s4 li#portf_17 a {
        background: url(kepek/portf_17.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s4 li#portf_17 a:hover {
        background: url(kepek/portf_17.jpg) 0 -177px no-repeat;
	}

#galeria_s4 li#portf_18 a {
        background: url(kepek/portf_18.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s4 li#portf_18 a:hover {
        background: url(kepek/portf_18.jpg) 0 -177px no-repeat;
	}

#galeria_s4 li#portf_19 a {
        background: url(kepek/portf_19.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s4 li#portf_19 a:hover {
        background: url(kepek/portf_19.jpg) 0 -177px no-repeat;
	}

#galeria_s4 li#portf_20 a {
        background: url(kepek/portf_20.jpg) 0 0 no-repeat;
	display: block;
        width: 177px;
        height: 177px;
        text-decoration: none;
	}

#galeria_s4 li#portf_20 a:hover {
        background: url(kepek/portf_20.jpg) 0 -177px no-repeat;
	}

#portfolio_alatt {
        background: url(kepek/portfolio_alatt.jpg) no-repeat top left;
        height: 44px;
}

#szolgaltatasok_cim {
        height: 64px;
        background: url(kepek/szolgaltatasok_cim.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#szolg_tart {
        background: url(kepek/portfolio_alatt.jpg) no-repeat bottom left;
        height: 200px;
        margin: 20px 0 0 0;
        padding: 0 0 0 50px;
        border: 0;
        }

#szolg_tart  p{
        line-height:17px;
        }

#kapcsolat_cim {
        height: 64px;
        background: url(kepek/kapcsolat_cim.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#kapcsolat {
        width: 100%;
        height: 519px;
        background: url(kepek/kapcsolat_hatter.jpg) repeat-x top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#kapcsolat_uzenet_hatter {
        width: 100%;
        height: 55px;
        background: url(kepek/kapcsolat_uzenet_hat.jpg) repeat-x top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#kapcsolat_uzenet {
        width: 100%;
        height: 55px;
        background: url(kepek/kapcsolat_uzenet_hatter.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#kapcsolat_uzenet_szoveg {
        width: 912px;
        font: 12px Tahoma;
	color: #8db253;
        text-align: center;
        margin: 0 0 0 50px;
        padding: 19px 0 0 0;
        border: 0;
        }

#kapcsolat_sz p {
        text-align: right;
        font: 11px Tahoma;
        line-height: 17px;
        }


#kapcsolat_sz {
        width: 300px;
        float: right;
        color: #fff;
        margin: 130px 5px 0 0;
        font: 11px Tahoma;
        text-align: right;
        padding: 0;
        border: 0;
        }

#kapcsolat_sz a{
        color: #a4be3e;
        margin: 0;
        font: 11px Tahoma;
        padding: 0;
        border: 0;
        }

#kapcsolat_sz a:hover {
        color: #7fcdd3;
        text-decoration: none;
        }

#kapcsolat_sz ul {
        margin: -7px 0 0 0;
        float: right;
        display: block;
        }


#kapcsolat_sz li {
        list-style-image: url(kepek/level_icon.jpg);
        }

#form {
        float: left;
        width: 550px;
        }

#form fieldset {
        margin: 20px 0 0 50px;
        border: 0;
        }

#form legend {
        display: none;
        }

#form label {
        clear: left;
        float: left;
        margin: 22px 15px 0 0;
        width: 80px;
        font: bold 10px Tahoma;
        color: #83a54d;
        text-align: right;
        }

#form input {
        float: left;
        margin: 12px 0 0 0;
        padding: 10px;
        width: 300px;
        border: 0;
        font: 11px Tahoma;
        color: #fff;
        background-color: #6e8a41;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        }

#form label.error {
        clear: right;
        margin: 3px 0 0 150px;
        width: 388px;
        text-align: left;
        color: #e41e26;
        font-weight: normal;
        }

#form select {
        clear: both;
        margin: 16px 0 5px 0;
        width: 220px;
        }

#form textarea {
        float: left;
        margin: 12px 0 0 0;
        padding: 10px;
        width: 300px;
        border: 0;
        font: 11px Tahoma;
        color: #fff;
        background-color: #6e8a41;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        }

#form input.submit {
        padding: 0;
        margin: 15px 0 0 317px;
        width: 97px;
        height: 33px;
        border: 0; 
        background: none;
        }

#form input.submit:hover {
        padding: 0;
        margin: 15px 0 0 317px;
        width: 97px;
        height: 33px;
        border: 0;
        background: none;
        }

#form input:hover, #form textarea:hover {
        background-color: #8db253;
        }


#kapcsolatkep {
        width: 962px;
        height: 574px;
        background: url(kepek/kapcsolatkep.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }


#copyright {
        width: 100%;        
        height: 380px;
        background: url(kepek/copyright_hatter.jpg) repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#copyrightkep {
        height: 380px;
        background: url(kepek/copyrightkep.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#copyright_sz {
        font: 11px tahoma;
	color: #4b5f2c;
        margin: 0 0 0 54px;
        padding: 25px 0 0 0;
        border: 0;
        }

#copyright_sz a {
        font: 11px tahoma;
	color: #4b5f2c;
        }

#copyright_sz a:hover {
        font: 11px tahoma;
	color: #8db253;
        text-decoration: none;
        }

#hibaold_fejlec {
        width: 100%;
        height: 810px;
        background: url(kepek/fejlec_hatter.jpg) repeat-x top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#hibaold_hatter {
        width: 100%;
        height: 810px;
        background: url(kepek/jolevelkuld_hatter.jpg) no-repeat top left;
        margin: 0;
        padding: 0;
        border: 0;
        }

#hibaszoveg {
        float: left;
        margin: 260px 0 0 307px;
        }

#hibaszoveg p {
        font: 11px Tahoma;
        line-height:17px;
	color: #fff;
        }

.kiemel  {
        font: bold 10px Tahoma;
	color: #a4be3e;
        letter-spacing: 3px;
        }

#visszagomb a {
        position: absolute;
        display: block;
        width: 97px;
        height: 33px;
        background: url(kepek/vissza_gomb.png) no-repeat top left;
        margin: 400px  0 0 307px;
        padding: 0;
        border: 0;
        }

#visszagomb a span {
        display: none;
        }