﻿body { background-color: #f5f5f5 }
.page-header { text-transform: uppercase }
h1 { font-size: 20px; }

.carousel { margin-top: -20px; margin-bottom: 20px; min-height: 100px; }
.carousel-inner .item img { width: 100%; height: auto; }
.carousel-control.left, .carousel-control.right { background-image: none }

.thumbnail img { width: 100%; height: auto; }
.thumbnail a { text-decoration: none }
.thumbnail .item-heading { overflow: hidden; white-space: nowrap; }

.kategoriler .thumbnail:hover { border-color: #ff6a00 }
.kategoriler .thumbnail:hover .item-heading { color: #ff6a00 }
.kategoriler .thumbnail .item-heading { text-transform: uppercase; font-size: 11px; color: #000; margin: 5px 0; }

.urunler .thumbnail { border-radius: 0; padding: 0; }
.urunler .thumbnail img { border-bottom: 1px solid #ccc }
.urunler .thumbnail .caption p { font-size: 12px; height: 32px; line-height: 16px; overflow: hidden }
.urunler .thumbnail .item-heading { font-size: 16px; }

.navbar-toggle .icon-bar { background-color: #666 }

.anamenu { border-bottom: 5px solid #7B274A; border-radius: 0; background-color: #fff; padding: 8px 0; }
.anamenu li a { color: #000; text-transform: uppercase }
.anamenu .navbar-brand { width: 283px; height: 50px; padding: 1px 0; position: relative; }
.anamenu .navbar-brand a { background: url(../img/logo.png) no-repeat; width: 100%; height: 100%; display: block; font-size: 0; }

.menu-top { line-height: 34px; background-color: #282E3E; color: #fff; }
.menu-top a { color: #fff; font-weight: bold; text-decoration: none; font-size: 12px; margin-right: 15px }
.menu-top a i { border-radius: 50%; width: 20px; height: 20px; line-height: 20px; border: 1px solid #24A3D8; text-align: center; }


.body-footer { border-top: 1px solid #999; padding-top: 10px }

.post_entry table { width: 100%; }
.post_entry .table-hover > tbody > tr:hover { background-color: #282e3e; color: #fff; }


.home .title { max-width: 760px; margin: 0 auto; display: block; text-transform: uppercase; }
.separator-container { text-align: center; position: relative; font-size: 120% }
.separator-container .separator { color: #c5a47e; margin: 0 auto 1em; width: 11em; }
.separator-container .separator.line-separator:before, .separator-container .separator.line-separator:after { display: block; width: 40%; content: " "; margin-top: 12px; border: 1px solid #c5a47e; }
.separator-container .separator.line-separator:before { float: left; }
.separator-container .separator.line-separator:after { float: right; }

.search-form { overflow: hidden; width: 200px; position: relative; }
.search-form .input { display:block; box-shadow: none; border-radius: 0; border: none; margin: 0; width: 100%; font: 13px 'Lato'; color: #fff; background-color: #000; background-color: rgba(0,0,0,.25); padding: 5px 35px 5px 15px; height: 35px; outline: none; resize: none; overflow: hidden; }
.search-form .input input { font: inherit; line-height: inherit; display: block; overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; color: inherit; border: none; border-radius: 0; outline: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; }
.search-form button, .search-form button:focus, .search-form button:active { background: none; border: none; cursor: pointer; position: absolute; top: 0; right: 0; color: #fff; font: 400 13px/34px "FontAwesome"; }
