@charset "utf-8";

/* CSS Document */

body {

	margin:0px;

}

#ustalan {

	width:935px;

	height:30px;

	margin:auto;

}

.dilicon {

	float:right;

margin-right:10px;

margin-top:5px;

}

#ustmenu {

	background:url(../grafikler/ustbolum.png);

	width:100%;

	height:598px;

	margin:auto;

}

#ustmenu .menu {

	width:935px;

	height:30px;

	margin:auto;

}

#ustmenu .logo {
	position:absolute;

background:url(../grafikler/logoarka.png);

width:160px;
padding-left:15px;
padding-top:10px;

height:85px;
z-index:999;
margin-left:380px;

}

#ustmenu .sol { 

width:369px;

height:30px;

float:left;

padding-top:20px;



}

#ustmenu .sag { 

width:369px;

height:30px;

padding-top:20px;

float:right;



}

#ustmenu .link { 

color:#FFF;

font-size:13px;

float:right; 

margin-right:5px;

margin-left:20px;

padding-right:20px;

background:url(../grafikler/menuayirac.png) no-repeat right center;

}



#ustmenu  .sol .link:hover {

	text-decoration:inherit;

}



#flashalan {

	width:100%;

	height:359px;

	margin:auto;

	margin-top:20px;

	

}

#slogan { 

width:935px;

background:url(../grafikler/slogan.png);

height:43px;

margin:auto;

margin-top:50px;

}

#flashalan .solok { 

position:absolute;

margin-top:170px;

width:42px;

height:41px;

}

#flashalan .sagok { 

position:absolute;

margin-top:170px;

margin-left:893px;

width:42px;

height:41px;

}



#altbloglar { 

width:935px;

height:280px;

margin:auto;

margin-top:50px;

}

#altbloglar .blog { 

width:281px;

float:left;

margin-right:40px;

}

#altbloglar .blog .bloglbaslik {

	width:251px;

	height:17px;

	float:left;

	padding-left:30px;

}

#altbloglar .blog .resim { 

width:281px;

height:80px;

float:left;

margin-top:10px;

}

#altbloglar .blog .yazi {

	color:#acacac;

	font-size:13px;

	float:left;

	margin-top:20px;

	width:265px;

	line-height:17px;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}



#altbloglar .blog .detayli {

	width:92px;

	height:29px;

	float:left;

	margin-top:20px;

}

#enalt {

	background:url(../grafikler/enalt.png);

	height:175px;

	width:100%;

	margin:auto;

	margin-top:25px;

	margin-bottom:20px;

}

#enalt #enaltic { 

width:935px;

margin:auto;

height:150px;

padding-top:25px;

}

#enalt #enaltic .altbloglar {

	width:175px;

	float:left;

	height:150px; 

}

#enalt #enaltic .altbloglar .baslik { 

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-size:14px;

color:#595958;

width:175px;

float:left;

}

#enalt #enaltic .altbloglar .linkler {

	color:#8c8c8c;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:11px;

	margin-top:7px;

	float:left;

	width:175px;

}

#enalt #enaltic .altbloglar .linkler:hover {

	text-decoration:underline;

}



#tel { 

color:#595958;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-size:14px;

margin-top:25px;

float:left;

font-weight:bold;

width:270px;

}

.sosyalicon { 

width:24px;

height:25px;

float:left;

margin-top:15px;

margin-right:15px;

}



#ustmenu2 {

background:url(../grafikler/icarka2.png);

	width:100%;

	height:244px;

	margin:auto;
}

#ustmenu2 .menu {

	width:935px;

	height:30px;

	margin:auto;

	

}

#ustmenu2 .logo {

	float:left; 

background:url(../grafikler/logoarka.png);

width:155px;

height:85px;

margin-left:10px;

margin-right:10px;

padding-left:22px;

padding-top:10px;

}


#ustmenu2 .sol { 

width:369px;

height:30px;

float:left;

padding-top:20px;



}

