/*
/* ==========================================================================
   Genel
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,600&subset=latin,latin-ext);

html,
button,
input,
select,
textarea {color: #222;}

body {font-size: 1em; line-height: 1.4; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; background: #12869f url('../img/arkaplan.png') repeat-x 0 0;}

::selection {background: #b3d4fc; text-shadow: none; color: #fff;}
::-moz-selection {background: #b3d4fc; text-shadow: none; color: #fff;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

img {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}

#ana-tablo {width: 990px; margin: 0 auto; position: relative; z-index: 100;}
#menu-sag {width: 50%; height: 50px; z-index: 50; position: absolute; right: 0; top: 192px; background: url('../img/menu.png');}


/* ==========================================================================
   Header
   ========================================================================== */
#header {width: 990px; height: 242px; position: relative; z-index: 1500; background: url('../img/header.png') no-repeat 0 0;}
#header .logo {position: absolute; left: 290px; top: 30px;}
#header .logo a:active {opacity: 0.8;}

#header .ana-menu {width: 990px; height: 50px; position: absolute; left: 0; bottom: 0; font-family: 'Open Sans', sans-serif;}

#header .ana-menu .anasayfa {float: left; height: 30px; display: block; margin: 10px 0 10px 20px; padding-left: 50px; line-height: 30px; color: #106272; font-size: 13px; font-weight: 600; text-shadow: 0 1px 0 rgba(0,0,0,0.4); text-decoration: none; background: url('../img/anasayfa-link.png') no-repeat 0 0;}
#header .ana-menu .anasayfa:hover {background-position: 0 -30px;}

#header .ana-menu ul {width: 780px; height: 50px; margin: 0; padding: 0; position: absolute; left: 210px; top: 0;}
#header .ana-menu ul li {float: left; height: 50px; padding-right: 7px; position: relative; background: url('../img/menu-ayrac.png') no-repeat right center;}
#header .ana-menu ul li:last-child {background: none; padding-right: 0;}
#header .ana-menu ul li a {color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.4); line-height: 50px; display: block; padding: 0 20px;}
#header .ana-menu ul li a:hover {opacity: 0.8;}
#header .ana-menu ul ul {width: 180px; height: auto; left: 0; top: 50px; background: #004450; display: none;}
#header .ana-menu ul li:hover ul {display: block;}
#header .ana-menu ul ul li {width: 180px; height: auto; padding: 0; background: 0;}
#header .ana-menu ul ul li a {padding: 6px 15px; line-height: 20px;}
#header .ana-menu ul ul li a:hover {color: #fff; background: #0f99b6;}

#headere {width: 990px; height: 242px; position: relative; z-index: 1500; background: url('../img/headere.png') no-repeat 0 0;}
#headere .logo {position: absolute; left: 290px; top: 30px;}
#headere .logo a:active {opacity: 0.8;}

#headere .ana-menu {width: 990px; height: 50px; position: absolute; left: 0; bottom: 0; font-family: 'Open Sans', sans-serif;}

#headere .ana-menu .anasayfa {float: left; height: 30px; display: block; margin: 10px 0 10px 20px; padding-left: 50px; line-height: 30px; color: #106272; font-size: 13px; font-weight: 600; text-shadow: 0 1px 0 rgba(0,0,0,0.4); text-decoration: none; background: url('../img/anasayfa-link.png') no-repeat 0 0;}
#headere .ana-menu .anasayfa:hover {background-position: 0 -30px;}

#headere .ana-menu ul {width: 780px; height: 50px; margin: 0; padding: 0; position: absolute; left: 210px; top: 0;}
#headere .ana-menu ul li {float: left; height: 50px; padding-right: 7px; position: relative; background: url('../img/menu-ayrac.png') no-repeat right center;}
#headere .ana-menu ul li:last-child {background: none; padding-right: 0;}
#headere .ana-menu ul li a {color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.4); line-height: 50px; display: block; padding: 0 20px;}
#headere .ana-menu ul li a:hover {opacity: 0.8;}
#headere .ana-menu ul ul {width: 180px; height: auto; left: 0; top: 50px; background: #004450; display: none;}
#headere .ana-menu ul li:hover ul {display: block;}
#headere .ana-menu ul ul li {width: 180px; height: auto; padding: 0; background: 0;}
#headere .ana-menu ul ul li a {padding: 6px 15px; line-height: 20px;}
#headere .ana-menu ul ul li a:hover {color: #fff; background: #0f99b6;}

