@charset "utf-8";

/* CSS Document */



/************************RESET CSS***************************/

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

	list-style-type:none;

}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}

nav ul {list-style:none;}

/* remember to define focus styles! */

:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */

blockquote, q {quotes:none;}

blockquote:before, blockquote:after, q:before, q:after {content:""; content:none;}

a {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}

ins {

	background-color:#ff9;

	color:#000;

	text-decoration:none;

}

del {text-decoration: line-through;}

abbr[title], dfn[title] {

	cursor:help;

}

table {

	border-spacing:0;

}

hr {

	display:block;

	height:1px;

	border:0;

	margin:1em 0;

	padding:0;

}

input, select {vertical-align:middle;}

p {margin:10px 0 20px;}

/************************************************************/



body {

	font-family: sans-serif;

	font-size: 14px;

	color: #000000;

	width: 100%;

	margin: 0px 0px 0px 0px;







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2efe8',GradientType=0 ); /* IE6-9 */

	background-color: #EDEFF1;

	background-position: top;

}

*:not(input):not(textarea) {

   -moz-user-select: -moz-none;

   -khtml-user-select: none;

   -webkit-user-select: none;

   -o-user-select: none;

   -ms-user-select: none;

   user-select: none

}



h2, h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:700; color:#555; margin:0 0 20px;}

.styletabloyazi1 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 130%;

	color: #900;

}



h3 {

	font-size:16px;

	color:#000;

	margin:10px 0;

}

#anamenu1 {

	top: 250px;

	width: 80%;

	height: 85px;

	z-index: 6;

	padding-top: 1px;

	margin-right: auto;

	margin-left: auto;

}

#container {

	width: 87%;

	display: inline-block;

	z-index: 60;

	background-color: #FFF;

	height: auto;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 30px;

	padding-left: 0;

	background-repeat: no-repeat;

}

#container:after {

	content:'.';

	visibility:hidden;

	height:0;

	display:block;

	clear:both;

}

#container {

	display: block;

	background-color: #FFF;

}

#containerindex {

	width: 87%;

	display: inline-block;

	left: 14%;

	z-index: 60;

	background-color: #FFF;

	height: auto;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 0;

	padding-right: 0;

	padding-left: 0;

	background-size: 20% 100%;

	background-repeat: no-repeat;

}



#containerindex:after {

	content:'.';

	visibility:hidden;

	height:0;

	display:block;

	clear:both;

}





#containerindex {display:block;}

		

		.backToArticle {padding:5px 10px; margin:25px 5px 0 0; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:#aaa 2px 2px 2px; -webkit-box-shadow:#aaa 2px 2px 2px; background-color:#1C8DC3; border:1px solid #fff; color:#fff; font-size:12px; font-weight:700; text-align:center; text-shadow:1px 1px 1px #333; float:right;}



		.backToArticle:hover {

	background-color:#FFF;

}

.index {

	float: left;

	width: 100%;

	height: auto;

}

#yonlendirmeyazi {

	font-family: sans-serif;

	font-size: 100%;

	font-weight: normal;

	color: #000;

	padding-left: 15%;

	width: 70%;

}



#yonlendirme {

	height: auto;

	width: 70%;

	padding-left: 10%;

	padding-top: 120px;

	padding-bottom: 70px;

}



.ana2 {

	height: 300px;

	width: 100%;

	margin-top: 10px;

}

.ana2i {

	height: 300px;

	width: 100%;

}



.mvp {

	height: 200px;

	width: 33%;

	float: left;

	padding-top: 20px;

}

#msyn {

	width: 97%;

	height: 190px;

	padding-left: 3%;

}

#vzyn {

	width: 97%;

	height: 190px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCC;

	padding-left: 3%;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCC;

}

#pltk {

	width: 95%;

	text-align: left;

	height: 190px;

	padding-left: 3%;

}



#resim {

	height: 300px;

	width: 100%;

	background-size: 100% 100%;

	background-repeat: no-repeat;

}

.logolar {

	width: 100%;

	float: left;

	text-align: center;

	padding-top: 50px;

	height: 100px;

	margin-top: 100px;

}



.logo1 {

	width: 16%;

	height: 100px;

	float: left;

	vertical-align: middle;

}

