/* TASARIM */

.contArt { padding: 0 0 10px 0; font: 400 13px/20px 'Open Sans', sans-serif; color: #666;}

.contArt h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 { font-weight: bold; line-height: 1.25; }

.contArt h1, h2, h3, h4, h5, h6 { clear: both; }

.contArt ul li { display: block; padding: 5px 0; color: #848484; list-style: decimal outside none; } 

.contArt ol { list-style: decimal outside none; } 

.contArt dl { margin: 0 20px; }

.contArt dt { font-weight: bold; }

.contArt dd { margin-bottom: 10px; }

.contArt img { height: auto; max-width: 100%; vertical-align: middle; }

.contArt pre { background: #FFFFFF; border-radius: 5px 5px 5px 5px; color: #222222; line-height: 18px; margin-bottom: 18px; overflow: auto; padding: 1.5em; }

.contArt h1 { display: block; font-size: 30px; margin-bottom: 15px }

.contArt h2 { display: block; font-size: 23px; margin: 30px 0 5px 0; }

.contArt h3 { display: block; font-size: 20px; margin: 30px 0 5px 0 }

.contArt h4 { display: block; font-size: 17px; margin: 30px 0 5px 0 }

.contArt h5 { display: block; font-size: 15px; margin: 30px 0 5px 0 }

.contArt h6 { display: block; font-size: 13px; margin: 30px 0 5px 0 }

.contArt p { display: block; margin: 0 0 10px 0; }

.contArt a { color: #CC0000; font-weight: bold; text-decoration: none; }

.contArt b, strong { font-weight: bold; }

.contArt .displaynone { display: none; }

.contArt .none { margin: 5px 20px 20px 0; }

.contArt .ortala, div.ortala { display: block; margin: 10px auto 10px auto; }

.contArt .sag { float: right; margin: 5px 0 20px 20px; }

.contArt .sol { float: left; margin: 5px 20px 20px 0; }

.contArt .orta { display: block; margin: 5px auto 5px auto; }



.contactLeft { width: 52%; margin: 0 2% 0 2%; float: left; }

.contactRight { width: 44%; float: right; }



.webtasarim{width:105px;height:26px;background:url(../../assets/depoalimedya.png) no-repeat top center;text-indent:-9999px}

.webtasarimB{width:105px;height:26px;background:url(../../assets/depoalimedyaBeyaz.png) no-repeat top center;text-indent:-9999px}



/* GENEL İSTEKLER */

.temizle {clear:both;}

.blok {display:block;}

.sakla{overflow:hidden;}



/* FONT ÇEŞİTİ */

.fontopensans{font: 400 13px/20px 'Open Sans', sans-serif;}



/* FLOAT YÖNLERİ */

.fleft{float:left;}

.fright{float:right;}

.fnone{float:none;}



/* FONT BOYUTLARI */

.fontbold{font-weight:bold;}

.fontnormal{font-weight:normal;}

.font10{font-size:10px;}

.font11{font-size:11px;}

.font12{font-size:12px;}

.font13{font-size:13px;}

.font14{font-size:14px;}

.font16{font-size:16px;}

.font18{font-size:18px;}

.font20{font-size:20px;}

.font22{font-size:22px;}

.font24{font-size:24px;}

.font26{font-size:26px;}

.font28{font-size:28px;}

.font30{font-size:30px;}



/* RENKLER */

.siyah{color:#000;}

.gri{color:#666;}

.beyaz{color:#fff;}

.mavi{color:#1855E2;}

.kirmizi{color:#E90000;}

.yesil{color:#2DB200;}

.turuncu{color:#FE7C2F;}



/* MARGİN BOYUTLARI */

.margin0{margin:0;}

.margin10{margin:10px;}

.margin0auto{margin:0 auto;}

.mt5{margin-top:5px;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mt30{margin-top:30px;}

.mt40{margin-top:40px;}

.ml5{margin-left:5px;}

.ml10{margin-left:10px;}

.ml15{margin-left:15px;}

.ml20{margin-left:20px;}

.ml30{margin-left:30px;}

.ml40{margin-left:40px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr15{margin-right:15px;}

.mr20{margin-right:20px;}

.mr30{margin-right:30px;}

.mr40{margin-right:40px;}

.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.mb30{margin-bottom:30px;}

.mb40{margin-bottom:40px;}



/* PADDİNG BOYUTLARI */

.padding0{padding:0;}

.padding10{padding:10px;}

.pt5{padding-top:5px;}

.pt10{padding-top:10px;}

.pt15{padding-top:15px;}

.pt20{padding-top:20px;}

.pt30{padding-top:30px;}

.pt40{padding-top:40px;}

.pl5{padding-left:5px;}

.pl10{padding-left:10px;}

.pl15{padding-left:15px;}

.pl20{padding-left:20px;}

.pl30{padding-left:30px;}

.pl40{padding-left:40px;}

.pr5{padding-right:5px;}

.pr10{padding-right:10px;}

.pr15{padding-right:15px;}

.pr20{padding-right:20px;}

.pr30{padding-right:30px;}

.pr40{padding-right:40px;}

.pb5{padding-bottom:5px;}

.pb10{padding-bottom:10px;}

.pb15{padding-bottom:15px;}

.pb20{padding-bottom:20px;}

.pb30{padding-bottom:30px;}

.pb40{padding-bottom:40px;}



.contArt .yesilbg{background:#92CC6A;color:#fff;}

.contArt .kirmizi{color:#CC0000;}



/* İLETİŞİM FORMU TASARIM */

.contArt input, .contArt textarea {

	padding: 10px;

	border: 1px solid #E0E0E0;

	width: 80%;

	max-width: 400px;

	color: #444;

	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;

	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;

	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		

}



.contArt textarea {

	width: 90%;

	height: 150px;

	line-height: 18px;

}



.contArt input:hover, textarea:hover,

.contArt input:focus, textarea:focus {

	border-color: 1px solid #C9C9C9;

	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;

	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;

	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;	

}



.contArt .form label {

	margin-left: 10px;

	color: #999999;

}

.contArt .submit input {

	width: 100px; 

	height: 40px;

	background-color: #474E69; 

	color: #FFF;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;		

}





/* #menu kodları */



/* SUB-MENU KODLARI */

ul#menu{z-index:100;}



ul#menu li ul {

	display: block; 

	float: none; 

	box-shadow: 0 0 40px #000;

	-webkit-box-shadow: 0 0 40px #000;

	-moz-box-shadow: 0 0 40px #000;

	min-width: 150px;

	display: none;

	position: absolute;

	margin: 0;

	padding:15px 10px 10px 10px;

	list-style: none;

	zoom: 1;

	z-index: 99;

	background:rgba(0, 0, 0, 0.8) url(../../assets/depomenu_down_arrow.png) no-repeat; background-position: 36px top;

}



ul#menu li ul li { display:block; margin:0; padding: 0 10px 0 5px; line-height:25px; float:none; clear:both;text-align:left}

ul#menu li ul li:first-child{margin:0; padding: 0 10px 0 5px; background:none;}

ul#menu li ul li:last-child{margin:0; padding: 0 10px 0 5px; background:none;text-indent:0}

ul#menu li ul li a {

	background-image: url(../../assets/depomenu_link_arrow.png); 

	background-position: left center; 

	background-repeat: no-repeat; 

	color: #FFF;

	font-family: Arial, Tahoma, Geneva, sans-serif; 

	font-size: 12px; 

	font-weight: normal;

	margin:0;

	padding: 4px 4px 4px 14px; 

	text-shadow: -1px -1px 0px #000; 

	text-shadow: -1px -1px 0px #000;

}

ul#menu li ul li a:hover { color: #FC0; text-decoration: none; }