html,body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, header{ 
margin:0;	padding:0; outline: 0; text-decoration:none;  }
article, aside, details, figcaption, figure,footer, header,altbanner,ustbanner,ustbannermenu, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */

nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
#sabitle { z-index:100;}
#close{ position:relative; width:100%; height:0; z-index:9999;}
#ara{ width:100%; height:20px; margin:5px;  padding:auto; clear:both; background: #00CCFF url() repeat-x center top; }
/** px'eli % değeri yapma: Parça Boyut x 100 , Çıkan Tutar /  Toplam Boyut
Örnek : Toplam 1000px' elli bir alan, 
200px x 100px = 20.000px ; 20.000px / 1.000px = 20%
800px x 100px = 80.000px ; 80.000px / 1.000px = 80% **/

.wrapper {max-width: 100%; height:550px; max-height: 550px; overflow: auto;
margin:auto ; padding:auto;text-align:top; background: #FFF url() repeat center top; }

.item { background: #FFF url() repeat center top; border: 0px solid #ccc; height: auto;}
::-webkit-scrollbar { width: 1px; } 
::-webkit-scrollbar-track {  background-color: #fff; border-left: 0px solid #00ccff; }  
::-webkit-scrollbar-thumb { background-color: #0000ff ;}  
::-webkit-scrollbar-thumb:hover { background-color: #216B65; }

@media screen and (max-width:767px) {
.wrapper {max-width:100%; height: 100%; max-height: auto;text-align:top; background: #FFF url() repeat center top;}
.item { background: #FFF url() repeat center top; border: 0px solid #ccc; height: auto;}
::-webkit-scrollbar { width: 0px; }  
::-webkit-scrollbar-track {  background-color: #fff; border-left: 0px solid #ccc; }  
::-webkit-scrollbar-thumb { background-color: #fff;}  
::-webkit-scrollbar-thumb:hover { background-color: #fff; }
} 
	  
/***** üst banner **********************************************************************/
.ustbanner-seritana {
max-width:100%;  height:auto;  min-height:34px;
margin:auto;  padding:auto;
background: #13389D url() repeat-x center top; }

.ustbanner-serit {
max-width:1180px;  height:auto;  min-height:32px;
margin:auto;  padding:auto;  text-align: center; 
background: url() no-repeat left bottom; }

.ustbanner-serit-tel {
float:right; 
max-width:auto; line-height:34px; 
margin:0px 5px 0px 5px ;  padding:0px 0px 0px 18px;
font-family: Arial;	font-size: 12px;	color: #fff;
font-weight: bold;	text-align: right;
background: url(tel3.png) no-repeat left center;
-webkit-transition:  all 0.4s ease-in-out;
-moz-transition:  all 0.4s ease-in-out;
-o-transition:  all 0.4s ease-in-out;
-ms-transition:  all 0.4s ease-in-out;
transition:  all 0.4s ease-in-out;} 

.ustbanner-serit-tel:hover {
color: #000; padding:0px 20px 0px 0px;
background: url(onlinegiris2.png) no-repeat right center;
-webkit-transition:  all 0.4s ease-in-out;
-moz-transition:  all 0.4s ease-in-out;
-o-transition:  all 0.4s ease-in-out;
-ms-transition:  all 0.4s ease-in-out;
transition:  all 0.4s ease-in-out;}

.ustbanner-ana {
max-width:100%;  height:auto;  min-height:120px; 
margin:auto;  padding:auto;
background: url(ustbannerince.png) repeat-x center top; }

.ustbanner {
max-width:1200px;  height:auto;  min-height:100px;
margin:auto;  padding:auto;  text-align: center; 
background: url() no-repeat center left; }

.ustbanner-logo {
max-width:300px; min-width:22%;  min-height:110px; 
display: inline-block; text-align: center; vertical-align:text-top;
margin:0px 25px 0px 5px;  padding:auto; 
background: url() repeat-x center top;  }

.ustbanner-menu {
max-width:850px;  min-width:71%;  min-height:40px; 
display: inline-block; text-align: center; vertical-align:text-top;
margin:auto 5px auto 5px;  padding:auto; padding-top:0px;
background: url() repeat-x center top;}

@media screen and (max-width:480px) {
.ustbanner-seritana { min-height:30px;}
.ustbanner-ana { min-height:20px;}
.ustbanner { min-height:20px;}
.ustbanner-logo { min-width:25%;  min-height:50px;  }
.ustbanner-menu { width:100%;  margin:0px;  min-height:10px; }
}

/***** slayt **********************************************************************/
.slayt-ana {
max-width:1200px;
margin:auto;  padding:auto; margin-bottom:1px ;
background: url() no-repeat center bottom; }

.golge-slayt {
z-index:1; width:100%;  position:absolute; display: block; 
height:auto; 
margin:auto;  padding:auto;
}




@media screen and (max-width:480px) {
.slayt-ana { margin:0px; padding:auto; }
.golge-slayt { width:100%; height:auto;}
}

/***** ortabanner **********************************************************************/
.ortabanner-ana {
max-width:100%;  height:auto;  min-height:10px;
margin:auto;  padding:auto;
background: #ffffff url() no-repeat center top;}

.ortabanner-ana2 {
max-width:100%;  height:auto;  min-height:100px; 
margin:auto;  padding:auto;
background-image: -moz-radial-gradient(circle farthest-side, #fff, #ccc, #D4D4D4); /* FF3.6+ */
background-image: -webkit-gradient(radial, center center, 0, center center, 95, from(#ccc), color-stop(50%, #fff), to(#D4D4D4)); /* Chrome,Safari4+ */
background-image: -webkit-gradient(radial, center center, 0, center center, 100, from(#fff), to(#ccc)); /* Chrome,Safari4+ */
background-image: radial-gradient(circle farthest-side, #BCBCBC, #d5d5d5, #fff); /* W3C */
border-bottom: 0px solid #ccc; }

.ortabanner-ana3 {
max-width:100%;  height:auto;  min-height:100px; 
margin:auto;  padding:auto;
background-image: -moz-radial-gradient(circle farthest-side, #FFF, #D5D5D5, #FFF); /* FF3.6+ */
background-image: -webkit-gradient(radial, center center, 0, center center, 95, from(#D5D5D5), color-stop(50%, #fff), to(#FFF)); /* Chrome,Safari4+ */
background-image: -webkit-gradient(radial, center center, 0, center center, 100, from(#fff), to(#D5D5D5)); /* Chrome,Safari4+ */
background-image: radial-gradient(circle farthest-side, #CCC, #CCC, #FFF); /* W3C */
border-bottom: 0px solid #fff; 
background: url(back2.jpg) repeat-x center top;}

.ortabanner-ana4 {
max-width:100%;  height:auto;  min-height:50px; 
margin:auto;  padding:auto;
background-image: -moz-radial-gradient(circle farthest-side, #13389D, #A8B2CC, #C8D3F3); /* FF3.6+ */
background-image: -webkit-gradient(radial, center center, 0, center center, 95, from(#A8B2CC), color-stop(50%, #13389D), to(#C8D3F3)); /* Chrome,Safari4+ */
background-image: -webkit-gradient(radial, center center, 0, center center, 100, from(#13389D), to(#A8B2CC)); /* Chrome,Safari4+ */
background-image: radial-gradient(circle farthest-side, #CCC, #CCC, #FFF); /* W3C */ 

background: url(back.jpg) repeat-x center top;}

.ortabannermesaj-ana {
max-width:100%;  height:auto;  min-height:100px;
margin:auto;  padding:auto;
background: url(golge-slayt2.png) no-repeat center top; }

.ortabannermesaj {
max-width:1220px; text-align: center; min-height:50px; height:auto;
margin:auto; margin-bottom:40px;padding:auto; padding-top:30px;
padding-bottom:30px; 
background:  url(altserit.png) repeat-x center bottom; } 

.ortabannermesaj-sol {
max-width:700px;  height:auto;  min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;
margin:20px 30px 10px 5px ;  padding:auto; padding-bottom:10px; 
background:  url() repeat-x center bottom; }

.ortabannermesaj-sag {
max-width:460px;  height:auto;  min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;
margin:20px 5px 10px 10px ;  padding:auto; padding-bottom:10px; 
background:  url() repeat-x center bottom; }

.ortabanner1 {
max-width:1180px; text-align: center; min-height:50px; height:auto;
margin:auto; padding:auto; padding-bottom:60px; margin-top:30px;margin-bottom:40px;
background:  url() repeat-x center bottom; }

.ortabanner2 {
max-width:1280px; text-align: center; min-height:50px;
margin:auto; padding:auto;  margin-top:10px; margin-bottom:30px;
background:  url() repeat center top; }

.ortabanner-detay {
max-width:1200px; text-align: center; min-height:50px;
margin:auto; padding:auto;  margin-top:30px; margin-bottom:30px;
background:  url() repeat center top; }

.ortabanner-hizmet {
max-width:1280px; text-align: center; min-height:50px;
margin:auto; padding:auto;  margin-top:10px;margin-bottom:1px; padding-bottom:30px;
background:  url() repeat center top; }

.ortabanner3 {
max-width:1250px; text-align: center; min-height:50px;
margin:auto; padding:auto;  margin-top:10px; padding-bottom:20px;
background:  url() repeat center top; }

@media screen and (max-width:480px) {
.ortabanner1 { margin:10px 10px 10px 10px; }
.ortabanner2 { margin:10px 5px 10px 5px;  }
.ortabanner3 { margin-top:0px;  }
.ortabanner-detay { margin:10px 5px 10px 5px;  }
.ortabannermesaj { margin:10px ;  margin-top:3px ;padding-top:10px; }
.ortabannermesaj-orta { margin:5px; }
.ortabannermesaj-sol {margin:5px ; }
.ortabannermesaj-sag {margin:5px;   }
}

/***** altbanner **********************************************************************/
.altbanner-ana {
max-width:100%;  height:auto;  min-height:152px;
margin:auto;  padding:auto;
background:  url(altbannerince.png) repeat-x center top; }

.altbanner{
max-width:1200px;  height:auto;  min-height:100px;
margin:auto;  padding:auto; padding-top:25px; text-align: center; 
background: url() no-repeat center top;}

.altbanner-media{
max-width:auto;  height:auto;  min-height:26px;
text-align: center; vertical-align:text-top;
display: inline-block; margin:0px 5px 10px 5px ;  padding:auto; }

.altbanner-yazi{
max-width:auto;  height:auto;  min-height:12px;
vertical-align:text-top;
display: inline-block; margin:0px 5px 5px 5px ;  padding:auto; 
font-family: Arial;font-size: 12px;	font-weight: normal;	color: #FFF;	text-align: center; 
background: url() repeat-x center top;}

.altbanner-sayac{
max-width:auto;  height:auto;  min-height:12px;
vertical-align:text-top;
display: inline-block; margin:0px 5px 0px 5px ;  padding:auto; 
font-family: Arial;font-size: 10px;	font-weight: normal;	color: #FFF;	text-align: center; 
background: url() repeat-x center top;}

.altbanner-web{
max-width:auto;  height:auto; min-height:28px;
text-align: center; vertical-align:text-top;
display: inline-block;  margin:0px 5px 20px 5px;   padding:auto;
background: url() repeat-x center top;  }

.altbanner-link {
max-width:auto;  height:auto;  min-height:14px;
text-align: center; vertical-align:text-top;
display: inline-block; margin:2px 5px 0px 5px ;  padding:auto; 
font-family: Arial;font-size: 10px;	font-weight: normal;	color: #005AE1 ;}	
.altbanner-link:hover {
color: #fff;}


@media screen and (max-width:480px) {
.altbanner-yazi{ font-size: 11px }
}
  
/*** şerit back ***************************************************/
.seritbanner-ana1 {
max-width:100%;  height:auto;  min-height:20px; margin-bottom:5px ;
margin:auto;  padding:auto;
background: #5B93A4 url() no-repeat center top; }

.seritbanner1 {
max-width:1200px;  height:auto;  min-height:20px;
margin:auto;  padding:15px 0px 15px 0px;  text-align: center; 
background: url() no-repeat center left; }

.seritbanner-ana2 {
max-width:100%;  height:auto;  min-height:20px; margin-bottom:5px ;
margin:auto;  padding:auto;
background: #004F69 url() no-repeat center top; }

.seritbanner2 {
max-width:1230px;  height:auto;  min-height:10px;
margin:auto;  padding:15px 0px 15px 0px;  text-align: center; 
background: url() no-repeat center left; }

.serityazibanner-ana {
max-width:100%; text-align: center; min-height:50px;
margin:auto; padding:auto;
background:  url() repeat center top; }

.serityazibanner {
max-width:510px; text-align: center; height:75px;
margin:auto; padding:auto; padding-top:5px;
font-family: Arial;font-size: 22px;	font-weight: bold;	color: #000;	
background:  url(yazibanner.png) no-repeat center top; }

.seritbanner-sol {
max-width:800px;  min-width:67%;  
display: inline-block; text-align: center; vertical-align:text-top;
margin:0px 5px 0px 5px;  padding:auto; 
background: url() repeat-x center top;}

.seritbanner-sol2 {
max-width:1180px;  min-width:96%;  
display: inline-block; text-align: center; vertical-align:text-top;
margin:0px 5px 0px 5px;  padding:auto; 
background: url() repeat-x center top;}

.seritbanner-sag {
max-width:370px; min-width:31%;  
display: inline-block; text-align: center; vertical-align:text-top;
margin:0px 5px 0px 5px;  padding:auto; 
background: url() repeat-x center top;  }

.serit-font1 { 
margin-bottom: 6px;
font-family: arial,sans-serif;	font-size: 25px;	color: #fff;
font-weight: bold;	text-align: left; }

.serit-font2 { 
font-family: Arial;	font-size: 16px;	color: #BFDEE8;
font-weight: normal;	text-align: left; }

.serit-font3 { 
margin-bottom: 6px;
font-family: arial;	font-size: 25px;	color: #fff;
font-weight: bold;	text-align: right; }

.serit-telana {
max-width:auto;  height:auto; float:right; 
display: inline-block; text-align: right; vertical-align:text-top;	
margin:auto ;padding: auto;} 

.serit-tel {
max-width:auto;  height:auto; 
vertical-align:text-top; display: inline-block; 
margin:0px 0px 0px 10px ;  padding:0px 0px 0px 22px;
font-family: Arial;	font-size: 16px;	color: #fff;
font-weight: bold;	text-align: right;
background: url(tel.png) no-repeat left center;} 

.serit-tel:hover {
color: #AAFF00; 
background: url(tel2.png) no-repeat left center;}

@media screen and (max-width:480px) {
.serit-font1 {font-size: 16px;	text-align: center; margin-bottom: 5px;}
.serit-font2 { font-size: 13px; text-align: center;  margin-bottom: 0px;}
.serit-sagback1 { margin:5px ;  padding:auto; }
.serit-font3 {font-size: 20px;	text-align: center; margin-bottom: 5px;}
.serit-telana {text-align: center; float:none;} 
.serit-tel { margin:0px 3px 5px 3px ;  font-size: 13px;
padding-right:0px 0px 0px 18px; background: url(tel3.png) no-repeat left center; } 
.serit-tel:hover { background: url(tel4.png) no-repeat left center;}
.serityazibanner {font-size: 15px;background:  url(yazibanner2.png) no-repeat center top; }


}

/*** back alan ***************************************************/
.back-sol1 {
max-width:745px;  min-width:60%; height:auto;  min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;
margin:25px 50px 10px 5px ;  padding:auto;  }

.back-sag1 {
max-width:370px;   height:auto; min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;	
margin:25px 5px 10px 5px ;   padding:auto;  }

.back-sol2 {
max-width:360px;  height:auto; min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;	
margin:5px 50px 10px 5px ;   padding:auto;  }

.back-sag2 {
max-width:750px;  min-width:61%;height:auto;  min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;
margin:0px 5px 10px 5px ;  padding:auto;  }

.back-sol3 {
max-width:350px;  min-width:29%; min-height:100px; border: 0px solid #ccc; border-radius:0px;
text-align: center; vertical-align:text-top;
display: inline-block; margin:5px;  padding:auto; 
background: url() repeat-x center top;}

.back-sol4 {
max-width:780px;  height:auto;  min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;
margin:5px 50px 10px 5px ;  padding:auto; 
background:  url() repeat-x center bottom;
}

.back-sag4 {
max-width:300px;  min-width:28%;  height:auto; min-height:50px; 
display: inline-block; text-align: center; vertical-align:text-top;	
margin:5px 5px 10px 5px ;   padding:auto;  }

.back-orta1 {
max-width:380px;  min-height:50px; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:5px 30px 5px 30px;  padding:auto; padding-bottom:30px;
background: url(golge1.png) no-repeat center bottom;  }

.back-orta2 {
margin:auto;  padding:auto; 
border: 10px solid #FFF; border-radius:4px;
}

.back-sag3 {
max-width:350px;  min-width:29%; min-height:100px; border: 0px solid #ccc; border-radius:0px;
text-align: center; vertical-align:text-top;
display: inline-block; margin:5px;  padding:auto; }

.back1 {
max-width:220px;  height:auto; 
display: inline-block; text-align: center; vertical-align:text-top;	
margin:5px 0px 0px 5px ;   padding:auto; 
background: url() no-repeat center bottom;  }

.back2 {
max-width:100%;  height:auto;
margin:auto ;  padding:10px 15px 40px 15px; 
background: url(ustmenuince.png) repeat-x center bottom;

display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative; } 



.back2:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;}

.back2:hover:before, .back2:focus:before, .back2:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;}

.back3 {
max-width:100%;  height:auto; min-height:60px;
margin:auto ;margin-bottom:10px;   padding:8px; border-radius:4px;
border-bottom: 1px solid #999; border-right: 1px solid #9E9E9E;
background: #FFF url() no-repeat center bottom;  } 

.back3:hover {
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out; 
border-bottom: 1px solid #00ffff;border-right: 1px solid #00ffff;
background: #00cccc url() no-repeat center center;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */}

.back3-yazi-ana {
max-width:217px; min-width:60%;height:auto; min-height:20px;
text-align: center; vertical-align:text-top;display: inline-block; 
margin:0px;  padding:auto; padding-bottom:0px;
border-bottom: 0px solid #1AAFB4;}

.back4 {
max-width:290px;  height:auto; 
display: inline-block; text-align: center; vertical-align:text-top;	
margin:5px 5px 20px 5px ;   padding:auto; padding-bottom:24px;
background: url(golge2.png) no-repeat center bottom;  }

.back5 {
max-width:100%;  height:auto;
margin:auto ;  padding:12px 15px 40px 15px; 
border-radius:20px 20px 0px 0px;
border: 1px solid #B6EFF6; border-bottom: 1px solid #ccc; 
background: url(ustmenuince.png) repeat-x center bottom;
}

.back-logo {
max-width:76px;  height:auto; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:10px auto 20px auto ;  padding:8px; border: 1px solid #B6EFF6; border-radius:100px ;}

.logo-back2 {
max-width:120px;  min-width:34%;height:auto; 
text-align: center; vertical-align:text-top;display: inline-block; 
margin:0px 10px 0px 0px;   padding:auto; padding-bottom:0px;
border-bottom: 0px solid #1AAFB4; }


@media screen and (max-width:480px) {
.back-sol1 { margin:5px;  padding:auto; }
.back-sag1 { margin:5px ;  padding:auto; }
.back-sol2 { margin:5px;  padding:auto; }
.back-sag2 { margin:5px ;  padding:auto; }
.back-sag4 { margin:5px ;  }
.back-sol4 { margin:5px ;  }
.back1 { margin:5px 0px 5px 0px ;  max-width:320px; }
.back3 {margin-bottom:10px;  }
.back4 { margin:5px 5px 5px 5px ;   }

.logo-back2 { max-width:100%;margin:auto; margin-bottom:5px;  padding:auto; }
.back3-yazi-ana { min-height:20px; margin:5px;  padding:auto; padding-bottom:10px; border-bottom: 0px solid #82C300;}
.back-orta1 { margin:5px 15px 5px 5px; background: url(golge2.png) no-repeat center bottom;  padding-bottom:25px;}
.back-orta2 {border: 5px solid #fff; }


}

/*** resim ***************************************************/
.uzun-resim {
max-width:100%; width:100%;height:auto; 
margin:auto; padding:auto ; }

.resim-back1 {
float:left; 
max-width:600px;  height:auto;
margin:auto ;  padding:auto;  }

.resim-back2 {
max-width: 360px;	height: auto;
margin: auto;	padding: auto;
background-position: center center;}

.resim-back3 {
max-width:172px;  height:auto; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:15px 6px 0px 0px ;  padding:auto; }

.resim-back4 {
max-width: 172px;	height: auto;
margin: auto;	padding: auto;border-radius:4px;
background-position: center center;
background: #007CA5 url() no-repeat center center;}

.resim-back4:hover {
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out; 
background: #00ccff url() no-repeat center center;}

.resim-back5 {
max-width:280px;  height:auto; 
display: inline-block; text-align: center; vertical-align:text-top;	
margin:10px 10px 0px 10px ;   padding:auto;  }

.resim-back6 {
max-width:260px;  height:auto; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:auto;  padding:auto;
background: #ffffff;	border: 10px solid #fff; border-radius:0px; 
 }

.resim-back7 {
max-width:220px;  height:auto; border: 1px solid #B6EFF6; 
margin:auto ;   padding:6px;  }

.resim-kenar1{ border-radius:4px; }
.golge1 {
max-width:370px;  height:auto; 
margin:auto;  padding:auto;}

.golge2 {
max-width:260px;  height:25px; 
margin:auto;  padding:auto;background: url(golge2.png) no-repeat center center;}

.golge3 {
z-index:1; width:100%;  position:absolute; 
height:auto; margin:auto;  padding:auto;
}
.resim-back-reklam {
max-width: 360px;	height: auto;
margin: auto;	padding: auto;
background-position: center center;}

@media screen and (max-width:480px) {
.uzun-resim {max-width:100%; min-height:80px; margin:auto; }
.resim-back3 {max-width:auto;  margin:3px; margin-left:0px; padding:auto; }
.resim-back4 {max-width: 130px;	border-radius:4px;}
.resim-back5 {  margin:5px 5px 0px 5px ;   }
.resim-back7 {max-width:320px;  }

}


/*** Galeri ***************************************************/
.galeri {
max-width:1250px; text-align: center; min-height:50px;
margin:auto; padding:auto;  margin-top:30px; margin-bottom:30px;
background:  url() repeat center top; }

.galeri-resim-back {
max-width:280px;  height:auto; 
display: inline-block; text-align: center; vertical-align:text-top;	
margin:10px 10px 20px 10px ;   padding:auto;  }

.galeri-resim-back2 {
max-width:270px;  height:auto; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:auto;  padding:auto;
background: #ffffff;	border: 0px solid #fff; border-radius:0px; 
 }

.galeriback2 {
max-width:270px;  height:auto; text-align: center; vertical-align:text-top;	
display: inline-block; margin: 12px; margin-bottom: 20px;}

.galeriback3 {
max-width:270px;  height:auto; margin:auto;
border: 0px solid #EAEAEA;
 
background: #ffffff;	border: 10px solid #fff; border-radius:0px;
-webkit-box-shadow: 0 0 10px 3px #cccccc ;
-moz-box-shadow: 0 0 10px 3px #cccccc;
box-shadow: 0 0 10px 3px #cccccc ;

-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;}

.galeriback3:hover{ 
-webkit-filter: grayscale(100%); 
-webkit-transform: scale(1.1); 
-moz-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1); 
  
border-radius: 0px;
border: 10px solid #fff;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */

-webkit-box-shadow: 0 0 0px 0px #cccccc ;
-moz-box-shadow: 0 0 0px 0px #cccccc;
box-shadow: 0 0 0px 0px #cccccc ;}

.galeribaslik-back {
height:auto; padding:14px 10px 14px 10px; margin:auto; margin-top:5px;
font-family: Arial;font-size: 12px;color: #fff;	
text-align: center; text-decoration: none;	font-weight: bold;
background: #0088FF url() no-repeat center right; border-radius:0px 0px 10px 10px;}


.galeri-serit-ana {
max-width:100%;  height:auto;  min-height:20px; margin-bottom:5px ;
margin:auto;  padding:auto;
background: #099 url() no-repeat center top; }

.galeri-serit {
max-width:1200px;  height:auto;  min-height:20px;
margin:auto;  padding:15px 0px 15px 0px;  text-align: center; 
background: url() no-repeat center left; }

.galerikenar1{ border-radius:5px 5px 0px 0px; }
.galerikenar1:hover{ border-radius:5px 5px 5px 5px; }

.galerizom {
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out;}

.galerizom:hover{ 
border-radius:5px;
-webkit-filter: grayscale(100%); 
-webkit-transform: scale(1.2); 
-moz-transform: scale(1.2); 
-o-transform: scale(1.2); 
transform: scale(1.2); 


}


@media screen and (max-width:480px) {
.galeriback2 {margin: 8px; margin-bottom: 15px;}
.galeri-resim-back {  margin:5px 5px 0px 5px ;   }
}

/*** kurumsal back ***************************************************/
.kurumsal {
max-width:1180px; text-align: center; min-height:50px;
margin:auto; padding:auto;  margin-top:30px; margin-bottom:30px;
background:  url() repeat center top; }

.kurumsal-resim-back1 {
float:left; 
max-width:600px;  height:auto; 
margin:auto ;  padding:auto; }

.kurumsal-yaziback {
width: auto;	height: auto;
margin: auto;	margin-top:15px; padding: auto;
background-position: center center;}

.kurumsal-serit-ana {
max-width:100%;  height:auto;  min-height:20px; margin-bottom:5px ;
margin:auto;  padding:auto;
background: #000069 url() no-repeat center top; }

.kurumsal-serit {
max-width:1190px;  height:auto;  min-height:20px;
margin:auto;  padding:15px 0px 15px 0px;  text-align: center; 
background: url() no-repeat center left; }

@media screen and (max-width:480px) {
.kurumsal { margin:10px; }

}

/*** iletisim back ***************************************************/
.iletisim {
max-width:1200px; text-align: center; min-height:50px;
margin:auto; padding:auto;  margin-top:30px; margin-bottom:30px;
background:  url() repeat center top; }

.iletisimback-sol {
max-width:340px;  min-width:28%; min-height:100px; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:5px;  padding:auto; 
background: url() repeat-x center top;}

.iletisimback-orta {
max-width:420px;  min-width:35%; min-height:100px; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:5px 30px 5px 30px;  padding:auto; 
background: #ffffff;	border: 0px solid #fff; border-radius:0px;}

.iletisimback-sag {
max-width:340px;  min-width:28%; min-height:100px; 
text-align: center; vertical-align:text-top;
display: inline-block; margin:5px;  padding:auto; }

.iletisim-serit-ana {
max-width:100%;  height:auto;  min-height:20px; margin-bottom:5px ;
margin:auto;  padding:auto;
background: #066 url() no-repeat center top; }

.iletisim-serit {
max-width:1200px;  height:auto;  min-height:20px;
margin:auto;  padding:15px 0px 15px 0px;  text-align: center; 
background: url() no-repeat center left; }

.iletisim-yaziback {
width: auto;	height: auto;
margin: auto;	padding: auto;
background-position: center center;}

.iletisim-font1 { 
margin-bottom: 15px;
font-family: Arial;	font-size: 15px;	color: #fff;
font-weight: bold;	text-align: left;
padding:15px 10px 14px 20px; border-radius:4px 4px 0px 0px;
background:  #004F69 url(logo4.png) no-repeat right center; }

.iletisim-font2 { 
margin-bottom: 10px;
font-family: Arial;	font-size: 14px;	color: #2D3740;
font-weight: normal;	text-align: left; }

.iletisim-font3 { 
margin-bottom: 15px;
font-family: Arial;	font-size: 15px;	color: #fff;
font-weight: bold;	text-align: left;
padding:15px 10px 14px 20px; border-radius:4px 4px 0px 0px;
background:  #2A7F99 url(logo6.png) no-repeat right center; }

.iletisim-kayiteklendi { 
font-family: Arial;	font-size: 13px; color: #00ccff;
font-weight: bold;	text-align: left;
padding:10px 10px 10px 28px; border-radius:0px;
background: url(logo3.png) no-repeat left center; }

.iletisim-ara {
width:5px;  height:auto; 
text-align: center; vertical-align:text-top;
display: inline-block; 
margin:auto 10px 10px 10px;  padding:auto;   padding:auto; }

@media screen and (max-width:480px) {
.iletisim { margin-top:10px; }
.iletisimback-sol {margin:10px; margin-bottom:15px;  }
.iletisimback-orta {margin:10px;margin-bottom:15px;}
.iletisimback-sag { min-width:90%; }

.iletisim-font1 { margin-bottom: 8px; }
}

/* Google Harita Kodu  ----------------------------------------------------------------------------------------------------*/

.wrapper {
margin: 0 auto;  width: auto; }
.cf {  zoom: 1;}

#map-holder {
margin-bottom: 0px;  padding: 4px;
border: 5px solid #e8e8e8; }
#map-holder #map_canvas {
width: 100%;
height: 200px;}

#map-holder #map-content {
padding: 0px;
border: 0px solid #ccc;
}

/*** font ***************************************************/
.font1 { 
margin-bottom: 20px;
font-family: arial;	font-size: 25px;	color: #141414;
font-weight: bold;	text-align: left; }

.font2 { 
font-family: Arial;	font-size: 16px;	color: #000;
font-weight: normal;	text-align: justify; }

.font3 { 
margin-bottom: 4px;
font-family: arial;	font-size: 20px;	color: #141414;
font-weight: bold;	text-align: left; }

.font4 { 
font-family: Arial;	font-size: 15px;	color: #000;
font-weight: normal;	text-align: justify; }

.font5 { 
margin-bottom: 8px;
font-family: arial;	font-size: 18px;	color: #004F69;
font-weight: bold;	text-align: center; }

.font6 { 
margin-bottom: 2px;display: block;
font-family: arial;	font-size: 15px;	color: #13389D;
font-weight: bold;	text-align: left; }

.font6:hover{ 
color: #000;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }

.font7 { 
font-family: Arial;	font-size: 12px;	color: #A50000;
display: block;
font-weight: bold;	text-align: justify; }

.font7:hover{ 
color: #ff0000;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }

.font8 { 
font-family: Arial;	font-size: 15px;	color: #000;
font-weight: normal;	text-align: center; }

.font9 { 
margin-bottom: 14px;margin-left: 8px;
font-family: arial;	font-size: 28px;	color: #141414;
font-weight: bold;	text-align: left; }

@media screen and (max-width:480px) {
.font1 {font-size: 18px;	text-align: center; margin-bottom: 5px;}
.font2 { font-size: 13px; margin-bottom: 5px;}
.font3 {font-size: 15px;	text-align: center; margin-bottom: 5px;}
.font4 { font-size: 13px; margin-bottom: 5px;}
.font5 { font-size: 13px; margin-bottom: 5px;}
.font6 { font-size: 14px; margin-bottom: 8px; text-align: center;}
.font7 { font-size: 11px; text-align: center;}
.font9 {font-size: 16px;	text-align: center; margin-bottom: 5px;}
}

/*** link ***************************************************/
.link1-back {
margin-top: 0px;margin-top: 20px;  }	

.link1-baslik {
line-height: 20px; display: block;
padding:0px ; margin:0px 0px 10px 0px;
font-family: Arial; font-size: 20px; color: #000; 
font-weight:bold; text-align: left;}

.link1 {
display: block; 
line-height: 26px; width:auto; 	
padding:5px 0px 5px 25px; margin:auto; 
font-family: Arial;font-size: 14px;color: #000;	
text-align: left;text-decoration: none;	font-weight: normal;
background: url(logo3.png) no-repeat center left; border-bottom: 1px solid #C3D0F2;

-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;}	

.link1:hover {
font-size: 14px; color: #fff;
background: #13389D url(down3.png) no-repeat center right; border-bottom: 1px solid #13389D;
padding:5px 10px 5px 15px; margin:auto; border-radius:1px;

-webkit-transition:  all 0.4s ease-in-out;
-moz-transition:  all 0.4s ease-in-out;
-o-transition:  all 0.4s ease-in-out;
-ms-transition:  all 0.4s ease-in-out;
transition:  all 0.4s ease-in-out;}

.link2-back {
margin-top: 25px; }	

.link2-baslik {
line-height: 20px; display: block;
padding:0px ; margin:0px 0px 10px 0px;
font-family: Arial; font-size: 20px; color: #000; 
font-weight:bold; text-align: left;}

.link2 {
display: block; 
line-height: 26px; width:auto; 	
padding:5px 0px 5px 25px; margin:auto; 
font-family: Arial;font-size: 14px;color: #000;	
text-align: left;text-decoration: none;	font-weight: normal;
background: url(logo3.png) no-repeat center left; border-bottom: 1px solid #C3D0F2;

-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;}

.link2:hover {
font-size: 14px; color: #fff;
background: #13389D url(down3.png) no-repeat center right; border-bottom: 1px solid #13389D;
padding:5px 10px 5px 15px; margin:auto; border-radius:1px;

-webkit-transition:  all 0.4s ease-in-out;
-moz-transition:  all 0.4s ease-in-out;
-o-transition:  all 0.4s ease-in-out;
-ms-transition:  all 0.4s ease-in-out;
transition:  all 0.4s ease-in-out;}

.link3 {
display: block; 
line-height: 18px; width:auto; 	
padding:4px 5px 4px 20px; margin:auto; 
font-family: Arial;font-size: 12px;color: #000;	
text-align: left;text-decoration: none;	font-weight: normal;
background: url(logo7.png) no-repeat center left; border-bottom: 0px solid #C4F2F4;

-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;}	

.link3:hover {
color: #fff;
background: #13389D url(down4.png) no-repeat center right; border-bottom: 0px solid #00ccff;
padding:4px 5px 4px 10px; margin:auto; border-radius:2px;

-webkit-transition:  all 0.4s ease-in-out;
-moz-transition:  all 0.4s ease-in-out;
-o-transition:  all 0.4s ease-in-out;
-ms-transition:  all 0.4s ease-in-out;
transition:  all 0.4s ease-in-out;}


.detay-link1 {
max-width:auto;  height:auto; line-height: 30px; 
display: block; 
margin:15px 0px 10px 0px;  padding:5px 15px 4px 25px ; 
border-radius:2px;
font-family: Arial;font-size: 12px;color: #fff;
text-align: left; text-decoration: none;	font-weight: bold;
background: #13389D url(ok2.png) no-repeat center center; }	

.detay-link1:hover {
font-size: 12px; color: #fff; border-radius:2px;
padding:5px 15px 4px 28px ;  
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out; 
background: #000 url(ok2.png) no-repeat right center;}

.detay-link2 {
max-width:auto;  height:auto; line-height: 18px; 
display: block; border-radius: 0px  0px 4px 4px; 
margin:10px 0px 0px 0px;  padding:10px 15px 10px 15px ; 
font-family: Arial;font-size: 12px;color: #fff;
text-align: center; text-decoration: none;	font-weight: bold;
background: #0096E1 url() no-repeat center center; }	

.detay-link2:hover {
font-size: 12px; color: #fff;
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out; 
background: #004EC3 url() no-repeat right center;}

@media screen and (max-width:480px) {
.link1{font-size: 13px; color: #000000; line-height: 20px;}
.link1:hover{font-size: 13px; color: #fff;
background: #cc0000 url() no-repeat center left; border-bottom: 1px solid #c40000;
padding:5px 0px 5px 10px; margin:auto;border-radius:4px; }
.link2{font-size: 13px; color: #000; line-height: 20px;}
.link2:hover{font-size: 13px; color: #fff;
background: #cC0000 url() no-repeat center left; border-bottom: 1px solid #c40000;
padding:5px 0px 5px 10px; margin:auto;border-radius:4px; }
.link3 {
display: block; 
line-height: 22px; width:130px; 	
padding:5px; margin:auto; 
font-family: Arial;font-size: 12px;color: #fff;	
text-align: center;text-decoration: none;	font-weight: normal;border-radius:4px;
background: #141414 url() no-repeat center right; border-bottom: 0px solid #00ccff; }	

.link3:hover {
padding:5px;background: #cc0000 url() no-repeat center right; }
.detay-link1{ margin:10px 0px 1px 0px;  padding:5px 55px 2px 25px ; 
background: #FF0000 url() no-repeat center center; }
.detay-link2{ margin:10px 0px 1px 0px;  padding:5px 55px 2px 25px ; 
background: #00A9E1 url() no-repeat center center; }
}


/** sosyal medya linkler ***************************************************************************************/
.vatsap {
width:26px;  height:26px; line-height:26px; margin:auto;  padding:auto;
text-align: center; vertical-align:text-top;
display: inline-block; 

background: url(whatsap1.png) no-repeat center center; 
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }	

.vatsap:hover {
background: url(whatsap2.png) no-repeat center center;
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out; }	

.face {
width:26px;  height:26px; line-height:26px; margin:auto;  padding:auto;
text-align: center; vertical-align:text-top;
display: inline-block; 

background: url(face1.png) no-repeat center center; 
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }	

.face:hover {
background: url(face2.png) no-repeat center center;
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out; }	

.twet {
width:26px;  height:26px; line-height:26px; margin:auto;  padding:auto;
text-align: center; vertical-align:text-top;
display: inline-block; 
	
background: url(twet1.png) no-repeat center center; 
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }	

.twet:hover {
background: url(twet2.png) no-repeat center center;
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out; }	

.admin {
width:26px;  height:26px; line-height:26px; margin:auto;  padding:auto;
text-align: center; vertical-align:text-top;
display: inline-block; 
	
background: url(panel1.png) no-repeat center center; 
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }	

.admin:hover {
background: url(panel2.png) no-repeat center center;
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out; }

.panel {
width:26px;  height:26px; line-height:26px; margin:auto;  padding:auto;
text-align: center; vertical-align:text-top;
display: inline-block; 
	
background: url(panel1.png) no-repeat center left; 
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }	

.panel:hover {
background: url(panel2.png) no-repeat center center;
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out; }

.ayweb {
width:150px;  height:28px; line-height:28px; margin:auto;  padding:auto;
text-align: center; vertical-align:text-top;
display: inline-block;
	
background: url(ayweb1.png) no-repeat center center; 
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }	

.ayweb:hover {
background: url(ayweb2.png) no-repeat center center;
-webkit-transition:  all 0.5s ease-in-out;
-moz-transition:  all 0.5s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
-ms-transition:  all 0.5s ease-in-out;
transition:  all 0.5s ease-in-out; } 


@media all and (min-width:640px) and (max-width:720px){
}
@media all and (min-width:480px) and (max-width:639px){	
.post-content{
width:84%;
}
}
@media all and (min-width:320px) and (max-width:479px){
.post-content{
width:72%;
}
}
@media all and (min-width:220px) and (max-width:319px){

.content{
padding:0px;	}
.post-content{
width:68%;	}
}