.logo1p

 {

	vertical-align: middle;

	display: table;

	width: 80%;

	text-align: left;

	height: 70px;

	float: left;

}



	

	.stileBak {

	float:right;

	margin:10px 5px 0 0;

	text-decoration:underline;

	color:#C03;

}

.adrees {

	color: #000;

}





#apDivserit {

	position:absolute;

	left:12%;

	top:190px;

	width:16%;

	height:48px;

	z-index:5;

	background-repeat: no-repeat;

	background-color: #493934;

}





#apDiv1 {

	width: 100%;

	height: 190px;

	z-index: 5;

	background-repeat: repeat;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #E7E7E7;

	margin-top: -20px;

	padding-top: 15px;

	background-image: url(../images/i.png);

}



#apDiv3 {

	top: 2px;

	width: 80%;

	height: auto;

	z-index: 4;

	background-size: 100% 100%;

	background-repeat: no-repeat;

	margin-top: 175px;

	background-color: #FFF;

	box-shadow: 0 0 6px 4px #ccc;

	left: 12%;

	float: left;

}

#beyazsayfa {

	background-color: #FFF;

	height: 1600px;

	width: 80%;

	margin-top: 170px;

	margin-right: auto;

	margin-left: auto;

}

#beyazsayfa #borderrenk {

	height: 1600px;

	width: 18%;

	position: absolute;

	z-index: 20;

}

#container #borderrenk {

	height: 100%;

	width: 200px;

	z-index: 20;

}







#apDiv5 {

	position:absolute;

	left:16%;

	top:166px;

	width:15px;

	height:671px;

	z-index:6;

	border: thin none #CCCCCC;

}

#apDiv6 {

	position:absolute;

	left:1106px;

	top:955px;

	width:60px;

	height:28px;

	z-index:7;

}

#apDiv7 {

	position:absolute;

	left:425px;

	top:514px;

	width:778px;

	height:26px;

	z-index:8;

	padding-top: 5px;

	border: thin none #CCCCCC;

}

#ee {

	position:absolute;

	z-index:8;

	border: thin solid #003;

	border-right-color: #000;

}

#apDiv8 {

	position:absolute;

	left:388px;

	top:194px;

	width:1px;

	height:522px;

	z-index:9;

	border-top-width: 10px;

	border-right-width: 10px;

	border-bottom-width: thin;

	border-left-width: 10px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #E4F0E3;

	border-right-color: #E4F0E3;

	border-bottom-color: #999999;

	border-left-color: #E4F0E3;

	background-color: #FF0000;

}

.style4 {

	font-family: sans-serif;

	font-size: 16px;

	font-weight: bold;

}

.styletabl {

	border: thin solid #000;

}

.style5 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000066;

}

.style61 {color: #000033; font-weight: bold; }



.styleiletisim {

	font-family: sans-serif;

	font-size: 150%;

	color: #000;

	font-weight: bold;

}

.iletisimadres {

	height: auto;

	width: 40%;

	float: left;

	padding-left: 0%;

	margin-left: 5%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #000;

}



#adrs2 {

	width: 97%;

	padding-left: 0%;

}









.style6 {

	font-family: sans-serif;

	font-size: 12px;

	color: #CCCCCC;

}



.style15 {color: #CCCCCC; font-size: 11px; }

.style7 {	font-family: sans-serif;

	font-size: 11px;

	color: #FFFFFF;

}

#apDiv10 {

	position:absolute;

	left:383px;

	top:745px;

	width:274px;

	height:46px;

	z-index:25;

}

#apDiv9 {

	position:absolute;

	left:1065px;

	top:21px;

	width:167px;

	height:77px;

	z-index:26;

}

.style17 {color: #CCCCCC}

.style40 {color: #6D524B}

#apDiv11 {

	position: absolute;

	left: 8%;

	top: 11px;

	width: 162px;

	height: 110px;

	z-index: 27;

}

.style41 {font-family: "Arial Narrow"}

.styleiletisimadrs {

	color: #000000;

	font-family: sans-serif;

	font-size: 95%;

}

#apDiv12 {

	position:absolute;

	left:26%;

	top:190px;

	width:56%;

	height:297px;

	z-index:28;

}

