/* ===== Grid ===== */
.sag-col{ position:relative; width:840px; float:left; }
.sol-col{ position:relative; width:240px; float:left; }
.col_3{ width:360px; position:relative; float:left; }
.row { width: 1080px; margin: 0 auto; overflow: hidden; }
.row .row { margin: 0 -10px; width: auto; display: inline-block; }
/* ===== Common ===== */
.vis { overflow:visible; }
body, html{ height:100%; }
body { background:#fff; margin:0; padding:0; overflow: hidden; }
h1, p, ul { margin:0; }
a { outline:none; text-decoration:none; color:#333; }
a:hover { color:#C62128; }
a img { border:0; }
ul { padding:0; }
li { list-style:none; }
select { padding:5px; }
th { text-align:left; }
sup { font-size:70%; }
* { font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:12px; color:#471F15; }
#fancybox-outer { background:#000 url('fancy.png') center center no-repeat; }
#fancybox-content { border:#000 0 solid; }



/* ------ Bolez ------ */
/* ------ XYZ -------- */


#main-bg-container{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#main-bg{ position:absolute; top:0; left:0; z-index:0; width:105%; height:100%; }
#1975{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
#head{ position: absolute; z-index: 20; width:100%; }
#head-bg{ background:url(head_bg.jpg) 0 0 repeat-x; height:84px;  }
#head-golge{ background:url(head_bg_alt_golge.png) 0 0 repeat-x; height:14px; }

#main-menu{ overflow: hidden; float: left; }
#main-menu li{ background:url(menu_item_bg.png) 0 0 no-repeat; float:left; margin-right: 0px; }
#main-menu li.active{ background:url(menu_item_bg_active.png) 0 0 no-repeat ; float:left; }
#main-menu li.active a img{ margin-top: 0px; margin-left: 0px; }
#main-menu li a{ display:block; width:200px; padding:30px 0; text-align:center; }

#foot{ position:absolute; bottom:0px; z-index:20; width:100%; }

#foot .col_3{
	height: 140px;
	z-index: 18;
}

.foot-item{ bottom:0; position:absolute; background-position:0 34px; background-repeat:no-repeat; width:350px;
	margin:0 5px; overflow:hidden; height:100px; cursor:pointer; }

.foot-item.sari{ background-image:url(foot-bg-1.png); }
.foot-item.kirmizi{ background-image:url(foot-bg-2.png); }
.foot-item.yesil{ background-image:url(foot-bg-3.png); }

.foot-item .icon{ text-align:center; height:90px; }
.foot-item h2{ font-size:20px; margin:0 0 5px 0; color:#000; text-align:center; }
.foot-item p{ padding:0 20px; margin-top:10px; color:#000; text-align:center; }

#tavuk{
	position: absolute;
	top: -270px;
	left: 830px;
	z-index: 17;
}
#tanitim{ position: absolute; right: 35px; top: 20px; }
#tanitim a {float:left;}

.body-rel{ position:relative; }
#player{ width:700px; height:400px; display:none; }

#body{ position: absolute; top: 95px; width:100%; z-index:19; }

#bolez_oykusu{ z-index: 15; top: -45px; background:url(urunlerimiz_bg.png) 0 0 no-repeat; width:772px;
	height:510px; position:absolute; }
#bolez_oykusu .metin{ color:#461e13; line-height: 14px; }
#bolez_oykusu .metin b{ color:#461e13; }
#bolez_oykusu .metin h1{ color:#461e13; font-size:16px; }

#urunlerimiz{ z-index: 19; top: -45px; background:url(urunlerimiz_bg.png) 0 0 no-repeat; width:772px;
	height:509px; position:absolute; }
#urunlerimiz .container{ overflow: hidden; 
	margin: 100px 45px 0 45px; }

#urunlerimiz .item{
	padding-left: 15px;
	float: left;
	width: 154px;
	height: 292px;
	z-index:20;
	
}
@font-face{
		font-family:"my custom font2";
		src:url(../../avalon.ttf);
		}
