

* {
	padding: 0;
	margin: 0;
	outline: none;
	}
	
body {
	background: #cbdadd url(head.jpg) 0 0 repeat-x;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4838;
	line-height: 15px;

	}
	
table { padding:0; margin:0 ; border: 1px solid #efefef; FONT-SIZE:11px; FONT-FAMILY: Tahoma , Arial, Helvetica, sans-serif; text-decoration: none;}
tr.topbg { background-color:#cbdadd ; font-weight:bold; font-size:14px;}
tr.icbg { background-color:#ffffff ; }
tr.top_bg { background-color:#e5e5e5 ; }
tr.tru_h { background-color:#CAC9AC ; }
tr{ background-color: #fff ; border: 1px solid #efefef;FONT-SIZE:11px; FONT-FAMILY: Tahoma , Arial, Helvetica, sans-serif; text-decoration: none; }
td { padding: 4px 6px; }
._b { font-weight:bold;}
._c { text-align:center;}
._w1 { width: 1px;}
td.nopd { padding: 0 ; }
td { padding-left:5px; FONT-SIZE:11px; FONT-FAMILY: Tahoma , Arial, Helvetica, sans-serif; text-decoration: none; border: 1px solid #efefef; }
td.nb { padding-left:5px; FONT-SIZE:11px; FONT-FAMILY: Tahoma , Arial, Helvetica, sans-serif; color:#000;  text-decoration: none; }
p {
	padding-bottom: 12px;
	}
	
a {
	color: #d04216;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}
	
a img {
	padding: 3px;
	border: 1px solid #aca289;
	}
	
a:hover img {

	}
	
	

	
h1 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #d04216;
	font-weight: bold;
	font-style: normal;
	padding-left: 2px;
	height: 30px;
	}
	
	
	
h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #5a4b3f;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 10px;
	line-height: 21px;
	}
	
	
.haber_yari h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #5a4b3f;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 10px;
	line-height: 21px;
	background: url(comments.png) no-repeat;
	padding-left: 20px ;
	}

h2 a {
	color: #5a4b3f;
	padding: 0 1px;
	}

	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}
	
.hoyde {
	width:850px;
	margin:0 auto;
	padding-top: 14px;
	}
	
.clear {
	clear:both;
	}
	
.logoa {
	width: 150px;
	height: 100px;
	
	float: left;
	clear:left;
	position: absolute ;
	padding-bottom: 0;
	line-height: normal;
	z-index: 501 ;
	}


.logoa a {
	width: 134px;
	height: 90px;
	z-index: 501 ;
	}
	
#nav {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: normal;
	font-weight: bold;
	background: url(navsep.png) right bottom no-repeat;
	}

#nav li {
	list-style: none;
	display: inline;
	}

#nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding: 8px 17px;
	background: #387ab0 url(navsuep.gif) left bottom no-repeat;
	}

.home #nav li a#phome,
.about #nav li a#pabout,
.projes #nav li a#pprojes,
.journal #nav li a#pjournal,
.contacts #nav li a#pcontacts {
	color: #fff;
	}

#nav li a:hover {
	color: #93a90c;
	}
#arkaresim {

}
#solsutun {
	width: 550px;
	float: left;
	padding-top: 15px;
			
	
	}
	
#sagsutun {
	width: 275px;
	float: right;
	overflow: hidden;
	padding-top: 25px;
	color: #666;
	margin-bottom: 20px;
	background: url(sagbg.png) no-repeat ;
	}
	

#sagsutun a{
color: #222 ;
	}
	
	
#sagsutun a:hover{
background-color: #009933 ;
color: #fff ;
	}
	
#solsutun .giris_f {
	height: 70px;
	background: url(enusta.jpg) no-repeat;
	
	}
	
#solsutun .giris_f h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #555;
	font-weight: bold;
	font-style: italic;
	padding-left: 150px;
	padding-top: 0px;
	padding-bottom: 5px;
	}
	
	
	#solsutun .giris_f h3 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: #3a945b;
	font-weight: bold;
	font-style: italic;
	padding-left: 170px;
	line-height: 30px;
	}
	
	

