/* FOR SITEWIDE */
@media screen {
  html{height:100%;margin-bottom: 1px;overflow: -moz-scrollbars-vertical;}
  body {
    height:100%;
    margin:0px;
    background: url('/img/fon.jpg') repeat-x top;
    background-color: #CCC;
    font-family: 'Lucida Sans Unicode',Helvetica,Arial,Tahoma;
  }
  #hTribal{
    position: absolute;
    z-index:0;
    width:100%;
    height:100%;
    background: url('/img/fon_tribal.jpg') no-repeat top;
    display: inline-table;
  }
  #hBody{
    width:940px;
    margin:auto;
    margin-top:18px;
    padding-bottom:18px;
  }
}
@media all {
  a {text-decoration: none;}
  #Logo{
    width:256px;
    height:106px;
    margin-bottom:4px;
    float:left
  }
  #hBranchIcons{
    float:right;
    margin-top:4px;
  }
  #hBranchIcons img {
    padding:5px 2px 5px 2px;
    cursor:pointer
  }
  #hBranchIcons img.over{
    opacity:1;
  }
  #hBranchIcons img.out{
    opacity:0.2;
  }
  #lang {
    font-size:11px;
    float:right;
    padding:1px 3px 3px 3px;
    margin-top:-10px;
    background-color: #127398;
    color:#FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
  }
  /* MENU */
  #Menu{
    clear: left;
    padding-top:20px;
  }
  #Menu li{
    float:left;
    font-size:12px;
    margin-right:4px;
    padding:0px 6px 3px 6px;
    border:2px solid transparent
  }
  #Menu li.over{
    background-color: #E0E0E0;
    border:2px solid #F0F0F0;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background: -webkit-gradient(linear, center top, center bottom, from(#E0E0E0), color-stop(0.1, #E0E0E0), to(#F0F0F0));
    /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#E0E0E0',EndColorStr='#F0F0F0');*/
    -webkit-box-shadow: 1px 1px 2px #999;
  }
  #Menu a{
    color:#000;
  }
  #Menu li#M1{
    padding-left:0px
  }
  #Menu li#M12{
    float:right;
    margin:0px;
    padding-right: 0px;
  }
  #Menu li div{
    position:absolute;
    padding:10px 6px 10px 6px;
    margin:3px 0px 0px -8px;
    background-color: #E0E0E0;
    background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0), color-stop(0.1, #F0F0F0), to(#E0E0E0));
    /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F0F0F0',EndColorStr='#E0E0E0');*/
    border:2px solid #F0F0F0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-box-shadow: 1px 1px 2px #999;
    display:none;
    z-index:1000;
    min-width:100px
  }
  #Menu li div a{
    display:block;
    height:15px;
    padding:0px 3px 2px 3px;
    margin-left:-3px
  }
  #Menu li div a:hover{
    background-color:#FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow:1px 1px 2px #BBB;
  }
  #Menu li div a.onDrag{
    background-color:#FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow:1px 1px 2px #BBB;
  }

  /* BEFORE OPENING */
  #hBefore {
    float:left;
    width:298px;
    height:308px;
    margin:20px 0px 0px 7px
  }
  #hBefore.tr{
    background: url('/img/before_opening_tr.png');
  }
  #hBefore.en{
    background: url('/img/before_opening_en.png');
  }
  #hBefore b{
    display:block;
    margin:45px 0px 0px 25px;
    font-family: Georgia;
    font-size:50px;
    font-weight: normal;
  }
  #hBefore #L1{
    width:202px;
    height:38px;
    margin:152px 0px 0px 75px
  }

  #hR1 {
    float:left;
    width:298px;
    margin:10px 0px 0px 7px
  }
  #hR1 *{
    padding:0px;
    margin:0px
  }
  #hR1 li,#hR1 a{
    font-size:12px;
    color:#127398
  }
  #hR1 ul{
    margin-left:18px;
    list-style-type: disc;
  }
  
  /* WEATHER */
  #hWeather {
    float:left;
    height:100px;
  }
  #hWeather div{
    float:left;
    width:100px;
    text-align: center;
    margin:20px 20px 0px 20px
  }
  #hWeather img{
    float:left;
    width:93px;
    height:93px;
  }
  #hWeather h2{
    color:#0080C0;
    font-weight: bold;
  }
  #hWeather h1{
    float:left;
    font-size:30px;  
  }
  #hWeather sup{
    float: left;
    font-size:16px;
    margin-top:0px
  }
  #hWeather ul{
    float:right;
    margin-top:18px
  }
  #hWeather span{
    display: block;
    font-size:10px;
    text-align:right;
    color:#666;
    margin-top:5px
  }
  #hWeather ul li{
    text-align: right;
    font-size:10px;
    color:#666;
  }

  /* SHARING */
  #hShare {
    clear:left;
    margin-bottom:40px;
    padding:5px;
    height:32px;
    border:1px solid #FFF;
    background-color: #E0E0E0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity:0.8;
    font-size:12px
  }
  #hShare a,#hShare div {
    float:left
  }
  #hShare img {
    margin-left:26px;
  }
  #hShare div {
    display:none;
    margin-left:3px;
    color:#666;
    font-size:14px
  }
  /* BOTTOM */
  #hBottom {
    clear:left;
    margin-bottom:20px;
  }
  #hBottom span{
    display:block;
    font-size:11px;
    margin-left:14px;
  }
  #hBottom span b{
    display:block;
    font-weight: normal;
  }
  #hBottom span b#t1{
    margin-left:-12px;
  }
  #hBottom #hMenu{
    float:right;
    width:650px;
    height:110px;
    background: url('/img/bottom_fon.png');
  }
  #hBottom #hMenu td{
    padding:16px 5px 5px 10px;
    line-height:10px;
  }
  #hBottom #hMenu td#col1{
    padding-top:3px;
  }
  #hBottom #hMenu td#col1 a:first-child{
    font-weight:bold
  }
  #hBottom #hMenu a{
    font-family:Georgia;
    font-size:10px;
    color:#666
  }
  #hBottom #hMenu a:hover{
    text-decoration:underline;
    color:#000
  }
  #hBottom #hMenu img {
    margin-bottom:5px
  }
  #hBottom #viewin {
    clear: both;
    display: block;
    color:#000;
    font-size:10px;
    padding:10px;
    text-align:center
  }
}