#healatel{
	float:left; width:700px;
	font-family: "my custom font2",tahoma;}
	@font-face{
		font-family:"my custom font";
		src:url(../../00593.ttf);
		}
#urunlerimiz .item h1{
	font-family: "my custom font",tahoma;
	text-decoration: none;
	text-transform: none;
	position: relative;
	z-index: 26;
	text-align: center;
	color: #FFFFFF;
	font-style: normal;
	font-size: 15px;
	padding-top: 0px;
	line-height: 30px;
	height: 30px;
	width: 154px;
	background-image: url(../../photo/urun_h1_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#urunlerimiz .item h2{
	font-family: "my custom font",tahoma;
	text-decoration: none;
	text-transform: none;
	position: relative;
	z-index: 26;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: -47px;
	font-size: 15px;
	padding-top: 0px;
	line-height: 20px;
	height: 45px;
	width: 154px;
	background-image: url(../../photo/urun_h2_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 154px 45px;
}

#urunlerimiz .item .gorsel{
	margin-top:-26px;
	z-index:25;

position:relative;
	border-right: 2px solid #702103;
	border-bottom: 2px solid #702103;
	border-left: 2px solid #702103;
	border-top: 2px solid #702103;

}
#urunlerimiz .item .gorsel a{  display:block; }
#urunlerimiz .item .gorsel a img{ width:100%; }

#urunlerimiz .aciklama{
	margin-top: 5px;
	color: #401d12;
	text-align: center;
	font-weight: bold;
}
#urunlerimiz .aciklama2{
	margin-top: 5px;
	color: #401d12;
	text-align: center;
	font-weight: bold;
}
#bolez_oykusu .aciklama2{
	margin-top: 20px;
	color: #401d12;
	text-align: center;
	font-weight: bold;
}
#aciklama{
	margin-top: 5px;
	color: #401d12;
	text-align: center;
	font-weight: bold;
}


#iletisim{ z-index: 19; top: -45px; background:url(urunlerimiz_bg.png) 0 0 no-repeat; width:772px;
	height:509px; position:absolute; }
#iletisim .container{ overflow: hidden; 
	margin: 100px 45px 0 45px; }

.form-container{ margin: 5px 45px 0 45px; }



#iletisim{
	z-index: 19;
	top: -45px;
	
	width: 772px;
	height: 509px;
	position: absolute;
}
#iletisim .aciklama{ padding: 10px 0; font-size: 14px; color: #471F15; font-style: italic; }
#iletisim .container{
	overflow: hidden;
	/* [disabled]border-top: 1px solid #1e1300; */
	/* [disabled]border-bottom: 1px solid #1e1300; */
	margin: 50px 45px 0 45px;
	color: #471f15;
	font-size: 16px;
	padding: 20px 0;
	font-style: italic;
}

.form-left{ overflow:hidden; float:left; }
.form-right{ overflow:hidden; float:left; margin-left:10px; }

.selectbox{ border:1px solid #471f15; width:150px; padding-left: 20px; position:relative; height:26px;
	background:url(input-label-bg.png) 2px 2px no-repeat; }
.selectbox label{ display: block; height:18px; padding:2px 0; margin: 2px 0; font-size: 12px; color:#471f15; 
	font-weight:bold; font-style:italic; padding-left:4px; background:url(input-bg.png); float:left; width:120px; }
.selectbox span{ background:url(select-ok.png) center center no-repeat; float:left; width:26px; height:26px;
	display:block; float:left; }
.selectbox ul{ z-index:100; top:26px; border:1px solid #471f15; display:none; position:absolute;
	background:url(input-bg.png); width: 170px; left: -1px; }