#solsutun .giris_f h1,
#solsutun .giris_f h2 {

	}

#solsutun #baba_f {
	min-height: 600px;
	border-top: 5px solid #cbdadd;
	position: relative;
	z-index: 1;
	float: left;

	
	}
		
#solsutun #baba_f h3 {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #d04216;
	}

#solsutun ul, #sagsutun ul {
	padding-bottom: 10px;
	}

#solsutun ul li, #sagsutun ul li {
	list-style: none;
	padding-left: 15px;
	background: url(images/check.gif) 0 3px no-repeat;
	padding-bottom: 8px;
	}

#solsutun ol {
	list-style-position: inside;
	padding-bottom: 5px;
	}

#solsutun ol li {
	padding-bottom: 10px;
	}

#solsutun #baba_f p a,
#solsutun #baba_f li a {
	padding: 0 1px;	
	}

#solsutun #baba_f a:hover {
	color: #fff;
	background: #d04216;
	}
	
#solsutun #baba_f .anne_f {

	width: 510px;
	background: url(ortaortabg.png) ; 
	padding: 15px 20px 10px;
	
	
	}
	
	#solsutun #baba_f .buyukanne_f {

	width: 800px;
	background: url(ortabuyukbg.png) ; 
	padding: 15px 20px 10px;
	
	
	}
	

#solsutun #baba_f .haber_yari {
	padding: 15px 10px 5px 10px;
	width: 235px;
	background: #fff;
	height: 1%;
	float: left;
	}
	
#solsutun #baba_f .haber_yari2 {
border-left: 1px solid #ccc ;
	padding: 15px 10px 5px 20px;
	width: 235px;
	background: #fff;
	height: 1%;
	float: left;

	}

#solsutun #baba_f .ekstra {
	background: url(ortaortabg.png) ; 
	padding: 5px 15px 20px 15px;
	width: 520px;
	border-top: 1px solid #ded8cb;
	overflow: hidden;
	height: 1%;
	
	}
	
	#solsutun #baba_f .buyukekstra {
	background: url(ortabuyukbg.png) ; 
	padding: 5px 20px 20px 20px;
	width: 800px;
	border-top: 1px solid #ded8cb;
	overflow: hidden;
	height: 1%;
	
	}
	

#solsutun #baba_f .ekstra .note {	
	color: #776f5b;
	font-size: 10px;
	}

#solsutun #baba_f .proje {
	float: left;
	width: 233px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-right: 22px;
	border-bottom: 1px dotted #c4bba4;
	}

#solsutun #baba_f .proje img {
	width: 225px;
	height: 100px;
	}
	
#solsutun #baba_f a:hover.prlink { background: 0 none; }
		
#solsutun #baba_f .ekstra .proje {
	margin-bottom: 10px;
	}
	
#solsutun #baba_f .proje img {
	margin-bottom: 1px;
	}

#solsutun #baba_f .proje p {
	padding-bottom: 0;
	line-height: normal;
	}

#solsutun #baba_f .proje h3 {
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	padding-bottom: 2px;
	line-height: normal;
	}
	
#solsutun #baba_f .proje p em {
	color: #776f5b;
	font-size: 10px;
	}
	
#solsutun #baba_f .ekstra ul.postlist {
	padding-left: 0;
	padding-bottom: 5px;
	}
		
#solsutun #baba_f .ekstra ul.postlist li {
	padding-left: 13px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #ccc5b3;
	background: url(images/page.gif) 0 1px no-repeat;
	overflow: hidden;
	}
	
#solsutun #baba_f .ekstra ul.postlist li strong {
	display: block;
	float: left;
	}

#solsutun #baba_f .ekstra ul.postlist li span {
	display: block;
	float: right;
	font-size: 10px;
	color: #776f5b;
	}
	
