/*
	:: style.css
	----------------------------------------------------------
	
	Theme Name          : DETAY
	Theme URL           : www.detayotomasyon.com.tr
	
	This theme built by .
	Copyright (c) 2011 . All Rights Reserved.
	
-------------------------------------------------------------------------------*/

/* Reset
-------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
body{line-height: 1;}
ol,ul{list-style: none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content: none;}
table{border-collapse: collapse; border-spacing: 0;}
b,strong {font-weight: 700;}
i {font-style: italic;}
u {text-decoration: underline;}
a,input,select,form,textarea {outline: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.lte7 .clearfix {height: 1%}

/* Genel
-------------------------------------------------------------------------------*/
html {background: #000001 url('../img/arkaplan.png') repeat-x left top; height: 100%;}
body {background: url('../img/ust.png') no-repeat center top; color: #5c6a4b; font-size: 11px; font-family: Tahoma, Geneva, sans-serif; min-height: 100%; height: auto !important; height: 100%;}
#site-ana-tablo {width: 990px; margin: 0 auto; overflow: hidden; position: relative;}


/* Ust Kisim
-------------------------------------------------------------------------------*/
#logo {width: 132px; height: 125px; position: absolute; right: 0px; top: 20px; z-index: 105; display: block;}

#link-tarih {float: left; height: 15px; margin-top: 74px; margin-bottom: 7px; background: url('../img/link-tarih.png') no-repeat left;}
#link-tarih a.anasayfa {float: left; width: 11px; height: 15px; margin-right: 14px; display: block;}
#link-tarih a.iletisim {float: left; width: 10px; height: 15px; margin-right: 14px; display: block;}
#link-tarih span.tarih {float: left; height: 15px; display: block; line-height: 15px; color: #333; font-size: 10px; font-family: Tahoma, Geneva, sans-serif;}

#sosyal {width: 57px; height: 24px; position: absolute; right: 17px; top: 187px; z-index: 105; background: url('../img/sosyal.png');}
#sosyal a.fb {float: left; width: 16px; height: 24px; margin: 0 17px 0 4px;}
#sosyal a.tw {float: left; width: 16px; height: 24px; margin: 0 4px 0 0;}

#emlak-portali {width: 95px; height: 54px; position: absolute; right: 47px; top: 465px; z-index: 105; display: block; background: url('../img/emlak-portali.png');}

#slider {float: left; width: 980px; height: 370px; overflow: hidden; margin-right: 10px; margin-bottom: 6px;}
#slider ul, #slider ul li {float: left; width: 980px; height: 370px;}

#menu {float: left; width: 800px; height: 22px; margin: 14px 0;}
#menu ul {width: 800px; height: 22px;}
#menu ul li {float: left; height: 22px; position: relative; padding: 0 11px 0 0; margin: 0 11px 0 0; border-right: 1px solid #666667;}
#menu ul li a {color: #ccc; font-size: 15px; font-weight: 700;}
#menu ul li a:hover {color: #78b925;}
#menu ul.altmenu {position: absolute; left: 0px; top: 22px; display: none; z-index: 15; width: 180px; height: auto; opacity: 0.9; background: #000;}
#menu ul li:hover ul.altmenu {display: block;}
#menu ul.altmenu li {clear: both; width: 180px; padding: 0; margin: 0; height: auto; border: none; display: block;}
#menu ul.altmenu li a {display: block; padding: 5px 0 5px 10px; font-size: 13px;}

/* Anasayfa
-------------------------------------------------------------------------------*/
#anasayfa {float: left; width: 988px; height: 385px; position: relative; left: -8px; z-index: 5; background: url('../img/anasayfa-arka.png');}

#anasayfa .kurumsal {float: left; width: 230px; height: 306px; padding-top: 79px; margin-left: 38px;}
#anasayfa .kurumsal img {float: left; width: 230px; margin-bottom: 15px;}
#anasayfa .kurumsal p {float: left; width: 230px; margin-bottom: 10px; line-height: 14px;}
#anasayfa .kurumsal a {clear: both; color: #68b00b; text-decoration: none;}

#anasayfa .hizmetlerimiz {float: left; width: 280px; height: 306px; padding-top: 79px; margin-left: 40px;}
#anasayfa .hizmetlerimiz ul {width: 280px; height: 306px;}
#anasayfa .hizmetlerimiz ul li {float: left; width: 280px; height: 22px; margin-bottom: 2px;}
#anasayfa .hizmetlerimiz ul li a {width: 260px; height: 22px; line-height: 22px; text-decoration: none; color: #fff; display: block; padding-left: 20px; background: url('../img/hizmetlerimiz-link.png') no-repeat top;}
#anasayfa .hizmetlerimiz ul li a:hover {color: #d7e8c2; background: url('../img/hizmetlerimiz-link.png') no-repeat bottom;}

#anasayfa .haber {float: left; width: 262px; margin-top: 72px; margin-left: 28px;}
#anasayfa .haber a {color: #d7e8c2; text-decoration: none; font-size: 12px; line-height: 16px;}
#anasayfa .haber a:hover {color: #fff;}
#anasayfa .haber .cizgi {width: 262px; height: 1px; margin: 10px 0; background: #273416; border-top: 1px solid #0a1001;}

#anasayfa a.galeri {color: #d7e8c2; text-decoration: none; font-size: 12px; font-weight: 700; line-height: 16px; display: block; width: 150px; position: absolute; right: 135px; bottom: 150px;}
#anasayfa a.katalog {color: #d7e8c2; text-decoration: none; font-size: 12px; font-weight: 700; line-height: 16px; display: block; width: 150px; position: absolute; right: 135px; bottom: 60px;}


/* Anasayfa
-------------------------------------------------------------------------------*/
#icerik {float: left; width: 988px; min-height: 499px; position: relative; left: -8px; background: url('../img/detay-arka.png') no-repeat top;}
#icerik article {float: left; width: 953px; padding-top: 19px; margin-left: 35px;}
#icerik article h2 {float: left; width: 953px; height: 30px; line-height: 28px; color: #fff; font-size: 15px; font-weight: 700; margin-bottom: 28px;}

#icerik article .sol {float: left; width: 230px; margin: 2px 3px;}
#icerik article .sol img {float: left; width: 230px; margin-bottom: 15px;}
#icerik article .sol ul.linkler {float: left; width: 230px;}
#icerik article .sol ul.linkler li {font-size: 11px; font-weight: 700; font-family: Tahoma, Geneva, sans-serif; line-height: 24px; border-bottom: 1px solid #242d19;}
#icerik article .sol ul.linkler li a {color: #6a8645; text-decoration: none; display: block; padding-left: 10px;}
#icerik article .sol ul.linkler li a:hover {background: url('../img/linkler.png');}
#icerik article .sol .adres {float: left; width: 230px; font-size: 13px; color: #a9c386; line-height: 18px; font-family: Arial, Helvetica, Sans-Serif;}
#icerik article .sol .adres b {font-size: 15px; font-weight: 700; padding-bottom: 5px; color: #fff;}
#icerik article .sol .adres span {font-weight: 700; padding-bottom: 5px; color: #e2f2cc;}
#icerik article .sol .adres a {color: #a9c386; text-decoration: none;}
#icerik article .sol .adres a:hover {color: #e2f2cc;}

#icerik article .sag {float: right; width: 520px; margin: 0 160px 50px 0; color: #cfe4b5; line-height: 14px; font-size: 12px; font-family: Tahoma, Geneva, sans-serif;}
#icerik article .sag .ortabaslik {font-size: 14px;}
#icerik article .sag .resim-sag {position: relative; left: -250px; top: -28px; overflow: auto; width: 200px; padding: 3px; background: #20251a;}
#icerik article .sag .orta-yazi {margin-top: -290px; min-height: 350px;}
#icerik article .uyg {float: right; width: 360px; margin: 0 160px 50px 0; color: #68b00b; line-height: 14px; font-size: 12px; font-family: Tahoma, Geneva, sans-serif;}

#icerik article .galeri {width: 953px; height: 750px; padding-bottom: 100px;}



/* Site Alt
-------------------------------------------------------------------------------*/
#siteAlt {width: 100%; height: 159px; background: url('../img/alt.png') no-repeat center center;}
#siteAlt .ansayfa-alt {width: 755px; height: 159px; margin: 0 auto; background: url('../img/alt-anasayfa.png') no-repeat -39px top;}
#siteAlt .telif {width: 720px; margin: 0 auto; padding-top: 80px; color: #68b00b; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px;}
#siteAlt .telif a {color: #68b00b; text-decoration: none; font-weight: 700;}

/* Nivo
-------------------------------------------------------------------------------*/
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice {display:block; position:absolute; z-index:5; height:100%;}
.nivo-box {display:block; position:absolute; z-index:5;}
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:8;}
.nivo-caption p {padding:5px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav {display:block; position:absolute; top:230px; right: 50px; z-index:9; width:80px; height:81px; background: url('../img/slider-butonlari.png');}
.nivo-directionNav a {position: relative;cursor:pointer;}
a.nivo-prevNav {text-indent: -9999px; float: right; width: 44px; height: 44px;}
a.nivo-nextNav {text-indent: -9999px; float: left; width: 44px; height: 44px; top: -8px;}
.nivo-controlNav {display:none;}