.selectbox li{ cursor:pointer; background:none; color:#471f15; padding:3px; }
.selectbox li:hover{ background:#f8cf61; }

.left-inp{ float:left; }

.text-input{ margin-top:10px; border:1px solid #471f15; width:332px; padding-left: 20px; position:relative; 
	height:26px; background:url(input-label-bg.png) 2px 2px no-repeat; }
.text-input label{ display: block; height:18px; padding:2px 0; margin: 2px 0; font-size: 12px; color:#471f15; 
	font-weight:bold; font-style:italic; padding-left:4px; background:url(input-bg.png); float:left; width:325px; }
.text-input input{ width:250px; border:none; margin:0; padding:0; outline:0; background:none; }

.textarea-input{ border:1px solid #471f15; width:296px; position:relative; }
.textarea-input .bg{ background:url(input-label-bg.png) 2px 2px repeat-y;  padding-left: 20px; }
.textarea-input .bg2{ background:url(input-bg.png); width:273px; margin-bottom:2px; }
.textarea-input label{ display: block; height:18px; padding:2px 0; margin: 2px 0; font-size: 12px; color:#471f15; 
	font-weight:bold; font-style:italic; padding-left:4px; }
.textarea-input textarea{ padding:0; margin:0; outline:0; background:none; border:none; resize:none; width:272px;
	height:127px; }

#gonder-div{ text-align:right; }
#mesaj_loading{ width:20px; margin-top: 10px;
margin-right: 25px; }
#gonder{ font-weight:bold; font-style:italic; font-size: 12px; color:#471f15; margin:10px 0 0 0;
	border:1px solid #471f15; padding:2px 10px; outline:0; background:url(input-bg.png); cursor:pointer;  }

#dogum_tarihi{ height:0px; width:0px; border:none; position:absolute; z-index:0; }

#social{ margin-left:20px; float:left; }
#social a{ display:block; height:30px; }

#logolar { text-align: center; margin: 30px auto; width: 250px;}
#logolar a {display: block;}
#logolar img {width: 100%;}
#kipa {background: url(kipa.png) no-repeat;}
#kipa a {float:left;}


#intro-bg { width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }
#intro-bg-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	background: url(intro.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover; }
#pilic { height: 100%; width: 50%; position: absolute; cursor: pointer; }
#koy { height: 100%; width: 50%; position:absolute; right: 0; }
#helal {
	background-image: url(../../helalimg/helal-kesim.png);
	background-repeat: no-repeat;
	height: 372px;
	width: 700px;
	z-index: 25;
	position: absolute;
	margin-top: 100px;
	margin-left: 30px;
	background-size: 700px 370px;

}s
#helalilet {
	/* [disabled]background-image: url(../../photo/iletisim_bg.png); */
	/* [disabled]background-repeat: no-repeat; */
	height: 430px;
	width: 730px;
	z-index: 45;
	position: absolute;
	margin-top: 90px;
	margin-left: 30px;
	/* [disabled]background-size: 730px 410px; */
}
#iletleft{
	float:left;
	background-image: url(../../photo/ilet_left_bg.png);
	background-repeat: no-repeat;
	width:330px;
	z-index: 55;
	position:absolute;
	height:430px;
	background-size: 330px 330px;
	margin-top: 90px;
	margin-left: 30px;
	
	} 
	
#iletright{
	float:right;
		background-image: url(../../photo/ilet_right_bg.png);
	background-repeat: no-repeat;
	width:395px;
	z-index: 55;
	position:relative;
	height:430px;
	background-size: 395px 400px;
	margin-top: 90px;
	margin-left:30px;

	} 
#iletright1{
	float: left;
	width: 150px;
}
#iletright2{
	float:right;
	background-image: url(../../photo/ilet_right_right.png);
	margin-top:100px;
	background-repeat: no-repeat;
	width:190px;
	z-index: 65;
	position:relative;
	height:318px;
	margin-right:14px;

	background-size:190px 210px;
	
	
	}

#iletisimg {
	background-image: url(../../photo/iletisim_bg.jpg);
	background-repeat: no-repeat;
	height: 380px;
	width: 800px;
	z-index: 25;
	position: absolute;
	margin-top: 100px;
	margin-left: 30px;
	background-size: 710px 380px;
}