.Rezervasyon2{  padding:5px;  margin:0 auto; text-align:center;transition: all .5s linear;} 
.Rezervasyon2 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);text-align: right;
  width: 80px;}
.Rezervasyon2 h2{ color:#d2ac67; display:inline-block; margin-bottom:0;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.Rezervasyon2 input{ display:inline-block; text-align:center;}
#Rezervasyon2 .sendButton, 
.Rezervasyon2 .sendButton {   float: right;  margin: 6px 0;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);}
#Rezervasyon2 .sendButton:hover ,
.Rezervasyon2 .sendButton:hover {background-color:rgba(45, 61, 48, 0.64);}

#Rezervasyon2{ width:100%; text-align:center; background:rgba(45, 61, 48, 0.04); padding-bottom:30px;}
#Rezervasyon2 div.sol,#Rezervasyon2 div.sag{ min-height:247px;width:auto; min-width:43%; background:rgba(210, 19, 73, 1); margin:30px; display:inline-block;}
#Rezervasyon2 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);}

#Rezervasyon2 div input,#Rezervasyon2 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; } 
#Rezervasyon2 div section { display:block; margin:10px; text-align:left;} 
#Rezervasyon2 .sendButton { width:300px; margin-left:0;} 






.Rezervasyon{  padding:5px;  margin:0 auto; text-align:center;transition: all .5s linear;} 
.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);text-align: right;
  width: 80px;}
.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 {   margin: 6px 0;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{ vertical-align: top; min-height:247px;width:auto; min-width:43%; background:rgba(210, 19, 73, 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{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;} 


.Rezervasyon2 #YetiskinSayisi,
.Rezervasyon2 #CocukSayisi{ width: 44px;}

.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-color: rgba(0, 0, 0, 0.71);  font-size:25px; position:absolute; bottom:7px; width:97%; font-family: 'Oswald', sans-serif;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}

.YatayUrunGallery a span{  background:#FFF; display:block; padding: 0;} 
.YatayUrunGallery a span img{width:335px; } 
/**************************************************************************************/
/****Ü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\>************************************************************************/



.Liste3{ text-align: center;}
.Liste3 a{ display: inline-block; margin:10px 15px; width: 355px; height: 310px;overflow: hidden;  text-align: left; position: relative; border: 1px solid #dddddd;}
.Liste3 a img{ width: 355px; height: 250px;}
.Liste3 a div{ opacity: 0; position: absolute; bottom: 0; left: 0; padding:20px;  width: 315px; height: 270px;overflow: hidden;  transition: all .5s linear;background: #fb4848 url("../public/img/price-table-header.png") -50px -50px no-repeat;transform: rotateX(90deg);}
.Liste3 a div p{padding:20px 0;color: #fff;line-height: 1.6;}
.Liste3 a h2{padding: 20px;font-weight: bold; color: #36404B; padding-left: 60px; position: relative; margin: 0; font-size:18px;   white-space: nowrap;    text-overflow: ellipsis;  text-align: left;}
 
 
.Liste3 a h2:before{content:'';position:absolute;left:16px;top:20px;width:10px;height:20px;background:#36404b;transform:skewX(-35deg);-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);}
.Liste3 a h2:after{content:'';position:absolute;left:30px;top:20px;width:10px;height:20px;background:#fb4848;transform:skewX(-35deg);-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);}

.Liste3 a div h2{color: #ffffff; padding-left: 60px;}
.Liste3 a div  h2:before,
.Liste3 a div  h2:after{ background:#fff;}
.Liste3 a:hover div{ opacity: 1;transform: rotateX(0deg);}

/*****************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;}

.Liste2{ text-align: center;}
.Liste2 a{ display: inline-block; overflow: hidden; margin:20px 15px; width: 360px; height: 290px; text-align: left; position: relative;}
.Liste2 a img{ width: 295px; height: 290px;}
.Liste2 a div{ position: absolute; bottom: -130px; right: 0; width: 300px;transition: all .2s linear;}
.Liste2 a div span{ display: block; background: none repeat scroll 0 0 #f8f8f8;padding: 0 16px;text-align: center;    height: 130px;}
.Liste2 a div span p{padding:20px 0;color: #777777;line-height: 1.6;}
.Liste2 a h2{padding: 20px; font-weight: bold; color: #fff; position: relative; margin: 0;    white-space: nowrap;    text-overflow: ellipsis;  text-align: center; background: -webkit-linear-gradient(80deg, #37479f 50%, #3f51b5 50%);    background: -o-linear-gradient(80deg, #37479f 50%, #3f51b5 50%);    background: linear-gradient(170deg, #37479f 50%, #3f51b5 50%);}
.Liste2 a h2:before{ display: block; content: ''; position: absolute; top: -65px;right: 0; width: 65px; height: 65px; background: #ff5252 url("../public/img/kurdale.png") no-repeat center center;}
.Liste2 a:hover div{ bottom: 0;}

/*****************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; margin:4px; border:1px solid #dbdcd7; background:#f6f5f1; padding:7px; width:300px; height:226px; overflow:hidden; text-align:center; position:relative;} 
.subpagesGallery a:hover{  background:#d7d8da; border-color:#cfd0ca;}
.subpagesGallery a h6{ line-height:44px; text-align:center; color:#000;background:#dbdcd7; width:300px; font-size:20px; position:absolute; bottom:6px;font-family: "Oswald", sans-serif;}
.subpagesGallery a:hover h6{ color:#fff; }
.subpagesGallery a span{ width:300px; height:188px; background:#FFF; display:block; padding:0;} 
.subpagesGallery a span img{ max-width:300px; max-height:188px;}


/*****************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("../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%;}
	 
	.Liste3 a{ width: 300px; margin:5px 0px;}
	.Liste3 a div{ width: 260px;}
	.Liste3 a img{ width: 300px;}
}