#apDiv13 {

	position:absolute;

	top:0px;

	width:31%;

	height:180px;

	z-index:29;

	font-family: sans-serif;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	padding-right: 7px;

	left: 34%;

}

#apDiv14 {

	position:absolute;

	left:160px;

	top:224px;

	width:160px;

	height:69px;

	z-index:30;

	padding-right: 8px;

	border: thin none #CCCCCC;

}

#apDiv15 {

	position:absolute;

	top:1px;

	width:31%;

	height:178px;

	z-index:31;

	background-color: #FFFFFF;

	font-family: sans-serif;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	color: #333333;

	padding-left: 5px;

	padding-right: 10px;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	left: 0px;

}

#apDiv17 {

	position:absolute;

	left:1122px;

	top:916px;

	width:31px;

	height:34px;

	z-index:33;

}

#apDiv18 {

	position:absolute;

	left:1148px;

	top:767px;

	width:34px;

	height:29px;

	z-index:34;

}

#apDiv19 {

	position:absolute;

	left:367px;

	top:687px;

	width:835px;

	height:2px;

	z-index:35;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: solid;

	border-top-color: #F5F5F5;

	border-right-color: #F5F5F5;

	border-bottom-color: #F5F5F5;

	border-left-color: #F5F5F5;

}

.styleanamenubold {

	font-size: 13px;

	font-weight: bolder;

	text-transform: none;

	color: #900;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: normal;

	text-decoration: none;

}

.style49 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #000;

}

.styletablo {

	font-family: sans-serif;

	font-size: 14px;

	color: #000;

}

.stylekod {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 13px;

	color: #000;

	font-weight: 300;

	font-variant: normal;

	font-style: normal;

}

#apDiv4 {

	position:absolute;

	left:18%;

	top:213px;

	width:71px;

	height:26px;

	z-index:36;

}

.style50 {

	font-family: sans-serif;

	font-weight: bold;

}

.style148 {

	font-family: sans-serif;

	font-weight: normal;

	color: #000;

}

#apDivkopukorta {

	position:absolute;

	left:0px;

	top:0px;

	width:893px;

	height:59px;

	z-index:46;

}



.style51 {

	font-family: "Arial Narrow";

	font-size: 23px;

	font-weight: bold;

}

#apDiv16 {

	position:absolute;

	top:0px;

	width:31%;

	height:181px;

	z-index:37;

	font-family: sans-serif;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	color: #333333;

	border-right-width: thin;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	padding-right: 7px;

	left: 66%;

}

#apDiv20 {

	position:absolute;

	left:1122px;

	top:23px;

	width:116px;

	height:31px;

	z-index:38;

	font-family: "Arial Narrow";

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	border: thin none #990000;

}

#apDivkurukimtozluorta {

	position:absolute;

	left:245px;

	top:10px;

	width:166px;

	height:618px;

	z-index:6;

	border: thin none #CCCCCC;

}







#apDiv21 {

	position:absolute;

	left:1122px;

	top:12px;

	width:29px;

	height:22px;

	z-index:39;

	font-family: "Arial Narrow";

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

}

.style57 {

	font-family: sans-serif;

	font-size: 100%;

	color: #000;

}



.style52 {color: #FFFFFF}

#apDiv22 {

	position:absolute;

	left:631px;

	top:756px;

	width:461px;

	height:24px;

	z-index:40;

	font-family: sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

}

.style53 {color: #990000}

#apDiv23 {

	position:absolute;

	left:1157px;

	top:12px;

	width:40px;

	height:23px;

	z-index:41;

}

#apDiv24 {

	position:absolute;

	left:138px;

	top:168px;

	width:1065px;

	height:26px;

	z-index:42;

	font-family: sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #990000;

	background-color: #FFFFFF;

}

#apDiv25 {

	position: absolute;

	left: 15%;

	top: 91px;

	width: 148px;

	height: 23px;

	z-index: 41;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

}

#apDivdilmenusu {

	position:absolute;

	left:67%;

	top:15px;

	width:177px;

	height:18px;

	z-index:44;

	font-family: "Arial Narrow";

	font-size: 11px;

	color: #FFFFFF;

	font-weight: bolder;

	



	

}

