﻿body
{
    margin: 0;
    padding: 0;
    width: 100%;
    height:auto;
    background: url(../images/bg.gif) repeat;
    font-family: Century Gothic;
    font-size: 12px;
    z-index: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

a, img { color: #7c7c7c; font-family: Century Gothic; font-size: 12px; border: none; outline: none; text-decoration: none; }
p { width: 490px; text-align: justify; font-weight: 500; line-height: 20px; padding-left:30px; }
a:hover { color: #000; }
h1 { font-family: Century Gothic; font-size: 12px; font-weight: 500;  padding-bottom: 30px; padding-left:30px; color: #000; }

.biglogo { width: 190px; position: absolute;  }
.logo { width: 200px; height: 80px; float: right; margin-top: 30px; }
.tr { width: 50px; float: right; padding-right:5px; }


.menu { list-style-type: none; margin: 10px -11px; padding: 0; float: right; width: 210px; }
.menu li a { font: normal 18px Century Gothic; color: #7c7c7c; display: block; height: 27px; width: auto; padding: 10px 0;
             padding-left: 12px; text-decoration: none; outline: none; }
.menu li a.current { color: black; background: url(../images/menu_hover.png) no-repeat; }
.menu li a:hover { background: url(../images/menu_hover.png) no-repeat; color: black; }

.wrapper { width: 960px; margin: 0 auto; background: #fff; }
div.left { float: left; height: 100%; width: 360px; background: #fff; }
div.right { background: url(../images/vertical_effect.png) repeat-y left; float: left; width: 600px;}
.content { margin: 133px 0; padding-left: 50px; width: 500px; color: #000; font-size: 12px; z-index:0; }
.content .resim { margin-left: -50px; }
.footer { width: 300px; height: 10px; font-size: 11px; padding-left: 5px; padding-top: 30px; clear:both; }
