<!--
/* =RESET
===========================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* =DEFAULTS
===========================================*/
.none {display: none;}
.text_center {text-align:center;}
.text_right {text-align: right;}
.float_left {float: left;}
.float_right {float: right;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: underline;color: #000;}
p{margin-bottom:15px;}
/* =LAYOUT
===========================================*/
body {
	background: #100722 url(../images/zemin.jpg) top center no-repeat;
	text-align: center;
	color: #666;
	font:normal 11px Arial, Helvetica, sans-serif;	
}
h2{font:bold 14px Arial;color:#002E63;}
h3{
	font:bold 14px Arial;
	color: black;
	margin-bottom:10px;
}
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align:left;
}
#icerik1, #icerik{float:left;width:960px;}

#header {
	clear:both;
	width: 960px;
	height:330px;
	margin-bottom:5px;
}

h1#logo a {
	width:310px;
	height:145px;
	text-indent: -9999px;
	display:block;
	cursor:pointer;
	margin:0 auto;
	position: relative;
	top:28px;
	clear:both;
}
h1#logo.TR a {background: url(../images/logo.png) top center no-repeat;}
h1#logo.ENG a {background: url(../images/logoENG.png) top center no-repeat;}

div#dilBar{position: absolute; right:0; top:10px; clear:both;}
ul.dilBar li{ list-style:none; float:left;padding: 0 5px 0 0;}
ul.dilBar li a img{padding:2px}
ul.dilBar li a.selected img{}

