@charset "utf-8";

/* CSS Document */

body{

	margin:0px;

	padding:0px;

	font-size:13px !important;

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

}

body a{

	color:#000;

}

body a:hover{

	text-decoration:none;

	color:#900;

}
p{
   float:left;
   width:100%;
}

header {

    background: white;

}

.orta-alan-bg{

	background:#FFF;

	border-right: solid 2px #79787826;

	border-left: solid 2px #79787826;

    padding-bottom: 15px;

}

.top-header {

    background: #dddddd;

    padding: 7px 0 0 0;

}

.logo {

    float: left;

	margin: 3px 0 0 0px;

}

.logo img {

    height: 74px;

    margin: 2px 0 0 0;

}

.header-cizgi {

    float: left;

	margin: 10px 0 0 10px;

}

.header-slogan {

    float: left;

    margin: 20px 0 0 10px;

}

.header-ikonlar img {

    float: left;

    margin: -4px 0 4px 4px;

    width: 27px;

}

.header-ikonlar {

    float: right;

}
.tel-ikon {
    font-size: 15px;
    float: left;
    margin: -2px 10px 0 7px;
}
.tel-ikon .glyphicon {

    font-size: 19px;

    margin: 0px 8px -5px 0;

    float: left;

}



.menu-bg {

    background: #004b77;

    margin: 10px 0 0 0;

}

#firma-ara-bg {

	border: solid 1px #e4e4e4;

    padding: 7px 9px 7px 10px;

    margin: 11px 0 0 0;

    float: right;

    font-size: 18px;

    text-align: center;

}

#arama-bg {

    float: left;

	margin: 0 0px 0 0;

}

#kategoriler-bg {

    float: left;

    margin: 0 0 0 0px;

}

select, input[type="text"] {

	width:240px;

    height: 34px;

    border: solid 1px #dcdada;

    padding: 0 0 0 6px;

	border-radius: 5px;

}

button {

    margin: 0 0 0 0px;

    background: white;

    padding: 6px 10px 6px 10px;

    border-radius: 5px;

    border: 1px solid #dedede;

}

.sol-menuler-bg {
    margin: 10px 0 -25px 0;
	position: relative;
    z-index: 10;
}

.sol-kategoriler-bg {

	height:392px;

	overflow-y: scroll;

	margin:10px 0 0 0;

}

#scroolbar::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	border-radius: 10px;

	background-color: #F5F5F5;

}

#scroolbar::-webkit-scrollbar

{

	width: 12px;

	background-color: #F5F5F5;

}

#scroolbar::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #6b6b6b;

}

.sol-kategoriler-bg li {

    list-style-type: none;

    border-bottom: solid 1px #c5c2c2;

    padding: 4px 0 4px 0;

}

.slider-bg{

	margin: 10px 0 15px 0;

    float: left;

    width: 100%;

}

.slider-bg img{

	width:100%;

}

#myCarousel .nav a small {

    display:block;

}

#myCarousel .nav {

	background:#eee;

}

#myCarousel .nav a {

    border-radius:0px;

	border-radius: 0px;

    background: #a7a7a7;

    margin: 9px 4px 0 0px;

    color: white;

}

.nav-justified>li {

    display: table-cell;

    width: 6% !important;

	float:left !important;

	text-align: center !important;

}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {

    color: #fff;

    background-color: #d61919 !important;

}

.sol-banner img {

    width: 100%;

	margin: 35px 0 0px 0;

}

@media only screen and (min-width : 990px) and (max-width : 1200px) {

.main-urun-resim img {

    width: 100% !important;

}

}

@media only screen and (max-width: 500px) {

	.alt-firma-cevap {

	width: auto !important;

}
.haber-baslik {
    margin: 5px 0 5px 15px !important;
}

.nav-justified>li {

    width: 12% !important;

}

.logo {

    float: inherit !important;

    text-align: center;

}

.header-slogan {

    float: inherit !important;

    text-align: center;

}

.header-cizgi {

    display:none;

}

#kategoriler-bg {

    margin: 8px 0 0 0px;

}

