/*************************************************************************************************************/
/*reset.css baslangici*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*reset.css sonu*/
/****************************************************************************************************************/
body {
  text-align: center;    /*IE hack for centering*/
  margin-top: 10px;
  font-size: 15px;
  text-align: left;
  font-family: arial;
  background:#000;
}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 {font-size:2.2em;}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}
p {margin-top: 5px;margin-bottom:5px;}
.title {display:none;}
a {text-decoration:none;}

/*Start*/
#container {width:895px;margin:0 auto;}
#header {width:895px;overflow:hidden;}
#header .logo{width:74px;float:left;}
#header .dil{float: right;
    margin-top: 95px;
    width: 60px;}
#header .dil li {   background: url("i/dil.jpg") no-repeat center left;
    float: left;
    margin-left: 3px;
    padding-left: 12px;}

#header .dil li a {color:#a0a09f;font-size: 14px;}
#header .dil li.current a {font-weight:bold;}
#menu {float: left;position:relative;z-index:500;
    margin-bottom: 20px;
    margin-top: 5px;
    width: 895px;}
#menu .nav {background:url(i/menu2.jpg) no-repeat;height:24px;}
#menu li {float:left;}
#menu .nav .left {float:left;width:500px;}
#menu .nav li { margin-top: 7px;position:relative;z-index:50;}
#menu .nav .left li {}
#menu .nav .left li a{font-size:11px;position:relative;z-index:50;}
#menu .nav .left li.item_1 {margin-right:0px;}
#menu .nav .left li.item_1 a{text-indent: -999em;
    width: 46px;}
#menu .nav .left li.item_2 { text-align: center;
    width: 108px;}
#menu .nav .left li.item_3 {text-align: center;
    width: 107px;}
#menu .nav .left li.item_4 {text-align: center;
    width: 107px;}
#menu .nav .left li ul { display: none;
    height: 108px;
    left: 0;
    margin-left: 2px;
    padding-left: 15px;
    padding-top: 33px;
    position: absolute;
    top: -7px;
    width: 258px;}
 
#menu .nav .left .item_2 ul {padding-top: 29px;width:142px;}
#menu .nav .left .item_3 ul {padding-top: 29px;}
#menu .nav .left .item_4 ul {padding-top: 29px;}



#menu .nav .left li#l2 ul {margin-left:2px;background: url("i/mimari_ul.png") no-repeat scroll 0 0 transparent;}
#menu .nav .left li#l2 ul li {  display: block;
    float: left;line-height: 10px;
    padding-left: 15px;}
#menu .nav .left li.item_3 ul {margin-left:0px;}
#menu .nav .left li.item_4 ul {margin-left:-1px;}
#menu .nav .left li#16 ul li {width:112px !important;}
#menu .nav .left li#l6 ul{background: url("i/icmimari_ul.png") no-repeat scroll 0 0 transparent;}
#menu .nav .left li#l13 ul{background: url("i/reklam_ul.png") no-repeat scroll 0 0 transparent;}
#menu .nav .left li#16 li.item_1 {margin-right: auto;}
#menu .nav .left li#l9 ul {margin-left:0px;}
#menu .nav .left li#l13 li {margin-right:5px;}
#menu .nav .left li#l16 ul {margin-left:-1px;}
#menu .nav .left li ul .item_1 {text-align: left;}
#menu .nav .left  ul ul {background: url("i/reklam_ul.png") no-repeat scroll 0 0 transparent;}
#menu .nav .left li ul .item_1 a{text-indent: 0em;
    width: auto;}
#menu .nav .left li ul .item_2 {width: auto;text-align: left;}
#menu .nav .left li ul .item_3 {width: auto;text-align: left;}
#menu .nav .left li ul .item_4 {width: auto;text-align: left;}
#menu .nav .left li ul li {  display: block;line-height: 11px;
    float: left;
    
    text-align: left;
    width: 112px !important;}
    
.info {display:none;}
    
#menu .nav .left li ul li a {font-size:11px;}
#menu .nav .left li a:hover {color:#000000;font-size:11px;}
#menu .nav li a{display:block;color:#515143;font-size:11px;}
#menu .nav li a:hover {color:#000000;}
#menu .nav .right li a:hover{}
#menu .nav .right {float: right;width: 166px;}
#menu .nav .right li {margin-left:16px;}
#menu .nav .right li.item_1 {background: url("i/İlet_li.jpg") no-repeat scroll right 0 transparent;
    height: 16px;
    margin-left: 30px;
    margin-top: 0;
    padding-right: 14px;
    padding-top: 7px;}

