/* Bulut Hukuk Bürosu Sitesi */
.center { margin: 0px auto }
.db { display: block }
.dib { display:inline-block }
.fl { float:left }
.fr { float:right }
.tc { text-align:center }
.tl { text-align:left }
.tr { text-align:right }
.pa { position:absolute }
.pr { position:relative }
.pf { position:fixed }
.radius { border-radius: 4px }
.clear { clear:both }

/* Z-Index Katmanları */
.la {z-index:1}
.lb {z-index:2}
.lc {z-index:3}
.ld {z-index:4}
.le {z-index:5}
.lf {z-index:6}
.lg {z-index:7}
.lh {z-index:8}
.li {z-index:9}
.lj {z-index:10}

body { background: #e9f1f3 url(../images/bg.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }

a {
	text-decoration:none;
}

.wrapper{
	width:960px;
}

#logo { margin-top: 10px; padding-top:15px;}
#logo a { display:block; height: 45px; }
nav#menu { margin-top: 64px; }
nav#menu li { float:left; text-indent: -9999px; margin-right: 50px; }
nav#menu li a { display:block; height: 17px; }
nav#menu li:hover { opacity: 0.7 }
nav#menu li a.selected { background: #FFF; border-radius: 6px; opacity:0.2; width: 101px; height: 38px; margin-left: -15px; margin-top: -10px; z-index: -1; }
nav#menu li.m01 { background:url(../images/menu/anasayfa.png) no-repeat; width: 70px; height: 17px; }
nav#menu li.m02 { background:url(../images/menu/kurumsal.png) no-repeat; width: 76px; height: 17px; }
nav#menu li.m03 { background:url(../images/menu/calanlari.png) no-repeat; width: 126px; height: 17px; }
nav#menu li.m04 { background:url(../images/menu/avukatlar.png) no-repeat; width: 79px; height: 17px; }
nav#menu li.m05 { background:url(../images/menu/iletisim.png) no-repeat; width: 80px; height: 17px; }
.slider-ust { position:absolute; background:url(../images/slider-ust.png) no-repeat; width: 692px; height: 13px; margin-top: -13px; margin-left: 268px; }
figure#slider { width: 960px; height: 218px; background:url(../images/slider.png) no-repeat; margin-top: 40px; }
figure#slider nav#makale ul {float:left; padding: 14px; width: 280px; }
figure#slider nav#makale ul h1 { margin-bottom: 12px; }
figure#slider nav#makale ul li { background:url(../images/makale-cizgi.png) no-repeat left bottom; padding: 3px 0 5px 0 }
figure#slider nav#makale ul li a { font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; line-height: 20px; background:url(../images/makale-baslik.jpg) no-repeat center left; padding-left: 13px; }
figure#slider nav#makale ul li a:hover { opacity: 0.7 }
figure#slider nav.tum-makale { position:absolute; background:#6dc1de; padding: 8px 8px 4px 8px; margin-left: -4px; margin-top: -4px; margin-top: 193px; }
figure#slider nav.tum-makale:hover { opacity: 0.7 }
figure#slider .slide-yazi { margin-right: 70px; margin-top: 30px; }
nav#logolar {float:right; background:url(../images/logolar-bg.png) no-repeat; width: 692px; height: 113px; margin-top: -78px;}
nav#logolar ul { width: 692px; margin-left: 4px; }
nav#logolar li { float:left; text-indent: -99999px; margin-right: 6px; }
nav#logolar li a { display: block; height: 78px; }
nav#logolar li.l01 { background: url(../images/logolar/1.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l02 { background: url(../images/logolar/2.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l03 { background: url(../images/logolar/3.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l04 { background: url(../images/logolar/4.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l05 { background: url(../images/logolar/5.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l06 { background: url(../images/logolar/6.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l07 { background: url(../images/logolar/7.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l08 { background: url(../images/logolar/8.png) no-repeat; width: 70px; height:78px; }
nav#logolar li.l09 { background: url(../images/logolar/9.png) no-repeat; width: 70px; height:78px; }
nav#logolar img.hukuk-haberleri { padding: 10px 10px 10px 14px; }
nav#hizli-erisim { margin-top: 30px; }
nav#hizli-erisim h1 { padding-bottom: 14px; }
nav#hizli-erisim li { padding-bottom: 10px; }
nav#hizli-erisim li a { font-size:14px; color: #024260; font-family:Arial, Helvetica, sans-serif; background:url(../images/erisim-ok.png) no-repeat left center; padding-left: 10px; }
nav#hizli-erisim li a:hover { opacity: 0.7 }
#baglantilar { margin-top: 20px; width: 240px; }
#baglantilar img { width: 240px; }
nav#haberler { margin-top: 20px; float:right; width: 700px; margin-right: -8px;}
nav#haberler ul { }
nav#haberler li {
	float:left;
	margin-right: 9px;
	width: 166px;
	min-height: 290px;
	background: #FFF; 
	-webkit-box-shadow: 1px 1px 0 rgba(199,199,199,0.51);
	-moz-box-shadow: 1px 1px 0 rgba(199,199,199,0.51);
	box-shadow: 1px 1px 0 rgba(199,199,199,0.51);
}
nav#haberler li img.resim { border: 3px solid #eeeeee; margin: 6px; }
nav#haberler li h1 { font-size: 11px; color: #303030; font-family:Arial, Helvetica, sans-serif; padding: 0 8px 0px 8px; font-weight: bold; }
nav#haberler li p { font-size: 11px; color: #303030; font-family:Arial, Helvetica, sans-serif; padding: 8px; line-height: 16px; }
nav#haberler li span { float:right; margin-top: -4px; margin-right: 8px; }
nav#haberler li.tum-haberler {
	margin-top: 8px;
	width: 691px;
	min-height: 32px;
	background: #FFF; 
	-webkit-box-shadow: 1px 1px 0 rgba(199,199,199,0.51);
	-moz-box-shadow: 1px 1px 0 rgba(199,199,199,0.51);
	box-shadow: 1px 1px 0 rgba(199,199,199,0.51);
	list-style: none;	
}
nav#haberler li.tum-haberler p { text-align:center; }
nav#haberler li.tum-haberler p a { font-size: 11px; color: #303030; font-family:Arial, Helvetica, sans-serif; } 

