@import "/css/tablo.css";
html,body{width:100%;height:100%;margin:0px;padding:0px;font-family:Tahoma;font-size:10pt;}

body{background:url('/images/back-gr.jpg') repeat-x center top;background-attachment:fixed;}
.header{height:120px;position:relative;background:#053648;border-bottom:solid 2px #053648}
.footer{padding:20px;background:#053648;color:#e9cbd9;border-top:solid 2px #053648;}
.status{position:absolute;right:10px;top:10px}
.content{width:1000px;margin:auto;position:relative;background:url('/images/opa-bg.png')}
.clear{clear:both;visibility:hidden}
.logo{position:absolute;top:2px;left:15px;border:none;}
.kt{border:none;float:right;margin-top:-10px;}


.col-left{width:270px;float:left;}
.col-right{width:730px;float:right;}
.col-left h3,.col-right h3{margin:0px;margin-bottom:5px;padding:4px 10px;border-bottom:solid 1px #999}
.col-middle{width:500px;float:left;}

.list{width:660px;margin:auto}
.list-item{height:280px;margin-top:10px; position:relative;}
.list-item a{text-decoration:none;color:#f8e7c7;display:block;width:100%;height:100%;border:solid 1px #f1f1f1}
.list-item a:hover{border:solid 1px #c11
}
.list-item img{border:none;}
.list-item strong{position:absolute;right:4px;top:4px}
.list-currency{position:absolute;right:4px;bottom:4px}
.list-currency span{display:block;}


.k-item{width:100%}
.k-item td{padding:10px;}
.k-left{width:140px;}
.k-right{border-left:solid 1px #adcffa}
.row-0{background:#8064a2;}
.row-1{background:#ccc0da;}
.row-2{background:#e4dfec}


#urun-galeri{width:610px; height:350px;overflow:scroll;margin:auto;}
#urun-galeri img{border:solid 3px #333}
.g-btn{position:absolute;bottom:0px;width:31px;height:46px;cursor:pointer}
#urun-left{background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');left:0px;}
#urun-right{background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');right:0px;}
.urun-mouse{background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');width:23px;height:32px;left:300px}
#urun-galeri:hover div.urun-mouse{background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') 0px 32px;left:300px}
.socl{float:right;margin:4px;}
.socl img{border:none;}
.urun-fiyat{float:left}



.login{width:300px;margin:50px auto;}
.login input[type="text"]{font-size:12pt;padding:4px;width:225px}
.login input[type="password"]{font-size:12pt;padding:4px;width:225px}
.login input[type="submit"]{font-size:12pt;padding:4px 8px;margin:20px 0px;}



.left-menu{list-style:none;margin:0px;padding:0px;}
.left-menu li{border-left:solid 5px #053648;margin-bottom:4px;color:#333}
.left-menu li a{text-decoration:none;padding:10px;display:block;background:#f1f1f1;color:#333}



.iletisim-sol{width:440px;float:left;height:500px;}
.iletisim-sol span{display:inline-block;width:40px;}
.iletisim-sag{width:560px;float:right;height:500px;}
.iletisim-sag input[type="text"]{width:300px;padding:4px;}
.iletisim-sag textarea{padding:4px;}
.harita{margin:auto;}



#accord-proje
    {
        padding:0px;
        margin:0px;
        padding:4px;
    }
    #accord-proje li
    {
        padding:0px;
        list-style:none;
        margin-bottom:4px;
        border:solid 1px #c4bfbf;
        position:relative;
    }
    #accord-proje li img.part-image
    {
        width:24px;
        height:24px;
        position:absolute;
        right:5px;
        top:5px;
    }
    #accord-proje li a
    {
        display:block;
        padding:10px 30px;
        text-decoration:none;
        color:#333;
        font-size:10pt;
        background:#f7f7f7 url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') no-repeat center left;
    }
    #accord-proje li a:hover,#accord-proje li a.active
    {
        background:#c4bfbf url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') no-repeat center left;
    }
    #accord-proje li ul
    {
        margin:0px;
        padding:0px;
    }
    #accord-proje li ul li
    {
        list-style:none;
        margin:0px;
        padding:0px;
        border:none;
        background:#f1f1f1;
    }
    
    #accord-proje div.part
    {
        padding:5px 10px;
        margin:0px;
    }
    #accord-proje li ul li a
    {
        display:inline-block;
        background-image:none;
    }
    #accord-proje li ul li a:hover
    {
        background-image:none;
    }
    #accord-proje div.part-galeri img
    {
        width:401px;
	    height:130px;
        border:solid 2px #333;
    }



ul#mainmenu { margin: 0; padding: 0; list-style: none;position:absolute;right:0px;z-index:2;bottom:0px}
ul#mainmenu ul {
 width: 160px; 
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 padding:0px;
 z-index:999999;
}

ul#mainmenu ul ul,ul#mainmenu ul ul ul { top: 0; left: 100%;}

ul#mainmenu li { float: left; display: inline; position: relative;}
ul#mainmenu ul li { width: 100%; display: block; }


ul#mainmenu a {
 float: left;
 display: block;
 color: #fff;
 text-decoration: none;
 padding:10px 15px;
}


ul#mainmenu a:hover,ul#mainmenu li:hover a,ul#mainmenu li.iehover a,ul#mainmenu a.active {
 background: #053648;
 color: #FFF;
}


ul#mainmenu li:hover li a,ul#mainmenu li.iehover li a {
 float: none;
 background: #777;
}


ul#mainmenu li:hover li a:hover,ul#mainmenu li:hover li:hover a,ul#mainmenu li.iehover li a:hover,ul#mainmenu li.iehover li.iehover a {
 background:#db2032;
}


ul#mainmenu li:hover li:hr a {
 background:;
}


ul#mainmenu li:hover li:hover li a,ul#mainmenu li.iehover li.iehover li a {
 background: #999;
}


ul#mainmenu li:hover li:hover li a:hover,ul#mainmenu li:hover li:hover li:hover a,ul#mainmenu li.iehover li.iehover li a:hover,ul#mainmenu li.iehover li.iehover li.iehover a {
 background: #666;
}


ul#mainmenu li:hover li:hover li:hover li a,ul#mainmenu li.iehover li.iehover li.iehover li a {
 background: #666;
}


ul#mainmenu li:hover li:hover li:hover li a:hover,ul#mainmenu li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}


ul#mainmenu li:hover ul ul,ul#mainmenu li:hover ul ul ul,ul#mainmenu li.iehover ul ul,ul#mainmenu li.iehover ul ul ul { display: none; }
ul#mainmenu li:hover ul,ul#mainmenu ul li:hover ul,ul#mainmenu ul ul li:hover ul,ul#mainmenu li.iehover ul,ul#mainmenu ul li.iehover ul,ul#mainmenu ul ul li.iehover ul { display: block; }