#sub-nav {float:left; width: 895px;}

#bread {float:left;margin-top: 15px;}
#bread a {font-size: 12px;color:#a0a09f;}
#bread .bc_separator {color:#a0a09f;margin: 0 2px;}
#bread .bc_first a,#bread .bc_first {color:#fff;}

.kurumsal-kimlik-isler #bread,
.pop-isler #bread,
.isler #bread {display:none;}

#sub {float:right;margin: 15px 27px 0 0;}
#sub li {float:left;margin-left:8px;color: #D4D3CE;}
#sub li a {font-size: 13px;
    color:#a0a09f;}
#sub li a:hover{color:#ffffff;}
#sub li.current a {color:#ffffff;}

#yield {width:894px;float:left;padding-bottom:20px;position:relative;z-index:1;}


#footer {width:895px;float:left;margin-top:25px;}
#phone {float:left;}
#phone p {color:#eaeadc;font-size: 11px;}

#copy {float:right;color:#a0a09f;font-size: 11px;}

#yhlogo {float:right;margin-top:15px;clear: both;}
.tr #container .dil .tr, .en #container .dil .en {display:none;}


#icerik {min-height:340px;}

.hakkimizda #icerik {padding: 15px 75px;}
#icerik p { color: #E2E2E2;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;}

.hak {background: url("i/hak_line.png") no-repeat scroll right 0 transparent;
    float: left;
    margin-right: 30px;min-height: 380px;
    padding-right: 30px;
    width: 340px;}
.hak h5 { color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 15px;}
.hak span {font-size: 13px;}
.hak.sonn {background:none;margin-right: 0;padding: 0;text-align: left;}

#icerik .hak.sonn p {margin-bottom: 9px;color:#ffffff;}


.referans.bir {margin-left: 52px;}
.referans {background: url("i/hak_line.png") no-repeat scroll 0 0 transparent;
    float: left;margin-top: 13px;
    margin-right: 20px;
    min-height: 380px;
    padding-left: 20px;
    text-align: justify;
    width: 123px;}

.referans h5 {color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 22px;}

#icerik .referans p {color:#a7a9ac;font-size:12px;}

.referans.uc {padding-top:30px;background:none;}
.referans.bes {margin-right:0;padding-top:30px;background:none;}

#yield_is {background: none repeat scroll 0 0 #333333;float:left;
    overflow: hidden;width: 790px;
    padding: 30px 50px;}

#galerim {float:left;}

#detay {float:left;}
#detay p {color: #A0A09F;}
.oduller #detay p {color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 22px;}
#detay h4 {color: #A0A09F;
    font-size: 13px;
    margin-bottom: -5px;}
.oduller #detay h4 {margin-bottom: 8px;}

#detay span {color:#fff;font-size:14px;}
.oduller #detay span {font-size: 13px;}
.altta {font-size: 13px;
    line-height: 17px;
    margin-bottom: 191px;
    margin-top: 58px;}
.uzak {font-size: 13px;
    line-height: 17px;}
#detay .altta span {font-size:13px;}
.uzak a {color: #A0A09F;text-decoration:underline;}



.iletisim #yield {background: none repeat scroll 0 0 #333333;float:left;
    overflow: hidden;width: 750px;
    padding:70px;}

#form {float:left;width:350px;margin-right:15px;margin-top: 4px;}
#form label {color: #9C9C9C;font-size: 13px;
    float: left;line-height: 23px;
    margin-right: 20px;
    text-align: left;
    width: 100%;}

#form input {background: none repeat scroll 0 0 #444444;color: #9C9C9C;
    border: medium none;
    float: left;
    padding: 9px;
    width: 248px;}
#form textarea{    background: none repeat scroll 0 0 #444444;
    border: none;
    height: 100px;
    padding: 6px;}

#form .form_field {float:left;width:350px;margin-bottom:15px;}
#form #form_plugin_form_datum_form_values_attributes_4_value {background: none repeat scroll 0 0 #444444;
    border: medium none;height: 150px;color: #9C9C9C;
    float: left;width: 248px;padding: 4px;}
    