#apDivslogan {

	position:absolute;

	left:26%;

	top:206px;

	width:50%;

	height:54px;

	z-index:42;

	background-repeat: no-repeat;

}

.style66 {color: #BF0808}

#apDiv26 {

	position:absolute;

	left:18%;

	top:427px;

	width:55px;

	height:74px;

	z-index:45;

}

#apDiv27 {

	position:absolute;

	left:18%;

	top:317px;

	width:62px;

	height:79px;

	z-index:46;

}

#apDiv28 {

	position:absolute;

	left:18%;

	top:537px;

	width:73px;

	height:56px;

	z-index:47;

}

#apDiv29 {

	position:absolute;

	left:18%;

	top:729px;

	width:77px;

	height:67px;

	z-index:48;

}

#apDiv30 {

	position:absolute;

	left:18%;

	top:625px;

	width:82px;

	height:69px;

	z-index:49;

}

#apDiv31 {

	position:absolute;

	left:284px;

	top:169px;

	width:128px;

	height:3px;

	z-index:50;

	background-color: #BF0B0B;

}

#apDivANASAYFA {

	position:absolute;

	left:18px;

	top:157px;

	width:88px;

	height:17px;

	z-index:51;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #BF0B0B;

	font-weight: bold;

	background-color: #F9F7F7;

}

#apDiv32 {

	position:absolute;

	left:1080px;

	top:921px;

	width:36px;

	height:33px;

	z-index:50;

}

#apDiv33 {

	position:absolute;

	left:26%;

	top:507px;

	width:56%;

	height:182px;

	z-index:51;

}

#menu   {

	width: 208px;

	color: #000;

	height: 274px;

	vertical-align: middle;

	margin-left: 17%;

	position: absolute;

	z-index: 50;

	top: 262px;

	left: 17%;

	

}



		

	#aa {

	position:absolute;

	left:354px;

	top:13px;

	width:349px;

	height:164px;

	z-index:2;

}

#bb {

	position:absolute;

	left:488px;

	top:88px;

	width:294px;

	height:107px;

	z-index:3;

	background-color: #0C0;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 14px;

}

#apDiv34 {

	position:absolute;

	left:546px;

	top:257px;

	width:507px;

	height:339px;

	z-index:51;

	background-color: #0066CC;

}

#deneme {

	position:absolute;

	left:330px;

	top:2px;

	width:500px;

	height:300px;

	z-index:51;

	background-color: #0CF;

}

#telefon {

	background-color: #03C;

	height: 50px;

	width: 30%;

}

#fax {

	background-color: #C39;

	height: 50px;

	width: 30%;

}

#baslik {

	font-family: sans-serif;

	font-size: 18px;

	color: #FFF;

	height: 30px;

	width: 350px;

	left: 115px;

	position: absolute;

	margin-top: 35px;

	font-weight: bold;

	z-index: 65;

	top: 198px;

}

#baslik2 {

	height: 40px;

	width: 259px;

	z-index: 75;

	position: absolute;

	left: 9%;

	top: 239px;

	font-family: "Arial Narrow";

	font-size: 19px;

	color: #484848;

	font-weight: bold;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #BD0000;

}

#baslik3 {

	height: 40px;

	width: 20%;

	z-index: 75;

	position: absolute;

	left: 12%;

	top: 239px;

	font-family: "Arial Narrow";

	font-size: 19px;

	color: #484848;

	font-weight: bold;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #BD0000;

}



.baslik2 {

	height: 40px;

	width: 21%;

	z-index: 75;

	position: absolute;

	left: 11%;

	top: 239px;

	font-family: "Arial Narrow";

	font-size: 17px;

	color: #313131;

	font-weight: bold;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #A90505;

}



#baslikbayi {

	height: 40px;

	width: 250px;

	z-index: 75;

	position: absolute;

	left: 18%;

	top: 215px;

	font-family: sans-serif;

	font-size: 115%;

	color: #FFF;

	font-weight: bold;

}

#ana2 {

	padding-left: 5%;

	width: 90%;

	padding-top: 30px;

	height: auto;

}

#anaindex {

	padding-left: 5%;

	width: 90%;

	padding-top: 30px;

	height: 500px;

}



