/********************************
CSS ALİ AYGIR *******************
*********************************/
@font-face {
 font-family: neo;
 src: url("NeoSansPro-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: neo;
 src: url("NeoSansPro-Regular.ttf") /* TTF file for CSS3 browsers */
}


/* font finish */
@font-face {
 font-family: opensanslight;
 src: url("../font/OpenSans-Light.eot") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: opensanslight;
 src: url("../font/OpenSans-Light.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: opensansregular;
 src: url("../font/OpenSans-Regular.eot") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: opensansregular;
 src: url("../font/OpenSans-Regular.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: opensansbold;
 src: url("../font/OpenSans-Bold.eot") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: opensansbold;
 src: url("../font/OpenSans-Bold.ttf") /* TTF file for CSS3 browsers */
}





body { margin:0px; padding:0px;  font-family: 'Roboto Condensed', sans-serif; font-size:11px; font-weight:100; overflow-x:hidden }
#container { background:#FFFFFF; width:1000px; margin:0 auto; }
#clear { clear:both; }
.left { float:left; }
.right { float:right; }
a.link { text-decoration:none; }
img { border:none; }
.pointer:hover { cursor:pointer; }
.hoveris:hover { opacity:0.6; filter:alpha(opacity=60);  }
.trans { transition:All 0.1824s ease; -webkit-transition:All 0.1824s ease;-moz-transition:All 0.1824s ease; -o-transition:All 0.1824s ease; }
.slow  { transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }

.don { -webkit-animation:spin 8s linear infinite; -moz-animation:spin 8s linear infinite; animation:spin 8s linear infinite; }
.donslow { -webkit-animation:spin 19s linear infinite; -moz-animation:spin 19s linear infinite; animation:spin 19s linear infinite; }
.rad8 { -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.rad10 { -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.griden {     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); }
.griden:hover {   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%); }
.golgever:hover { box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); }
.opacity80{ opacity:0.8;
filter:alpha(opacity=80); }

.opacity80:hover{ opacity:1;
filter:alpha(opacity=100); }

/*******************************
********************************/

.bekle      { position:fixed; width:100%; height:100%;  z-index:10000; }

.OZ_anablok { width:1000px; height:375px; position:relative; margin:0 auto; overflow:hidden; }
.OZ_menu    { width:800px; position:absolute; right:10px; bottom:-50px; }
.OZ_menu_li { font-size:24px; font-family:basliklar; background:#000000; color:#FFFFFF; float:right; margin-left:5px; padding:0px; }
.OZ_menu_li:hover {background:#333; color:#FFFFFF; }
.OZ_logo    { width:369px; height:68px; background:url(ozge_logo.html) no-repeat; position:absolute; right:260px; top:-100px; }

.pos9  { top:-100px; right:585px; }
.pos10 { top:-100px; right:478px; }
.pos11 { top:-100px; right:365px;}
.pos12 { top:-100px; right:260px; }
.pos13 { top:-100px; right:180px; }
.pos14 { top:-100px; right:88px;  }
.pos15 { top:-100px; right:0px; }

.pose9  { right:590px; !important }
.pose10 { right:478px; !important }
.pose11 { right:365px; !important }
.pose12 { right:260px; !important }
.pose13 { right:180px; !important }
.pose14 { right:115px;  !important }
.pose15 { right:0px;   !important }


@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.don2  { -webkit-animation:spin 20s linear infinite; -moz-animation:spin 20s linear infinite; animation:spin 20s linear infinite; }
.don  { -webkit-animation:spin 8s linear infinite; -moz-animation:spin 8s linear infinite; animation:spin 8s linear infinite; }
.log1 { position:absolute; left:0px; z-index:50; top:-100px; }
.log2 { position:absolute; left:-1000px; z-index:30; top:25px; }

.log3 { position:absolute; left:0px; z-index:50; top:-100px; }
.log4 { position:absolute; left:-1000px; z-index:30; top:200px; }

.bio_x { position:absolute; right:-183px; top:-800px;}
.balon { position:absolute; z-index:-10; top:0px; left:0px; }

.OZ_anablok2       { width:1000px; height:87px; position:relative; margin:0 auto;   }
.OZ_menu2          { width:600px; height:38px; position:relative; float:right; margin-top:43px;}
.OZ_menu_li2       { padding:0px; position:absolute; height:38px;  }
.OZ_menu_li2:hover { background:#333; color:#FFFFFF; }
.OZ_logo2          { width:369px; height:68px; background:url(ozge_logo.html) no-repeat; position:absolute; left:100px; top:-100px; }
.OZ_fade           {  }



.OZ_menu3          { width:700px; height:38px; position:relative; float:left; margin-top:300px; overflow:hidden}



/************************/
.bio_icerik        { width:714px; height:358px;  position:absolute; top:150px; left:-2000px;  }
.bio_scroll        { width:714px; height:358px; overflow-y:auto; font-family:opensanslight; font-size:15px; color:#fff; }
/************************/
.film_icerik       { width:688px; height:360px; padding:20px 5px 5px 10px; margin-left:124px; margin-top:5px; background: url(filbg.png); }
.film_scroll       { width:100%; height:100%; overflow-y:auto; font-family:opensanslight; font-size:15px; color:#fff; }
.film_scroll h2    { color:#ffba00; margin:0px; padding:0px; }
.film_scroll p     { color:#fff; margin:0px; padding:0px; line-height:26px;}
.film_scroll p strong     { color:#fff; margin:0px; padding:0px; line-height:26px; font-style:italic; border-bottom:1px dotted #f2f2f2}

.film_scroll table       { margin:0px; padding:0px; border:0px; }
.film_scroll table tr td { margin:0px; padding:0px; border:0px; }
/************************/

.geridonde { padding:7px 10px 7px 7px; background:#000000; color:#FFFFFF; font-size:15px; font-family:opensanslight; margin-right:20px; margin-left:5px; }
.geridonde span { float:right; }
.dilsec2 {  height:30px; position:absolute; z-index:300; top:-100px; right:0px; color:#FFFFFF; font-family:opensanslight;}
.dilsec { width:200px; height:30px; position:absolute; z-index:300; top:230px; left:-1000px; color:#FFFFFF; font-family:opensanslight;}
.secturkce {  padding:7px 10px 7px 10px; float:left; text-align:center; font-size:15px; }
.secenglish { padding:7px 10px 7px 10px; float:left; text-align:center; font-size:15px; }


.ob5  { 
        transform: rotate(0deg) scale(1.000) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.000) skew(1deg) translate(0px);
   -moz-transform: rotate(0deg) scale(1.000) skew(1deg) translate(0px);
     -o-transform: rotate(0deg) scale(1.000) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.000) skew(1deg) translate(0px); }

.ob5:hover { 
        transform: rotate(360deg) scale(1.000) skew(1deg) translate(0px);
-webkit-transform: rotate(360deg) scale(1.000) skew(1deg) translate(0px);
   -moz-transform: rotate(360deg) scale(1.000) skew(1deg) translate(0px);
     -o-transform: rotate(360deg) scale(1.000) skew(1deg) translate(0px);
    -ms-transform: rotate(360deg) scale(1.000) skew(1deg) translate(0px); }

.sosyalmedyada {  height:32px;  position:fixed; right:10px; bottom:10px; z-index:300;  }
.sosyalozel    { width:32px; height:92px; float:left; margin-left:2px; }
.sosyalozel:hover { cursor:pointer; width:32px; height:92px; float:left; margin-left:2px; margin-top:-60px; }
.sosyalmedyada img { margin:0px 0px 0px 5px; padding:0px; float:left; border:0; }

.alt_container { width:1000px; position:relative; margin:0 auto; min-height:660px; z-index:20; }

.iletisim_numara { width:400px;   position:absolute; left:0px; top:150px; }

.albas { border-bottom:1px dotted #ccc; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:100; }


.link_genel { display:none }
.anasolmenu { width:792px; height:100%; position:fixed; right:-729px; top:0px; background:url(anasolmenumask.html) top right no-repeat; z-index:100 }
.mozaik     { width:484px; height:368px; background:url(mozaik.html); position:absolute; top:233px; right:0px; z-index:110; display:none}
.mozaik2     { width:484px; height:368px; background:url(mozaik2.html); position:absolute; top:233px; right:0px; z-index:115; display:none }
.analogo    { width:393px; height:85px; position:fixed; z-index:120; top:147px; right:-400px; background:url(analogo.html); }
.link_ana   { width:189px; height:46px; position:absolute; top:234px; right:236px; z-index:150; cursor:pointer}
.link_bio   { width:189px; height:46px; position:absolute; top:282px; right:268px; z-index:150; cursor:pointer}
.link_fil   { width:189px; height:46px; position:absolute; top:330px; right:300px; z-index:150; cursor:pointer}
.link_sho   { width:189px; height:46px; position:absolute; top:378px; right:331px; z-index:150; cursor:pointer}
.link_gal   { width:189px; height:46px; position:absolute; top:426px; right:363px; z-index:150; cursor:pointer}
.link_bas   { width:189px; height:46px; position:absolute; top:474px; right:394px; z-index:150; cursor:pointer}
.link_ile   { width:189px; height:46px; position:absolute; top:522px; right:426px; z-index:150; cursor:pointer}


.altlogo    { width:393px; height:85px; position:fixed; z-index:120; top:5px; right:-400px; background:url(analogo.html); }
.alt_ana   { width:189px; height:46px; position:absolute; top:104px; left:-2000px; z-index:150; cursor:pointer; display:block}
.alt_bio   { width:189px; height:46px; position:absolute; top:152px; left:-2000px; z-index:150; cursor:pointer; display:block}
.alt_fil   { width:189px; height:46px; position:absolute; top:200px; left:-2000px; z-index:150; cursor:pointer; display:block}
.alt_sho   { width:189px; height:46px; position:absolute; top:248px; left:-2000px; z-index:150; cursor:pointer; display:block}
.alt_gal   { width:189px; height:46px; position:absolute; top:296px; left:-2000px; z-index:150; cursor:pointer; display:block}
.alt_bas   { width:189px; height:46px; position:absolute; top:344px; left:-2000px; z-index:150; cursor:pointer; display:block}
.alt_ile   { width:189px; height:46px; position:absolute; top:392px; left:-2000px; z-index:150; cursor:pointer; display:block}

.yukarida { width:149px; height:37px; background:url(up.html) top right no-repeat; cursor:pointer; position:absolute; /*top:540px;*/ top:-800px; right:379px; z-index:995000; }
.asagida  { width:149px; height:37px; background:url(down.html) top left no-repeat; cursor:pointer; position:absolute; /*top:540px;*/ top:-800px; right:230px; z-index:995000; }


.alt_trans1 { width:633px; height:42px; background:url(alt_trans.html); position:fixed; right:-633px; top:35px; z-index:50; }
.alt_trans2 { width:633px; height:42px; background:url(alt_trans.html); position:fixed; right:-633px; top:20px; z-index:50; }
.alt_baslik { width:163px; height:31px; position:absolute; top:25px; left:-2000px; z-index:80; }
.alt_icerik { width:650px; height:400px; position:absolute; top:-800px; right:30px; background:url(pagebg.png); padding:20px 20px 20px 20px; font-family:neo, Arial; font-size:13px; line-height:20px; z-index:600 }




.ssbg { width:560px; height:60px; background:url(sosyalbg.html); position:fixed; bottom:15px; right:-560px; z-index:10; }

.dil_tr {}
.dil_en { display:none}


.videolar     { width:208px; height:133px; position:relative; padding:0px; margin:5px 0px 0px 5px; float:left; background:#000000;   }
.videoici      { width:208px; height:133px; background:url(x4.png); position:absolute; left:0px; top:0px; z-index:50 }
.videolar img { width:208px; height:133px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); }
.ilesosyal    { height:88px; width:360px; margin:0 auto }

.videolar:hover img { margin:0px 0px 0px 0px ; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(0%); }

.isosm { color:#FFFFFF; text-decoration:none !important; height:37px; margin-top:1px; position:relative; padding:10px 15px 0px 50px; float:left; margin-left:5px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.isosm img { position:absolute; left:7px; top:7px; }
.ghover { 
        transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
   -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
     -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); 
}



.ghover:hover { 
        transform: rotate(0deg) scale(1.146) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.146) skew(0deg) translate(0px);
   -moz-transform: rotate(0deg) scale(1.146) skew(0deg) translate(0px);
     -o-transform: rotate(0deg) scale(1.146) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.146) skew(0deg) translate(0px); 
}


.resmi { width:117px; height:117px; float:left; overflow:hidden; margin:2px;  }


.kenar { -webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px; }


.sos1            { background:url(1b.png); width:35px; height:35px; float:left; margin-top:2px; margin-left:2px;  }
.sos1:hover      { background:url(1a.png); }

.sos2            { background:url(2b.png); width:35px; height:35px; float:left; margin-top:2px; margin-left:2px;}
.sos2:hover      { background:url(2a.png); }

.sos3            { background:url(3b.png); width:35px; height:35px; float:left; margin-top:2px; margin-left:2px;}
.sos3:hover      { background:url(3a.png); }

.sos4            { background:url(4b.png); width:35px; height:35px; float:left; margin-top:2px; margin-left:2px;}
.sos4:hover      { background:url(4a.png); }

.sos5            { background:url(5b.png); width:35px; height:35px; float:left; margin-top:2px; margin-left:2px;}
.sos5:hover      { background:url(5a.png); }

.sos6            { background:url(6b.png); width:35px; height:35px; float:left; margin-top:2px; margin-left:2px;}
.sos6:hover      { background:url(6a.png); }