#form #form_plugin_form_datum_submit {background: none repeat scroll 0 0 #222222;
    color: #9C9C9C;cursor:pointer;
    margin-left: 90px;
    width: 61px;} 
    
    
.iletisim #icerik  {float:left;} 
    
.ilet_box {background: none repeat scroll 0 0 #222222;padding: 8px 20px 3px;}    
#icerik .ilet_box p  {color: #9C9C9C;
    font-size: 12px;
    line-height: 16px;}
    
#icerik .ilet_box a  {color: #9C9C9C; }  

.kurumsal-kimlik-isler #yield,
.pop-isler #yield,
.isler #yield
  {background: none repeat scroll 0 0 #333333;
    float: left;position:relative;
    overflow: visible;
    padding: 18px 50px;
    width: 790px;}


.without .jcarousel-skin-pika,
.without .pika-imgnav {display:none !important;}
.without .pika-textnav  {display:none !important;}

.pikachoose h5 {position:absolute;top:27px;left: 573px;color: #A0A09F;font-size: 13px;}

.foto {float: left;margin-right: 40px;}

.bilgi {float: left; width: 270px;}

#icerik .bilgi h5 {color: #A0A09F;font-size: 13px;}

#icerik .bilgi p {
    color: #fff;
    font-size: 13px;
    margin-bottom: -5px;
}
#icerik .bilgi span {color: #FFFFFF;
    display: block;
    margin-top: 7px;}