#ana3 {

	padding-left: 5%;

	width: 90%;

	padding-top: 90px;

	height: auto;

}



.galeri {

	float: left;

	height: auto;

	width: 20%;

	border: 3px double #D6C8A9;

	margin-left: 3%;

	margin-bottom: 10px;

}

.galeri1 {

	float: left;

	height: 120px;

	width: 23%;

	padding-top: 20px;

	display: table-cell;

	text-align: center;

	vertical-align: middle;

}

.galeri2 {

	float: left;

	height: 250px;

	width: 30%;

	padding-top: 10px;

	display: table-cell;

	text-align: center;

	vertical-align: middle;

	border: 1px solid #999999;

	margin-left: 2%;

	margin-bottom: 25px;

}

.galeri3 {

	float: left;

	height: 320px;

	width: 40%;

	padding-top: 10px;

	display: table-cell;

	text-align: center;

	vertical-align: middle;

	border: 1px solid #999999;

	margin-left: 2%;

	margin-bottom: 25px;

}



#containerindex .index #habr {

	height: 70px;

	width: 80%;

	margin-top: 100px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: bold;

}

.STL1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bolder;

	color: #900;

}





#tab1 #urun {

	height: auto;

	width: 98%;

}

.urunh {

	height: auto;

	width: 98%;

}

.urunklp {

	float: left;

	height: auto;

	width: 25%;

	margin-left: 5%;

	text-align: center;

	padding-right: auto;

	padding-left: auto;

	margin-top: 20px;

	border: 1px solid #F3F3F3;

	line-height: 2px;

	

}

.urunklpo {

	float: left;

	height: auto;

	width: 30%;

	margin-left: 5%;

	text-align: center;

	padding-right: auto;

	padding-left: auto;

	margin-top: 20px;

	line-height: 2px;

}

.ysco {

	height: 220px;

	width: 100%;

	text-align: left;

}



.urunklp4 {

	float: left;

	height: auto;

	width: 18%;

	margin-left: 5%;

	margin-top: 20px;

	border: 1px solid #F3F3F3;

	line-height: 2px;

}

.urunklp5 {

	float: left;

	height: auto;

	width: 18%;

	margin-left: 5%;

	margin-top: 20px;

	border: 1px solid #F3F3F3;

	line-height: 2px;

}





.urunklpdlp {

	float: left;

	height: auto;

	width: 40%;

	margin-left: 5%;

	text-align: center;

	padding-right: auto;

	padding-left: auto;

	margin-top: 20px;

	border: 1px solid #F3F3F3;

	line-height: 2px;

	margin-bottom: 3%;



}

.urunklpdlp:hover {

	

}



.urunklpdlp2 {

	float: left;

	height: 160px;

	width: 25%;

	margin-left: 5%;

	text-align: center;

	border: 1px solid #F3F3F3;

	line-height: 2px;

	vertical-align: middle;

	margin-bottom: 5%;

	margin-right: auto;

}

.dlp2 {position: absolute; top: 50%;left:50%;

	display: table-cell;

	vertical-align: middle;

	height: 130px;

	width: 90%;

	display: table;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

}