#ustmenu2 .sag { 

width:369px;

height:30px;

float:left;

padding-top:20px;

float:right;



}

#ustmenu2 .link { 

color:#FFF;

font-size:13px;

float:right; 

margin-right:5px;

margin-left:20px;

padding-right:20px;

background:url(../grafikler/menuayirac.png) no-repeat right center;

}



#ustmenu2  .sol .link:hover {

	text-decoration:inherit;

}



#detayicerigi {

	width:925px;

	margin:auto;

	margin-top:-100px;

	height:470px;

}

#detayicerigi .solmenu {

	background:url(../grafikler/solmenuarka.png) no-repeat;

	width:209px;

	float:left;

	height:200px;

}

 #linki { 

background:url(../grafikler/solmenulink.png);

width:179px;

height:19px;

float:left;

color:#497387;

font-size:14px;

margin:5px;

margin-bottom:0px;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight:bold;

padding:10px;

}

 #linki:hover {

	background:url(../grafikler/solmenulinkhover.png);

	color:#FFF;

}

#katolog {

	width:199px;

	height:79px;

	float:left;

	margin-top:20px;

	margin-left:5px;

	background:url(../grafikler/katolog.png);

}

#katolog:hover {

	background:url(../grafikler/katologhover.png);

}

 #bizeulasin {

	 width:199px;

	 height:99px;

	 float:left;

	 margin-top:10px;

	 margin-left:5px;

 }

 #ortaicerik {

	 background:url(../grafikler/ortaarka.png);

	 width:686px;

	 height:424px;

	 float:right;

	 padding:10px;

 }

 #ortaicerik .basliklar {

	 width:686px;

	 height:25px;

	 color:#959595;

	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	 font-size:13px;

	 float:left;

	 background:url(../grafikler/baslikcizgi.png) left bottom repeat-x;

	 margin-bottom:10px;

 }

 

  #ortaicerik .detaylari {

	 width:686px;

	 height:375px;

	 color:#959595;

	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	 font-size:12px;

	 float:left;

	 line-height:15px;

  }

  #refresim {

	  background:url(../grafikler/refarka.png);

	  width:151px;

	  height:119px;

	  float:left;

	  margin-left:5px;

	  margin-right:5px;

	  margin-bottom:10px;

	  padding:5px;

  }

  #galeriresim {

	  background:url(../grafikler/galeriresmarka.png);

	  width:151px;

	  height:119px;

	  float:left;

	   margin-left:5px;

	  margin-right:5px;

	  margin-bottom:10px;

	  padding:5px;

	  	  color:#959595;



	  

  }

    #galeriresim:hover  {

		background:url(../grafikler/galeriresmarkahover.png);

		 color:#FFF

	}



  .galres {

	  margin-top:5px;

	  margin-left:5px;

	  height:86px;

	  width:140px;

	  float:left;

	  border:none;

  }

  .galbas {

	  width:151px; 

	  float:left;

	  margin-top:10px;

	  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	  font-size:12px;

	  text-align:center;

  }

  #urungorsel { 

  background:url(../grafikler/urunarka.png);

  width:125px;

  height:149px;

  margin-left:5px;

	  margin-right:5px;

	  margin-bottom:10px;

	  float:left;

	  padding:15px;

	  color:#797979;

  }	  

  #urungorsel:hover {

	  background:url(../grafikler/urunarkahover.png);

	  color:#FFF;

  }#urungorsel .resimi { 

  width:103px;

  height:68px;

  float:left;

  margin-top:15px;

  margin-left:10px;

  border:0px;

  }

  #urungorsel .baslikta { 

  

  font-size:13px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  margin-top:50px;

  width:100%;

  text-align:center;

  float:left;

  }

   #urungorsel .baslikta:hover { 

   

  font-size:13px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  margin-top:50px;

  width:100%;

  text-align:center;

  float:left;

  }

  /* flash alani */

 

         

