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

/*
	Name: HTML5 & CSS3
	Date: Ocak 2013
	Author: Mete Güzel
	Autor URI: http://www.meteguzel.com
*/

/********************* Imports *********************/
@import url("sifirlama.css");
@import url("font.css");
/****************************************************/


/********************* genel *********************/
body {
	font-family: 'Helvetica57cnd';
	color:#907a2f;
	background:url(../images/bg.jpg) repeat;
}

.clear {
	clear:both;
}

#genel {
	position:relative;
	width:100%;
	top:0;
	z-index:100;
}

#tasiyici {
	position:relative;
	width:960px;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
}

.sari {
	color:#deb21a;
}

.kahve {
	color:#785043;
}

/********************* slayt *********************/

.slayt {
	position:absolute;
	width:100%;
	height:629px;
	background-repeat:no-repeat;
	border-bottom:4px solid #daa900;
	background-color:#ecd9b4;
	top:0;
}

.slayt_resim,
.slayt_resim:after { 
    
    width: 100%;
    height: 629px;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.slayt_resim:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.slayt_resim li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 1;
    z-index: 0;
    background-image: url(../images/1.jpg); 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    75% { opacity: 1 }
    95% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .slayt_resim li span{
	opacity: 1;
}

/********************* ust *********************/

.ust {
	width:960px;
	height:497px;
	margin:47px 0 0 0;
	z-index:100;
}

.logo {
	float:left;
	width:231px;
	height:143px;
}

.menu {
	float:left;
	width:724px;
	height:67px;
	margin:71px 0 0 2px;
	z-index:50;
	
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.14);    
    box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.14);
}

.menu > ul.menu_list {
	float:left;
	width:632px;
	height:75px;
	margin:-4px 0 0 73px;
}

.menu > ul.menu_list li  {
	float:left;
	width:auto;
	height:42px;
	font-family: 'Helve';
	font-size:16px;
	letter-spacing:-1px;
	color:#80898f;
	padding:34px 16px 0 16px;
	margin:0 0 0 18px;
	z-index:50;
}

.menu > ul.menu_list li a {
	display:block;
	height:100%;
}

.menu > ul.menu_list li a span {
	display:block;
	width:145%;
	background:url(../images/menu_ara.png) no-repeat right -2px;
}

.menu > ul.menu_list li:hover, .secili {
	color:#a98300 !important;
	background-color:rgba(255, 255, 255, 0.7);
	background-image:none;
}

.tecrube {
	position:absolute;
	width:97px;
	height:97px;
	background:url(../images/tecrube.png) no-repeat;
	margin:-5px 0 0 840px;
	z-index:2;
}

/********************* uclu *********************/

.uclu {
	float:left;
	width:960px;
	margin-bottom:40px;
}

.uclu > ul.ic > li {
	float:left;
	width:310px;
	height:134px;
	background:url(../images/uclu_bg.png) repeat-x;
	margin:0 14px 0 0;
	color:#FFF;
	
	-webkit-transition: background .3s ease-in;
  	-moz-transition: background .3s ease-in;
  	-o-transition: background .3s ease-in;
  	transition: background .3s ease-in;
}

.uclu > ul.ic > li:hover {
	background:url(../images/uclu_bg_hover.png) repeat-x;
}

.uclu > ul.ic > li:last-child {
	margin-right:0px;
}

*:first-child+html .uclu > ul.ic > li {
	margin-left:-5px;
}


ul.bir, ul.iki, ul.uc  {
	float:left;
	height:134px;
	display:block;
	background:url(../images/uc1.png) no-repeat 15px 20px;
}

ul.bir:hover {
	background:url(../images/uc1_hover.png) no-repeat 15px 20px;
	-webkit-transition: background .5s ease-in;
  	-moz-transition: background .5s ease-in;
  	-o-transition: background .5s ease-in;
  	transition: background .5s ease-in;
	color:#ddb603 !important;
}

ul.iki:hover {
	background:url(../images/uc2_hover.png) no-repeat 15px 20px;
	-webkit-transition: background .5s ease-in;
  	-moz-transition: background .5s ease-in;
  	-o-transition: background .5s ease-in;
  	transition: background .5s ease-in;
	color:#ddb603 !important;
}

ul.uc:hover {
	background:url(../images/uc3_hover.png) no-repeat 15px 20px;
	-webkit-transition: background .5s ease-in;
  	-moz-transition: background .5s ease-in;
  	-o-transition: background .5s ease-in;
  	transition: background .5s ease-in;
	color:#ddb603 !important;
}

