/* --------- Genel ----------- */
html {height:100%; overflow-y:scroll;}
body {margin:0px; padding:0px; background:url('../img/body_back.jpg') repeat-x top center #76d0ec;}
body, td{font-family:Tahoma, Arial, Helvetica; color:black; font-size:11px;}
form {margin:0px; padding:0px; }
img {border:none; }
ul, ol {margin:5px 5px 5px 10px; padding:5px 5px 5px 25px; }
table {border-spacing:0px; border-collapse: collapse; }
td {padding:0px; }
a {text-decoration:none;}
a:Hover {}
label.error {color:red; /*display:block;*/ margin-left:5px;}
label.error.n {display:inline; margin-left:5px;}
div.uyarigoster {text-align:center;font-weight:bold; font-size:150%; color:red;}
div.clear {clear:both; height:1px; font-size:1px; line-height:1px;}
/* --------- Genel ----------- */
/* --------- sayfa back ----------- */
div#sayfaback {width:100%; min-width:895px; height:366px; position:absolute; top:0px; left:0px; z-index:1; background:url('../img/sayfaback.jpg') no-repeat top center;}
div#sayfaback img{width:895px; height:1px;}
/* --------- sayfa back ----------- */
/* --------- Baslik ----------- */
div#baslik {width:895px; height:170px; position:relative; margin:0px auto; z-index:3;}
div#baslik img.logo {width:174px; height:43px; position:absolute; top:20px; left:8px;}
div#baslik div.diller {width:210px; height:17px; padding-top:5px; position:absolute; top:0px; right:0px; text-align:center; color:#8b8a8a; font-size:10px; background:url('../img/diller_back.jpg') no-repeat top center;}
div#baslik div.diller a {color:#8b8a8a; text-decoration:none;}
div#baslik div.linkler {width:270px; height:33px; position:absolute; top:30px; right:0px; text-align: right;}
div#baslik div.linkler a{display:block; float:right; margin-left:5px; color:#003344; font-weight:bold; font-size:85%;}
div#baslik div.linkler img{height:33px; width:27px; vertical-align:middle;}
div#baslik div.menu {width:545px; height:71px; position:absolute; top:87px; left:245px;}
div#baslik div.menu table{width:545px; height:71px;}
div#baslik div.menu table td {text-align:center; vertical-align:middle;}
div#baslik div.menu a{padding:4px 5px; color:#ffffff; font-weight:bold; font-size:12px; display:block; vertical-align:middle; text-align:center;}
div#baslik div.menu a:Hover{background-color:#0b4877;}
div#baslik div.solmenu {width:151px; position:absolute; top:162px; left:56px; overflow:hidden;}
div#baslik div.solmenuic {background:url('../img/solmenu_back.jpg') repeat-y top right #ffffff; padding:3px 5px 3px 5px;}
div#baslik div.solmenuic a.kat{color:#c1272d; display: block; padding:2px 0px 5px; font-weight:bold; font-size:13px; border-bottom:1px dashed #ebebeb; margin-top:5px;}
div#baslik div.solmenuic div.urunler a{color:#000000; display: block; padding:2px 0px; font-weight:bold; font-size:11px; border-bottom:1px dotted #ebebeb; margin-left:8px;}
/* --------- Baslik ----------- */
/* --------- Govde ----------- */
div#govde {width:895px; margin:0px auto; position:relative; overflow:hidden; z-index:2;}
div#govde div.icerik {width:675px; margin-left:220px; min-height:400px; height:auto !important; height:400px;}
div#govde div.icerik,
div#govde div.icerik td {color:#6d6868; font-size:11px; font-weight:bold;}
div#govde div.icerik h1 {margin:0px 0px 10px 0px; font-size:25px; font-weight:normal; color:#ffffff;}
div#govde div.icerik div.resss {position:relative; width:206px; height:156px; float:right; display:inline; margin:0px 0px 5px 10px; border:1px solid #ffffff;}
div#govde div.icerik div.resss a{display:block; width:206px; height:156px;}
div#govde div.icerik div.resss img{position:absolute; top:0px; left:0px; width:200px; height:150px; padding:2px; border: 1px solid #abe2f3;}
/* --------- Govde ----------- */
/* --------- Alt ----------- */
div#alt {width:100%; min-width:895px; height:140px; position:relative; background:url('../img/alt_back.jpg') no-repeat top center; padding-top:18px; margin-top:5px; color:#ffffff; font-weight:bold; font-size:11px; text-align:left; z-index:2;}
div#alt div {width:895px; margin:0px auto;}
div#alt div span {float:right;}
div#alt div a {color:#ffffff; }
/* --------- Alt ----------- */
/* --------- Anasayfa ----------- */
body#anasayfa div#govde div.icerik {width:895px; margin:0px; padding-top:25px;}
body#anasayfa div#govde div.icerik div#banner{width:895px; height:200px; margin-bottom:12px;}
body#anasayfa div#govde div.icerik div.uclu {width:285px; height:285px; margin-right:20px; float:left;}
body#anasayfa div#govde div.icerik div.uclu div.uclures {width:276px; height:113px; color:#004475; padding:24px 0px 0px 8px; font-size:105%;}
body#anasayfa div#govde div.icerik div.uclu div#haber.uclures {background:url('../img/ana_uclu1.jpg') no-repeat top left;}
body#anasayfa div#govde div.icerik div.uclu div#proje.uclures {background:url('../img/ana_uclu2.jpg') no-repeat top left;}
body#anasayfa div#govde div.icerik div.uclu marquee {width:277px; height:148px; margin-left:4px;}
body#anasayfa div#govde div.icerik div.uclu div.hsp {margin-bottom:20px;}
body#anasayfa div#govde div.icerik div.uclu div.hsp div.b a {color:#0b4171; font-size:12px; font-weight:bold;}
body#anasayfa div#govde div.icerik div.uclu div.hsp div.y a {color:#787878; font-size:11px;}
body#anasayfa div#govde div.icerik div.uclu div.logolar {width:275px; height:127px; background:url('../img/ana_uclu3.jpg') no-repeat top center; position:relative; padding:5px;}
body#anasayfa div#govde div.icerik div.uclu div.logolar a {width:275px; height:127px;}
body#anasayfa div#govde div.icerik div.uclu div.logolar img {width:275px; height:127px; position:absolute; left:5px; top:5px;}
body#anasayfa div#govde div.icerik div.uclu a.refe {display:block; width:282px; height:43px; text-align:center; padding-top:24px; background:url('../img/ana_refe.jpg') no-repeat top left; color:#b10c0a; font-size:14px; font-weight:bold;}
/* --------- Anasayfa ----------- */
/* --------- iletisim & formlar ----------- */
div#govde div.icerik div.bize_ulasin {width:645px; height:56px; margin-bottom:10px; padding:70px 0px 0px 5px; color:#ffffff; font-size:35px; font-weight:normal; background:url('../img/bize_ulasin.png') no-repeat top left;}
div#govde div.icerik form div.form_baslik {color:#0c4575; font-weight:bold; margin:10px 0px 5px 0px; }
div#govde div.icerik form input.t,
div#govde div.icerik form textarea {width:300px; height:20px; border-width: 1px 0px 0px 1px; border-style: solid; border-color:#85a1bd; }
div#govde div.icerik form textarea {width:500px; height:100px;}
div#govde div.icerik form div.ii {width:500px; margin-top:5px; text-align:right;}
div#govde div.icerik form div.ii input {width:77px; height:32px; background:url('../img/form_gonder.jpg') no-repeat top left; border:none; font-weight:bold; color:#0c4575; cursor: pointer;}
/* --------- iletisim & formlar ----------- */
/* --------- Ürün ----------- */
div#govde div.icerik div.urun {}
div#govde div.icerik div#urun_ust {position:relative; width:460px; height:345px; margin:0px auto; clear:both; border:2px solid #abe2f3;}
div#govde div.icerik div#urun_ust img{position:absolute; width:460px; height:345px;}
div#govde div.icerik div.img {position:relative; padding:6px 25px; margin-top:5px; background-color: #abe2f3; width:625px;}
div#govde div.icerik div.img.hidden {visibility:hidden;}
div#govde div.icerik div.img div#img_ic {position:relative; width:625px; height:96px; }
div#govde div.icerik div.img div#img_ic img {width:120px; height:90px; border:1px solid #ffffff; margin:1px 1px 0px 2px; display: inline; cursor:pointer;}
div#govde div.icerik div.img div#img_ic img.selected {border:2px solid #6e868e; margin:0px 0px 0px 1px;}
div#govde div.icerik div.img div.sol,
div#govde div.icerik div.img div.sag {position:absolute; top:0px; width:25px; height:108px; z-index:5;}
div#govde div.icerik div.img div.sol img,
div#govde div.icerik div.img div.sag img {width:25px; height:108px;}
div#govde div.icerik div.img div.sol {left:0px;}
div#govde div.icerik div.img div.sag {right:0px;}
div#govde div.icerik div.img div#onceki,
div#govde div.icerik div.img div#sonraki {cursor: pointer;}
/* --------- Ürün ----------- */
/**********************************************/
/* @name: style.css */
/* @date: 19/11/07 */
/* @desc: JMyCarousel css */
/* @auth: kevin@enova-tech.net */
/**********************************************/
/** General Elements && arrows description ***/
div.jMyCarousel .prev{
background: url('../_img/urun_alt_salok.png') center center no-repeat;
width:36px;
height:32px;
border:0px;
}
div.jMyCarousel .next{
background: url('../_img/urun_alt_sagok.png') center center no-repeat;
width:36px;
height:32px;
border:0px;
}
div.jMyCarousel .up{
background: url('up.png') center center no-repeat;
width:61px;
height:40px;
border:0px;
}
div.jMyCarousel .down{
background: url('down.png') center center no-repeat;
width:47px;
height:61px;
border:0px;
}
div.jMyCarousel{
border:1px solid #1c6f8e;
}
div.jMyCarousel ul{
}
div.jMyCarousel ul li{
margin:0px;
border:1px solid #ccc;
line-height:0px;
padding:0px;
}
div.jMyCarousel ul li a{ /* in case of link */
display:block;
}
div.jMyCarousel ul li img{
display:block;
border:0px;
}
.treeview, .treeview ul {
padding: 0;
margin: 0;
list-style: none;
}
.treeview ul {
/*background-color: white;*/
margin-top: 4px;
}
.treeview .hitarea {
background: url('images/treeview-default.gif') -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
display: inline;
float:none;
}
.treeview li {
margin: 0;
padding: 3px 0pt 3px 20px;
}
.treeview a.selected {
background-color: #eee;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url('images/treeview-default-line.gif') 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('images/treeview-default.gif'); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url('images/treeview-red-line.gif'); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('images/treeview-red.gif'); }
.treeview-black li { background-image: url('images/treeview-black-line.gif'); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('images/treeview-black.gif'); }
.treeview-gray li { background-image: url('images/treeview-gray-line.gif'); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('images/treeview-gray.gif'); }
.treeview-famfamfam li { background-image: url('images/treeview-famfamfam-line.gif'); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('images/treeview-famfamfam.gif'); }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 20px; display: block; }
.filetree span.folder { background: url('images/folder.gif') 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url('images/folder-closed.gif') 0 0 no-repeat; }
.filetree span.file { background: url('images/file.gif') 0 0 no-repeat; }
#sitemap ul li a, #sitemap ul li span{ text-decoration:none; color:white;}
#sitemap ul li a:Hover, #sitemap ul li span:Hover { color:#093d6c;}
/**
* The "classic" theme CSS for Shadowbox.
*
* This file is part of Shadowbox.
*
* Shadowbox is an online media viewer application that supports all of the
* web's most popular media publishing formats. Shadowbox is written entirely
* in JavaScript and CSS and is highly customizable. Using Shadowbox, website
* authors can showcase a wide assortment of media in all major browsers without
* navigating users away from the linking page.
*
* Shadowbox is released under version 3.0 of the Creative Commons Attribution-
* Noncommercial-Share Alike license. This means that it is absolutely free
* for personal, noncommercial use provided that you 1) make attribution to the
* author and 2) release any derivative work under the same or a similar
* license.
*
* If you wish to use Shadowbox for commercial purposes, licensing information
* can be found at http://mjijackson.com/shadowbox/.
*
* @author Michael J. I. Jackson
* @copyright 2007-2008 Michael J. I. Jackson
* @license http://creativecommons.org/licenses/by-nc-sa/3.0/
* @version SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
*/
/*_____________________________________________________ container & overlay */
#shadowbox_container, #shadowbox_overlay {
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#shadowbox_container {
position: fixed;
display: none;
visibility: hidden;
z-index: 999;
text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
position: absolute;
}
/*_______________________________________________________________ shadowbox */
#shadowbox {
position: relative;
margin: 0 auto;
text-align: left; /* reset left alignment */
}
/*____________________________________________________________________ body */
#shadowbox_body {
position: relative;
margin: 0;
padding: 0;
border: 1px solid #333;
overflow: hidden;
}
#shadowbox_body_inner {
position: relative;
height: 100%;
}
#shadowbox_content.html {
height: 100%;
overflow: auto; /* make html content scrollable */
}
/*_________________________________________________________________ loading */
#shadowbox_loading {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
#shadowbox_body, #shadowbox_loading {
background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
float: left;
margin: 10px 10px 0 10px;
height: 32px;
width: 32px;
background-image: url(loading.gif);
background-repeat: no-repeat;
}
#shadowbox_loading span {
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 10px;
float: left;
margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
color: #fff;
text-decoration: underline;
}
/*____________________________________________________________ title & info */
#shadowbox_title, #shadowbox_info {
position: relative;
margin: 0; /* these must have no vertical margin or padding */
padding: 0;
overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
position: relative;
font-family: 'Lucida Grande', Tahoma, sans-serif;
line-height: 16px;
}
#shadowbox_title {
height: 26px;
}
#shadowbox_title_inner {
font-size: 16px;
padding: 5px 0;
color: #fff;
}
#shadowbox_info {
height: 20px;
}
#shadowbox_info_inner {
font-size: 12px;
color: #fff;
}
/*_____________________________________________________________________ nav */
#shadowbox_nav {
float: right;
height: 16px;
padding: 2px 0;
width: 45%;
}
#shadowbox_nav a {
display: block;
float: right;
height: 16px;
width: 16px;
margin-left: 3px;
cursor: pointer;
}
#shadowbox_nav_close {
background-image: url(icons/close.png);
background-repeat: no-repeat;
}
#shadowbox_nav_next {
background-image: url(icons/next.png);
background-repeat: no-repeat;
}
#shadowbox_nav_previous {
background-image: url(icons/previous.png);
background-repeat: no-repeat;
}
#shadowbox_nav_play {
background-image: url(icons/play.png);
background-repeat: no-repeat;
}
#shadowbox_nav_pause {
background-image: url(icons/pause.png);
background-repeat: no-repeat;
}
/*_________________________________________________________________ counter */
#shadowbox_counter {
float: left;
padding: 2px 0;
width: 45%;
}
#shadowbox_counter a {
padding: 0 4px 0 0;
text-decoration: none;
cursor: pointer;
color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
text-decoration: underline;
}
/*___________________________________________________________________ clear */
div.shadowbox_clear {
clear: both; /* clear floating counter & nav */
}
/*________________________________________________________________ messages */
div.shadowbox_message {
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 12px;
padding: 10px;
text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
color: #fff;
text-decoration: underline;
}