﻿/***********************************************************
Arma Web Agency
Estetikmed - CSS Döküm
23.03.2013
Author:CemaLi
***********************************************************/

/* #GOOGLE FONT
================================================== */
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,900,200&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700&subset=latin,latin-ext);
/* #GENEL
================================================== */
body {
	width: 100%;
	color: #696969;
	font-size: 12px;
	font-weight:400;
	font-family: 'Dosis' , sans-serif; 
	background:#fff url(../resimler/arkaplan.png) right repeat;
}

.ust-bolum {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	height: 661px;
	width: 100%;
	background:url(../resimler/ust-arka.png) center top repeat-x;
}

.ust-bolum.alt-sayfa {
	height: 280px;
	background:url(../resimler/alt-sayfa.png) repeat-x;
}


/* #ŞABLON YAPISI
================================================== */
.sablon {
	width: 960px;
	margin: auto;
}

/* #ÜST ALAN
================================================== */
.ust-alan {
	height: 160px;
}
.ust-alan .ust-icerik{
	height: 160px;
	height: 45px;
}

/*=== Tarih ===*/
.ust-icerik .tarih {
	float: left;
	margin: 12px 0 0 0;
}
.ust-icerik .tarih span {
	width: 12px;
	height: 12px;
	background-position: 0 0;
	margin: 5px 5px 0 0;
}
.ust-icerik .tarih label {
	float: left;
	font:  14px 'Titillium Web', sans-serif;
	color: #fefefe;
}


/*=== Telefon, Sosyal Ağlar ve Diller ===*/
.ust-icerik .telefon-sosyal-dil {
	float: right;
	height: 45px;
}
.ust-icerik .telefon-sosyal-dil li{
	height: 45px;
	float: left;
	background: url(../resimler/ust-ara-cizgi.png) right center no-repeat;
}

/*=== Telefon ===*/
.telefon-sosyal-dil .telefon {
	width: 120px;
	margin: 10px 0 0 10px;
	text-shadow: 1px 1px #163c57;
}
.telefon-sosyal-dil .telefon-k {
	padding: 0 10px 0 10px;
	margin: 12px 0 0 0;
	display: block;
	text-shadow: 1px 1px #163c57;
	color: #ee4242;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 2px;
}
.telefon-sosyal-dil .telefon span {
	width: 10px;
	height: 27px;
	background-position: -15px 0;
}
.telefon-sosyal-dil .telefon label {
	display: inline-block;
	color: #fefeff;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 0 10px;
}

/*=== Sosyal Ağlar ===*/
.sosyal {
	width: 175px;
	margin: 10px 10px 0 0;
}
.sosyal a {
	margin: 5px 0 0 18px;
}

/* WhatsApp */
.sosyal a.whatsapp {
	position: relative;
	width: 18px;
	height: 18px;
	background-position: -30px 0;
	cursor: default;
}
.sosyal a.whatsapp .whatsapp-info {
	position: absolute;
	left: -10px;
	top: 17px;
	display: none;
	width: 296px;
	height: 160px;
	background: url(../resimler/whatsapp-bg.png) left 12px no-repeat;
}
.sosyal .whatsapp .whatsapp-info ul { 
	position: relative;
	margin: 38px 0 0 120px;
}
.sosyal .whatsapp .whatsapp-info ul li { 
	overflow: hidden;
	margin: 0 0 10px 0;
	height: auto;
	float: none;
	background: none;
	font-size: 14px;
	font-weight: 300;
	color: #66b46a;
}
.sosyal .whatsapp .whatsapp-info b { 
	display: block;
	float: left;
	width: 30px;
}
.sosyal .whatsapp .whatsapp-info label { 
	color: #fefeff;
	display: block;
	float: left;
}
.sosyal a.whatsapp:hover {
	background-position: -30px -22px;
}
.sosyal a.facebook {
	width: 11px;
	height: 17px;
	background-position: -51px 0;
}
.sosyal a.facebook:hover {
	background-position: -51px -22px;
}
.sosyal a.twitter {
	width: 19px;
	height: 14px;
	background-position: -64px 0;
	margin: 7px 0 0 18px
}
.sosyal a.twitter:hover {
	background-position: -64px -22px;
}
.sosyal a.youtube {
	width: 18px;
	height: 17px;
	background-position: -86px 0;
}
.sosyal a.youtube:hover {
	background-position: -86px -22px;
}
.sosyal a.google {
	width: 19px;
	height: 15px;
	background-position: -107px 0;
	margin: 7px 0 0 18px
}
.sosyal a.google:hover {
	background-position: -107px -22px;
}

/*=== Diller ===*/
.telefon-sosyal-dil .dil {
	background: url(../resimler/dil-arka.png) no-repeat;
	height: 45px;
	width: 116px;
}
.telefon-sosyal-dil .dil a {
	display: block;
	height: 23px;
	float: left;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-shadow: 1px 1px #193d55;
	margin: 15px 5px 0 7px;
	background: url(../resimler/dil-ara-cizgi.png) right center no-repeat;
}
.telefon-sosyal-dil .iltsm a {
	display: block;
	height: 23px;
	float: left;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-shadow: 1px 1px #193d55;
	margin: 15px auto;
	padding: 0 15px 0 15px;
}
.telefon-sosyal-dil .dil a.daktif,
.telefon-sosyal-dil .iltsm a:hover,
.telefon-sosyal-dil .dil a:hover {
	color: #628a8f;
}
/*=== Logo ve Menüler ===*/
.logo-menu {
	height: 114px;
	overflow: hidden;
}
.logo-menu .logo {
	margin: 10px 0 0 0;
	float: left;
}
.menu {
    background-color: #68a3ad !important;
	width: 567px;
	height: 55px;
	float: right;
	margin: 35px 0 0 0;
	background: url(../resimler/menu-arka.png) no-repeat;
}
.menu ul li {
	overflow: hidden;
	float: left;
}
.menu ul li a {
	color: #113955;
	font-size: 14px;
	text-shadow:1px 1px #467883;
	display: block;
    padding: 0 30px 0 30px;
	height: 52px;
	line-height: 52px;
}
.menu ul li a.maktif,
.menu ul li a:hover {
	color: #fefefe;
	background: url(../resimler/menu-h.png) no-repeat;
}

