/* CSS Document */



* {

	margin:0; padding:0;

	font-size:100%;

}



body{

	background:#efefef url(images/body_bg.gif) top repeat-x;

	text-align:center;

}



img {vertical-align:top;}

a img { border:0;}



ul { list-style:none;}



.left { float:left;}

.right {float:right;}

.clear  { clear:both;}





html

	{

		font-family:Tahoma;

		font-size:0.688em;

		line-height:1.273em;

		color:#626262;

	}



input, select { vertical-align:middle; font-weight:normal;}



a {color:#048eac;}

a:hover{text-decoration:none;}

strong {color:#363535;}



p {padding-top:14px;}

.p {padding-top:5px;}

.blue {color:#1c759c;}

/* ============================= main layout ====================== */

#index {background:#efefef url(images/body_bg.gif) top repeat-x; width:1000px;}

#index_1 {background:#efefef url(images/body_bg.gif) top repeat-x; width:1000px;}

.date {background:url(images/date_bg.gif) top left no-repeat; padding:0 0 2px 18px; color:#1c759c; font-weight:bold;}



h1 {background:url(images/logo.jpg) top left no-repeat; text-indent:-10000px; height:48px; line-height:1.25em; font-size:0.75em;}



li { background:url(images/list_bg.gif) no-repeat 0 8px; padding-left:16px;}

li a {color:#048eac; line-height:1.818em;}



.imgindent {margin:-6px 20px 0 0; float:left;}

.imgindent2 {margin:-6px 20px 21px 0; float:left;}



.tacenter {text-align:center;}



/* ============================= header ====================== */



#header .cols {height:77px;}

#header .left {width:380px; padding:13px 0 0 5px;}

#header .slogan {background:url(images/header_bg_tall.gif) top left repeat-x; width:950px}

#header .slogan_r {background:url(images/header_bg_r.jpg) top right no-repeat;}

#header .slogan_l {background:url(images/header_bg_l.jpg) top left no-repeat; width:100%;}

#header .slogan .right {padding:79px 34px 67px 0;}

#header .right {font-size:0.909em; color:#000000; padding:39px 22px 0 0;}

#header .right a {text-decoration:none; color:#000000;}

#header .right a:hover {text-decoration:underline;}



#header .menu {background:url(images/menu_bg_tall.gif) top left repeat-x; width:950px}

#header .menu_r {background:url(images/menu_bg_r.gif) top right no-repeat;}

#header .menu_l {background:url(images/menu_bg_l.gif) top left no-repeat; width:100%; padding:17px 0 17px 0;}



.menu .ul { margin:0 auto; width:950px;}

.menu li {background:none; border-right:1px solid #9faeb8; float:left; padding:0 27px 0 33px;}

.menu li a {text-transform:uppercase; color:#000000; text-decoration:none; font-weight:bold; line-height:1em; font-size:0.818em;}

.menu li a:hover {color:#056f86;}

.menu .last {border:none;}

.menu .active {color:#056f86;}



/* ============================= middle ====================== */



#middle .indent{ padding:35px 3px 35px 8px;}



.title1 {padding:0 0 0 11px; margin-bottom:32px;}

.title2 {padding:0 0 9px 11px; border-bottom:1px solid #b6babc; margin-bottom:32px;}

.title3 {background:url(images/title3_tall.gif) bottom repeat-x; margin-bottom:32px;}

.title3 .bg {background:url(images/title3_bg.gif) bottom left no-repeat; padding:0 0 8px 11px;}



.content1 {padding-right:28px;}

.content2 {padding-right:55px;}

.content7 {padding-right:15px;}

.content3 {padding-left:11px;}

.content5 {padding-left:18px;}

.content4 {padding-bottom:48px;}

.content6 {padding-bottom:23px;}



/* ============================= footer ====================== */



#footer .left {padding:23px 0 0 0; color:#b4b4b4;}

#footer .left a {color:#b4b4b4; text-decoration:none;}

#footer .left a:hover {color:#048eac; text-decoration:underline;}



#footer .right {padding:23px 0 0 0; color:#bcbcbc;}





/* ============================= index ============================= */



#index .banner {margin-bottom:34px;}





/* ============================= index-1 =========================== */



#index_1 #middle .indent{ padding:35px 3px 57px 8px;}





/* ============================= index-2 =========================== */



#index_2 #middle .indent{ padding:35px 3px 30px 8px;}





/* ============================= index-3 =========================== */



#index_3 #middle .indent{ padding:35px 3px 42px 8px;}

#index_3 #middle ul {margin-top:9px;}



/* ============================= index-4 =========================== */



#index_4 #middle .indent{ padding:35px 3px 34px 8px;}

#index_4 #middle ul {margin-top:9px;}



/* ============================= index-5 =========================== */



#index_5 #middle .indent{ padding:35px 3px 46px 8px;}



form .rowi {height:44px;}

.input {width:200px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em;}

textarea {border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-family:Arial, Helvetica, sans-serif;}

form .div { padding:8px 0 0 0;}

form .div a {background:url(images/list_bg.gif) no-repeat 0 4px; padding-left:16px;}

h4 {

	font-size:16px;

}

.hizmet {

	height:20px;

	font-weight:bold;

cursor: hand;

cursor: pointer;

padding: 2px 5px;

border: 1px solid gray;

background: #E1E1E1;

}

.hizmettablo {

padding: 2px 5px;

border: 1px solid gray;

background-color:#e1e1e1;

width:200px;

height:25px;

}



.indentmenu{

font: bold 13px Arial;

width: 100%; /*leave this value as is in most cases*/

height:50px;

}

.tabmenu {

	height:25px;

	width:560px;

	border:1px solid gray;

}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}