/* 
    Document   : style
    Created on : 14.Oca.2013, 00:02:59
    Author     : eusta
    Description:
        Purpose of the stylesheet follows.
*/

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url('img/background.jpg') no-repeat top center;
 
}

#wrapper { 
 margin: 0 auto;
 width: 1024px;
}
#header {
 width: 1000px;
 color: #333;
 padding: 10px;
 height: 71px;
 margin: 0px 0px 0px 0px;
}
#navigation {
    width: 1000px;
    color: #333;
    margin: 0px 0px 0px 0px;
    height: 40px;
}
#content { 
 color: #333;
 margin: 0px 0px 0px 25px;
 padding: 11px;
}
#footer { 
width: 980px;
color: #333;
margin: 0px 0px 10px 20px;
padding: 10px;
}

.footer1{}
.footer2{
    margin-top: 10px;
}
.footer3{}
.f1left{
    float:left;

    padding-left: 5px;
}
.f1center{
    float:left;
    padding-left: 25px;
    padding-right: 15px;
}
.f1right{float: left;}
.f2left{
margin-bottom: 15px;
}
.f2center{}
.f2right{}
.f3left{}
.f3center{
    margin-bottom: 10px;
}
.f3right{}
.facebook{
    float:right;
    margin-right: 10px;
}
.twitter{
    float:right;
    margin-right: 20px;
}
.footlinkler{
    float:right;
    margin-right: 20px;
}
.footlinkler ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footlinkler ul li {
    float: left;
    margin: 0 10px;
}
.footlinkler ul li a{
    text-decoration: none;
    float:left;
    color:#696969;
    display: block;
    height: 2em;
    line-height: 2em;
    float: left;
    display: block;
    text-decoration: none;
    text-align: center;   
}
.footlinkler ul li a:hover{
    color:#FFF;
}

.navigation-linkler{
    margin-left: 70px;
}

.navigation-linkler ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.navigation-linkler ul li {
    float: left;
    margin: 0 10px;
}
.navigation-linkler ul li a{
    float:left;
    color: #9A9A9A;
    line-height: 2em;
    float: left;
    display: block;
    text-decoration: none;
    text-align: center;   
    font-size: 12px;
    font-weight: bold;
    margin-top: 1px;
    margin-left: 15px;
}
.navigation-linkler ul li a:hover{
    color:#746153;
}
#header .vipclass{
    float: right;
    margin-right: 36px;
    margin-top: 15px;
}
#header .vipclass a{
    text-decoration: none;
    color: #9A9A9A;
    font-size: 12px;
}
#header a .logo {
    height: 70px;
    width: 400px;
    margin-left: 6px;
    margin-top: -15px;
    float: left;
}
.haksag{
    margin-top: -9px;
    float:left;
    height: 315px;
    width: 300px;
}
.haksol{
    font-family:Arial,Helvetica,Garuda,sans-serif;
    margin-top: 15px;
    color: #746153;
    font-size: 16px;
    float: left;
    width: 615px;
    height: 427px;
}
.hakust{
    margin-top: 2px;

}
#hakkimizda{
    margin-left: -4px;
}
.iletisimsag{
    margin-top: -9px;
    float:left;
    height: 313px;
    width: 267px;
}
.iletisimsol{
    margin-top: 15px;
    float: left;
}
.iletisimust{
    margin-top: 2px;

}
#iletisim{
    margin-left: -4px;
}

.iletisim1{
     background: url('img/tr/iletisim3.jpg') no-repeat;
     height: 40px;
     padding-left: 40px;
     padding-top: 7px;
     color: white;
     font-size: 16px;
}
.iletisim1sag{
      background: url('img/tr/iletisim.jpg') no-repeat;
      height: 200px;
      line-height: 2.5;
      float: left;
      padding-left: 30px;
      color: #9A9A9A;
}
.iletisim1sol{
    float: left;
    height: 137px;
    width: 187px;
    border: 8px solid black;
    margin-right: 15px;
    border-radius: 5px;
}
.iletisimbuton{
    float: right;
    padding-right: 115px;
    margin-top: 10px;
}