#slider {

    width:100%;height:545px;/* Make it the same size as your images */

	background: url(../grafikler/loading.gif) no-repeat 50% 50%;

	position:relative;

 	margin:0 auto;/*make the image slider center-aligned */

 }

#slider img {

	position:absolute;

	border:none;

	display:none;

}



/* the link style (if an image is wrapped in a link) */

#slider a.imgLink {

	z-index:2;

	display:none;position:absolute;

	top:0px;left:0px;border:0;padding:0;margin:0;

	width:100%;height:100%;

}



/* Caption styles */

div.mc-caption-bg, div.mc-caption-bg2 {

	position:absolute;

	width:100%;

	height:auto;

	padding:0;

	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/

	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/

	z-index:3;

	overflow:hidden;

	font-size: 0;

}

div.mc-caption-bg {

	background-color:black;

}

div.mc-caption {

	font: bold 14px/20px Arial;

	color:#EEE;

	z-index:4;

	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/

	text-align:center;

}

div.mc-caption a {

	color:#FB0;

}

div.mc-caption a:hover {

	color:#DA0;

}





/* ------ built-in navigation bullets wrapper ------*/

div.navBulletsWrapper  {

	top:490px; left:50%; /* Its position is relative to the #slider */

	width:250px;

	background:none;

	padding-left:20px;

	position:relative;

	z-index:5;

	cursor:pointer;

}



/* each bullet */

div.navBulletsWrapper div 

{

    width:12px; height:12px;

    background:transparent url(../grafikler/slaytpasif.png) left center no-repeat;

    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;

    margin-right:11px;/* distance between each bullet*/

    _position:relative;/*IE6 hack*/

}



div.navBulletsWrapper div.active {

	background:url(../grafikler/slaytaktif.png);}





/* --------- Others ------- */

 /* flash alan sonu */

 

 #iletisimsag {

	 width:300px;

	 float:left;

	 margin-left:20px;

	 height:370px;

  }

 #iletisimsag .adres {

	 background:url(../grafikler/adres.png) no-repeat;

 width:275px;

	 height:11px;

	 float:left;

	 margin-top:25px;

 }

 #iletisimsag .adresici { 

 color:#7a7979;

 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

 font-size:12px;

 float:left;

 width:195px;

 margin-bottom:15px;

 padding-left:15px;

 line-height:17px;

 margin-top:5px;



 }

  #iletisimsag .iltel {

	 background:url(../grafikler/telefon.png) no-repeat;

 width:275px;

	 height:16px;

	 float:left;

	 margin-top:5px;

 }

 

  #iletisimsag .mail {

	 background:url(../grafikler/mail.png) no-repeat;

 width:275px;

	 height:16px;

	 float:left;

	 margin-top:5px;

 }

 

  #iletisimform {

	 width:340px;

	 float:right;  

	 background:#f9f9f9;

	 height:320px;

	 margin-top:20px;

	 margin-left:00px;

	 padding:10px;

  }

   #iletisimform .iletisimform {

	 background:url(../grafikler/iletisimformu.png) no-repeat;

 width:275px;

	 height:16px;

	 float:left;

	 margin-top:5px;

 }



.text {

	background:url(../grafikler/text.png);

	width:203px;

	height:27px;

	float:left;

	border:none;

	 margin-bottom:10px;

	 margin-left:20px;

}

.textarea {

	background:url(../grafikler/textarea.png);

	width:200px;

	height:57px;

	float:left;

	border:none;

	overflow:auto;

	 margin-bottom:10px;

	  margin-left:20px;

}



 

 .buton {

	 background:url(../grafikler/gonder.png);

	 width:66px;

	 height:26px;

	 float:left;

	 border:none;

	 margin-bottom:10px;

	  margin-left:20px;

 }#detayicerigi .solmenu #linki a {
	text-decoration: none;
	color: #497387;
}
#detayicerigi .solmenu #linki a:hover {
	color: #FFFFFF;
}