﻿@font-face {
    font-family: 'Myriad Pro';
    src: url('../font/Myriad Web Pro.eot');
    src: url('../font/Myriad Web Pro.eot?#iefix') format('embedded-opentype'),
    
    url('../font/Myriad Web Pro.woff') format('woff'),
    url('../font/Myriad Web Pro.ttf') format('truetype'),

    url('../font/Myriad Web Pro.svg#Myriad Pro') format('svg'), 
    url('../font/Myriad Web Pro.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: neosans;
src: url('../font/neosans.eot');
src: url('../font/neosans.eot?#iefix') format('embedded-opentype'),
url('../font/neosans.woff') format('woff'),
url('../font/neosans.ttf') format('truetype'),
url('../font/neosans.svg#neosans') format('svg');
font-weight: normal;
font-style: normal;


	 
}

body {
    background: url(../res/ubg.jpg) repeat-x #fff;
    	font: .50em Tahoma, Verdana, Sans-Serif, Arial;

    margin: 0;
    padding: 0;
}

ul, ol {
	list-style: none;
}

.sol {
	float: left;
}
.sag {
	float: right;
}
.temizle {
	clear:both;
}
.ortala {
	width: 910px;
	height: auto;
	margin: 0 auto;
}
.ustarka {
    width: 100%;
    height: 46px;
    background: #E10A16;
    position: absolute;
    top: 84px;
	z-index: 0;
}

td { font-family: tahoma;  font-size: 11px; color: #333333; text-decoration: none}

.text {color: #333333;  font-family: tahoma;  font-size: 11px; text-decoration: none}
a.text:link {color: #333333;  font-family: tahoma, ;  font-size: 11px; text-decoration: none}
a.text:visited {color: #333333;  font-family: tahoma;  font-size: 11px; text-decoration: none} 
a.text:active {color: #333333; font-family: tahoma;  font-size: 11px; text-decoration: none} 
a.text:hover {text-decoration: none;  font-family: tahoma;  font-size: 11px;color: #333333;}


#sayfa {
    width: 910px;
    height: auto;
    margin: 0px auto;
	position: relative;
}
.slayt {
    width: 100% !important;
    height: 383px !important;
    background: #000 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 177px !important;
	z-index: -3 !important;
}
#sayfa .ust {
    width: 910px;
    height: 154px;
}
#sayfa .ust .otomasyon {
    width: 307px;
    height: 53px;
	z-index: 99999;
	padding: 30px 0px 0px 0px;
}
#sayfa .ust .logo {
	width: 1122px;
	height: 177px;
	position:absolute;
	left: -65px;
	top: 0px;
	background: url(../res/mbg.png) repeat-x center;
	z-index:-1;
}
#sayfa .ust .logo img {
	margin-right: 75px;
	margin-top:13px;
	padding-left: 65px;
	z-index:9999999;
}
#sayfa .ust ul {
	'background: #e10a16;
	height: 56px;
	font-family: 'neosans';
	width: 2000px;
	position: absolute;
	color:#000;	
	top: 105px;
}
#sayfa .ust ul li {
	float: left;
	width:110px;
	background: url(../res/ac.png) no-repeat right;
	text-transform:uppercase;
	margin: 0 10px;
	line-height: 65px;
	color:#000;	
}
#sayfa .ust ul li a{
	color: #000;
	text-decoration:none;
	font-size: 18px;
	line-height: 75px;

	
}
#sayfa .menu {
	width: 906px;
	z-index:9;
	margin-top: 437px;
}
#sayfa .menu .buton1 {
	width: 281px;
	height: 56px;
	cursor: pointer;
	z-index: 99;
	float: left;
}
#sayfa .menu .buton2 {
	width: 145px;
	height: 56px;
	cursor: pointer;
	z-index:99;
	float: left;
}
#sayfa .menu .buton3 {
	width: 177px;
	height: 56px;
	cursor: pointer;
	z-index:99;
	float: left;
}
#sayfa .menu .buton4 {
	width: 156px;
	height: 56px;
	cursor: pointer;
	z-index:99;
	float: left;
}
#sayfa .menu .twitter {
	width: 42px;
	height: 41px;
	margin-top: 16px;
	margin-left: 20px;
	cursor: pointer;
	z-index:99;
	float: left;
}
#sayfa .menu .facebook {
	width: 43px;
	height: 41px;
	margin-top: 16px;
	cursor: pointer;
	z-index:99;
	float: left;
}
#sayfa .menu .linkedin {
	width: 42px;
	height: 41px;
	margin-top: 16px;
	cursor: pointer;
	z-index:99;
	float: left;
}
#sayfa .uclublok {
	width: 910px;
	height: auto;
	margin-top: 20px;
}
#sayfa .uclublok .haberlerblok {
	width: 240px;
	height: auto;
	padding: 0 5px;
	font-size: 12px;
	font-family: 'Calibri';
	color: #333333;
	margin-right: 90px;
}
#sayfa .uclublok .haberlerblok h3 {
	color: #00792D;
	font-size: 21px;
	font-family: 'Myriad Pro';
}
#sayfa .uclublok .haberlerblok p {
	width: 250px;
}