ul.iki {
	background:url(../images/uc2.png) no-repeat 15px 20px;
	-webkit-transition: background .5s ease-in;
  	-moz-transition: background .5s ease-in;
  	-o-transition: background .5s ease-in;
  	transition: background .5s ease-in;
}

ul.uc {
	background:url(../images/uc3.png) no-repeat 15px 20px;
	-webkit-transition: background .5s ease-in;
  	-moz-transition: background .5s ease-in;
  	-o-transition: background .5s ease-in;
  	transition: background .5s ease-in;
}


ul.bir > li ,ul.iki > li, ul.uc > li {
	float:left;
	width:165px;
	margin:25px 0 0 127px;
}

ul.bir > li.baslik, ul.iki > li.baslik, ul.uc > li.baslik {
	font-family: 'HelveticaNeueLTPro-BlkCnO';
	font-size:36px;
	letter-spacing:0px;

	
	text-shadow: 1px 1px 2px #c4c4c4;
    filter: dropshadow(color=#c4c4c4, offx=1, offy=1);
}

ul.bir > li.yazi, ul.iki > li.yazi, ul.uc > li.yazi {
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size:10px;
	color:#fff9b6;
	margin-top:4px;
}

ul.bir > li.devam, ul.iki > li.devam, ul.uc > li.devam {
	width:58px;
	height:19px;
	margin:0px 0  0 230px;
}

/********************* orta *********************/

.bosluk {
	margin-top:55px;
}

#orta {
	float:left;
	width:960px;
}

#orta > ul.yazim {
	width:100%;
}

#orta > ul.yazim > li {
	float:left;
	font-family: 'Helvetica57cnd';
	font-size:14px;
	color:#907a2f;
}

#orta > ul.yazim > li.baslik {
	float:left;
	width:100%;
	height:43px;
	margin:0 0 35px 0;
	font-family: 'helveticaneueltproxblkcn';
	font-size:25px;
	color:#785043;
	letter-spacing:1px;
	border-bottom:1px solid #fdfbf3;
}

#orta > ul.yazim > li.ic_baslik {
	float:left;
	width:945px;
	height:40px;
	margin-bottom:15px;
	font-family: 'helveticaneueltproxblkcn';
	font-size:25px;
	letter-spacing:2px;
	color:#FFF;
	background:url(../images/uclu_bg.png) repeat-x;
	padding:20px 0 0 15px;
}

#orta > ul.yazim > li.yazi {
	width:100%;
	line-height:18px;
	text-align:justify;
}

#orta > ul.yazim > li.yazi img {
	margin:0 27px 0 0;
}

#orta > ul.yazim > li.yazi > a {
	display:inline-block;
	width:auto;
	height:auto;
	font-family: 'helveticaneueltproxblkcn';
	font-size:16px;
	color:#fdfbf3;
	letter-spacing:1px;
	padding:14px 20px 10px 20px;
	background-color:#785043;
	margin:15px 0 0 0;
	
	border:0px solid #600;
	border-radius:5px;
	-webkit-border-radius:8px;
	
	-webkit-transition: background-color .2s ease-in;
  	-moz-transition: background-color .2s ease-in;
  	-o-transition: background-color .2s ease-in;
  	transition: background-color .2s ease-in;
}

#orta > ul.yazim > li.yazi > a:hover {
	color:#785043;
	background-color:#fdfbf3;
}

.uzun {
	float:left;
	width:646px !important;
}

.kisa {
	float:left;
	width:259px !important;
	margin:0 0 0 50px;
}

.kisa img {
	margin-right:0px;
}

/********************* alt *********************/

#alt {
	float:left;
	width:960px;
	margin:50px 0;
}

.menu_alt {
	float:left;
	width:920px;
	padding:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#ada293;
	background-color:#fdfbf3;
}

.menu_alt > ul.alt_menu {
	float:left;
	width:548px;
	height:auto;
	margin:0;
}

.menu_alt > ul.alt_menu > li {
	float:left;
	width:auto;
	height:auto;
	padding:0 11px 0 0;
	margin:0 11px 0 0;
	border-right:1px solid #cdc6b9;
}

.menu_alt > ul.alt_menu > li:last-child {
	width:100%;
	border:none;
	padding-right:0px;
	margin-right:0px;
	margin-top:5px;
}

.menu_alt > ul.adres {
	float:right;
	text-align:right;
}

