@charset "utf-8";
/* CSS Document */

html
{
	height: 101%;
	margin: 0;
	padding: 0;
}


body
{

	/*	background-color: #4D95BB;*/
	height: 100%;	
	margin: 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../img/top.jpg) top left repeat-x #245d77;

}

#header
{
	height: 126px;
}

.ayrac
{
	background: url(../img/ayrac2.png) no-repeat;
}
#navbar
{
	color: #eeeeee;
	height: 50px;
	background-color: #333333;
	background: url(../img/navbar.png) repeat-x;
	border-bottom: 1px solid #3e7ea1;
	/*border-top: 1px solid #4689ad;*/
}


#navbar:hover
{
	
}

#navbar table
{
	width: 1000px;
	margin: 0 auto;
}
.nav
{
	height: 50px;
	width: 90px;
	cursor: pointer;
	background-color: transparent;
	color: #e5f7ff;
	text-align: center;
	font-weight: bold;
	font-family: arial, segoe UI, verdana;
}

.nav:hover
{
		text-shadow: #ffffff 0px 0px 10px;
}


#header-in
{
	width: 1000px;
	margin: 0 auto;
	padding-top: 85px;
}

#logo
{
	width: 236px;
	height: 62px;
	background: url(../img/logo.png) no-repeat bottom left;
}

#main
{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 20px;
	height: 100%;
}

#main-dis
{
	border-top: 0px solid #FC0;
	/*background: url(../img/main.png) repeat-x #436375 top;	*/
}

#main-left-in
{
	height: 150px;
	width: 250px;
	background-color: #333333;
	border: 5px solid #FC0;
	-moz-border-radius: 5px;
	background: url(../img/deepro.jpg) no-repeat;
}

#cont
{

	/*padding-top: 20px;*/
}

.container
{

	width: 100%;
	margin: 0 auto;
}

#footer
{
	height: 159px;
	padding: 10px;
	color: white;
	font-size: 10px;
	background: url(../img/footer.png) bottom left repeat-x transparent;	
}

.baslik
{
	font-size: 17px;
	color: #333333;
	background: url(../img/baslik.png) bottom repeat-x;
	padding-bottom: 10px;
}

