/***********************
ZENAR TASARIM 2015
http://www.zenartasarim.com
info@zenartasarim.com
ie8, ff, chrome
***********************/
@import"../css/reset.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400&subset=latin,latin-ext);
body {background:#fff; font:normal 15px/21px 'Open Sans', sans-serif; color:#333;  background:url(../images/bg2.jpg) left top no-repeat;}
html,body {height:100%;}


p {padding-bottom:5px;}
a {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
img {border:0px;}
.resim-border{border:1px solid #158a48;}

h1,h2,h3,h4,h5 {font-weight:normal; font-style:normal;}
h1 {font-size:30px; margin-bottom:12px; color:#333;}
h2 {font-size:25px; margin-bottom:21px; color:#333;}
h3 {font-size:22px; margin-bottom:12px; color:#333;}

.clear {clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%;}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.alignjust {text-align:justify}
.alignmiddle *{vertical-align:middle}
.it {font-style:italic;}

.sayfa404 {font-size:18px; text-align:center; height:250px; padding-top:170px;}

/* PADDING ---------------------------------------- */
.padtop5 {padding-top:5px;}
.padtop10 {padding-top:10px;}
.padtop15 {padding-top:15px;}
.padtop20 {padding-top:20px;}
.padtop25 {padding-top:25px;}
.padtop30 {padding-top:30px;}
.padtop35 {padding-top:35px;}
.padtop40 {padding-top:40px;}
.padtop45 {padding-top:45px;}
.padtop50 {padding-top:50px;}
.padbot5 {padding-bottom:5px;}
.padbot10 {padding-bottom:10px;}
.padbot15 {padding-bottom:15px;}
.padbot20 {padding-bottom:20px;}
.padbot25 {padding-bottom:25px;}
.padbot30 {padding-bottom:30px;}
.padbot35 {padding-bottom:35px;}
.padbot40 {padding-bottom:40px;}
.padbot45 {padding-bottom:45px;}
.padbot50 {padding-bottom:50px;}
.padlef5 {padding-left:5px;}
.padlef10 {padding-left:10px;}
.padlef15 {padding-left:15px;}
.padlef20 {padding-left:20px;}
.padlef25 {padding-left:25px;}
.padlef120 {padding-left:120px;}

/* GRIDS ---------------------------------------- */
.grid0 {width:980px; margin:0 auto; float:none;}
	.grid0 div:first-child {margin-left:0;}
.grid1 {width:645px; float:left; margin-left:25px;}
.grid2 {width:480px; float:left; margin-left:20px;} /* 2 kolon */
.grid3 {width:310px; float:left; margin-left:25px;} /* 3 kolon */
.grid4 {width:230px; float:left; margin-left:20px;} /* 4 kolon */
.grid5 {width:730px; float:left; margin-left:20px;}


/* HEADER ---------------------------------------- */
header {position:relative; top:0; width:100%; height:135px; margin:0 auto; z-index:2; background:url(../images/header-bg.png) no-repeat top center; border-bottom:1px solid #127b40;}
	header .phone { padding-top:20px; font-size:30px; font-weight:600; margin-top:0; line-height:42px; color:rgba(51,51,51,0.6); text-align:right;}
	header .phone span {font-size:24px; line-height:44px; color:rgba(51,51,51,0.6);}
	header .grid5 { background:url(../images/banner-res1.jpg) top left no-repeat; width:728px; height:99px; overflow:hidden; border:0 solid #143E90; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
	header .toph {font:italic 24px 'Open Sans', sans-serif; color:#fff; text-align:right; padding-right:10px; margin-top:0; background:rgba(51,51,51,0.6);}
	header .dil{ margin-top:16px; margin-right:1px; background:#3a8f5f; border:1px solid #127b40; border-top:0; width:40px; height:40px; line-height:36px; float:right; text-align:center; color:#FFF;}
	header .dil a{color:#FFF;}
	header .dil a:hover{text-decoration:underline;}

.menukap {height:50px; margin-top:2px; background:#fff; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.menukap ul {margin-left:auto; margin-right:auto; display:table;}
*:first-child+html .menukap {text-align:center}
* html .menukap {text-align:center}

.menu {padding:0; list-style:none; font:18px 'Open Sans', sans-serif;}
	.menu li {position:relative; float:left;}
	.menu li:first-child {border-left:0px;}
	.menu li a {display:block; font-weight:bold; color:#158a48; padding:0 23px 0; line-height:50px; position:relative;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
	.menu li.current a,.menu li a:hover {background:#158a48; color:#fff; text-decoration:none; line-height:50px;}
	@media screen\0 {
	.menu li a {padding:0 25px 0;}
	.menu li.current a,.menu li a:hover {padding:5px 25px 5px;}
	}
	
	.menu li ul {display:none; position:absolute; top:50px; left:-1px; line-height:normal; z-index:12; border:1px solid rgba(204,204,204,0.3); border-top:0;}
	.menu li ul li {width:178px; background:#158a48;  font:16px 'Open Sans', sans-serif;}
	.menu li ul li a {width:auto; padding:0 10px 0; color:#fff;}
	.menu li ul li.aktif a, .menu li ul li a:hover { background:rgba(0,0,0,0.1);}
	.menu li:hover ul, .menu li.over ul {display: block;}
	
	/*üçüncü menü visibility olmazsa çalışmıyor*/
	.menu li li ul {display:none; visibility:hidden;}
	.menu li li:hover ul {display:block; visibility:visible; position:absolute; top:0; left:178px; border:0;}
	.menu li li ul img{ display:inline-block; margin-left:-7px; margin-top:2px;}
	

/* SLIDER ---------------------------------------- */
.slider {position:relative; background:none; text-align:center; width:980px; height:197px; top:0; margin:0 auto; z-index:1;}

/* CONTENT ---------------------------------------- */
section {width:100%; display:inline-block; padding-bottom:30px; background:url(../images/section-bg.jpg) no-repeat top;}

/* section {position:relative; z-index:2; width:100%; display:inline-table; padding-bottom:30px; margin-top:-240px;}*/
	section hr {width:100%; height:1px; border-width:0; color:#666; background-color:#666; margin-bottom:20px;}
.toph {font:32px 'Open Sans', sans-serif; color:#158a48; text-align:center;}
	.toph span {color:#bc0000;}
	.toph p { padding:10px 0 18px;}
.home1 {text-align:justify; font-size:14px;}
	.home1 p {padding-bottom:28px;}
	.home1 p:last-child {padding-bottom:0;}
	.home1 img{float:left; margin-right:10px;}
	.home1 span {color:#bc0000;}
	.home1 strong {display:inline-block; margin-right:5px;}
	.home1 h2 {color:#158a48;}
	.home1 h3 {display:block; background:#158a48; text-align:center; color:#FFF; padding:5px 0 5px;}
	.home1 .iletisim1{background:url(../images/contact.png) no-repeat;}
.home2 {text-align:justify; font-size:14px; height:400px; display:table;}
	.home2 p {padding-bottom:24px;}
	.home2 span {color:#bc0000;}
	.home2 strong {display:inline-block; margin-right:5px;}
	.home2 h3 {display:block; text-align:left; color:#158a48; font-weight:500; padding:5px 0 5px; border-bottom:1px solid #127b40;}
	.home2 ul {position:relative; top:-10px;}
	.orta {position:relative; left:50%; margin-left:-158px; border:1px solid #666;}
	.orta-basin {position:relative; left:50%; margin-left:-174px; border:1px solid #666;}
	.urun { display:block; float:left; margin-right:10px; margin-bottom:10px; border:1px solid #158a48;}
		
	.home2 .iletisim{width:490px; margin-left:0;}
	.home2 .i{font-family:Verdana, Geneva, sans-serif; color:#333;}
	
.home3 {text-align:justify; font-size:14px; display:table;}
	.home3 p {padding-bottom:24px;}
	.home3 span {color:#bc0000;}
	.home3 strong {display:inline-block; margin-right:5px;}
	.home3 h3 {display:block; text-align:left; color:#158a48; font-weight:500; padding:5px 0 5px; border-bottom:1px solid #127b40;}
	.home3 ul {position:relative; top:-10px;}
	
	.geri {position:absolute; margin-top:-40px; margin-left:948px;}
	
	.home3 .grid4 { width:228px; height:40px; background:#158a48;  text-align:center; border:1px solid #127b40; border-radius:10px;}
	.home3 .grid4 a{ display:block; color:#FFF; font-size:12px; letter-spacing:0.7px; font-weight:600; line-height:40px; height:40px; }
	
	.home3 .grid4-2 { width:228px; height:200px; background:#158a48;  text-align:center; border:1px solid #127b40; border-radius:10px; float:left; margin-left:20px;}
	.home3 .grid4-2 img{border:0; width:226px; height:160px; border-top-left-radius:10px; border-top-right-radius:10px;}
	.home3 .grid4-2 a{ display:block; color:#FFF; font-size:12px; letter-spacing:0.7px; font-weight:600; line-height:40px; height:40px;}
	
.yukari{ margin-top:-280px;}

.list1 li{background:url(../images/marker.png) 0 7px no-repeat; font:normal 14px 'Roboto Condensed', sans-serif; padding:0 0 0 20px; margin:0 0 10px 0; list-style:none;}
.list1 li .devami{ padding-left:10px; color:#fff; font-weight:700;
	-webkit-transition-duration: 2s;
 	 -moz-transition-duration: 2s;
 	 -ms-transition-duration: 2s;
 	 -o-transition-duration: 2s;
 	 transition-duration: 2s;}
.list1 li .devami:hover {color:#fff; text-decoration:none;}
.list1 li .beyaz{color:#FFF;}

.list2 li{ padding:0 0 0 10px; margin:0 0 10px 0; }

.katalog{width:350px; height:54px; border:1px solid #900; text-align:center; position:relative; margin-left:50%; left:-175px; margin-top:20px;}
.int1 {text-align:justify;}
	.int1 span {color:#bc0000;}
	.int1 img {float:none; border:1px solid #aaa; margin:5px 0;}
.iletisim h4 {margin-bottom:10px;}
.iletisim  span {color:#158a48;}
.map {}
	.map iframe {width:960px; height:200px; margin:0 auto; margin-top:10px; border:0;}
address {margin-top:10px; font-style:normal;}
	address span {display:inline-block; width:80px; color:#bc0000; float:left;}

.tablo { width:100%;}
	.tablo td{border:1px solid #ccc; padding:2px; text-align:center;}

.tablo2 { width:100%;}
	.tablo2 td{border:0; padding:2px; text-align:center;}
	
.tablo {width:100%;}
	.tablo tr:nth-child(odd) {background:#f2f4f7;}
	.tablo tr:nth-child(even) {background:none;}
	.tablo td{border:1px solid #ddd; padding:4px; text-align:center;}
/*	.tablo td{padding:4px;;}


/* ISOTOPE ---------------------------------------- */
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events:none; z-index: 1;}
#filter-buttons {text-align:left;}
#filter-container {margin:0 5px;}
#filter-container figure {width:230px; height:250px; margin:0 6px; margin-bottom:10px;}
#filter-container figure figcaption {margin:10px 10px; text-align: center;}

/* FOOTER ---------------------------------------- */
footer {border-top:1px solid #aaa; height:60px; margin:0 auto; color:#666; font-size:12px; line-height:inherit; margin-top:-10px;}
	footer .grid4 {width:120px; float:left; margin-left:20px;} /* 4 kolon */
	footer .grid5 {width:840px; float:left; margin-left:20px; background:none;}
	footer img {float:left; margin-right:10px; margin-top:5px;}
	footer .copyright {text-align:center; font-size:10px; color:#666;}
	footer .copyright a{ color:#666;}
	footer .copyright img {float:inherit; margin-right:0;}