body{margin:0px; padding:0px; background-color:#FFFFFF;} #ust{width:100%; height:auto; margin-bottom:15px;} #ust .ustcizgi{width:100%; height:25px; background-color:#3e3e3e;} #ust .ustcizgi .ic{width:960px; height:25px; margin-left:auto; margin-right:auto;} #ust .ustcizgi .ic p{float:right; margin:0px; padding:0px; color:#FFF; line-height:25px; font-family:Verdana, Geneva, sans-serif; font-size:11px; cursor:pointer;} #ust .ustcizgi .ic p a{float:right; margin:0px; padding:0px; color:#FFF; line-height:25px; font-family:Verdana, Geneva, sans-serif; font-size:11px; cursor:pointer; text-decoration:none;} #ust .logososyal{width:960px; height:90px; margin-left:auto; margin-right:auto;} #ust .logososyal .logo{width:300px; height:90px; float:left; display:table;} #ust .logososyal .logo p{display:table-cell; vertical-align:middle; margin:0px; padding:0px;} #ust .logososyal .slogan{width:498px; height:90px; float:left; display:table;} #ust .logososyal .slogan p{display:table-cell; vertical-align:middle; text-align:center;} #ust .logososyal .sosyaltel{width:160px; height:90px; float:left;} #ust .logososyal .telefon{width:160px; height:45px; float:left;} #ust .logososyal .telefon p{margin:0px; padding:0px; float:right; margin-top:20px;} #ust .logososyal .sosyal{width:160px; height:45px; float:left;} #ust .logososyal .sosyal ul{margin:0px; padding:0px; list-style-type:none; float:right;} #ust .logososyal .sosyal ul li{ float:left; margin-left:16px; cursor:pointer;} #ust .renkdiv{width:960px; height:10px; margin-left:auto; margin-right:auto;} #ust .renkdiv .cizgi1{width:1px; height:10px; float:left; background-image:url(../img/renkarasizigi.jpg); background-repeat:no-repeat;} #ust .renkdiv .renk1{width:100px; height:10px; background-color:#ffff00; float:left;} #ust .renkdiv .renk2{width:100px; height:10px; background-color:#ffe400; float:left;} #ust .renkdiv .renk3{width:163px; height:10px; background-color:#ffd200; float:left;} #ust .renkdiv .renk4{width:163px; height:10px; background-color:#ffc600; float:left;} #ust .renkdiv .renk5{width:163px; height:10px; background-color:#ffd200; float:left;} #ust .renkdiv .renk6{width:163px; height:10px; background-color:#ffe400; float:left;} #ust .renkdiv .renk7{width:100px; height:10px; background-color:#ffff00; float:left;} #ust .menudiv{width:960px; height:55px; border-bottom:solid 1px #EAEAEA; margin-left:auto; margin-right:auto;} #ust .menudiv ul{margin:0px; padding:0px; list-style-type:none;} #ust .menudiv ul li{float:left;} #ust .menudiv ul li a{font-size:14px; color:#000; } #ust .menudiv ul li a:hover{color:#666666;} #ust .menudiv ul li a.kisayazi1{width:100px; padding-top:20px; height:35px; display:block; text-decoration:none; text-align:center;} #ust .menudiv ul li a.kisayazi1:hover{background-color:#ffff00;} #ust .menudiv ul li a.kisayazi2{width:100px; padding-top:20px; height:35px; display:block; text-decoration:none; text-align:center;} #ust .menudiv ul li a.kisayazi2:hover{background-color:#ffe400;} #ust .menudiv ul li a.kisayazi3{width:100px; padding-top:20px; height:35px; display:block; text-decoration:none; text-align:center;} #ust .menudiv ul li a.kisayazi3:hover{background-color:#ffff00;} #ust .menudiv ul li a.uzunyazi1{width:163px; height:35px; padding-top:20px; display:block; text-decoration:none; text-align:center;} #ust .menudiv ul li a.uzunyazi1:hover{background-color:#ffd200;} #ust .menudiv ul li a.uzunyazi2{width:163px; height:35px; padding-top:20px; display:block; text-decoration:none; text-align:center;} #ust .menudiv ul li a.uzunyazi2:hover{background-color:#ffc600;} #ust .menudiv ul li a.uzunyazi3{width:163px; height:35px; padding-top:20px; display:block; text-decoration:none; text-align:center;} #ust .menudiv ul li a.uzunyazi3:hover{background-color:#ffd200;} #ust .menudiv ul li a.uzunyazi4{width:163px; height:35px; padding-top:20px; display:block; text-decoration:none; text-align:center;} #ust .menudiv ul li a.uzunyazi4:hover{background-color:#ffe400;} #orta{width:960px; height:auto; margin-left:auto; margin-right:auto;} #orta .iletbanner{width:960px; height:290px;} #orta .iletbanner .sol{width:675px; height:290px; background-image:url(../img/banner_resim.png); background-repeat:no-repeat; margin-right:10px; float:left; margin-left:-1px;} #orta .iletbanner .sol .oklar{position:absolute; width:675px; margin-top:130px; z-index:1000;} #orta .iletbanner .sol .oklar .solok{float:left; margin-left:10px; cursor:pointer;} #orta .iletbanner .sol .oklar .sagok{float:right; margin-right:10px; cursor:pointer;} #orta .iletbanner .sol .resim{width:675px; height:290px; z-index:500; float:left; display:table;} #orta .iletbanner .sol .resim p{vertical-align:middle; display:table-cell; text-align:center;} #orta .iletbanner .sag{width:275px; height:290px; float:left;} #orta .iletbanner .sag .ust{width:275px; background-color:#6C6C6C; height:140px; margin-bottom:10px} #orta .iletbanner .sag .ust .hakkimizda-resim-boyut{width:275px; height:140px; z-index:500;} #orta .iletbanner .sag .ust .serit{width:267px; height:21px; background-image:url(../img/hakkimizdaserit.png); background-repeat:no-repeat; position:absolute; margin-top:100px; z-index:1000; background-size:275px 30px; padding-top:9px; padding-right:8px; } #orta .iletbanner .sag .ust .serit p{float:right; font-size:15px; margin:0px; padding:0px;} #orta .iletbanner .sag .alt{width:275px; background-color:#ffff00; height:140px;} #orta .iletbanner .sag .alt .baslik{width:260px; padding-top:12px; padding-left:15px; height:23px; border-bottom:solid 1px #FFFFFF;} #orta .iletbanner .sag .alt .baslik p{margin:0px; padding:0px; color:#333333;} #orta .iletbanner .sag .alt .icerik{width:275px; height:105px; border-top:solid 1px #FFFFFF;} #orta .iletbanner .sag .alt .icerik .kutu{width:270px; padding-left:5px; height:35px; float:left;} #orta .iletbanner .sag .alt .icerik .kutu .sol1{width:25px; height:35px; float:left; display:table;} #orta .iletbanner .sag .alt .icerik .kutu .sol1 p{display:table-cell; vertical-align:middle; text-align:center;} #orta .iletbanner .sag .alt .icerik .kutu .sag1{width:240px; padding-left:5px; padding-top:10px; height:25px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666;} #orta .iletbanner .sag .alt .icerik .kutu .sag1 a{width:240px; padding-left:5px; height:25px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666666; text-decoration:none;} #orta .iletbanner .sag .alt .icerik .kutu .sag2{width:240px; color:#666666; padding-left:5px; padding-top:10px; height:32px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:11px;} #orta .reficerik{width:960px; height:273px; margin-bottom:25px; margin-left:auto; margin-top:20px; margin-right:auto;} #orta .reficerik .referans{width:270px; height:285px; float:left;} #orta .reficerik .referans .refbaslik{width:260px; height:30px; color:#333333; padding-left:10px; padding-top:15px; float:left; background-color:#ffff00;} #orta .reficerik .referans .refkutu{width:258px; height:98px; float:left; padding-top:15px; padding-left:10px; border-right:solid 1px #ffff00; border-left:solid 1px #ffff00; border-bottom:solid 1px #ffff00;} #orta .reficerik .referans .refkutu .solresim{width:98px; height:99px; float:left; display:table;} #orta .reficerik .referans .refkutu .solresim p{display:table-cell; vertical-align:middle; text-align:center;} #orta .reficerik .referans .refkutu .sagyazi{width:148px; height:99px; float:left;} #orta .reficerik .referans .refkutu .sagyazi .ust{width:148px; padding-top:10px; color:#000; text-align:center; height:19px; float:left;} #orta .reficerik .referans .refkutu .sagyazi .alt{width:148px; text-align:center; padding-top:5px; height:44px; float:left;} #orta .reficerik .referans .refkutu .sagyazi .alt a{text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#717171; line-height:25px;} #orta .reficerik .referans .refkutu .sagyazi .alt a:hover{text-decoration:underline; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333333; line-height:25px;} #orta .reficerik .referans .tumbuton{width:270px; height:25px; float:left;} #orta .reficerik .referans .tumbuton .button{ width:150px; height:20px; margin-left:auto; margin-right:auto; text-align:center; line-height:23px; margin-top:5px; font-size:12px; background-color:#EA695B;} #orta .reficerik .referans .tumbuton a{text-decoration:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px;} #orta .reficerik .urpr{width:670px; margin-left:20px; height:271px; float:left;} #orta .reficerik .urpr .urust{width:670px; height:260px; float:left;} #orta .reficerik .urpr .urust .urbaslik{width:660px; height:30px; padding-top:15px; color:#FFF; padding-left:10px; background-color:#23B4CA;} #orta .reficerik .urpr .urust .urkutular{width:630px; padding-left:30px; position:absolute; z-index:500; height:215px; margin-top:10px; float:left;} #orta .reficerik .urpr .urust .urkutu{width:280px; height:190px; border:solid 1px #23B4CA; padding:10px; float:left; margin-right:10px;} #orta .reficerik .urpr .urust .urkutu2{width:280px; height:190px; border:solid 1px #23B4CA; padding:10px; float:left;} #orta .reficerik .urpr .urust .urustresim img{width:280px; height:155px; float:left;} #orta .reficerik .urpr .urust .urustbuton{width:280px; height:18px; margin-top:10px; text-align:center; padding-top:7px; background-color:#23B4CA; float:left;} #orta .reficerik .urpr .urust a .urustbuton{color:#FFF; font-size:14px; text-decoration:none;} #orta .reficerik .urpr .urust .urkutular .uroklar{width:670px; margin-left:-28px; margin-top:90px; height:23px; position:absolute; z-index:2000;} #orta .reficerik .urpr .urust .urkutular .uroklar .ursolok{float:left; cursor:pointer;} #orta .reficerik .urpr .urust .urkutular .uroklar .ursagok{float:right; cursor:pointer;} #orta .reficerik .urpr .pralt{width:670px; height:260px; float:left;} #orta .reficerik .urpr .pralt .prbaslik{width:660px; height:30px; padding-top:15px; color:#ffffff; padding-left:10px; background-color:#3e3e3e;} #orta .reficerik .urpr .pralt .prkutular{width:670px; height:215px; margin-top:10px; float:left;} #orta .reficerik .urpr .pralt .prkutular .prkutu{width:308px; height:195px; border:solid 1px #666666; padding:10px; float:left; margin-right:10px;} #orta .reficerik .urpr .pralt .prkutular .prkutu2{width:308px; height:195px; border:solid 1px #666666; padding:10px; float:left;} #orta .reficerik .urpr .pralt .praltresim img{width:308px; height:160px; float:left;} #orta .reficerik .urpr .pralt .praltbuton{width:308px; height:18px; margin-top:10px; text-align:center; padding-top:7px; background-color:#3e3e3e; float:left;} #orta .reficerik .urpr .pralt a .praltbuton{color:#FFF; font-size:14px; text-decoration:none;} #alt{width:100%; height:55px; background-color:#3e3e3e;} #alt .ic{width:960px; height:55px; margin-left:auto; margin-right:auto;} #alt .ic .kucuklogo{width:130px; height:35px; float:left; padding-top:15px;} #alt .ic .copy{width:670px; height:30px; float:left; text-align:center; padding-top:25px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF;} #alt .ic .aykut{width:160px; height:35px; padding-top:20px; float:left;} #alt .ic .aykut img{float:right;} .kayan { FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight:bold; } .taslaci { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:17px; TEXT-DECORATION: none } .taslaci:hover { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:17px; TEXT-DECORATION: none } .taslaci-line { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:19px; TEXT-DECORATION: none } .taslaci-line:hover { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:19px; TEXT-DECORATION: none } a.doss { FONT-SIZE: 11px; COLOR: #da001a; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight:normal; } a.doss:hover { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; font-weight:normal; } .border3 { border:solid 1px #dbdbdb; border-bottom-color: #dbdbdb; padding:2px; } .taslacii { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .taslacii:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } INPUT { BORDER-RIGHT: #a4a3a3 1px solid; BORDER-TOP: #a4a3a3 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #a4a3a3 1px solid; COLOR: #444444; BORDER-BOTTOM: #a4a3a3 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f5f5f5; } INPUT.aramax { width:56px; height:39px; BORDER-RIGHT: #a4a3a3 0px solid; BORDER-TOP: #a4a3a3 0px solid; BORDER-LEFT: #a4a3a3 0px solid; COLOR: #444444; BORDER-BOTTOM: #a4a3a3 0px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f5f5f5; } INPUT.ara { BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px solid; COLOR: #000066; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY:Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; } TEXTAREA.bizim { BORDER-RIGHT: #a4a3a3 1px solid; BORDER-TOP: #a4a3a3 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #a4a3a3 1px solid; COLOR: #444444; BORDER-BOTTOM: #a4a3a3 1px solid; FONT-FAMILY:Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f5f5f5 } SELECT { BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-LEFT-COLOR: #a4a3a3; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #a4a3a3; COLOR: #000066; BORDER-TOP-COLOR: #a4a3a3; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #a4a3a3; } a.links { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } a.links:hover { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #a9131c; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .koymen_sube { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; } .taslacikg { FONT-SIZE: 12px; COLOR: #a9131c; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION:none; font-weight:normal; } a.kategori { FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight:bold; } a.kategori:hover { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight:bold; } a.kategori1 { FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight:normal; } a.kategori1:hover { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight:normal; } .border3 { border:solid 2px #d5d5d5; border-bottom-color: #dbdbdb; padding:2px; }