
.ic-menu-alt1 { height:24px; position:relative; z-index:4;}
.ic-menu-alt1 h2{ width:95%; margin:0 auto; padding:0; color:#232323; }

.ic-menu-alt { height:43px; position:relative; z-index:4;}
.ic-menu-alt h2{ width:95%; margin:0 auto; padding:0; font-family:Arial,Verdana, Geneva, sans-serif; color:#232323; font-size:18px; line-height:14px; line-height:44px; }

ul{ list-style:none; padding:0; margin:0; }
a{ text-decoration:none; color:#666; }



/*İÇ SAYFA TİP0*/
.submen { 
	width: 96%;
    float: left;
    display: inline;
    padding: 5px 0 5px 4%;
    line-height: 40px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #495256;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dotted #ddd;
    position: relative;
}
.submen:hover { color:#216a6e; text-decoration:none }
.submen:before { content:''; width:4%; height:40px; background:url('../img/next.png') no-repeat center 0; position:absolute; left:0; top:0; margin-top: 4px; }
.submen:hover:before { background-position:center -40px; }
/*İÇ SAYFA TİP0*/



/*İÇ SAYFA TİP 2- TİP 7- TİP 8*/
.listing { width:98%; float:left; display:inline; padding:10px 1%; color:#444; border-bottom:1px dotted #ddd; text-decoration:none; }
.listing:hover { background:#f2f2f2; }
.listing h4 { padding:0px;font-size:16px; margin:0px; }
.listing p { font-size:14px;color:#666666; padding:0px; margin:0px !important;}


.linkc { font-size:12px; float:left; display:inline; margin-top:3px;font-family:Arial;color:#3061ab; text-decoration:none; width:910px; font-weight:bold; height:15px; padding:5px 5px; border-bottom:1px dotted #DDD}
.linkc:hover { text-decoration:underline;}

.konueis { width:60px; float:left; display:inline; font-size:14px; height:15px;margin-top:3px; color:#999; font-weight:normal; padding:5px 0px; border-bottom:1px solid #666}
.konueit { width:900px; float:left; display:inline; font-size:14px; height:15px;margin-top:3px; color:#999; font-weight:normal; padding:5px 0px; border-bottom:1px solid #666; overflow:hidden}
.konuee { margin-bottom: 10px; font-weight:bold; font-size:22px; float:left; display:inline;margin-top:5px; width:100%; color:#027ace;}
.konueo { font-size:14px; float:left; display:inline;margin-bottom:5px; width:100%; color:#666;}
.konuei { font-size:16px; float:left; display:inline; margin-top:5px;width:100%;}
.konueivid iframe { width: 100% !important; aspect-ratio: 1.5 / 1 !important; height: auto !important;}

/*TİP8*/
.lbc_box { width:31%; float:left; display:inline; height:93px; text-decoration:none; color:#333; padding:0.5%; cursor:pointer; margin:10px 0.5% 5px}
.lbc_box:hover { background:#eee; }
.lbcb_ph {
	box-sizing: border-box;
    padding: 0;
}
.lbc_box:hover .lbcb_ph{ border-color:#eee; background:#eee; }
.lbcb_ph img { 
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
}
.lbcb_yz { 
	padding: 3px 5px 5px 5px;
    line-height: 135%;
    font-size: 14px;
    box-sizing: border-box;
}
.lbcb_yz b { padding-bottom:4px; display:inline-block}
.lbcb_oz { font-size:11px; color:#666666 }
.konuresim {float:right; margin:3px 0px 10px 10px; padding:2px; border:1px solid #ccc; }
.konuresim img { float:right;}
.konuresim:hover {padding:1px; border:2px solid #3061ab; }

/*linkli*/
.linklikelime { color:#004b6d; text-decoration:underline}
.linklikelime:hover { background:#004b6d; color:#fff; text-decoration:none}
.boldkelime { font-weight:bold; color:#004b6d; }
/*İÇ SAYFA TİP 2*/



/*İÇ SAYFA TİP3- TİP4*/
.resim { padding: 12px; text-decoration: none; box-sizing: border-box; transition: all 0.1s;}
.resim img { width:100%; display:block; }
.resim h2 { width:98%; padding:6px 1% 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px; line-height:26px; font-size:16px; }
.resim:hover { border:1px solid #eee; padding:9px; }

.fideo { padding: 12px; text-decoration: none; box-sizing: border-box; transition: all 0.1s;}
.fideo img { width:100%; display:block; }
.fideo h2 { width:98%; padding:6px 1% 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px; line-height:26px; font-size:16px; }
.fideo:hover { border:1px solid #eee; padding:9px; }
/*İÇ SAYFA TİP3- TİP4*/

		
	ul.rnklr{ list-style:none; margin:0; padding:0 4px; }
	.rnklr li{ float:left; width:152px; margin:20px 5px 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; opacity:0.8; border-radius:5px; overflow:hidden; }
	.rnklr li:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0.4); box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0.4); -webkit-filter: grayscale(0%); background:#333; opacity:1;}
	.rnklr li:hover h3{ color:#fff;}
	.rnklr li a{ outline:none;text-decoration:none }
	.rnklr li img{ width:152px; height:142px; border-radius:5px; }
	.rnklr li h3{ width:152px; color:#000; margin:5px 5px 10px; font-size:13px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
	
	
	
.listeleme a {
	width: 100%;
    display: block;
    position: relative;
 }
.listeleme img { width:100%; display:block; }
.listeleme h2 { 
	font-size: 16px;
    background: rgb(0 0 0 / 54%);
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    display: block;
    margin: 0;
    padding: 10px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.listeleme h2:hover { 
    background: rgb(0 0 0);
}



/* İLETİŞİM FORMU */
#formbaslik { width:100%; float:left; display:inline; margin-top:5px; font-weight:bold; color:#C00; margin-left:5px;}

#formw { width:100%; float:left; display:inline; margin-top:10px; }
#form1 { width:220px; float:left; display:inline; font-weight:bold; }
#form2 { width:425px; float:left; display:inline; }

/*
.input,
.form2input{ margin: 0px; padding: 3px;   border: 1px solid #acacac;  color: #515151; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:23px;width:343px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.select{ margin: 0px; padding: 3px;   border: 1px solid #acacac;  color: #515151; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:31px; width:351px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.selectmulti{ margin: 0px; padding: 3px;   border: 1px solid #acacac;  color: #515151; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:150px; width:351px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.selectmulti option{ padding:4px; }
.textarea{margin: 0px; padding: 3px;  float: left; background:#fff; border: 1px solid #acacac;  color: #515151;   font: 12px Arial, Helvetica, Arial, sans-serif; height:183px; width:343px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.captchaa{ width:150px;margin: 0px; padding: 3px;   border: 1px solid #acacac;  color: #515151; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:22px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
.radio{ margin: 0px; padding: 3px;   font: 12px Arial, Helvetica, Arial, sans-serif; height:23px;width:343px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.send { width:100px;margin: 0px; padding: 3px;   border: 1px solid #acacac;  color: #515151; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
*/
.textarea{ min-height: 150px !important }
.form-title { font-weight:600 }
/*İLETİŞİM FORMU*/


.limmk:hover { text-decoration:underline}
			
			

.sfldiv1 {float:left; width:100%; font-weight:bold; margin:10px 0px; text-align:center}
.sfldiv2 {float:left; width:100%; font-weight:bold; margin:10px 0px; text-align:center}
.sfl { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;display:inline-block; margin-bottom:5px}
.sfla { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;background:#666; color:#CCC;display:inline-block; margin-bottom:5px}
.sfl:hover, .sfla:hover { padding:1px 4px; border:2px solid #aaa}

		
		
		
		

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

			.tip8c { width:100%; overflow:hidden; }
			.tip8c ul { list-style:none; margin:2px 0 0 2px; padding:0; width:1020px; }
			.tip8c ul li { width:312px; float:left; margin:0 20px 20px 0; min-height:126px; border-bottom:1px solid #ddd; }
			.tip8c ul li a{ display:block; color:#888; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
				.tip8c ul li .dte{ font-size:10px; margin:0 0 6px; font-style:italic; }
				.tip8c ul li img { border:2px solid #ddd; width:140px; height:100px; float:left; }
				.tip8c ul li:hover img { border:2px solid #ccc; }
				.tip8c ul li a:hover { box-shadow:0 0 4px rgba(0, 0, 0, 0.2); background:#f8f8f8; }
				.tip8c ul li .right{ float:right; width:148px; padding-right:10px; }
				.tip8c ul li h2 { color:#777; margin:5px 0 8px; font-size:12px; font-weight:bold; width:148px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
				.tip8c ul li p{ margin:0 0x 5px; font-size:12px; text-align:justify; line-height:18px; }

.kclass { color:#216a6e }

.padd { width:100%; min-height:500px }
.padd table{ max-width:100%; }
@media (max-width: 767px) {
	.konuresim img {
	    float: right;
	    width: 100%;
	}
	.konuresim {
	    float: right;
	    margin: 3px 0px 10px 10px;
	    padding: 2px;
	    border: 1px solid #ccc;
	    width: 100%;
	}
}