/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
body{
	font-family: Arial;
	font-weight: 400;
	font-size: 12px;
	color:#666;
	background-image:url(../Images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#D9E0E4;
}
.kategoriler{
	font-family:Arial;
	font-size:18px;
	color:#D81E3B;
	font-weight:bold;
	text-decoration:none;
}
.kategoriler:hover{
	font-family:Arial;
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.ortala{
	width:182px;
	height:153px;
	display:table;
}
.ortala p{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.ust_menu{
	font-family:Arial;
	font-size:13px;
	color:#666666;
	text-decoration:none;
}
.ust_menu a{
	font-family:Arial;
	font-size:13px;
	color:#666666;
	text-decoration:none;
}
.ust_menu a:hover{
	font-family:Arial;
	font-size:13px;
	color:#F60;
	text-decoration:none;
}
.urun_baslik{
	font-family:Arial;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}
.urun_baslik a{
	font-family:Arial;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}
.urun_baslik a:hover{
	font-family:Arial;
	font-size:13px;
	color:#000;
	text-decoration:none;
}


.alt_menu{
	font-family:Arial;
	font-size:13px;
	color:#4C6AA1;
	text-decoration:none;
}
.alt_menu a{
	font-family:Arial;
	font-size:13px;
	color:#4C6AA1;
	text-decoration:none;
}
.alt_menu a:hover{
	font-family:Arial;
	font-size:13px;
	color:#000;
	text-decoration:none;
}


.dil{
	font-family:Arial;
	font-size:12px;
	color:#4C6AA1;
	text-decoration:none;
}
.dil a{
	font-family:Arial;
	font-size:12px;
	color:#4C6AA1;
	text-decoration:none;
}
.dil a:hover{
	font-family:Arial;
	font-size:12px;
	color:#f00;
	text-decoration:none;
}


.tab_urun{
	font-family:Arial;
	font-size:13px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.tab_urun a{
	font-family:Arial;
	font-size:13px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.tab_urun a:hover{
	font-family:Arial;
	font-size:13px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}


.etiket{
	font-family:Arial;
	font-size:11px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.etiket a{
	font-family:Arial;
	font-size:11px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.etiket a:hover{
	font-family:Arial;
	font-size:11px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}


.haberlist{
	font-family:Arial;
	font-size:14px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.haberlist a{
	font-family:Arial;
	font-size:14px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.haberlist a:hover{
	font-family:Arial;
	font-size:14px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}




.yet{
	font-family:Arial;
	font-size:18px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.yet a{
	font-family:Arial;
	font-size:18px;
	color:#4C6AA1;
	text-decoration:none;
	font-weight:bold;
}
.yet a:hover{
	font-family:Arial;
	font-size:18px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}




.postheadericons .author,.postheadericons .date,.postheadericons .category,.page-navigate .page,.page-navigate .pages,.page-navigate .current,.page-navigate .next-link,.page-navigate .next,.page-navigate .previous,.comment-post .reply,.actions .next,.actions .prev{
  width:auto;
  -moz-transition:all 0.3s ease-in 0s;
  -webkit-transition:all 0.3s ease-in 0s;
  -o-transition:all 0.3s ease-in 0s;
  transition:all 0.3s ease-in 0s;
  display:block;
  border-radius:3px;
  border:1px solid #1C1C1C;
  float:left;
  padding:3px 6px;
  margin-right:5px;
  background:#1f1f1f;
  background:-moz-linear-gradient(top,#1f1f1f 25%,#1e1e1e 63%,#1e1e1e 84%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,#1f1f1f),color-stop(63%,#1e1e1e),color-stop(84%,#1e1e1e));
  background:-webkit-linear-gradient(top,#1f1f1f 25%,#1e1e1e 63%,#1e1e1e 84%);
  background:-o-linear-gradient(top,#1f1f1f 25%,#1e1e1e 63%,#1e1e1e 84%);
  background:-ms-linear-gradient(top,#1f1f1f 25%,#1e1e1e 63%,#1e1e1e 84%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1e1e1e',GradientType=0 );
  background:linear-gradient(top,#1f1f1f 25%,#1e1e1e 63%,#1e1e1e 84%);
  box-shadow:0 1px 2px #1C1C1C inset;
  -moz-shadow:0 1px 2px #1C1C1C inset;
  -webkit-shadow:0 1px 2px #1C1C1C inset;
  -ms-shadow:0 1px 2px #1C1C1C inset;
  -o-shadow:0 1px 2px #1C1C1C inset;
  color:#FFFFFF;
  text-decoration:none;
}

.postheadericons .author:hover,.postheadericons .date:hover,.postheadericons .category:hover,.page-navigate .page:hover,.page-navigate .next-link:hover{
  -moz-transition:all 0.3s ease-in 0s;
  -webkit-transition:all 0.3s ease-in 0s;
  -o-transition:all 0.3s ease-in 0s;
  transition:all 0.3s ease-in 0s;
  background:#1f1f1f;
  background:-moz-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,#1f1f1f),color-stop(63%,#1f1f1f),color-stop(84%,#1e1e1e));
  background:-webkit-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  background:-o-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  background:-ms-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1e1e1e',GradientType=0 );
  background:linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  box-shadow:0 1px 2px #1C1C1C inset;
  -moz-shadow:0 1px 2px #1C1C1C inset;
  -webkit-shadow:0 1px 2px #1C1C1C inset;
  -ms-shadow:0 1px 2px #1C1C1C inset;
  -o-shadow:0 1px 2px #1C1C1C inset;
  color:#06C;
  text-decoration:none;
}


.actions .next:hover,actions.prev:hover{
  -moz-transition:all 0.3s ease-in 0s;
  -webkit-transition:all 0.3s ease-in 0s;
  -o-transition:all 0.3s ease-in 0s;
  transition:all 0.3s ease-in 0s;
  background:#1f1f1f;
  background:-moz-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,#1f1f1f),color-stop(63%,#1f1f1f),color-stop(84%,#1e1e1e));
  background:-webkit-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  background:-o-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  background:-ms-linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1e1e1e',GradientType=0 );
  background:linear-gradient(top,#1f1f1f 25%,#1f1f1f 63%,#1e1e1e 84%);
  box-shadow:0 1px 2px #1C1C1C inset;
  -moz-shadow:0 1px 2px #1C1C1C inset;
  -webkit-shadow:0 1px 2px #1C1C1C inset;
  -ms-shadow:0 1px 2px #1C1C1C inset;
  -o-shadow:0 1px 2px #1C1C1C inset;
  color:#F00;
  text-decoration:none;
}




/* Tab Menü */
* {
padding: 0;
margin: 0;
list-style: none;
border: 0;
text-decoration: none;
font-family: Arial
}
#tab-menu {
	padding: 0px;
	width: 465px
}
.tab-menu {
	margin-bottom: 0px;
}
.tab-menu a {
	background: #EAEAEA no-repeat scroll 0% 0%;
	color: #505050;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 20px;
	display: inline-block;
	text-align:center;
}
.tab-menu a.aktif {
background:#fff no-repeat scroll 0% 0%;
color: #1D5EA0;
text-align:center;
}
.tabmenuContent {
	padding: 0 10px;
}








			.caroufredsel_wrapper {
			}
			#carousel img {
				width: 170px;
				height: 135px;
				margin: 0 8px;
				float: left;
			}
			#prev, #next {
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 15px;
				height: 21px;
				position: absolute;
				top: 65px;
			}
			#prev {
				background-position: 0 0;
				left: 30px;
			}
			#prev:hover {
				left: 29px;
			}			
			#next {
				background-position: -18px 0;
				right: 30px;
			}
			#next:hover {
				right: 29px;
			}				
			#pager {
				text-align: center;
				margin: 0 auto;
				padding-top: 20px;
			}
			#pager a {
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			#pager a.selected {
				text-decoration: underline;				
			}












			#wrapper {
				padding: 10px;
				width: 940px;
				height: 271px;
				overflow: hidden;
			}
			#images-wrapper {
				width: 800px;
				height: 230px;
				float: left;
			}
			#texts-wrapper {
				width: 500px;
				height: 230px;
				float: left;
			}
			
			#images img {
				display: block;
			}
			
			#texts > div {
				width: 500px;
				height: 230px;
				position: relative;
			}
			#texts > div > div {
				width: 540px;
				position: absolute;
				left: 30px;
				bottom: 125px;
				color: #5C77AA;
				font-size: 22px;
			}
			
			#texts a {
				color: #06F;
				font-size: 26px;
				text-shadow: 0 1px 2px rgba(0,0,0,0.5);
				text-decoration: none;
				text-align: center;
				line-height: 40px;
				outline: none;
				display: block;
				background-color: #888;
				border: 1px solid #666;
				width: 175px;
				height: 40px;
				left: 700px;
				top: 260px;
				
				border-radius: 5px;
				box-shadow: 0 2px 5px rgba(0,0,0,0.5);
				background-image: -moz-linear-gradient(bottom, #666 25%, #888 75%);
				background-image: -webkit-linear-gradient(bottom, #666 25%, #888 75%);
				background-image: -ms-linear-gradient(bottom, #666 25%, #888 75%);
				background-image: linear-gradient(bottom, #666 25%, #888 75%);
			}
			#texts a:hover {
				background-color: #777;
				background-image: -moz-linear-gradient(top, #666 25%, #888 75%);
				background-image: -webkit-linear-gradient(top, #666 25%, #888 75%);
				background-image: -ms-linear-gradient(top, #666 25%, #888 75%);
				background-image: linear-gradient(top, #666 25%, #888 75%);
			}




.menum ul{
	margin:0;/*UL çerçevesinin dışından boşluğunu yok eder.*/
	padding:0;/*UL çerçevesinin içerden boşluğunu yok eder.*/
	list-style:none;/*Lİ'lerin kenarlarındaki stili(örneğin yuvarlak gibi) kaldırır.*/
	width:280px;/*UL'nin genişliğini 150px olarak ayarlar*/

+}
.menum li{
	position:relative;/*Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar. Burada Lİ özelliği UL'yi esas alarak yerini belirler.*/
}
.menum li ul{/*menum'ün içindeki Lİ'nin içindeki UL için class tanımlaması*/
	position:absolute;/*Katmanın yerini esas pencere olarak alır. Yani yeri nere ise orada konumlanır.*/
	list-style:none;/*Lİ'lerin kenarlarındaki stili(örneğin yuvarlak gibi) kaldırır.*/
	left:279px;/*Soldan 149 px boşluk bırakır. 1px az olmasının sebebi border'dandır.*/
	width:280px;/*Lİ'nin içerisindeki UL'nin genişliği 150 px yapılır.*/
	display:none;/*menu->li->ul sayfa açıldığında gözükmesini engeller.*/
	top:0;/*Yukarıdan boşluğu siler*/
}
.menum li a{/*menu->li->a yani menu'nun içindeki linklere stil verilir*/
	display:block;/*Linkler alt alta gösterilir*/
	text-decoration:none;/*Linklerin alt çizgisi kaldırılır*/
	background-color:#F4F4F4;/*Linkelere arka plan rengi verilir*/
	color:#4C6AA2;/*Linklerin yazı rengi siyah olarak ayarlanır*/
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	padding:10px;/*Linklerin çerçevenin içinden boşluğu 5px olarak ayarlanır*/
	border-bottom:1px solid #4C6AA2;/*Linkelere çerçeve özelliği verilir*/
}
.menum li a:hover{/*menu'nun içindeki Lİ'nin içindeki linkerin üzerine gelindiğinde uygulanacak stiller*/
	background-color:#4C6AA2;/*Linkin arkaplan rengini değiştir*/
	color: #fff;/*Linkin yaz rengini değiştir.*/
}
.menum li a.act {/*menu'nun içindeki Lİ'nin içindeki linkerin üzerine gelindiğinde uygulanacak stiller*/
	background-color:#4C6AA2;/*Linkin arkaplan rengini değiştir*/
	color: #fff;/*Linkin yaz rengini değiştir.*/
}
.menum li:hover ul{/*Menu'nun içindeki ana Lİ'lerin üzerine gelince alt menüsü (yani UL'si) varsa göstermesi için stil uygulanır*/
	display:block;/*Menu'nun içindeki Lİ'nin içindeki alt menu olarak olan li->ul lerin alt menüsü varsa onların açılmasını sağlar*/
}
/*ie 7 ve altındaki tarayıcı uyumsuzluklarını gidermek için bu kodları kullandık*/
* html ul li{
float:left;
height:1%;
}
* html ul li a{
height:1%;
}




.list_baslik{
	font-family:'Merriweather Sans', sans-serif; font-size:14px; font-weight:bold;
}
.list_yazi{
	font-family:'Merriweather Sans', sans-serif; font-size:12px;
}









.fork {
  border:0;
  position:absolute;
  top:0;
  right:0;
}

.col {
  width: 320px;
  float: left;
  margin-right:32px;
  margin-bottom: 16px;
}
.c3 {
  margin-right:0;
}

h1 {
  border-bottom: 1px solid #333;
  font-size: 32px;
  color: #fff;
  padding-bottom: 12px;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
}

h2 {
  margin: 10px 0;
  color: #000;
  font-size: 13px;
  text-shadow: 1px 1px 2px #fff;
}

h3 {
	margin: 0;
	background-color: rgb(255,255,255);
	background-image: linear-gradient(bottom, rgb(255,255,255) 14%, rgb(255,255,255) 57%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(255,255,255) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(255,255,255) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(255,255,255) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 14%, rgb(255,255,255) 57%);
}

h3 a {
  background: url("sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #4C6AA2;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #4C6AA2;
  font-size:14px;
}
h3:hover { background: #efefef; color:#FFF; font-size:13px;}
h3.open  { background: #4C6AA2; color:#FFF; font-size:13px;}
h3.open a { background-position: 13px -25px; color:#FFF; font-size:13px;}
h3 + div { padding: 10px; }

h2 + div,
.example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}

/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 10px;
}

#css3-animated-example h3.open + div {
	height: auto;
	background-color: #efefef;
}

/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}




.liste{
	font-size:13px; text-decoration:none; font-family:Arial; color:#006699; padding:4px 0px;
}
.liste a{
	font-size:13px; text-decoration:none; font-family:Arial; color:#006699;
}
.liste a:hover{
	font-size:13px; text-decoration:none; font-family:Arial; color:#f00;
}