#sayfa .uclublok .haberlerblok a {
	font-family: 'Calibri';
	color: #00792D;

}

#sayfa .uclublok .markalarblok {
	padding: 0 5px;
	margin-right: 20px;
	width: 255px;
}
#sayfa .uclublok .markalarblok h3 {
	color: #00792D;
	font-size: 21px;
	font-family: 'Myriad Pro';
}
#sayfa .uclublok .markalistesi {
	list-style: none;
	top: 20px;
	left: -100px;
}
#sayfa .uclublok .markalistesi li {
	
}
#sayfa .uclublok .markalistesi img {
margin-top:-30px;
	padding:  0px 0px 0px 65px;
}
#sayfa .uclublok .kampanyalarblok {
	padding: 0 5px;
	width: 275px;
}
#sayfa .uclublok .kampanyalarblok h3 {
	color: #00792D;
	font-size: 21px;
	font-family: 'Myriad Pro';
}
#sayfa .altbloklar {
	margin-top: 5px;
}
#sayfa .altbloklar form {
	width: 270px;
	height: 81px;
	padding: 0 5px;
}
#sayfa .altbloklar form input[type="text"]{
	width: 230px;
	height: 52px;
	padding-top: 20px;
	border: 1px solid #f2f2f2;
	line-height: 32px;
	padding: 0 20px;
	font-family: 'Calibri';
	font-size: 18px;
	outline: none;
	color: #b9b4b0;
	float: left;
	margin-top: 13px;
}
#sayfa .altbloklar form input[type="submit"]{
	width: 40px;
	height: 54px;
	border: 1px solid #e8e8e8;
	background: url(../res/gonder.png) no-repeat;
	float: right;
	margin-top: 13px;
}
#sayfa .altbloklar .bayiliklerimiz {
	width: 236px;
	height: 27px;
	font-family: 'Myriad Pro';
	padding: 27px 20px;
	font-size: 21px;
	color: #fff;
	background: url(../res/bayiliklerimiz.png) no-repeat center center;
	margin: 0 37px;
}
#sayfa .altbloklar .kataloglar {
	width: 236px;
	height: 27px;
	font-family: 'Myriad Pro';
	padding: 27px 20px;
	font-size: 21px;
	color: #fff;
	background: url(../res/kataloglar.png) no-repeat center center;
}
#sayfa .yaziozellik {
	width: 613px;
	height: 42px;
	background: #008534;
	margin-top: 191px;
	position: relative;
	float:right;
}
#sayfa .yaziozellik .digeryazilar{
	margin:0;
	padding: 0 10px;
	list-style: none;
}
#sayfa .yaziozellik .digeryazilar li {
	float: left;
	line-height: 42px;
	margin: 0 10px;
}
#sayfa .yaziozellik .digeryazilar li a {
	color: #fff;
	font-family: 'Myriad Pro';
	text-decoration: none;
	font-size: 14px;
}
#sayfa .yaziozellik .digeryazilar li a:hover {
	text-decoration: underline;
}
#sayfa .yaziozellik .butonlar {
	list-style: none;
	margin: 0;
}
#sayfa .yaziozellik .butonlar li {
	border-left: 1px solid #008534;
	float: left;
}
#sayfa .yaziozellik .butonlar li a{
	height: 42px;
	width: 47px;
	display: block;
	text-align: center;
}
#paylaskutusubuu {
	position: absolute;
	top: -50px;
	left: 396px;
	width: 400px;
}
/* ?konlar */
.ikon-normal,ikon-azalt,ikon-arttir,ikon-paylas,ikon-yazdir {
	width: 42px;
	height: 47px;
}
.ikon-normal {
	background: url(../res/ikon-normal.png) no-repeat;
	width: 42px;
	height: 47px;
}
.ikon-azalt {
	background: url(../res/ikon-azalt.png) no-repeat;
	width: 42px;
	height: 47px;
}
.ikon-arttir {
	background: url(../res/ikon-arttir.png) no-repeat;
	width: 42px;
	height: 47px;
}
.ikon-paylas {
	background: url(../res/ikon-paylas.png) no-repeat;
	width: 42px;
	height: 47px;
}
.ikon-yazdir {
	background: url(../res/ikon-yazdir.png) no-repeat;
	width: 42px;
	height: 47px;
}
/* Biti? */
#sayfa .yazidetay {
	width: 571px;
	height: auto;
	padding: 20px;
	background: #fff;
	border: 1px solid #f2f1f1;
	position: relative;
}
#sayfa .yazidetay h3 {
	font-family: 'Myriad Pro';
	font-size: 24px;
	font-weight: normal;
	color: #00792D;
	padding: 10px;
}
#sayfa .yazidetay p {
	font-family: 'Myriad Pro';
	font-size: 14px;
	color: #666;
	padding: 10px;
}
#sayfa .menulist {
	width: 255px;
	height: auto;
	border:1px solid #f1f1f1;
	background: #fff;
	padding: 30px 10px 60px 10px;
	list-style: none;
	margin: 0
}
#sayfa .menulist li {
	margin: 5px 0;
	padding: 5px 20px;
	font-size: 16px;
	width: 215px;
	display: block;
	font-family: 'Myriad Pro';
	font-weight: bold;

}
#sayfa .menulist li a {
	font-size: 14px;
	width: 215px;
	display: block;
	font-family: 'Myriad Pro';
	color: #00792D;
	text-decoration: none;
	border-bottom: 1px solid #00792D;
	padding-bottom: 5px;
	font-weight: bold;
}
#sayfa .menulist li a:hover {
	text-decoration: underline;
}
#copyright {
	width: 100%;
	height: 58px;
	background: #7D7D7D;
	font-family: 'Myriad Pro';
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
#copyright h3 {
	font-family: 'Myriad Pro';
	font-size: 15px;
	color: #fff;
	line-height: 10px;
	width: 180px;
	font-weight: normal;
}
#copyright .no {
	font-size: 24px;
	color: #fff;
	line-height: normal;
}
#alt {
	width: 100%;
	height: auto;
	background: #8b8b8b;
	font-family: 'Myriad Pro';
	padding: 20px 0;
}
#alt a {
	color: #fff;
	text-decoration: none;
}
#alt ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	
}
#alt ul li{
	float: left;
	font-weight: bold;
	line-height: 25px;
	margin: 0 10px;
	font-family: Calibri;
	min-width:100px;
	padding-right:15px;
}
#alt ul li ul {
	float: none;
	margin: 0;
	padding: 0;
}
#alt ul li ul li {
	margin: 0;
	font-weight: normal;
	line-height: 18px;
	font-size: 14px;
}
#alt ul li ul li {
	float: none;
}
#alt ul li ul li a:hover {
	text-decoration: underline;
}
@media print
{
body * { visibility: hidden; }
.yazidetay * { visibility: visible; }
.yazidetay { position: absolute; top: 40px; left: 30px; }
}
.tabicerik {
	display: none;
}
.tablar {
	text-align: right;
	list-style: none;
}
.tablar li {
	float: right;
}
.tablar li a{
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 5px;
	background: url(../res/haberbuton.png) no-repeat;
	opacity: 0.5;
}
.tablar li.aktif a{
	opacity: 1;
}