.devam {position: absolute;right: 122px;top: 357px;}
.devam a {color: #A0A09F;}
.devam a:hover {text-decoration:underline;}
.buttons {}

.prev {left: -38px;
    position: absolute;
    top: 208px;}

.next {right: -38px;
    position: absolute;
    top: 208px;}

.pop .jcarousel-prev,
.pop .jcarousel-next,
.ambalaj .jcarousel-next,
.ambalaj .jcarousel-prev {display:none !important;}

.pagination {width:100%;float:left;margin: 10px 0;}

.kesit {float: left;
    margin-bottom: 10px;
    position: relative;width:890px;height:75px;background:url("i/kesit_bg.jpg") repeat-x scroll 0 0 transparent;}

.kesit .mim_content {top: 25px;}
.kesit .mim_content a:hover {text-decoration:underline;}

.tibbi-mekanlar .mim .mim_content {top: 180px;}

#basin li {position:relative;margin-bottom:14px;}
.basin_content {
    color: #FFFFFF;
    font-size: 13px;
    left: 20px;
    line-height: 19px;
    position: absolute;
    top: 20px;
    width: 240px;
}
#iletisim small a {color: #9C9C9C !important;font-size: 11px;}
.dijital .jcarousel-prev,
.dijital .jcarousel-next,
.video .jcarousel-prev,
.video .jcarousel-next {display:none !important;}


/***PIKA******************************************************************/ 

/* Just for the example. Fee free to delete these three lines */
body{font-family:Helvetica, sans-serif;}
a{color:white;}
.pikachoose {float: left;
    width: 495px;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px;}
	.pika-thumbs li{ width: 105px; height:80px; margin: 10px 0 0 17px;  overflow: hidden;
		float: left; list-style-type: none;padding: 3px 0 3px 3px; margin: 0 5px;  cursor: pointer;}
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 477px;}
.pika-stage {position: relative;  padding: 10px; text-align:center; height:358px;}
.pika-stage img{height:100%;}
.pika-stage .caption {
    color: #FFF;
    font-size: 13px;
    left: 513px;
    line-height: 17px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 18px;
    width: 294px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {display:none;position: absolute; text-indent: -5000px;z-index:3;}
	.pika-imgnav a.previous {background: url(i/sol_ok.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 14px;cursor:pointer;}
	.pika-imgnav a.next {background: url(i/sag_ok.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 15px;cursor:pointer;}
	.pika-imgnav a.play {background: url(i/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(i/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {bottom: 0;
    left: 10px;
    position: absolute;}
.pika-textnav a {position: absolute; text-indent: -5000px;z-index:3;}
	.pika-textnav a.previous {background: url(i/sol_ok.png) no-repeat left 45%; height: 37px; width: 37px; top: 30px; left: -42px;cursor:pointer;}
	.pika-textnav a.next {background: url(i/sag_ok.png) no-repeat right 45%; height: 37px; width: 37px; top: 23px; right: -40px;cursor:pointer;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 18px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(i/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }





 /* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 0; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 87px; width: 487px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 12px;}   
    
      
/***********************************************************************/

.samples {background:#d5e4f2; }
.sample_head { background:url(i/a2_bg.png) repeat-x; height:36px; line-height:36px; margin-bottom:20px;}
.sample_head h4 { width:200px; font-weight:normal; color:#1f3a5d;}
.sample_head .xa { display:block; float:left; text-indent:-9999px; background:url(i/a2_left.png); height:45px; width:21px; position:relative; left:-21px;}
.sample_head .xd {display:block; float:right; text-indent:-9999px; height:45px; width:21px; background:url(i/a2_right.png); position:relative; right:-21px;}
.sample_container { position:relative; margin:20px 20px 0 20px; font-size:13px; padding-bottom:20px;  }
.sample_container .jcarousel-prev {display:block; width:36px; height:40px; text-indent:-9999px; background:url(i/left_arrow.png) no-repeat; position:absolute; margin-left:-41px; left:0;  top:205px;}
.sample_container .jcarousel-next {display:block; width:36px; height:40px; text-indent:-9999px; background:url(i/right_arrow.png) no-repeat;position:absolute;margin-right:-41px; right:0; top:205px;}

.sample  { float:left; }
	    
    
	
	
	
	
	
	    
	    
	    
.sample.last { margin-right:0; padding-right:0; background:none;}
.sample_content {background: none repeat scroll 0 0 #737476;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    height: 46px;
    line-height: 18px;
    margin-top: 1px;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 8px;
    width: 121px;}
.sample_content a {margin-left:80px; margin-top:10px; display:block; text-indent:-9999px; background:url(i/inc.png); width:44px; height:18px;}
.sample img { }
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-item {float: left;list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. */width: 149px;}
.jcarousel-next {z-index: 3;background:url("i/sag_ok.png") no-repeat scroll 0 0 transparent;
display:block;cursor:pointer;
height:37px;position:absolute;top:184px;right:-39px;
text-indent:-9999px;
width:37px;}
.jcarousel-prev {z-index: 3;background:url("i/sol_ok.png") no-repeat scroll 0 0 transparent;
display:block;cursor:pointer;
height:37px;position:absolute;top:184px;left:-41px;
text-indent:-9999px;
width:37px;}



.dinamo {
    border-right: 1px solid #BABABA;
    margin-right: 10px;
    padding-right: 10px;
}



















/****************************************/

.ltr {direction:ltr;}
.rtl {direction:rtl;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*******************************************/
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {width:146px !important;
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#slider-wrapper {
background: url("i/slider.png") no-repeat scroll 0 0 transparent;
    width: 895px;
}

#slider {
	position:relative;
    width:895px;
    height:360px;
   
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:116px;
	bottom:0px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(i/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(i/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

#yapim #header {margin-bottom:20px;}
span.koyu {color:#a0a09f;}
#yapim #copy {  
    float: left;
    font-size: 12px;
    margin-left: 27px;}
    #yapim #copy a {color:#fff;}
    
.mim {float: left; position: relative;margin-bottom:10px;} 
.mim_content {color: #FFFFFF;width: 240px;
    font-size: 12px;
    left: 640px;
    line-height: 19px;
    position: absolute;
    top: 196px;} 
.mim_content a {font-size: 11px;}
.yarismalar .mim_content {left: 634px;}
    
    
    
/**************IMAGE*****************/
#gallery {float: left;position:relative;
    width: 510px;}
#gallery .image {float:left;padding:2px;}

.galleria{display:block;
height:95px;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding: 35px 0 0;
width:9000px;
}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:block}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:450px} /* MSIE bug */

#main_image{float:left;height:350px;}
#main_image img{margin-bottom:10px;}

div.galleria_thumbnails {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 135px;
  float:left;
  width: 360px;
  /* Add scroll-bars */
  overflow: auto;display:block;
}

#gallery .prev_image a{background: url("i/sol_ok.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 27px;
    left: -41px;
    position: absolute;
    text-indent: -9999px;
    top: 410px;
    width: 28px;
    z-index: 3;}

#gallery .next_image a{background: url("i/sag_ok.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    right: 113px;
    text-indent: -9999px;
    top: 409px;
    width: 28px;
    z-index: 3;}