.headBar{ 
	position:absolute;
	top:250px;
	left: 0;
	width:960px;
}
.headBar .headUst{
	height:23px;
	color: #fff;
	padding: 10px 0px 0px 35px;
	background: url(../images/3nokta.gif) center left no-repeat;
}
.headBar .loginPane{
	position:absolute;
	top:7px;
	right:0;
}
.headBar .loginPane a{color:#dedede;}
.headBar .loginPane a:hover{color:#fff;}
.headBar ul.headAlt{ list-style-type: none;margin-top:21px;height:30px;}
.headBar ul.headAlt li {float:left;height:33px;}
.headBar ul.headAlt li a{color:#FFF; font: bold 10px Arial;display:block; padding: 7px 0px 6px 5px;width:89px; text-align:center;}
.headBar ul.headAlt li a.first{width:100px;}
.headBar ul.headAlt li a.genis{width:140px;}


/* = ARAMA FORMU
======================*/

.formAlan{
	margin: 0 0 0px 0;
	padding:5px 10px 10px 10px;
}
.tBox {
	border:1px solid #cecece;
	font:normal 10px Verdana;
	background: #fff url(../images/tboxZemin.gif) top left no-repeat;
	padding:3px;
	outline: none;
}

a.girisBtn{
	margin:0;
	padding:2px 10px;
	border:1px solid  #ddd;
	text-decoration:none;
	background: url(../images/header.jpg) top left repeat-x;
	display: inline-block;
	position: relative;
	cursor:pointer;
	color:#333 !important;
}
a:hover.girisBtn{color:#000 !important;}

/* = ARAMA FORMU
======================*/
table.otelarama{float:left; border:none; width:100%; padding:0;}
table.otelarama th{text-align:left;font:bold 13px Arial;}
table.otelarama td{text-align:right;}
table.otelarama td input, table.otelarama td select {width:100%; border:1px solid #333; outline:none;font:normal 11px Verdana;}

a.gorunumharita, a.gorunumliste{display:block; width:152px; padding:8px 0px;font:normal 10px Arial; color:#000; margin:0px 10px 10px 0px; }
a.gorunumharita{background: url(../images/gorunumharita.gif) top left no-repeat;}
a.gorunumliste{background: url(../images/gorunumliste.gif) top left no-repeat;color:#FFF;}


a.araBtn{
	margin:0;
	padding:3px 10px 3px 20px;
	border:1px solid  #ddd;
	text-decoration:none;
	background: url(../images/header.jpg) top left repeat-x;
	display: inline-block;
	position: relative;
	cursor:pointer;
	z-index:99;
}
a.araBtn span{z-index:100;position: absolute; top:5px; left:5px;width:10px; height:10px; border:none; display:inline-block; background: url(../images/049.png)left top no-repeat;}




/* = İÇERİK ORTA
======================*/

h1.genelBaslik {
	margin:10px 0;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#002E63;
}
h2.genelBaslik{
	float:left;
	clear:both;
	display:block;
	font:bold 16px Arial;
	color:#002E63;
	margin-bottom:15px;
}
h2.s1baslik, h2.s2baslik, h2.s3baslik{padding:7px 0px 7px 48px;position:relative; font:bold 13px Arial;}
h2.s1baslik a, h2.s2baslik {font:bold 13px Arial; text-decoration:none;color:#002E63;}
h2.s1baslik a:hover, h2.s2baslik a:hover{color:#100722;}

h2.s1baslik{padding:7px 0px 7px 73px;}
h2.s1baslik{background: url(../images/baslikzemin588.jpg) top left no-repeat;}
h2.s2baslik{background: url(../images/baslikzemin366.jpg) top left no-repeat;}
h2.s3baslik{background: url(../images/baslikzemin960.jpg) top left no-repeat;}

h2 span{position: absolute;	top:3px; right:25px; width:34px; height:34px;}
h2 span.takvim{background: url(../images/ico-takvim.png) top left no-repeat;}
h2 span.haber{background: url(../images/ico-ajanda.png) top left no-repeat;}
h2 span.buyutec{background: url(../images/ico-buyutec.png) top left no-repeat;}
h2 span.duyuru{background: url(../images/ico-duyuru.png) top left no-repeat;}
h2 span.ilanlar{background: url(../images/ico-kalem.png) top left no-repeat;}

#icerikOrta{
	width: 960px;
	float:left;
	clear:both;
	text-align:left;
}

#sutun1{
	float:left;
	clear:left;
	margin-bottom:5px;
	width:588px;
	overflow:hidden;
}
.s1r1, .s1r2 {
	float:left;
	clear:both;
	background: #fff url(../images/kutuzeminsol.gif) top left repeat-y;
	width:100%;
	margin-bottom:6px;
}
.s1r1{width:533px;height: 135px; padding:15px 10px 10px 45px;}
.s1r2{height: 658px;}

#sutun2{
	width: 366px;
	float:right;
	clear: right;
}
.s2r0, .s2r1, .s2r2, .s2r3, .s2r4 {
	float:left;
	clear:both;
	background: #fff url(../images/kutuzeminsag.gif) top right repeat-y;
	width:100%;
	margin-bottom:6px;
	overflow:hidden;
}
.s2r0 {height:160px;}
.s2r1 {height:160px;}
.s2r2 {height:160px;}
.s2r3 {height:160px;}
.s2r4 {height:160px;}





/* =IÇERIK
===========================================*/
.icerikDiv {
	float:left;
	width:100%;
	/*height:430px;*/
	overflow:hidden;
}

.icerik1Div{margin:5px;padding:0px 10px 10px 25px; height:520px;}

#sutun3 .icerikDiv {
	float:left;
	clear:both;
	width:920px;
	padding:25px 0px 10px 40px;
}
#sutun3{float:left; clear: both; width:960px;background: url(../images/kutuzemin960.gif) center top  repeat-y;margin-bottom:15px;}

#icerikResimleri{
	float:left;
	clear:left;
	/*display:block;*/
	margin-bottom:10px;
}
div#icerikResimleri.home{padding-left: 50px;}

#icerikResimleri .imageBox{float:left;}

#icerikMetin{
	width:100%;
}

/* =DUYURU / HABER LİSTELERİ
===========================================*/
.duyuruList {list-style-type:none;}
.duyuruList li h3{font:bold 14px Arial; margin: 0px 0px 7px 0px;}
.duyuruList li a{display:block;padding:10px;}
.duyuruList li a:hover{color:#000000;text-decoration: none; background: #f5f5f5;}
.duyuruList li { float:left; clear:both; text-align:left;width:510px;margin-bottom:5px;}
.duyuruList li img { background: #fff; padding:3px; border:1px solid #d3d3d3; float:left; clear: left; vertical-align: baseline; margin-right:15px;}
.duyuruList li span{display: block; font-weight: normal; font-style:italic;}
.arsivlink * {float:right; clear:both; font: normal 11px Arial; color:#0000CC;}

img.cvresim {border:none; vertical-align:text-top; float:right; margin:0 25px 0 15px;}

/* =DUYURU / HABER LİSTELERİ
===========================================*/
.ilanListesi{margin:10px 20px;}
.ilanList {list-style-type: disc;color:#162A4F;}
.ilanList li { /*float:left;*/ clear:both; text-align:left; margin-bottom:5px;}
.ilanList li a{ font:normal 9px Verdana; color:#162A4F;}
.ilanList li h3 {font:bold 11px Arial; margin:0; color:#162A4F;}
.ilanList li span{display: inline-block; font-weight: normal; font-style:italic;}


.s2r2, .s2r3, .s2r4 {position: relative;}
.s2r2 .ilanListesi .ilanList{ height:130px; overflow:hidden; margin-bottom:10px;}
.s2r2 .arsivlink {position: absolute; top:90px; right:0px;}
.s2r3 .arsivlink, .s2r4 .arsivlink {position: absolute; top:135px; right:20px;}

/* =OTEL / ARAMA LİSTELERİ
===========================================*/
#otelListesi{margin:0;padding:0; list-style-type:none;}
#otelListesi li{float:left; clear: left; width:450px; margin-bottom:15px; position: relative;}
#otelListesi li.cift{float:right; clear: right;}
#otelListesi li h3{font:bold 14px Arial; margin: 0px 0px 7px 0px;width:280px; overflow:hidden; white-space:nowrap;}
#otelListesi li img.thumb { background: #fff; padding:3px; border:1px solid #d3d3d3; float:left; clear: left; vertical-align:top; margin-right:15px;}
#otelListesi li span{display: block; font-weight: bold;}
#otelListesi li span.metin{display: block; font-weight: normal; border:1px solid red;}
#otelListesi li span.yildiz{position:absolute; top:10px; left: 0px;}
#otelListesi li span.yildiz img{display:block;}

#otelListesi li a{display:block; height:90px;padding:10px;overflow: hidden;}
#otelListesi li a:hover{color:#000;text-decoration: none; background: #f5f5f5;}


/* = OTEL DETAYI
===========================================*/
div.otelSag{float:right; width:470px;}
div.otelSol{float:left; width:395px;padding-left:25px;}


div.otelSol .bilgiSatiri span{display:inline-block; width:120px; font-weight: bold;}
div.otelSol .bilgiSatiri{margin-bottom:10px;}
.otelAnaResim{width:455px; height:300px; overflow:hidden;}
.otelAnaResim img{width:455px;}
.otelDigerResim {
	width:100%;
	float:right;
	margin-top:6px;
}

.otelDigerResim ul{list-style-type:none;}
.otelDigerResim ul li{float:left; margin:0px 5px 5px 0px;width:110px; height:75px; overflow:hidden;}
.otelDigerResim ul li a{float:left; margin:0px; padding:0;}

/* BANNERLAR
======================*/

.bannerHolder {
	width:960px;
	clear:both;
	height:90px;
}
.bannerSol, .bannerSag{
	width:470px;
	height:90px;
	overflow:hidden;
	/*background: url(http://dummyimage.com/470x90) top left no-repeat;*/
}
/*.bannerSol{margin: 0 auto;}*/
.bannerSag{float:right;}


/* =FOOTER
===========================================*/
#footer{
	width:960px;
	height:80px;
	float:left;
	clear:both;
	margin-bottom:45px;
	text-align:left;
	background: url(../images/footer.jpg) center bottom repeat-x;
}
#footer .footerlogo{
	float:right;
	width:61px;
	height:26px;
	margin:5px 10px 0px 0px;
	background: url(../images/logokucuk.png) top left no-repeat;
}
#footer .copyright{
	margin:10px 0px 0px 10px;
	float:left;
	color:#dedede;
	font:bold 10px Arial;
}

#footer .copyright a{color:#dedede; text-decoration:underline;}
#footer .copyright a:hover{color:#fff;}



/* = IMAGE BOX
===========================================*/
.imageBox {
	width:126px;
	height:85px;
	float:left;
	border:1px solid #ccc;
	background: #dedede;
	margin:0 4px 4px 0;
	cursor: pointer;

}
.imageBox_theImage {
	width:120px;
	height:80px;
	display:block;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 2px auto;
	margin-bottom:2px;
}
.imageBox .imageBox_theImage {
	border:1px solid #DDD;
}
.imageBox_label {
	text-align:center;
	font-family: arial;
	font-size:12px;
	margin: 0 auto;
}



/* = İLETİŞİM FORMU
===========================================*/
#iletisimFormu {
	/*border:1px solid #ccc;*/
	padding:10px;
	float:left;
	clear:both;
	background: #f5f5f5;
	margin:0;
}

#iletisimFormu .formAlan{
	float:left;
	clear:both;
	margin: 0 0 0px 0;
	padding:5px 10px 10px 10px;
}
#iletisimFormu .active{background: #dedede;}

#iletisimFormu .formAlan span{float:left; clear:both; display:block; white-space:nowrap;}

#iletisimFormu .tBox, #iletisimFormu .tArea{
	width:200px;
	border:1px solid #cecece;
	float:left;
	clear:both;
	font:normal 10px Verdana;
	background: #fff url(../images/tboxZemin.gif) top left no-repeat;
	padding:3px;
}
#iletisimFormu .tArea{height:40px;}
#iletisimFormu .formAlanBtn{float:left; clear:both;background-image:none;margin-left:5px;}
#iletisimFormu .sBtn{
	color: #666;
	font:bold 11px Tahoma;
	padding:4px 20px;
	display:block;
	text-align:center;
	float:left;
	clear:both;
	border:1px solid #ccc;
	background: url(../images/header.jpg) top left repeat-x;
}

#iletisimFormu .formBaslik{
	float:left;
	clear:both;
	/*background:url(../images/hr.png) bottom left no-repeat;*/
}

#iletisimFormu .formBaslik h2{
	font:bold 14px Arial;
	color: #666;
}

