@charset "utf-8"; /* CSS Document */ body{ background:url(../images/bg.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px;} #header{ width:100%; height:162px; background:url(../images/header_bottom.jpg) bottom repeat-x;} #header #top{ width:1000px; position:relative; height:162px; margin:0 auto;} #header #top #logo{ width:554px; height:66px; float:left; margin:18px 0 0 -1px;} #header #top #info{ width:372px; height:112px; float:right; margin-right:3px;} #header #top #menu_area{ width:1000px; height:39px; background:url(../images/menu.jpg) no-repeat; position:absolute; bottom:12px;} #header #top #menu_area ul{ margin-left:15px;} #header #top #menu_area ul li{ float:left; width:auto !important; height:27px; color:#FFF; font-size:14px; background:url(../images/ayrac.png) right no-repeat; padding:12px 15px 0 15px;} #header #top #menu_area ul li:hover{ background:url(../images/hover.png) repeat-x; color:#393939;} #header #top #menu_area ul .active{ background:url(../images/hover.png) repeat-x; float:left; width:auto !important; height:27px; font-weight:bold; font-size:14px; padding:12px 15px 0 15px;} #header #top #menu_area ul .active a{ color:#ffffff;} #header #top #menu_area ul li a{ color:#FFF; float:left; display:block;} #header #top #menu_area ul li a:hover{ color:inherit !important; float:left;} #header #top #menu_area .lang{ width:auto !important; float:right; margin:8px 15px 0 0;} #banner_area{ width:1000px; height:382px; position:relative; margin:0 auto;} #banner_area .slider-wrapper { width:1000px; margin-top:10px; height:382px; } #banner_area #banner_win{ width:1000px; height:372px; background:url(../images/banner_bg.png) no-repeat; position:absolute; z-index:99;} #content{ width:1000px; margin:0 auto; height:auto; position:relative;} #content #ctop .left{ float:left; width:600px; margin-top:10px;} #content #ctop .left h1{ font-weight:bold; font-style:italic; font-size:18px; color:#2b2b2b; background:url(../images/hr.png) bottom repeat-x;} #content #ctop .right{ float:right; width:392px; margin-top:5px; position:relative;} #content #ctop .right form .input{ background:url(../images/search.png) no-repeat; width:392px; height:43px;} #content #ctop .right form .input input{ width:335px; margin:11px 0 0 10px; padding:3px; background-color:#FFF; color:#555555; outline:0 none; border:0 none;} #content #bayiler{ background:url(../images/bayiler.png) no-repeat; width:985px !important; overflow:hidden; height:120px; margin:10px 0 0 0; position:relative; padding:15px 0 0 15px;} #content #bayiler #bnext{height:65px; width:940px; overflow:hidden; position:relative; margin-left:8px; } #content #bayiler ul li{ float:left; vertical-align:middle !important; text-align:center; height:65px; width:175px; margin:0 0 0 12px;} #content #bayiler ul li a{ padding:0; margin:0; float:left;} #content #bayiler .bn{ cursor:pointer; position:absolute; right:14px; top:38px; z-index:999;} #content #bayiler .bp{ cursor:pointer; position:absolute; left:14px; top:38px; z-index:999;} #kategori{ width:1000px; height:auto; position:relative; margin-top:-35px; } #kategori #left{ float:left; width:600px;} #kategori #left h1{ margin:10px 0 15px 0; font-weight:bold; font-style:italic; font-size:18px; color:#2b2b2b; background:url(../images/hr.png) bottom repeat-x;} #kategori #left #haberler{ background:url(../images/news_bg.jpg) no-repeat; width:600px; height:113px;} #kategori #left #haberler #hnext{ overflow:hidden; width:584px; position:relative; height:113px; margin-left:6px;} #kategori #left #haberler .img_area{ width:104px; height:104px; float:left; margin:6px 6px 6px 0; overflow:hidden;} #kategori #left #haberler .img_area span{ float:left; background:url(../images/haber_win.png) no-repeat; width:104px; height:104px; position:absolute; z-index:1;} #kategori #left #haberler .text{ float:right; margin:8px 6px 6px 0; width:480px; color:#444444; line-height:1.2; height:70px; overflow:hidden;} #kategori #left #haberler .text a{color:#444444;} #kategori #left #haberler .text a:hover{color:#222222;} #kategori #left #haberler .text strong{color:#2b2b2b; font-size:14px; font-weight:bold; line-height:1.4;} #kategori #left #haberler ul li{ width:600px; overflow:hidden;} #kategori #left #haberler .hn{ cursor:pointer; position:absolute; right:5px; top:90px; z-index:999;} #kategori #left #haberler .hp{ cursor:pointer; position:absolute; right:20px; top:90px; z-index:999;} #kategori #left #kats{} #kategori #left #kats .k1{ width:152px; height:48px; float:left; background:url(../images/kategoriler.png) no-repeat top left; padding:30px 10px 0 130px; font-size:16px; font-style:italic; font-weight:bold; color:#2b2b2b; margin:8px 5px 5px 0px;} #kategori #left #kats .k2{ width:152px; height:48px; float:left; background:url(../images/kategoriler.png) no-repeat top right; padding:30px 10px 0 130px; font-size:16px; font-style:italic; font-weight:bold; color:#2b2b2b; margin:8px 0px 5px 9px;} #kategori #left #kats .k3{ width:152px; height:48px; float:left; background:url(../images/kategoriler.png) no-repeat 0px -90px; padding:30px 10px 0 130px; font-size:16px; font-style:italic; font-weight:bold; color:#2b2b2b; margin:8px 5px 5px 0px;} #kategori #left #kats .k4{ width:152px; height:48px; float:left; background:url(../images/kategoriler.png) no-repeat right -90px; padding:30px 10px 0 130px; font-size:16px; font-style:italic; font-weight:bold; color:#2b2b2b; margin:8px 0px 5px 9px;} #kategori #left #kats .k5{ width:152px; height:48px; float:left; background:url(../images/kategoriler.png) no-repeat 0px -179px; padding:30px 10px 0 130px; font-size:16px; font-style:italic; font-weight:bold; color:#2b2b2b; margin:8px 5px 5px 0px;} #kategori #left #kats .k6{ width:152px; height:48px; float:left; background:url(../images/kategoriler.png) no-repeat right -179px; padding:30px 10px 0 130px; font-size:16px; font-style:italic; font-weight:bold; color:#2b2b2b; margin:8px 0px 5px 9px;} #kategori #left #kats .k1:hover{color:#2d79d5;} #kategori #left #kats .k2:hover{color:#2d79d5;} #kategori #left #kats .k3:hover{color:#2d79d5;} #kategori #left #kats .k4:hover{color:#2d79d5;} #kategori #left #kats .k5:hover{color:#2d79d5;} #kategori #left #kats .k6:hover{color:#2d79d5;} #kategori #right{ float:right; width:390px;} #kategori #right h1{ margin:10px 0 15px 0; font-weight:bold; font-style:italic; font-size:18px; color:#2b2b2b; background:url(../images/hr.png) bottom repeat-x;} #kategori #right #hizmet{ background:url(../images/hizmet_bg.png) no-repeat; width:391px; height:380px; position:relative; padding-top:1px;} #kategori #right #hizmet ul{ margin:5px 0 0 13px;} #kategori #right #hizmet ul li{ background:url(../images/hhr.png) no-repeat bottom center; height:92px !important; margin:0 !important; } #kategori #right #hizmet .img_area{ width:79px; height:79px; float:left; margin:6px 6px 6px 0; overflow:hidden;} #kategori #right #hizmet .img_area span{ float:left; background:url(../images/hizmet_win.png) no-repeat; width:79px; height:79px; position:absolute; z-index:1;} #kategori #right #hizmet .text{ float:right; margin:7px 12px 6px 0; width:280px; color:#444444; line-height:1.2; height:63px !important; overflow:hidden;} #kategori #right #hizmet .text a{color:#444444;} #kategori #right #hizmet .text a:hover{color:#777777;} #kategori #right #hizmet .text strong{color:#2b2b2b; font-size:14px; font-weight:bold; line-height:1.4;} #footer{ background:url(../images/hr.png) top repeat-x; width:100%; height:100px; margin-top:10px; } #footer #footer_area{width:1000px; margin:0 auto; height:100px; padding-top:10px;} #footer #footer_area #left{ float:left; width:500px; } #footer #footer_area #left strong{color:#464545; line-height:1.4;} #footer #footer_area #left span{ line-height:1.2; color:#464545;} #footer #footer_area #right{ float:left; width:500px; text-align:right; } #content_box{ width:1000px; margin:0 auto;} #icerik{ width:978px; margin:-2px 0 0 0; position:relative; background-color:#FFF; padding:10px; border-left:#c4c4c4 1px solid; border-right:#c4c4c4 1px solid; border-bottom:#c4c4c4 1px solid;} #icerik .baslik{ color:#2b2b2b; font-size:18px; font-weight:bold; font-style:italic; background:url(../images/hr.png) repeat-x bottom;} #icerik .tbaslik{ color:#2b2b2b; font-size:16px; font-weight:bold; margin:10px 0 0 10px;} #icerik #left{ float:left; width:292px; height:auto; min-height:300px; background:url(../images/vertical.jpg) repeat-y right;} #icerik #left #menu_right{ width:280px; height:auto !important; overflow:hidden;} #icerik #left #menu_right a{ float:left; width:235px; background:url(../images/menus.jpg) top left; height:25px; font-size:14px; color:#2b2b2b; padding:12px 0 0 45px; margin-bottom:3px;} #icerik #left #menu_right a:hover{ background:url(../images/menus.jpg) bottom left;} #icerik #left #menu_right .active{float:left; width:235px; background:url(../images/menus.jpg) bottom left; font-weight:bold; height:25px; font-size:14px; color:#ffffff; padding:12px 0 0 45px; margin-bottom:3px;} #icerik #left #menu_right_ac{ width:280px; height:auto !important; overflow:hidden;} #icerik #left #menu_right_ac .dhtmlgoodies_question{ float:left; width:235px; background:url(../images/menus.jpg) top left; height:25px; font-size:14px; color:#2b2b2b; padding:12px 0 0 45px; margin-bottom:3px;} #icerik #left #menu_right_ac .dhtmlgoodies_question:hover{ background:url(../images/menus.jpg) bottom left;} #icerik #left #menu_right_ac .active_cat{ float:left; width:235px; background:url(../images/menus.jpg) bottom left; height:25px; font-size:14px; color:#ffffff; padding:12px 0 0 45px; margin-bottom:3px; z-index:999;} #icerik #left #menu_right_ac .menuact{ background:url(../images/menus.jpg) bottom left; float:left; width:235px; height:25px; font-size:14px; color:#ffffff; padding:12px 0 0 45px; margin-bottom:3px;} #icerik #left #menu_right_ac ul{ width:280px;} #icerik #left #menu_right_ac ul li{ width:280px; line-height:35px; float:left;} #icerik #left #menu_right_ac ul li a{ float:left; color:#2b2b2b; line-height:35px; display:block; width:100%; padding-left:15px; font-size:13px;} #icerik #left #menu_right_ac ul li a:hover{ background-color:#343434; color:#FFF; font-weight:bold; } #icerik #left #menu_right_ac .active{float:left; background-color:#343434; color:#FFF; font-weight:bold; line-height:35px; display:block; width:100%; padding-left:15px; font-size:13px;} #icerik #right{ float:right; width:675px; height:auto; color:#444; font-size:13px; line-height:1.3; text-align:justify;} #icerik #right h1{ background:url(../images/horz.jpg) repeat-x left bottom; font-size:16px; font-weight:bold; font-style:italic; color:#2b2b2b; padding-left:5px; line-height:35px; margin-bottom:5px;} #icerik #right .img{ width:245px; height:212px; background:url(../images/fotobg.jpg) no-repeat; overflow:hidden; float:right; margin:0 0 0 8px;} #icerik #right .img img{ margin:10px 0 0 10px; width:192px; height:192px;} #icerik #right .table { width:auto; } #icerik #right .table td{ line-height:30px; font-weight:bold; padding-left:10px;} #icerik #right .table td span{color:#957d56; } #icerik #right .table .border{ background-color:#e1e1e1; padding:10px !important;} #icerik #right .table input{border:#d1d1d1; background-color:#e1e1e1; padding:5px; width:300px; font-size:13px; color:#565656;} #icerik #right .table textarea{border:#d1d1d1; background-color:#e1e1e1; padding:5px; width:400px; height:150px; font-size:13px; color:#565656;} #icerik #right .table .btn{ width:115px !important; height:36px !important; border:0 none !important; padding:0px !important; margin-top:5px !important; } #icerik #right .table #cvbtn{ position: relative; padding: 7px; text-align: left; margin-bottom:3px; color:#FFF; font-weight:bold; font-size:12px; cursor:pointer; background-color:#957d56; } #icerik #right .table #cvbtn:hover{ color:#252525; } #icerik #right .table select{border:#d1d1d1; background-color:#e1e1e1; padding:5px; width:150px; font-size:13px; color:#565656; font-weight:bold;} #icerik .group1{ float:left;} #icerik .group1 img{ width:158px; height:158px; padding:9px; background-color:#e1e1e1; border:1px solid #d9d9d9; margin:8px;} #icerik .group1 img:hover{ background-color:#2d79d5; border:1px solid #eab10a;} #icerik .ubox{ float:left; width:168px; height:220px; text-align:center; overflow:hidden;} #icerik .ubox a{color:#2b2b2b;} #icerik .ubox a:hover{color:#000;} #icerik .ulist{ float:left;} #icerik .ulist img{ width:135px; height:140px; padding:9px; background-color:#e1e1e1; border:1px solid #d9d9d9; margin:6px;} #icerik .ulist img:hover{ background-color:#2d79d5; border:1px solid #eab10a;} #cizelge{ width:100%;} #cizelge th{ background-color:#343434; color:#FFF; font-size:14px; font-weight:bold; padding:5px;} #cizelge .t1{ background-color:#f0b404; color:#2b2b2b; font-weight:bold;} #cizelge td{ line-height:2; background-color:#e1e1e1; color:#2b2b2b; text-align:center; border:#FFFFFF 2px solid; border-collapse:collapse;} #siparis{ margin-top:10px; background-color:#f4f4f4;} #siparis .sbaslik{ background-color:#333333; color:#FFFFFF; padding:5px; font-weight:bold; font-size:14px;} #siparis table{ margin-top:5px;}