/* FOR HOMEPAGE */
@media all, home {

  /* NEWS */
  #hNews {
    width:635px;
    float:left;
    margin-top:20px;
    display: inline-table;
    font-family: Georgia;
    border-style:transparent;
  }
  #hNews #big{
    width:635px;
    height:216px;
    background: url('/img/news_big_fon.png');
  }
  #hNews #big img{
    margin:3px 3px 3px 4px
  }
  /* ticker */
  #hNews #ticker {display:none}
  #hNews #tickerShow {
    background-color:#DEB656;
    color:#000;
    font-weight:bold;
    font-size:13px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:2px solid #FFF;
    margin-bottom:10px;
    box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
  }
  #hNews #tickerShow a {
    color:#000;
    display:block;
    padding:10px
  }
  #hNews #ticker_button,#hNews #ticker_display{display:none}

  #hNews #hSub {
    width:635px;
    height:600px;
    background: url('/img/news_fon.png');
  }
  /* flash */
  #hNews #hSub #flash{
    height:105px;
  }
  #hNews #hSub #flash li{
    float:left;
    background: url('/img/news_thumb_ara.png') no-repeat top right;
    padding: 10px 5px 0px 5px;
  }
  #hNews #hSub #flash li a{
    display: block;
    overflow: hidden;
    height:87px;
    width: 106px;
    font-family: Georgia;
    font-size:11px;
    color:#666;
  }
  #hNews #hSub #flash li.aktif{
    background: url('/img/news_thumb_ara.png') repeat-x;
  }
  #hNews #hSub #flash li.aktif a{
    width:277px;
  }
  #hNews #hSub #flash li div{
    position:absolute;
    width:106px;
    text-align:center;
    font-size:10px;
    float:left;
  }
  #hNews #hSub #flash li div p{
    height:41px;
    background: url('/img/news_thumb_fon.png') no-repeat top center;
  }                   
  #hNews #hSub #flash li img{
    width:100px;
    height:35px;
    margin-top:2px;
  }
  #hNews #hSub #flash li p.spot{
    width:155px;
    margin-left:0px;
    padding-left:115px;
  }
  /* items */
  #hNews #hSub #items{
    margin-left:7px
  }
  #hNews #hSub #items li,#hNews #hSub #video li{
    float:left;
    display: block;
    width:288px;
    height:78px;
    padding:10px;
    margin-bottom:10px;
    border:1px solid transparent
  }
  #hNews #hSub #items li.over,#hNews #hSub #video li.over,#hNews.right li.over{
    background-color: #E0E0E0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 1px 1px 4px #999;
    background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0), color-stop(0.1, #F0F0F0), to(#E0E0E0));
  }
  #hNews #hSub #items li.onDrag,#hNews #hSub #video li.onDrag,#hNews #hSub #flash li.onDrag,#hNews.right li.onDrag{
    background-color: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px dotted #666
  }
  #hNews #hSub #items li b,#hNews #hSub #video li b{
    color:#000
  }
  #hNews #hSub #items li a,#hNews #hSub #video li a{
    display: block;
    overflow:hidden;
    height:75px;
    font-family: Georgia;
    font-size:11px;
    color:#666;
  }
  #hNews #hSub #items li img,#hNews #hSub #video li img{
    width:72px;
    margin-right:5px;
    margin-bottom:25px;
    float:left;
    -webkit-box-shadow: 1px 1px 5px #999;
  }
  #hNews #hSub #items li p,#hNews #hSub #video li p{
    margin-left:80px;
    line-height:13px;
  }
  /* videos */
  #hNews #hSub #video{
    margin-left:7px
  }
  #hNews #hSub #video li img.play,#hNews #hSub.full #items .play{
    width:20px;
    height:20px;
    margin-left:-15px;
    margin-bottom:55px;
    margin-top:0px;
    -webkit-box-shadow:none;
  }

  #hNews #hSub #items li p.noimg{
    margin-left:0px;
  }
  #hNews #hSub #items li p.noimgv,#hNews #hSub #video li p.noimgv{
    margin-left:20px;
  }
  #hNews #hSub #video li img.noimg,#hNews #hSub.full #items img.noimg{
    margin-left:0px;
    margin-top:0px;
  }
  
  #hNews #hSub center {
    clear:left;
    margin-bottom:10px
  }

  #hNews.right {
    width:298px;
    margin:20px 0px 40px 7px
  }
  #hNews.right li{
    margin-bottom:10px;
    padding:7px;
    border-bottom:1px dotted #FFF;
  }
  #hNews.right li b{
    color:#000
  }
  #hNews.right li a{
    display: block;
    font-family: Georgia;
    font-size:11px;
    color:#666;
  }
  #hNews.right li img{
    display:none
  }
  #hNews.right li img.play{
    position: absolute;
    display: block;
    width:20px;
    height:20px;
    margin-left:265px;
    margin-top:-2px;
  }
  #hNews.right li p{
    line-height:13px;
  }
  /* PHOTOS */
  #hPhotos {
    float:left;
    width:298px;
    margin:20px 0px 0px 7px
  }
  #hPhotos div.home{
    margin:5px -12px 0px 2px
  }
  #hPhotos div.page a,#hPhotos div.home a{
    border:1px solid #FFF;
    -webkit-box-shadow: 1px 1px 5px #999;
    margin:0px 7px 10px 0px;
    display: block;
    overflow: hidden;
    width:89px;
    height:70px;
    float:left;
    background-color: #FFF;
    text-align: center;
  }
  #hPhotos div.page a.over,#hPhotos div.home a.over{
    border-color:#666;
    -webkit-box-shadow: 1px 1px 5px #3DB1D3;
  }
  #hPhotos.full{
    margin-bottom:50px;
  }
  #hPhotos.full #hFull{
    padding-left:10px;
  }
  #hPhotos img{
    margin-top:3px
  } 
  #hPhotos #hFull div.page{
    width:936px;
  }
  #hPhotos div.page a {
    margin-right:12px
  }
  #hPhotos div.page a.check {
    background-color:#00FF00;
    border-color:#00FF00;
  }
  #navFull {
    margin-bottom:10px;
    border-bottom:1px dotted #FFF;
    height:35px
  }
  #navFull span{
    text-align:center;
    width:100%;
    display:block;
    color:#126FA0
  }
  #navFull span a{
    color:#126FA0;
    font-size:12px;
    padding:0px 2px 2px 2px
  }
  #navFull span a:hover{
    background-color:#126FA0;
    color:#FFF
  }
  #navFull span a.aktif{
    font-size:20px;
    background-color:#126FA0;
    color:#FFF;
    padding:5px;
  }
  
}

