﻿body
{
	
	background-image: url('images/bg.gif');
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	background-color:#9a9a9a;	
}
#hatkoorta
{
	
	margin: 0 auto;
	width: 937px;
	height:auto;
	
	
}
#hatkoortapopup
{
	
	margin: 0 auto;
	width: 650px;
	height:auto;
	
	
}


.logo
{
width:281;
height:155px;
float:left;
left:20px;
position:relative;
}
.bayraklar
{
width:188;
height:56px;
float:right;
position:relative;
top:100px;
right:20px;
}
.tepemenu
{
		
	width: 945px;
	margin-left:4px;
	height:35px;
	float:left;
	background-image: url('images/tmenu.png');
	
}
.tepemenu ul
{
	
	height:42px;
	margin:  5px 0 0 0;
	list-style-type: none;
	float:right;
	display:block;
	right:15px;
	position:relative;
	
	
	
}
.tepemenu ul li
{
	display: block;
	float: left;
	margin: 0 1px 0 1px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	letter-spacing:1px;
}
.tepemenu ul li a
{
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	padding: 10px 7px 0 7px;
	height: 20px;
	font-family:Verdana;
	font-weight:bold;
	
}
.tepemenu ul li a:hover
{
	color: Gray;
	font-family:Verdana;
	font-weight:bold;
	
}
.tepemenuayrac
{
    display: block;
	float: left;
	color: white;
	text-decoration: none;
	padding: 10px 0px 0 0px;
	height: 20px;
	font-family:Verdana;
	font-weight:bold;
	width:5px;	
}
.tepeanimasyon
{
	border: 1px solid #000000;
	width: 920px;
	height: 264px;
	margin: 5px auto;
	clear:both;
	position:relative;
	padding:0;
	z-index:0;
}
.tepeanimasyonbaslik
{
	
	background: url(images/transiyah.png);
	padding: 9px 0 0 0px;
	width:600px;
	height: 49px;
	margin-top: -35px;
	position: absolute;
	left: 500px;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	letter-spacing: 6px;
	text-align:left;
	overflow:hidden;
	
}


.ortaust
{
	background-image: url('images/ortabg_01.png');
	width: 944px;
	height: 3px;
	
	
}
.orta
{
	background-image: url('images/ortabg_02.png');
	background-repeat:repeat-y;
	position:relative;
	width: 944px;
	height: 100%;	
	padding:0px 0px 50px 0px;
	margin:0;
	min-height:490px;	
	float:left;
}
.ortapopup
{
	background-image: url('images/ortabg_02.png');
	background-repeat:repeat-y;
	position:relative;
	width: 650px;
	height: 100%;	
	padding:0px 0px 50px 0px;
	margin:20;
	min-height:490px;	
	float:left;
}

.alt
{
    background-image: url('images/footer.gif');
	width: 920px;
	height: 10px;
	margin-left:11px;
	position:relative;
	top:-40px;
	float:left;
	left: 0px;
}.alt span
{
	position: relative;
	top: 10px;
    float:right;
	font-family: verdana;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	overflow:hidden;
}
.altpopup
{
    background-image: url('images/footer.gif');
	width: 635px;
	height: 10px;
	margin-left:11px;
	position:relative;
	top:-40px;
	float:left;
	left: 0px;
}


.altpopup span
{
	position: relative;
	top: 10px;
    float:right;
	font-family: verdana;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	overflow:hidden;
}
.hakkimizda
{
	
	width: 395px;
	height: 240px;
	background: transparent url(images/hakkimizda.gif) repeat-x;
	
	
}
.hakkimizda p
{
font-size: 11px;
font-family: verdana;
color: #7b7c7b;
margin:5px;


}
.saganimasyon
{
	width: 518px;
	height: 239px;
	border: 1px solid #000000;
}
.anaicerik
{

	background: transparent url(images/anaicerik.png) no-repeat;
	height:213px;
}


.duyuru_ana
{

	background: url('images/projebg.gif') no-repeat;
	height:177px;
	width:296px;
	float:left;
	margin:9px 3px 0 -2px;
	font-family: Verdana;
	font-size: 11px;
	color: Black;
	letter-spacing: 1px;
	line-height:15px;
	padding:10px 0 0 3px;
	
}
.duyuru_ana span
{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #3E6B0A;
	margin-left:5px;
	
}
.duyuru_ana a, .duyuru_ana a:hover, .duyuru_ana a:visited
{
	color: #000000;
	padding-left: 1px;
	font-size: 11px;
	font-family: Arial;
	font-style: normal;
	text-decoration: none;
	background-color: Transparent;
	font-family: Verdana;
	font-size: 11px;
	color: #666b76;
	letter-spacing: 1px;
	line-height:15px;
}





.serti_ana
{

	background: transparent url(images/projebg.gif) no-repeat;
	height:177px;
	width:260px;
	float:left;
	margin:9px 3px 0 8px;
	padding:10px 0 0 3px;
}
.serti_ana span
{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #3E6B0A;
	margin-left:5px;
}


/*PROJELER STYLE*/
				  				  
				  				  

.proje_ana
{

	background: transparent url(images/projebg.gif) no-repeat;
	height:177px;
	width:338px;
	float:left;
	margin: 9px 3px 0 4px;
	padding:10px 0 0 5px;
	
}
.proje_ana span
{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #3E6B0A;
	margin-left:5px;
}


