#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; padding:15px 10px; cursor: pointer;}
#Rezervasyon .sendButton:hover ,
.Rezervasyon .sendButton:hover {background-color:gold;}

#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%;  margin:30px; display:inline-block;}
#Rezervasyon div label{ float:left; text-align:right; width:29%; 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;max-width:none;width:auto; min-height: auto !important;} 
#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{width:270px; height:210px; background-repeat: no-repeat; background-size: cover; background-position: center center;	transition: all .2s ease-in-out; display:inline-block; margin:5px; overflow:hidden; text-align:center; position:relative;}
 
.YatayUrunGallery a:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); z-index:22; }
 
.YatayUrunGallery a div{width:270px; height:210px; display:block; } 
.YatayUrunGallery a div img{ display: none;}
/**************************************************************************************/
/****Ü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;  background:#fff  url("../public/img/plugin/arrow_gray.png") no-repeat 9px 7px; line-height:23px; padding-left:25px; color:#000;}
.PageList1 li a:hover{ background: url("../public/img/plugin/arrow_gray.png") no-repeat 9px 7px; 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("../public/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("../public/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;margin: 4px;background: #353533;width: 300px;overflow: hidden;text-align: center;position: relative;    -webkit-filter: grayscale(1);} 
.subpagesGallery a:hover{  background:#d7d8da; border-color:#cfd0ca;    -webkit-filter: grayscale(0);}
.subpagesGallery a h6{ margin-bottom: 0 !important; line-height:44px; text-align:center; color:#000; background:#dbdcd7; width:300px; font-size:20px; }
.subpagesGallery a:hover h6{ color:#fff; }
.subpagesGallery a span{ width:300px;   background:#FFF; display:block; padding:0;} 
.subpagesGallery a span img{ max-width:300px; }


/*****************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**********************/
.IletisimFormu{float:right;margin-left: 30px;margin-right: 0; border: 1px solid #000; margin-bottom:20px; background:url("../public/img/headbg.jpg") left top no-repeat;}
.IletisimFormu table tr td{ padding:0; margin:0;}
.IletisimFormu h6{line-height:110px;font-size: 25px; text-align: center;font-weight: bold;} 
.IletisimFormu input,
.IletisimFormu textarea{ border:1px solid #000; line-height:30px; padding:0 9px;font-family: segoe_ui_symbolregular,'Open Sans', sans-serif;}
.IletisimFormu .sTopic,
.IletisimFormu .sMailContent{ width:385px; margin-left:2px;}
.IletisimFormu .submit{ background:#e3000f; border:none; color:#FFF; padding:0 10px; font-size:18px;font-family: segoe_ui_symbolregular,'Open Sans', sans-serif; font-weight:bold; margin-bottom:15px;}






.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("../public/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 only screen and (max-width: 479px) {  
	
	.subpagesGallery a span,
	.subpagesGallery a span img{ width:100% !important; max-width:100% !important; height:auto !important; max-height: auto !important;}
 	.subpagesGallery a h6{ width:100%; max-width:100% !important; height:auto !important; margin:0; left:0; bottom:0;}
	.subpagesGallery a{ width:90%; max-width:90% !important; height:auto !important;}
	
iframe{ max-width:100% !important;width:100% !important;}	 
/*.YatayUrunGallery a{ width:80%; max-width:80% !important; height:auto !important;}  
.YatayUrunGallery a h6{width:100%; max-width:100% !important; height:auto !important; margin:0; left:0; bottom:0;} 
.YatayUrunGallery a span,
.YatayUrunGallery a span img{ width:100% !important; max-width:100% !important; height:auto !important; max-height: auto !important;}
 	*/
	
}




@media (min-width: 980px) and (max-width: 1024px) {  
	#Rezervasyon div label{ width:28%;}
	#Rezervasyon div input, #Rezervasyon div textarea{ width:59%;}
} 


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  
	.Rezervasyon{ text-align:inherit;}
	.Rezervasyon h2{ display:block;line-height:30px;float: left;margin: 10px 0; width:15%;} 
	.Rezervasyon label, .Rezervasyon input { width:18%; text-align:right; float:left; margin-bottom:10px;} 
	.Rezervasyon input { font-size:14px; text-align:left;}
	.Rezervasyon input[type=number] { text-indent:10px;}
	.Rezervasyon .sendButton { margin-bottom:0; width:auto; text-align:center; float:right; margin-right:41px;}
	#Rezervasyon div.sol, #Rezervasyon div.sag{ width:92%;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.Rezervasyon{ margin-top:100px}
	.Rezervasyon h2{ display:block; margin-bottom:10px;} 
	.Rezervasyon label{ width:21%; margin-bottom:10px;text-align:right; line-height:30px; font-size:14px;}
	.Rezervasyon input[type=date],.Rezervasyon input[type=number] { width:63%; margin-bottom:10px; line-height:30px;height:30px; text-indent:10px;  text-align:left;} 
	#Rezervasyon div.sol, #Rezervasyon div.sag{ width:89%;}
	#Rezervasyon div label{ width:28%;}
	#Rezervasyon div input, #Rezervasyon div textarea{ width:59%;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {  
	#Reservation{ display:none;}
 	.Rezervasyon{ margin-top:50px}
	.Rezervasyon h2{ display:block; margin-bottom:10px;} 
	.Rezervasyon label,.Rezervasyon input[type=date],.Rezervasyon input[type=number]{ display:block; text-align:left; width:100%;}
	.Rezervasyon label{ padding-left:0;}
	#Rezervasyon { background:none;}
	#Rezervasyon div.sol, #Rezervasyon div.sag{ margin:0 0 10px 0; min-width:inherit; width:inherit;}
	#Rezervasyon div label{ display: block;width: 92%; text-align:left; padding-left:0;}
	#Rezervasyon .sendButton { width:200px;}
	#Rezervasyon div input, #Rezervasyon div textarea{ width:90%;}
}