@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,latin-ext);
/* CSS Document */
html {
	color:#000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
p {
	padding:0;
	margin-top:0;
	margin-top:10px;
}
ul {
	margin-top:0;
	padding-top:0;
	margin-left:15px;
}
img {
	border:0;
	
}

address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del, ins {
	text-decoration:none;
}
li {
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
*font-size:100%;
}
.tmzl {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}
:focus {
	outline: 0;
}
a, a:link, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/*reset biter*/

body{
	background:#789294;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	text-align:justify;
	
}
.ust-bg{
	background:url(bg-ust.png) top left no-repeat;
	height:40px;
	
}
.orta-bg{
	background:url(bg-orta.png) top left repeat-y;
	padding:27px 50px 21px 50px;
	position:relative;
}

.alt-el{
	background:url(alt-el.png) no-repeat;
	position:absolute;
	left:25px;
	bottom:30px;
	width:207px;
	height:263px;
	display:block;
	z-index:999;
	padding-left:205px;
	padding-top:45px;
	font-size:19px;
	font-weight:900;
	color:#000;
}
.alt-el:hover{
	text-decoration:none;
	color:#3b3a3a;
}
.alt-bg{
	background:url(bg-alt.png) top left repeat-x;
	height:45px;
}
#out{
	width:1111px;
	margin:0 auto;
	position:relative;
}
#wrap{
	width:1111px;
	margin:57px 0 0 0;
}
#head{
	height:164px;
}


.temizle{
	width:1016px;
	margin:0 auto;
	color:#fff;
	display:none;
	background-color:#526d6f;
	padding:20px;
}
.temizle ul, .temizle ol{
	margin-left:40px;
}
.logo{
	width:355px;
	height:107px;
	display:block;
	border:0;
	float:left;
	margin-bottom:30px;
}
.iclogo{
	position:absolute;
	left:70px;
	top:45px;
}
.logo img{
	border:0;
}
.sol{
	width:495px;
	float:left;
	margin-left:65px;
	margin-top:15px;
	width:355px;
	
}
.anaicerik{
	padding:0px;
	font-size:13px;
	line-height:18px;
}
.anaicerik strong{
	color:#af0000;
	font-weight:700;
	font-size:14px;
}
#yanmetin{
	width:495px;
	float:left;
	margin-left:90px
}
a.ana{
	float:left;
	background:#fff200;
	width:154px;
	height:152px;
	padding:0;
	margin:0;
	transition: background .5s;
	-moz-transition: background .5s; /* Firefox 4 */
	-webkit-transition: background .5s; /* Safari and Chrome */
	-o-transition: background .5s; /* Opera */
	margin-right:10px;
	margin-bottom:10px;
}
 a.ana:hover{
	background:#fdf89b;
	transition: background .5s;
	-moz-transition: background .5s; /* Firefox 4 */
	-webkit-transition: background .3s; /* Safari and Chrome */
	-o-transition: background .5s; /* Opera */
}
.ana, .ana img{
	width:154px;
	height:152px;
}
.adalet{
	background:url(adalet.png) center no-repeat;
	width:150px;
	height:144px;
	display:block;
	margin:5px;
	text-indent:-9999px;
}


.ana img{
	border:0;
}
#left{
	width:160px;
	float:left;
	min-height:150px;
	text-align:left;
}
#content{
	position:relative;
	min-height:450px;
	
}
#float_menu{
	position:absolute;
	width:205px;
}
#right{
	width:797px;
	float:left;
	margin-top:5px;
}
#right ol, #right ul,.anaicerik ol, .anaicerik ul{
	margin-left:40px;
	 color: red;
}
#right li,.anaicerik li { color: #be0000; }
#right li span.li_content,.anaicerik li span.li_content { color: black; }
.anaicerik li span.li_content { color: #fff; }
#right strong{
	font-weight:bold;
	color:#af0000; 
}
#icmenu{
	float:left;
	margin-top:10px;
	width:205px;
	margin-right:15px;
}
#icmenu a{
	line-height:20px;
	font-size:12px;
	display:block;
	width:100%;
	color:#d30000;
	margin-bottom:2px;
	padding:2px;
}
#icmenu a:hover{
	background:#e1e1e1;
	text-decoration:none;
}
h1.baslik1{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:18px;
	background:url(h1_bg.html) bottom left repeat-x;
	font-weight:600;
	
}
h2.baslik2{
	line-height:22px;
	font-size:16px;
	margin-top:10px;
	color:#000000;
}
#right h2{
	font-weight:bold;
	font-size:16px;
	margin-top:10px;
	color:#606060;
	cursor:pointer;
	cursor:hand;
}
#right h3{
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
	color:#606060;
}
.orta_ust{
	background:url(orta_ust.html) top center no-repeat;
	height:12px;
}
.orta_orta{
	background:url(orta_orta.html) center top repeat-y;
	padding:0 15px;
}
.orta_alt{
	background:url(orta_alt.html) bottom center no-repeat;
	height:15px;
}