#solsutun #baba_f .ekstra .jarchlink {
	background: url(images/folder.gif) 0 0 no-repeat;
	padding-left: 18px;
	display: block;
	}

#solsutun #baba_f .ekstra .jarchlink a { font-weight: bold; }
#solsutun #baba_f .ekstra .jarchlink а:hover { color: #d04216; }

#solsutun #baba_f .anne_f.post img {
	padding: 3px;
	background: #fff;
	border: 1px solid #aca289;
	}
	
#solsutun #baba_f .anne_f.post .kisa_yazi_zaman {
	color: #776f5b;
	font-size: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top: 1px dotted #9f9783;
	}
	
#solsutun #baba_f .anne_f.post.archives .kisa_yazi_zaman { border-top: 0; }

#solsutun #baba_f .anne_f.post.archives p { padding-bottom: 5px; }

#solsutun #baba_f .ekstra .post_cmnt {
	overflow: hidden;
	padding: 10px;
	margin-bottom: 15px;
	background: #e2ddcf;
	clear: both;
	}

#solsutun #baba_f .ekstra .post_cmnt .meta {
	width: 140px;
	float: left;
	font-size: 10px;
	color: #776f5b;
	}

#solsutun #baba_f .ekstra .post_cmnt .meta img {
	float: left;
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	}

#solsutun #baba_f .ekstra .post_cmnt .meta p {
	padding-left: 50px;
	line-height: 14px;
	}

#solsutun #baba_f .ekstra h2#comments { float: left; }

#solsutun #baba_f .ekstra span.cmnts_feed a {
	font-size: 11px;
	float: right;
	display: block;
	font-weight: normal;
	font-style: normal;
	padding-left: 17px;
	background: url(images/rss.gif) 0 1px no-repeat;
	}

#solsutun #baba_f .ekstra span.cmnts_feed a:hover {
	color: #d04216;
	}

#solsutun #baba_f .ekstra .post_cmnt .message {
	width: 340px;
	float: right;
	}
		
#solsutun #baba_f ul.car-list li {
	font-size: 13px;
	color: #5a4b3f;
	font-weight: bold;
	padding-bottom: 0;
	line-height: 21px;
	padding-left: 0;
	background: 0;
	}

#solsutun #baba_f ul.car-list li ul {
	padding-left: 10px;
	}

#solsutun #baba_f ul.car-list li ul li {
	font-size: 11px;
	padding-left: 15px;
	font-style: normal;
	font-weight: normal;
	}
	
#solsutun #baba_f ul.car-list li ul li a {
	font-weight: bold;
	}

#solsutun #baba_f .kisa_yazi {
	margin-bottom: 10px;
	border-bottom: 1px dotted #9f9783;
	}

#solsutun #baba_f form#commentform label {
	font-size: 11px;
	}
	
#solsutun #baba_f form#commentform input.text {
	padding: 4px;
	width: 200px;
	border: 2px solid #d0cbbc;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4838;
	}

#solsutun #baba_f form#commentform textarea {
	padding: 4px;
	width: 495px;
	border: 2px solid #d0cbbc;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4838;
	}
	
#solsutun #baba_f form#commentform input#submit {
	padding: 7px 15px;
	color: #fff;
	border: 2px solid #74850f;
	font-weight: bold;
	background: #91a80c;
	}

#solsutun #baba_f .ekstra #searchform input.text {
	padding: 5px 4px;
	width: 390px;
	margin-right: 3px;
	border: 2px solid #d0cbbc;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4838;
	}

#solsutun #baba_f .ekstra #searchform input#searchsubmit {
	padding: 2px 10px;
	color: #fff;
	border: 2px solid #74850f;
	font-weight: bold;
	background: #91a80c;
	}

#solsutun #baba_f form#contactform fieldset {
	width: 500px;
	border:0 !important;
	}

#solsutun #baba_f form#contactform { padding-bottom: 10px; }
	
#solsutun #baba_f form#contactform label {
	font-size: 11px;
	display: block;
	font-weight: bold;
	padding-bottom:2px;
	}

