/*------------------------------------------------------------------
Proje:	CROCIST 
Versiyon:	1
Duzenleme:	27/04/09 
Guncelleme:	24/09/09 

Hazirlayan:	Omer ARI
--------------------------------------------------------------------
[Icindekiler]
1. Standartlar
2. Sayfa Ust
3. Icerik
4. Sayfa Alt
5. Ozel Tanimlar

--------------------------------------------------------------------
[Renk Kodlari]
#
# -----------------------------------------------------------------*/

@import "reset.css";
@import "jquery-ui-1.7.2.custom.css";

/* ----------------------------------
1. STANDARTLAR
-----------------------------------*/
html {background: #fff}
body{
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #333;
}
p{	margin-bottom: 10px;}
abbr{ cursor: help;	border-bottom: 1px dashed #ccc;}
.tasiyici{
	width: 960px;
	margin: 0 auto;
}	

a.link{
	color: #333;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}
a.link:hover{
	color:#333;
	border-bottom: 1px solid #666;
	text-decoration: none;
}

/* ----------------------------------
2. SAYFA UST
-----------------------------------*/
.ust{
	width: 960px;
}
	
.ust .menu{
	border:1px solid #dfdfdf;
	border-top:0px;
	background: #f0f0f0;
	height: 36px;
}

	.ust .menu ul{
		list-style: none;
		margin-left: 400px;
	}
	.ust .menu li{
		display: block;
		float: left;
		width: 70px;
		text-align: center;
		padding: 10px 20px;
		cursor: default;
	}
	.ust .menu li a{
		color: #333;
		font-size: .9em;
		font-weight: bold;
		text-decoration: none;
	}
	.ust .menu li a:hover{
		color: #ee3224;
	}	
	.ust .menu li:hover{
		background: url(../bg-menu.png) bottom no-repeat;
	}

	.ust .menu .visited{
		color: #ee3224;
		background: url(../bg-menu.png) bottom no-repeat;
		font-size: .9em;
		font-weight: bold;
		text-decoration: none;
		}
	
	
/* ----------------------------------
3. ICERIK
-----------------------------------*/
.orta{
	width: 960px;
}

.orta .logo{
	background: url(../logo.png) no-repeat;
	position: absolute;
	width: 400px;
	height: 200px;
   z-index:100;	
}
.orta .logo h1{
	display: none;
}

	.orta .foto{
		width: 960px;
		height: 310px;
	}
	
	.orta .foto-devam{
		width: 960px;
		height: 200px;
	}	
	
	.orta .baslik{
		background: url(../bg-ust4.png) no-repeat;
		height: 60px;
		margin-top: -60px;
		position: relative;		
		z-index: 100;
	}
		.orta .baslik div{
			float: left;
			width: 220px;
			color: #fff;
			padding: 10px;	
		}
			.orta .baslik div h2{
				font-size: 1.4em;
				font-weight: bold;		
				margin-bottom: -2px;
			}		

	.orta .bilgi{
		background: url(../bg-alt4.jpg) no-repeat;
		padding-top: 100px;
		font-size: .9em;
		line-height: 1.3em;
		color: #666;
	}
		.orta .bilgi div{
			float: left;
			width: 220px;
			padding: 10px;	
		}
			.orta .bilgi div h2{
				font-size: 1.2em;
				font-weight: bold;		
			}		

.orta .icerik{
	padding:20px 0px;
}			
.orta .icerik li{
	/*list-style: square;*/
}
.orta .icerik .icerik-sol{
	width: 680px;
	float: left;
}
.orta .icerik .icerik-sag{
	width: 260px;
	float: right;
	padding-left: 20px;
	text-align: center;
}

			
.orta .icerik h2{
	font-size: 2em;
	color: #ee3224;
	font-weight: normal;
	margin-bottom: 10px;
}			
			
/* ----------------------------------
4. SAYFA ALT
-----------------------------------*/
	
.alt{
	padding: 40px 20px;
	background: #f0f0f0;
	border: 1px solid #dfdfdf;
	margin-top: 10px;
	color: #666; 
}
.alt .sol{
	float: left;	
}
.alt .sag{
	float: right;	
	padding-right: 40px;
	width: 400px;
	background: url(../logolar.gif) no-repeat 200px 0px;
}

.alt .sag a{
	color: #666;
	text-decoration: none;
}
.alt .sag a:hover{
	color: #ee3224;
	text-decoration: none;
}

.alt .sag h4{
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: normal;
	color: #666;
}
	
	

/* ----------------------------------
5. OZEL TANIMLAR
-----------------------------------*/
.clear{clear: both;}


.logolar{
	width: 958px;
	height: 50px;
	border: 1px solid #dfdfdf;
	border-bottom: none;
	background: url(../alt-logolar.gif) no-repeat 0px 10px;
	margin-bottom: -10px;
}

#slideshow {
    position:relative;
    height:310px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
		
.tablo {background-color: #ddd}
.tablo th {padding: 2px; border: 1px solid #ccc;text-align: left;background-color: #e5e5e5}
.tablo td {padding: 2px; border: 1px solid #ccc;text-align: left; vertical-align: top;}
.tablo tbody td {background-color: #fff; border: 1px solid #ccc;}
.tablo tfoot td {background-color: #ffc; font-style: italic}

/*.sayfa-yolu{
    border-bottom: 1px solid #BED6E0;
	 padding: 4px 0px 4px 15px;
	 font-size: .8em;
	 color: #999;
}
	.sayfa-yolu a{ color: #666;}
	.sayfa-yolu a:hover{	color: #900; text-decoration: none;}
*/

.ui-tabs .ui-tabs-nav { list-style: none; 
}