@charset "utf-8";
/* Umart Mimarlık CSS */

@font-face {
    font-family: 'helvetica_neue_l23ultraLtExOb';
    src: url('/webfonts/helveticaneueltpro-ultltexo_0tr-webfont.eot');
    src: url('/webfonts/helveticaneueltpro-ultltexo_0tr-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/helveticaneueltpro-ultltexo_0tr-webfont.woff') format('woff'),
         url('/webfonts/helveticaneueltpro-ultltexo_0tr-webfont.ttf') format('truetype'),
         url('/webfonts/helveticaneueltpro-ultltexo_0tr-webfont.svg#helvetica_neue_l23ultraLtExOb') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuLight';
    src: url('/webfonts/ubuntu-l-webfont.eot');
    src: url('/webfonts/ubuntu-l-webfont.eot') format('embedded-opentype'),
         url('/webfonts/ubuntu-l-webfont.woff') format('woff'),
         url('/webfonts/ubuntu-l-webfont.ttf') format('truetype'),
         url('/webfonts/ubuntu-l-webfont.svg#UbuntuLight') format('svg');
}


body, html, input {margin:0; padding:0; font-weight:normal; overflow:hidden; outline:none;}
input {outline: none;}
img {border: none;}
a, a:hover {text-decoration: none; color: #fff; outline:none;}
body {background:url(/images/loader.gif) center center no-repeat #151516; font: 11px Arial, Helvetica, sans-serif;}

/* Standart Sınıflar */
.b {display: block;}
.dfl {display: block; float: left;}
.dfr {display: block; float: right;}
.dn {display: none;}
.fl {float: left;}
.fr {float: right;}
.a {position: absolute;}
.f {position: fixed;}
.r {position: relative;}
.c {position: relative; margin: 0 auto;}
.o {overflow: hidden;}
.m {width: 996px;}
.l {margin: 0; padding: 0; list-style: none;}
.cl {clear: both;}

#header {width:100%; height:88px; background:url(/images/header-pattern-bg.png) repeat; z-index:100;}
#logo {background:url(/images/h1-logo.png) no-repeat; margin:10px 0 0; text-indent:-9999px;}
#logo,#logo a {width:141px; height:71px;}
#menuButton {background:url(/images/menu-icon.png) 6px center no-repeat #000; font:10px/17px 'UbuntuLight'; color:#d0d0d0; padding:5px 10px 5px 30px; cursor:pointer; right:120px; top:-10px;}
#flags {right:0; top:-10px; background:#000; padding:5px 8px;}
#flags li {float:left; margin-left:10px; padding-left:10px; border-left:1px #999 solid;}
#flags li a {color:#d0d0d0; font:10px/17px 'UbuntuLight';}
#flags li:first-child {margin:0; padding:0; border-left:none;}
/*#menuButton:hover,#menuButton.active {background:url(/images/menu-icon.png) 6px center no-repeat #99465F;}*/

#nav {right:0; top:35px; display:none;}
#nav li {float:left; height:43px; padding:0 0 0 10px; margin:0 0 0 10px; background:url(/images/nav-li-splitter.jpg) left 2px no-repeat;}
#nav li a {color:#d0d0d0; font:11px 'UbuntuLight'; padding:0 0 2px; border-bottom:0px #fff solid;}
#nav li:first-child {background:none !important; margin-left:0; padding-left:0; margin-left:0;}
#nav li.selected a {border-bottom-width:5px; color:#fff;}
#nav li:hover {background:url(/images/nav-li-splitter-hover.jpg) left 2px no-repeat;}
#nav li:hover a {color:#fff; background-position: 0 -20px;}
#nav li ul {display:none;}

/*
#nav li:hover ul {display:block; position:absolute; width:478px; right:0; top:43px; background:url(/images/header-pattern-li-ul-bg.png) repeat; height:auto; padding:20px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; -moz-box-shadow:10px 10px 10px #000; -webkit-box-shadow:10px 10px 10px #000; box-shadow:10px 10px 10px #000;}
#nav li:hover ul li {border:none; text-align:left; width:468px; height:auto; margin-left:10px;}
#nav li:hover ul li:first-child {margin-left:0;}
#nav li:hover ul li a {border:none;}
#nav li ul h3 {background:url(/images/header-pattern-li-ul-bg.png) repeat; padding:10px; margin:0 0 10px;}
#nav li ul h3 a{font:18px 'UbuntuLight'; color:#fff;}
#nav .scroll {width:468px; height:300px; overflow:auto;}
#nav li ul .scroll ul {background:none; position:relative; top:0; height:auto; padding:0; display:block; width:468px;}
#nav li ul .scroll ul li {background:none; width:468px; float:none; padding:9px 0; border-top:1px #666 solid; margin:0; display:block; overflow:hidden; line-height:30px; text-shadow:1px 1px 1px #000;}
#nav li ul .scroll ul li a {font-size:14px; letter-spacing:-0.5px}
#nav li ul .scroll ul li:first-child {margin-left:0; border:none;}
#nav li ul .scroll ul li:hover {background:#99465F;}
#nav li ul .scroll ul li:hover .image {margin-left:10px;}
#nav li ul .scroll ul li .image {margin:0 10px 0 0; height:30px; border:1px #fff solid;}
*/

#slider .wrapper {position:relative; z-index:3;}
#slider .control {left:0; bottom:0; color:#fff; position:absolute; z-index:2; width:996px; height:200px; z-index:10;}
#slider .control .control-wrapper {position:absolute; bottom:140px; /*border-top:6px #99465f solid;*/ width:557px; height:80px;}
#slider .control .title {font:30px 'helvetica_neue_l23ultraLtExOb'; color:#fff; background:rgba(47,49,53,.6); padding:0 0 0 10px; width:480px; position:relative;}
#slider .control .desc {font:14px 'UbuntuLight'; color:#fff; text-shadow:1px 1px 1px #000; padding:10px 0 10px 10px; position:relative;}
#slider .control .thumbs {position:absolute; bottom:56px; right:0; width:979px; height:80px; overflow:hidden;}
#slider .control .thumb-holder {position:relative;  height:52px;}
#slider .control .thumb-holder .thumb {float:left; border-top:6px #99465f solid; border-bottom:0px #99465f solid; height:0; overflow:hidden; margin-right:1px; cursor:pointer; background:url(/images/thumb-loader.gif) center center no-repeat;}
#slider .control .thumb-holder .thumb p {margin:0; background:#99465F; text-align:center; font:10px 'UbuntuLight';}
#slider .control .thumb-holder .thumb:hover p {background:#000;}

#slider .pattern {background:url(/images/slide-pattern.png) repeat; z-index:2;}
#slider .slide {float:left; overflow:hidden; display:inline-block;}
#slider .slide.html .w{overflow:hidden; color:#fff;  position:absolute; width:996px; text-shadow:1px 1px 1px #000;}
#slider .slide.html .w h2 {font:60px 'UbuntuLight'; margin-bottom:0;}
#slider .slide.html .w #masterText {font:13px/18px 'UbuntuLight';}
#slider .slide.html .w #masterText h3 {font-size:22px; line-height:20px;}
#slider .slide.html .w .goback{ background:#000; padding:0 5px; color:#fff; width:70px; font-size:12px;}
#slider .slide.html .v{color:#fff; position:absolute; height:250px; text-shadow:1px 1px 1px #000;}
#slider .slide.html .v h2 {font:30px 'UbuntuLight'; margin:-60px 0 20px; color:#fff; letter-spacing:11px;}

#slider .slide.iframe .w{overflow:hidden; color:#fff; position:absolute; width:996px; text-shadow:1px 1px 1px #000; z-index:2;}
#slider .slide.iframe .w h2 {font:60px 'UbuntuLight'; margin-bottom:0;}
#slider .slide.iframe .w #masterText {font:15px/22px 'UbuntuLight';}
#slider .slide.iframe .w .goback{ background:#000; padding:0 5px; color:#fff; width:70px; font-size:12px;}


#slider .arrow {width:59px; height:117px; background:url(/images/slide-arrows.png) no-repeat; top:43%; cursor:pointer; z-index:3; z-index:10000;}
#slider .arrow.prev {left:30px;}
#slider .arrow.next {background-position:-59px 0; right:30px;}

#header,#slider,#footer {opacity:0; -moz-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);}

#footer {width:100%; bottom:0; z-index:10; color:#fff; font:11px/17px 'UbuntuLight'; text-shadow:1px 1px 1px #000;}
#footer,#footer .m {height:62px;}
#footer p {margin:0}
#policy {font-size:10px;}
#author {right:0; bottom:10px; font-size:10px;}
#author a {color:#c0c0c0;}
#social {right:0; top:0;}
#social li {float:left; font-size:10px; line-height:12px; padding-right:18px; background:url(/images/social-tw.png) right top no-repeat}
#social li:first-child {background:url(/images/social-fb.png) right top no-repeat; margin-right:15px;}
/*#social li:first-child:hover {background-position:right -12px;}*/

.slide-holder {position:relative; min-width:996px;}
.slide-box {width:260px; height:300px; margin-right:20px; display:inline-block; float:left; transform-origin: 50% 0; -moz-transform-origin: 50% 0; -webkit-transform-origin:50% 0; -o-transform-origin:50% 0; -ms-transform-origin: 50% 0; -moz-opacity:.6; -webkit-opacity:.6; opacity:.6; filter:alpha(opacity=60);}
.slide-box .image {height:130px; margin-bottom:10px; /*-moz-border-radius:200px; -webkit-border-radius:200px; border-radius:200px; border:5px #2A2A2C solid;*/ background:#2A2A2C; overflow:hidden;}
.slide-box .title {font:14px 'UbuntuLight'; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:8px 0; height:40px; text-transform:uppercase;}
.slide-box:hover .image {border-color:#fff;}
.slide-box.noradius {height:300px; width:auto; margin:0 10px 0 0;}
.slide-box.noradius .image{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:5px #fff solid; height:300px; border:5px #2A2A2C solid;}

.newsGallery {width:150px; height:150px; border:5px #fff solid; /*-moz-border-radius:200px; -webkit-border-radius:200px; border-radius:200px;*/ margin:0 40px 40px 0;}

#iframe {position:absolute; left:0; top:0; min-height:500px; z-index:1; opacity:1;}

.jcarousel-container li {width:996px;}
.jcarousel-container li .box {width:190px; float:left; margin:0 11px 11px 0; -moz-opacity:.6; -webkit-opacity:.6; opacity:.6; filter:alpha(opacity=60); overflow:hidden;}
.jcarousel-container li .box .image {height:107px;}
.jcarousel-container li .box .title {display:none; bottom:-50; background:rgba(0,0,0,.5); color:#fff; padding:10px; width:300px; font:11px 'UbuntuLight';}

#slider .slide.html .w .small {width:600px; font-size:14px; line-height:18px; padding:5px 20px;}
#slider .slide.html .w .small h3 {font:30px 'UbuntuLight'; margin:10px 0;}
.bagliprojeler li {margin-top:5px; font-size:12px;}
.bagliprojeler li:first-child {margin:0;}

.videolink {display:block; border:1px #5F6163 solid; background:url(/images/video.png) 10px center no-repeat #4C4C4E; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:5px 10px 5px 30px; right:0; top:0; font-size:11px; z-index:10000;}

.indexPhoto {border:8px rgba(0,0,0,.3) solid; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 10px 10px 0;}
.indexPhoto:hover {border-color:rgba(255,255,255,.3);}