#solsutun #baba_f form#contactform br { display: none; }
#solsutun #baba_f form#contactform div { float: right; width: 200px; padding-top: 15px; }
#solsutun #baba_f form#contactform div em,
#solsutun #baba_f form#contactform div strong {
	display: block; padding-bottom: 10px;
	}
	
#solsutun #baba_f form#contactform div em { line-height:16px; }
	
#solsutun #baba_f p.successmsg {
	display: block;
	padding-left: 60px;
	background: url(images/mail_sent.jpg) 0 0 no-repeat;
	}
	
#solsutun #baba_f form#contactform input.text,
#solsutun #baba_f form#contactform input.contacterror {
	padding: 4px;
	width: 250px;
	border: 2px solid #d0cbbc;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4838;
	margin-bottom: 10px;
	}

#solsutun #baba_f form#contactform textarea.contacterror,
#solsutun #baba_f form#contactform input.contacterror {
	border: 2px solid #e8400c;
	}

#solsutun #baba_f form#contactform textarea.contacterror { width: 98%; }

#solsutun #baba_f form#contactform textarea#wpcf_msg {
	padding: 4px;
	width: 99%;
	height: 150px;
	border: 2px solid #d0cbbc;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4838;
	margin-bottom: 10px;
	}
		
#solsutun #baba_f form#contactform input#contactsubmit {
	padding: 7px 20px;
	color: #fff;
	border: 2px solid #74850f;
	font-weight: bold;
	background: #91a80c;
	display:block;
	}

#solsutun #baba_f .anne_f p.quote {
	font-style: italic;
	line-height: 18px;
	color: #7d7461;
	}

#solsutun #baba_f .anne_f .threecol {
	display: block;
	width: 32%;
	float: left;
	overflow: hidden;
	}
	
#solsutun #baba_f .anne_f .ana_meclis {
	height: 87px; 
	margin-bottom: 5px;

	}
	
	
	#solsutun #baba_f .anne_f .ana_il_meclis {
	height: 87px; 
	margin-bottom: 5px;

	}
	
		
		#solsutun #baba_f .anne_f .ana_meclis2 {
	height: 160px; 
	margin-bottom: 5px;

	}
	
	#solsutun #baba_f .anne_f .il_sol_meclis {
	padding: 7px;
	height: 85px; 
	width: 63px;
	float: left;
	}
	
	
#solsutun #baba_f .anne_f .il_sag_meclis {
float: right;
	padding: 5px 5px 5px 5px ;
	margin-left: 5px;
	min-height: 80px; 
	width: 410px;
	border-left: 1px solid #ddd ;
	background-color: #f5f5f5 ;
	}
	
#solsutun #baba_f .anne_f .sol_meclis {
	padding: 7px;
	height: 85px; 
	width: 63px;
	float: left;
	}
	
	
#solsutun #baba_f .anne_f .sag_meclis {
float: right;
	padding: 5px 5px 5px 5px ;
	margin-left: 5px;
	min-height: 200px; 
	width: 410px;
	border-left: 1px solid #ddd ;
	background-color: #f5f5f5 ;
	}
	

#solsutun #baba_f .anne_f .sol_meclis1 {
	padding: 7px;
	width: 100px;
	float: left;
	background-color: #f4f4f4 ;
	border-bottom: 1px solid #ddd ;
	}
	
	
#solsutun #baba_f .anne_f .sag_meclis2 {
float: left;
	padding: 5px 5px 5px 5px ;
	margin-left: 5px;
	width: 373px;
	border-left: 1px solid #ddd ;
	background-color: #f5f5f5 ;
	}
	


#sagsutun abbr, #sagsutun abbr:hover { border-bottom: 1px dotted #d9d0ba; cursor: help; }
		