/* #SLAYT ALAN
================================================== */
.slayt-alan {
	width: 960px !important;
	height: 404px !important;
	margin: 29px 0 0 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	/*background: url(../resimler/slayt/slayt.png) no-repeat;*/
}

/* #ORTA MENÜLER
================================================== */
.orta-menu {
	height: 62px;
	position: relative;
	width: 960px;
	z-index: 996;
}
.orta-menu ul li {
	float: left;

	 text-align: center;
	 position: relative;
}
.orta-menu ul li a {
	color: #505155;
	font-size: 14px;
	font-weight: 600;
	line-height: 28px;
	margin: 0;
	padding: 0 24px 0 23px;
	height: 30px;
	display: block;
	border-right: 1px solid #dbdbdb;
}

.orta-menu ul li .orta-menu-i {
	width: 24px;
	height: 15px;
	background-position: -128px 0;
	float: none;
	display: inline-block;
	margin: 1px auto;
}
.orta-menu.asagi-ac ul li .orta-menu-i {
	background-position: -243px 0 ;
}
.orta-menu ul li ul {
	display: none;
	position: absolute;
	left: 0;
	background: url(../resimler/orta-menu-a.png) repeat;
	width: 185px;
	border: 1px solid #255069;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 1);
}
.orta-menu.yukari-ac ul li ul {
	bottom: 50px;
}
.orta-menu.asagi-ac ul li ul {
	top: 50px;
}

.orta-menu ul li ul li {
	width: 100%;
	text-align: left;
}
.orta-menu ul li ul li a {
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 600;
	*font-weight: 500;
	line-height: 23px;
	height: 30px;
	display: block;
	border-right: none;
	padding: 0;
	margin: 0;
}
.orta-menu ul li ul li a:hover {
	background: #b3c6ce;
	color: #113955 !important;
}
.orta-menu ul li ul li a i {
	font-style: normal;
	font-size: 20px;
	margin: 5px 10px 0 5px;
}


/* #ORT ALAN
================================================== */
.orta-alan {
	margin: 20px 0 0 0;
}

/*=== Son Twittler ===*/
.orta-alan .son-twit {
	width: 771px;
	height: 31px;
	border: 1px solid #e3e3e3;
	border-left: 2px solid #4a9bd5;
	background: #fdfdfd url(../resimler/gri-cizgi.png) repeat-x;
	float: left;
	overflow: hidden;
}
.son-twit .twit-iko {
	width: 19px;
	height: 15px;
	margin: 7px;
	background-position: -155px 0; 
}
.son-twit .twit-baslik {
	font-size: 14px;
	font-weight: 600;
	color: #2679b5;
	border-right: 1px solid #2679b5;
	margin: 5px 10px 0 0;
	padding: 0 20px 0 0;
	display: inline-block;
	border-right: 1px solid #2679b5;
	float: left;
}
.son-twit .twit-liste { 
	display: block;
	float: left;
	width: 580px;
	margin: 6px 0 0 0;
	clear: none !important;
}
.son-twit ul {
	float: left;
	display: inline-block;
	overflow: hidden;
	margin: 6px;
}
.son-twit ul li  {
	width: 577px;
	height: 31px;
}
.son-twit ul li a {
	color: #959598;
}
.son-twit ul li a:hover {
	color: #000;
}
.son-twit .twit-yon {
	float: right;
	width: 27px;
	height: 31px;
	background-position: -178px 0;
}
.son-twit .twit-yon .i {
	width: 7px;
	height: 7px;
	float: none;
	margin: 6px auto;
	cursor: pointer;
}
.son-twit .twit-yon .twit-yon-y {
	background-position: -157px -17px;
}
.son-twit .twit-yon .twit-yon-y:hover {
	background-position: -166px -17px;
}
.son-twit .twit-yon .twit-yon-a {
	background-position: -157px -26px;
}
.son-twit .twit-yon .twit-yon-a:hover {
	background-position: -166px -26px;
}

/*=== Arama Alan ===*/
.orta-alan .arama-alan {
	width: 172px;
	height: 31px;
	background: url(../resimler/gri-cizgi.png) repeat-x;
	border: 1px solid #e3e3e3;
	border-left: 2px solid #4a9bd5;
	float: right;
	overflow: hidden;
	position: relative;
}
.orta-alan .arama-alan .aranan {
	width: 136px;
	height : 25px;
	font-family: 'Dosis' ,sans-serif;
	padding: 3px;
	text-indent: 10px;
	font-size: 14px;
	background: transparent;
}
.orta-alan .arama-alan .i {
	background-position: -206px 0 ;
	width: 32px;
	height: 31px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}


