/*
 * HTML5 Boilerplate
 *
 * Semih AYHAN | INVIVA MEDYA | <smhayhan@gmail.com>
 * (c) 2013 http://inviva.com.tr
 */

/* ==========================================================================
	 Web Fonts (Generated by Font Squirrel)
	 ========================================================================== */

	 @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&subset=latin,latin-ext);
	 @import url(http://fonts.googleapis.com/css?family=Arimo&subset=latin,latin-ext);
	 
@font-face {
		font-family: 'Quorum';
		src: url('../fonts/quorumm-webfont.eot');
		src: url('../fonts/quorumm-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/quorumm-webfont.woff') format('woff'),
				 url('../fonts/quorumm-webfont.ttf') format('truetype'),
				 url('../fonts/quorumm-webfont.svg#webfontregular') format('svg');
		font-weight: normal;
		font-style: normal;

}

@font-face {
		font-family: 'Quorum-l';
		src: url('../fonts/quoruml-webfont.eot');
		src: url('../fonts/quoruml-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/quoruml-webfont.woff') format('woff'),
				 url('../fonts/quoruml-webfont.ttf') format('truetype'),
				 url('../fonts/quoruml-webfont.svg#webfontregular') format('svg');
		font-weight: normal;
		font-style: normal;

}

@font-face {
		font-family: 'Klavika';
		src: url('../fonts/klavika-bold-webfont.eot');
		src: url('../fonts/klavika-bold-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/klavika-bold-webfont.woff') format('woff'),
				 url('../fonts/klavika-bold-webfont.ttf') format('truetype'),
				 url('../fonts/klavika-bold-webfont.svg#klavika_bdbold') format('svg');
		font-weight: 700;
		font-style: normal;

}


/* ==========================================================================
	 Base styles
	 ========================================================================== */

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

a,
input,
select,
textarea {outline: none !important;}

html, body {height: 100%;}
body {font-size: 1em; line-height: 1.4; height: 100%; min-height: 100%; height: auto !important; background: url('../img/layout/background.jpg') repeat 0 0;}

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

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

#main-wrap {width: 1000px; margin: 0 auto; position: relative; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 0 8px rgba(0,0,0,0.4);}


/* ==========================================================================
	 Header
	 ========================================================================== */
#header-wrap {float: left; width: 1000px; height: 300px; position: relative; z-index: 5000;}
.home #header-wrap {height: 750px;}
.detay #header-wrap {height: auto !important;}
.referanslar #header-wrap {height: 100% !important;}

/* Header
	 ======================================== */
#header-wrap .header {width: 948px; height: 78px; position: absolute; left: 26px; top: 50px; z-index: 50; background: url('../img/layout/header.png') no-repeat 0 0;}

.header .logo {float: left; width: 244px; height: 78px;}
.header .logo a {width: 162px; height: 37px; display: block; margin: 20px auto 0;}
.header .logo a:active,
.header .logo a:focus {opacity: 0.8;}


.header .main-nav {float: left; width: 700px; height: 70px; margin: 4px 0;}

.main-nav .home {width: 28px; height: 28px; position: absolute; left: 232px; top: 25px; display: block; border-radius: 14px; background: url('../img/layout/home-icon.png') no-repeat 0 0; z-index: 99999}
.main-nav .home:hover,
.main-nav .home:active,
.main-nav .home:focus {background-position: -28px 0;}

.main-menu {float: left; margin: 0; padding: 0 0 0 18px; position: relative;}
.main-menu li {float: left; height: 70px; padding-right: 1px; background: url('../img/layout/menu-sep.png') no-repeat right center;}
.main-menu li.last {padding-right: 0; background: none;}
.main-menu li a {display: block; padding: 0 15px; line-height: 70px; color: #2c2c2c; font-size: 13px; font-weight: 700; text-decoration: none; font-family: 'Klavika', sans-serif;  transition: all linear 100ms; -webkit-transition: all linear 100ms; -moz-transition: all linear 100ms;}
.main-menu li:hover a,
.main-menu li a:active,
.main-menu li a:focus {background: #fff;}

.main-menu li:hover .sub-menu,
.main-menu li:hover .large-sub-menu {display: block;}

.sub-menu {width: 180px; background: #fff; display: none; position: absolute; left: 0; top: 70px; padding: 10px; border-radius: 0 0 4px 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.sub-menu ul {margin: 0; padding: 0; list-style: none;}
.sub-menu ul li {float: left; width: 180px; height: auto; padding: 0; background: none;}
.sub-menu ul li a {color: #555; font-size: 12px; font-family: sans-serif; line-height: 16px; padding: 7px 15px; border-radius: 4px;}
.sub-menu ul li a:hover {color: #fff; background: #333;}

.large-sub-menu {width: 842px; padding: 0 0 0 10px; display: none; position: absolute; right: -44px; top: 70px; background: #fff; border-radius: 0 0 5px 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.large-sub-menu .col {float: left; width: 300px; margin: 10px 10px 10px 0;}
.large-sub-menu .col.links {float: right; width: 200px; height: 300px; background: #fafafa; margin: 0; padding: 10px; border-left: 1px solid #eee; border-radius: 0 0 5px;}

.large-sub-menu .col .img {width: 300px; height: 150px; padding-bottom: 10px; border-bottom: 5px solid #eee;}
.large-sub-menu .col .text {width: 300px; padding: 10px 0; color: #555; font-size: 11px;}
.large-sub-menu .col .link {width: 300px; height: 30px;}
.large-sub-menu .col .link a {color: #fff; font-size: 12px; font-family: sans-serif; line-height: 30px; text-align: center; padding: 0; border-radius: 5px;}
.large-sub-menu .col .link.a a {background: #64ab17;}
.large-sub-menu .col .link.b a {background: #359af7;}
.large-sub-menu .col .link.c a {background: #f66013;}
.large-sub-menu .col .link a:hover {color: #fff; background: #333;}

.large-sub-menu .col.links ul {margin: 0; padding: 0; list-style: none;}
.large-sub-menu .col.links ul li {float: left; width: 200px; height: auto; padding: 5px 0; background: none; border-bottom: 1px solid #eee;}
.large-sub-menu .col.links ul li a {color: #555; font-size: 12px; font-family: sans-serif; line-height: 16px; padding: 7px 15px; border-radius: 4px; background: none;}
.large-sub-menu .col.links ul li a:hover {color: #fff; background: #333;}

/* Quick Links 
	 ======================================== */
#header-wrap .quick-links {height: 28px; position: absolute; right: 80px; top: 15px; z-index: 40;}
#header-wrap .quick-links ul {margin: 0; padding: 0; list-style: none;}
#header-wrap .quick-links ul li {float: left; height: 28px; background: url('../img/layout/quick-links-sep.png') no-repeat right top;}
#header-wrap .quick-links ul li.last {background: none;}
#header-wrap .quick-links ul li a {padding: 0 12px 0 7px; height: 28px; display: block; text-align: center;}
#header-wrap .quick-links ul li a img {vertical-align: middle;}

/* Slider 
	 ======================================== */
 #header-wrap .slider {width: 1000px; height: 750px; position: absolute; left: 0; top: 0; z-index: 10;}
.slider ul {width: 1000px; height: 750px; margin: 0; padding: 0; list-style: none; overflow: hidden;}

.slider .bx-viewport {z-index: 10;}
.slider .bx-controls {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20;}

.slider .bx-pager {position: absolute; right: 30px; bottom: 20px;}
.slider .bx-pager-item {float: left; width: 19px; height: 19px; margin-left: 5px;}
.slider .bx-pager-item a {width: 19px; height: 19px; display: block; text-indent: -9999px; background: url('../img/layout/home-slider-pager.png') no-repeat 0 0;}
.slider .bx-pager-item a.active {background-position: -19px 0;}

.slider .bx-prev {width: 48px; height: 48px; display: block; position: absolute; left: 30px; top: 420px; text-indent: -99999px; background: url('../img/layout/home-slider-arrows.png') no-repeat 0 0;}
.slider .bx-next {width: 48px; height: 48px; display: block; position: absolute; right: 30px; top: 420px; text-indent: -99999px; background: url('../img/layout/home-slider-arrows.png') no-repeat -48px 0;}

/* Latest Projects
	 ======================================== */
.latest-projects {width: 460px; height: 220px; position: absolute; right: 30px; bottom: 60px; z-index: 15; background: url('../img/layout/latest-projects.png') no-repeat left bottom; overflow: hidden;}
.latest-projects .list {width: 376px; height: 153px; position: absolute; left: 42px; bottom: 16px;}
.latest-projects .list ul {margin: 0; padding: 0; list-style: none;}
.latest-projects .list ul li {float: left; width: 183px; height: 153px;}
.latest-projects .list ul li a {width: 175px; height: 145px; border: 1px solid #535353; padding: 3px; display: block;}
.latest-projects .list .bx-prev {width: 11px; height: 22px; position: absolute; left: -30px; bottom: 65px; display: block; text-indent: -9999px; background: url('../img/layout/latest-projects-arrows.png') no-repeat 0 0;}
.latest-projects .list .bx-next {width: 11px; height: 22px; position: absolute; right: -30px; bottom: 65px; display: block; text-indent: -9999px; background: url('../img/layout/latest-projects-arrows.png') no-repeat -11px 0;}

/* Sites Links
	 ======================================== */
.sites-links {width: 30px; position: absolute; right: -30px; top: 0; z-index: 35;}
.sites-links a {float: left; width: 30px; height: 116px; margin-bottom: 0px; border-radius: 0 3px 3px 0; display: block; text-indent: -9999px; box-shadow: inset 2px 0 2px rgba(0,0,0,0.3);}
.sites-links a.g {background: #bc10ab url('../img/logo/granova-l.png') no-repeat center center;}
.sites-links a.p {background: #00b2ff url('../img/logo/prativa-l.png') no-repeat center center;}
.sites-links a.a {background: #f66013 url('../img/logo/adzone-l.png') no-repeat center center;}
.sites-links a.ge {background: #80c342 url('../img/logo/genox-l.png') no-repeat center center;}
.sites-links a.h {background: #BD1111 url('../img/logo/haber-l.png') no-repeat center center;}
.sites-links a:hover {background-color: #181715;}

/* Other Sites
	 ======================================== */
.other-sites {}

.other-sites .site {width: 1000px; height: 750px; display: none; position: absolute; left: 0; top: 0; z-index: 30; font-weight: 700; font-family: 'Arimo', Arial, sans-serif;}
.other-sites .site .head {float: left; width: 940px; height: 80px; margin: 150px 0 0 30px; position: relative; background: url('../img/layout/site-head.png') no-repeat 0 0;}
.other-sites .site .head .logo {float: left; margin: 28px 0 0 40px;}
.other-sites .site.genox .head .logo {margin:14px 0 0 40px;}
.other-sites .site .head .text {float: right; margin: 25px 80px 0 0; text-align: right; line-height: 14px; text-shadow: 0 1px 0 rgba(0,0,0,0.5); color: #fff; font-size: 13px; font-weight: 299;}
.other-sites .site .head .text span {display: block;}
.other-sites .site .head .text a {color: #fff; text-decoration: none;}
.other-sites .site .head .text a:hover {color: #7fb249;}
.other-sites .site .head .close {width: 12px; height: 12px; display: block; position: absolute; right: 30px; top: 34px;}

.other-sites .site .side {float: left; width: 170px; margin: 70px 40px 0 60px; text-align: right;}
.other-sites .site .side p {color: #fff; font-size: 13px; margin: 0 0 10px; line-height: 16px;}

.other-sites .site .img {float: left; width: 700px; margin: 20px 0;}

.other-sites .site.prativa {background: url('../img/layout/prativa-bg.jpg') no-repeat 0 0;}
.other-sites .site.granova {background: url('../img/layout/granova-bg.jpg') no-repeat 0 0;}
.other-sites .site.adzone {background: url('../img/layout/adzone-bg.jpg') no-repeat 0 0;}
.other-sites .site.genox {background: url('../img/layout/genox-bg.png') no-repeat 0 0;}
.other-sites .site.haber {background: url('../img/layout/haber-bg.png') no-repeat 0 0;}


/* ==========================================================================
	 Home Institutional
	 ========================================================================== */
#home-institutional {float: left; width: 1000px; height: 130px; margin: 0 0 20px; position: relative; z-index: 4800; background: #1786c8 url('../img/layout/pattern-01.png') repeat 0 0;}
#home-institutional .shadow-top {width: 100%; height: 16px; position: absolute; left: 0; top: 0; background: url('../img/layout/large-shadow.png') no-repeat center top;}
#home-institutional .shadow-bottom {width: 100%; height: 7px; position: absolute; left: 0; bottom: -7px; background: url('../img/layout/large-shadow-t20.png') no-repeat center top;}

#home-institutional .logo {float: left; width: 193px; height: 80px; margin: 25px 0; padding: 0 32px 0 30px; background: url('../img/layout/sep-vertical-with-shadow.png') repeat-y right top;}
#home-institutional .logo img {width: 193px; height: 30px; display: block; margin: 25px 0;}

#home-institutional .text {float: left; width: 600px; height: 60px; margin: 45px 0 0 30px; line-height: 1.2; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); color: #fff; font-size: 14px; font-weight: 400; font-family: 'Quorum', sans-serif;}
#home-institutional .link {width: 48px; height: 48px; display: block; position: absolute; right: 30px; top: 45px; background: url('../img/layout/home-slider-arrows.png') no-repeat right top;}

/* ==========================================================================
	 Home Services 956 - 8 - 1 - 246 - 6
	 ========================================================================== */
#home-services {float: left; width: 956px; height: 246px; margin: 0 22px 20px; overflow: hidden; background: #fff; border-radius: 3px; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
#home-services ul {margin: 0; padding: 8px 0 0 8px; list-style: none;}
#home-services ul li {float: left; width: 235px; height: 230px; margin-right: 1px; position: relative; overflow: hidden;}
#home-services ul li a {width: 235px; height: 230px; display: block; text-decoration: none;}
#home-services ul li .top {float: left; width: 235px; height: 128px; position: relative; background: url('../img/layout/pattern-02.png') repeat 0 bottom;}
#home-services ul li .icon {width: 235px; height: 128px; line-height: 128px; text-align: center;}
#home-services ul li .icon img {vertical-align: middle; position: relative; top: -10px;}
#home-services ul li h3 {width: 100%; height: 30px; padding: 0; margin: 0; position: absolute; left: 0; top: 97px; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,0.3); color: #fff; font-size: 14px; font-family: 'Quorum-l', sans-serif;}

#home-services ul li .bottom {float: left; width: 235px; height: 76px; padding-top: 20px; text-align: center; color: #555; font-size: 13px; font-family: 'Quorum', sans-serif; border-bottom: 6px solid #ddd;  background: url('../img/layout/pattern-03.png') repeat 0 0; transition: all linear 100ms; -webkit-transition: all linear 100ms; -moz-transition: all linear 100ms;}

#home-services ul li.s-web .top {background-color: #64ab17;}
#home-services ul li.s-web .bottom {border-bottom-color: #e8f2dc;}
#home-services ul li.s-web:hover .bottom {color: #fff; border-bottom-color: #64ab17; border-bottom-color: rgba(0,0,0,0.2); background: #64ab17 url('../img/layout/pattern-02.png') repeat 0 0;}
#home-services ul li.f-web .top {background-color: #359af7;}
#home-services ul li.f-web .bottom {border-bottom-color: #e1f0fe;}
#home-services ul li.f-web:hover .bottom {color: #fff; border-bottom-color: #359af7; border-bottom-color: rgba(0,0,0,0.2); background: #359af7 url('../img/layout/pattern-02.png') repeat 0 0;}
#home-services ul li.media .top {background-color: #bc10ab;}
#home-services ul li.media .bottom {border-bottom-color: #f5dbf2;}
#home-services ul li.media:hover .bottom {color: #fff; border-bottom-color: #bc10ab; border-bottom-color: rgba(0,0,0,0.2); background: #bc10ab url('../img/layout/pattern-02.png') repeat 0 0;}
#home-services ul li.adv   .top {background-color: #f66013;}
#home-services ul li.adv   .bottom {border-bottom-color: #fee7dc;}
#home-services ul li.adv:hover .bottom {color: #fff; border-bottom-color: #f66013; border-bottom-color: rgba(0,0,0,0.2); background: #f66013 url('../img/layout/pattern-02.png') repeat 0 0;}

/* ==========================================================================
	 Footer
	 ========================================================================== */
#footer-wrap {width: 100%; padding: 15px 0 30px;}
#footer-wrap .footer {width: 1000px; margin: 0 auto;}

#footer-wrap .logo {float: left; margin: 10px 0;}
#footer-wrap .logo a:active,
#footer-wrap .logo a:focus {opacity: 0.8;}

#footer-wrap .copyright {float: right; margin: 5px 0; text-align: right; color: #bdbdbd; font-size: 10px; font-family: sans-serif;}

#footer-wrap .sep {float: left; width: 1000px; height: 7px; margin: 15px 0; background: url('../img/layout/footer-sep.png') repeat-x 0 0;}

#footer-wrap .quick-links {float: left; height: 28px;}
#footer-wrap .quick-links ul {margin: 0; padding: 0; list-style: none;}
#footer-wrap .quick-links ul li {float: left; height: 28px; background: url('../img/layout/quick-links-sep.png') no-repeat right top;}
#footer-wrap .quick-links ul li.last {background: none;}
#footer-wrap .quick-links ul li a {padding: 0 12px 0 7px; height: 28px; display: block; text-align: center;}
#footer-wrap .quick-links ul li a img {vertical-align: middle;}


/* ==========================================================================
	 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;}

.menuAlti { overflow: hidden; width: 1000px; height: 1000px; float: left; position: relative;}
.menuAlti .ust {background: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.icerikAlani { width: 950px; height: 500px; position: absolute; z-index: 9999; bottom: 0; left: 0; padding: 0 30px; background: #fff;}
.icerikAlani .baslik {float: left; width: 100%; margin:10px 0; border-bottom: 2px solid #777; padding-bottom: 10px;}
.icerikAlani .baslik h1 {color:#fff; font-size: 18px; margin: 0; padding: 0; color:#777;}

.icerikAlani .iletisimSol {width: 500px; height: auto; float: left;}

.icerikAlani .iletisimSag {width: 450px; height: 100px; float: right;}
.icerikAlani .iletisimSag .sagkutu {width: 420px; height: auto; float: left; margin-bottom: 10px; border-left: 3px solid #ddd; padding:9px 0 9px 10px; font-size: 12px;}
.icerikAlani .iletisimSag .sagkutu:hover {background: #f66013; color:#fff; cursor: text;}
.icerikAlani .iletisimSag .sagkutu strong {float: left; width: 60px;}

.iframeGolge {width: 180px; height: 50px; border-radius: 0 0 4px 4px; position: absolute; z-index: 15; right: 81px; top: 0; background: #1786c8;}


.detayIcerik { width: 1000px; height: auto; float: left;}


.detayIcerik .menuArkasi { width: 1000px; height: 220px; float: left; background: url("../img/menu-arka.png");}
.detayIcerik .yaziAlanim { width: 1000px; height: auto; float: left;}

.detayIcerik .yaziAlanim .yaziIcerik {width: 1000px; float: left; height: auto; background: #fff; padding-bottom: 10px; position: relative;}

.detayIcerik .yaziAlanim .baslik { width: auto; height: 50px; position: absolute; left: 70px;}

.detayIcerik .menuArkasi { width: 1000px; height: 220px; float: left; background: url("../img/menu-arka.png");}
.detayIcerik .yaziAlanim { width: 1000px; height: auto; float: left;}

.detayIcerik .yaziAlanim .yaziIcerik {width: 1000px; float: left; height: auto; background: #fff; padding-bottom: 10px; position: relative;}

.detayIcerik .yaziAlanim .baslik { width: auto; height: 50px; position: absolute; left: 70px;}

.detayIcerik .yaziAlanim .baslik.referanslar      {width:291px; background: url("../img/basliklar/01.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.tarihce          {width:154px; background: url("../img/basliklar/02.png") no-repeat; top: -41px;}
.detayIcerik .yaziAlanim .baslik.haberler         {width:208px; background: url("../img/basliklar/03.png") no-repeat; top: -30px;}
.detayIcerik .yaziAlanim .baslik.hizmetlerArama   {width:690px; background: url("../img/basliklar/04.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.haber            {width:315px; background: url("../img/basliklar/05.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.hizmetlerHosting {width:401px; background: url("../img/basliklar/06.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.hizmetlerInternet{width:482px; background: url("../img/basliklar/07.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.hizmetlerOzel    {width:503px; background: url("../img/basliklar/08.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.pratik           {width:427px; background: url("../img/basliklar/09.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.hizmetler        {width:383px; background: url("../img/basliklar/10.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.iletisim         {width:240px; background: url("../img/basliklar/11.png") no-repeat; top: -40px;}
.detayIcerik .yaziAlanim .baslik.farkliliklar     {width:286px; background: url("../img/basliklar/12.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.kariyer          {width:177px; background: url("../img/basliklar/13.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.kurumsalMarkalar {width:231px; background: url("../img/basliklar/14.png") no-repeat; top: -45px;}
.detayIcerik .yaziAlanim .baslik.musteriler       {width:413px; background: url("../img/basliklar/15.png") no-repeat; top: -32px;}
.detayIcerik .yaziAlanim .baslik.teklifIste       {width:228px; background: url("../img/basliklar/16.png") no-repeat; top: -40px;}

/* Referanslar */

.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler {width: auto; height: 35px; position: absolute; right: 30px; top: -35px; margin:0; padding: 0; list-style: none;}
.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler li {float: left;height:35px; background: #455d69; margin-left: 5px; border-radius:4px 4px 0 0;}
.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler li:hover {background: #516673}
.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler li.aktif {background: #fff;}
.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler li.aktif a {color:#000;}
.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler li.aktif a span { border-bottom: 2px solid #7fb249;}
.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler li a span {border-bottom: 2px solid transparent; padding-bottom: 9px;}
.detayIcerik .yaziAlanim .yaziIcerik .tabLinkler li a {height: 35px; line-height: 35px; display: block; font-size: 11px; font-family: arial; padding: 0 10px; text-decoration: none; color:#fff;}

.detayIcerik .yaziAlanim .yaziIcerik .refControl {width: 940px; height: 45px; float: left; background: #fff; margin: 0 0 0 30px; border-bottom: 1px solid #dcdcdc}
.detayIcerik .yaziAlanim .yaziIcerik .refControl.yokari .refAltGolge {width: 932px; height: 10px; float: left; background: url("../img/ref-golge.png") no-repeat top center;}
.detayIcerik .yaziAlanim .yaziIcerik .refControl.yokari {border-top: 1px solid #dcdcdc; border-bottom: none}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .oklar {width: auto; float: left; height: 25px; margin-top: 10px;}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .oklar .cnt-next {width: 25px; height: 25px; float: left; background: url("../img/ref-controls.png") no-repeat 0 0; margin-right: 5px;}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .oklar .cnt-prev {width: 25px; height: 25px; float: left; background: url("../img/ref-controls.png") no-repeat -25px 0; }
.detayIcerik .yaziAlanim .yaziIcerik .refControl .oklar a {display: block; width: 100%; height: 100%;}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .tamami {width: 80px; height: 25px; float: right; background: #93a6b3; margin-top: 10px; font-size: 11px; text-align: center}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .tamami:hover {background: #7d8f9c} 
.detayIcerik .yaziAlanim .yaziIcerik .refControl .tamami a { height: 25px; display: block; text-decoration: none; color:#fff; line-height: 25px;}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .teklifIste { width: 80px !important; height: 25px; float: left; margin-left: 5px; background: #93a6b3 !important; margin-top: 10px; font-size: 11px; text-align: center}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .teklifIste:hover {background: #7d8f9c !important}
.detayIcerik .yaziAlanim .yaziIcerik .refControl .teklifIste a { height: 25px; display: block; text-decoration: none; color:#fff; line-height: 25px;}

.detayIcerik .yaziAlanim .yaziIcerik .refListe { width: 940px; height: auto; float: left; margin-left: 30px; background: #fff; margin-top: 10px;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul {width: 940px; height: auto; float: left; margin: 0; padding: 0; list-style: none;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li {width: 300px; height: 280px; float: left; margin: 0 20px 20px 0; position: relative;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .reRenk {width: 300px; height: 214px;background: url("../img/liHover.png") no-repeat; display: none; position: absolute; left: 0; top: 0; z-index: 99999}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .reRenk a {width: 100%; height: 100%; display: block;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li.son {margin:0;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .resim {width: 300px; height: 214px; float: left;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi {width: 300px; height: 67px; float: left; font-size: 12px;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi .bilgiUst {width: 300px; height: 30px; float: left; border-bottom: 2px dotted #ccc;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi .bilgiUst .sirketAdi {width: 240px; height: 30px; float: left; text-align: left; line-height: 30px; color:#000; font-weight: 700; font-size: 100%;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi .bilgiUst .sirketAdi span a {color:#3b3b3b; font-weight: 700; font-size: 100%; text-decoration: none}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi .bilgiUst .sirketAdi span {float: left; border-bottom: 2px solid #7fb249; height: 30px;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi .bilgiUst .sirketSehir {width: 60px; height: 30px; float: right; text-align: right; line-height: 30px; color:#8d8d8d; font-size: 100%;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi .bilgiAlt {width: 300px; height: 30px; float: left; color:#8d8d8d;}
.detayIcerik .yaziAlanim .yaziIcerik .refListe ul li .liAltBilgi .bilgiAlt .bilgi {width: 300px; height: 30px; float: left; line-height: 30px;}

/* Tarhiçe */

.detayIcerik .yaziAlanim .yaziIcerik .detayResim { width: 1000px; height: 236px; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: url("../img/detay-resim-golge.png") no-repeat center bottom; display: none}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar { width: 940px; height: 70px; float: left; margin:10px 0 10px 30px; background: #f5f5f5}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .invivaMarkaLogo { width: 216px;height: 29px; float: left; background: url("../img/inviva-marka-logo.png") no-repeat; margin:20px 0 0 20px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .InvivaDigerMarkalar { width: 414px; height: 45px; float: right; margin: 0; padding: 0; list-style: none; background: url("../img/inviva-diger-markalar.png") no-repeat; margin-top: 25px; margin-right: 30px; border-bottom: 2px solid #e0e0e0}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .InvivaDigerMarkalar li {width:50px; height: 22px; float: left; margin-right: 20px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .InvivaDigerMarkalar li a {display: block; width: 100%; height: 100%;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .InvivaDigerMarkalar li.prativa {width:71px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .InvivaDigerMarkalar li.granova {width:91px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .InvivaDigerMarkalar li.conceptiva {width:96px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMarkalar .InvivaDigerMarkalar li.adzone {margin:0; width: 83px;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin { width: 910px; height: auto; float: left; margin:10px 0 10px 30px; background: #fff;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol { width: 255px; height: 100%; float: left; background: #fff; word-wrap:break-word;  padding-right: 40px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag { width: 570px; height: 100%; float: right; background: #fff; border-left: 1px dashed #ddd; padding-left: 40px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag strong { display: block; }

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag .prativaKutu { width: 300px; height: 29px; float: left; background: #7fb249 url("../img/kutusol-ok.png") no-repeat right center; margin-bottom: 10px; border-radius: 3px 0 0 3px}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag .prativaKutu a { padding-left: 10px; font-size: 12px; color:#fff; line-height: 29px; text-decoration: none; display: block; font-family: 'Roboto', sans-serif; font-weight: 200;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag .prativaKutu:hover { opacity: .8;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .detayKmenu { width: 255px; height: auto; float: left; margin: 0; padding: 0; list-style: none;  background: url("../img/detay-kmenu.png") no-repeat; margin-top: 20px; margin-left: 20px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .detayKmenu li { width: 224px; height: 29px; float: left;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .detayKmenu li a { line-height: 31px; display: block; padding-left: 10px; font-size: 12px; text-decoration: none; color:#fff;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .detayKmenu li a:hover { opacity: 0.7}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1 { width: 230px; float: left; height: auto;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1.kirmizi .solCubuk {border-color:#a12727;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1.turuncu .solCubuk {border-color:#c75e00;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1.yesil .solCubuk {border-color:#4b7c17;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1.kirmizi h1 {color:#a12727;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1.turuncu h1 {color:#c75e00;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1.yesil h1 {color:#4b7c17;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1 .cubukKapsa { width: 230px; float: left; height: 100%; position: relative;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1 .solCubuk { width: 7px; height: 94%; border:4px solid #0073ba; border-right: none; position: absolute; left: 0; top: 0;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1 h1 { width: 230px; float: left; margin: 0; padding: 0; line-height: 24px; font-size: 24px; font-weight: 700;font-family:'Roboto Slab', sans-serif; color:#0073ba; padding-left: 20px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSol .yazi1 span { width: 230px; float: left; margin: 0; padding: 0; line-height: 15px; font-size: 13px; font-family:'Roboto Slab', sans-serif; color:#9b9b9b; padding-left: 20px; margin-top: 10px;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag p { width: 570px; height: 100%; float: right; background: #fff; font-size: 13px; margin: 10px 0 20px 0; font-weight: 300; font-family: 'Arimo', sans-serif; color:#3b3b3b;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag p a {color:#3b3b3b; text-decoration: none; font-weight: 700;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .detayMetinSag p a:hover {color:#000; }

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu { width: 940px; height: 144px; float: left; background: url("../img/altKutu.png") no-repeat; margin: 20px 0}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSol {width: 425px; height: 127px; float: left; position: relative;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSol p {width: 240px; height: 58px; position: absolute; left: 175px; top: 29px; font-size: 11px; color:#fff;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSol a {width: 103px; height: 25px; line-height: 25px; padding-left: 20px; background: #256bac; position: absolute; left: 175px; bottom: -10px; color:#fff; font-size: 11px; text-decoration: none;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSol a:hover {background: #164b7c}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSag {width: 425px; height: 127px; float: right; position: relative;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSag p {width: 240px; height: 58px; position: absolute; left: 67px; top: 19px; font-size: 11px; color:#fff;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSag a {width: 103px; height: 25px; line-height: 25px; padding-left: 20px; background: #830b77; position: absolute; left: 67px; bottom: 0; color:#fff; font-size: 11px; text-decoration: none;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSag a:hover {background: #471342}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .altKutu .altSag a:hover {background: #471342}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .musteriListe {width: 600px; height: auto; float: left; margin: 0; padding: 0; list-style: none;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .musteriListe li {width: 600px; height: 80px; float: left; border-bottom: 2px solid #ebebeb; padding: 15px 0}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .musteriListe li .musterisatir {width: 600px; height: 20px; float: left; font-size: 14px;color:#585858;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .musteriListe li .musterisatir strong {width: 120px; float: left; }

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala {width: 640px; height: auto; float: left; margin: 0; padding: 0; list-style: none;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li {width: 605px; height: 385px; float: left; margin: 10px 0; position: relative; border-bottom: 4px solid #93a6b3}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postResim {width: 605px; height: 270px; float: left;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postTarih {width: 90px; height: 90px; float: left; background: #7fb249; margin:10px 0 0;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postTarih .tarihGun {width: 70px; height: 35px; float: left; margin-left: 10px; text-align: center; margin-top: 10px; font-size: 24px; color:#fff; font-weight: 900; border-bottom: 1px solid #a6c980}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postTarih .tarihAy {width: 70px; height: 45px; float: left; margin-left: 10px; text-align: center;  font-size: 14px; color:#e3eddb; margin-top: 10px;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postBaslik {width: 505px; height: 30px; float: left; margin-left: 10px; margin-top: 10px; border-bottom: 2px solid #dcdcdc}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postBaslik a {font-size: 95%; font-weight: 700; color:#585858; text-decoration: none;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postKyazi {width: 515px; height: auto; float: left;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .postKyazi p {width: 505px; height: auto; float: left; background: none; margin-left: 10px; font-size: 14px; margin-top: 5px; color:#585858;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .yaziyaGit {width: 80px; height: 25px; position: absolute; right: 0; bottom: 0;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .yaziyaGit a {display: block; width: 80px; height: 25px; background: #93a6b3; font-size: 11px; font-family: tahoma; color:#fff; line-height: 25px; text-align: center; text-decoration: none}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .haberlerSirala li .yaziyaGit a:hover {color:#fafafa; text-decoration: underline;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .adresBilgi {width: 600px; height: auto; float: left;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .adresbilgiSatir {width: 100%; height: auto; float: left; margin-top: 10px; font-size: 13px; color:#585858;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .adresbilgiSatir.asagimargin {margin-bottom: 10px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .adresbilgiSatir strong {width: 80px; float: left; font-size: 14px; font-weight: 900;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .adresbilgiSatir span {width: 490px; float: left;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu {width: 600px; height: auto; float: left; margin-top: 20px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .iletisimBaslik {width: 600px; height: 40px; float: left; background: url("../img/iletisim-baslik.png") no-repeat; border-radius: 0 4px 4px 0}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .iletisimBaslik h3 {height: 40px; line-height: 40px; color:#fff; font-size: 13px; padding-left: 10px; margin: 0;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .form {width: 100%; min-height: 435px; float: left; margin-top: 10px; position: relative;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .iletisimsatir {width: 100%; height: 40px; float: left; margin-bottom: 10px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .iletisimsatir.b {height: auto;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .iletisimsatir span {width: 120px; height: auto; float: left; line-height: 34px;  font-size: 14px; font-weight: 900;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .iletisimsatir input {width: 300px; height: 34px; float: left; border-radius: 3px; border:1px solid #bcbcbc; padding-left: 10px; padding-right: 10px; font-size: 12px;box-shadow: inset -3px 8px 6px -9px rgba(0, 0, 0, 1);}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .iletisimsatir textarea {width: 458px; height: auto; min-height:100px;  float: right; border-radius: 3px; resize:none; border:1px solid #bcbcbc; padding-left: 10px; padding-right: 10px; padding-top: 10px; max-width: 458px; font-size: 12px;box-shadow: inset -3px 8px 6px -9px rgba(0, 0, 0, 1);}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .submit {width: 130px; height: 50px; background: #737373; position: absolute; left: 120px; bottom: 10px; border-radius: 4px; color:#fff; font-size: 13px; line-height: 50px; text-align: center; border:1px solid #ddd;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .iletisimFormu .submit:hover {background: #6d6d6d}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar {width: 100%; height: auto; float: left; margin: 0; padding: 0; list-style:none;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li {width: 100%; height: 59px; float: left; margin-bottom: 10px;background: #f2f2f2; border-radius: 4px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSol {width: 303px; height: 59px; float: left; background: url("../img/markalar-sol.png") no-repeat;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSol span {color:#fff; font-size: 13px; margin:12px 0 0 30px; float: left;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag { width: 250px; height: 59px; float: left; position: relative;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span {float: left; position: absolute; left: 60px; top: 30%; background: url("../img/logolar.png") no-repeat -99px -99px;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.inviva {width: 100px; height: 25px; background-position: 0 0}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.prativa {width: 117px; height: 14px; background-position: 0 -25px; top: 22px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.granova {width: 144px; height: 30px; background-position: 0 -40px; top: 14px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.conceptiva {width: 150px; height: 30px; background-position: 0 -70px; top: 14px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.adzone {width: 113px; height: 15px; background-position: 0 -100px; top: 20px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.aktifinsan {width: 150px; height: 43px; background-position: 0 -115px; top: 8px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.konyahaber {width: 150px; height: 21px; background-position: 0 -158px; top: 20px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.damaktadi {width: 150px; height: 17px; background-position: 0 -179px; top: 19px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.expokonya {width: 150px; height: 16px; background-position: 0 -196px; top: 19px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .kurumsalMarkalar li .kutuSag span.akilligazete {width: 150px; height: 20px; background-position: 0 -212px; top: 19px;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste {width: 600px; height: auto; float: left; background: #fff; position: relative;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .teklifSatir {width: 600px; height: 40px; float: left; margin-bottom: 10px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .teklifSatir.uzun {height: auto !important;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .teklifSatir span {width: 120px; height: auto; float: left; line-height: 34px;  font-size: 14px; font-weight: 900; line-height: 30px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .teklifSatir input {width: 300px; height: 34px; float: left; border-radius: 3px; border:1px solid #bcbcbc; padding-left: 10px; padding-right: 10px; font-size: 12px;box-shadow: inset -3px 8px 6px -9px rgba(0, 0, 0, 1);}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .teklifSatir select {width: 480px; height: 34px; float: left; border-radius: 3px; border:1px solid #bcbcbc; padding-left: 10px; font-size: 12px;box-shadow: inset -3px 8px 6px -9px rgba(0, 0, 0, 1);}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .teklifSatir textarea {width: 458px; height: auto; min-height:100px;  float: right; border-radius: 3px; resize:none; border:1px solid #bcbcbc; padding-left: 10px; padding-right: 10px; padding-top: 10px; max-width: 458px; font-size: 12px;box-shadow: inset -3px 8px 6px -9px rgba(0, 0, 0, 1);}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .gonder {width: 110px; height: 45px; float: left; background: #858585; border:none; line-height: 45px; text-align: center; font-size: 13px; color:#fff; border-radius: 4px; position: absolute; left: 120px; bottom: 0;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .teklifIste .gonder:hover {background: #6e6e6e}

#detayAltYazilar {float: left; width: 956px; height: 141px; margin: 0 22px 20px; overflow: hidden; background: #fff; border-radius: 3px; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
#detayAltYazilar ul {margin: 0; padding: 8px 0 0 8px; list-style: none;}
#detayAltYazilar ul li {float: left; width: 235px; margin-right: 1px; position: relative; overflow: hidden;}
#detayAltYazilar ul li a {width: 235px; display: block; text-decoration: none;}
#detayAltYazilar ul li .top {float: left; width: 235px; height: 128px; position: relative; background: url('../img/layout/pattern-02.png') repeat 0 bottom;}
#detayAltYazilar ul li .icon {width: 235px; height: 128px; line-height: 128px; text-align: center;}
#detayAltYazilar ul li .icon img {vertical-align: middle; position: relative; top: -10px;}
#detayAltYazilar ul li h3 {width: 100%; height: 30px; padding: 0; margin: 0; position: absolute; left: 0; top: 97px; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,0.3); color: #fff; font-size: 14px; font-family: 'Quorum-l', sans-serif;}

#detayAltYazilar ul li.s-web .top {background-color: #838383;}
#detayAltYazilar ul li.s-web .top:hover {color: #fff; border-bottom-color: #64ab17; border-bottom-color: rgba(0,0,0,0.2); background: #64ab17 url('../img/layout/pattern-02.png') repeat 0 0;}
#detayAltYazilar ul li.f-web .top {background-color: #838383;}
#detayAltYazilar ul li.f-web .top:hover {color: #fff; border-bottom-color: #359af7; border-bottom-color: rgba(0,0,0,0.2); background: #359af7 url('../img/layout/pattern-02.png') repeat 0 0;}
#detayAltYazilar ul li.media .top {background-color: #838383;}
#detayAltYazilar ul li.media .top:hover {color: #fff; border-bottom-color: #bc10ab; border-bottom-color: rgba(0,0,0,0.2); background: #bc10ab url('../img/layout/pattern-02.png') repeat 0 0;}
#detayAltYazilar ul li.adv   .top {background-color: #838383;}
#detayAltYazilar ul li.adv .top:hover {color: #fff; border-bottom-color: #f66013; border-bottom-color: rgba(0,0,0,0.2); background: #f66013 url('../img/layout/pattern-02.png') repeat 0 0;}


.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetay {width: 600px; height: auto; float: left;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayBaslik {width: 600px; height: 40px; float: left; border-bottom: 2px dotted #7fb249}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayBaslik h1 {margin: 0; padding: 0;color:#585858; float: left; width: auto; height: 40px; font-size: 100%; line-height: 40px; border-bottom: 2px solid #7fb249; font-family: 'Roboto', sans-serif;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani {width: 600px; height: auto; float: left; margin-top: 10px; margin-bottom: 10px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .onecikmisGorsel {width: 600px; height: 270px; float: left; }

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postSol {width: 90px; height: auto; float: left; background: #fff;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postBilgiler {width: 90px; height: auto; float: left; background: #fff; border:4px solid #7fb249; margin-top: 10px; display: block;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postBilgiler.k {width: 90px; height: auto; float: left; background: #fff; border:4px solid #7fb249; margin-top: 10px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postBilgiler.k .addthis_floating_style {position: static; float: left; padding: 0;margin: 10px 0 10px 26px}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postTarih {width: 90px; height: 80px; float: left; margin:10px 0 0; border-bottom: 1px dotted #ddd}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postTarih .tarihGun {width: 70px; height: 35px; float: left; margin-left: 10px; text-align: center; font-size: 24px; color:#777; font-weight: 900; border-bottom: 1px solid #777}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postTarih .tarihAy {width: 70px; height: 45px; float: left; margin-left: 10px; text-align: center;  font-size: 14px; color:#777; margin-top: 10px;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .listeler {width: 90px; height: auto; float: left; text-align: center; font-size: 14px; color:#777; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .listeler h3 {height: auto; text-align: center; margin: 0; padding: 0; font-size: 13px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .listeler span {height: auto; text-align: center; margin: 0; padding: 0; font-size: 11px;}

.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postdetayYazilar {width: 485px; float: right; height: auto;margin-top: 6px;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postdetayYazilar p {width: 475px; float: left; height: auto; padding-right: 10px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px;margin: 0 0 11px 0;}
.detayIcerik .yaziAlanim .yaziIcerik .detayMetin .postDetayYaziAlani .postdetayYazilar p:last-child img {width: 100%;}

#twitter {width: 988px; height: 142px; float: left; background: url("../img/twitter.png") no-repeat;}
#twitter .twitter {width: 382px; height: 44px; float: left; margin: 7px 0 0 16px; padding: 17px;}
#twitter .twitter ul {width: 100%; height: 100%; float: left; margin: 0; padding: 0; list-style: none;}
#twitter .twitter ul li {width: 100%; height: 100%; float: left;}
#twitter .twitter ul li .profil {width: 43px; height: 43px; float: left;}

#twitter .twitter ul li .baslik {width: 335px; height: 17px; float: left;}
#twitter .twitter ul li .baslik h2 {float: left; margin: 0; padding: 0; font-size: 13px; color: #333333; margin-left: 10px;}
#twitter .twitter ul li .baslik h4 {float: left; margin: 0; padding: 0; font-size: 13px; color: #999999; margin-left: 5px;}

#twitter .twitter ul li .icerik {width: 323px; height: 26px; float: left; /* background: red; */margin-left: 10px;}
#twitter .twitter ul li .icerik p {font-size: 12px;margin: 3px 0 0 0;line-height: 1.2;}
#twitter .twitter ul li .icerik p a {color: #000; text-decoration: none; font-weight: 700;}

#twitter .haberler { float: right; width: 316px; height: 35px; /* background: red; */ /* opacity: .5; */ margin: 24px 86px; padding: 11px 15px 15px 15px;}
#twitter .haberler p { float:left; margin: 0; font-size: 13px; color: #000; width: 100%;}
#twitter .haberler a { float:left; color: #000; font-size: 13px; text-decoration: none; font-weight: 700;}
#twitter .haberler a:hover {color: #3b3b3b; text-decoration: underline;}