#sagsutun #kutupense {
	height: 132px;
	width: 275px;
	margin-bottom: 30px;
	padding-left: 15px ;
	color: #5a4b3f;
	font-family: Georgia, "Lucida Grande", Helvetica, Arial;
	font-size: 13px;
	font-weight: bold ;
	position: relative;
	}
	
#sagsutun #kutupense .kut {
	position: absolute;
	bottom: 0;
	width: 275px;
	}

#sagsutun #kutupense h2 {
	display: none;
	}

#sagsutun #kutupense #kutu_ici {
	
	line-height: 15px;
	padding-bottom: 0;
	}

#sagsutun #kutupense #kutu_ici li {
	padding: 7px 11px;
	display: block;
	padding-bottom: 15px;
	}

#sagsutun #kutupense #kutu_ici li span {
	display: block;
	}

#sagsutun #kutupense p.kutualt {
	padding: 12px 0;
	padding-left: 55px;
	font-weight: bold;
	}

#sagsutun #kutupense p.kutualt a {
	color: #5a4b3f;
	}
	
#sagsutun h2 {
	color: #fff;
	padding-left: 2px;
	}
	
#sagsutun a { color: #444; text-decoration: none;}


#sagsutun h3 { line-height: 15px; padding-bottom: 4px; }

#sagsutun h3 a { padding: 0 1px; }
	
#sagsutun h3 a:hover {
	color: #fff;
	background: #91a80c;
	}
	
#sagsutun p.sdaha a {
	color: #fff;
	padding-left: 18px;
	background: url(images/rss.gif) 0 2px no-repeat;
	display: block;
	width: 90px;
	line-height: 16px;
	}
	
#sagsutun p.kisa_yazi_zaman {
	color: #777;
	font-weight: normal;
	font-size: 10px;
	}

#sagsutun .kisa_yazi {	
	border-bottom: 1px dotted #f9f9f9;
	margin-bottom: 10px;
	}
	
#sagsutun ul.catlist li {
	padding-bottom: 3px;
	}
	
#sagsutun ul.postlist {
	padding-left: 0;
	padding-bottom: 5px;
	}

#sagsutun ul.postlist li {
	padding-left: 14px;
	background: url(images/page.gif) 0 1px no-repeat;
	} 

#sagsutun ul.postlist li a { padding: 0 1px; }
		
#sagsutun ul.postlist li a:hover {
	color: #fff;
	background: #91a80c;
	}
	
#sagsutun ul.postlist li strong {
	display: block;
	font-size: 12px;
	}

#sagsutun ul.postlist li span {
	display: block;
	font-size: 10px;
	}

#solsutun .sep {
	border-bottom: 1px dotted #9f9783;
	margin-bottom: 15px;
	height: 5px;
	}

	
#sagsutun .sep {
	border-bottom: 1px dotted #605247;
	margin-bottom: 15px;
	height: 5px;
	}

#sagsutun ul.contactlist li#mobile {
	padding-left: 18px;
	background: url(images/phone.gif) 0 0 no-repeat;
	}

#sagsutun ul.contactlist li#mail {
	padding-left: 21px;
	background: url(images/email.gif) 0 2px no-repeat;
	}

#footer {
	background: #e0e9f0;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f9f9f9;
	overflow: hidden;
	padding-bottom: 25px;
	font-size: 9px;
	color: #7d7461;
	position: relative;
	top: 0px;
	z-index: 0;
	}
	
#footer  p {
	float: right;
	width: 275px;
	padding-bottom: 0;
	}

#footer a { color: #7d7461; }
#footer a:hover { color: #fff; }


img.fleft {
	float: left;
	border: 0 none !important;
	padding: 0 !important;
	margin-right: 13px;
	}
	
	
	
	


#overlay{ background-image: url(overlay.png); z-index: 1000 ; }

* html #overlay{
	z-index: 1000 ;
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index: 1000 ;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	z-index: 1000 ;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; z-index: 1000 ; } 
#overlay img{ border: none; z-index: 1000 ; }





