.dsply { display: none; }
.clr { clear: both; }
img { border: 0px; }
ul { list-style: none; margin: 0px; padding: 0px; }
.orange { color: #ff6600; }

a { color: #ffffff; text-decoration: none; }
a:hover { color: #808080; text-decoration: underline; }

.intro { padding: 20px; background: #000000;}

body{ margin: 0px; padding: 0px; font-size: 12px; line-height: 19px; color: #808080; font-family: Arial, Tahoma, Verdana; background: url(../i/background.gif) repeat 0px 0px; }
#Wrapper{ width: 980px;}


/*****     TOP     ******/


#Wrapper #Top{ text-align: left; margin: 10px 0px 10px 0px; width: 980px; height: 125px; }
#Wrapper #Top .logo { float: left; width: 500px; height: 120px; }
#Wrapper #Top .cert { float: right; width: 375px; height: 110px; background: url(../i/bg_cert.png) no-repeat; } 
#Wrapper #Top .menu { clear: both; display: block; width: 980px; height: 36px; margin: 0px 0px 20px 0px; background: url(../i/bg_menu.png) repeat-x; }
#Wrapper #Top .menu ul li { float: left;  }
#Wrapper #Top .menu ul li a { display: block; padding: 7px 40px 8px 40px; font-family: arial; font-size: 15px; line-height: 21px; font-weight: bold; color: #ffffff; text-decoration: none; background: url(../i/bg_menu.gif) no-repeat 20px 14px;  }
#Wrapper #Top .menu ul li a:hover { color: #ffffff; text-decoration: none; background: url(../i/bg_menu_act.png) repeat-x 0px 0px;  }
#Wrapper #Top .menu ul li a.selected { color: #ffffff; text-decoration: none; background: url(../i/bg_menu_act.png) repeat-x 0px 0px;  }
#Wrapper #Top .menu ul li a.unselected { color: #ffffff; text-decoration: none; background: url(../i/bg_menu.gif) no-repeat 20px 14px;  ;  }
#Wrapper #Top .menu .dil a{ float: right; padding: 7px 20px 8px 40px;  font-family: arial; font-size: 15px; line-height: 21px; font-weight: bold; color: #ffffff; text-decoration: none;  }
#Wrapper #Top .menu .dil a:hover { background: #000000; }

/*****     MĘDDLE     ******/


#Wrapper #Middle { clear:both; text-align: left; margin: 0px; width: 980px; }
#Wrapper #Middle .area{ float: left; width: 940px; padding: 20px; background: #000000;}
#Wrapper #Middle .gallery img{ padding: 0px 3px 3px 3px; }

#Wrapper #Middle .kutu { float: left; width: 240px; margin: 10px 40px 20px 0px; background: url(../i/kutu_top.png) no-repeat 0px 0px; }
#Wrapper #Middle .kutux { float: left; width: 248px; margin: 10px 0px 20px 0px; }
#Wrapper #Middle .kutu .kutu_content { width: 248px; height: 300px; line-height: 19px;  background: url(../i/bg_kutu.png) no-repeat 0px 30px; }
#Wrapper #Middle .kutu .kutu_iletisim { width: 248px; height: 360px; line-height: 18px;  background: url(../i/bg_kutu.png) no-repeat 0px 30px; }
#Wrapper #Middle .kutu .kutu_content h2 { font-size: 14px; color: #ffffff; padding: 20px 20px 0px 20px; }
#Wrapper #Middle .kutu .kutu_content .txt { color: #eeeeee; padding: 0px 20px; margin: 0px 0px 10px 0px; }
#Wrapper #Middle .kutu .kutu_alt { width: 248px; height: 21px; background: url(../i/kutu_bottom.png) no-repeat 0px 0px; }

#Wrapper #Middle .area a.pro { color: #C89600; }
#Wrapper #Middle .banner { float: right; margin: 20px 0px 20px 0px; }

#Wrapper #Middle .area .iletisim { float: left; width: 400px; }


/*****     FOOTER     ******/


#Wrapper #Footer{ clear:both; text-align: left; margin: 20px 0px 50px 0px; width: 980px; }
#Wrapper #Footer .txt{ height: 36px; padding: 8px 20px 8px 20px; color: #ffffff;  background: url(../i/bg_footer.png) repeat-x; }
#Wrapper #Footer .txt .left{ float: left; padding: 1px 0px 0px 0px; }
#Wrapper #Footer .txt .right{ float: right; }
#Wrapper #Footer .txt .right a{ color: #ffffff;  }


.ddtabframe { position:absolute; top: 0; z-index:100; visibility: hidden; margin: -1px 0px 0px -1px; }
.ddtabframe ul { width: 200px; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 0px; background: #000000; }
.ddtabframe ul li { width: 200px; }
.ddtabframe ul li a { display: block; width: 180px; padding: 10px; background: #000000; }
.ddtabframe ul li a:hover { font-family: arial; font-weight: bold; color: #ffffff; text-decoration: none; background: url(../i/bg_menu.png) repeat-x; }