.urunkod1 {

	height: 30px;

	width: 100%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	background: linear-gradient(#fff,#B1B1B1);

	padding-top: 20px;

}

.urunkod3 {

	height: 25px;

	width: 100%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	background: linear-gradient(#fff,#B1B1B1);

	padding-top: 20px;

}







.dlpyazi {

	height: 190px;

	width: 60%;

	float: right;

	margin-top: 20px;

	padding-left: 3%;

	color: #474747;

}

.dlpyazi2 {

	height: auto;

	width: 90%;

	float: left;

	margin-top: 20px;

	padding-left: 4%;

	color: #474747;

	padding-top: 20px;

}













#tab1 #urun .urun1{

	float: left;

	height: auto;

	width: 25%;

	margin-left: 5%;

	text-align: center;

	padding-right: auto;

	padding-left: auto;

	margin-top: 20px;

	border: 1px solid #F3F3F3;

	line-height: 2px;

	

}



.ysc {

	height: 180px;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 3%;

	text-align: center;

	vertical-align: middle;

}



.ysc4 {

	height: 150px;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 3%;

	

	text-align:center;

	text-vertical-align:bottom;

    bottom:0;

	

}

.ysc4 img:hover {

 opacity:0.8;

    filter:alpha(opacity=80);

	cursor:url('../images/gri1.png'), auto;  

}



.ysc5 {

	height: 210px;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 3%;

	text-align: center;

	text-vertical-align: bottom;

	bottom: 0;

}

.ysc5 img:hover {

 opacity:0.8;

    filter:alpha(opacity=80);

	cursor:url('../images/gri1.png'), auto;  

}







.ysch {

	height: auto;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 3%;

	text-align: center;

	vertical-align: middle;

}

.ysch img:hover {

 opacity:0.8;

    filter:alpha(opacity=80);

	cursor:url('../images/gri1.png'), auto;  

}





.teknikstyle {

	font-family: "Arial Narrow";

	font-size: 15px;

	font-weight: bold;

	color: #222;

}



.dlp {

	

	height: 100%;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	vertical-align: middle;    

  



}

.dlp:hover {

	

}

.dlp img:hover {

 opacity:0.8;

    filter:alpha(opacity=80);

	cursor:url('../images/gri1.png'), auto;  

}

.ysc img:hover {

 opacity:0.8;

    filter:alpha(opacity=80);

	cursor:url('../images/gri1.png'), auto;  

}



.dlpi {

	height: 290px;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	vertical-align: top;

}







.dlpu {

	height: 300px;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

}









.urunkod {

	height: 50px;

	width: 100%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	background: linear-gradient(#fff,#B1B1B1);

	padding-top: 10px;

}



#tab2 #urun2 {

	height: auto;

	width: 98%;

	margin-top: 10px;

}

#tab2 #urun2 .urun2 {

	float: left;

	height: auto;

	width: 25%;

	margin-left: 5%;

	text-align: center;

	padding-right: auto;

	padding-left: auto;

	margin-top: 20px;

	border: 1px solid #F3F3F3;

	line-height: 2px;

}

#tab2 #urun2 .urun2 .ysc2 {

	height: 180px;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

}

#tab2 #urun2 .urun2 .urunkod2 {

	height: 50px;

	width: 100%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	background: linear-gradient(#fff,#B1B1B1);

	padding-top: 10px;

}

.iletisimaltbilgi {

	height: 320px;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	background-color: #323436;

	color: #CCC;

	padding-top: 30px;

	text-align: center;

	padding-left: 10%;

}

.sosyalpaylasim {

	height: 30px;

	width: 80%;

	float: left;

	margin-top: 5px;

}

.sosyal {

	height: 30px;

	width: 20%;

	float: left;

}







.styleet {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #FFF;

}

.stylebaslik {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #FFF;

}

.imge1p {

	vertical-align: middle;

	display: table;

	width: 80%;

	text-align: left;

	height: 70px;

	float: left;

}

.imge2p {

	vertical-align: middle;

	display: table;

	width: 80%;

	text-align: left;

	height: 70px;

	float: left;

}



.iletisimaltbilgi #altbilgi {

	height: 218px;

	width: 25%;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;

	margin-right: auto;

	margin-left: auto;

	padding-left: 5%;

}

.iletisimaltbilgi #altbilgi2 {

	height: 210;

	width: 25%;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;

	margin-right: auto;

	margin-left: auto;

	padding-left: 3%;

	border-right-width: thin;

	border-left-width: thin;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #CCC;

	border-left-color: #CCC;

}



.imge1 {

	height: 50px;

	width: 17%;

	float: left;

	display: table;

}

.imge4 {

	height: 50px;

	width: 17%;

	float: left;

	display: table;

}



.adresana {

	height: 160px;

	width: 80%;

	text-align: left;

	padding-left: 5%;

}

.haritalar {

	height: 40px;

	width: 80%;

	text-align: left;

	padding-left: 5%;

	font-family: "Arial Narrow";

	font-size: 16px;

	color: #F4F4F4;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #F90;

}



.telefonno {

	height: 50px;

	width: 80%;

	text-align: left;

	line-height: 5px;

}

.haritailetisim {

	height: 30px;

	width: 85%;

	text-align: left;

	line-height: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	padding-top: 5px;

}