/* NEWS */
@media all, news {
  #hNews {}
  #hNews h1{
    font-size:18px;
    margin-bottom:20px;
    color:#008080
  }
  #hNews blockquote#spot{
    font-size:13px;
    margin-bottom:20px;
    color:#000;
    padding:20px 10px 10px 30px;
    border:1px solid #CCC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
    background: url('/img/quote.png') no-repeat 10px 10px;
    background-color:#F0F0F0;
    opacity:0.6;    
  }
  #hNews img#spot{
    width:620px;
    margin-bottom:20px;
    padding:5px;
    border:2px solid #CCC;
    background-color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  #hNews div#content{
    display: inline-table;
    font-size:13px;
    line-height:20px;
    padding-bottom:40px
  }
  #hNews div#content div.img{
    background-color: #FFF;
    border:2px solid #CCC;
    padding:5px;
    text-align:center;
  }
  #hNews div#content div.img-left{
    float:left;
    margin-right:5px;
  }
  #hNews div#content div.img-right{
    float:right;
    margin-left:5px;
  }
  #NewsVideoPlayer{
    display:block;
    width:100%;
    height:320px
  }
  
  #hNews.full,
  #hNews #hSub.full,
  #hPhotos.full,
  #hNews #hFull div.page {
    width:938px;
    padding:0px;
    overflow:hidden;
  }
  #hNews.full #hFull div{
    margin-left:-2px;
  }
  #hFull div.page{
    border:1px solid transparent;
    float:left
  }
  #hNews #content a, #hContent a {
    color:#0080C0;
    text-decoration: underline;
  }
  #hNews #content p, #hContent p {
    margin-bottom:15px;
  }
  
  #formNewsSearch {
    width:100%;
    height:50px;
    display:inline-table;
    margin-bottom:10px;
    background: url('/img/fon_search.png') no-repeat;
  }
  #formNewsSearch input{
    float:left;
    font-size:20px;
    padding:3px;
    background-color: transparent;
    height:50px;
    width:53px;
    border:none;
  }
  #formNewsSearch #keyword{
    width:187px;
    height:27px;
    margin:8px 6px 0px 45px;
    border:none;
  }
}

