/*
www.ktasarim.com
*/
/*fontlar*/
@import url(http://fonts.googleapis.com/css?family=Oswald:300&subset=latin-ext);
a {text-decoration:none;}
/* Genel sayfa stili */
body {font-family: "Trebuchet MS", sans-serif;  outline:0; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; background: transparent url("../images/bg.html") repeat;
}

#container {width:100%; height: 100%;position:absolute;z-index:800; background: transparent url("../img/pattern.png") repeat;}
/*Intro*/

#intro {width:100%; height: 148px; position:relative; z-index:999; margin-top:300px; background: transparent url("../img/introRepeat.png") repeat-x; }
#intro .logo {width:350px; height: 80px; position:absolute; margin: 35px 0 0 50px; background: transparent url("../img/logo.png") no-repeat; }
#intro .lang {width:250px; height: 48px; padding: 25px 0 0 45px; font-family: 'Oswald', sans-serif; font-weight: 300; font-size:19px; line-height:20px; margin:40px 50px 0 0; float:right; }
#intro .lang a {color:#3e3e3e;}

/*menu*/
#menu {width: 200px; height:200px; position:fixed; z-index:999; margin: 0 0 0 50px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size:20px; line-height:30px; bottom:150px; }
#menu ul {list-style:none}
#menu ul li {padding-left:15px;}
#menu ul li a {color:white}
#menu ul li:hover {background: transparent url("../images/menuHover.png") left center no-repeat; }
#menu ul li.active {background: transparent url("../images/menuHover.png") left center no-repeat; }

/* SubPages*/
#subpage {width: 700px; height:500px; position:fixed; float:right; bottom:150px; right: 50px; z-index:999;}
#subpage .left {width : 234px; height: 494px; float:left; background: transparent url("../images/leftBg.png") no-repeat;}
#subpage .left .area {width: 205px; min-height:470px; margin: 10px 0 0 10px; padding:0 0 0 10px;}
#subpage .left .area img { margin: 0 0 10px 0;}
#subpage .right {width : 433px; height: 494px; margin-left: 30px; float:right; background: transparent url("../images/rightBg.png") no-repeat;}
#subpage .right .title {font-size:25px;font-family: 'Oswald', sans-serif; font-weight: 300; margin: 20px 0 0 20px; }
#subpage .right .area {width: 390px; min-height:420px; padding-right:10px; text-align: justify; font-size:13px; line-height:20px; margin: 10px 0 0 20px; }
#subpage .right .area .titl {width:369px;height:23px;padding: 2px 0 0 10px;margin:10px 0 0 0;font-size:15px; font-style: italic; color:white; background: transparent url("../images/iletisimTitle.png") no-repeat;}
#subpage .right .area table tr td {min-width: 20px; font-size: 16px; line-height: 20px;}
#subpage .right .area table tr td a {color: #676767}
#subpage .right .area table tr td.titlee {min-width: 70px;}
#subpage .right .area .prdct {width:125px; height:172px; float:left;  margin:0 3px 10px 0; font-family: 'Oswald', sans-serif; font-weight: 300; background-color:silver}
#subpage .right .area .prdct:hover {background-color:gray; color:white}
#subpage .right .area .prdct .detail {text-align:center; height:18px; line-height:20px}

#subpage .right .area .contact-form {margin: 25px 0px 0px 0px;font-size: 18px;}
#subpage .right .area .contact-form .formElementInput {display: block; margin: 0px 0px 5px 0px; padding: 0px 10px; width: 355px; height: 23px; border: none; background: transparent url("../images/input-bg.png") no-repeat; font-family: "Trebuchet MS", sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color: #676767; }
#subpage .right .area .contact-form .formElementTextarea {display: block; margin: 0px 10px 0px 0px; padding: 10px; width: 296px; height: 51px; overflow: auto; border: none; background: transparent url("../images/textarea-bg.png") no-repeat; font-family: "Trebuchet MS", sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color: #676767;  float: left;}
#subpage .right .area .contact-form .formElementSubmit {cursor: pointer; display: block; margin: 35px 0px 0px 0px; padding: 0px; width: 52px; height: 41px; border: none; background: transparent url("../images/submit-button.png") no-repeat;}

#subpage .right .area .google-map { width: 375px; min-height: 360px;}
#subpage .right .area .google-map .mapArea {padding: 9px; width: 357px; height: 342px; background: #676767;}
#subpage .right .area .google-map .mapArea #map {width: 357px; height: 342px;}


#subpage .center {width: 32px; height:33px; position:absolute; margin:70px 0 0 235px; background: transparent url("../images/out.png") no-repeat;}
#subpage .complete {height:494px;background: transparent url("../images/completeBg.png") no-repeat;}
#subpage .complete .title {font-size:25px; position:absolute;  font-family: 'Oswald', sans-serif; font-weight: 300;margin: 20px 0 0 285px; }
#subpage .complete .subpages {width:687px; height:430px; position:absolute; margin: 50px 0 0 0; }
#subpage .complete .subpages .areas {width: 687px; min-height: 160px; margin:0 0 20px 0; }
#subpage .complete .subpages .areas .tit {width:390px; height:25px; padding:8px 0 0 300px; font-size:15px; font-style: italic; color:white; background: transparent url("../images/titleBg.png") no-repeat;}
#subpage .complete .subpages .areas img {position:absolute; margin:-25px 0 0 20px;}
#subpage .complete .subpages .areas .text {width:380px; min-height: 115px; font-size:14px; text-align: justify; margin: 5px 0 0 285px; }

/*footer*/
#footer {width:100%; height: 130px; position:fixed; bottom:0px; z-index:999; background: transparent url("../images/footerBg.png") repeat-x; }
#footer .logo {width:350px; height: 70px; position:absolute; margin: 40px 0 0 50px; background: transparent url("../images/logo.png") no-repeat;  }
#footer .company {width:350px; height: 80px; padding: 5px 0 0 45px; margin:40px 50px 0 0; text-align:right; float:right; }
#footer .company h1 {font-family: "Trebuchet MS", sans-serif; font-size:11px; line-height:13px; color:#3e3e3e;}
#footer .company h3 {font-family: 'Oswald', sans-serif; font-weight: 400; font-size:17px; line-height:20px; color:#4e2e21; }