.telefonno1 {

	height: 40px;

	width: 80%;

	text-align: left;

}







.imge2 {

	height: 160px;

	width: 17%;

	float: left;

	padding-top: 10px;

}

.imge3 {

	height: 40px;

	width: 17%;

	float: left;

}

.stylebaslikk {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 75%;

	color: #000;

}

#apDiv1 #kucukmenu {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	float: none;

	height: 15px;

	width: 30%;

	margin-left: 57%;

	margin-top: 20px;

}



.kucukmenuu {

	float: left;

	height: 15px;

	width: 24%;

	text-align: center;

	vertical-align: middle;

	display: table;

}





.kucukmenuu2 {

	float: left;

	height: 15px;

	width: 24%;

	text-align: center;

	border-right-width: thin;

	border-left-width: thin;

	border-left-style: solid;

	border-left-color: #666;

}

#apDiv1 #anatel {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	float: none;

	height: 20px;

	width: 15%;

	margin-left: 66%;

	font-weight: bold;

	margin-top: 20px;

}



#apDiv1 #bayraklar {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	float: none;

	height: 15px;

	width: 18%;

	margin-left: 65%;

	margin-top: 20px;

}

.bayrak {

	float: left;

	height: 15px;

	width: 16%;

}





.kenarstyle {

	border-right-width: thin;

	border-left-width: thin;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #666;

	border-left-color: #666;

}



.copyright {

	height: 50px;

	width: 60%;

	margin-top: 260px;

	margin-left: 14%;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #999;

	line-height: 10px;

}

#urunler {

	height: auto;

	width: 90%;

	padding-bottom: 70px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 110px;

	

}

.urunlerbp {position: absolute; top: 50%;left:50%;display: table-cell;vertical-align: middle;



}

.urunlerb {

	float: left;

	height: 170px;

	width: 100%;

	margin-bottom: 5%;

}



.urunlerbb {

	float: left;

	height: 170px;

	width: 20%;

	margin-left: 3%;

	margin-bottom: 3%;

}



.urunlerd {

	float: left;

	height: 220px;

	width: 20%;

	margin-left: 3%;

	margin-bottom: 3%;

	text-align: center;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #CCC;

	border-right-color: #CCC;

	border-left-color: #CCC;

}



.urunlerc {

	height: 50px;

	width: 96%;

	text-align: center;

	background-color: #CCC;

	margin-top: 170px;

	padding-left: 2%;

	padding-right: 2%;

}

.urunlercp {

	text-align: center;

	vertical-align: middle;

	display: table-cell;

}

.kodkucuk {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #252525;

}

.abaslik {

	font-family: "Arial Narrow";

	font-size: 14px;

	font-weight: bold;

	color: #DEDEDE;

	background-color: #333;

	height: 30px;

	width: 20%;

	text-align: left;

	vertical-align: middle;

	padding-left: 2%;

	line-height: 30px;

}

.abaslik2 {

	font-family: "Arial Narrow";

	font-size: 14px;

	font-weight: bold;

	color: #DEDEDE;

	background-color: #333;

	height: 30px;

	width: 20%;

	text-align: left;

	vertical-align: middle;

	padding-left: 2%;

	line-height: 30px;

	margin-top: 250px;

}

.kbaslik {

	font-family: "Arial Narrow";

	font-size: 17px;

	color: #333;

}

#imza {

	height: 130px;

	width: 300px;

	margin-left: 60%;

	margin-top: -25px;

	text-align: center;

}

#kurumsal {

	height: 700px;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333;

}

#aciklama {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333;

	height: 300px;

	width: 90%;

	margin-left: 3%;

}

.okstyle {

	font-size: 20px;

	color: #FE0002;

}



.baslikstili {

	font-family: "Arial Narrow";

	font-size: 18px;

	font-weight: bold;

	color: #000000;

}

.styletablobaslik {font-size: 14px;

	font-weight: normal;

	text-transform: none;

	color: #900;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: normal;

	text-decoration: none;

}

#apDiv2 {

	position: absolute;

	left: 43px;

	top: 228px;

	width: 118px;

	height: 59px;

	z-index: 46;

}

a:link {

	color: #4073A6;

}

a:visited {

	color: #4073A6;

}