.adres { margin-top: 50px; margin-bottom: 20px; }
.foot { background:url(../images/footer.png) no-repeat; width: 692px; height: 106px ; bottom : 0; margin-top: 30px; }

#icerik {
	margin-top: 40px;
	width: 960px;
}
#icerik .ic {float:left; width: 960px; background: #FFF; min-height: 580px; padding-bottom: 10px; }
#icerik nav#sub-menu { 
	float:left; 
	background:#75c6e3;
	width:268px;
	min-height: 423px;
}
#icerik nav#sub-menu ul { padding: 18px 0 0 18px; }
#icerik nav#sub-menu ul h1 { padding-bottom: 20px; }
#icerik nav#sub-menu ul li { padding-bottom: 18px; }
#icerik nav#sub-menu ul li.selected { background:url(../images/sub-selected.png) no-repeat; margin-left: -21px; padding-left: 20px; padding-top:6px; }
#icerik nav#sub-menu ul li a { font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; }
#icerik nav#sub-menu ul li a:hover { color:#b6eaff; }
#icerik .ic .yazi { float:left; width: 692px; }
#icerik .ic .yazi img.banner { padding: 6px; }
#icerik .ic .yazi img.baslik { padding-top: 6px; }
#icerik .ic .yazi p { font-size: 12px; color:#303030; font-family:Arial, Helvetica, sans-serif; padding-bottom: 10px; line-height: 18px; padding: 0 16px 16px 16px; }
#icerik .ic .yazi h1 { font-size:14px; color:#303030; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  line-height: 18px; padding: 0 16px 16px 16px }

#icerik .ic .haberler { float:left; width: 960px; padding-left: 18px; padding-top: 18px; }
#icerik .ic .haberler img.banner { padding: 6px; }
#icerik .ic .haberler img.baslik { padding-top: 6px; }
#icerik .ic .haberler img.avukat { padding-bottom: 12px; }
#icerik .ic .haberler p { font-size: 12px; color:#303030; font-family:Arial, Helvetica, sans-serif; padding-bottom: 10px; line-height: 18px; padding: 0 16px 16px 16px; }
#icerik .ic .haberler nav#haber { margin-top: 8px; float:right; width: 960px; margin-right: -8px;}
#icerik .ic .haberler nav#haber ul { }
#icerik .ic .haberler nav#haber li {
	float:left;
	margin-right: 16px;
	width: 166px;
	min-height: 270px;
	background: #FFF; 
	border: 1px solid #ccc;
	margin-bottom: 16px;
}
#icerik .ic .haberler nav#haber li img.resim { border: 3px solid #eeeeee; margin: 6px; }
#icerik .ic .haberler nav#haber li h1 { font-size: 11px; color: #303030; font-family:Arial, Helvetica, sans-serif; padding: 0 8px 0px 8px; font-weight: bold; }
#icerik .ic .haberler nav#haber li p { font-size: 11px; color: #303030; font-family:Arial, Helvetica, sans-serif; padding: 8px; line-height: 16px; }
#icerik .ic .haberler nav#haber li span { float:right; margin-top: -4px; margin-right: 8px; }

