/*
Theme Name: Loftkurumsal1
Theme URL: www.umitunver.net
Description: Kurumsal firma teması
Version: 0.2
Author: Ümit Ünver

*/

body{
   background-color: #f2f2f2;  font-family: 'Open Sans', sans-serif;
}

.p{padding: 0px;}
.p2{padding: 12px;}

.ust{ height: 5px; background-color:#40b7d1;background-color:#303841;}
.header{height:120px;}
.logo{float:left;   height:120px;}
.logo img{width: 100%; max-width:300px; height:80px; margin-top: 20px;  }

.amenu { width:100%; height: 40px; background-color:#303841; }
.menu{
    width:100%; max-width: 900px; margin: auto;
	overflow:hidden;
	background-color:#303841;

}

.menu ul{
        margin-left: -50px;
}
.menu ul li{
	float:left; font-size:16px;
}
.menu ul li a{
	display:block;
	padding: 9px 20px;
	color:#fff;
    text-decoration: none;
	
}
.menu ul li a:hover{
	background-color:rgba(0,0,0,0.4); border-top-left-radius:5px; border-bottom-right-radius:5px;

}
.menuac{
	background-color:#303841;
	padding:10px;
	color:#fff;
	font-family: 'Noto Sans', sans-serif;
	font-weight:bold;
	cursor:pointer;
	display:none;
}
.slider img{width:100%;   margin-top:5px; border-radius: 3px; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.16);}
.a-baslik{float:left;  font-size:24px; margin-top: 15px; color:#666; width: 100%; margin-bottom: 5px;}
.cizgi{float:left;width: 100%; height: 1px; margin-bottom: 5px; background-color: #ccc; }
.a-kutu{word-wrap: break-word;float:left; width:100%; height: 180px;  background-color: #fff; border-radius: 3px;  border:1px solid #ccc;}
.a-kutu img{ width:96%; height:170px;  margin-left: 2%; margin-top: 4px;}
.kutubaslik{float:left; font-size: 17px; color:#666; margin-bottom: 2px; width: 100%; margin-left: 5px; margin-top:2px;}
.kutubaslik a{color:#666; text-decoration: none; }
.kutubaslik a:hover{color:#666; text-decoration: none;}
.kutuyazi{float:left;  margin-left: 5px; font-size:13px; color:#666; margin-bottom: 5px;}
.singleresim img{max-width: 100%;}



.orta{width: 100%; height: auto; background-color: #3A4750; background-image: url(img/seffaf.png); background-size: 900px 900px, auto; margin-top: 13px;}
.i-orta{ overflow: hidden;max-width:900px; height: auto; margin: auto; color:#f3f3f3; font-size: 14px;}
.i-orta p{ float: left; width: 100%;  height: auto; margin-top: 17px; margin-left: 10px; }
.hakdevam{float:left; padding: 5px 30px 5px; color:#666; font-weight: bold; font-size:17px;  margin-left: 10px; background-color: #F6C90E; border-radius: 3px; margin-bottom:10px;}
.adam{float:right;}
.adam img{width: 440px;}
.c-kutu{float:left; width:100%; height:100px; margin-top: 10px;  }
.c-kutu img{ width:100%; height:100px; border-radius: 4px; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.16);}
.bar{float:left; font-size:14px; margin-left:10px; width:98%; padding: 8px; color:#fff; background-color:#303841; background-image: url(img/seffaf.png); background-size: 900px 900px, auto;  border-bottom-left-radius:5px;  border-bottom-right-radius:5px;}
.bar img{float:left;width:15px; height:15px; margin-right:2px; margin-top: 3px; margin-left: 3px;  }
.i-bar{float:left; margin-right: 12px;}
.i-kur{float:left; font-size:18px; margin-top:27px; margin-left:10px; font-weight: bold; color:#666;}
.sosyal{float:right;margin-left:8px; width:170px; height:30px; margin-top:25px;}
.sosyal img{float:left; width: 29px; height:28px; margin-left:5px;}
footer{float:left; clear: both; background-color: #F6C90E; background-image: url(img/seffaf2.png);    width: 100%; height: auto; margin-top: 25px; }
.f-yazi{color:#3A4750;; font-size:12px; margin-top:8px;margin-bottom:8px;}
.f-yazi2{float:right; color:#3A4750; font-size:12px; margin-top:8px;margin-bottom:8px;}

/* hakkımızda sayfası*/
.hakbaslik{ color:#666; font-size:22px; margin-top:10px;}
.rcizgi{float:left;width: 100%; text-align: center;}
.rcizgi img{width: 100%; height: 15px;}

.hakyazi{float:left;margin-bottom: 10px; margin-top: 5px;}
/* hakkımızda sayfası*/

/* hizmetimiz sayfası*/
..hizmetresim{float:left; }
.hizmetresim img{float:left;width: 100%; height: 200px;  margin-top: 10px;}

.hizmetyazi{float:left; height: 200px; margin-bottom: 10px;}
.hizmetyazi a {color:#666; text-decoration: none;}
.hizmetyazi a:hover {color:#666; text-decoration: none;}

/* hizmetimiz sayfası*/



/* iletişim sayfası*/
.harita{float:left; width: 100%; margin-top: 5px;}
.iletisim{float:left; margin-left: 20px; margin-bottom: 20px; margin-top: 20px;}
.iletisimbaslik{ font-weight: bold;}
/* iletişim sayfası*/


/*urunler*/
.urunalt{margin-top:10px;}
/*urunler*/





@media (max-width: 700px)
{   .logo{float:left; text-align: center;}
	.menuac{display:block;}
	.menuicon{display:block;}
	.menu ul {display:none;}
	 .menu ul li{float:none;}
	 .menu ul li a {border-bottom:1px solid #fff;}
   .menuac { width:100%; height: 40px; background-color:#303841; } 


}

@media (min-width:700px) {
	   .menu ul {display:block!important}
    
}





        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }