.liste_1{ text-align: center; margin-bottom: 20px;}
.liste_1 img{ display: none; }
.liste_1 a{ display: inline-block; vertical-align:  top; width: 32%; background: #111; margin:1%; color:#999;}

.liste_1 h3{ line-height: 70px; text-align: left; padding: 0 20px;  color: #fff; font-size: 25px;}
.liste_1 .image{ height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.liste_1 .hover{  display:none;height: 200px; width: 100%; background-color:rgba(0, 0, 0, 0);  transition: all 0.5s ease 0s;}
.liste_1 .hover span{ display: inline-block; padding: 10px; color: #fff; margin-top: 65px; border: 2px solid #fff; font-size: 20px;}
.liste_1 a:hover .hover{ display: inline-block;background-color:rgba(0, 0, 0, 0.6);  }
.liste_1 .content{ border-top: 2px solid #d8664e; padding: 30px; font-size: 13px;line-height: 1.7em; text-align: left; min-height: 88px;}

.liste_1 a:nth-of-type(3n-2){ margin-left: 0;}
.liste_1 a:nth-of-type(3n),
.liste_1 a:last-child{ margin-right: 0;}



.liste_2{ margin-bottom: 20px; }
.liste_2 img{ display: none; }
.liste_2 a{ display: inline-block; vertical-align:  top; width: 50%; height: 130px; background: #d8664e; color:#fff; position: relative;}
.liste_2 a:after{ display: block; clear: both; content: ''; }
.liste_2 span{ display: none; height: 130px; line-height: 130px; position: absolute; background: rgba(0, 0, 0, 0); font-size: 20px; left: 0; top: 0; width: 100%; transition: all 0.5s ease 0s;; text-align: center;}
.liste_2 .image{ height: 130px; width: 50%;  background-size: cover; background-position: center; float: right;}
.liste_2 .text{ height: 90px; width: 44%;  text-align: center; padding:20px 3%; float: left;} 
.liste_2 .text h4{ font-size: 20px; padding-top: 20px; margin-bottom: 15px;}
.liste_2 .text h5{ font-size: 16px; color: rgba(90, 20, 1, 0.79);}

.liste_2 a:hover span{ display: block;  background: rgba(0, 0, 0, 0.7);}

.liste_2 a:nth-of-type(4n-3) .image,
.liste_2 a:nth-of-type(4n-2) .image{ float: left; } 
.liste_2 a:nth-of-type(4n-3) .text,
.liste_2 a:nth-of-type(4n-2) .text{ float: right; } 
 

#Reservation{ position:fixed; bottom:110px; left:0; width:100%;}
.Rezervasyon{ background:rgba(45, 61, 48, 1); padding:25px;  margin:0 auto; text-align:center;transition: all .5s linear;}
.Rezervasyon:hover{background:rgba(81, 61, 50, 1)}
.Rezervasyon label{ color:#e7d1ab; display:inline-block; line-height:25px; padding:0 5px 0 15px; font-weight:bold;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.Rezervasyon h2{ color:#d2ac67; display:inline-block; margin-bottom:0;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.Rezervasyon input{ display:inline-block; text-align:center;}
#Rezervasyon .sendButton, 
.Rezervasyon .sendButton { outline:none; border:0;color: rgb(230, 230, 230); margin-left:10px;padding:5px 10px;text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);-webkit-border-radius: 10px;-moz-border-radius: 10px;-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); background:rgb(45, 61, 48);}
#Rezervasyon .sendButton:hover ,
.Rezervasyon .sendButton:hover {background-color:rgba(45, 61, 48, 0.64);}

#Rezervasyon{ width:100%; text-align:center; background:rgba(45, 61, 48, 0.04); padding-bottom:30px;}
#Rezervasyon div.sol,#Rezervasyon div.sag{ min-height:247px;width:auto; min-width:43%; background:rgba(45, 61, 48, 1); margin:30px; display:inline-block;}
#Rezervasyon div label{ float:left; text-align:right; width:26%; display:block;	color: #e7d1ab; line-height: 45px;padding: 0 5px 0 15px;font-weight: bold;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

#Rezervasyon div input,#Rezervasyon div textarea{ float:right;display:block;width:60%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:10px; } 
#Rezervasyon div section { display:block; margin:10px; text-align:left;} 
#Rezervasyon .sendButton { width:300px; margin-left:0;} 


.OzelForm{ width:96%;}
.OzelForm tr td { font-weight:bold; font-size:12px;}
.OzelForm tr td a{ color:#F00;}
.OzelForm tr td input{ width:196px; outline: none; border:1px solid #000; padding:3px 10px; line-height:25px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.OzelForm tr td select{ width:217px; outline: none; border:1px solid #000; padding:3px 10px;height:35px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.OzelForm tr td input.iuzun{ width:435px;}
.OzelForm tr td input[type=checkbox],.OzelForm tr td input[type=radio]{ width:20px; margin-top:5px; margin-bottom:0;}
.OzelForm tr td input[type=submit]{ float:right; background:#f00; color:#FFF; border:none; font-size:14px; font-weight:bold;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.OzelForm .slayer{ display:inline-block; width:142px;}
/****<plugins>*************************************************************************/
/****Mini Slayt***IMAGES_LIST_2********************************************************/
.MiniSlayt{float:right; border:1px solid #dbdcd7;width:248px; text-align:center; margin:10px; background:#FFF;}
.MiniSlayt .MiniAnaFoto { min-height:200px; }
.MiniSlayt .MiniAnaFoto #telefon{ max-height:340px; max-width:230px; margin:6px;}
.MiniSlayt #OtherFoto a{ display:block; float:left;border:1px solid #dbdcd7; margin:2px; width:50px; height:50px; padding:3px; background:#f6f5f1; opacity:0.8;}
.MiniSlayt #OtherFoto a:hover{border:1px solid #2e78a7; background:#c7dfef; opacity:1;}
.MiniSlayt #OtherFoto a span {width:50px; height:50px; background:#FFF; display:block;}
.MiniSlayt #OtherFoto a span img{ max-width:50px; max-height:50px;} 
/**************************************************************************************/
/****Ürünler***IMAGES_LIST_3***********************************************************/
.YatayUrunGallery { text-align:center;}
.YatayUrunGallery a{background-color: #fff;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #a5a5a5;padding: 5px;	transition: all .2s ease-in-out; display:inline-block;margin:7px;    overflow:hidden; text-align:center; position:relative;}
.YatayUrunGallery a div{display:none;}
.YatayUrunGallery a:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); z-index:22; }
.YatayUrunGallery a h6{ line-height:42px; text-align:center; color:#fff; background-image:url("../public/img/header.png");   font-size:13px; position:absolute; bottom:5px; width:300px; font-family: 'Oswald', sans-serif;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.YatayUrunGallery a:hover h6{ color:#ec05ad; display:block;}
.YatayUrunGallery a span{  background:#FFF; display:block; padding: 0;} 
.YatayUrunGallery a span img{width:300px; } 
/**************************************************************************************/
/****Ürünler***IMAGES_LIST_4***********************************************************/
.KareUrunGallery {  margin-left:24px;}
.KareUrunGallery a{ display:block; float:left; margin:10px; border:1px solid #997567; background:#997567; padding:3px; width:166px; height:147px; overflow:hidden; text-align:center; position:relative;}
.KareUrunGallery a div{ position:absolute;width:166px; height:147px; background:url("../public/img/plugin/KareFade.png") no-repeat; z-index:1000; top:3px; left:3px; display:none;}
.KareUrunGallery a:hover{  background:#d7d8da; border-color:#cfd0ca;}
.KareUrunGallery a h6{ line-height:28px; text-align:center; color:#000;background:#dbdcd7; width:166px; font-size:12px; position:absolute; bottom:7px; display:none;}
.KareUrunGallery a:hover h6{ color:#fff;background:#c50a17; display:block;}
.KareUrunGallery a span{ width:166px; height:147px; background:#FFF; display:block; padding:0;} 
.KareUrunGallery a span img{ max-width:166px; max-height:147px;}
/**************************************************************************************/
/****<plugins\>************************************************************************/





/*****************PageList1**********************/
.PageList1 li{ margin-bottom:4px;}
.PageList1 li a{ display:block; border-right:2px solid #2e78a7; background:#f6f5f1 url("../img/plugin/arrow.png") no-repeat 7px 6px; line-height:23px; padding-left:25px; color:#000;}
.PageList1 li a:hover{ background: url("../img/plugin/arrow.png") no-repeat 7px 6px; color:#FFF;} 
.PageList1 li p{ padding-left:50px;  padding-right:50px; font-style:italic; font-size:12px; color:#333; background:#faf9f5; padding-bottom:10px; padding-top:5px;}

/*****************PageList2**********************/
.PageList2 li{ margin-bottom:4px; float:left; height:125px;width:100%;}
.PageList2 li img{ float:left; margin:10px; padding:3px; border:1px solid #CCC; background:#FFF; height:100px;}
.PageList2 li a{display:block;color:#030; background:#f6f5f1;height:125px; } 
.PageList2 li a h4{ background:#f6f5f1 url("../img/plugin/arrow.png") no-repeat 7px 6px; line-height:23px; padding-left:25px; color:#030; font-weight:bold; line-height:30px;}
.PageList2 li a h5{ font-size:10px; margin: 10px 0 4px 0;}
.PageList2 li a:hover h4 {background:#1d4470 url("../img/plugin/arrow.png") no-repeat 7px 6px;color:#FFF;}
.PageList2 li a p{ font-style:italic; font-size:12px; color:#333; padding-left:50px;  padding-right:50px;}
.pages{ display:block; line-height:24px; padding:3px; border:1px solid #CCC;}
.pages a{ display:block; padding:1px; margin:2px; border:1px solid #999; background:#CCC; color:#000; width:20px; float:left; text-align:center; line-height:15px;}
.pages a:hover{ border:1px solid #030; background:#e4f8ea; }
.pages a.pPrev{ width:65px;}
.pages a.pNext{ width:65px;}
.pages strong{display:block; padding:1px; margin:2px; border:1px solid #000; background:#fff; color:#000; width:20px; float:left; text-align:center; line-height:15px;}

/*****************subpagesGallery**********************/
.subpagesGallery{ text-align:center;}
.subpagesGallery a{ display:inline-block;  background-color:rgba(255,255,255,0.85);margin:1%; padding:1%; width:21%; vertical-align: top; text-align:center; position:relative; background-repeat: no-repeat; background-size: cover; background-position: center;transition: all .2s ease-in-out; } 
.subpagesGallery a:hover p{display: inline-block;}
.subpagesGallery a span{ display: block;transition: all .2s ease-in-out; overflow: hidden;}
.subpagesGallery a span:before,.subpagesGallery a h2:before{ background-color: #000!important; }
.subpagesGallery a:before{ background-color: #fff!important; }
.subpagesGallery a:hover span{background: rgba(248, 248, 248, 0.55);}
.subpagesGallery a p{ color: #000; text-align:inherit!important; padding:10px!important;transition: all .2s ease-in-out; display: none; }
.subpagesGallery a h2{ line-height:44px; color:#fff;background:rgba(0,0,0,0.7); width:100%; font-size:20px; position:relative;}
.subpagesGallery a img{ display: none; }
.subpagesGallery a span.hvr-reveal:before{ background: none!important; border-color:gold!important;}
.subpagesGallery a h3{color: #000;padding: 10px!important;font-size: 20px;line-height: 160%; display: none;}
.subpagesGallery a:hover h3{ display: block; }


.liste1 a,.liste1 a span{height:80px;}
.liste2 a,.liste2 a span{height:200px;}
.liste3 a,.liste3 a span{height:200px;}

/*****************Alt  Galeri**********************/
.ResimGalerisi{ margin-left:18px;}
.ResimGalerisi a{display:block; border:1px solid #693; position:relative; padding:5px 5px 3px 5px; margin:3px; width:auto; min-height:50px; float:left;}
.ResimGalerisi a:hover{ background:#030;}
.ResimGalerisi a div.Desc{ display:block;position:absolute; bottom:2px; left:0; background:#000; color:#FFF; width:auto; margin:3px; padding:3px;}
.ResimGalerisi a:hover div.Desc{ color:#000; background:#FFF;} 



/*****************İletişim Formu**********************/
 



.rss{ float:right; margin-right:10px; margin-top:10px;}
.author{ float:right;}

.filesList{ float:left; margin-left:15px;}
.filesList li a{ line-height:20px; display:block; border-bottom:1px solid #030; margin-bottom:3px;}
.filesList li img{ padding-right:5px;}
.filesList li em{ color:#000; font-size:10px;} 

.tell{ float:right; right:20px; position:relative;}



#searchForm .word{ width:70px; height:20px; float:left; margin:0; padding:0; font-size:10px;}
#searchForm .arat{ width:20px; height:20px; margin:2px;}

#siteMap{ margin-left:50px;}
#siteMap li{ list-style-image:url("../img/plugin/arrow_gray.png");}
#siteMap li a{display:block;color:#000; line-height:20px;}
#siteMap li a:hover{color:#1d4470; text-decoration:underline;}

#siteMap li ul{ margin-left:20px; margin-bottom:10px;}

 
  
  
@media (max-width: 800px) { 
 .subpagesGallery a{ width: 28%; }
 .liste_1 a{ width: 96%; margin:0 2% 10px!important;}
 .liste_1 .content{ min-height: inherit; }
}
  
@media (max-width: 650px) { 
 .subpagesGallery a{ width: 46%; }
 .liste_2 a{ width: 100%; }

.liste_2 a .image{ float: right; } 
.liste_2 a .text{ float: left; } 

.liste_2 a:nth-of-type(4n-3) .image,
.liste_2 a:nth-of-type(4n-2) .image{ float: right; } 
.liste_2 a:nth-of-type(4n-3) .text,
.liste_2 a:nth-of-type(4n-2) .text{ float: left; } 
 


.liste_2 a:nth-of-type(2n-1) .image{ float: left!important; } 
.liste_2 a:nth-of-type(2n-1) .text{ float: right!important; } 



}
 
/* Landscape phones and down */
@media (max-width: 480px) {  
	.subpagesGallery a{ width: 95%; }
	iframe{ max-width:100% !important;width:100% !important;}
 
}