.menu_alt > ul.adres li:last-child {
	margin-top:5px;
}

.sosyal {
	float:right;
	width:64px;
	height:29px;
	margin-top:10px;
}


.sosyal ul li {
	float:right;
	height:29px;
}

.facebook {
	background-color:#785043;
	-webkit-transition: background-color .2s ease-in;
  	-moz-transition: background-color .2s ease-in;
  	-o-transition: background-color .2s ease-in;
  	transition: background-color .2s ease-in;
}

.facebook:hover {
	background-color:#073b7b;
}

.twitter {
	margin-left:4px;
	background-color:#b39963;
	-webkit-transition: background-color .2s ease-in;
  	-moz-transition: background-color .2s ease-in;
  	-o-transition: background-color .2s ease-in;
  	transition: background-color .2s ease-in;
}

.twitter:hover {
	background-color:#00b8df;
}

/********************* iletişim *********************/

ul.adress {
	float:left;
	width:510px;
	margin:20px 0 0 0;
}

ul.adress > li , ul.mesaj > li{
	float:left;
	width:100%;
	margin:8px 0 0 0;
}

ul.adress > li span, ul.mesaj > li span {
	float:left;
	display:block;
	width:100px;
	
	font-family: 'helveticaneueltproxblkcn';
	font-size:18px;
	color:#785043;
}

ul.mesaj > li span {
	width:200px;
	margin-top:60px;
}

.ara {
	float:left;
	width:100%;
	height:1px;
	background:url(../images/ara.png) repeat-x;
	margin:20px 0 20px 0 !important;
}

ul.mesaj {
	float:left;
	width:397px;
	margin:20px 0 0 37px;
}

ul.mesaj_at input, textarea {
	width:97%;
	font-family: 'Helve';
	font-size:16px;
	color:#806437;
	background-color:#fcf7f0;
	border:0px solid #600;
	border-radius:5px;
	-webkit-border-radius:8px;
	padding:14px 0 8px 12px;
}

input::-webkit-input-placeholder {
  color:#d4c1a3;
}

input:-moz-placeholder {
	  color:#d4c1a3;
}

ul.mesaj_at input:focus, textarea:focus {
  box-shadow: 0 1px 0 #e6ded4 inset, 
  			  0 -1px 0 #e6ded4 inset, 
			  1px 0 0 #e6ded4 inset, 
			  -1px 0 0 #e6ded4 inset, 
			  0 0 4px rgba(230, 222, 212, 0.5);
  outline: none;
  border:1px solid #d9ad16; 
}

textarea::-webkit-input-placeholder {
  color:#d4c1a3;
}

textarea:-moz-placeholder {
	  color:#d4c1a3;
}

.gonder {
	width:100% !important;
	color:#fcf7f0 !important;
	background-color:#aa9f8f !important;
	margin-top:13px;
	cursor:pointer;
	
	font-family: 'helveticaneueltproxblkcn';
	font-size:18px;
	color:#785043;
	
	-webkit-transition: background-color .2s ease-in;
  	-moz-transition: background-color .2s ease-in;
  	-o-transition: background-color .2s ease-in;
  	transition: background-color .2s ease-in;
}
	
.gonder:hover {
	color:#FFF !important;
	background-color:#785043 !important;
}


/********************* galeri *********************/

ul.resimler {
	float:left;
	width:960px;
}
ul.resimler li {
	float:left;
	width:214px;
	margin:5px 11px;
}

ul.resimler li a > img {
	float:left;
	border:6px solid #c3a850;
}

ul.resimler li a div {
	float:left;
	width:215px;
	height:26px;
	margin: 4px 0 0 0;
	background-color:#c3a850;
	color:#FFF;
	padding:10px 0 0 10px
}

ul.resimler li a div img {
	float:right;
	margin-top:-3px !important;
	margin-right:15px !important;
}

ul.resimler li a > img:hover {
	border:6px solid #99780d;
}

ul.resimler li a > div:hover {
	background-color:#99780d;
}

/********************* projeler *********************/

.table_bslk {
	font-family: 'Helve';
	font-size:15px;
	color:#785043;
	padding:12px 0 0 10px;
	background-color:#f5f1e6;
}

.table {
	font-family: 'Helve';
	font-size:14px;
	color:#907a2f;
	padding:8px 0 8px 10px;
	border-bottom:1px dotted #d9ad15;
}

.tablo tr:hover {
	background-color:#faf8f2 !important;
}