/* Container */
div#container{width:1000px;height:auto;margin:0 auto;position:relative}
/* Header */
div#header{width:100%;height:autopx;float:left;position:relative}
div.line{width:autoeight:5px;background-color:#af2668;float:left}

div#_top_menu{position:absolute;top:0;right:0}
div#_top_menu a{color:#D6D1D1;text-decoration:none}
div.tel{font-family:"Century Gothic", Arial;width:auto;height:30px;line-height:30px;color:#FFF;font-size:20px;border-top:none;text-align:center;padding:0 10px;float:left;margin:0 5px;background-color:#F44336;/* border-bottom-left-radius:5px;border-bottom-right-radius:5px */}
div.tel:last-child{margin:0;margin-left:5px}
.orange{color:#FFF !important}

div#logo{width:auto;height:auto;float:left}
    div#logo img{width:auto}
/* Slider */
div#slider{width:100%;height:325px;margin-top:10px;float:left;overflow:hidden}
div#slider img{width:100%}
div.text{width:100%;height:auto;float:left;margin-top:10px;text-align:left}
div.title{width:100%;height:40px;border-radius:5px;line-height:40px;font-size:18px;float:left;margin:10px 0;background-color:#E80C25;color:#FFF;text-indent:10px}
/* Referans */
div#referans{width:100%;height:auto;float:left;margin-top:20px}
div.referans{width:200px;height:140px;float:left;margin:5px 25px}
div.referans img{width:200px;height:140px}
/* Social */
div.share{float:right}
div.social{width:auto;height:40px;line-height:40px;float:right}
div.social a{float:right}
div.social_fb{width:32px;height:32px;background:url(image/fb.png) no-repeat;float:right;margin:4px}
div.social_tw{width:32px;height:32px;background:url(image/tw.png) no-repeat;float:right;margin:4px}
div.social_gp{width:32px;height:32px;background:url(image/gp.png) no-repeat;float:right;margin:4px}
/* Haber */
div.newr{width:500px;height:auto;float:left;margin-top:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px}
div#haber{width:500px;height:auto;float:left;margin-top:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px}
div.haber{width:100%;height:auto;line-height:24px;float:left;background-color:#FFF;border-bottom:dotted 1px #DDD;text-indent:10px}
div.haber a{text-decoration:none;color:#000}
/* Apply now */
div.apply_now{width:100%;height:70px;float:left;margin:20px 0;background-color:#FFF;box-shadow:0 0 2px 2px #CCC}
div.apply_now input{width:200px;height:30px;float:left;margin:20px 30px;border:solid 1px #888;color:#808080;text-indent:10px}
div.apply_now input[type=submit]{width:auto;height:auto;border:none;border-radius:5px;background-color:#0277BD;text-indent:0;color:#FFF;font-weight:bold;padding:7px 20px;cursor:pointer}
div.hr{width:100%;height:0;border-bottom:solid 1px #DDD;float:left;margin:15px 0 5px 0}
div#tpe_left{width:50%;height:auto;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px}
div#tpe_right{width:50%;height:auto;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px}
div.tpe{width:100%;height:30px;line-height:30px;border-radius:7px;float:left;margin:8px 0;background-color:#0277BD;color:#FFF;text-indent:10px;text-decoration:none}
div.download{width:333px;height:68px;line-height:68px;float:left;margin:15px 0;text-align:center}
/* SSS */
div#sss{width:100%;height:auto;float:left;margin-top:20px}
div.sss{width:100%;height:auto;float:left;margin:5px 0;background-color:#FFF;border:solid 1px #DDD}
div.sss_title{width:100%;height:30px;line-height:30px;font-weight:bold;float:left;text-indent:10px;cursor:pointer}
div.sss_text{width:100%;height:auto;float:left;display:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px }
/* Contact */
div.address{width:100%;height:30px;line-height:30px;text-indent:40px;float:left;margin:5px 0;border:solid 1px #DDD;background:#FFF url(image/adrs.png) 10px no-repeat}
div.mail{width:100%;height:30px;line-height:30px;text-indent:40px;float:left;margin:5px 0;border:solid 1px #DDD;background:#FFF url(image/mail.png) 10px no-repeat;background-size:24px 24px}
div.telp{width:100%;height:30px;line-height:30px;text-indent:40px;float:left;margin:5px 0;border:solid 1px #DDD;background:#FFF url(image/tel.png) 10px no-repeat;background-size:18px 30px}
div#contact{width:500px;height:auto;float:left;margin-top:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:5px}
div#contact input{width:100%;height:30px;border:solid 1px #DDD;float:left;margin:5px 0;float:left;text-indent:10px}
div#contact textarea{width:100%;height:100px;border:solid 1px #DDD;float:left;margin:5px 0;float:left;text-indent:10px}
div#contact input[type=submit]{width:auto;cursor:pointer;height:30px;border:none;float:left;margin:5px 0;text-indent:0;background-color:#3B5998;color:#FFF;padding:4px 10px}
/* Map */
div#map{width:500px;height:auto;float:left;margin-top:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:5px}
/* Footer */
div#footer{width:100%;height:auto;float:left;margin-top:20px;background-color:#E80C25;color:#FFF;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px;text-align:center}
div#footer a{text-decoration:none;color:#FFF;font-size:11px;padding:0 5px}
div.info{width:100%;height:30px;line-height:30px;float:left;background-color:#00A2D3;color:#FFF;text-align:center;margin:5px 0 5px 0}
div.success{width:100%;height:auto;line-height:30px;float:left;background-color:#43AC6A;color:#FFF;text-align:center;margin:5px 0 5px 0}
div.error{width:100%;height:30px;line-height:30px;float:left;background-color:#990000;color:#FFF;text-align:center;margin:5px 0 5px 0}

/* The Nav styling starts here, The above code is just to make the page look nice http://mintik.com/?p=12492 */
#dropdown_nav {
	width:100%;
	padding:0px;
	display:inline-block;
	list-style:none;
	-moz-box-shadow:inset 0px 0px 1px #fff;
	-webkit-box-shadow:inset 0px 0px 1px #fff;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#e2e2e2;
	background:-moz-linear-gradient(#f3f3f3, #e2e2e2);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
}

#dropdown_nav a {text-decoration:none;color:#000}

	#dropdown_nav li {
		padding:10px 0px 10px 0px;
		float:left;
		position:relative;
		display:inline-block;
	}

		#dropdown_nav li a {
			padding:10px 15px 10px 15px;
			text-shadow:-1px 1px 0px #f6f6f6;
			-moz-box-shadow:inset 0px 0px 1px #fff;
			-webkit-box-shadow:inset 0px 0px 1px #fff;
			border-right:1px solid #ccc;
		}
		#dropdown_nav li a:hover {
			background:#f9f9f9;
			background:-moz-linear-gradient(#f9f9f9, #e8e8e8);
			background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8));
		}
		#dropdown_nav li a:active {
			background:#e2e2e2;
			background:-moz-linear-gradient(#e2e2e2, #f3f3f3);
			background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3));
		}

		#dropdown_nav li a.first {
			-moz-border-radius:5px 0px 0px 5px;
			-webkit-border-radius:5px 0px 0px 5px;
		}
		/*#dropdown_nav li a.last {
			-moz-border-radius:0px 5px 5px 0px;
			-webkit-border-radius:0px 5px 5px 0px;
		}*/

		/* Sub-Nav styling http://mintik.com/?p=12492*/
		#dropdown_nav .sub_nav {
			width:160px;
			padding:0px;
			position:absolute;
			top:38px;
			left:0px;
			border:1px solid #ccc;
			background:#e2e2e2;
		}

			#dropdown_nav .sub_nav li {
				width:160px;
				padding:0px;
			}

				#dropdown_nav .sub_nav li a {
					display:block;
					border-bottom:1px solid #ccc;
					background:-moz-linear-gradient(#f3f3f3, #e2e2e2);
					background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
				}
				#dropdown_nav .sub_nav li a:hover {
					background:#f9f9f9;
					background:-moz-linear-gradient(#f9f9f9, #e8e8e8);
					background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8));
				}
				#dropdown_nav .sub_nav li a:active {
					background:#e2e2e2;
					background:-moz-linear-gradient(#e2e2e2, #f3f3f3);
					background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3));
				}