#icerik .ic .haberler nav#haber-detay { width: 930px; }
#icerik .ic .haberler nav#haber-detay img { border: 3px solid #CCC; float:left; margin: 0 12px 6px 0 }
#icerik .ic .haberler nav#haber-detay h1 {  font-size: 14px; color: #06536a; font-family:Arial, Helvetica, sans-serif; padding: 0 8px 10px 12px; font-weight: bold; }
#icerik .ic .haberler nav#haber-detay p { font-size: 12px; color: #303030; font-family:Arial, Helvetica, sans-serif; padding: 0 8px 8px 12px;; line-height: 20px; }

#icerik .ic .haberler nav#avukatlar { width: 930px; }
#icerik .ic .haberler nav#avukatlar li {  float:left;  background: #f7f7f7; border: 1px solid #f1f1f1; padding:14px; width: 890px; margin-bottom: 12px;}
#icerik .ic .haberler nav#avukatlar img { border: 3px solid #CCC; float:left; margin: 0 16px 6px 0 }
#icerik .ic .haberler nav#avukatlar h1 {  font-size: 12px; color: #333333; font-family:Arial, Helvetica, sans-serif; padding: 0 8px 8px 12px; font-weight: bold; }
#icerik .ic .haberler nav#avukatlar span { font-size: 12px; font-weight: normal; color: #303030; font-family:Arial, Helvetica, sans-serif; padding: 0 8px 8px 12px;; line-height: 16px; }
#icerik .ic .haberler nav#avukatlar .av {  background-color:#FFFFFF; border: 1px solid #f1f1f1; font-size: 14px; font-weight: bold; color: #303030; font-family:Arial, Helvetica, sans-serif; padding: 8px 8px 8px 12px; margin-bottom:10px; line-height: 16px; }
#icerik .ic .haberler nav#avukatlar .ozgecmis { float:right; font-size: 12px; font-weight: normal; color: #303030; font-family:Arial, Helvetica, sans-serif; }

#icerik .ic .haberler nav#calisma-alanlari { width: 930px; }
#icerik .ic .haberler nav#calisma-alanlari ul.ca {width: 258px;  float:left; border: 1px solid #ccc; padding: 20px; margin-right: 10px; min-height: 340px; margin-bottom: 10px; }
#icerik .ic .haberler nav#calisma-alanlari li.calisma ul h1 { font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-bottom: 10px; }
#icerik .ic .haberler nav#calisma-alanlari li.calisma ul li { font-size:12px; color:#303030; font-family:Arial, Helvetica, sans-serif; padding-bottom: 10px; list-style:circle; margin-left: 16px; line-height: 16px; }


#icerik .ic .yazi ul.contactInfo h1 { font-size:18px; color: #00a7e3; font-family:Arial, Helvetica, sans-serif; padding-left: 16px; padding-bottom: 10px; }
#icerik .ic .yazi ul.contactInfo h2 { font-size:15px; color: #333333; font-family:Arial, Helvetica, sans-serif; padding-left: 3px; padding-bottom: 10px; }
#icerik .ic .yazi ul.contactInfo li { display:block; border-bottom:1px solid #e3e8e6; font-family:Arial, Helvetica, sans-serif;}
#icerik .ic .yazi ul.contactInfo li.first { padding:0 0 20px; }
#icerik .ic .yazi ul.contactInfo li li { width:20%; padding:4px; 20px 0 0; float:left; border:none;}
#icerik .ic .yazi ul.contactInfo li li.address { width:54%;}
#icerik .ic .yazi ul.contactInfo li p.yazi { font-size:12px; color:#968ab7; padding-top: 8px; margin-left: -16px;}
#icerik .ic .yazi ul.contactInfo li li.last { padding:4px;}
#icerik .ic .yazi ul.contactInfo li li.web { padding: 10px 0; width:58%;}
#icerik .ic .yazi ul.contactInfo li li strong { font-weight:bold; display:block;}
#icerik .ic .yazi ul.contactInfo li h3 { padding:7px 0;}
#icerik .ic .yazi ul.contactInfo li h3 a { color:#000; font-size:12px;}
#icerik .ic .yazi ul.contactInfo li h3 a:hover { border-bottom:1px solid; text-decoration:none;}

