body { margin: 0; padding: 0; background-color: transparent; font-family: sans-serif; }
.main { background: #eaedf1; border: 1px solid #dfe4ea; padding: 20px; width:710px; }
.mainCntn { width: 710px; height: 429px; overflow: hidden; }
    .mainCntn h1 { padding-left: 38px; color: #254358; margin: 0 0 6px 0; font-size:20pt; }
        .mainCntn h1 a { text-decoration: none; color: #254358; }
    .mainCntn ul { height: 37px; margin: 0; padding: 0; list-style: none; }
        .mainCntn ul .slctd { height: 30px; background-color: #fff; }
            .mainCntn ul .slctd a { color:#000; }
        .mainCntn ul li { float: left; width: 83px; height: 30px; line-height: 26px; padding: 7px 7px 0 7px; text-align: center; margin-right: 3px; background-color: #14b9d5; }
            .mainCntn ul li:hover { background-color: #fff; }
                .mainCntn ul li:hover a { color:#000; }
            .mainCntn ul li:first-child::after { margin: 0; }
            .mainCntn ul li a { display: block; text-decoration: none; color: #fff; font-size: 11pt; }
    .mainCntn section .EsyaCntn { margin: 0; padding: 0; width: 100%; height: 213px; background-color: #fff; }
.EsyaCntn #esy1 { width: 100%; height: 100%; position: relative; left: 0px; }
.EsyaCntn #imgxld { padding: 80px 0; width: 100%; text-align: center; }
.angtf { opacity: 0; position: absolute; left: 10px; top: 10px; z-index: 20; background-color: #4580ba; height: 15px; line-height: 10px; text-decoration: none; color: #fff; border-radius: 50%; padding: 0 5px; transition: all 0.25s; }
.apls { opacity: 0; position: absolute; right: 10px; top: 10px; z-index: 20; background-color: #4580ba; height: 15px; line-height: 15px; text-decoration: none; color: #fff; border-radius: 50%; padding: 0 4px; transition: all 0.25s; }
.countr { opacity: 0; font-size: 11px; left: 20px; padding: 0 2px; color: #fff; background: #4580ba !important; min-width: 10px; height: 14px; line-height: 14px; text-align: center; border-radius: 50%; }
.cntr2 { opacity: 1; font-size: 11px; left: 20px; padding: 0 2px; color: #fff; background: #4580ba !important; min-width: 10px; height: 14px; line-height: 14px; text-align: center; border-radius: 50%; }
#esy1 div { position: absolute; background: url('../img/salon_esyalari.png') no-repeat; }
    #esy1 div .spn1 { font-size: 11px; position: absolute; bottom: -5px; left: -5px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.25s; }
    #esy1 div:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: auto; }
    #esy1 div:hover .angtf { opacity: 1; left: 0px; }
    #esy1 div:hover .apls { opacity: 1; right: 0px; }
#esy1 .dv1 { top: 17px; left: 14px; background-position: 0px -6px; width: 56px; height: 45px; }
#esy1 .dv2 { top: 17px; left: 71px; background-position: -65px -6px; width: 65px; height: 45px; }
#esy1 .dv3 { top: 17px; left: 137px; background-position: -137px -6px; width: 60px; height: 45px; }
#esy1 .dv4 { top: 17px; left: 219px; background-position: -208px -6px; width: 65px; height: 45px; }
#esy1 .dv5 { top: 17px; left: 305px; background-position: -292px -6px; width: 65px; height: 45px; }
#esy1 .dv6 { top: 17px; left: 393px; background-position: -382px -6px; width: 65px; height: 45px; }
#esy1 .dv7 { top: 23px; left: 473px; background-position: -467px -6px; width: 65px; height: 45px; }
#esy1 .dv8 { top: 24px; left: 546px; background-position: -532px -6px; width: 65px; height: 45px; }
#esy1 .dv9 { top: 23px; left: 620px; background-position: -614px 0px; width: 58px; height: 45px; }
#esy1 .dv10 { top: 78px; left: 14px; background-position: 0px -70px; width: 49px; height: 45px; }
#esy1 .dv11 { top: 81px; left: 78px; background-position: -65px -70px; width: 65px; height: 45px; }
#esy1 .dv12 { top: 86px; left: 158px; background-position: -144px -70px; width: 51px; height: 40px; }
#esy1 .dv13 { top: 87px; left: 227px; background-position: -216px -70px; width: 65px; height: 40px; }
#esy1 .dv14 { top: 82px; left: 314px; background-position: -301px -70px; width: 65px; height: 45px; }
#esy1 .dv15 { top: 84px; left: 398px; background-position: -386px -72px; width: 41px; height: 45px; }
#esy1 .dv16 { top: 83px; left: 451px; background-position: -434px -70px; width: 48px; height: 45px; }
#esy1 .dv17 { top: 88px; left: 511px; background-position: -494px -78px; width: 65px; height: 35px; }
#esy1 .dv18 { top: 83px; left: 588px; background-position: -570px -70px; width: 46px; height: 45px; }
#esy1 .dv19 { top: 83px; left: 644px; background-position: -624px -70px; width: 46px; height: 45px; }
#esy1 .dv20 { top: 150px; left: 14px; background-position: 0px -137px; width: 46px; height: 43px; }
#esy1 .dv21 { top: 150px; left: 77px; background-position: -53px -137px; width: 51px; height: 43px; }
#esy1 .dv22 { top: 153px; left: 143px; background-position: -124px -137px; width: 56px; height: 45px; }
#esy1 .dv23 { top: 150px; left: 210px; background-position: -195px -135px; width: 43px; height: 46px; }
#esy1 .dv24 { top: 163px; left: 261px; background-position: -246px -148px; width: 67px; height: 32px; }
#esy1 .dv25 { top: 150px; left: 330px; background-position: -320px -137px; width: 40px; height: 47px; }
#esy1 .dv26 { top: 154px; left: 381px; background-position: -365px -141px; width: 47px; height: 43px; }
#esy1 .dv27 { top: 156px; left: 440px; background-position: -427px -141px; width: 50px; height: 43px; }
#esy1 .dv28 { top: 154px; left: 506px; background-position: -493px -141px; width: 60px; height: 42px; }
#esy1 .dv29 { top: 153px; left: 580px; background-position: -561px -142px; width: 41px; height: 42px; }
#esy1 .dv30 { top: 154px; left: 633px; background-position: -616px -141px; width: 54px; height: 43px; }

.EsyaCntn #esy2 { width: 100%; height: 100%; position: relative; left: 0px; opacity: 0; }
#esy2 div { position: absolute; background: url('../img/salon_esyalari.png') no-repeat; }
    #esy2 div .spn1 { font-size: 11px; position: absolute; bottom: -5px; left: -5px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.25s; }
    #esy2 div:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: auto; }
    #esy2 div:hover .angtf { opacity: 1; left: 0px; }
    #esy2 div:hover .apls { opacity: 1; right: 0px; }
#esy2 div { position: absolute; background: url('../img/yatak_odasi.png') no-repeat; }
#esy2 .dv1 { top: 23px; left: 28px; background-position: 0px -6px; width: 60px; height: 50px; }
#esy2 .dv2 { top: 21px; left: 110px; background-position: -74px -4px; width: 60px; height: 50px; }
#esy2 .dv3 { top: 15px; left: 185px; background-position: -148px 0px; width: 60px; height: 58px; }
#esy2 .dv4 { top: 17px; left: 268px; background-position: -218px -6px; width: 60px; height: 50px; }
#esy2 .dv5 { top: 17px; left: 350px; background-position: -285px -6px; width: 60px; height: 50px; }
#esy2 .dv6 { top: 17px; left: 433px; background-position: -357px -6px; width: 60px; height: 50px; }
#esy2 .dv7 { top: 23px; left: 507px; background-position: -429px -4px; width: 51px; height: 47px; }
#esy2 .dv8 { top: 23px; left: 570px; background-position: -487px -10px; width: 54px; height: 46px; }
#esy2 .dv9 { top: 22px; left: 633px; background-position: -556px -5px; width: 55px; height: 50px; }
#esy2 .dv10 { top: 79px; left: 22px; background-position: -619px -6px; width: 48px; height: 49px; }
#esy2 .dv11 { top: 78px; left: 96px; background-position: 0px -64px; width: 41px; height: 51px; }
#esy2 .dv12 { top: 84px; left: 156px; background-position: -56px -74px; width: 67px; height: 43px; }
#esy2 .dv13 { top: 87px; left: 239px; background-position: -122px -78px; width: 51px; height: 38px; }
#esy2 .dv14 { top: 78px; left: 305px; background-position: -180px -79px; width: 60px; height: 45px; }
#esy2 .dv15 { top: 82px; left: 371px; background-position: -245px -78px; width: 60px; height: 45px; }
#esy2 .dv16 { top: 87px; left: 436px; background-position: -307px -82px; width: 67px; height: 40px; }
#esy2 .dv17 { top: 80px; left: 504px; background-position: -382px -74px; width: 52px; height: 48px; }
#esy2 .dv18 { top: 90px; left: 561px; background-position: -435px -82px; width: 65px; height: 34px; }
#esy2 .dv19 { top: 84px; left: 633px; background-position: -504px -72px; width: 50px; height: 45px; }
#esy2 .dv20 { top: 145px; left: 16px; background-position: -561px -72px; width: 65px; height: 45px; }
#esy2 .dv21 { top: 143px; left: 93px; background-position: -631px -71px; width: 42px; height: 50px; }
#esy2 .dv22 { top: 145px; left: 149px; background-position: 10px -142px; width: 50px; height: 44px; }
#esy2 .dv23 { top: 149px; left: 205px; background-position: -49px -145px; width: 48px; height: 41px; }
#esy2 .dv24 { top: 147px; left: 268px; background-position: -114px -141px; width: 43px; height: 45px; }
#esy2 .dv25 { top: 152px; left: 326px; background-position: -169px -149px; width: 62px; height: 37px; }

.EsyaCntn #esy3 { width: 100%; height: 100%; position: relative; left: 0px; opacity: 0; }
#esy3 div { position: absolute; background: url('../img/salon_esyalari.png') no-repeat; }
    #esy3 div .spn1 { font-size: 11px; position: absolute; bottom: -5px; left: -5px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.25s; }
    #esy3 div:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: auto; }
    #esy3 div:hover .angtf { opacity: 1; left: 0px; }
    #esy3 div:hover .apls { opacity: 1; right: 0px; }
#esy3 .dv1 { top: 17px; left: 14px; background-position: 0px -6px; width: 56px; height: 45px; }
#esy3 .dv2 { top: 17px; left: 71px; background-position: -65px -6px; width: 65px; height: 45px; }
#esy3 .dv3 { top: 17px; left: 137px; background-position: -137px -6px; width: 60px; height: 45px; }
#esy3 .dv4 { top: 17px; left: 219px; background-position: -208px -6px; width: 65px; height: 45px; }
#esy3 .dv5 { top: 17px; left: 305px; background-position: -292px -6px; width: 65px; height: 45px; }
#esy3 .dv6 { top: 17px; left: 393px; background-position: -382px -6px; width: 65px; height: 45px; }
#esy3 .dv7 { top: 23px; left: 473px; background-position: -467px -6px; width: 65px; height: 45px; }
#esy3 .dv8 { top: 24px; left: 546px; background-position: -532px -6px; width: 65px; height: 45px; }
#esy3 .dv9 { top: 23px; left: 620px; background-position: -614px 0px; width: 58px; height: 45px; }
#esy3 .dv10 { top: 78px; left: 14px; background-position: 0px -70px; width: 49px; height: 45px; }
#esy3 .dv11 { top: 81px; left: 78px; background-position: -65px -70px; width: 65px; height: 45px; }
#esy3 .dv12 { top: 86px; left: 158px; background-position: -144px -70px; width: 51px; height: 40px; }
#esy3 .dv13 { top: 87px; left: 227px; background-position: -216px -70px; width: 65px; height: 40px; }
#esy3 .dv14 { top: 82px; left: 314px; background-position: -301px -70px; width: 65px; height: 45px; }
#esy3 .dv15 { top: 84px; left: 398px; background-position: -386px -72px; width: 41px; height: 45px; }
#esy3 .dv16 { top: 83px; left: 451px; background-position: -434px -70px; width: 48px; height: 45px; }
#esy3 .dv17 { top: 88px; left: 511px; background-position: -494px -78px; width: 65px; height: 35px; }
#esy3 .dv18 { top: 83px; left: 588px; background-position: -570px -70px; width: 46px; height: 45px; }
#esy3 .dv19 { top: 83px; left: 644px; background-position: -624px -70px; width: 46px; height: 45px; }
#esy3 .dv20 { top: 150px; left: 14px; background-position: 0px -137px; width: 46px; height: 43px; }
#esy3 .dv21 { top: 150px; left: 77px; background-position: -53px -137px; width: 51px; height: 43px; }
#esy3 .dv22 { top: 153px; left: 143px; background-position: -124px -137px; width: 56px; height: 45px; }
#esy3 .dv23 { top: 150px; left: 210px; background-position: -195px -135px; width: 43px; height: 46px; }
#esy3 .dv24 { top: 163px; left: 261px; background-position: -246px -148px; width: 67px; height: 32px; }
#esy3 .dv25 { top: 150px; left: 330px; background-position: -320px -137px; width: 40px; height: 47px; }
#esy3 .dv26 { top: 154px; left: 381px; background-position: -365px -141px; width: 47px; height: 43px; }
#esy3 .dv27 { top: 156px; left: 440px; background-position: -427px -141px; width: 50px; height: 43px; }
#esy3 .dv28 { top: 154px; left: 506px; background-position: -493px -141px; width: 60px; height: 42px; }
#esy3 .dv29 { top: 153px; left: 580px; background-position: -561px -142px; width: 41px; height: 42px; }
#esy3 .dv30 { top: 154px; left: 633px; background-position: -616px -141px; width: 54px; height: 43px; }

.EsyaCntn #esy4 { width: 100%; height: 100%; position: relative; left: 0px; opacity: 0; }
#esy4 div { position: absolute; background: url('../img/genc_odasi.png') no-repeat; }
    #esy4 div .spn1 { font-size: 11px; position: absolute; bottom: -5px; left: -5px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.25s; }
    #esy4 div:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: auto; }
    #esy4 div:hover .angtf { opacity: 1; left: 0px; }
    #esy4 div:hover .apls { opacity: 1; right: 0px; }
#esy4 .dv1 { top: 22px; left: 12px; background-position: -1px -3px; width: 53px; height: 41px; }
#esy4 .dv2 { top: 17px; left: 74px; background-position: -61px 0px; width: 59px; height: 47px; }
#esy4 .dv3 { top: 17px; left: 143px; background-position: -131px 0px; width: 54px; height: 48px; }
#esy4 .dv4 { top: 21px; left: 199px; background-position: -191px 0px; width: 50px; height: 46px; }
#esy4 .dv5 { top: 22px; left: 252px; background-position: -244px 0px; width: 50px; height: 45px; }
#esy4 .dv6 { top: 26px; left: 310px; background-position: -307px -4px; width: 58px; height: 40px; }
#esy4 .dv7 { top: 24px; left: 386px; background-position: -379px -4px; width: 58px; height: 46px; }
#esy4 .dv8 { top: 24px; left: 459px; background-position: -451px -3px; width: 54px; height: 47px; }
#esy4 .dv9 { top: 26px; left: 530px; background-position: -517px -4px; width: 67px; height: 41px; }
#esy4 .dv10 { top: 34px; left: 614px; background-position: -601px -10px; width: 68px; height: 35px; }
#esy4 .dv11 { top: 88px; left: 17px; background-position: 0px -70px; width: 61px; height: 41px; }
#esy4 .dv12 { top: 84px; left: 97px; background-position: -81px -70px; width: 60px; height: 49px; }
#esy4 .dv13 { top: 90px; left: 164px; background-position: -154px -74px; width: 55px; height: 43px; }
#esy4 .dv14 { top: 89px; left: 234px; background-position: -218px -74px; width: 60px; height: 41px; }
#esy4 .dv15 { top: 97px; left: 301px; background-position: -288px -76px; width: 64px; height: 36px; }
#esy4 .dv16 { top: 85px; left: 373px; background-position: -358px -67px; width: 45px; height: 51px; }
#esy4 .dv17 { top: 88px; left: 433px; background-position: -413px -67px; width: 75px; height: 48px; }
#esy4 .dv18 { top: 85px; left: 518px; background-position: -500px -68px; width: 45px; height: 50px; }
#esy4 .dv19 { top: 85px; left: 570px; background-position: -553px -64px; width: 50px; height: 52px; }
#esy4 .dv20 { top: 100px; left: 630px; background-position: -619px -80px; width: 55px; height: 33px; }
#esy4 .dv21 { top: 150px; left: 15px; background-position: 0px -136px; width: 47px; height: 48px; }
#esy4 .dv22 { top: 149px; left: 70px; background-position: -59px -136px; width: 42px; height: 50px; }
#esy4 .dv23 { top: 152px; left: 116px; background-position: -109px -141px; width: 40px; height: 47px; }
#esy4 .dv24 { top: 164px; left: 155px; background-position: -151px -146px; width: 59px; height: 33px; }
#esy4 .dv25 { top: 153px; left: 223px; background-position: -216px -144px; width: 72px; height: 39px; }
#esy4 .dv26 { top: 149px; left: 306px; background-position: -298px -141px; width: 72px; height: 42px; }
#esy4 .dv27 { top: 145px; left: 384px; background-position: -372px -137px; width: 49px; height: 46px; }
#esy4 .dv28 { top: 159px; left: 439px; background-position: -427px -146px; width: 65px; height: 34px; }
#esy4 .dv29 { top: 153px; left: 513px; background-position: -503px -135px; width: 62px; height: 48px; }
#esy4 .dv30 { top: 154px; left: 583px; background-position: -570px -138px; width: 47px; height: 45px; }
#esy4 .dv31 { top: 154px; left: 633px; background-position: -621px -136px; width: 55px; height: 47px; }

.EsyaCntn #esy5 { width: 100%; height: 100%; position: relative; left: 0px; opacity: 0; }
#esy5 div { position: absolute; background: url('../img/mutfak_esyalari.png') no-repeat; }
    #esy5 div .spn1 { font-size: 11px; position: absolute; bottom: -5px; left: -6px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.25s; }
    #esy5 div:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: -2px; }
#esy5 .dv10:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: -9px; }
#esy5 div:hover .angtf { opacity: 1; left: 0px; }
#esy5 div:hover .apls { opacity: 1; right: 0px; }
#esy5 .dv1 { top: 21px; left: 14px; background-position: 8px 0px; width: 42px; height: 45px; }
#esy5 .dv2 { top: 17px; left: 66px; background-position: -45px 4px; width: 40px; height: 53px; }
#esy5 .dv3 { top: 21px; left: 120px; background-position: -98px 0px; width: 45px; height: 45px; }
#esy5 .dv4 { top: 19px; left: 178px; background-position: -155px 0px; width: 45px; height: 49px; }
#esy5 .dv5 { top: 20px; left: 244px; background-position: -222px 0px; width: 45px; height: 50px; }
#esy5 .dv6 { top: 22px; left: 313px; background-position: -292px -3px; width: 67px; height: 45px; }
#esy5 .dv7 { top: 23px; left: 402px; background-position: -375px -2px; width: 67px; height: 44px; }
#esy5 .dv8 { top: 24px; left: 474px; background-position: -455px -3px; width: 67px; height: 44px; }
#esy5 .dv9 { top: 23px; left: 548px; background-position: -543px -1px; width: 45px; height: 45px; }
#esy5 .dv10 { top: 24px; left: 612px; background-position: -607px -4px; width: 62px; height: 43px; }
#esy5 .dv11 { top: 90px; left: 13px; background-position: 7px -72px; width: 42px; height: 45px; }
#esy5 .dv12 { top: 90px; left: 68px; background-position: -55px -73px; width: 40px; height: 44px; }
#esy5 .dv13 { top: 90px; left: 117px; background-position: -97px -76px; width: 38px; height: 42px; }
#esy5 .dv14 { top: 90px; left: 173px; background-position: -148px -74px; width: 41px; height: 43px; }
#esy5 .dv15 { top: 91px; left: 237px; background-position: -210px -72px; width: 55px; height: 45px; }
#esy5 .dv16 { top: 89px; left: 306px; background-position: -285px -72px; width: 49px; height: 45px; }
#esy5 .dv17 { top: 90px; left: 366px; background-position: -355px -72px; width: 49px; height: 45px; }
#esy5 .dv18 { top: 102px; left: 426px; background-position: -412px -83px; width: 62px; height: 29px; }
#esy5 .dv19 { top: 90px; left: 501px; background-position: -486px -72px; width: 62px; height: 45px; }
#esy5 .dv20 { top: 84px; left: 575px; background-position: -555px -72px; width: 42px; height: 45px; }
#esy5 .dv21 { top: 92px; left: 626px; background-position: -613px -72px; width: 56px; height: 45px; }

.EsyaCntn #esy6 { width: 100%; height: 100%; position: relative; left: 0px; opacity: 0; }
#esy6 div { position: absolute; background: url('../img/banyo_esyalari.png') no-repeat; }
    #esy6 div .spn1 { font-size: 11px; position: absolute; bottom: -5px; left: -5px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.25s; }
    #esy6 div:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: auto; }
    #esy6 div:hover .angtf { opacity: 1; left: 0px; }
    #esy6 div:hover .apls { opacity: 1; right: 0px; }
#esy6 .dv1 { top: 20px; left: 20px; background-position: 7px 6px; width: 45px; height: 50px; }
#esy6 .dv2 { top: 20px; left: 84px; background-position: -48px 4px; width: 41px; height: 50px; }
#esy6 .dv3 { top: 30px; left: 143px; background-position: -104px -8px; width: 55px; height: 40px; }
#esy6 .dv4 { top: 22px; left: 219px; background-position: -172px 0px; width: 39px; height: 48px; }
#esy6 .dv5 { top: 21px; left: 279px; background-position: -230px 0px; width: 40px; height: 48px; }
#esy6 .dv6 { top: 25px; left: 344px; background-position: -287px 0px; width: 40px; height: 45px; }
#esy6 .dv7 { top: 26px; left: 414px; background-position: -355px 0px; width: 39px; height: 46px; }
#esy6 .dv8 { top: 28px; left: 481px; background-position: -416px 0px; width: 55px; height: 42px; }

.EsyaCntn #esy7 { width: 100%; height: 100%; position: relative; left: 0px; opacity: 0; }
#esy7 div { position: absolute; background: url('../img/diger_esyalar.png') no-repeat; }
    #esy7 div .spn1 { font-size: 11px; position: absolute; bottom: -5px; left: -5px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.25s; }
    #esy7 div:hover .spn1 { opacity: 1; display: block; width: 100%; text-align: center; left: auto; }
    #esy7 div:hover .angtf { opacity: 1; left: 0px; }
    #esy7 div:hover .apls { opacity: 1; right: 0px; }
#esy7 .dv1 { top: 31px; left: 29px; background-position: 0px -9px; width: 51px; height: 36px; }
#esy7 .dv2 { top: 28px; left: 94px; background-position: -64px 0px; width: 43px; height: 46px; }
#esy7 .dv3 { top: 26px; left: 154px; background-position: -127px 0px; width: 62px; height: 44px; }
#esy7 .dv4 { top: 25px; left: 232px; background-position: -204px 0px; width: 44px; height: 44px; }
#esy7 .dv5 { top: 25px; left: 293px; background-position: -258px 0px; width: 49px; height: 44px; }
#esy7 .dv6 { top: 24px; left: 360px; background-position: -314px 0px; width: 56px; height: 46px; }
#esy7 .dv7 { top: 31px; left: 437px; background-position: -387px -4px; width: 61px; height: 40px; }
#esy7 .dv8 { top: 25px; left: 519px; background-position: -471px -4px; width: 57px; height: 46px; }

.clcFtr { position: relative; width: 100%; height: 146px; background: #f8fcfd; border-top: 1px solid #dfe4ea; }
    .clcFtr .lftBlc { position: absolute; top: 9px; left: 9px; width: 410px; height: 118px; }
.lftBlc span { font-weight: bold; font-size: 10pt; text-align: right; }
.lfb1 { position: absolute; top: 2px; }
.rsltTxt { min-width: 65px; float: left; padding: 0 2px; height: 21px; line-height: 21px; background-color: #fff; border: solid 1px #ccc; border-radius: 3px; }
.lfb2 { position: absolute; left: 140px; top: 0px; }
.lfb3 { position: absolute; left: 59px; top: 36px; }
.lfb45 { position: absolute; left: 140px; top: 34px; }
    .lfb45 .rsltTxt:first-child { margin-right: 7px; }

.clcFtr .rgtBlc { position: absolute; right: 0px; top: 9px; width: 281px; height: 118px; }
.rgtBlc .trckBrdr { position: relative; width: 278px; height: 113px; overflow: hidden; }
    .rgtBlc .trckBrdr #truck { z-index: 2; position: absolute; width: 298px; height: 528px; background: url('../img/kamyon_hacimleri.png') no-repeat; left: -20px; top: 27px; }
#capsty { position: absolute; z-index: 1; width: 92px; height: 45px; left: 68px; top: 28px; }
    #capsty #cstuat { background-color: rgba(102,102,102,0.5); width: 0px; height: 100%; }
    #capsty #cpstyTxt { position: absolute; top: 9px; text-align: center; width: 100%; font-size: 8pt; }

.lfb6 { position: absolute; top: 66px; left: 140px; transition: all 0.06s ease-out 0s; text-decoration: none; color: #fff; width: 152px; height: 40px; display: inline-block; line-height: 40px; text-align: center; font-size: 14pt; border-radius: 3px; background-color: #5faae3; box-shadow: 0 4px 0 #254358; }
    .lfb6:hover { background-color: #4c8ab5; cursor: pointer; }
    .lfb6:active { box-shadow: 0 1px 0 #454242; margin-top: 3px; }

#dv_moreTrack { position: relative; width: 278px; height: 113px; text-align: center; line-height: 113px; font-size: 13pt; }