/* ==========================================================================
   Slider
   ========================================================================== */
#slider {width: 990px; height: 541px; position: relative; z-index: 1000;}
#slider-kapsa {width: 990px; height: 541px; position: absolute; left: 0; top: 0; z-index: 100; background: url('../img/slider.png') no-repeat 0 0;}
#slider ul {width: 990px; height: 541px; margin: 0; padding: 0; list-style: none;}
#slider ul li {float: left; width: 990px; height: 541px;}
#slider .bx-prev {width: 19px; height: 19px; display: block; text-indent: -999em; text-decoration: none; z-index: 110; position: absolute; right: 149px; bottom: 101px;}
#slider .bx-next {width: 19px; height: 19px; display: block; text-indent: -999em; text-decoration: none; z-index: 110; position: absolute; right: 97px; bottom: 123px;}

#slider .baslik {padding: 8px 15px; color: #212121; font-size: 16px; font-weight: 700; font-family: 'Dosis', sans-serif; position: absolute; left: 50px; top: 30px; background: rgba(255,255,255,0.5);}

#slider .bilgiler {width: 230px; height: 380px; box-shadow: -1px 0 3px rgba(0,0,0,0.4); background: rgba(255,255,255,0.85); position: absolute; right: 15px; top: 0px;}

/* ==========================================================================
   Anasayfa
   ========================================================================== */
#anasayfa {width: 990px; height: 120px; position: relative; top: -50px; z-index: 1500; background: url('../img/anasayfa.png') no-repeat 0 0;}

#anasayfa .kurumsal {width: 308px; height: 129px; position: absolute; left: 10px; top: 100px; background: url('../img/kutu-1.png') no-repeat 0 0;}
#anasayfa .kurumsal p {color: #fff; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); margin: 0; padding: 20px;}
#anasayfa .kurumsal a {color: #074450; font-size: 12px; font-weight: 900; text-decoration: none; position: absolute; left: 40px; bottom: 10px;}

#anasayfa .butonlar {width: 308px; height: 120px; position: absolute; left: 10px; top: 235px;}
#anasayfa .butonlar a {float: left; width: 308px; height: 59px; background: url('../img/btn.png') no-repeat 0 0;}
#anasayfa .butonlar a.neden {margin-bottom: 6px;}
#anasayfa .butonlar a span {width: 308px; height: 52px; display: block; background-position: 20px center; background-repeat: no-repeat;}
#anasayfa .butonlar a.neden span {background-image: url('../img/neden.png');}
#anasayfa .butonlar a.katalog span {background-image: url('../img/katalog.png');}
#anasayfa .butonlar a:active {opacity: 0.8;}

#anasayfa .proje-goruntuleri {width: 105px; height: 48px; position: absolute; right: 45px; top: 33px;}
#anasayfa .proje-goruntuleri a {width: 105px; height: 48px; display: block; text-indent: -999em;}

#anasayfa .haberler {width: 196px; height: 130px; position: absolute; right: 20px; top: 110px; background: url('../img/haberler.png') no-repeat 0 0;}
#anasayfa .haberler .kaber-kapsa {float: left; width: 140px; height: 50px; position: relative; margin: 60px 0 0 35px; color: #fff; font-size: 11px;}
#anasayfa .haberler .kaber-kapsa ul {margin: 0; padding: 0; list-style: none;}
#anasayfa .haberler .kaber-kapsa .bx-prev {width: 14px; height: 15px; position: absolute; left: -22px; top: -2px; background: url('../img/haberler-ok.png') no-repeat left top; display: block; text-indent: -99999px;}
#anasayfa .haberler .kaber-kapsa .bx-next {width: 14px; height: 20px; position: absolute; left: -22px; top: 14px; background: url('../img/haberler-ok.png') no-repeat left bottom; display: block; text-indent: -99999px;}
#anasayfa .haberler .kaber-kapsa .bx-prev:hover {background: url('../img/haberler-ok.png') no-repeat right top;}
#anasayfa .haberler .kaber-kapsa .bx-next:hover {background: url('../img/haberler-ok.png') no-repeat right bottom;}

