@charset "utf-8";
/* 
 * AZU, 2012
 *
 * Bu belge beş ana bölümden oluşur.
 * 
 *   1. Internet Tarayıcı Sıfırlama (Browser Reset)
 *   2. Site Şablonu (Site Layout)
 *   3. Sayfa Biçimleri (Page Styles)
 *   4. Yazı Biçimleri (Type Styles)
 *   5. Form Biçimleri(Form Styles)
 * 
 * ------------------------------------------------------------
  
/*
 * 1. Internet Tarayıcı Sıfırlama (Browser Reset)
 *
 * ------------------------------------------------------------
*/
 @import url('vns-reset.css');
 
/* 
 * 2. Site Şablonu (Site Layout)
 *
 * ------------------------------------------------------------
*/

/* Layout */
div#container, div#imgSlider, div#content {overflow:hidden;}
div#header, div#footer, div#imgSlider {position:relative;}
div#containerBack {background:#fff;}
div#container {width:987px;margin:0 auto;}
div#header {width:987px;height:145px;background:url(../images/map-world.png) no-repeat top center;}
div#imgSlider {width:987px;}
div#content {width:987px;margin-top:-20px; position:relative; z-index:9999;}
div#footerBack {height:120px;background:url(../images/footer-back-tile.png) repeat-x;}
div#footer {width:987px;margin:0 auto;height:100px;}
div#header a { text-align:left}

