@charset "utf-8";
/* CSS Document */

body {margin:0;padding:0;font-family:'Ubuntu', Arial, Helvetica, sans-serif;
}
img{border:0;}

.slider{width:100%;height:auto !important;display:table;float:left;position:relative;}

.lens{width:100%;height:476px;display:table;float:left;position:relative;background:url(../images/lens.jpg) center top no-repeat;
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	/*filter: alpha(opacity=50);
	opacity: 0.5;*/}
.camMarkalar{width:100%;height:476px;display:table;float:left;position:relative;background:url(../images/cam.jpg) center top no-repeat;
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	/*filter: alpha(opacity=50);
	opacity: 0.5;*/}
.urunOrta{width:100%;height:476px;display:table;float:left;position:relative;background:url(../images/urunlerZemin.jpg) center top no-repeat;
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	/*filter: alpha(opacity=50);
	opacity: 0.5;*/}
.baslik{width:80%;border-bottom:1px solid #FFF;float:none;position:relative;margin:25px auto;}
h1{font-size:31px;font-weight:lighter;text-align:left;color:#FFF;text-decoration:none;}
h2{font-size:21px;font-weight:lighter;text-align:left;color:#FFF;text-decoration:none;margin:15px 15px 15px 0;}
.markalar{width:80%;float:none;position:relative;margin:15px auto;}
.markaCerceve{border:1px solid #CCC;width:150px;height:150px;margin:13px;float:left;position:relative;}
.markalar a{width:150px;color:#F90;text-decoration:none;}
.markalar a:hover{color:#fff;}
.kurumsalOrta{width:100%;height:476px;display:table;float:left;position:relative;background:url(../images/kurumsalZemin.jpg) center top no-repeat;
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	/*filter: alpha(opacity=50);
	opacity: 0.5;*/}
.text{font-size:13px;text-align:left;text-decoration:none;color:#FFF;line-height:21px;}

.resYazi{width:45%;min-height:220px;display:table;float:left;position:relative;margin:5px;border:1px solid #CCC;padding:11px;}
.res{float:left;position:relative;width:140px;height:198px;margin-right:11px;}
.yazi{width:55%;height:auto;float:left;position:relative;font-size:13px;color:#CCC;line-height:21px;margin-bottom:15px;}
.resYazi a{color:#F93;text-decoration:none;}
.resYazi a:hover{color:#fff;}
h3{font-size:17px;font-weight:500;text-align:left;color:#FFF;text-decoration:none;margin:15px 15px 15px 0;}
.markalar .geri{width:100%;float:left;position:relative;margin:15px auto;display:block;}
.markalar .geri .geriBtn{width:100%;color:#F90;text-decoration:none;display:block;line-height:31px;border-bottom:1px solid #F90;}
.markalar .geri .geriBtn:hover{color:#fff;border-bottom:1px solid #fff;}


/*--------------- kampanya -----------------*/
.kampanya1{background:#781728;width:100%;height:200px;display:table;float:none;position:relative;margin:15px auto;}
.kampanya2{width:32%;height:auto;display:table;float:left;position:relative;margin:15px 4px;}
@media only screen and (max-width: 767px) {
	.kampanya1 img{width:100%;height:auto;}
	.kampanya2 {width:100%;}
	.kampanya2 img{width:100%;height:auto;}
	.resYazi{width:100%;}
	.yazi{width:45%;}
	}

/*--------------- ürünler -----------------*/
.gunesGozlugu{float:left;position:relative;width:33%;margin:0;height:476px;overflow:hidden;background:url(../images/ggozlukZemin.jpg) top center no-repeat;text-align:right;display:block;}
.optikGozlugu{float:left;position:relative;width:33%;margin:0;height:476px;overflow:hidden;background:url(../images/ogozlukZemin.jpg) top center no-repeat;text-align:right;display:block;}
.cam{float:left;position:relative;width:33%;margin:0;height:476px;overflow:hidden;background:url(../images/cam.jpg) top center no-repeat;text-align:right;display:block;}
.gunesGozlugu a, .optikGozlugu a, .cam a{display:block;}

/*--------------- iletişim -----------------*/
.iletisim1{max-width:100%;padding:25px;display:table;margin:15px auto;}
.iletisim1 .iletisimSol{margin:7px;padding:7px;text-align:left;font-size:13px;color:#000;text-decoration:none;line-height:17px;width:40%;float:left;position:relative;background:#781728;}
.iletisim1 .iletisimSol .bolum{width:100%;min-height:21px;position:relative;float:left;}
.bas{color:#CCC;font-size:13px;text-decoration:none;font-weight:500;width:65px;float:left;}
.basCevap{color:#CCC;font-size:13px;text-decoration:none;font-weight:500;width:300px;float:left;height:auto;}
.basCevap a{color:#FFF;text-decoration:none;}
.basCevap a:hover{color:#999;}
.duz{color:#CCC;font-size:13px;text-decoration:none;}
.iletisim1 .iletisimSag{width:50%;float:left;position:relative;margin:7px 0;left:3%;background:#781728;padding:15px;}
.uyeText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#CCC;font-size:13px;text-decoration:none;display:table;width:100%;padding-top:11px;text-align:left;padding-left:5px;}
.uyeForm{
	width:100%;
	height:30px;
	float:left;
	position:relative;
	margin:5px;
	display:table;
}
.forUye{width:85%;min-height:30px;border:0;background-color:#FFF;font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#000;text-decoration:none;padding-left:11px;display:inline-block;
border:1px solid #E6E6E6;}
.map{width:100%;height:240px;position:relative;top:25px;margin-bottom:55px;display:table;float:left;}

.onlineMagaza{z-index:10;float:right;position:relative;margin-top:35px;margin-right:35px;width:125px;}
.onlineMagaza img{width:100%;height:100%;max-width:125px;}

@media only screen and (max-width: 767px) {
	.iletisim1 .iletisimSol{width:88%;margin:7px 0;margin-left:15px;}
	.iletisim1 .iletisimSag{width:85%;margin:7px 0;}
	.onlineMagaza{width:100%;height:auto;text-align:center;margin:0;}
	}


.footerAna{width:100%;
   height:auto;
   display:table;
   position: fixed;
   bottom:0; /* en alta yapistircaktir.  */
   background:url(../images/alt_tlf.png) center no-repeat #781728;
	text-align:center;}
.footer{width:100%;
   height:55px;
   position: fixed;
   bottom:0; /* en alta yapistircaktir.  */
	background:url(../images/alt_tlf.png) center no-repeat #781728;}
.altScroll{width:100%;
   height:55px;
   float:left;
   position: relative;
	background:url(../images/alt_tlf.png) center no-repeat #781728;}
.alt{width:80%;float:none;position:relative;margin:0 auto;display:table;height:auto;}
.alt .logo{float:left;position:relative;padding:7px;width:125px;height:auto;}
.alt .social{float:right;position:relative;padding:7px;width:135px;height:auto;display:table;}
.alt .social .tektek{float:left;position:relative;width:27px;height:27px;margin:3px;}

@media only screen and (max-width: 767px) {
	.footerAna{width:100%;
   height:auto;
   display:table;
   position: fixed;
   bottom:0; /* en alta yapistircaktir.  */
	text-align:center;}
	.footer{width:100%;
   height:auto;
   display:table;
   position: relative;
   bottom:0; /* en alta yapistircaktir.  */
	text-align:center;}
	.altScroll{width:100%;
   height:auto;
   display:table;
   float:left;
   position: relative;
	}
	.alt{width:100%;float:none;position:relative;margin:0 auto;display:table;height:auto;text-align:center;}
	.alt .logo{width:100%;height:100px;text-align:center;float:none;position:relative;padding:0;}
	.alt .social{width:101px;text-align:left;float:none;position:relative;margin:0 auto;}
}