body {font: 12px Arial; text-align: center; margin: auto; background: #a0bce2 url(../img/bg.png) repeat-x; color: #555;}
a {color: #555; text-decoration: none;}
a:hover {text-decoration: underline;}
form {margin: 0; padding: 0;}

h1 {margin: 0 0 10px 0; padding-bottom: 10px; font-size: 18px; color: #e27726; font-weight: normal; border-bottom: 1px dotted #aaa;}
h3 {margin: 0 0 10px 0; font-size: 12px; color: #e27726; font-weight: normal;}

#info {padding: 10px; background-color: #ffc; margin-bottom: 15px; font: 14px Georgia; line-height: 150%; color: #800;}
#info b {font: 17px Georgia;}

#ust {margin: auto; width: 780px; text-align: left; height: 220px;}

#orta {margin: auto; width: 760px; padding: 0 10px; text-align: left; background: #f5fafd url(../img/orta_bg.png) left top repeat-x; min-height: 470px; height: auto !important;}
#orta .metin {line-height: 150%; margin-bottom: 25px;}
#orta #islem {margin-bottom: 25px;}
#orta #islem .imaj {text-align: center; padding: 2px 13px; background: url(../img/islem_bg.png) 13px top no-repeat; height: 100px; width: 100px; float: left;}
#orta #islem .imaj a {color: #e27726; font-size: 11px;}
#orta #islem .imaj a:hover {color: #2a3890; text-decoration: none;}
#orta #islem .imaj a img {border: 0; margin-bottom: 5px;}
#orta #islem .imaj a:hover img {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}

#orta #cozum .imaj {text-align: center; height: 100px; width: 126px; float: left;}
#orta #cozum .imaj a {color: #1b4982; font-size: 11px;}
#orta #cozum .imaj a:hover {color: #555; text-decoration: none;}
#orta #cozum .imaj a img {border: 0; margin-bottom: 5px;}

#orta #haber .hbr {float: left; width: 210px; height: 90px; background: url(../img/haber_bg.png) left top no-repeat; padding: 20px 10px 10px 10px; margin: 0 10px;}

#orta #referans {margin-bottom: 25px;}
#orta #referans .ref {background-color: #fff; padding: 5px; border: 1px solid #ddd; width: 120px;}
#orta #referans .ref img {width: 120px; border: 0;}

#orta #iletisim-bilgi, #orta #iletisim-form {float: left; width: 380px; margin-bottom: 25px;}
#orta #iletisim-bilgi #map {width: 360px; height: 300px;}


#orta #iletisim-form .input {padding: 3px; border: 1px solid #ccc; width: 200px; font: 12px Arial; background-color: #f7f9fa}
#orta #iletisim-form .textarea {padding: 3px; border: 1px solid #ccc; width: 250px; height: 150px; font: 12px Arial; background-color: #f7f9fa}

#orta #urun-sol {float: left; width: 253px; margin-right: 27px; margin-bottom: 25px;}
#orta #urun-sol #kate {background: url(../img/urunkat_bg.png) no-repeat; font-size: 11px; font-weight: bold; color: #1b4982; padding: 13px;}
#orta #urun-sol #list {margin: 0 5px; background-color: #f5fafd;}
#orta #urun-sol #list div {padding: 10px 10px 10px 25px; border-bottom: 1px dotted #ccc; font-size: 11px; background: url(../img/urun_tik.png) 7px 14px no-repeat;}
#orta #urun-sol #list a {color: #1b4982;}
#orta #urun-sol #list a:hover {color: #555; text-decoration: none;}

#orta #urun-sag {float: left; width: 480px; margin-bottom: 25px;}
#orta #urun-sag .urun {background: url(../img/urun_bg.png) no-repeat; margin:0 15px 15px 0; padding: 7px 3px 10px 3px; width: 95px; color: #000; text-align: center; float: left;}
#orta #urun-sag img {margin: 10px;}

.scrollable {position: relative; overflow: hidden; height: 120px;}
.scrollable .items {width: 20000em; position: absolute; clear: both;}


#orta .dot {background: url(../img/dot.png) no-repeat; height: 7px; margin-bottom: 25px;}

#alt {margin: auto; width: 760px; background: url(../img/alt_bg.png) left bottom no-repeat; height: 50px; margin-bottom: 50px; text-align: left; padding: 0 10px;}
#alt div {border-top: 1px dotted #aaa; color: #888; font-size: 11px; padding-top: 10px;}
.clr {clear: both;}