/* contenedor */
div#menwrap {
	width: 220px;
	height: 220px;
	margin: 0 auto;
	padding: 0;
	z-index: 1000;
	background: url('background.gif') no-repeat center 0;
}

div#ie_height_fix {
	width: 1px;
	height: 220px;
	margin: 0;
	padding: 0;
}

/* Dando estilo al header */

div#menwrap h2 {
	position: absolute;
	width: 150px;
	height: 35px;
	margin: 60px 0 0 45px;
	padding: 10px 0 0 0;
	
	text-align: left;
	font-size: 1.5em;
	z-index: 1000;
	text-indent: 40px;
	color: #666 ;
}

div#menwrap h2 span {
	display: block;
	text-indent: 0;
	font-size: 12px;
	width: 90px;
	margin: 5px 0 0 25px;
	padding: 5px 0 0 0;
	color: #d1d1d1;
	text-indent: -10px;
	text-align: center;
}

/* Headers */

div#menwrap h2.home {
	background: url('home.gif') no-repeat left -45px;
	z-index: 1000;
}

div#menwrap h2.tutos {
	background: url('kent.png') no-repeat left -45px;
	z-index: 1000;
}

div#menwrap h2.files {
	background: url('files.gif') no-repeat left -45px;
}

div#menwrap h2.search {
	background: url('search.gif') no-repeat left -45px;
}

div#menwrap h2.mail {
	background: url('mail.gif') no-repeat left -45px;
}

div#menwrap h2.id {
	background: url('id.gif') no-repeat left -45px;
}






div#menwrap h2.write {
	background: url('write.gif') no-repeat left -45px;
}

div#menwrap h2.logout {
	background: url('logout.gif') no-repeat left -45px;
}


/* Dando estilo a la lista */

ul#menusagt {
	margin: 50px auto;
	height: 220px;
	padding: 0;
	width: 220px;
	height: 220px;
	list-style: none;
	list-style-type: none;
	position: relative;
}

ul#menusagt li {
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	list-style-type: none;
	position: absolute;
	z-index: 2;
	font-size: 8pt;
	font-family: verdana, arial, tahoma, serif;
}

/* Fondo en :active y :hover */

	/* Items del menu no activos */
	
	ul#menusagt a.menitem:link, ul#menusagt a.menitem:visited {
		background-position: left bottom;
		opacity: .7;
	}
	
	ul#menusagt a.menitem:hover, ul#menusagt a.menitem:active {
		background-position: left top;
		background-color: transparent;
		opacity: .9;
	}
	
	/* Items del menu activos */
	
	ul#menusagt li a.menactive {
		background-position: left top;
		background-color: transparent;
		opacity: 1;
	}

	ul#menusagt li a.menactive:hover {
		opacity: 1;
	}

/* Esconder información */

ul#menusagt li a.menitem span, ul#menusagt li a.menitem strong, ul#menusagt li a.menactive span, ul#menusagt li a.menactive strong {
	display: none;
}

/* Mostrar información en :hover */

ul#menusagt li a.menitem:hover strong {
	display: block;
	text-align: left;
	position: absolute;
	width: 100px;
	border-bottom: 1px solid #ffdb5e;
	padding: 2px 0 2px 0;
	margin: 0 0 0 5px;
	color: #333;
	left: 50px;
	top: 0;
	z-index: 2;
}

ul#menusagt li a.menitem:hover span {
	display: block;
	position: absolute;
	width: 120px;
	text-align: left;
	border: 1px solid #ffe897;
	background-color: #ffefb7;
	padding: 20px 2px 2px 2px;
	color: #333;
	left: 50px;
	top: 0;
	z-index: 1500;
	opacity: .9;
}

/* Dando estilo a los anchors */

ul#menusagt a {
	border: 0;
	position: absolute;
	width: 45px;
	height: 45px;
}

ul#menusagt .m_orta_orta a {
	border: 0;
	position: absolute;
	width: 100px;
	height: 100px;
}

#home {
	top: -20px;
	left: 90px;
	background-image: url('imar.gif');
	z-index: 1000;
}