/* Global */
body {background-color:#c4c4c4;}
.resetList {margin:0;padding:0;list-style:none;}
.hide-text {text-indent: 100%;white-space: nowrap;overflow: hidden;}
.clear-float {}

/* 
 * 3. Sayfa Biçimleri (Page Styles)
 *
 * ------------------------------------------------------------
*/
/* Page */
a {text-decoration:none;color:#337bae;}

/* Header  */
#siteLogo {position:absolute; top:10px; left:0;}
#siteSlogan {}
div#mainMenu {position:absolute;bottom:0;left:0;}
ul#mainMenu li {}
ul#mainMenu li:first-child {}
ul#mainMenu a:link, ul#mainMenu a:visited {}
ul#socialLinks {position:absolute; right:-5px; top:50px;}
ul#socialLinks li {float:left;text-indent: 100%;white-space: nowrap;overflow: hidden;margin-right:5px;}
ul#socialLinks li a {display:block; width:28px; height:30px; background:url(../images/sociallinks.png) no-repeat;}
.twitter {background-position:-31px 0 !important;}
p#siteTel {position:absolute;right:0;top:10px;height:34px;width:152px;background:url(../images/phone.png) no-repeat;}
div#facebookLike {position:absolute;right:60px;top:55px;}

/* Image Slider */
#whiteGradient {width:987px; height:39px; background:url(../images/white-gradient.png) no-repeat; position:absolute; bottom:0; z-index:9999;}

/* Content  */
.capCorner {height:35px; padding-right:4px; background:url(../images/cap-right.png) no-repeat right top;}
.roundedCap {height:35px; background:url(../images/cap-body.png) no-repeat;}
.boxContent {background:#e4e4e4 url(../images/conbox-back-tile.png) repeat-x;}
.roundedCap h2 {margin-left:5px;padding-left:30px; font-family:'geometriclite'; font-size:16px; color:#fff; line-height:35px; background:url(../images/icons.png) no-repeat;}
.boxContent {padding:10px; border:1px solid #fff; overflow:hidden;}
.conBox {float:left;}
.news {border-bottom:1px solid #afafb0;}
#haberler {position:relative;}
.newsImage {float:left; margin-right:10px;}
.haberler h2 {background-position:0 -30px;}
.referanslar h2 {background-position:0 -60px;}
.haberler h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom:0;}
p.date {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#979797;}
.imgBorder {border:1px solid #e3e3e3; padding:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
.tumHaberler {float:right;display:block; margin-top:8px; width:90px; height:21px; background:url(../images/button-tum-haberler.png) no-repeat;}
.devami {float:right;display:block; width:62px; height:21px; background:url(../images/button-devami.png) no-repeat;}
.digerReferanslar {float:right;display:block; width:104px; height:21px; background:url(../images/button-diger-referanslar.png) no-repeat;}

/* Footer */
#footerLogo {position:absolute;top:20px;left:0;}
#copyright {position:absolute;top:30px;left:115px;}
#disclaimer {position:absolute;top:45px;left:115px;}
#venusAjans {position:absolute;top:35px;right:10px;}

/* 
 * 4. Yazı Biçimleri (Type Styles)
 *
 * ------------------------------------------------------------
  Default font settings.
  The font-size percentage is of 16px. (0.75 * 16px = 12px)
*/

html{font-size:100.01%;}
body{font-size:75%;color:#525356;font-family:"geometricmedium", Arial, Helvetica, sans-serif;;line-height:1.5em;}

/* Başlıklar (Headings)  */
h1,h2,h3,h4,h5,h6{font-weight:400;color:#121212;}
h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:2.2em;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:700;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:700;}

/* Metin öğeleri (Text Elements)  */
p{margin:0 0 1.5em;}
blockquote{color:#666;font-style:italic;margin:1.5em;}
strong,dfn{font-weight:700;}
em,dfn{font-style:italic;}
sup,sub{line-height:0;}
abbr,acronym{border-bottom:1px dotted #666;}
address{font-style:italic;margin:0 0 1.5em;}
del{color:#666;}
pre{white-space:pre;margin:1.5em 0;}
pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

/* @Font-Face  */
@font-face {
    font-family: 'geometriclite';
    src: url('../webfonts/geo415l-webfont.eot');
    src: url('../webfonts/geo415l-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/geo415l-webfont.woff') format('woff'),
         url('../webfonts/geo415l-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geometricmedium';
    src: url('../webfonts/geo415m-webfont.eot');
    src: url('../webfonts/geo415m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/geo415m-webfont.woff') format('woff'),
         url('../webfonts/geo415m-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*  KUTULAR > BÜYÜK KUTU */
.c_right_b{ float:right; width:685px; height:auto; margin-left:10px; margin-top:10px; text-align:left }
.c_right_top_b{ float:right; width:685px; height:7px; background-image:url('../images/c-b-top.png'); background-repeat:no-repeat; text-decoration:none; }
.c_right_center_b{ float:right; width:635px; height:auto; background-image:url('../images/c-b-middle.png'); background-repeat:repeat-y; text-decoration:none; padding:15px 25px; text-align:left}
.c_right_bottom_b{ float:right; width:685px; height:7px; background-image:url('../images/c-b-bottom.png'); background-repeat:no-repeat; text-decoration:none; }
.icsayfa p {text-align:left;}


/*  KUTULAR > KÜÇÜK KUTU */
.c_left_a{ float:left; width:297px; height:auto; margin-top:10px; text-align:left}
.c_left_top_a{ float:left; width:297px; height:7px; background-image:url('../images/c-a-top.png'); background-repeat:no-repeat; text-decoration:none; }
.c_left_center_a{ float:left; width:285px; height:auto; background-image:url('../images/c-a-middle.png'); background-repeat:repeat-y; text-decoration:none; padding:5px; }
.c_left_bottom_a{ float:left; width:297px; height:7px; background-image:url('../images/c-a-bottom.png'); background-repeat:no-repeat; text-decoration:none; }



/*  KUTULAR > KÜÇÜK KUTU */
.c_left_c{ float:left; width:297px; height:auto; margin-top:10px; text-align:left}
.c_left_top_c{ float:left; width:297px; height:7px; background-image:url('../images/c-a-top.png'); background-repeat:no-repeat; text-decoration:none; }
.c_left_center_c{ float:left; width:285px; height:auto; background-image:url('../images/c-a-middle.png'); background-repeat:repeat-y; text-decoration:none; padding:5px; }
.c_left_bottom_c{ float:left; width:297px; height:7px; background-image:url('../images/c-a-bottom.png'); background-repeat:no-repeat; text-decoration:none; }


.content_title {background:url(../images/bg-baslik.png) no-repeat; width:644px; height:63px; margin-bottom:10px; position:relative}
.content_title h2 { padding:17px 25px; font-size:18px}

.menu{ float:left; width:285px; height:auto; padding:5px;}
.content_banner {padding:10px 15px; width:265px}
.content_banner img {width:267px; height:221px}

.cMenuTitle { position:relative; height:48px; margin-bottom:10px; width:300px }
.cMenuTitle h2 {color:#121212; padding:17px 25px; font-size:18px; text-align:right;}
.mTitle {position:absolute; top:6px; right:-10px;background:url(../images/bg-title.png) no-repeat; width:100%}


ul.menu_content { margin:0; padding:0}
ul.menu_content li {  background:url(../images/bg-menu.png) no-repeat bottom; width:100%; padding-bottom:8px }
ul.menu_content li a { color:#333; display:block; font-size:15px; padding:7px 15px 7px 35px; text-decoration:none; /*border-bottom:1px dotted #D1D1D1;*/ font-family:"geometricmedium", Arial, Helvetica, sans-serif; background:url(../images/bullet.png) no-repeat 12px}
ul.menu_content li a:hover { text-decoration:none; color:#459fce;}


.icerik_fotolar {padding:5px; border:1px solid #CDCDCD; margin-right:10px}
.icerik_fotolar img {width:160px}

.icerik_fotolar_genel {height:auto; padding-bottom:20px; border-bottom:3px solid #F9F9F9}
.icerik_fotolar_genel h2 {padding:5px 10px; background: url(../images/cap-body.png) repeat-x right; color:#FFFFFF; display: inline-block; margin-bottom:10px; font-size:16px; border:2px dotted #FFF;
margin-left:7px}



<!--//////////////////PROJERLER//////////////-->


div#left-menu { list-style:none; border-top:0px solid #8cc642; margin-top:10px }
div#left-menu ul {margin:0; padding:0}
div#left-menu li { background:none; padding:0; width:100%; list-style:none }
div#left-menu li a { color:#333; display:block; font-family:  Arial, Helvetica, sans-serif; font-size:11px; padding:10px 15px 9px 25px; text-decoration:none; border-bottom:1px dotted #999999; font-weight:normal; background: url(/images/bullet-black.png) no-repeat #f5f5f5 7px; }
div#left-menu li a:hover { text-decoration:none; color:#000; background: url(/images/bullet-blue.png) no-repeat 7px #FFF ; }
div#left-menu h3 { margin:0; padding:7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  background: #459fce; color:#FFF; font-weight:normal }


.projeler { width: 100%; height: auto; display: inline; float: left; margin:0; padding:0 }
.projeler .proje { width: 185px; height: 260px; position: relative; background: #f5f5f5; border: 1px #c3c3c3 dotted; padding: 7px; margin: 0 6px 6px 0; display: inline; float: left; }
.proje-kutu { width: 185px; height: 148px; position: relative; background: #fff; }
.proje-text { width: 180px; display: inline; float: left; margin: 0; position: relative; font-size: 11px; margin-top:15px }
.proje-ikon { width: 76px; height: 20px; position: absolute; left: 5px; bottom: 5px;}
.projeler .proje:hover { border: 1px #000 dotted; }


.kutu-resim { width: 148px; height: 145px; display: inline; float: left; position: relative; top: 5px; left: 5px; }
.kutu-resim .cerceve { position: absolute; left: 0; top: 0; z-index: 2; }
.kutu-resim .img { position: absolute; left: 7px; top: 7px; z-index: 1; }
.kutu-yazi { width: 175px; height: auto; display: inline; float: left; }
.kutu-yazi-sol { width: 165px; }

.foto_ekip {padding:5px; border:1px solid #CDCDCD}