.main-urun-resim img {

	width:100%;

}

}

.main-urun-kutu-bg {

    width: 100%;

    height: 230px;

    margin: 15px 0 0 0;

    float: left;

}

.main-urun-resim {

    border: solid 3px #eee;

    padding: 2px;

    text-align: center;

    height: 135px;

    overflow:hidden;

}

.main-urun-resim img {

    height: 127px;

}

.main-urun-resim img:hover {

    opacity: 0.6;

}

.main-urun-baslik {

    font-size: 11px;

    font-weight: 600;

	margin: 0 0 5px 0;

	height:40px;

}

.main-urun-button {

    background: #656565;

    color: white;

    text-align: center;

    padding: 5px 0 5px 0;

    border: solid 2px #827f7f;

}

.main-urun-button a {

    color: white;

}

.main-urun-tel {

    margin: 6px 0 0 0;

    font-size: 12px;

}

.main-urun-cep {

    margin: 2px 0 0 0;

    font-size: 12px;

}

.son-eklenen-firmalar-bg {

    padding: 0px 80px 15px 80px;

    float: left;

    margin: 45px 15px 0 15px;

    border: solid 1px #dcdcdc;

}

.son-eklenen-firmalar-baslik {

    float: left;

    margin: -25px 0 19px -13px;

    font-size: 37px;

    background: white;

    padding: 0 12px 0 12px;

}

.carousel-control {

    top: 73px !important;

    width: 0% !important;

    font-size: 100px !important;

    color: #000 !important;

}

.carousel-control.left {

    margin: 0 0 0 -48px !important;

}

.carousel-control.right {

    margin: 0 -16px 0 0px !important;

}

.son-eklenen-firma-bilgileri {

    margin: -10px 0 0 0;

    text-align: center;

    color: black;

    font-size: 14px;

}

.alt-ikili-banner{

	margin-top:20px;

}

.alt-ikili-banner img{

	width:100%;

}

.alt-buuyk-banner {

    float: left;

    margin-top: 30px;

}

.alt-buuyk-banner img{

	width:100%;

}

footer {

    background: #dddddd;

    margin-top: 30px;

    padding: 5px 0 20px 0;

}

.footer-menu {

    margin: 15px 15px 0 0;

    float: left;

}

.footer-menu li a {

    color: black;

}

.footer-menu li a:hover {

    color: #FF0000;

	text-decoration:none;

}

.footer-menuler {

    float: left;

    margin: 20px 19px 0 0px;

}

.footer-menuler li {

    list-style-type:none;

}

.footer-menuler li a {

    color: black;

	font-size: 12px;

}

.footer-menuler li a:hover {

    color: #FF0000;

	text-decoration:none;

}

.footer-text {

    background: whitesmoke;

    padding: 8px;

    margin: 24px 0 0 0;

}

input.uye-ol {

    width: 261px;

}

