@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'blogger_sansbold';
    src: url('../font/blogger_sans-bold-webfont.eot');
    src: url('../font/blogger_sans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/blogger_sans-bold-webfont.woff2') format('woff2'),
         url('../font/blogger_sans-bold-webfont.woff') format('woff'),
         url('../font/blogger_sans-bold-webfont.ttf') format('truetype'),
         url('../font/blogger_sans-bold-webfont.svg#blogger_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sansmedium';
    src: url('../font/blogger_sans-medium-webfont.eot');
    src: url('../font/blogger_sans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/blogger_sans-medium-webfont.woff2') format('woff2'),
         url('../font/blogger_sans-medium-webfont.woff') format('woff'),
         url('../font/blogger_sans-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dynalightregular';
    src: url('../font/dynalight-regular-webfont.eot');
    src: url('../font/dynalight-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dynalight-regular-webfont.woff2') format('woff2'),
         url('../font/dynalight-regular-webfont.woff') format('woff'),
         url('../font/dynalight-regular-webfont.ttf') format('truetype'),
         url('../font/dynalight-regular-webfont.svg#dynalightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bree_serifregular';
    src: url('../font/breeserif-regular-webfont.eot');
    src: url('../font/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/breeserif-regular-webfont.woff2') format('woff2'),
         url('../font/breeserif-regular-webfont.woff') format('woff'),
         url('../font/breeserif-regular-webfont.ttf') format('truetype'),
         url('../font/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
fieldset{border-radius: 10px; }
hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

body{
	margin:auto;
	top:0px;
	height:100%;
	background: url(../images/bck.jpg) no-repeat center top fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}
	form{float:left;}
	label,select, legend, input, textarea,h5,.xx
	{
		font-family:'blogger_sansmedium';
		font-size:18px;
		color:#2c2c2c;
		}
		
		input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}
		
		.xy
	{
		font-family:'blogger_sansmedium';
		font-size:36px;
		color:#fff;
		}
		.golge{-webkit-box-shadow: 0 10px 10px -10px #000000;
   		-moz-box-shadow: 0 10px 10px -10px #000000;
        box-shadow: 0 10px 10px -10px #000000;}
		.red{color:#C00;}
		.blue{color:#339;}
		.buton{border:hidden 1px #333;background-color:#636;color:#fff;height:35px;margin-right:136px;width:80px;
		-webkit-box-shadow: 0 10px 10px -10px #000000;
   		-moz-box-shadow: 0 10px 10px -10px #000000;
        box-shadow: 0 10px 10px -10px #000000;border-radius:10px;}
		.kenarlık{border:solid 2px #333;background-color:#F5F5F5;color:#636;border-radius:0px;padding-left:5px;margin-left:5px;width:250px;}
		.box1{width:300px;float:left;text-align:right;line-height:28px;margin-bottom:5px;}
		.box2{width:400px;float:left;margin-bottom:5px;}
		.box3{width:700px;float:left;text-align:right;line-height:28px;margin-bottom:5px;}
		.box4{width:400px;float:left;margin-bottom:5px;}
		.box5{width:150px;float:left;margin-bottom:5px;}
		.box6{width:150px;float:left;margin-bottom:5px;text-align:right;}
		.box7{width:250px;float:left;margin-bottom:5px;}
		.box8{width:155px; height:240px;float:left;margin-bottom:10px;text-align:center;margin-left:10px;border:solid 2px #CCC;background: url(../background/skin_side_up.png) ;}
		.box9{width:145px;float:left;margin-bottom:5px;border-bottom:solid 1px #999;}
		.box10{width:245px;float:left;margin-bottom:5px;border-bottom:solid 1px #999;}
		.boxant{width:200px;float:left;margin-bottom:5px;border-bottom:solid 1px #999;}
		.renkli{width:120px;height:40px;background:url(../background/connect.png);text-align:center;line-height:40px;border:solid 1px #039;color:#333;margin-bottom:10px;}
		.aa{margin-bottom:5px;border-bottom:solid 1px #999;}
		.ff{font-size:14px;}
		.kara{color:#C66;}
		
		.resimKapsayici {position:relative;width:100px;height:100px;float:left;}
		.resimYazisi {position:absolute;text-align:center;top:48px;width:100px;}
		.box11{width:90px; height:90px;float:left;margin-bottom:10px;text-align:center;margin-left:10px;background: url(../images/bck.png);}
	
		
#sayfa
{
	position:relative;
	margin:auto;
	width:1024px;
	min-height:960px;
    height: auto !important;
	border-right:1px solid red;

	}
	#sol
{
	width:324px;
	height:100%;
	position:fixed;
	float:left;
	text-align:center;
	
	box-shadow: 30px 0px  500px #888;
	background: url(../background/subtle_white_feathers.png) ; 

	}
	#sag
{
	position:absolute;
	left:324px;
	width:700px;
	min-height: 100%;
    height: auto !important;
	float:left;
background-color:#fff;
padding: 0px 8px;
box-shadow: 2px 0px 10px #000;
	}
	#giris
{
	
	margin:auto;
	width:425px;
    height: 350px;
	background: url(../images/login.png);
	margin-top:100px;
padding:30px;
	}
	.yonetim{
		float:left;
		width:425px;
		text-align:center;
		}
	

	.baslik
	{
		width:324px;
		height:20px;
		text-align:center;
		float:left;
		}
	.baslik h1{
	font-size:44px;
	font-family: 'bree_serifregular';
	color:#36C;
	text-shadow: rgb(255, 255, 255) 2px 2px 3px;
	line-height:10px;
	padding-top:10px;
		}
		.baslik p{
	font-size:26px;
	font-weight:bold;
	font-family: 'dynalightregular';
	color:#936;
	text-align:right;
	margin-right:15px;
		}
		
		.menu 
		{
			
			margin-top:10px;
			width:324px;
			height:170px;
			float:left;
			text-align:center;
			}
			
			.menu li
		{
			line-height:34px;
		width:100%;
		font-family:'blogger_sansmedium';
		font-size:22px;
		color:#2C2C2C;
		list-style:none;
		float:left;
		text-shadow: 0px 1px 1px #4d4d4d;
		}
		.alt 
		{
			margin-top:80px;
			width:324px;
			height:200px;
			float:left;
			text-align:right;
			
			}
			.ortala
			{
				text-align:center;
				
				}
		.alt p
		{
			margin-right:10px;
			font-family: Tahoma, Geneva, sans-serif;
			color:#333;
			font-size:14px;
		}
	.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0px;
    bottom:0px;
    left:0;
    right:0;
    -moz-border-radius:0px / 10px;
    border-radius:0px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

	.bul
	{
		width:700px;
		height:30px;
		-webkit-box-shadow: 0 10px 10px -10px #000000;
   		-moz-box-shadow: 0 10px 10px -10px #000000;
        box-shadow: 0 10px 10px -10px #000000;
		background-color:#636;
		text-align:center;
		margin-top:5px;
		padding-top:5px;
		font-family:'blogger_sansmedium';
		font-size:20px;
		color:#FFF;
		float:left;
		}
		
		.orta1
		{
			top:10px;
			width:700px;
			float:left;
			padding:10px 10px;
			
			
		}
a.resim:link, a.resim:visited, a.resim:active {
font-family:'blogger_sansmedium';
font-size:14px;
color:#636; 
text-decoration: none
}
a.resim:hover {
font-family:'blogger_sansmedium';
font-size:14px;
color:#F00; 
text-decoration: none
}
a.menum:link, a.menum:visited, a.menum:active {
font-family:'blogger_sansmedium';
font-size:22px;
color:#2c2c2c; 
text-decoration: none
}
a.menum:hover {
font-family:'blogger_sansmedium';
font-size:22px;
color:#636; 
text-decoration: none
}