.horizontalrule {
	clear:both;
	padding:0;
	margin:15px auto;
	border:none;
	width:135px;
	height:3px;
	background:url(../images/hr.png) center left no-repeat;
}
/* = SAYFALAMA
===========================================*/
#sayfala {clear:both; margin:10px auto;}
ul.pageNav li {float:left; list-style: none;}
ul.pageNav li a {
	font:normal 12px Verdana;
	color: #333;
	width:15px;
	height:15px;
	padding:5px;
	margin:0 2px;
	display:block;
	border:1px solid #CCCCCC;
	background: #F5F5F5;
	text-align:center;
	text-decoration: none;
}
li.currentPage {}
ul.pageNav li.currentPage a {
	color: #000;
	background: #dedede;
	border-color: black;
}

/* =HATA MESAJLARI
==========================*/

.msg {
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-family: "Verdana",Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	display:block;
	width:350px;
	margin: 10px auto;
	clear:both;
	}

.tamam {
	background: #E1FFD7 url(../images/tamam.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border: 2px solid #97CB85;
	}
.hata {
	background: #F9D2CB url(../images/hata.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border: 2px solid #D1604F;
	}
.bilgi {
	background: #DAEAFD url(../images/bilgi.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border: 2px solid #5D84B2;
	}
.yardim {
	background: #F9F6CC url(../images/yardim.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border: 2px solid #CFC85A;
	}
-->