#tutos {
	top: 0px;
	left: 150px;
	background-image: url('kent.gif');
	z-index: 1000;
}

#files {
	top: 60px;
	left: 190px;
	background-image: url('insaatruhsat.gif');
}

#search {
	top: 120px;
	left: 185px;
	background-image: url('aractakip2.gif');
}

#mail {
	top: 190px;
	left: 95px;
	background-image: url('tahsilat.gif');
}

#mail2 {
	top: 175px;
	left: 30px;
	background-image: url('baskanprogram.gif');
}

#m_orta {
	top: 60px;
	left: 65px;
	background-image: url('deneyuvarlak.gif');
}


#mail3 {
	top: 175px;
	left: 155px;
	background-image: url('belediyepostasi.gif');
}




#id {
	top: 125px;
	left: -10px;
	background-image: url('ihaleler.gif');
}

#write {
	top: 60px;
	left: -10px;
	background-image: url('kazi.gif');
}

#logout {
	top: 0px;
	left: 30px;
	background-image: url('bilgiedinme.gif');
}




/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(yukleniyor.gif) no-repeat center; }/* IMAGE: loading gif */

#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink{
	outline:none;
	display:block;
	float:right;
	height:20px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url(prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(next.gif) no-repeat; }/* IMAGE: next */

/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }

#mbCloseLink {
	width:20px;
	background: transparent url(close2.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:left;
}



/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:170px;
	float:left;
	background:#fff;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}

#box4 span{
background-color: #d5d5d5 ;
padding: 5px ;
}

#box4 img{

	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}






/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}


.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:170px;
	overflow:hidden;
}

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}


.mask1{
	position:relative;
	width:240px;
	height:100px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
}


div.blogsticker {
	right: 0px;
	position: absolute ;
	z-index: -999;
}



.sample{padding:10px 10px;  border:0px solid #f2f2f2;}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 2px;cursor:pointer;font:10px;}
.buttons span.active, .buttons span:hover {background:#0080FF;color:#fff}




/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 border-bottom: 1px solid #d5d5d5;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;

}

ul.tabbernav li a
{
 background-color: #f5f5f5 ;
}

ul.tabbernav li a:link { color: #444; }
ul.tabbernav li a:visited { color: #444; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #d9d9d9;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



.menu {background-color:#f6f6f6; color:#272727; border-bottom:1px solid #e5e5e5;  border-top:1px solid #e6e6e6; height:28px;width:488px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:30px;}
.menu li a {color:#444; text-decoration:none; padding:4px 5px 6px 5px; font-weight:bold;}
.menu li a:hover {background-color:#666; color:#fff; text-decoration:none; padding:4px 5px 6px 5px;  border-bottom:1px solid #555;}
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#009933; font-weight:bold;  position:relative; color:#fff;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {border-top:1px solid #ececec; width:466px; text-align:left;padding:10px 10px; margin-bottom:5px; background-color: #fff; }

#yukari_resim {  height:160px; text-align: right; margin-bottom: 10px; }
h2.yukarisi { background-color:#FFF ; padding: 5px 10px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
p.yukarisi_tanim { background-color:#FFF; color: #000 ; padding: 5px 10px; filter:alpha(opacity=50);-moz-opacity:.80;opacity:.80; }


#wanda a {position:relative; float:right; margin:-250px 2px 45px 0; background-image:url(idecraft.jpg); background-repeat:no-repeat; width:19px; height:70px; text-decoration:none; display:block;}
#wanda a:hover {background-position:-19px 0;}

span.haber_ozet2 { background: url(tirnak.png) no-repeat ; font-size: 15px; line-height: 18px; height: 120px; padding: 0 20px;}


img .ustresimyine{
padding:0;
	background: #fff;
	border: 1px solid #aca289;
	}
	
	a.ustresim img {
	background: #fff;
	border: 1px solid #aca289;
	}
	
a.ustresim:hover img {
	background: #fff;
	}