.btn-primary {

    background-image: linear-gradient(to bottom,#f2a21f 0,#e2981d 100%) !important;

    padding: 6px 20px 6px 20px !important;

    border: none !important;

}

.footer-sosyal-bg {

    float: left;

	margin: 12px 0 15px 0;

}

.ikonlar{

    float: left;

    margin: 0 0 0 8px;

}

.ikonlar img {

    width: 30px;

}

.mobil-indir-button {

    float: left;

    margin: 13px 10px 13px 0;

}

.uye-button {

    padding: 7px 20px 7px 20px;

    background: #e0a83a;

    color: white;

}

.footer-alt-bg {

    background: #dddddd;

    border-top: 2px solid #fff;

}

.ic-sayfalar-baslik {

    padding: 2px 0 2px 8px;

    font-size: 22px;

    background: #f9f9f9;

    border-top: solid 2px #efefef;

	border-bottom: solid 2px #efefef;

    margin: 10px 0 0px 0;
	float:left;
	width:100%;

}

.ic-sayfalar-banner {

    float: left;

    margin: 10px 0 0 0;

	width:100%;

}

.ic-sayfalar-banner img {

    width:100%;

}

.ic-sayfalar-text {

    float: left;

    margin: 15px 0 0 0;

}

.ic-sayfalar-text img {

    width: 100% !important;

}

.iletisim-harita {

    float: left;

    margin: 10px 0 0 0;

	width:100%;

}

.iletisim-adres {

    float: left;

    margin: 15px 0 0 0;

}

.iletisim-formu {

    float: left;

    margin: 15px 0 0 0;

}



.adres-soru {

    float: left;

    width: 28%;

    background: #f1f1f1;

    padding: 5px;

    margin: 4px 0 0 0;

    font-size: 12px;

	font-weight: bold;

}

.adres-cevap {

    float: left;

    width: 70%;

    background: #f1f1f1;

    padding: 5px;

    margin: 4px 0 0 5px;

    font-size: 12px;

}

.form_div {

	float:left;

	width:360px;

	height:auto;

	margin: 10px 0 0 0;

}

.form .button {

	float: left;

	width: 140px;

	height:30px;

	margin: 0 0 0 10px;

	line-height:25px;

	border:0px;

	color:#FFF;

	background-color:#8b8b8c;

}

.form input {

	float:right;

	width:170px;

}

.form textarea {

	float:right;

	width:170px;

	height:100px;

}

.alt-firma-logo img {

    width: 260px;

}

.alt-firma-logo {

    border-bottom: solid 2px #e8e5e5;

	padding: 15px 0 20px 0;

}

.alt-urun-aciklama{

	font-size:14px;

	margin: 20px 0 0 0

}

.alt-firma-soru {

    float: left;

    padding: 5px 5px 5px 8px;

    background: #f1f1f1;

	margin:3px 0 3px 0px;

	font-weight:bold;

}

.alt-firma-cevap {

	padding: 5px 5px 5px 8px;

    background: #f1f1f1;

    margin: 3px 0 3px 7px;

    min-height: 29px !important;

    height: auto;

}

.galeri-resimler-bg {

    margin: 0px 0 0 0;

    float: left;

}

.galeri-resimler img {

    border: solid #f1f1f1 2px;

    width: 100% !important;

	height:140px;

	margin-top:15px;

}

.urun-resimler img {

    border: solid #ffffff 2px;

    width: 100% !important;

	height:140px;

	margin-top:15px;

}

.maviweb {

    float: right;

    margin: 11px 0 0 0;

}

.video-galeri {

    width: 100%;

    margin: 12px 0 0 0;

}

.solmenu-kapali {

    background: #dddddd;

    margin: 6px 0 0 0;

    padding: 8px 0 8px 0;

}

.solmenu-kapali li a {

    font-size: 16px;

}

.solmenu-kapali li {

    list-style-type: none;

    margin: 0 0 0 17px;

}

.haberler-bg {

    float: left;

    width: 100%;

    border-bottom: solid 2px #ddd;

    padding: 15px 0 15px 0;

}

.haber-btn {

    float: left;

    background: #ab0505;

    color: white;

    padding: 5px 15px;

    margin: 15px 0 0 0;

    width: 100%;

    text-align: center;

}

.haber-btn a{

	display:block;

    color: white;

}

.haber-btn a:hover{

    color: white;

}

.haberler-resim {

    float: left;

    margin: 10px 0 0 0;

	width:100%;

}

.haberler-resim img {

    width:100%;

}

.haberler-text {

    float: left;

    margin: 15px 0 0 0;

}
.haberler-resim {
    margin: 10px 0;
}
.haber-baslik {

    font-size: 18px;

    font-weight: 600;

    margin: 5px 0 5px 0px;

    color: #ab0505;

}
.AlbumAdi {
    margin: 5px 0 0 0px;
    text-align: center;
}
.urunler-tablo {
    display: block;
}