a:hover {

	color: #4073A6;

}

a:active {

	color: #4073A6;

}

a.beyazlink {

	font-family: sans-serif;

	font-size: 100%;

	color: #000;

}

a.beyazlink:visited {

	font-family: sans-serif;

	font-size: 100%;

	color: #000;

}

a.beyazlink:hover {

	font-family: sans-serif;

	font-size: 100%;

	color: #000;

}

a.beyazlink:active {

	font-family: sans-serif;

	font-size: 100%;

	color: #000;

}

#container #bayi {

	height: auto;

	width: 90%;

	margin-right: auto;

	margin-left: auto;

	padding-top: 50px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;

	color: #333;

}

table {

	width: 100%;

}

 

caption {

	font-size: 90%;

	margin-bottom: 10px;

	color: #CC0;

	font-weight: bold;

	caption-side: top;

}

 

tr:nth-child(odd) {

    background:#DDD;

}

 

td, th {

	padding: 8px;



}

 

th {

	background: #0DD;

}

td {

	height: 40px;

	line-height: 50px;

}




.fa-whatsapp {
	color: #fff;
	background: linear-gradient(#25d366,#25d366)10px 84%/10px 9px no-repeat,
	radial-gradient(circle at center, #25d366 63%,transparent 0);
	opacity:0.8;
	}
	
	.label-container {
	position: fixed;
	bottom: 25px;
	right: 80px;
	display: table;
	visibility: visible;
	}
	
	.label-text {
	color: #fff;
	background: rgba(51,209,107,0.8);
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	border-radius: 0px;
	}
	
	.label-arrow {
	display: table-cell;
	vertical-align: bottom;
	padding-top: 13px;
	left: 0px;
	color: #25d366;
	opacity: 0.8;
	border-radius: 0px;
	}
	
	.float {
	position: fixed;
	width: 64px;
	height: 64px;
	bottom: 40px;
	right: 40px;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	
	}
	
	.my-float {
	font-size: 24px;
	margin-top: 18px;
	}
	
	a.float + div.label-container {
	visibility: hidden;
	opacity: 0;
	transition: visibility 3s, opacity 0.5s ease;
	}
	
	a.float:hover + div.label-container {
	visibility: visible;
	opacity: 1;
	}
	
	
	
	
	/*---------------------------
	  Facebook Messenger Button
	---------------------------*/
	.fa-facebook-messenger {
	color: #238af7;
	background: linear-gradient(#ffffff,#ffffff)10px 54%/10px 9px no-repeat,
	radial-gradient(circle at center, #ffffff 40%,transparent 0);
	opacity:0.8;
	}
	
	.label-container2 {
	position: fixed;
	bottom: 100px;
	right: 80px;
	display: table;
	visibility: visible;
	}
	
	.label-text2 {
	color: #fff;
	background: rgba(35,138,247,0.8);
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	border-radius: 0px;
	}
	
	.label-arrow2 {
	display: table-cell;
	vertical-align: bottom;
	padding-top: 13px;
	left: 0px;
	color: #238af7;
	opacity: 0.8;
	border-radius: 0px;
	}
	
	
	
	.float2 {
	position: fixed;
	width: 64px;
	height: 64px;
	bottom: 110px;
	right: 40px;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	
	}
	
	.my-float2 {
	font-size: 24px;
	margin-top: 18px;
	}
	
	
	a.float2 + div.label-container2 {
	visibility: hidden;
	opacity: 0;
	transition: visibility 3s, opacity 0.5s ease;
	}
	
	a.float2:hover + div.label-container2 {
	visibility: visible;
	opacity: 1;
	;
	}
	
	
	
	
	
	#hideMe {
		-moz-animation: cssAnimation 1s ease-in 2s forwards;
		-webkit-animation: cssAnimation 1s ease-in 2s forwards;
		/* Safari and Chrome */
		-o-animation: cssAnimation 1s ease-in 2s forwards;
		/* Opera */
		animation: cssAnimation 1s ease-in 2s forwards;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	@keyframes cssAnimation {
		from {left: 0px;}
		to {left: 1900px;}
	}
	@-webkit-keyframes cssAnimation {
		from {left: 0px;}
		to {left: 1900px;}
	}