.baslik2
{
	font-size: 14px;
	color: #333333;
	background: url(../img/baslik.png) bottom repeat-x;
	padding-bottom: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


.main-right-in
{
	font-size: 11px;
	color: #333333;
	padding-top: 10px;
	line-height: 16px;
}

.white
{
	color: #555555;
}

#main-left-center
{
	width: 2px;
	background: url(../img/ayrac.png) repeat-y;
}

.bosluk20
{
	height: 20px;
	/*background: url(../img/boslukust.png) bottom repeat-x;*/
}

.bosluk20alt
{
	height: 20px;
	background: url(../img/boslukalt.png) top repeat-x transparent;
}

#summary
{
	height: 220px;
	background: url(../img/main.png) bottom repeat-x;
	border-top: 1px solid #578a9f;
	/*border-bottom: 1px solid #296076;*/ 
}

.summary-baslik
{
	font-size: 18px;
	font-weight: normal;
	color: #ffe26e;
	/*background: url(../img/baslik.png) bottom repeat-x;*/
	border-bottom: 1px dotted #eeeeee;
	padding-top: 11px;	
	margin-bottom: 10px;
}


#summary-in
{
	width: 1000px;
	margin: 0 auto;
}

.summary-in-baslik
{
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	font-family: segoe UI, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.summary-in-icerik
{
	padding-top: 10px;
	color: #d2e9f3;
}

.summary-in-alt
{
	padding-top: 5px;
	color: #ffffff;
}

#summary-baslik-haberler
{
	background: url(../img/haberler.png) top right no-repeat;
}

#summary-baslik-sonblog
{
	background: url(../img/sonblog.png) top right no-repeat;
}

#summary-baslik-iletisim
{
	background: url(../img/iletisim.png) top right no-repeat;
}

.input-dis
{


	width: 200px;
	height: 20px;
	padding-left: 0;
}

input
{
	border: 1px solid #2f7195;
	background: url(../img/input.png) no-repeat top left #8bc6e6;
	height: 20px;
	width: 200px;
	color: #103746;
	font-weight: bold;
	-moz-border-radius: 3px;
}

.iletisim-ad
{
	color: #103746;
	font-size: 13px;
}

textarea
{
	background: url(../img/input.png) repeat-x top left #8bc6e6;
	border: 1px solid #2f7195;
	width: 400px;
	max-width: 400px;
	max-height: 150px;
	height: 150px;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #103746;	
	font-weight: bold;
	-moz-border-radius: 3px;
}

.textarea-dis
{
	border: 0 none;
	width: 298px;
	height: 36px;
	padding-left: 0;	
}


.blog-entry
{
	border: 1px solid #2d4858;
	padding: 3px;
	cursor: pointer;
	margin-top: 3px;
	background: url(../img/blogback.png) top left repeat-x #c4e4f5;
	-moz-border-radius: 5px;

}

.blog-entry:hover
{
	border: 1px solid #ffffff;

}

.blog-date
{
	font-size: 11px;
}

.blog-title
{
	color: #14425c;			
	font-size: 12px;
	font-weight: bold;
}

#blog-left
{
	width: 600px;
	height: 500px;
	background: url(../img/ayrac.png) repeat-y right;
}

#blog-right
{
	width:300px;
}
.blog-left-title, .blog-head, .sss-kategori, .iletisim-baslik
{
	text-shadow: #92c7e5 1px 1px 0px;	
	font-size: 20px;
	font-weight: normal;
	padding: 10px;
	background: url(../img/input.png) repeat-x #8bc6e6;
	-moz-border-radius: 5px;
	border: 1px solid #2d4858;	
	color: #14425c;	
	text-shadow: #b3e0f9 1px 1px 0px;	
	font-family: Segoe UI,Verdana, Geneva, sans-serif;

}




.blog-left-in, .sss-ol, #iletisim-dis, #hakkimizda, .uclu
{
	font-size: 11px;
	line-height: 20px;
	border: 1px solid #2d4858;	
	background: url(../img/blogback.png) top left repeat-x #c4e4f5;
	-moz-border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	color: #14425c;			
}

.blog-left-tarih
{
	text-align: center;
	width: 100px;
	font-size: 10px;
	padding-top: 4px;
	margin-top: 6px;
	height: 20px;
	background: url(../img/clock.png) no-repeat top left;
	color: #333333;	
	text-shadow: #ffdf7e 1px 1px 0px;
	font-family: Verdana, Geneva, sans-serif;
	float: right;
}

.blog-line
{
	height: 2px;
	border-bottom: 1px dotted white;
	margin-bottom: 2px;
}

.tag
{
	background-color: #333333;
	padding: 10px;
	-moz-border-radius: 5px;
	margin-top: 2px;
	background: url(../img/blogback.png) top repeat-x #c4e4f5;
	border: 1px solid #2d4858;	
	color: #14425c;	
}

a, a:link, a:visited, a:active, a:focus
{
	font-size: 11px;
	color: #069;
	padding: 3px;
	text-decoration: none;
    outline: none;	
}

h3:focus, h3:active
{
	outline: 0; !important;
	padding: 0;
	margin: 0;
	border: 0;
	height: 40px;
	max-height: 40px;
	min-height: 40px;	
}

h3
{
	height: 40px;
	max-height: 40px;
	min-height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
}


a:hover
{
	color: black;
}

.etiketa
{
	font-size: 11px;
	color: #036;
	background-color: #fff;
	padding: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;	
}

.etiketa:hover
{
	color: #fff;
	background-color: #137595;
}

.sss-kategori a
{
	font-size: 14px;
	font-weight: bold;
}

.sss-ol
{
	padding-left: 30px;
	line-height: 20px;
}





.urun-kategori-ana
{
	background: url(../img/video-aciklama.png) bottom repeat-x;
	border-bottom: 1px solid #cccccc;

}

#urun-kategori-ust
{
	height: 40px;
	/*border-bottom: 1px solid #eac7ae;*/
	background: url(../img/kategoriler.png) #cccccc top left no-repeat;	
}

.urun-kategori-bir
{
	padding: 10px;
	/*border-bottom: 1px dotted #cccccc;*/
}

.urun-kategori-bir:hover
{
	background-color: #eeeeee;
}

.urun-kategori-div
{
	padding: 5px;
	border-bottom: 1px solid #eac7ae;
	font-size: 10px;
}

#galeri-out
{
	border: 2px solid #FC0;
	background-color: #ffffff;
	padding: 10px;
	-moz-border-radius: 5px;
}

#submit
{
	width: 100px;
	height: 30px;
}
/*#ana
{
	border: 4px solid #FC0;
	background-color: #fff;
	-moz-border-radius: 5px;
}*/

#ana-right
{
	font-size: 12px;
}

#ana
{
	background: url(../img/blogback.png) top left repeat-x #c4e4f5;
	-moz-border-radius: 5px;
	border: 1px solid #2d4858;
	padding: 10px;
}

#ana-right
{
	color: #2d4858;
	padding: 10px;
}

#ana-right-in
{
	padding-top: 10px;
	font-size: 11px;
	line-height: 20px;
}

#uclu
{
	margin-top: 10px;
}

#uclu-1, #uclu-2
{
	width: 335px;
}

#uclu-3
{
	width: 250px;
}

a img
{
	border: 2px solid #333333;
	-moz-border-radius: 2px;
	cursor: pointer;
}

a img:hover
{
	border: 2px solid #FC0;	
}

.video-baslik
{
	font-weight: bold;
	color: #cc6633;
}

#videolar
{
	border: 1px solid #FC0;
	-moz-border-radius: 5px;
	padding: 10px;
	background: url(../img/videoback.png) top repeat-x #fff;
	padding-top: 20px;
}

.videolar-thumb
{
	border: 1px solid #F90;
	-moz-border-radius: 5px;
	min-width: 200px;
	min-height: 100px;
	height: 100px;
	background: url(../img/video-aciklama.png) bottom left repeat-x;	
}

.videolar-aciklama
{
	border: 1px solid #F90;
	-moz-border-radius: 5px;
	min-width: 100%;
	min-height: 100px;
	height: 100px;
	background: url(../img/video-aciklama.png) bottom left repeat-x;
	padding: 10px;
}

.videolar-baslik
{
	font-size: 16px;
	font-weight: normal;
	color: #069;
	border-bottom: 1px dotted #ff6c00;
	font-family: segoe UI, Arial, Helvetica, sans-serif;
}

.videolar-aciklama-in
{
	padding:10px;
	color: #666666;
}

.videolar-tarih
{
	float: right;
	font-size: 10px;
	color: #069;
	font-weight: normal;
}

.vimeo
{
	max-width: 400px;
	width: 400px;
}

.main-video-aciklama
{
	font-size: 11px;
	color: #333333;
	max-width: 400px;
	padding: 10px;
}

#arabut
{
	width: 30px;
	height: 20px;
}

.highlight
{
	background-color: #FC0;
	color: white;
	text-shadow: none;
}
/*---------------ana-----------------*/
#urun-sol
{
	min-height: 110%;
	border: 2px solid #FC0;
	background-color: #fff9f4;

}

#urun-ana
{
	min-height: 110%;
	/*min-height: 100%;*/
	border: 2px solid #FC0;
	-moz-border-radius: 5px;
	background: url(../img/video-aciklama.png) bottom repeat-x #fffdf4;
	color: #333333;
}

.urun-ana-resim
{
	padding-top: 10px;
}

.urun-ana-aciklama
{
	padding: 10px;
}

.urun-ana-diger-fotolar
{
	padding: 10px;
}
.ana-baslik
{
	background: url(../img/videoback.png) repeat-x white;
	border: 1px solid #FC0;
	margin-bottom: 10px;
	padding: 10px;
}

.urun-adi
{
	border: 1px solid #FC3;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	-moz-border-radius: 5px;
	background: url(../img/video-aciklama.png) bottom left;
}

.urun-ana-baslik
{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #F60;
	padding: 10px;
	background: url(../img/videoback.png) transparent repeat-x;
	border-bottom: 1px dotted #F60;
}

.urun-ana-resim
{
	min-height: 100px;
}

.bluon, .bluon:link, .bluon:visited
{
	color: #FC0;
}

.bluon:hover
{
	color: #eeeeee;
}

/*----------------------------------*/
#slider 
{
	border: 5px solid white;
	-moz-border-radius: 5px;
	background-color: #ffffff;
}

	#ana-left
	{
		position:relative;

	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:400px;
		height:300px;
		overflow:hidden;
		text-align: left;
		}	
	#slider a img
	{
		border: 0;
		margin: 0;
		text-align: left;
	}