﻿@import url("jquery.fancybox.css") screen;
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {background:url(../images/bg.jpg); font-family:Tahoma; font-size:11px; color:#4b4949;}

#header {width:100%; min-height:98px;  background:url(../images/headbg.jpg) no-repeat;} 
#header .header {width:1000px;  margin:auto;}
#header .header .logo {width:218px; height:66px; margin:10px 0 0 10px; display:inline-block; float:left;}
#header .header .menu {font-family: "open_sanssemibold"; font-size:14px; float:right; }
#header .header .menu ul { margin:35px 0 0 50px;}
#header .header .menu ul li {float:left; list-style-type:none; margin-right:40px;}
#header .header .menu ul li a {color:#2b2729;}
#header .header .menu ul li a:hover {color:#a64686;}
#header .rot {width:100%; height:408px; position:relative; background:url(../images/slidebg.png) no-repeat top center; display:inline-block; margin:15px 0 0 0;}
#header .rot .slide {width:1000px; margin:auto;}
#header .rot .slide  ul { margin: 0; padding: 0; list-style: none; }
#header .rot .slide  li { width: 1000px; height: 355px; overflow: hidden; position: relative; }
#header .rot .slide  li .nostalji{background:url(../images/nostalji.png) no-repeat; width:166px; height:220px; z-index:9998; top:30px; left:0; position:absolute;}
#header .rot .slide  li .nostalji a{width:166px; height:220px; display:block;}

#header .rot .slide  li .fangrup{background:url(../images/fangrubu.png) no-repeat; width:156px; height:54px; z-index:100; top:30px; margin-left:173px; position:absolute;}
#header .rot .slide  li .fangrup a{width:156px; height:54px; display:block;}

#header .rot .slide #prevBtn, #nextBtn { display: block; width: 35px; height: 35px; position: absolute; top: 120px; z-index: 1000; font-size: 0px; }
#header .rot .slide #prevBtn a, #nextBtn a { display: block; position: relative; width: 35px; top: 50px; height: 35px; margin-left: 0; background: url(../images/sol.png) no-repeat 0 0; }
#header .rot .slide #nextBtn a { background: url(../images/sag.png) no-repeat 0 0; margin-left: 965px; }


#container {width:935px; margin:auto;  position:relative; }
#container .containertop {border-bottom:3px solid #e7e7e8; padding-bottom:20px; min-height:360px; overflow:hidden;}

#container .containertop .akrepnalan {width:360px; float:left; font-size:13px; }
#container .containertop .akrepnalan .akrepbaslik {font-size:13px; font-weight:bold; margin:0 0 10px 0;}
#container .containertop .videogaleri {width:470px; float:right;  }

#container .containertop .videogaleri .videobaslik {font-size:13px; color:#687ea7; margin:0 0 10px 0; font-weight:bold;}
#container .containertop .videogaleri .jcarousel-container-horizontal { width: 460px; border-top: 1px solid #e8eaee; margin-top: 10px; }
#container .containertop .videogaleri .jcarousel-clip-horizontal { width: 460px; margin-top: 10px; }
#container .containertop .videogaleri .jcarousel-item { list-style-type: none; float: left; width: 452px; height: 300px; padding: 5px 0 0 5px; border: 1px solid #bcbcbc; margin-right: 11px; }
#container .containertop .videogaleri .jcarousel-item img{ width:452px; height:300px;}
#container .containertop .videogaleri .jcarousel-prev-horizontal { position: absolute; z-index: 99; top: -25px; right: 25px; width: 23px; height: 23px; cursor: pointer; background: url(../images/left.png) no-repeat; }
#container .containertop .videogaleri .jcarousel-next-horizontal { position: absolute; z-index: 99; top: -25px; left: 438px; width: 23px; height: 23px; cursor: pointer; background: transparent url(../images/right.png) no-repeat; }


#container .containermiddle {margin:20px 0 0 0;  display:inline-block;}
/*
#container .containermiddle ul {margin:0px;}
#container .containermiddle ul li {width:325px; float:left; border-bottom:2px dotted #4b4949; padding-bottom:10px; margin:0 140px 50px 0;}
#container .containermiddle ul li .baslik {font-size:13px; color:#687ea7; margin:0 0 10px 0; font-weight:bold;}
#container .containermiddle ul li .resim {width:94px; height:70px; float:left;}
#container .containermiddle ul li .aciklma {width:220px; height:70px; margin:0 0 0 10px; float:left; line-height:18px;}
*/
.jcarousel-clip { overflow: hidden; }
#container .containermiddle .fotogaleri {width: 460px; float:left;}
#container .containermiddle .fotogaleri .jcarousel-container-horizontal { width: 460px; border-top: 1px solid #e8eaee; margin-top: 10px; }
#container .containermiddle .fotogaleri .jcarousel-clip-horizontal { width: 460px; margin-top: 10px; }
#container .containermiddle .fotogaleri .jcarousel-item { list-style-type: none; float: left; width: 139px; height: 89px; padding: 5px 0 0 5px; border: 1px solid #bcbcbc; margin-right: 11px; }
#container .containermiddle .fotogaleri .jcarousel-item img{ width:135px; height:85px;}
#container .containermiddle .fotogaleri .jcarousel-prev-horizontal { position: absolute; z-index: 99; top: -25px; right: 25px; width: 23px; height: 23px; cursor: pointer; background: url(../images/left.png) no-repeat; }
#container .containermiddle .fotogaleri .jcarousel-next-horizontal { position: absolute; z-index: 99; top: -25px; left: 438px; width: 23px; height: 23px; cursor: pointer; background: transparent url(../images/right.png) no-repeat; }
#container .containermiddle .fotogaleri span {font-size:13px; font-weight:bold; color:#687ea7;}

#container .containermiddle .sontwitler {width:440px; float:right; margin:0 0 0 30px;}


#container .containerbottom {margin:10px 0 0 0; border-bottom:3px solid #e7e7e8; padding-bottom:20px; display:inline-block;}
#container .containerbottom .takipedin {width:935px; text-align:center; font-size:13px; font-weight:bold;}
#container .containerbottom .takipedin img {width:24px;}
#container .containerbottom .takipedin span {color:#687ea7;}

#container .containerbottombg {background:url(../images/footbg.jpg) no-repeat; width:935px; height:270px; border-top:3px solid #e7e7e8; padding-top:10px;}

.master .fotolar {width:935px;}
.master .fotolar ul {margin:10px 0 0 0;}
.master .fotolar ul li {width:135px; height:85px; float:left; list-style-type:none; margin:0 8px 8px 0; border:1px solid #bcbcbc; padding:5px;}
.master .fotolar ul li img {width:135px; height:85px;}

.master .videolar {width:935px;}
.master .videolar ul {margin:10px 0 0 0;}
.master .videolar ul li {width:447px; height:295px; float:left; list-style-type:none; margin:0 8px 8px 0; border:1px solid #bcbcbc; padding:5px;}
.master .videolar ul li img {width:447px; height:295px;}

.master .haberler {width:935px;}
.master .haberler .haberholder {width:450px; float:left; margin-right:14px; margin-bottom:40px; border-bottom:1px solid #bcbcbc; border-top:1px solid #bcbcbc; padding-bottom:3px; padding-top:3px;}
.master .haberler .haberholder .habericon {width:135px; height:85px;  float:left;}
.master .haberler .haberholder .habericon img {width:135px; height:85px;}
.master .haberler .haberholder .haberbaslik {margin:0 0 0 10px; float:left; width:300px; }
.master .haberler .haberholder .habericerik {margin:10px 0 0 10px; float:left; width:300px;}
.master .haberler .haberholder a {color:#2b2729;}
.master .haberler .haberholder a:hover {color:#a64686;}

.master .yorumlar {width:935px;}
.master .yorumlar .yorumholder {border-bottom:1px solid #bcbcbc; margin-bottom:20px; padding-bottom:20px; }
.master .yorumlar .yorumholder .yorumadsoyad {font-weight:bold; background:#dedede; width:925px; height:20px; line-height:20px; padding-left:10px;}
.master .yorumlar .yorumholder .yorumicerik {width:920px; margin:10px 0 0 10px;}
.master .yorumlar .textad {width:400px; height:40px; line-height:40px; margin:20px 0 0 0;  }
.master .yorumlar .textsoyad {width:400px; height:40px; line-height:40px; margin:15px 0 15px 0; }
.master .yorumlar .texticerik {width:400px; max-width:400px; max-height:400px; }
.master .yorumlar .btnyorum {width:80px; height:30px; margin:15px 0 0 0;  }
.master .yorumlar .btnyorum img {width:80px; height:30px;}
.master .yorumlar .textboxs {padding-left:5px;}
.master .yorumlar input {width:400px; }

.master {width:935px; overflow:hidden; line-height:22px; }
.navibg { width:100%;  background:#151515; margin:-2px 0 10px 0; height:50px; line-height:50px; overflow:hidden;}
.navibg .navigasyon {width:935px; margin:auto; color:#fff; font-size:16px; }
.navibg .navigasyon span {color:#a64686;}




#footer {width:100%; height:100px; background:#151515; margin:20px 0 0 0; }
#footer .footmid {width:935px; margin:auto; padding-top:30px; }
#footer .footmid .sosyalmedya {width:30%; float:left;}
#footer .footmid .sosyalmedya img {width:30px; height:30px;}
#footer .footmid .altmenu {width:45%; float:left; text-align:center; }
#footer .footmid .altmenu ul {margin:0;}
#footer .footmid .altmenu ul li {float:left; margin-right:15px; }
#footer .footmid .altmenu ul li a {color:#4668a5;}
#footer .footmid .altmenu ul li a:hover {color:#fff; text-decoration:underline;}

#footer .footmid .pixelma {width:25%; float:left; text-align:right;} 

.etabs { margin: 0; padding: 0;  }
.tab { display: inline-block; zoom:1; *display:inline;  border: solid 1px #d6d6d7; border-bottom: none;  }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; color:#687ea7; }
.tab a:hover { text-decoration: underline; }
.tab.active { padding-top: 6px; position: relative; top: 1px; border-color: #d6d6d7; }
.tab a.active { font-weight: bold; color:#4b4949; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px;   }
.line {border:1px solid #d6d6d7; width:320px; } 

.videoholder {width:320px;  border-bottom:1px solid #d6d6d7; padding-bottom:15px; display:inline-block; }
.videoholder .videoisim {width:320px; float:left; margin-top:5px; }
.videoholder .videoisim a {color:#4b4949;}
.videoholder .videoembed {width:320px; height:24px; margin-top:5px; float:left; }
.videoholder .videoembed .btndownload {width:30px; height:25px; float:left;}

.videoholder2 {width:297px; float:left; margin-right:14px; margin-bottom:40px; border-bottom:1px solid #bcbcbc;  padding-bottom:10px; }
.videoholder2 .videoisim2 {width:320px; float:left; margin-top:5px; }
.videoholder2 .videoisim2 a {color:#4b4949;}
.videoholder2 .videoembed2 {width:320px; height:24px; margin-top:5px; float:left; }
.videoholder2 .videoembed2 .btndownload2 {width:30px; height:25px; float:left;}

.albumholder {width:320px;  border-bottom:1px solid #d6d6d7; padding-bottom:5px; display:inline-block; }
.albumholder .albumisim { float:left; margin-top:36px;  margin-left:10px; }
.albumholder .albumisim a {color:#4b4949;}
.albumholder .albumresim { margin-top:5px; float:left; }
.albumholder .albumresim img {width:126px;}

/* ===== Notification messages ===== */
.nNote { cursor: pointer; clear: both; margin: 0 0 20px 0; }
.nNote strong { margin-right:5px; }
.nNote p { font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.nMessage p { font-size: 11px; }
.nWarning { background: #ffe9ad url(../images/notifications/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nSuccess { background: #effeb9 url(../images/notifications/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nFailure { background: #fccac1 url(../images/notifications/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nInformation { background: #d1e4f3 url(../images/notifications/information.png) no-repeat 15px center; border: 1px solid #99c4ea; color: #235685; }
.nLightbulb { background: #FEF0CB url(../images/notifications/lightbulb.png) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21; }
.nMessages { background: #9DDFFF url(../images/notifications/email.png) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21; }






             
           

inputs:-webkit-input-placeholder { 
    color:    #b5b5b5; 
} 
 
inputs-moz-placeholder { 
    color:    #b5b5b5; 
} 
 
 .inputs  { 
width:300px; 
padding: 10px 25px; 
font-weight: 400; 
font-size: 14px; 
color: #9D9E9E; 
text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); 
background: #FFF; 
border: 1px solid #FFF; 
border-radius: 5px; 
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); 
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); 
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); 
} 
.inputs:focus { 
   background: #DFE9EC; 
color: #414848; 
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); 
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); 
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); 
    outline:0; 
} 
  .inputs:hover   { 
background: #DFE9EC; 
color: #414848; 
} 
 

.Sayfalama 
{
       margin:20px 0 0 0; width:1000px; display:inline-block;    
}


.Sayfalama a:link, .Sayfalama a:visited, .Sayfalama a:active
{
       background-image:url('../images/sayfabg.jpg');
       border:solid 1px #e4e4e4;
       padding:3px 5px 3px 5px;
       margin:1px; 
       font-size:9pt;
       color:#2f2f2f;
       font-weight:bold;
       text-decoration:none;
       font-family:Trebuchet MS;
       cursor:pointer;
}
 
.Sayfalama a:hover
{
       background-image:url('../images/sayfabg2.jpg');
       border:solid 1px #e4e4e4;
       padding:3px 5px 3px 5px;
       font-size:9pt;
       color:White;
       font-family:Trebuchet MS;
       cursor:pointer;
}
 
 
.Sayfalama INPUT
{      background-image:url('../images/sayfabg.jpg');
       border:solid 1px #e4e4e4;
       padding:3px 5px 3px 5px;
       margin:1px; 
       font-size:9pt;
       color:#2f2f2f;
       font-weight:bold;
       font-family:Trebuchet MS;
       cursor:pointer;
       width:auto !important;
}
 
.Sayfalama span
{
       margin:1px;
}
 
.Sayfalama B
{
       background-image:url('../images/sayfabg2.jpg');
       border:solid 1px #e4e4e4;
       padding:3px 5px 3px 5px;
       font-size:9pt;
       color:White;
       font-family:Trebuchet MS;
       cursor:pointer;
}