.arrowlistmenu{
	width: auto; /*width of accordion menu*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px helvetica;
	color: #707070;
	background: url(../images/titlebar.png) no-repeat center left;
	margin-top: 5px; /*bottom spacing between header and rest of content*/
	cursor: hand;
	cursor: pointer;
	text-shadow: 1px 1px 1px #FFF;
	padding-top: 9px;
	padding-right: 10;
	padding-bottom: 9px;
	padding-left: 10px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left: -10px;
padding-right: 20px;
}

.arrowlistmenu ul li a{
	color: #333; /*custom bullet list image*/
	display: block;
	
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;
	
	font-size: 11px;
}

.arrowlistmenu ul li a:visited{
color: #515151;
}


#companies {
	width: auto;
	margin-right: 30px;
}

#sup-col-right-middle p {margin:0;}
#sub-col-right-bottom {margin:0;}

.sub-main-title {
	font-family: helvetica;
	color: #00792D;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: bold;
	line-height: 20px;
	font-size: 20px;
	padding-top: 6px;
	padding-left: 0px;
}
.sub-main-title-news {
	font-family: helvetica;
	color: #E01E28;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: bold;
	line-height: 20px;
	font-size: 20px;
	padding-top: 6px;
	padding-left: 17px;
}
#sup-col-right-middle p {
	padding-left: 30px;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: normal;
	padding-right: 30px;
}





