﻿/*                      ana taglar                      */
body{margin:0px; padding:0px; text-align:center; background-color:#fff;font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #173449; line-height:1.3em;}
body {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #333; background-image:url(../images/bodyBg.jpg);}
body.bos{background-color:#fff;}
a, a:link,a:active,a:hover{color:#666; text-decoration: none;}
a:hover{color: Maroon; text-decoration: underline; }

h1, h2, h3, h4, h5, h6{color: #145789; }
h1{font-size: 20px; width: inherit; text-align: center; }
h2{font-size: 18px; font-weight:bold;}
h3{font-size: 16px; font-weight:bold;}
h4{font-size: 14px; font-weight:bold;}
h5{font-size: 13px; font-weight:bold;}
h6{font-size: 12px; font-weight:bold;}

p{margin:10px 0px 10px 0px;}
/*p:first{margin:0px 0px 10px 0px;}*/

.aktifOfis *, .aktifOfis a{color:#c00;}
input, input[type="text"], input[type="password"], input[type="checkbox"], textarea, select{ color:#555; background-color:#F9F9F9; border:inset 1px #999; font-size:12px; height:auto; line-height:inherit; padding:3px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, textarea:focus, select:focus{ background-color:#F2F2F2; }
input[type="submit"], input[type="reset"], input[type="button"]{ background-color:#145789; color:#fff; padding:3px 10px; font-weight:bold; }
input[type="image"]{ background:none; border:none; }

/*                                          classlar                        */
.text{font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #333; text-align:left; line-height:1.5em;}
.bold{ font-weight:bold;}
.uyari{width:inherit;text-align:center; color:#FF0000; font-weight:bold;}
.not{content:"Not: "; font-weight:bold;}
.btnAra{padding:2px 5px; height:22px; line-height:22px; background-color:Red; color:#fff; font-size:13px; margin-left:5px;}
.aramaText{ height:22px; width:200px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w300{ width:300px;}

a.beyazLink{ font-size:11px; font-weight:bold; text-decoration: none; }
.divIndexAltkutuBaslik{ height:30px; line-height:30px; color:#555; font-size:17px; text-align:left; font-weight:bold;}
.divIndexAltKutuIcerik{ height:30px; text-align:left;}
.refList{}
.refList tr td{padding:3px 10px;}
.refList tr td:first-child{}

#adresHarita{ width:inherit;text-align:left;}
#adresAlan{width:inherit; margin-top:20px; text-align:left;}
  #adresBaslik{ width:inherit; font-size:13px; font-weight:bold; text-align:left; line-height:22px;}
  #adresData{ width:inherit; font-size:12px; font-weight:normal; text-align:left; line-height:18px; margin-top:10px;}

.adresList{width:inherit; margin-top:30px; text-align:left;}
    .adresList .adresBaslik{width:inherit; font-size:13px; font-weight:bold; text-align:left; line-height:20px;}
    .adresList .adresData{ width:inherit; font-size:12px; font-weight:normal; text-align:left; line-height:18px; margin-top:5px;}

/*Divler için*/
.satirDiv{ width:inherit; }
.sutunDiv{ float:left; }
.solaYasla{/*float:left;text-align:left;*/ vertical-align:text-top; margin-right:20px;}
.sagaYasla{float:right; text-align:right; }
img.sagaYasla{ float:right; margin:0px 5px 5px 20px;}
img.solaYasla{ float:left; padding-bottom:20px; margin:0px 20px 5px 5px;}

.ortala{text-align:center; }
.ustMargin5{ margin-top:5px; }
.ustMargin10{ margin-top:10px; }
.solMargin10{ margin-left:10px; }
.ustMargin20{ margin-top:20px; }
.sagMargin20{ margin-right:20px;}


ul.std{ list-style-type:disc;}
ul.std li{margin-left:30px; line-height:1.1em; margin-top:5px;}

 .tabloSolMenu{width:230px; background-color:#fcfcfc; vertical-align:top; border-right: 1px solid #ccc}
 .sagIc{width:768px; vertical-align:top; padding-left:5px;}
.solBaslik{color:#c00; font-size: 20px; font-weight:bold; background-color:White; padding:5px; text-align:center; margin-top:5px;}
.solHizmetler{margin-top: 0px; padding:0px 5px;}
ul.ulHizmet{}
ul.ulHizmet a{ text-decoration:none;}
ul.ulHizmet li{clear:both; line-height:28px; font-size:14px; font-weight:bold; margin-top:5px; border-bottom:1px solid #ccc; overflow:hidden;}
ul.ulHizmet li:hover{ background-color:#E61A25;}
ul.ulHizmet li:hover a{color:#fff;}
ul.ulHizmet li .linkSol{ margin-left:5px;}
.divBullet{ height:28px; line-height:28px; overflow:hidden; float:left;}
.divBullet img{ width:15px; margin-top:6px;}
.maySite{overflow: hidden; position: relative; clear:both; width:750px; margin:auto; margin-top:20px; text-align:center;}  
.maySite img{ height:100px;}

table.listeTablo {border:none 0px #666; border-collapse:collapse;}
table.listeTablo tr.listeBaslik td,table.listeTablo tr.listeBaslik th,table.listeTablo tr.listeBaslik:hover td{ background-color:#F2F7FE; color:#4E688E; font-weight:bold;}
table.listeTablo th,table.listeTablo td {border:solid 1px #D9E3F2; padding:1px 5px 1px 5px; vertical-align:top; white-space:inherit;}
table.listeTablo tr.satir0 td{ background-color:#Ffffff;}
table.listeTablo tr.satir1 td{ background-color:#FEFBF2;}
table.listeTablo tr:hover td,table.listeTablo tr.satir1:hover td{color:#444; background-color:#F5F5F5;}

.formTablo table,.formTablo td{text-align: left;padding:2px; vertical-align:top; border:0px solid #fff;}
.formTablo td.oc{font-weight:bold; color:#666; font-size:12px;}
.formTablo td.vc:before{content:" : ";font-weight:bold; color:#666; font-size:12px; vertical-align:top;}

/*                                          index şablon                        */
#anaCerceve{width: 1004px; text-align:left; padding:0px; margin:auto; background-color:#fff; border:1px solid #ccc;}
  #divUstKapsam{clear:both; height:150px; margin:0px;}
    #divUstSatir1{height:110px; overflow:hidden;}
        #divUstLogo{float:left; width:300px; height:110px; overflow:hidden;}
        #divUstLink{float: right; height: 110px; text-align: right; margin-right:5px;}
    #divUstSatir3{height:35px; line-height:35px; margin-top:5px; vertical-align:middle; background-image:url(../images/menuBg.jpg); background-repeat:repeat-x;}
  #divOrtaKapsam{clear:both; min-height:650px; margin:10px 0px 0px 0px;}
    /*devam orta*/
    #icerikAlan{ margin: 5px; min-height:650px;}
        #sayfaResimIcerik{ height:0px; display:none;}
        #sayfaBaslik{margin: 0px; margin-bottom:5px; padding:0px; width:inherit;font-size: 20px; color:#515151; font-weight:500; overflow:hidden; line-height:1.5em; text-transform:uppercase;}
            #sayfaBaslik span.kelime1{ font-family:"Arial Black"; font-size:21px; font-weight:900; color:#41403e;}
            #sayfaBaslik span.kelime2{ font-size:21px; font-weight:normal; color:#5a5a5a;}
        .icUl li{ line-height:1.3em; padding:3px 0px;}
        #icerikAlan ul.referansList{ list-style-type:none;}
            #icerikAlan ul.referansList li{ float:left; list-style-type:none;}
            #icerikAlan ul{margin:10px 20px;}
            #icerikAlan ul li{list-style-type:disc; list-style-position:inside;}
		#icerikAlan ol{margin:10px 20px; list-style-type:decimal}
            #icerikAlan ol li{list-style-position:inside;}
    /*devam orta sonu*/
    /*index orta*/
    #divOrtaSatir0{ width:inherit; height:260px; overflow:hidden;}
    #divOrtaSatir1{ width:inherit; height:150px; overflow:hidden;}
      #divOrtaS1Kolon1{ float:left; width:240px; height:220px; overflow:hidden; padding:5px;}
        .kutuBaslik{width:inherit; height:25px; line-height:25px; overflow:hidden;} 
            .kelime1{ font-family:"Arial Black"; color:#41403E;font-size:21px;font-weight:900}
        .kutuImaj{width:inherit; height:100px; overflow:hidden; margin-top:5px;}
        .kutuYazi{width:inherit; font-family:"Arial"; color:#666; height:95px; font-size:12px; overflow:hidden; margin-top:5px; text-align:left;}
        .kutuDevamLink{width:inherit; height:30px; margin-top:5px; text-align:right;}
      #divOrtaS1Kolon2{float:left; width:240px; height:220px; overflow:hidden; padding:5px; border-left:0px solid #ccc;}
      #divOrtaS1Kolon3{float:left; width:240px; height:220px; overflow:hidden; padding:5px; border-left:0px solid #ccc;}
      
    #divOrtaSatir2{ width:inherit; height:220px; margin-top:10px; overflow:hidden;}
      #divOrtaS2Kolon1{float:left; width:245px; height:220px; overflow:hidden; padding:5px;}
      #divOrtaS2Kolon2{float:left; width:245px; height:220px; overflow:hidden; padding:5px; padding-top:0px;}
      #divOrtaS2Kolon3{float:left; width:220px; height:220px; overflow:hidden; padding:5px; padding-top:0px;}
        .bizdenHaber{ font-family:"Arial Black";font-size: 21px; font-weight:bolder; color:#42413f; height:30px; line-height:30px; vertical-align:top;}
        #divHaberListe{width:inherit; height:245px; overflow:hidden;}
        .indexHaberListe li{padding:10px 0px; height:80px;}
       	    .haberKunye{width:inherit;}
      	        .haberKunye a.haberBaslik{ font-size:12px; text-decoration:underline; color:#e00; line-height:1.1em;}
                .haberKunye .haberYazi{ width:inherit; line-height:1em; margin-top:5px; color:#333;}  
      	    #divTumHaberler{width:inherit; height:18px; overflow:hidden; text-align:right; margin-top:5px; display:none;}
    /*index orta sonu*/    
  #divAltKapsam{clear:both; width:inherit; height:50px; overflow:hidden; margin-top:5px; border-top:1px solid #ccc;}
    #divAltKapsam a{font-size:11px;font-weight:bold;}
        #divAlt{height:inherit;}

#sayfaLinkIcerik a{ font-size:13px; color:#333;}
#sayfaLinkIcerik span{ font-size:16px; color:#000; font-weight:bolder;}
/*/////////////			ÜST MENÜ			///////////*/
.menuInd{font: 12px Verdana, sans-serif; width:auto; height:35px; line-height: .5;padding:0; margin:0; list-style-type: none; margin-left:0px;}
.menuInd a,.menuInd a:link,.menuInd a:hover,.menuInd a:visited{display:block; width:inherit; font-family: "Helvetica",Verdana,Tahoma,Arial, sans-serif; font-size:13px; letter-spacing:0px; text-decoration: none; font-weight:normal;}
.menuInd a,.menuInd a:link{color:#fff;}

.menuInd ul.ana{float:left; width:100%; height:35px; line-height:35px; z-index:10;}
.menuInd li.ana{float:left; height:35px; line-height:35px; padding-top:0px; width:195px; z-index:1000;}
.menuInd li.ana ul{position:absolute; visibility:hidden; left:0px; top:35px; padding:0px; text-align:left;}
.menuInd a.ana,.menuInd a.ana:link,.menuInd a.ana:hover,.menuInd a.ana:visited{ float:left; height:35px; line-height:35px; border-width:0px; font-weight:bold; text-align:center; margin:auto;}
.menuInd a.ana:hover{position:relative;}
.menuInd li:hover > a.ana{color:#fff;}
.menuInd .sepAna{float: left; width:5px; height:inherit; background-image:url(../images/menuAnaSeperator.png); background-repeat:no-repeat; background-position:center; display:table;}

.menuInd ul.sub{float:left; padding:0; margin:0; width:195px; border:1px solid #aaa; border-top-width:0px;}
.menuInd li.sub{padding:0px; margin:0; width:auto;}
.menuInd li.sub ul{position:absolute; visibility:hidden; left:195px; top:0px; padding:0px; border:1px solid #aaa; border-left-width:0px;}
.menuInd a.sub,.menuInd a.sub:link,.menuInd a.sub:hover,.menuInd a.sub:visited{background-color:#F7FBFD; color:#666; font-size:12px; font-weight:bold; line-height:30px; border-bottom:1px solid #eee; padding:0px 4px 0px 5px}
.menuInd a.sub:hover{position:relative; background-color:#407A9B; color:#fff;}
.menuInd li:hover > a.sub{background-color:#407A9B; color:#fff;}
.menuInd .sepSub{ width:inherit; height:1px; background-color:Green; display:table; display:none; visibility:hidden;}

.menuInd table{position:absolute; top:0px; left:0px; z-index:5; border-collapse:collapse}
.menuInd li:hover{position:relative;}

.menuInd li:hover > ul{visibility:visible}
.menuInd ul a:hover ul ul{visibility:hidden}
.menuInd ul a:hover ul a:hover ul ul{visibility:hidden}
.menuInd ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden}
.menuInd ul a:hover ul{visibility:visible}
.menuInd ul a:hover ul a:hover ul{visibility:visible}
.menuInd ul a:hover ul a:hover ul a:hover ul{visibility:visible}
.menuInd ul a:hover ul a:hover ul a:hover ul a:hover ul{visibility:visible}


/*slider*/
/*--Main Container--*/
#serifikaDiv{margin-right:10px;}
#serifikaDiv .main_view {float: left;position: relative;height:185px; width:320px; overflow:hidden; padding:5px;}
#serifikaDiv .main_view img{border:0;}
/*--Window/Masking Styles--*/
#serifikaDiv .window {height:160px; width:320px; overflow: hidden; position: relative;border:1px solid #ccc;}
#serifikaDiv .image_reel {position: absolute;top: 0; left: 0;}
#serifikaDiv .image_reel a{float:left;width:150px; padding-right:10px;}
#serifikaDiv .image_reel img {float:left; width:150px; margin:auto;}
 
/*--Paging Styles--*/
#serifikaDiv .paging {width: inherit; height:20px; z-index: 100; text-align: center;	line-height: 20px; display: none; margin-top:0px;}
#serifikaDiv .paging a {font: normal 10px Verdana, Arial, Helvetica, sans-serif;	padding:1px 3px; text-decoration: none;color: #666;}
#serifikaDiv .paging a.active {font-weight: bold; background: #eee; border: 1px solid #333;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;}
#serifikaDiv .paging a:hover {font-weight: bold;}

/*sayfa slider*/
#sablonDiv{margin-right:10px;}
#sablonDiv .main_view {float: left;position: relative;height:175px; width:300px; overflow:hidden; padding:5px;}
#sablonDiv .main_view img{border:0;}
/*--Window/Masking Styles--*/
#sablonDiv .window {height:145px; width:289px; overflow: hidden; position: relative;border:1px solid #ccc;}
#sablonDiv .image_reel {position: absolute;top: 0; left: 0;}
#sablonDiv .image_reel a{float:left;}
#sablonDiv .image_reel img {float:left;}
 
/*--Paging Styles--*/
#sablonDiv .paging {width: inherit; height:20px; z-index: 100; text-align: center;	line-height: 20px; display: none; margin-top:0px;}
#sablonDiv .paging a {font: normal 10px Verdana, Arial, Helvetica, sans-serif;	padding:1px 3px; text-decoration: none;color: #666;}
#sablonDiv .paging a.active {font-weight: bold; background: #eee; border: 1px solid #333;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;}
#sablonDiv .paging a:hover {font-weight: bold;}

.slideshow{float: left; height:155px; width:299px; overflow:hidden; padding:5px;}
    .slideshow img{height:145px; width:289px;}
    .clear{clear:both;}
    
    /*özel uyarı*/
.info, .success, .warning, .error, .validation{ border:1px solid; margin:auto; margin-bottom:10px; padding:10px 20px 10px 50px; background-repeat:no-repeat; background-position:10px center; font-weight:bold; text-align:left; width:75%; }
.info{ color:#00529B; background-color:#BDE5F8; background-image:url('../images/message/info.jpg'); }
.success{ color:#4F8A10; background-color:#DFF2BF; background-image:url('../images/message/success.jpg'); }
.warning{ color:#9F6000; background-color:#FEEFB3; background-image:url('../images/message/warning.jpg'); }
.error{ color:#D8000C; background-color:#FFBABA; background-image:url('../images/message/error.jpg'); }