* { padding: 0; margin: 0; outline: 0; }

body { font-size: 12px; font-family: Arial, "Trebuchet MS", sans-serif; color:#565656; left bottom repeat-x; }

a { color: #565656; text-decoration: underline; }
a:hover { text-decoration:none ; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.shell { width:960px; margin:0 auto; position:relative; }

h2 { padding-bottom:4px; background:url(images/h2.gif) left bottom repeat-x; margin-bottom:9px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size:27px; color:#272728; }

h3 { color:#fff; font-size:30px; padding-bottom:10px; }

h4 { color:#FF8200; font-size:20px; padding-bottom:10px; text-align:left; }

h5 { font-size:10px; color:#4062b7; font-weight:normal; padding-bottom:2px; }
h5 a { color:#4062b7; text-decoration:none; }
h5 a:hover { color:#4062b7; text-decoration:underline; }

.button { font-size:11px; color:#2a2b22; font-weight:bold; text-decoration:none; }
.button span { font-size:11px; color:#2a2b22; font-weight:bold; cursor:pointer; }

/*
	Header
*/

#header { background-color:#FFF; height:100px; border-bottom:1px solid #000;}


/* Navigation */
#navigation { float:right; padding-top:5px; background:url(images/navigation-separator.jpg) right 1px no-repeat; }
#navigation ul { list-style:none; padding-right:1px; }
#navigation ul li { float:left; padding-left:1px; background:url(images/navigation-separator.jpg) left 1px no-repeat; }
#navigation ul li a { float:left; padding:0 6px 0 5px; height:35px; line-height:35px; font-weight:bold; font-size:13px; color:#272727; text-decoration:none; }
/* #navigation ul li a:hover, */
#navigation ul li a.active { background:url(images/navigation-active.gif); color:#fff; }
#navigation ul li a span { float:left; }




#main { background:#f8f8f8 url(images/main.jpg) left top repeat-x; }
#main .shell { padding:25px 0; }

#main p { padding-bottom:10px; line-height:17px; }
.box { float:left; width:306px; padding:0 19px 0 0; }
.last-box { padding-right:0; }

.box .entry { height:217px; padding-left:2px; }

.box .big-image { padding:4px 0 10px 0; }
.box .big-image img { border:2px solid #fff; }

.box .buttons .button,
.box .buttons .button span { background:url(images/main-button.jpg) repeat-x; height:29px; line-height:29px; float:right; display:inline; border:1px solid #bfbebe; padding:0 8px; }
.box .buttons .button span { float:left; border:0; background:url(images/main-button-span.jpg) left top no-repeat; padding:0 0 0 7px; }

#main .news { }
#main .news ul { list-style:none; }
#main .news ul li { border-bottom:1px dotted #e8d0d2; padding-bottom:7px; margin-bottom:15px; }
#main .news ul li.last { border-bottom:0; padding-bottom:0; margin-bottom:0; }
#main .news ul li .post-image { float:left; width:76px; padding:3px 22px 0 0; }
#main .news ul li .post-image img { border:2px solid #fff; }
#main .news ul li .post-data { float:left; width:203px; }
#main .news ul li .post-data p { color:#413f3f; line-height:18px; padding-bottom:0; }
#main .news ul li .post-data a { color:#4062b7; }

.bullet-list ul { list-style:none; padding-top:1px; }
.bullet-list ul li { line-height:12px; background:url(images/ul-bullet.gif) left 5px no-repeat; padding:0 0 14px 10px; }
.bullet-list ul li a { color:#4062b7; }
/*
	Footer
*/

#footer { background-color:#214386;color:#b3adad; padding:10px 4px; font-size:12px; }
#footer a { color:#b3adad; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer .footer-navigation { }
#footer .footer-navigation ul { list-style:none; }

#footer .footer-navigation ul li.last { padding-right:0; margin-right:0; border-right:0;  }
#footer .footer-navigation ul li a { }

#footer .right { float:right; font-family:Verdana, Arial, Sans-Serif; }
#footer .right a { color:#dad7d7; font-weight:bold; text-decoration:underline; }
#footer .right a:hover { text-decoration:none; }

/****************************************************************
						YUKARI
****************************************************************/
#yukaridiv {
 margin: 0 auto;
 position: relative;
}
#yukari-cik {
background:url(../img/upok.png) no-repeat;
width:50px;
height:50px;
position:fixed;
bottom:0px;
right:0px;
text-transform:uppercase;
cursor:pointer;
}
/****************************************************************
						YUKARI
****************************************************************/
.box{
	border:1px solid #DEDEDE;
	height:250px;
	float:left;
	width:115px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	}
	
.yz2{
	font-family:"Open Sans";
	color:#333;
	width:100%;
	font-size:12px;	
	text-shadow:1px 1px 1px #fff;
}
.uyar{
	width:628px;;
	background-color:red;
	color:#FFF;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;}
.adrs{
	font-family: "Open Sans";
	font-size:13px;
	color:black;
	}
.yzbaslik{
	font-family:"Open Sans";
	font-size:20px;
	color:black;
	font-weight:bold;
	color:#F60}
.rezform{
	background:#e2e2e4 url(../img/selectbg.png) repeat-x;
	border:1px solid #ccc;
    font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	width: 310px;
    border-radius: 3px; /* Standart */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari ve Chrome */
	display:block;
	outline:none;
	padding-left:10px;
	}
.rezform3{
	background:#EEEEEE url(../img/selectbg.png) top repeat-x;
	border:1px solid #ccc;
    font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100px;
	width: 320px;
    border-radius: 3px; /* Standart */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari ve Chrome */
	display:block;
	outline:none;
	padding:5px;
	}
.rezform4{
	background:#e2e2e4 url(../img/selectbg.png) repeat-x;
	border:1px solid #ccc;
    font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 30px;
	width: 80px;
    border-radius: 3px; /* Standart */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari ve Chrome */
	display:block;
	outline:none;
	padding-left:10px;
	}
	
.iletibuton{
	background:#e2e2e4 url(../img/selectbg.png) repeat-x;
	border:1px solid #ccc;
	font-family:"Open Sans";
	font-size: 12px;
	height: 30px;
	width: 100px;
    border-radius: 3px; /* Standart */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari ve Chrome */
	display:block;
	outline:none;
	cursor:pointer;
	}
.iletibuton:hover{
	background:#333;
	color:#FFF;}
/* 
---------------------------------------------------------------------------------------------------------
UYE GİRİS
---------------------------------------------------------------------------------------------------------
*/
#s1 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -0px;
	}
#s2 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -26px;
	}
#s3 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -53px;
	}
#s4 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -78px;
	}
#s5 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -106px;
	}
#s6 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -132px;
	}
#s7 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -159px;
	}
#s8 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -186px;
	}
#s9 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -212px;
	}
#s0 {
	background: url(../img/sayi.png) no-repeat;
	height:20px;
	width:13px;
	background-position: 0% -239px;
	}
/* 
---------------------------------------------------------------------------------------------------------
MESAJ TABLARI
---------------------------------------------------------------------------------------------------------
*/
#message-yellow	{
	margin: 5px 0px 5px 0px;
	}
.yellow-left	{
	background: url(../img/message_yellow.gif) top left no-repeat;
	color: #e79300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding: 0 0 0 20px;
	width:100%;
	}
.yellow-left a	{
	color: #e79300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
	}
.yellow-right a	{
	cursor: pointer;
	}
.yellow-right	{
	width: 55px;
	}
#message-blue	{
	margin: 5px 0px 5px 0px;
	}
.blue-left	{
	background: url(../img/message_blue.gif) top left no-repeat;
	color: #2e74b2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding: 0 0 0 20px;
	width:100%;
	}
.blue-left a	{
	color: #2e74b2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
	}
.blue-right a	{
	cursor: pointer;
	}
.blue-right	{
	width: 55px;
	}
#message-red	{
	margin: 5px 0px 5px 0px;
	}
.red-left	{
	background: url(../img/message_red.gif) top left no-repeat;
	color: #ce2700;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding: 0 0 0 20px;
	width:100%;
	}
.red-left a	{
	color: #ce2700;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
	}
.red-right a	{
	cursor: pointer;
	}
.red-right	{
	width: 55px;
	}
#message-green	{
	margin: 5px 0px 5px 0px;
	}
.green-left	{
	background: url(../img/message_green.gif) top left no-repeat;
	color: #6da827;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 20px;
	width:100%;
	}
.green-left a	{
	color: #6da827;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
	}
.green-right a	{
	cursor: pointer;
	}
.green-right	{
	width: 55px;
	}	
/* 
---------------------------------------------------------------------------------------------------------
SEVİYE KARTI
---------------------------------------------------------------------------------------------------------
*/
	.alerthata{
	background-color:red;
	display:block;
	width:95%;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:2px;
	}
.alertok{
	background-color:green;
	display:block;
	width:95%;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:2px;
	}
/* 
---------------------------------------------------------------------------------------------------------
SOL MENU
---------------------------------------------------------------------------------------------------------
*/
	
.kutucuk { 
overflow: hidden; 
background:url(../img/tab1.png) repeat-x;
height:35px; 
line-height:35px; 
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
	text-shadow:1px 1px 1px #ccc;
	font-weight:bold;
}
.kutum {
	background: #fff;
	overflow: hidden;
	width: 220px;
	min-height: 100px;
	margin: 0px auto;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
}
	.kutum_ana {
	background: #fff;
	overflow: hidden;
	width: 733px;
	min-height: 100px;
	margin: 0px auto;
	padding-bottom:10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ictab { 
overflow: hidden;
border:1px solid #DEEDF0; 
background:url(../img/tab1.png) repeat-x;
height:35px; 
line-height:35px; 
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
	text-shadow:1px 1px 1px #ccc;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:10px;
}
.ictab2 { 
height:35px; 
line-height:35px; 
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
	text-shadow:1px 1px 1px #ccc;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:10px;
	border-bottom:1px solid #ccc;

}

.yz2{
	color:#333;
	width:100%;
	font-size:13px;	
}
.yz3{
	color:#000;
	width:120px;
	font-size:13px;
	font-weight:bold;
}
.divli{
	background:#FAFAFA;
	height:220px;
	width:175px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	border:1px solid #F0F0F0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
	}

.divli:hover{
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 transition: all 0.5s;  
	background-color:#FFC640;
	height:220px;
	width:175px;
	color:#000;
	}
.arabuton1 {
	background:url(../img/arabutonbg.png) no-repeat;
	float:right;
	width:70px;
	height:25px;
	color:#333;
	padding:5px;
	font-size:13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	cursor:pointer;
	border:solid 1px #FFE39D;
	background-position:0 0px;
	overflow:hidden;
	outline:none;
}
.arabuton1:hover {
	border:solid 1px #fff;
}
