@charset "utf-8";
/* CSS Document */

body, html, ul, li, p, h1, h2, h3, h4, h5, div, span, a, img, table, tr, th, td{ margin:0; padding:0; font-weight:normal; font-size:11px; border:none; text-decoration:none; font-family:Tahoma; color:#FFF;  }


body{ background:url(images/background.jpg) top  center no-repeat; background-color:#bcbcbe; }

#main-container{ width:860px; margin:0 auto 0 auto; padding:0; height:300px; }

#header{ width:820px; height:50px; margin:35px 20px 20px 20px; padding:0; }

#header .logo{ width:256px; height:50px; margin:0; padding:0; float:left;  }

#header .info{ width:144px; height:50px; margin:0; padding:0; float:right; }

#container{ width:840px; margin:0; padding:10px 10px 20px 10px; background:url(images/container-background.png) left top repeat-y; }

.clear{ clear:both; }

#container #column-left{ width:215px; padding:0; margin:0 5px 0 0; float:left;  }

#column-left .sub-logo{ width:160px; height:60px; margin:15px 0 10px 0; padding:27px; background:url(images/left-top-back.jpg) left top no-repeat; background-color:#FFF; clear:both; }

#column-left #menu{ width:165px; margin:0; padding:25px; background:url(images/left-top-back.jpg) left top no-repeat; background-color:#FFF; clear:both; }

#column-left #menu h1{ font-family:Tahoma; font-size:11px; color:#848282; margin:5px 0; text-decoration:none; font-weight:bold; }
#column-left #menu h2{ font-family:Tahoma; font-size:11px; margin:7px 0 0 10px; color:#848282; text-decoration:none; font-weight:normal; }



#container #column-right{ width:620px; float:right; background:url(images/column-right-background.png) left top repeat; margin:0; padding:0;}

#container #column-right #content{ width:540px; background:url(images/right-top-back.jpg) left top no-repeat; background-color:#FFF; margin:15px; padding:18px 25px 25px 25px; clear:both; }


.breadcrumbs{ width:520px; padding:0; margin:0 0 30px 0; }
.breadcrumbs span a{ font-family:Tahoma; font-size:10px; color:#3c4955; text-decoration:none; float:left; margin:0 10px 0 0; padding:0 0 0 6px; text-transform:uppercase; background:url(images/list-icon.gif) left top no-repeat; }

#content h1{ font-family:Tahoma; font-size:18px; color:#3c4955; text-decoration:none; clear:both; line-height:170%; }

#content h2{ font-family:Tahoma; font-size:14px; color:#3c4955; text-decoration:none; clear:both; }
#content h3{ font-family:Tahoma; font-size:14px; color:#3c4955; text-decoration:none; clear:both; margin:0 0 15px 0; padding:0; line-height:170%; }

#content p{ font-family:Tahoma; font-size:11px; margin-top:7px; color:#7b7d82; text-decoration:none; clear:both; line-height:140%; }

#footer{ width:820px; margin:10px 25px 0 15px; height:30px; padding:0;}

#footer .left{ width:150px; float:left; margin:0; padding:0; }
#footer .left a{ color:#777; }
#footer .right{ float:right; }
#footer h1{ font-family:Tahoma; font-size:11px; float:right; color:#848282; text-decoration:none; margin:0; padding:0 0 0 15px; }

#gallery{ width:540px; margin:15px 0; padding:0; }

#gallery ul{ list-style:none; margin:0; padding:0; width:540px; }

#gallery li{ width:160px;  margin:0 30px 35px 0;  float:left; }

#gallery li img{ width:140px; height:70px; border:1px solid #CCC;  background-color:#f2f2f2; padding:9px; margin:0; }

#gallery li h1{ font-family:Tahoma; font-size:12px; color:#3c4955; text-decoration:none; margin:3px 9px; padding:0; line-height:100%; }

#gallery li p{ font-family:Tahoma; font-size:11px; color:#7b7d82; text-decoration:none; margin:3px 9px; padding:0; line-height:120%; }

#sayfalama{ width:110px; clear:both; margin:15px 0 10px 435px; padding-bottom:35px; }
#sayfalama a { font-size:13px; }
#sayfalama .ileri { width:27px; height:17px; padding:4px 11px; float:left; margin:0 0 0 10px; font-family:Tahoma; font-size:13px; background-color:#5b8bcc; color:#FFF; }
#sayfalama .geri { width:24px; height:17px; padding:4px 11px; float:left;   font-family:Tahoma; font-size:13px; background-color:#5b8bcc; color:#FFF; }


.detay-img{ width:520px; border:1px solid #CCC; padding:10px; margin:10px 0; background-color:#f2f2f2; }