#news {
	background-color: none;
	margin-left: -10px;
	
}
#news li {
	float: left;
	width: 260px;
}
#news li .news-title {
	font-family: helvetica;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.8px;
	text-shadow: 1px 1px 1px #FFF;
	color: #4e4e4e;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 15px;
}
#news li .newstitle {
	background-image: url(../images/newstittle.png);
	background-repeat: no-repeat;
	height: 179px;
	width: 260px;
	margin-left: -10px;
	padding-top: 1px;
	margin-top: 4px;
}
.newsdate {
	margin-right: 0px;
	width: 90px;
	height: 30px;
	background-color: #929292;
	margin-left: 145px;
}
.newsdate p {
	font-family: helvetica;
	font-weight: bold;
	font-size: 21px;
	color: #FFF;
	margin-top: 15px;
	margin-left: 4px;
}
.newsdate p strong {
	font-weight: lighter;
	font-size: 11px;
	margin-top: 4px;
}
.allnews a{
	background-color: #E01E28;
	float: left;
	padding: 1px;
	color: #FFF;
	text-shadow: 1px 1px 1px #E01E28;
}
.allnews a:hover {
	background-color: #929292;
	float: left;
	padding: 1px;
	color: #FFF;
	text-shadow: 1px 1px 1px #929292;
}
.newspicture {
	margin-left: 10px;
	padding-top: 10px;
}
.newspicture img {
	float: left;
	padding-right: 15px;
}
.indexnews {
	font-family: helvetica;
	font-size: 11px;
	color: #4e4e4e;
}
.contunienews {
	text-decoration: none;

	font-family: helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #00792D;
	text-align: right;
	padding-right: 5px;
}
.contunienews span {
	font-size: 8px;
}
.contunienews:hover {
	color: #E01E28;
}