/*
	PAGE STRUCTURE
*/
#page-wrap
{
	
	width: 338px;
	float: left;
	position: relative;
	margin:9px 3px 0 4px;

}

/*
	SLIDER
*/
.slider-wrap								{ width: 338px; position: relative;}			

.panel ul               					{ text-align:left; margin: 0 0px 0 0px;}
.stripViewer								{ position: relative; overflow: hidden; width: 338px; height: 177px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 338px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 0px; }

.photo-meta-data							 
{
	background: url(images/transbeyaz.png); padding:6px 0 0 3px; width:330px; height: 25px; 
	margin-top: -35px; position: relative; 
	text-align:left;
									
}


.photo-meta-data span
{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Arial;
	font-style: normal;
	color: #000000;
	
	
	
}
.photo-meta-data span a, .photo-meta-data span a:hover, .photo-meta-data span a:visited
{
	color: #000000;
	padding-left: 1px;
	font-size: 11px;
	font-family: Arial;
	font-style: normal;
	text-decoration: none;
	
}
/*Acordion menu */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

.mask{
	position:relative;
	width:920px;
	height:264px;
	overflow:hidden;
}


.mask2
{
	position:relative;
	width:519px;
	height:240px;
	overflow:hidden;
	
}
#box2{
	position:absolute;
}
#box1{
	position:relative;
}

.Baslik
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #3e5b49;
    padding:10px;    
}
.Linkler
{
    font-family:Verdana;
    font-size:11px;
    color:#686868;
    text-decoration:none;
    padding:10px;
 
}
.Referans
{
    font-family:Verdana;
    font-size:11px;
    color:#043645;
    text-decoration:none;
    line-height:10px;
    letter-spacing:1px;
    margin-left:5px;
}

.minibaslik
{
	font-family: Verdana;
	font-size: 12px;
	color: #043645;
	text-decoration: none;
	padding: 12px;
	font-weight: bold;
}
.reficdetay
{
	font-family:Verdana;
    font-size:11px;
    color:#043645;
    text-decoration:none;
    line-height:15px;
}

.urunkat
{

	background: transparent url(images/projebg.gif) no-repeat;
	height:auto;
	width:165px;
	vertical-align:top;
	margin-left:6px;
	padding-top:5px;
	
}
.urunlericerik
{
	

	height:100%;	
	width:910px;
	margin-left: 10px;
	border-top-color: #dad9d9;
	border-right-color: #dad9d9;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-left-color: #dad9d9;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	min-height:400px;
	
}
.urunlericerikpopup
{
	

	height:100%;	
	width:625px;
	margin-left: 10px;
	border-top-color: #dad9d9;
	border-right-color: #dad9d9;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-left-color: #dad9d9;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	min-height:300px;
	
}
.urunlericeriktarih
{
	
height:100%;	
	
	min-height:400px;
	float:right;
	
}

.kathr
{
background-color:#adbcaf;
height:1px;
width:150px;
display:block;
margin-left:10px;
}
.menulersagbg1
{
	padding: 10px 0px 0px 10px;
	vertical-align: middle;
	margin: 0;
	height:18px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
}
.menulersagbg1 a
{
    font-family:Verdana;
    font-size:10px;
    color:#a7a6a6;
    text-decoration:none;    
}


.urunacordon
{
	background-image: url('images/acordbulleton.png');
	background-repeat: no-repeat;
	background-position: top;
	width: 750px;
	height: 23px;
	overflow: hidden;
	cursor: hand;
}

.urunacordoff
{
	
	background-image: url('images/acordbulletoff.png');
	background-repeat: no-repeat;
	background-position: top;
	width: 750px;
	height:23px;
	overflow:hidden;
	cursor: hand;
}

.bos
{
height:5px;
}

.urunicbaslik
{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #3e5b49;
	vertical-align:middle;
	margin-top:4px;
	margin-left:12px;
	
}
/* Referans Resim Galerisi */
#container
{
	width: 600px;
	margin: 0px auto;
}



#picture-slides-frame{
	float: left;
	width: 600px;
	text-align: center;
	height:500px;
	
	
}

#picture-slides-thumbnails{
	float: left;
	width: 600px;
}

#picture-slides-thumbnails ul{
	list-style: none;
	width: 500px;
}

#picture-slides-thumbnails ul li{
	float: left;
	width: 96px;
	height: 75px;
}

#picture-slides-thumbnails ul li img{
	width: 100px;
	height: 75px;
	cursor: pointer;
	

}

#picture-slides-thumbnails ul li .selected img
{
	width: 96px;
	height: 71px;
	
}

#picture-slides-image-text{
	text-align: center;
}

#picture-slides-image{
	
	
	width: 300px;
}
.Etiket
{
    font-family:Verdana;
    font-size:11px;
    color:Black;
    text-decoration:none;
}
#Detay
{
    width:320px;
    height:auto;
    float:right;
}
#ileform
{
    width:550px;
    height:auto;
    float:left;
}
.FifaListe
{
    margin:0;
    padding:0;
    line-height:20px;
    
}
.FifaUl
{
 margin-left:5px;
 list-style-type:circle;
 width:180px;
}
.alttheon
{
   
	width: 920px;
	height: 10px;
	margin-left:11px;
	position:relative;
	top:-40px;
	float:left;
	left: 0px;
}
