@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext');
body,html	{height:100%;padding:0;margin:0}
body{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 18px;
color:#333;
background:#fff;
}

.body{
overflow:hidden;
background-color:#fff;
height:100%
}


a:link{
 color:#333;
 text-decoration:none;
}

a:visited {
 color:#333;
 text-decoration:none;
}

a:hover{
 color:#333;
 text-decoration:none;
}
.header-wrapper .top-menu {
    float: right;
}

.top-menu ul {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}

.top-menu li {
	border-bottom: none;
	line-height: 50px;
	font-size: 14px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.top-menu a {
	text-decoration: none;
	color: #000;
	display: block;
	transition: .3s background-color;
}

.top-menu a:hover {
	color: #DD2C1C;
}

.site {
width:960px;
margin:5px auto 0;
}

.ust {
	margin-bottom: 5px;
	position: absolute;
	width: 960px;
	z-index: 9999;
	width: 100%;
	background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
	left: 0;
	top: 0;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.75);
}

.header-line-wrapper {
	padding-top: 8px;
	padding-bottom: 8px; z-index : 9999;
	width: 100%;
	background: rgba(204, 37, 31, 0.9) none repeat scroll 0 0;
	text-align: right;
}

.header-line-wrapper .content {
	width: 1170px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.header-wrapper {
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.header-wrapper .top-menu {
	float: right;
	margin-top:16px;
}

.header-wrapper .logo {
	width: 200px;
	margin-top: 8px;
	margin-bottom: 8px;
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
	float: left;
}

.main {
    margin-top: 148px;
}

.kayan_haber {
 height:20px;
 padding: 0px 10px 5px 10px;
}

.orta,.blok{
float:left;
min-height:100%;
height:auto !important;
height:100%;
}
#mod_list tbody tr.even td {
background-color: #9CD013;
}
#mod_list tbody tr.odd  td {
background-color: #8CB907;
}

.blok{
padding-left:5px;
width:180px;
}

.blok_icerik {
color:#333333;
font-family:Arial,Helvetica;
font-size:12px;
padding:5px;
width:165px;
background-color:#f4f4f4;
}

.blok_icerik ul {
	background:#e5e5e5;
	border:none;
}


.blok_alt {
 margin-bottom:10px;
 width:175px;
}

.mod_baslik {
background: url(/userfiles/lijevo.gif) repeat-x;
color:#D13A35;
font-size:14px;
font-weight:bold;
height:30px;
line-height:30px;

width:175px;
margin-top: 10px;
text-align:center;
}
.ozel_baslik {
background: url(/userfiles/temalar/tema53/images/blok_arka.png) no-repeat;
margin-left:-5px;
margin-top:-5px;
color:#fff;
font-size:14px;
font-weight:bold;
height:30px;
line-height:30px;
padding-left:25px;
width:175px;
}


#ara input[type="text"] {
font-size:10px;
}

.orta{
width:570px;
padding: 5px;
}



.baslik {
 font-family: Arial, Helvetica ;
 font-size: 18px;
 line-height:20px;
 color:#4a4a4a;
 font-weight:bold;
}
.alt{
 width:950px;
 font-family: Arial, Helvetica ;
 font-size: 10px;
 line-height:15px;
 background-color: #fff;
 clear: both;
 margin:auto;
 padding-left: 5px;
 padding-right: 5px;
}
.y_menu {
margin-bottom:4px;
position:relative;
z-index:50;
}


#accordMenuUL1 ul li {
	border: none;
}
#accordMenuUL1 {
	background: url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_normal.png);
}
#accordMenuUL1, #accordMenuUL1 ul, #accordMenuUL1 ul ul {


	width: 100%;
	padding: 0px 5px 0px 5px;
	margin: 0px -5px 0px -5px;
}

#accordMenuUL1 {

	width: 165px;
	margin: 10px 0px;
}


#accordMenuUL1 li a {
	display: block;
	padding: 5px 5px 5px 5px;
	margin: 0px -5px 0px -5px;
	background: url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_normal.png);
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
 font-weight:bold;
	width: 100%;
}

#accordMenuUL1 li a:hover {
	background: url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_uzerine_gelindiginde.png);
}

#accordMenuUL1 ul li a {
	display: block;
	padding: 5px 5px 5px 5px;
	margin: 0px -5px 0px -5px;
	background: url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_normal.png);
	border: none;
	color: #fff;
	text-decoration: none;
	width: 100%;

}

#accordMenuUL1 ul li a:hover {
	background: url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_uzerine_gelindiginde.png);

}

#accordMenuUL1 ul ul li a {
	display: block;
	padding: 5px 5px 5px 5px;
	margin: 0px -5px 0px -5px;
	background: url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_uzerine_gelindiginde.png);
	border: none;
	color: #fff;
	text-decoration: none;
	width: 100%;

}

#renderedFormId input[type="text"], #renderedFormId select {
font-size: 18px;
font-weight: none;
}


.orta p {
	margin-top: 1em;
	margin-bottom: 1em;
}/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			14.5em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			14.5em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			14.5em; /* match ul width */

	top:			0;

}

	

/*** DEMO SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	1em;

}

.sf-menu a {

	border-left:	1px solid #fff;

	border-top:		1px solid #CFDEFF;

	padding: 		.75em 1em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#fff;

}

.sf-menu li {

	background:		url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_normal.png);

}

.sf-menu li li {

	background:		url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_normal.png);

}

.sf-menu li li li {

	background:		url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_normal.png);

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	background:		url(/userfiles/temalar/tema53/ustmenu/images/menu_arka_uzerine_gelindiginde.png);

	outline:		0;

}

	

/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}

	

/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}

	

/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}

	

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/

.sf-vertical, .sf-vertical li {

	width:	14.5em;

}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */

.sf-vertical li:hover ul,

.sf-vertical li.sfHover ul {

	left:	14.5em; /* match ul width */

	top:	0;

}

	

/*** alter arrow directions ***/

.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */

.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

	

/* hover arrow direction for modern browsers*/

.sf-vertical a:focus > .sf-sub-indicator,

.sf-vertical a:hover > .sf-sub-indicator,

.sf-vertical a:active > .sf-sub-indicator,

.sf-vertical li:hover > a > .sf-sub-indicator,

.sf-vertical li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}