/*=== Orta Kutular ===*/
.orta-alan .orta-kutular {
	margin: 25px 0 0 0;
	overflow: hidden;
	width: 960px;
}
.orta-kutular ul {
	width: 980px;
	overflow: hidden;
}
.orta-kutular ul li {
	width: 246px;
	float: left;
	height: 155px;
	overflow: hidden;
	margin:  0 14px 0 0;
	border: 1px solid #e0e0e0;
	border-bottom: 2px solid #ef4125;
	position: relative;
	z-index: 0;
}
.orta-kutular ul li label {
	z-index: 2;
	float:left;
    width:40px;
    margin:15px 0 0 18px;
    font-size:10px;
	color:#fff;
}
.orta-kutular ul li .textbox {
	z-index: 2;
	float:left;
    width:150px;
    height: 20px;
    border: 1px solid #ccc;
    margin: 10px 0 3px 15px;
}
.orta-kutular ul li .butons {
    padding: 6px;
    margin: 8px 18px 0 0;
    float: right;
    width: 152px;
    cursor:pointer;
    /*background: url(../resimler/baslik-arka-s.png) no-repeat;*/
	background-color:#ccc;
    color:#351818;
	font-weight:bold;
}
.orta-kutular ul li a {
	color: #7d7d7d;
	font-weight: 600;
}
.orta-kutular ul li a:hover {
	color: #000;
}
.orta-kutular ul li.ok-ilk {
	/*border-bottom: 2px solid #1c4059;*/
    border-bottom: 2px solid #EC6D6D;    
}
.orta-kutular ul li.ok-ilk a {
	color: #fff;
}
.orta-kutular ul li.ok-ilk a:hover {
	color: #000;
}
.orta-kutular ul li.ok-son {
	width: 170px;
}
/*=== Kampanyalar , Videolar ve Fotoğraflar ===*/
.orta-alan .kvf {
	margin: 25px 0 0 0;
	width: 523px;
	height: 217px;
	background: url(../resimler/kvf-arka.png) no-repeat;
	float: left;
}
.kvf .kvf-icerik {
	width: 506px;
}
.kvf .kvf-baslik {
	margin: 2px 0 0 1px;
	position: relative;
}
.kvf .kvf-baslik .kvf-baslik-i {
	overflow: hidden;
	width: 427px;
	height: 37px;
}
.kvf .kvf-baslik ul {
	overflow: hidden;
}
.kvf .kvf-baslik li {
	overflow: hidden;
	float: left;
	color: #ababab;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	width: 142px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	cursor: pointer;
	text-shadow: 1px 1px #fdfdfd;
	background: url(../resimler/baslik-arka.png) no-repeat;
	position: relative;
}
.kvf .kvf-baslik li.kvfaktif,
.kvf .kvf-baslik li:hover {
	height: 39px;
	color: #ffffff;
	line-height: 39px;
	text-shadow: 1px 1px #ef6a6a;
	background: url(../resimler/baslik-arka-s.png) no-repeat;
}
.kvf-baslik .kvf-gi {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	width: 79px;
	height: 37px;
	background: url(../resimler/kvf-ig.png) no-repeat;
}
.kvf-gi .i {
	width: 7px;
	height: 7px;
	cursor: pointer;
}

.kvf-gi .doktor-geri,
.kvf-gi .kvf-gi-g {
	background-position: -4px -15px;
	margin: 13px 10px 0 29px;
}
.kvf-gi .doktor-ileri,
.kvf-gi .kvf-gi-i {
	margin: 13px auto;
	background-position: -4px -24px
}