.iletisimbuton input {
    border: none;
    background: url('img/tr/formbuton.jpg') no-repeat;
    height: 40px;
    width: 127px;
}
.iletisimbuton input:hover {
   cursor: pointer;
}
.iletisimisim{
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #746153;
    line-height: 2;
    margin-right: 20px;
}
.iletisimisim input {
    border:none;
    background: url('img/tr/formisim.jpg') no-repeat;
    height: 33px;
    width: 257px;
    color: white;
    padding-left: 10px;
}
.iletisimmail input {
    border:none;
    background: url('img/tr/formmail.jpg') no-repeat;
    width: 257px;
    height: 33px;
    color: white;
    padding-left: 10px;
}

.iletisimlogo{
     background: url('img/tr/iletisim2.jpg') no-repeat;
     height: 40px;
}
.iletisimmail{
	font-size: 12px;  
	font-weight: bold;  
	color: #746153;
    line-height: 2;
}
.iletisimsol2{}
.iletisimtext{
    padding-top: 20px;
}
.iletisimtext textarea{
    border:none;
    background: url('img/tr/formtext.jpg') no-repeat;
    color: white;
}
.iletisimsagbaslik{
    color: #746153;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 8px;
}
.iletisim1sagkomple{
    float: left;
}

#galeri {
}
#galeri ul {
    list-style: none;
    float: left;
    padding: 0px;
}
#galeri ul li {
    visibility: visible;  
    float: left;  
    width: 158px;  
    height: 230px;  
    margin: 0px 18px 15px 0px !important;  padding: 0px !important;  
    border: 8px solid black;  
}
#galeri ul li img {}

#footer .katolog{
    height: 50px;
    width: 150px;
    margin: 0 auto;
    padding-top: 7px;
}

.galeriust{
    margin-left: -3px;
}
.katlink {
    height: 40px;
    width: 30px;
    float:left;
}

.katlink2{
    height: 40px;
    width: 80px;
    float:left;
}

.vip{}
.loginbox{
    margin: 0 auto;
    width: 370px;
    margin-top: 180px;
}
.loginbox form{color:white;}
.loginbox form .textform{
    width: 400px;
    float: left;
}
.loginbox form .text2{
    float: left;
    width: 120px;
    color: #746153;
    font-weight: bold;
    font-size: 15px;
    margin-top: 3px;
    margin-bottom: 20px;
}
.loginbox form .usernames input{
    background: url('img/tr/viplogin1.jpg') no-repeat;
    border: none;
    width: 128px;
    height: 30px;
    color: white;
}
.loginbox form .passwords input {
    background: url('img/tr/viplogin2.jpg') no-repeat;
    
    border: none;
    height: 30px;
    width: 220px;
    color: white;
}
.loginbox form .butons input {
    background: url('img/tr/viploginbuton.jpg') no-repeat;
    border: none;
    color: white;
    width: 130px;
    height: 30px;
    font-weight: bold;
    font-size: 14px;
}
.loginbox form .butons {
    margin-top: 20px;
    float: right;
}

.loginbox form .butons input:hover {
   cursor: pointer;
}

.viplogo{
    margin: 0 auto;
    height: 170px;
    width: 425px;
    margin-top: 20px;
    position: relative;
}

#content .message{
    margin-bottom: 15px;
    margin-top: -30px;
    color: white;
}

.uyari{
    color: white;
    font-weight: bold;
}
.backbuton{
    float: left;
margin-top: 13px;
margin-left: 10px;
}
.sayfalama {
margin: 0 auto;
margin-top: 25px;
margin-left: 40px;
}
.sayfalama a{
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
color: #FFf;
}

.sayfalama span{
text-decoration: none;
border: 1px solid #BFBFBF;
color: #FFF;
padding: 3px 5px;
margin: 2px;
}

.urunbilgisi {
font-family: Arial, Helvetica, sans-serif;
float: right;
background: url('img/vip2back.jpg') no-repeat;
margin-right: 22px;
margin-top: 15px;
height: 160px;
padding: 22px;
width: 543px;
font-weight: bold;
color: #FFF;
font-size: 14px;
 }
 
 .urunbilgisi span {
 color:#746153;
 }