#sosyal{
	width:63px;
	float:right;
	margin-top:20px;
}
#sosyal a{
	margin-left:5px;
}
.face{
	background:url(facebook.png);
	width:16px;
	height:16px;
	display:block;
	float:left;
	text-indent:-9999px;
}
.twitter{
	background:url(twitter.png);
	width:16px;
	height:16px;
	display:block;
	float:left;
		text-indent:-9999px;
}
.google{
	width:16px;
	height:16px;
	background:url(google.png);
	float:left;
	display:block;
	text-indent:-9999px;
}
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
#anasayfa{
	position:absolute;
	height:30px;
	line-height:30px;
	color:#fff;
	text-align:left;
	padding-left:29px;
	right:14px;
	top:140px;
	width:90px;
	display:block;
	background:#af0000 url(home.png) 10px center no-repeat;
	
}
.zyrt{
	position:absolute;
	bottom:20px;
	right:114px;
	width:204px;
	height:50px;
}
#analogolar{
	width:257px;
	height:124px;
	position:absolute;
	bottom:62px;
	left:455px;
}
#iclogolar{
	width:257px;
	height:124px;
	position:absolute;
	bottom:50px;
	right:85px;
}
#analogolar a, #iclogolar a{
	display:block;
	height:51px;
	background-position:center;
	margin-right:5px;
	float:left;
	background-repeat:no-repeat;
}
#analogolar a:hover, #iclogolar a:hover{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
a.a1{
	background-image:url(adalet.png);
	width:46px;
}
a.a2{
	background-image:url(ad.png);
	width:45px;
}
a.a3{
	background-image:url(add.png);
	width:35px;
}
a.a4{
	background-image:url(aile.png);
	width:110px;
}
a.a5{
	background-image:url(strateji.png);
	width:254px;
	height:59px;
}
#tasiyici{
	position:absolute;
	height:30px;
	line-height:30px;
	right:150px;
	top:140px;
	
}

#anasayfa:hover{
	text-decoration:none;
}
#tmen{
	
	width:350px;
	height:50px;
	position:absolute;
	top:0px;
	right:28px;
}
#tmen a{
	height:30px;
	line-height:30px;
	background-color:#526d6f;
	color:#fff;
	text-align:left;
	margin-left:10px;
	float:right;
	
}
#tmen a:hover{
	text-decoration:none;
	background-color:#fff;
	color:#af0000;
}
a.show_hide{
	padding:0 25px;
}
.cikis{
	padding:0 25px;
}

/**/
#tmen a,#tmen a:hover{
	transition: background .3s;
	-moz-transition: background .3s; /* Firefox 4 */
	-webkit-transition: background .3s; /* Safari and Chrome */
	-o-transition: background .3s; /* Opera */
}
#linkleri {
	margin-top:40px;
}
#linkleri a{
	color:#fff;
	margin-right:10px;
}
#vitrin{
	width:460px;
	height:180px;
	margin-top:150px;
}
#vitrin ul{
	margin:0;
	padding:0;
}
.accord-content { display: none; }
#right .active h2.baslik2{
	line-height:22px;
	font-size:16px;
	margin-top:10px;
	color:#9a0000;
}
.ic-sol, .ic-orta, .ic-sag{
	float:right;
	
}
.ic-sol{
	width:154px;
	margin-right:15px;
}
.ic-orta{
	width:480px;
	
}
.ic-sag{
	width:328px;
	margin-left:15px;
	margin-bottom:50px;
}
.ic-logolar{
	left:700px;
}

.accord-header{
	cursor:pointer;
	cursor:hand;
}
.ic-orta ul, .ic-orta ol{
	margin-left:30px;
}
ic-orta li{
	margin-bottom:5px;
}
.ic-orta a{
	text-decoration:none;
	color:#231f20;
}
.ic-orta a:hover{
	color:#175d94;
	text-decoration:underline;
}