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

body {
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size: 14px;
    font-family: 'museo_sans300';
	color: #666;
	line-height: 18px;
}

@font-face {
    font-family: 'museo_sans100';
    src: url('../fonts/museosans-100_0-webfont.eot');
    src: url('../fonts/museosans-100_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-100_0-webfont.woff') format('woff'),
         url('../fonts/museosans-100_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans-300_0-webfont.eot');
    src: url('../fonts/museosans-300_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-300_0-webfont.woff') format('woff'),
         url('../fonts/museosans-300_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.clr-01 { background: #537bbd; }
.clr-02 { background: #78cdf0; }
.clr-03 { background: #4c4c4b; }


.header { height: 60px; padding: 25px; }

.logo, .nav, .social { float: left; }

.nav { padding-left: 45px; }
.nav ul li { display: block; float: left; font-family: 'Roboto', sans-serif; padding-top: 35px; }
.nav ul li a { display: block; padding: 0 15px; color: #444; font-weight: 700; }
.nav ul li a:hover { color: #f15c2a; }

.social { padding: 20px 0 0 45px; }
.social ul li { display: block; float: left; margin-right: 10px; }
.social ul li:last-child { margin-right: 0; }
.social ul li a { display: block; width: 30px; height: 23px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding-top: 7px; text-align: center; }

.content { width: 100%; min-height: 680px; position: relative; }

.main-text { max-width: 250px; position: absolute; top: 15%; left: 25px; line-height: 24px; z-index: 100; }
.main-text h2 { display: block; font-size: 32px; padding-bottom: 20px; margin: 0; line-height: 40px; font-family: 'museo_sans100'; color: #333; }

.main-car { position: relative; top: 90px; left: 325px; width: 796px; height: 516px; background: url(../images/arac.png) no-repeat; }

.nokta { position: absolute; width: 39px; height: 40px; z-index: 50; }
.n1 { top: 85px; left: 250px;}
.n2 { top: 180px; left: 200px;}
.n3 { top: 190px; left: 480px;}
.n4 { bottom: 130px; right: 315px;}
.n5 { top: 155px; right: 70px;}

.box { width: 460px; height: 75px; display: none; position: absolute; background: url(../images/box_bg.gif) repeat-x bottom #fff; z-index: 999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 3px #666; padding: 15px; }
.b1 { top: -5px; left: 23px; }
.b2 { top: 195px; left: -27px; }
.b3 { top: 208px; left: 253px; }
.b4 { bottom: 151px; right: 88px; }
.b5 { top: 68px; right: 0px; }

.box img { float: left; }
.box span { width: 269px; font-size: 12px; line-height: 18px; float: left; display: block; padding-left: 20px; }
.box h2 { display: block; font-size: 18px; padding-bottom: 15px; color: #662d91; }
.box a { display: block; font-size: 13px; color: #336fe8; line-height: 24px; }
.box a:hover { color: #f15c2a; } 

.brd-b { border-bottom: solid 1px #e4e3e0; }

.page { width: 550px; min-height: 680px; line-height: 28px; }
.page h2, .page-n h2 { display: block; padding-bottom: 40px; font-size: 30px; line-height: 38px; color: #333; font-family: 'museo_sans100'; }
.page h3 { display: block; padding-bottom: 15px; font-size: 20px; color: #8b5f9e; font-family: 'museo_sans100';}
.page p, page-n p  { display: block; padding-bottom: 20px; margin: 0; }

.krm { background: url(../images/kurumsal.png) no-repeat left top; padding: 60px 0 25px 450px; }
.dty { background: url(../images/arac_bg.png) no-repeat left top; padding: 60px 0 25px 450px; }
.klt { background: url(../images/kalite.png) no-repeat left top; padding: 60px 0 25px 450px; }

.dty-foto { width: 550px; margin: 25px 0; }
.dty-foto ul li { display: block; float: left; margin: 0 10px 10px 0; }
.dty-foto ul li:nth-child(4n) { margin-right: 0px; }

.dty-foto-lg { width: 550px; margin: 25px 0; }
.dty-foto-lg ul li { display: block; float: left; margin: 0 10px 10px 0; width: 270px; }
.dty-foto-lg ul li img { width: 270px; }
.dty-foto-lg ul li:nth-child(even) { margin-right: 0px; }
.dty-foto-lg ul li a { display: block; }
.dty-foto-lg ul li h3 { font-size: 12px; display: block; line-height: 18px; padding: 10px 0 0 0; }

.dty table { border-radius: 2px; -webkit-border-radisu: 2px; -moz-border-radius: 2px; border: solid 1px #dedede; background: #fff; }
.dty td { padding: 5px 10px; }
.dty .norm { color: #666; }
.dty .koyu { color: #333; }
.brd { border-bottom: solid 1px #dedede; }
.bg { background: #f9fafa; }

.page-n { width: 975px; line-height: 28px; padding: 60px 0 25px 25px; }
.page-n span { display: block; width: 380px; float: left; }
.page-n p { margin-bottom: 20px; }

.parkur-list { float: left; margin-left: 40px; width: 555px; }
.parkur-list ul li { width: 175px; display: block; float: left; margin-right: 15px; margin-bottom: 25px; text-align: center; line-height: 20px; }
.parkur-list ul li:nth-child(3) { margin-right: 0; }
.parkur-list ul li img { width: 175px; height: 175px; border-radius: 190px; display: block; margin-bottom: 10px; }
.parkur-list ul li a { color: #8b5f9e; }
.parkur-list ul li a:hover { color: #f15c2a; }


.uretim-list { float: left; margin-left: 40px; width: 555px; font-size: 16px; }
.uretim-list ul li { width: 265px; display: block; float: left; margin-right: 25px; margin-bottom: 25px; text-align: center; line-height: 20px; }
.uretim-list ul li:last-child { margin-right: 0; }
.uretim-list ul li img { width: 265x; height: 265px; border-radius: 265px; display: block; margin-bottom: 10px; filter: gray; -webkit-filter: grayscale(100%); }
.uretim-list ul li h3 { display: block; font-size: 30px; padding: 15px 0; }
.uretim-list ul li a { color: #8b5f9e; }
.uretim-list ul li a:hover { color: #f15c2a; }
.uretim-list ul li:hover img { color: #f15c2a; filter: none; -webkit-filter: grayscale(0%); }


.harita { border-radius: 2px; border: solid 5px #fc7115; width: 545px; height: 245px; float: right; margin-left: 40px; margin-bottom: 25px; }
.iletisim-form { float: right; width: 555px; }
.iletisim-form p { display: block; }
.iletisim-form span { display: block; padding-bottom: 5px; }
.iletisim-form label { display: block; padding-right: 10px; line-height: 32px; float: left; width: 90px; }
.iletisim-form input[type='text'] { border: solid 1px #b7b7b7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 7px; box-shadow: inset 0 1px 3px #ccc; outline: none; margin: 0; }
.iletisim-form textarea { border: solid 1px #b7b7b7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 7px; box-shadow: inset 0 1px 3px #ccc; outline: none; margin: 0;  }
.iletisim-form .button { padding-left: 100px; padding-top: 10px; }
.button input { padding: 0 15px; line-height: 35px; color: #fff; font-size: 14px; font-weight: 700; font-family: 'Roboto', sans-serif; background: #ef483e; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: none; outline: none; margin: 0; }


.footer { border-top: solid 1px #d9d9d9; padding: 25px; font-size: 13px; }
.footer p { display: block; float: left; padding-right: 50px; line-height: 34px; }
.footer span { display: block; float: left; font-size: 20px; color: #662d91; background: url(../images/tel.jpg) no-repeat left; padding-left: 40px; line-height: 34px;  }


.box img { width: 100px; }