/* FOR STANDARD CONTENT PAGE */
@media all, subpage {
  #hContent {
    width:615px;
    height:500px;
    float:left;
    margin-top:20px;
    margin-right:20px;
    display: inline-table;
    padding-bottom:40px;
    font-size:13px;
    line-height:20px;
    border-style:transparent;
  }
  #hContent.typeErzurum {
    width:100%;
    padding:10px;
    background-color: #FFF;
    margin-bottom:40px;
    border: 3px solid #127398;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;    
    box-shadow: inset 0 2px 5px black;
    -webkit-box-shadow: inset 0 2px 5px black;
    -moz-box-shadow: inset 0 2px 5px black; 
  }
  #hContent h1 {
    font-size:18px;
    margin-bottom:20px;
    color:#008080
  }
  #hContent p {
    margin-bottom:10px;
    line-height: 18px;
  }
  #hContent ul {
    margin-left:50px;
    list-style-type: disc;
  }
  #hContent table td{
    line-height: 14px;
    padding:3px;
  }
  #hContent #hNeredeyim {
    margin:-8px 0px 10px 0px;
    color:#666;
    padding:0px;
    border-bottom:1px solid #FFF;
  }
  #hContent #hNeredeyim a{
    color:#666;
    font-size:12px;
    text-decoration: none;
  }
  #hContent #hMenuSub{
    margin-top:-10px;
    padding-bottom:10px;
  }  
  #hContent #hMenuSub a{
    display:block;
    float:left;
    padding:1px 5px 3px 5px;
    background-color:#FFF;
    margin-right:10px;
    font-size:12px;
    color:#000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #999;
    text-decoration: none;
  }
  #hContent #hMenuSub a.aktif{
    background-color:#008080;
    color:#FFF;
    border:2px solid #FFF;
    margin-top:-2px
  }
  #hContent #hMenuSub a.onDrag{
    width:20px;
    height:20px;
    background-color:#666;
  }
  
  #formContact table td{
    padding:5px;    
  }
  #formContact input,#formContact textarea{
    padding:3px
  }
  
  #NewsRelated {
    float:left;
    width:298px;
    /*border:2px dotted #FFF;*/
  }
  #NewsRelated li{
    margin-right:15px
  }
}