.kvf .kvf-icerik-list {
	overflow: hidden;
	margin : 20px 0 0 0;
	position: relative;
	height: 152px;
}
.kvf .kvf-icerik-list li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.kvf-icerik-list .kvf-icerik-sol {
	float: left;
	position: relative;
	overflow: hidden;
	width: 130px;
	height: 155px;
	margin: 0 0 0 20px
}
.kvf-icerik-sol .kvf-icerik-maske {
	width: 130px;
	height: 155px;
	background: url(../resimler/kvf-resim-maske.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.kvf-icerik-sol .kvf-icerik-resim {
	width: 128px;
	height: 140px;
	overflow: hidden;
	margin: 1px;
}
.kvf .kvf-icerik-sag {
	width: 325px;
	height: 155px;
	overflow: hidden;
	float: right;
	margin: 0 10px 0 0;
}
.kvf .kvf-icerik-sag h1 {
	font-weight: 600;
	*font-weight: 500;
	font-size: 14px;
	color: #5c5c5c;
}
.kvf .kvf-icerik-sag .kvf-icerik-yazi {
	font-weight: 600;
	*font-weight: 500;
	font-size: 12px;
	color: #959598;
	display: block;
	text-align: justify;
	margin: 12px 0 0 0;
}

/*=== Haber ve Duyurular ===*/
.orta-alan .haber-duyuru {
	margin: 25px 0 0 0;
	width: 437px;
	height: 217px;
	background: url(../resimler/haber-duyuru.png) no-repeat;
	float: right;
}
.haber-duyuru .hd-baslik {
	position: relative;
	margin: 1px;
	height: 36px;
	background: url(../resimler/hd-baslik.png) repeat-x;
}
.haber-duyuru .hd-baslik h1 a{
	float: left;
	padding: 6px;
	color: #5c5c5c;
	font-size: 15px;
	font-weight: 600;
	*font-weight: 500;
}
.haber-duyuru .hd-yukari-asagi {
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 36px;
	background: url(../resimler/hd-yukari-asagi.png) no-repeat;
}
.haber-duyuru .hd-yukari-asagi .i {
	width: 7px;
	height: 7px;
	float: none !important;
	margin: 7px auto;
	cursor: pointer;
}
.hd-yukari-asagi .zd-yukari,
.hd-yukari-asagi .hd-yukari {
	background-position: -18px -36px
}
.hd-yukari-asagi .zd-asagi,
.hd-yukari-asagi .hd-asagi {
	background-position: -18px -49px
}

.haber-duyuru .hd-icerik-list {
	margin: 15px;
	width: 415px;
	height: 155px !important;
}
.haber-duyuru .hd-icerik-list ul li {
	overflow: hidden;
	margin: 0 0 14px 0;
}

.hd-icerik-list .hd-tarih {
	width: 14px;
	height: 12px;
	background-position: -30px -42px;
	margin: 6px 0 0 0;
}
.hd-icerik-list label {
	display: block;
	float: left;
	color: #c3c3c3;
	font-weight: 700;
	margin: 3px 15px 0 5px;
}
.hd-icerik-list a {
	
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
    padding: 0 15px 0 0;
	display: block;
	float: left;
	color: #959598;
	font-size: 14px;
	width: 308px;
	height: 20px;
	background: url(../resimler/hd-link.png) right 5px no-repeat;
}

.hd-icerik-list a:hover {
	color: #4e4e4e;
	background-position: right -15px
}



.doktor .kvf-gi {
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	height: 35px;
}

.doktor .kvf-baslik-i {
	background: url(../resimler/hd-baslik.png) repeat-x;
	color: #d33232;
	height: 24px !important;
	font-size: 15px;
	font-weight: 600;
	*font-weight: 500;
	padding: 6px;
}
.doktor .kvf-baslik-i  a
{
	background: url(../resimler/hd-baslik.png) repeat-x;
	color: #d33232;
	height: 24px !important;
	font-size: 15px;
	font-weight: 600;
	*font-weight: 500;
	padding: 6px;
}
.doktor .kvf-icerik-sag {
	margin: 0 !important;
}
.doktor .kvf-icerik-list,
.doktor .kvf-icerik-list li {
	width: 495px !important;
	position: relative !important;
}

.haber-duyuru .ziyaretci .zd-ikon {
	width: 16px;
	height: 14px;
	background-position: -48px -41px;
	margin: 4px 15px 0 0;
}
.haber-duyuru .ziyaretci a {
	width: 358px;
}
.haber-duyuru .ziyaretci li {
	height: 50px;
	margin: 0 0 5px 0 !important;
}
.haber-duyuru .ziyaretci .zd-yorum {
	width: 345px;
	margin: 0 0 0 30px;
	display: block;
	float: left;
	line-height: 12px;
}



/* #SAYFA YAPISI
================================================== */

/*=== Sayfa Başlık ===*/
.sayfa-baslik {
	font-family: 'Titillium Web', sans-serif;
	font-size: 28px;
	color: #ffffff;
	float: right;
	margin: 40px 0 0 0 ;
	text-shadow:1px 1px #689da6;
}
.sayfa-baslik i {
	color: #103a53;
	font-style: normal;
}
.sayfa-baslik h1 {
	float: left;
	display: block;
	font-weight: normal;	
}
.sayfa-baslik .i {
	margin: 0 10px 0 0;
}

/*=== Sayfa Navigasyon ===*/
.sayfa-navigasyon {
	float: right;
	margin: 28px 0 28px 0;
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
}
.sayfa-navigasyon a {
	color: #fff;
	text-shadow: 1px 1px #8dafb7;
}
.sayfa-navigasyon a:hover {
	color: #e2e2e2
}


/*=== Sayfa İkonları ===*/
.sayfa-baslik .arama-i { width: 28px;height: 40px;	background-position: 0 -67px;}
.sayfa-baslik .doktor-i { width: 46px;height: 46px;	background-position: -33px -61px;}
.sayfa-baslik .iletisim-i { width: 28px;height: 40px;	background-position: -83px -64px;}
.sayfa-baslik .sss-i { width: 42px;height: 40px;	background-position: -116px -64px;}
.sayfa-baslik .zdefter-i { width: 47px;height: 38px;	background-position: -164px -61px;}
.sayfa-baslik .video-galeri-i { margin-top:7px;width: 37px;height: 29px;	background-position: -216px -64px;}
.sayfa-baslik .foto-galeri-i { margin-top:3px;width: 40px;height:38px;	background-position: -261px -53px;}
.sayfa-baslik .oncesisonrasi-i { margin-top:-7px;width: 56px;height:48px;	background-position: -272px 0px;}
.sayfa-baslik .sertifika-i { margin-top:7px;width: 27px;height:29px;	background-position: -306px -58px;}




/*=== Sayfa Şablon ===*/
.sayfalar {
	background: url(../resimler/syf-arka.png) left top no-repeat;
	min-height: 150px;
}
.sayfalar .syf-sablon {
	width: 945px;
	margin: auto;
	
}
/*=== Sayfa Başlık ===*/
.sayfalar .syf-baslik {
	height: 35px;
	background: url(../resimler/syf-baslik.png) repeat-x;
	border-bottom: 1px solid #e7e7e7;
	color: #5c5c5c;
	font-size: 16px;
	clear: both;
}
.sayfalar .syf-menu .syf-baslik {
	color: #eb443f;
}
.sayfalar .syf-baslik h1 {
	font-weight: 600;
	*font-weight: 500;
	padding: 6px 0 0 10px;
	font-size: 15px;
	font-style: normal;
}

/*=== Sayfa Sol ===*/
.sayfalar .syf-sol {
	float: left;
	width: 269px;
	overflow: hidden;
}

.syf-sol .syf-menu {
	width: 245px;
	margin: 0 0 0 8px;
	background: #fafafa;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.syf-sol .syf-menu ul {
	margin: 10px;
}
.syf-sol .syf-menu ul li {
	overflow: hidden;
	margin: 0 0 5px 0;
}
.syf-sol .syf-menu ul li a {
	background: url(../resimler/syf-menu.png) left 6px no-repeat;
	font-size: 14px;
	color: #777777;
	padding: 0 0 0 15px;
}
.syf-sol .syf-menu ul li a.solaktif,
.syf-sol .syf-menu ul li a:hover  {
	color: #313131;
	background-position: 0 -12px;
}
.syf-sol .doktor-danis  {
	background: url(../resimler/doktor-danis.png) no-repeat;
	width: 268px;
	height: 55px;
	margin: 15px 0 0 0;
}
.syf-sol .doktor-danis a  {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	*font-weight: 500;
	text-shadow: -1px -1px #225e68;
	padding: 15px 0 0 15px;
	display: block;
}
.syf-sol .doktor-danis a:hover  {
	color: #225e68;
	text-shadow: none;
}
.syf-sol .orta-kutular {
	margin: 15px 0 0 0;
}
.syf-sol .orta-kutular ul li {
	width: 269px;
	height: 158px;
	border: none;
	float: none;
	margin: 15px 0 0 0;
	background: url(../resimler/syf-orta-kutu.png) left top  no-repeat;
}
.syf-sol .orta-kutular ul li a {
	padding: 1px 0 0 9px;
	display: block;

}

/*=== Sayfa Sağ ===*/
.sayfalar .syf-sag {
	margin: 0 8px 0 0;
	background: #fafafa;
	width: 681px;
	float: right;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	min-height: 100px;
}

.syf-sag .syf-icerik {
	margin: 15px;
	color: #101111;
	font-size: 13px;
	font-family: 'Trebuchet MS', sans-serif;
	text-align: justify;
}
.syf-sag .syf-icerik .noktali {
	border-bottom:2px dotted #d0d0d0;
	display: block;
	margin: 20px 0 20px 0;
}
.syf-sag .syf-icerik h1 {
	font-weight: 600;
	*font-weight: 500;
	font-size: 30px;
	display: block;
}
.syf-sag .syf-icerik h2 {
	font-weight: 600;
	*font-weight: 500;
	display: block;
	margin: 10px 0 10px 0;
}
.syf-sag .syf-resim {
	padding: 2px;
	width: 161px;
	height: 177px;
	float: left;
	margin:0 5px;
	background: url(../resimler/syf-resim.png) no-repeat;
}
.syf-sag .syf-ozellik {
	margin: 20px 0 0 0;
}
.syf-sag .syf-ozellik ul li {
	background: url(../resimler/syf-ozellik.png) left center no-repeat;
	color: #000000;
	margin: 0 0 10px 0;
	text-indent: 30px;
}


/* #FOTO GALERİ
================================================== */
.syf-sag .syf-foto {
	overflow: hidden;
}
.syf-foto .syf-foto-list ul {
	overflow: hidden;
	width: 800px;
}
.syf-foto .syf-foto-list ul li {
	text-align: left;
	width: 148px;
	font-size: 12px;
	/*height: 158px*/;
    height: 170px;
	float: left;
	margin: 0 19px 20px 0;
	overflow: hidden;
	background: url(../resimler/foto-list-arka.png) left top no-repeat;
}
.syf-foto .syf-foto-list .f-list-resim {
	width: 146px;
	height: 106px;
	overflow: hidden;
	margin:1px;
}
.syf-foto .syf-foto-list .f-list-yazi {
	margin: 15px 0 0 0;
}

/* #VİDEO GALERİ
================================================== */
.syf-sag .syf-video {
	overflow: hidden;
}
.syf-video .syf-video-list ul {
	overflow: hidden;
	width: 800px;
}
.syf-video .syf-video-list ul li {
	font-family: 'Titillium Web', sans-serif;
	text-align: left;
	width: 290px;
	font-size: 12px;
	height: 315px;
	float: left;
	margin: 0 72px 20px 0;
	overflow: hidden;
	position: relative;
	background: url(../resimler/video-list-arka.png) left 23px no-repeat;
}
.syf-video .syf-video-list label {
	font-size: 14px;
	color: #69a4ae;
	display: block;
	margin: 0 0 0 24px;
}
.syf-video .syf-video-list .f-list-maske {
	position: absolute;
	z-index: 99;
	left: 32px;
	top: 32px;
	display: none;
}
.syf-video .syf-video-list .f-list-resim {
	width: 226px;
	height: 180px;
	overflow: hidden;
	margin:10px 0 0 32px;
}
.syf-video .syf-video-list .f-list-yazi {
	margin: 20px 0 0 10px;
	overflow: hidden;
	height: 54px;
}
/*=== Sertifikalar ===*/
.syf-sag .syf-sertifika {
	overflow: hidden;
}
.syf-sertifika .syf-sertifika-list ul {
	overflow: hidden;
	width: 800px;
}
.syf-sertifika .syf-sertifika-list ul li {
	width: 127px;
	height: 181px;
	float: left;
	margin: 0 45px 45px 0;
	overflow: hidden;
	background: url(../resimler/sertifika-list-arka.png) left top no-repeat;
}
.syf-sertifika .syf-sertifika-list ul li a {
	display: block;
	margin: 1px;
}


/* #SAYFALAMA
================================================== */
.syf-sag .syf-sayfalama {
	overflow: hidden;
}
.syf-sayfalama .syf-sayfalama-list {
		min-width: 50px;
	height: 27px;
	border: 1px solid #e7e7e7;
	border-radius: 2px;
	background: url(../resimler/sayfalama-arka.png) left top repeat-x;

}
.syf-sayfalama .syf-sayfalama-list ul {
	width: 800px;
}
.syf-sayfalama .syf-sayfalama-list ul li {
	text-align: center;
	width: 24px;
	height: 37px;
	float: left;
	margin: 3px 4px 20px 3px;
	overflow: hidden;
	background: url(../resimler/sayfalama-list.png) left top no-repeat;
}
.syf-sayfalama .syf-sayfalama-list ul li:hover {
	background-position: -1px -36px;
}
.syf-sayfalama .syf-sayfalama-list ul li a {
	display: block;
	color: #999999;
	font-size: 12px;
	font-weight: 600;
	line-height: 23px;
	height: 37px;
	text-shadow: 1px 1px #fff;
}
/* #ARAMA SONUÇ
================================================== */
.syf-sag .syf-arama {
	overflow: hidden;
}

.syf-sag .syf-arama label {
	color: #eb443f;
	font-weight: 600;
	display: block;
	text-indent: 15px;
	background: url(../resimler/arama-sonuc.png) left center no-repeat;
}
.syf-arama .syf-arama-list ul li {
	overflow: hidden;
	margin: 0 0 25px 0;
}
.syf-arama .syf-arama-list ul li a {
	background: url(../resimler/syf-menu.png) left 6px no-repeat;
	font-size: 14px;
	color: #777777;
	padding: 0 0 0 15px;
	font-weight: 700;
}
.syf-arama .syf-arama-list ul li a:hover  {
	color: #313131;
	background-position: 0 -12px;
}




/* #DOKTORLARIMIZ
================================================== */
.doktorlarimiz .doktor-baslik {
	height: 180px;
	overflow: hidden;
}
.doktorlarimiz .doktor-baslik h2 {
	color: #eb443f;
	font-size: 14px;
	font-weight: 600;
	*font-weight: 500;
}
.doktorlarimiz h3 {
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 20px;
}
.doktorlarimiz .syf-icerik {
	color: #101111;
	font-size: 13px;
	font-family: 'Trebuchet MS', sans-serif;
}

/* #İLETİŞİM
================================================== */
.iletisim .syf-icerik h4 {
	color: #eb443f;
	font-size: 14px;
	font-weight: 600;
}
.iletisim-list ul li {
	position: relative;
	color: #313131;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.iletisim-list .iletisim-baslik {
	width: 656px;
	height: 52px;
	cursor: pointer;
	position: relative;
	background: url(../resimler/iletisim-list.png) right top no-repeat;
}
.iletisim-list .iletisim-baslik label {
	padding: 17px 0 0 60px;
	display: block;
	color: #777777;
	font-weight: 600;
	cursor: pointer;
}
.iletisim-list .iletisim-baslik.iltaktif,
.iletisim-list .iletisim-baslik:hover {
	background-position: right -53px;
}

.iletisim-list .iletisim-icerik {
	margin: 15px 0 65px 60px;
}
.iletisim-list .iletisim-baslik i {
	position: absolute;
	left: 0;
	top: 0;
	height: 52px;
	width: 52px;
	overflow: hidden;
}
/*=== İletişim Forum ===*/
.iletisim .iletisim-form {
	margin: 20px 7px 0 0;
	min-height: 100px;
}

.iletisim .iletisim-form label {
	width: 175px;
}
.iletisim .iletisim-form .frmSitil {
	margin: 10px;
}

.iletisim .iletisim-form .frmSitil textarea {
	width: 412px;
	height: 118px;
}

/* #SIKÇA SORULAN SORULAR
================================================== */

.sss-list ul li {
	position: relative;
	color: #777;
	margin: 0 0 15px 0;
	overflow: hidden;
}

.sss-list .sss-baslik {
	font-weight: 700;
	text-indent: 15px;
	cursor: pointer;
	position: relative;
	background: url(../resimler/sss-list.png) left 5px no-repeat;
}

.sss-list .sss-baslik.sssaktif,
.sss-list .sss-baslik:hover {
	background-position: left -11px;
}

.sss-list .sss-icerik {
	margin: 15px 0 0px 15px;
	text-align: justify;
}


/* #ZİYARETÇİ DEFTERİ
================================================== */
.z-defter {
	color: #777777;
}
.z-defter .z-defter-list ul li  {
	border-bottom:1px dotted #d0d0d0;
	padding: 20px 0 20px 0;
}
.z-defter .z-defter-isim-i {
	width: 24px;
	height: 21px;
	background-position: -79px -41px;
	margin: 0 10px 0 0;
}
.z-defter .isim-tarih {
	overflow: hidden;
}
.isim-tarih .z-defter-isim {
	float: left;
	display: block;
	font-weight: 700;
}
.isim-tarih .z-defter-tarih-i {
	width: 18px;
	height: 18px;
	background-position: -107px -42px;
	margin: 0 10px 0 0;
	float: right !important;
}
.isim-tarih .z-defter-tarih {
	float: right;
	display: block;
}

.z-defter .z-defter-list h6 {
	display: block;
	font-weight: 700;
	color: #eb443f;
	margin: 10px 0 10px 0;
}
.z-defter .syf-sayfalama {
	margin: 30px 0 0 0;
}


/*=== Ziyaretçi Defteri Forum ===*/
.z-defter .z-defter-form {
	margin: 20px 7px 0 0;
	min-height: 100px;
}

.z-defter .z-defter-form label {
	width: 175px;
}
.z-defter .z-defter-form .frmSitil {
	margin: 10px;
}
.z-defter .z-defter-form .frmSitil textarea {
	width: 412px;
	height: 118px;
}


/* #VİDEO GALERİ
================================================== */
.video-galeri .video-galeri-list {
	overflow: hidden;
}
.video-galeri .video-galeri-list ul {
	overflow: hidden;
	width: 700px;
}
.video-galeri .video-galeri-list ul li {
	overflow: hidden;
	float: left;
	width: 198px;
	height: 61px;
	margin: 0 29px 20px 0;
}
.video-galeri .video-galeri-list ul li a {
	display: block;
	color: 	#313131;
	font-weight: 600;
	text-align: center;
	height: 61px;
	line-height: 50px;
	background: url(../resimler/video-galeri-list.png) no-repeat;	
}
.video-galeri .video-galeri-list ul li a:hover {
	color: 	#000;
	background-position: 0 -62px
}
.video-galeri .syf-icerik h3 {
	color: #eb443f;
	font-weight: 600;
	margin: 0 0 20px 0;
}
.video-galeri .video-galeri-k {
	overflow: hidden;
}
.video-galeri .video-galeri-k ul {
	overflow: hidden;
	width: 700px;
}
.video-galeri .video-galeri-k ul li {
	float: left;
	width: 222px;
}
.video-galeri .video-galeri-k ul li a {
	color: #777777;
	font-size: 12px;
	font-weight: 600;
	text-indent: 20px;
	display: block;
	background: url(../resimler/video-galeri-list-k.png) left 5px no-repeat;
}
.video-galeri .video-galeri-k ul li a:hover {
	color: #000;
	background-position:  0 -8px;
}



/* #DOKTORLARIMIZA DANIŞIN
================================================== */
.oncesi-sonrasi label,
.doktor-danisin label {
	width: 180px;
}
.doktor-danisin textarea {
	width: 404px;
	height: 110px;
}
/* #ÖNCESİ VE SONRASI
================================================== */
.oncesi-sonrasi h2 {
	color: #eb443f;
}
.oncesi-sonrasi h3 {
	font-weight: 600;
}











































/* #3 ADIMDA SAÇ EKİMİ VE ESTETİK 
================================================== */
.sac-ekim-estetik {
	width: 100%;
	height: 100%;
	min-height: 1000px;
	z-index: -1;
	background: url(../resimler/sac-ekim-estetik.jpg) center top no-repeat;
}
.sac-ekim-estetik .logo-b {
	width: 590px;
	margin: auto;
	height: 101px;
	overflow: hidden;
}
.sac-ekim-estetik .logo-b a {
	margin: 17px auto;
	width: 156px;
	display: block;
	height: 66px;
	background: url(../resimler/logo-b.png) no-repeat;
}
.sac-ekim-estetik .see-icerik {
	width: 630px;
	margin: 40px auto;
	min-height: 100px;
	text-align: center;
	position: relative;
}


.sac-ekim-estetik .see-icerik h2,
.sac-ekim-estetik .see-icerik h1 {
	font-weight: normal;
	text-shadow: 1px 1px #6499a2;
	line-height: 35px;
	color: #ffffff;
	font-size: 50px;
	font-family: 'Titillium Web', sans-serif;
}
.sac-ekim-estetik .see-icerik h2 {
	font-size: 26px;
}
.sac-ekim-estetik .see-icerik h3 {
	color: #113955;	
	font-size: 14px;
	font-weight: 600;
	margin: 30px 0 0 0;
	font-family: 'Titillium Web', sans-serif;
}
.see-icerik .see-ilerleme {
	position: relative;
	height: 92px;
	width: 555px;
	margin: 45px auto;
	background: #457c86;
}
.see-icerik .see-numara {
	width: 555px;
	height: 92px;
	left: 0px;
	top: 0px;
	z-index: 4;
	position: absolute;
	font-size: 50px;
	color: #ffffff;
	font-weight: 700;
	overflow: hidden;
}

.see-icerik .see-numara label {
	display: block;
	float: left;
	padding: 10px 0 0 0;
}
.see-icerik .see-numara label.see-1 {
	margin: 0 0 0 40px
}
.see-icerik .see-numara label.see-2 {
	margin: 0 197px 0 212px;
}

.see-icerik .see-maske {
	width: 555px;
	height: 92px;
	left: 0px;
	top: 0px;
	z-index: 3;
	position: absolute;
	background: url(../resimler/see-maske.png) no-repeat;
}

.see-icerik .see-renk-on {
	width: 0px;
	height: 92px;
	background: #7fbbc6;
	position: relative;
	z-index: 2;
}
.see-icerik .see-renk-on-s {
	color: #457c86;
}



/*=== 1. ADIM ===*/
.see-icerik .see-form {
	overflow: hidden;
	text-align: left;
	width: 630px;
}
.see-icerik .see-form ul  {
	overflow: hidden;
	width: 5000px;
}
.see-icerik .see-form ul li  {
	overflow: hidden;
	width: 630px;
	float: left;
	position: relative;
	float: left;
}

.see-icerik .see-form ul li label  {
	float: left;
	width: 170px;
	display: block;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	margin: 10px 0 0 0;
}
.see-icerik .see-form ul li .in  {
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	margin: 10px 0 0 0;
}
.see-icerik .see-form ul li .yazi-alan  {
	float: left;
	width: 406px;
	height: 42px;
}
.see-icerik .see-form ul li .yazi-alan input[type=text]  {
	width: 380px;
	margin: 12px;
	background: transparent;
}
.see-icerik .see-form ul li input  {
		color: #336a74;
	font-weight: 600;
	font-size: 14px;
	font-family: 'Dosis', sans-serif
}

.see-icerik .see-form .cf {
	margin: 10px 0 10px 0;
}
.see-icerik .see-form .radio {
	float: left;
	color: #113955;
	font-size: 14px;
	font-family: 'Titillium Web' ,sans-serif;
	position: relative;
	z-index: 0;
}
.see-icerik .see-form .bilgisayar {
	float: none;
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 2px 5px 0 0;
	background-position: -1px -46px;1
}

.see-icerik .see-form .yazi-alan-g  {
	float: left;
	width: 406px;
	height: 183px;
	background-position: 0 -90px;
}
.see-icerik .see-form .yazi-alan-g textarea {
	margin: 5px;
	width: 392px;
	height: 169px;
	background: transparent;	
}
.see-icerik .see-form .form-gonder {
	float: left;
	width: 177px;
	height: 34px;
	background-position: -91px -49px;
	float: right;
	margin: 0 35px 0  0;
	cursor: pointer;
}


/*=== 2. ADIM ===*/
.see-icerik .see-form {
	overflow: hidden;
	text-align: left;
}
.see-icerik .see-form .adim-2   {
	margin: 0 0 0 90px;
}
.see-icerik .see-form .adim-2 .is  {
	width: 42px;
	height: 42px;
	margin: 0 15px 0 0;
}
.see-icerik .see-form .sag-profil {
	background-position : -45px -45px;
}
.see-icerik .see-form .sol-profil {
	background-position : -412px -187px;
}
.see-icerik .see-form .karsidan {
	background-position : -458px -187px;
}
.see-icerik .see-form .dosya-sec {
	width: 74px !important;
	height: 33px !important;
	background-position: -274px -49px;
	text-align: center;
	margin: 5px 15px 0 0 !important;
	cursor: pointer;
}




.see-icerik .see-form .profil-check {
	display: block;
	float: left;
	margin: 13px 20px 0 0;
}
.see-icerik .kamera {
	width: 700px !important;
}
.see-icerik .kamera label {
	width: 135px !important;
}

.see-icerik .kamera ul li {
	float: left;
	width: 323px;
	height: 243px;
	margin: 0 32px 0 0;
}
.see-icerik .kamera ul li .kameraniz {
	width: 317px;
	height: 237px; 
	border: 3px solid #457c86;
	background: #fff;
}
.profil-list { float:left;width:230px }
.profillist { clear:both !important;width:100% !important;height:60px !important}
.see-icerik .see-form .adim-2 .form-gonder {
	width: 177px !important;
	height: 34px !important;
	background-position: -91px -47px;
	text-align: center;
	float: left;
	margin: 35px 15px 0 150px !important;
}
.see-geri {
	float: left;
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	margin: 44px 0 0 10px;
}

.kamera .see-geri {
	margin: 0 !important;
}
.see-geri:hover {
	color: #ddd;
}



.see-icerik .see-form .adim-2 .form-gonder {
	width: 177px !important;
	height: 34px !important;
	background-position: -91px -47px;
	text-align: center;
	float: left;
	margin: 35px 15px 0 150px !important;
}
.see-icerik .see-form .adim-2 .see-geri {
	float: left;
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	margin: 44px 0 0 10px;
}
.see-icerik .see-form .adim-2 .see-geri:hover {
	color: #ddd;
}


.see-icerik .see-form .adim-3 .in {
	margin-right:60px ;
}

.see-icerik .see-form .see-kisisel {
	margin: 0 0 0 150px ;
}
.see-icerik .see-form .adim-3 .cf {
	margin: 0;
}
.see-icerik .see-form .adim-3 .ince {
	font-weight: normal;
}
.see-icerik .see-form .see-kutular {
	width: 800px;
	overflow: hidden;
}
.see-icerik .see-form .adim-3 .see-kutu {
	margin: 30px 46px 0 0;
	width: 179px;
	height: 179px;
	float: left;
	background-position: -410px 0;
	overflow: hidden;
}
.see-icerik .see-form .adim-3 .see-kutu img {
	margin: 17px;
}
.see-icerik .see-form .adim-3 .see-sonuc {
	margin: 30px 0 0 0 ;
	font-size: 14px;
	color: #113955;
	font-weight: 600;
	text-align: center;
}









/* #ALT ALAN
================================================== */
.alt-alan {
	margin: 55px 0 0 0;
	width: 100%;
	height: 295px;
	clear: both;
	background: url(../resimler/alt-alan.png) repeat-x;
	font-family: 'Titillium Web', sans-serif;
}

.alt-alan .alt-alanic {
	width: 960px;
	margin: auto;
	position: relative;
}
.alt-alanic .alt-logo {
	width: 58px;
	height: 60px;
	position: absolute;
	left: 48%;
	top: -33px;
	background: url(../resimler/alt-logo.png) no-repeat;
}
.alt-alanic .alt-menuler {
	height: 180px;
	margin: 20px 0 0 0;
}

.alt-menuler .alt-menu-kutu {
	float: left;
	width: 187px;
	margin: 0 70px 0 0;
}
.alt-menuler .alt-menu-kutu.saga {
	margin: 0;
}
.alt-menuler .alt-menu-kutu ul li {
	overflow: hidden;
}
.alt-menuler .alt-menu-kutu ul li a {
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	*font-weight: 500;
	display: block;
	padding: 0 0 0 15px;
	background: url(../resimler/mnokta.png) left 8px no-repeat;
}
.alt-menuler .alt-menu-kutu ul li a.almaktif,
.alt-menuler .alt-menu-kutu ul li a:hover {
	color: #10344d;
	text-decoration: underline;
}

.alt-alanic .sosyal-politika {
	margin:15px 0 0 0;
}
.alt-alanic .alt-alan-so {
	float: left;
	padding: 0 10px 0 10px;
	background: url(../resimler/alt-alan-so.png) right center no-repeat;
}
.alt-alan-so.alt-telefon {
	color: #fefefe;
	font-size: 20px;
	text-shadow: 1px 1px #000;
}
.alt-alanic .sosyal {
	float: left;
	margin: 0;
}
.alt-alanic .sosyal-politika .politika {
	float: right;
}
.alt-alanic .sosyal-politika .politika span {
	width: 8px;
	height: 11px;
	background-position: -68px -42px;
	margin: 4px 5px 0 0;
}
.alt-alanic .sosyal-politika .politika a {
	display: block;
	float: left;
	color: #ffffff;
	font-weight: 600;
	*font-weight: 500;
}
.alt-alanic .sosyal-politika .politika a:hover {
	color: #10344d;
}
.alt-alanic .telif {
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
	color: #f8f8f8;
	text-align: center;
	position: relative;
}


/* ==========================================================================*/
/* 								SİTE ELEMENTLERİ
/* ==========================================================================*/

	/* Sprite
	/*--------------------------------------------------------*/
	.i {float:left;display:block;background: url(../resimler/sprite.png) ;}
	.is {float:left;display:block;background: url(../resimler/sac-ekim-estetik.png) ;}

	/* Detaylı bilgi
	/*--------------------------------------------------------*/
	.detayli-bilgi {background: url(../resimler/ayrintili-bilgi.png) right 1px no-repeat ; font-family: 'Titillium Web', sans-serif;font-size: 10px;color: #eb443f;text-align: center;float: right;margin: 10px 0 0 0;	padding: 0 25px 0 0;}
	.detayli-bilgi:hover {color: #88110d;background-position: right -15px}
	
	/* İki nokta
	/*--------------------------------------------------------*/
	.in {display: block;float: left;text-align: center;width: 20px;}
	
	
	.ci1UxF 
	{
	    z-index:10002 !important;
	    }


.dtyForm{
    width: 245px;
    margin: 10px 0 0 8px;
    background: url('../resimler/detay-form-arkaplan.png');
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.dtyForm label {
    width:213px;
    float:left;
    margin:10px 0 0 13px;
	color:#fff;
}

.dtyForm .textbox {
    border: 1px solid #ccc;
    margin:10px 0 0 10px;
    width:213px;
    padding:5px;
    height:18px;
}
.dtyForm .textbox1 {
    border: 1px solid #ccc;
    margin:10px 0 0 10px;
    width:213px;
    padding:5px;
}
.dtyForm .submt {
    border: 1px solid #ccc;
    margin:10px 0 10px 10px;
    width:224px;
    padding:5px;
    height:35px;
    cursor:pointer;
    background: url(../resimler/alt-alan.png) repeat-x 10px;    
    color: #fff;
}