#anasayfa .butonlar-2 {width: 196px; height: 120px; position: absolute; right: 20px; top: 250px;}
#anasayfa .butonlar-2 a {float: left; width: 196px; height: 59px; background: url('../img/btn-2.png') no-repeat 0 0;}
#anasayfa .butonlar-2 a span {width: 196px; height: 52px; display: block; background-position: 20px center; background-repeat: no-repeat;}
#anasayfa .butonlar-2 a.mesaj span {background-image: url('../img/mesaj-formu.png');}
#anasayfa .butonlar-2 a.telefon span {background-image: url('../img/telefon-hatti.png');}
#anasayfa .butonlar-2 a:active {opacity: 0.8;}

#anasayfa .yvr-slider {width: 280px; height: 280px; position: absolute; left: 395px; top: 152px;}
#anasayfa .yvr-slider ul {margin: 0; padding: 0; list-style: none;}
#anasayfa .yvr-slider .bx-pager {position: absolute; right: 14px; top: 5px; z-index: 200;}
#anasayfa .yvr-slider .bx-pager .bx-pager-item {float: left; width: 9px; height: 9px; position: relative;}
#anasayfa .yvr-slider .bx-pager .bx-pager-item a {display: block; width: 9px; height: 9px; text-indent: -999em; background: url('../img/yvr.png') no-repeat 0 -9px;}
#anasayfa .yvr-slider .bx-pager .bx-pager-item a.active {background-position: 0 0;}

#anasayfa .foot {color: #fff; position: absolute; left: 40px; bottom: 0; font-size: 11px;}

#footer {float: left; width: 930px; margin: 15px 30px;}
#footer .ust {width: 930px; height: 40px; background: #0d414a; border-radius: 5px; position: relative;}
#footer .ust a.logo {float: left; margin: 4px 0 0 15px;}
#footer .ust a.inviva {width: 62px; height: 16px; display: block; text-indent: -999em; position: absolute; right: 10px; bottom: -20px; background: url('../img/inviva.png') no-repeat 0 0;}

#footer .alt {width: 930px; padding-top: 45px; color: #fff; font-size: 11px; background: url('../img/tel.png') no-repeat 0 15px;}

#popup-tablo {width: 800px; position: absolute; left: 50%; top: 150px; z-index: 999999; margin-left: -400px;}
#popup-tablo .pop {width: 750px; display: none; padding: 10px 25px; position: relative; background: #fff; border-radius: 2px; border: 1px solid #ddd; border-radius: 3px;}
#popup-tablo .pop p {font-size: 14px; line-height: 1.5; margin: 25px 0 20px;}
#popup-tablo .pop code {font-family: Consolas, Monaco, monospace;}
#popup-tablo .pop h1 {border-bottom: 1px solid #dadada; clear: both; color: #444; font-size: 24px; margin: 20px 0 0 0; padding: 0; padding-bottom: 7px;}
#popup-tablo .pop ul li {margin-bottom: 10px; font-size: 14px;}
#popup-tablo .pop blockquote {float: left; width: 725px; padding: 10px 10px 0; background: #fff; margin: 15px 0 0 0;}
#popup-tablo .pop blockquote p {margin: 0 0 10px;}
#popup-tablo .pop blockquote p b {width: 80px; display: inline-block;}
#popup-tablo .pop .harita {float: right; width: 665px; margin-top: 10px;}
#popup-tablo .pop a {color: #21759B; text-decoration: none;}
#popup-tablo .pop a:hover {color: #D54E21;}
#popup-tablo .pop a.kapat {width: 20px; height: 24px; padding-right: 10px; text-align: right; line-height: 24px; color: #444; font-size: 18px; font-weight: 700; position: absolute; right: -32px; top: 5px; border: 1px solid #ddd; border-radius: 0 4px 4px 0; background: #f6f6f6;}
#popup-tablo .pop a.kapat:hover {color: #c00;}

#kaplama {width: 100%; height: 100%; z-index: 99999; display: none; position: fixed; left: 0; top: 0; opacity: 0.8; background: #000;}
.ic ul { margin:20px; padding: 0}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}

.hidden {display: none !important; visibility: hidden;}

.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}