#icerik .ic .yazi ul.contactInfo li ul { display:none; padding-left: 14px; }
#icerik .ic .yazi ul.contactInfo li.opened { padding:10px 0 20px; margin-bottom: 20px;}
#icerik .ic .yazi ul.contactInfo li.opened h3 a { color:#00a7e3;  font-size:14px;}
#icerik .ic .yazi ul.contactInfo li.opened h3 a:hover { color:#70ABD0;}
#icerik .ic .yazi ul.contactInfo li.opened strong { color:#3C4D57}
#icerik .ic .yazi ul.contactInfo li.opened ul { display:block;}

#icerik .ic .yazi ul.departInfo li { display:block; border-bottom:1px solid #e3e8e6;}
#icerik .ic .yazi ul.departInfo li.first { padding:0 0 0px; }
#icerik .ic .yazi ul.departInfo li li { width:21%; padding:8px 20px 0 0; float:left; border:none;}
#icerik .ic .yazi ul.departInfo li li.address { width:23%;}
#icerik .ic .yazi ul.departInfo li p.yazi { font-size:12px; color:#968ab7; padding-top: 8px;}
#icerik .ic .yazi ul.departInfo li li.last { padding:8px;}

.GeneralForm { display:block; border:none; clear:both; padding:0; margin:0px;  font-family:Arial, Helvetica, sans-serif; padding-left: 10px;}
.GeneralForm { font-size:11px; color:#3C4D57; font-weight:bold; padding:5px 0px 5px 14px; display:block;}
.GeneralForm .SectionText { padding-bottom:10px; font-size:11px; color:#7D7D7D;}
.GeneralForm .formTable { width:100%; }
.GeneralForm .formTable tr { text-align:left; vertical-align:top;}
.GeneralForm .formTable tr td { padding:4px 0; width:50%; }
.GeneralForm .formTable label { display:block; padding:0 0 2px 2px;  }
.GeneralForm .formTable label.error { color:#b00000; font-weight:normal; width:308px; clear:both;}
.GeneralForm .formTable input { padding:4px; border:1px solid #d0d0d0; width:300px; font-size:12px; background:url(../images/input_top_sh.gif) repeat-x;}
.GeneralForm .formTable textarea  { overflow:auto; padding:4px; border:1px solid #d0d0d0; width:300px; font-size:12px; font-family:Arial; background:#fbfbfb url(../images/input_big_bg.gif) repeat-x; height:92px;}

.GeneralForm .formTable .btn { border:0; }
.GeneralForm .formTable .btn input { width:auto; }
.GeneralForm .formTable textarea.error, .GeneralForm .contactForm select.error, .GeneralForm .contactForm input.error { background:#f3fbfd;}
.GeneralForm .formTable .radio { padding:0px; background:none; border:none; width:20px; font-size:12px; }
.GeneralForm .formTable input.focus { background:#FFFBE3;}
.GeneralForm .formTable input.guvenlikKod {width:144px; font-size:12px; font-weight:bold; float:left; margin:3px 0 0 10px;}
.GeneralForm .formTable .check { width:15px; display:block; height:21px; float:left; margin: 0 8px 0 0; border:0; background:none;} 
.GeneralForm .formTable select { background:#eef5f7;border:1px solid #cfd8df;font-size:12px; width:350px;font-size:12px; padding:4px; }
.GeneralForm .formTable .yildizGerekli { color:#2E2E2E; display:inline-table; margin-left:5px;}
.GeneralForm .formTable .smallText { font-weight:normal; font-size:10px; margin:10px 0 0; clear:both;}
.GeneralForm .formTable .security_image { border:1px solid #d0d0d0; float:left;}
.GeneralForm .actionBgLeft{ background:url(../images/butonsol.png) no-repeat left top; padding:0 0 0 12px; float:right; margin:10px 24px 0 0; }
.GeneralForm .actionBgLeft .actionBgRight { background:url(../images/butonsag.png) no-repeat right top; height:24px; padding: 4px 12px 0 0; font-weight:bold; float:left;}
.GeneralForm .actionBgLeft .actionBgRight a { color:#fff;}
.GeneralForm .actionBgLeft .actionBgRight a:hover { color:#fff;}
.GeneralForm .actionBgLeft .actionBgRight input { background:none; color:#fff; border:none; padding:0; margin:0; font-weight:bold; font-size:11px; cursor:pointer;}

.yazi { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#545454; line-height: 22px;}
.yazi a { color:#00a7e3; }