@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400);
body{margin:0; padding:0; font-family: 'Ubuntu', sans-serif;}
.clear{clear:both; margin:0; padding:0;}
.LineUst{margin:0; padding:0; height:145px; background:url(../images/bg1.jpg) top left;}
.LineBanner img{width:100%; height:auto}
.LineIcerik{background-color:#fff; margin:0; padding:0; }
.LineAlt1{margin:0; padding:0; height:55px; border-bottom:1px solid #38c4dd; background-color:#dfd8be}
.LineAlt2{margin:0; padding:0; height:120px; background:url(../images/bg2.jpg) top left;}
.merkez{width:1142px; position:relative;}
.logo{position:absolute; top:25px; left:8px}
.LineUst i{float:right; color:#EE872C; margin:8px; font-size:36px; cursor:pointer; transition: 1s ease; margin-top:25px}
.LineUst i:hover{color:#38c4dd;}
.LineUst input{float:right; margin:8px; padding:8px; border:1px solid #c8c8c8; margin-top:25px}
.menu{background-color:#dfd8be; height:55px; position:absolute; top:90px; left:0px; width:100%;}
.menu0{display:none; width:100%; padding:10px; text-align:center;}
.menu ul{padding:0; margin:0; list-style:none; color:#8a7f55; font-weight:300; font-size:18px}
.menu ul li{float:left; border-right:1px solid #cdc6ac; cursor:pointer; transition: 1s ease; position:relative;}
.menu ul li a{color:#8a7f55; text-decoration:none; display:block; padding: 17px 25px; }
.menu ul li:hover{background-color:#8a7f55; color:#FFF;}
.menu ul li:hover a{color:#FFF;}
.menu ul li:hover .menuSub{display:block;}
.menu .menuSub{margin:0; padding:0; list-style:none; background-color:#dfd8be; position:absolute; top:50px; left:0px; font-size:14px; width:340px;
-webkit-box-shadow: 4px 4px 1px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    4px 4px 1px 0px rgba(50, 50, 50, 0.26);
box-shadow:         4px 4px 1px 0px rgba(50, 50, 50, 0.26);
z-index:2;
border-top:1px solid #8a7f55;
display:none;
transition: 0.5s ease;
}
.menu .menuSub li{width:100% !important; padding:0px !important; border:0px; border-bottom:1px solid #B1A177;}
.menu .menuSub li a{display:block; padding:10px 12px; color:#8a7f55 !important;}
.menu .menuSub li a:hover{color:#FFF !important;
	-webkit-box-shadow: inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
}
.tel{float:right; margin:7px; color:#8a7f55; font-size:36px; display:inline-block; font-weight:bold}
.alankodu{float:right; font-size:13px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin-top:20px; color:#8a7f55; display:inline-block}
.adres{margin:8px; float:left; display:inline-block; color:#766A3C; font-weight:300; font-size:15px}
.AltLogo{margin:8px; float:right; margin-top:15px}
.LineAlt2 .merkez ul{padding:0; margin:0; list-style:none;}
.LineAlt2 .merkez ul li{float:left; width:20%; text-align:center; height:100px; margin-top:20px}
.duyuru{margin:0; padding:0; height:45px; background-color: #E8E8E8; margin-bottom:20px}
.duyuruHac{
    margin: 0;
    padding: 0;
    height: 60px;
    background-color: #EE872C;
    margin-bottom: 20px;
    text-align: center;
}
.duyuruHaci{
    padding: 16px;
    text-align: center;
    color: white;
    text-decoration: underline;
    font-size: 24px;
}
.duyuru1{width:50px; height:45px; background-color:#b6ad8b; float:left}
.duyuru1 i{color:#fff; font-size:30px; margin:8px}
.duyuru2{margin:8px; text-align:center; width:1000px; float:left; color:#444; font-size:24px; font-weight:300; border-right:1px solid #ccc; overflow:hidden; display:none}
.duyuru3{float:right}
.duyuru3 i{font-size:24px; padding:10px;}
.blok{margin:0; padding:0; list-style:none; margin-bottom:20px}
.blok li{float:left; width:370px; margin:5px; position:relative; cursor:pointer}
.blok li img{width:100%; height:auto;}
.blokBaslik{background:url(../images/baslik_bg.png) top right no-repeat; width:169px; height:36px; position:absolute; right:0px; top:20px; margin-right:-5px; color:#fff; padding:5px; text-align:right; padding-right:20px}
.blokBaslik strong{font-weight:bold; color:#363535}
h1, h2{color:#8a815e; font-size:30px; font-weight:300; margin:0; padding:0; padding-left:10px; border-bottom:1px solid #dfd8be;}
h1 span{color:#EE872C; font-weight:bold}
h3{color:#8a815e; font-size:20px; font-weight:300; margin:0; padding:0; border-bottom:1px dotted #dfd8be;}
article{font-weight:300; color:#444; margin-top:15px; margin-bottom:15px; text-align:justify}
.belgeler, .oteller{margin:0; padding:0; list-style:none; }
.belgeler li, .oteller li{float:left; width:200px; height:172px; margin:13px; border:1px solid #efefef; cursor:pointer; transition: 0.5s ease; position:relative; margin-bottom:20px}
.oteller li a{text-decoration:none; color:#8a7f55}
.oteller li:hover a{text-decoration:none; color:#fff}
.belgeler li:hover, .oteller li:hover{
	-webkit-box-shadow: inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
}
.belgeAdi{position:absolute; padding-top:8px; padding-bottom:8px; bottom:0px; left:0px; background:#dfd8be; color:#8a7f55; font-size:12px; font-weight:300; margin:0px; width:100%; text-align:center; transition: 0.5s ease;}
.belgeler li:hover .belgeAdi{bottom:-27px; z-index:2; background-color:#444; color:#fff;}
.oteller li:hover .belgeAdi{bottom:-27px; z-index:2; background-color:#444; color:#fff;}
#sol, #sag{cursor:pointer}
.popUp{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.2); top:0px; left:0px; z-index:2; display:none}
.popUpPencere{position:absolute; left:50%; top:50%; width:500px; height:600px; margin-left:-250px; margin-top:-300px; background-color:#FFF;display:none}
.popUpPencereKapat{width:35px; height:35px; position:absolute; top:0px; right:-35px; background-color:#FF7E00; color:#FFF; text-align:center; font-size:24px; cursor:pointer}
.popUpBaslik{background:#dfd8be; color:#8a7f55; font-size:16px; font-weight:300; padding:8px; position:absolute; top:-34px; left:0px;}
#map{width:600px; height:310px; border:1px solid #ccc; float:left; margin-top:20px; margin-right:20px}
.otellerSecenek{float:right; padding:5px}
.star{position:absolute; top:0; right:0; background:rgba(0,0,0,0.5)}
.star i{font-size:10px; color:#FFD31C; float:left; margin:3px;}
.geriDon{float:right; padding:4px; font-size:16px; color:#444; display:inline-block; cursor:pointer; font-weight:400; transition: 0.5s ease}
.geriDon:hover{color:#8a7f55}
.geriDon:hover i{margin-right:10px}
.geriDon i{margin-right:5px; transition: 0.5s ease}
.OtelDetay{margin:8px; margin-top:20px;}
.OtelDetay img{float:left; margin:8px; margin-right:15px; border:3px solid #fff; width:300px;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    0px 0px 14px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         0px 0px 14px 0px rgba(50, 50, 50, 0.55);
}
.OtelDetay table{float:left; width:770px; border:0px; font-weight:300; margin-top:8px; margin-left:20px}
.OtelDetay table tr td{border-bottom:1px solid #fff;}
.tabloBaslik{background-color:#dfd8be; color:#8a7f55}
.tabloDeger{background-color:#efefef; color:#444}
.AltBaslik{margin-top:15px; margin-bottom:0px}
#map{width:100%; height:300px}
.UmreMenu{float:left; width:230px; border-left:1px solid #dfd8be}
.UmreProgramlari{float:left; width:910px;}
.UmreProgramlari0{margin:10px; display:none}
#UmreKategori{margin:0; padding:0; list-style:none}
#UmreKategori li{border-bottom:1px dotted #dfd8be; padding:10px; color:#8a815e; font-weight:300; transition: 0.5s ease; cursor:pointer}
#UmreKategori li:hover{
	-webkit-box-shadow: inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	background-color:#dfd8be; color:#4D3D06;
}
.UmreKategoriAktif{background-color:#8a815e !important; color:#fff !important;}
.UmreTur{padding:10px; background-color:#efefef; font-weight:300;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.UmreTurOtel{padding:10px; background-color:#fff; font-weight:300; }
.UmreOtelBaslik{float:left; padding:8px; background-color:#D8D4BF; display:inline-block; width:100px; margin-top:-3px; margin-bottom:5px}
.UmreOtel{float:left; padding:8px; background-color:#efefef; display:inline-block ; width:730px; margin-right:5px; margin-top:-3px; margin-bottom:5px}
.UmreOtel i{float:right; margin-right:3px}
.UmreOtel a{color:#444; text-decoration:none}
.Secenekler{width:100%; font-weight:300; transition: 0.5s ease; border-bottom:1px dotted #ccc;}
.Secenekler:hover{background-color:#FFF4BD}
.Secenekler .secenek{width:200px; float:left; padding:8px; display:inline-block}
.Secenekler .SecenekOda{width:100px; float:left; padding:8px; display:inline-block; font-weight:400; font-size:14px; }
.Secenekler .SecenekOda0{width:100px; float:left; padding:8px; display:inline-block; font-weight:300; font-size:14px; }
.HacSure{display:inline-block; float:right;}
.HacSure i{float:left; margin-right:5px; margin-top:2px}
.HacDetay{padding:10px; font-weight:300; width:680px; border-right:1px dotted #efefef; margin-right:10px; float:left}
.HacFiyat{padding:0px; margin:10px; font-weight:300; list-style:none; float:left}
.HacFiyat li{width:150px; text-align:center; padding:3px; font-size:13px}
.HacFiyat0{padding:5px; background-color:#22CC08; color:#FFF; text-align:center; font-weight:400; font-size:20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:2px
}
.Bilgi{margin:0; padding:0; list-style:none;}
.Bilgi li{border-bottom:1px dotted #dfd8be; padding:10px; color:#8a815e; font-weight:300; transition: 0.5s ease; cursor:pointer}
.Bilgi li a{text-decoration:none; color:#8a815e; font-weight:300;}
.Bilgi li a i{margin-right:3px}
.Bilgi li:hover{
	-webkit-box-shadow: inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         inset 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	background-color:#dfd8be; color:#4D3D06;
}
.Bilgi li:hover a{color:#4D3D06;}
.IcerikDetay{margin:10px; font-weight:300}
#araSonuc{position:absolute; left:685px; top:58px; width:400px; background-color:#ff0000; z-index:2; height:400px; overflow:auto; font-size:13px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #efefef 0%, #fff 100%);
    background-image: -o-linear-gradient(bottom, #efefef 0%, #fff 100%);
    background-image: -ms-linear-gradient(bottom, #efefef 0%, #fff 100%);
    background-image: linear-gradient(bottom, #efefef 0%, #fff 100%);
	-webkit-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 14px 0px rgba(50, 50, 50, 0.75);
	display:none;
	font-weight:300;
	margin:0; padding:0; list-style:none;
}
#araSonuc li{padding:5px; border-bottom:1px dotted #ccc; cursor:pointer;}
#araSonuc li:hover{background-color:#8a815e; color:#fff;}
.Konaklama{padding:8px; padding-bottom:12px;}
.Konaklama i{margin-right:20px}
/*-----------------------------------------------------*/
.aciklama { float: left; width: 530px; margin-bottom: 40px; margin-top:10px }
article { margin: 10px; background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); padding: 15px; overflow: hidden; position: relative; cursor: pointer; }
.borderYok{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0); cursor:default}
.borderYok:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0);}
.article { padding: 15px; overflow: hidden; position: relative; margin: 10px; }
article h3{margin-top:15px;}
article:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); }
article:hover h3 { color: #8a815e }
article:hover .bar { color:#000;}
article:hover .tarih { color: #000 }
article:hover .bar2 a { background-color: #8a815e }
.sosyal { margin: 0px; padding: 0px; list-style: none; float: right; margin-right: 10px }
.sosyal li { float: left; margin: 3px; }
.sosyal li a { color: #fff; font-size: 18px; }
.sosyal li a:hover { color: #232222 }
article img { float: left; margin-right: 15px; margin-top: 20px; width: 400px }
.tarih { float: left; display: inline-block; color: #ccc; margin-top: 5px; margin-left: 10px; font-size: 14px }
button { float: right; margin-right: 10px; color: #fff; margin-top: 7px; height: 35px;  border: 0px; cursor: pointer; margin-right: 25px }
button:hover { background-color: #2E2D2D }
.bar { position: absolute; top: 15px; height: 25px; right: 20px; color: #444; text-align:right; display:inline-block; }
.bar2 { position: absolute; bottom: 10px; height: 30px; right: 0px; color: #444; display: inline-block; margin-right: 20px; }
.bar2 a { padding: 5px 15px; background-color: #444; color: #fff; }
.clear { clear: both; }
.sonra, .once { display: inline-block; padding: 8px 15px; background-color: #8a815e; color: #fff; margin: 10px; margin-bottom: 20px; text-decoration:none }
.sonra { float: right }
.once { float: left }
.etiket { padding: 4px 5px; margin-right: 3px; background-color: #8a815e; color: #FFF; text-decoration: none; transition: 0.5s ease; font-size: 14px; cursor: pointer; }
.etiket i { margin-right: 3px; margin-top:10px }
.etiket:hover { background-color: #000; color: #FFF}
.alt { width: 100%; background-color: #444; color: #FFF; }
.mavi3 { padding: 8px 10px 7px 20px; margin: 0px 0px; color: #8a815e; font-size: 12px; text-transform: uppercase; cursor: pointer;  
background-color: #dfd8be; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  text-decoration: none; }
/*--------------------------------------------------*/
button{transition: 0.5s ease;color:#fff; background-color:#EE872C;}
button:hover{background-color:#373737;}
.SS{margin-top:50px; margin-bottom:50px; border:5px solid #D3D3D3 ; position: relative; padding:8px;}
.SS .SoruSorBaslik{position:absolute; color:#fff; background-color:#EE872C; display:inline-block; top:-49px; padding:5px 10px; left:-5px; font-size:14px}
.SS button{float:right; margin:0px; padding:12px 15px; width:clac(8% - 30px); height:40px;}
.SS input{padding:12px 15px; float:left; width:calc(88% - 30px); border:1px solid #E57A10}
.SS .soruCevapLink{position:absolute; bottom:-30px; left:14px; display:inline-block;}
.SS .soruCevapLink a{color:#EE872C; font-weight:bold}
.SS2{margin-top:10px; margin-bottom:10px; border:5px solid #efefef; position: relative; padding:8px;}
.SS2 input{padding:12px 15px; float:left; width:calc(100% - 30px); border:1px solid #E57A10}
.SS3{margin-top:10px; margin-bottom:10px; position: relative; padding:8px;}
.SS3 input{padding:12px 15px; float:left; width:calc(33% - 35px); border:1px solid #E57A10; margin-left:5px}
.SS3 textarea{padding:12px 15px; float:left; width:calc(100% - 40px); border:1px solid #E57A10; margin:5px; height:200px; margin-top:10px}
.SS3 button{float:right; margin-top:10px; padding:12px 15px; height:40px; margin-right:0px}
.SS3 iframe{border:1px solid #EE872C; width:95px; height:25px; float:left; margin-left:5px; background-color:#cccccc}
#yazisay{background-color:#444; color:#FFF; position:absolute; bottom:5px; right:3px; padding:5px; font-size:12px;}
/*---------------------------------------------------*/
.Cevaplar{margin-top:40px; width:100%;}
.soru{border:1px solid #ccc; padding:8px; position:relative; transition: 0.5s ease; background:#fff;}
.soru .zaman{background-color:#E57A10; padding:3px 5px; color:#fff; position:absolute; top:-20px; right:-1px; font-size:12px; transition: 0.5s ease;}
.cevap{border:1px solid #ccc; padding:8px; margin-top:5px; position:relative; transition: 0.5s ease; cursor:pointer}
.soru1{float:left; border-right:1px solid #efefef; font-weight:bold; color:#E57A10; display:inline-block; padding-right:10px;}
.soru2{float:left; font-weight:bold; color:#444; padding-right:10px; width:90%; margin-left:10px; font-size:13px; padding-top:3px}
.cevap1{float:left; font-weight:bold; color:#0ABF02;  padding-right:10px; width:100%; margin-bottom:10px}
.cevap2{ margin-bottom:20px;font-size:13px; }
.Cevaplar:hover .cevap{
	-webkit-box-shadow: inset 0px 0px 13px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    inset 0px 0px 13px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         inset 0px 0px 13px 0px rgba(50, 50, 50, 0.75);
}
.Cevaplar:hover .soru{background:#E57A10; border:1px solid #E57A10}
.Cevaplar:hover .soru1{color:#FFF;}
.Cevaplar:hover .soru2{color:#FFF;}
.Cevaplar:hover .zaman{top:-22px;}
.cevap .devam{color:#E57A10; position: absolute; bottom:0px; right:10px; padding:5px 10px; text-decoration:none; transition: 0.5s ease;}
.cevap .devam:hover{text-decoration:underline;}
.soruu{border:1px solid #ccc; padding:8px; position:relative; transition: 0.5s ease; background:#fff;}
.soruu .zaman2{background-color:#E57A10; padding:3px 5px; color:#fff; position:absolute; top:-20px; right:-1px; font-size:12px; transition: 0.5s ease;}
.cevapu{border:1px solid #ccc; padding:8px; margin-top:5px; position:relative; transition: 0.5s ease; cursor:pointer}
.soru1u{float:left; font-weight:bold; color:#E57A10; display:inline-block; padding-right:10px; border-bottom:1px dotted #E57A10; padding-bottom:5px; margin-bottom:10px;}
.soru2u{float:left; font-weight:bold; color:#444; padding-right:10px; width:90%; padding-left:10px; font-size:13px; padding-top:3px; border-bottom:1px dotted #E57A10; padding-bottom:6px; margin-bottom:10px;}
.cevap1u{float:left; font-weight:bold; color:#0ABF02;  padding-right:10px; width:100%; margin-bottom:10px}
.cevap2u{ margin-bottom:20px;font-size:13px; }
.GeriDon2{display:inline-block; padding:8px; cursor:pointer;}
.GeriDon2 span{color:#444; padding:8px 0px;}
.GeriDon2 i{color:#E57A10; float:left; font-size:24px; margin-right:15px; transition: 0.5s ease;}
.GeriDon2:hover i{margin-left:-5px;}
.SCetiket{float:right; padding:3px 5px; display:inline-block; text-decoration:none; transition: 0.5s ease;}
.SCetiket i{margin-right:5px;}
.SCetiket:hover{color:#E57A10;}
/*---------------------------------------------------*/
.IconBox1{width:136px; height:136px; border:3px solid #ccc; margin-top:30px; margin-left:calc(50% - 84px); text-align:center;}
.IconBox2{width:130px; height:130px; border:1px solid #E57A10; margin:2px;}
.IconBox2 i{font-size:66px; color:#E57A10; margin-top:30px}
.mesaj{text-align:center; font-weight:800; color:#B4B3B3; margin:30px}
.mesaj span{color:#E57A10}
/*---------------------------------------------------*/
.tanitim{padding:30px; background-color:#EE872C; color:#fff; margin-top:30px; position:relative; overflow:hidden;}
.tanitim a{color:#fff; font-weight:bold; text-decoration:underline;}
.tanitim h3{color:#fff; border-bottom:0px; margin:0px; padding:0px; margin-bottom:20px; font-weight:bold;}
.tanitim h2{color:#fff; border-bottom:0px; margin:0px; padding:0px; margin-bottom:20px; font-weight:bold; font-size:20px;}
.tanitim i{color:#000; font-size:500px; position:absolute; right:-10px; top:-100px;
	-ms-transform: rotate(9deg); /* IE 9 */
    -webkit-transform: rotate(9deg); /* Chrome, Safari, Opera */
    transform: rotate(9deg);
	opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}
@media only screen and (max-width: 479px) {
	.merkez, #map{width:100%}
	.belgeler li, .oteller li{width:100%; margin:0px;}
	article{margin:8px; width:90% !important}
	.menu0{display:block}
	.menu, .sosyal, .partnerler, #ara, #butonAra, .duyuru{display:none}
	.adres{text-align:center; font-size:14px; margin:5px}
	.LineAlt1 .merkez{text-align:center}
	.AltLogo{float:none}
	.logo{position:static; margin:15px}
	.LineUst{height:auto}
	.blok li{width:100%}
	h1, h2{font-size:20px;}
	.OtelDetay table{width:90%}
	.UmreMenu{float:right; width:100%;}
	.UmreProgramlari{float:right; width:100%;}
	.UmreOtel{width:95%}
		article img{width:100%}
	.aciklama{width:100%}
	.sosyal li a{font-size:24px}
	.bar{height:35px;}
	article img{margin-top:35px}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.merkez, #map{width:100%}
	.belgeler li{width:100%; margin:0px;}
	article{margin:8px; width:90% !important}
	.menu0{display:block}
	.menu, .sosyal, .partnerler, #ara, #butonAra, .duyuru{display:none}
	.adres{text-align:center; font-size:14px; margin:5px}
	.LineAlt1 .merkez{text-align:center}
	.AltLogo{float:none}
	.logo{position:static; margin:15px}
	.LineUst{height:auto}
	.blok li{width:100%}
	.OtelDetay table{width:100%}
	.UmreMenu{float:right; width:100%;}
	.UmreProgramlari{float:right; width:100%;}
	.UmreOtel{width:95%}
	
	article img{width:100%}
	.aciklama{width:100%}
	.sosyal li a{font-size:24px}
	.bar{height:35px;}
	article img{margin-top:35px}
}
.miniLogo{display:inline-block; float:right; margin:7px; margin-top:10px; text-align:center; font-size:9px}