body {background: #4a9e4b;}

.container {width: 1250px; margin: 0 auto; position: relative;z-index: 999999999;}
.container.s {width: 990px;}

#header {width: 100%; height: 146px; border-bottom: 3px solid #fff; position: absolute; left: 0; right: 0; top: 0; z-index: 999999; background: url('/tasarim/img/bg.png') repeat-x center 0;}

#header .container {height: 146px;}

#header .logo {float: left; margin: 12px 0 0;}
#header .logo a:active {opacity: 0.75;}

#header .call-center {width: 108px; height: 57px; padding-right: 20px; color: #fff; font-size: 15px; font-weight: 700; font-family: 'Dosis', sans-serif; text-align: right; position: absolute; right: 0; top: 0; background: url('/tasarim/img/call-center.png') no-repeat 0 0;}
#header .call-center span {font-size: 13px; font-weight: 100; display: block; padding-top: 5px;}

#header .nav {height: 38px; position: absolute; right: 0; bottom: 0;}

#header .nav .home {float: left; width: 40px; height: 39px; margin-right: 20px; display: block; background: url('/tasarim/img/menu-active.png') repeat-x 0 bottom;}
#header .nav .home span {width: 40px; height: 28px; display: block; background: url('/tasarim/img/home-icon.png') no-repeat center center;}

#header .nav ul {height: 38px; float: left; margin: 0; padding: 0; list-style: none;}
#header .nav ul li {float: left; height: 38px; position: relative; padding-right: 1px; }
#header .nav ul li:last-child {padding-right: 0; background: none;}
#header .nav ul li a {color: #fff; font-size: 14px; font-weight: 700; font-family: 'Dosis', sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-decoration: none; display: block; height: 34px; line-height: 31px; padding: 4px 10px 0;}

#header .nav > ul > li:hover > a {background: #fff; color:#252525; text-shadow: none;}

#header .nav > ul > li:hover > ul {display: block;}

#header .nav ul ul {width: 342px; height: auto; display: none; position: absolute; left: 0; top: 38px; background: #25B102; overflow: hidden; border-radius: 0 0 4px 4px;z-index: 999999999999999999999;}
#header .nav ul ul > li {width: 171px; background: none; padding: 0;}
#header .nav ul ul > li a {padding: 0 10px; line-height: 38px; text-shadow: none;}
#header .nav ul ul > li a:hover {background: #1A8300;}

#slider {width: 100%; height: 650px; position: relative; z-index: 500; box-shadow: 0 2px 22px rgba(0,0,0,0.7); overflow: hidden; padding: 0;background: #fff;}
#slider.detay-s {height: 486px; box-shadow: none; background: none;}
#slider > .container {width: 100%; height: 650px;}


#slider ul {margin: 0; padding: 0; list-style: none;}

.detay-s #slider-controls {position: absolute; left: 50%; top: 27%; margin-left: -495px;}
#slider-controls {position: absolute; left: 50%; top: 50%; margin-left: -495px;}
#slider-controls a {width: 24px; height: 40px; display: block; text-indent: -9999px; background: url('/tasarim/img/slide-controls.png');}
#slider-controls a.bx-prev {float: left; background-position: 0 0;}
#slider-controls a.bx-prev {float: right; background-position: -24px 0;}

#home {width: 100%; height: 249px; position: relative; z-index: 450;}
#home > .container {height: 249px; background: url('/tasarim/img/home-content.png') no-repeat 0 0;}
#home .container.s {height: 200px;}

#home .left {float: left; width: 310px; height: 200px; margin-right: 10px; color: #fff; background: url('/tasarim/img/home-sep.png') no-repeat right center;}
#home .left h2.title {margin: 0; padding: 25px 0 15px; font-size: 16px; font-weight: 700; font-family: 'Dosis', sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
#home .left .text {width: 270px; color: #d8efff; font-size: 12px;}
#home .left .text a {color: #d8efff; font-weight: 700; text-decoration: none;}

#home .right {float: right; width: 654px; height: 200px;}
#home .right .products-slider {width: 594px; height: 150px; margin-top: 25px; margin-left: 30px; position: relative;}
#home .right .products-slider ul {margin: 0; padding: 0; list-style: none;}
#home .right .products-slider ul li {float: left; width: 180px; height: 150px;}
#home .right .products-slider ul li a {display: block; width: 180px; height: 150px; position: relative;}
#home .right .products-slider ul li a img {display: block;}
#home .right .products-slider ul li a .name {height: 20px; padding-top: 11px; padding-left: 13px; color: #000; font-size: 13px; font-family: 'Dosis', sans-serif; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); line-height: 11px; position: absolute; left: 0; right: 0; bottom: 0; background: #ddd;font-weight: 700;}
#home .right .products-slider ul li a .name.c-1 {background-position: 0 0;}
#home .right .products-slider ul li a .name.c-2 {background-position: 0 -41px;}
#home .right .products-slider ul li a .name.c-3 {background-position: 0 -82px;}

#home .right .products-slider .bx-prev {width: 10px; height: 20px; position: absolute; left: -30px; top: 60px; display: block; text-indent: -9999px; background: url('/tasarim/img/home-products-slide-controls.png') no-repeat 0 0;}
#home .right .products-slider .bx-next {width: 10px; height: 20px; position: absolute; right: -30px; top: 60px; display: block; text-indent: -9999px; background: url('/tasarim/img/home-products-slide-controls.png') no-repeat -10px 0;}

.cnt {width: 100%; margin: 20px 0 50px;}
.content {width: 990px; margin: 0 auto; background: #fff; border-radius: 4px;margin-top: -200px;position: relative;z-index: 9999;}
.content .title {height: 60px; color: #555; font-size: 16px; font-weight: 700; font-family: 'Dosis', sans-serif; border-bottom: 1px solid #ddd;}
.content .title h2 {margin: 0; padding: 0 25px; line-height: 60px;}

.content .article {padding: 0; color: #444; font-size: 13px;border-top: 1px solid #ddd;width: 941px;margin-left: 25px;padding-bottom: 30px;}


.posts {width: 100%; padding: 0; margin: 0; list-style: none;}
.posts .post {float: left; width: 100%; margin-bottom: 15px; background: #f6f6f6;}
.posts .post:last-child {margin-bottom: 0;}
.posts .post .ttl {width: 100%; border-bottom: 1px solid #fff;}
.posts .post .ttl h3 {padding: 0 10px; margin: 0; line-height: 34px; font-size: 13px;}
.posts .post .post-body {padding: 10px;}
.posts .post .post-info {width: 100%; height: 30px; border-top: 1px solid #fff;}
.posts .post .post-info .ss {float: left; margin-left: 10px; line-height: 30px;}
.posts .post .post-info .read-more {float: right; height: 30px;}
.posts .post .post-info .read-more a {height: 30px; display: block; padding: 0 10px; line-height: 30px; background: #3a9bda; color: #fff; font-size: 12px; font-weight: 700; font-family: 'Dosis', sans-serif; text-transform: uppercase; text-decoration: none;}
.posts .post .post-info .read-more a:hover {background: #434241;}

.posts.uvh .post {width: 280px; margin: 0 10px 15px;}
.posts.uvh .post .post-body {padding: 0; overflow: hidden;}
.posts.uvh .post .post-body .img {width: 100%; height: 180px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.posts.uvh .post .post-body .img img {width: 100%;}
.posts.uvh .post .post-body .in {padding: 10px;}

.content .prd-slider {width: 940px; margin: 25px;  position: relative; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') repeat-x 0 bottom;}
.content .prd-slider ul {width: 1200px; margin: 0; padding: 0; list-style: none;}
.content .prd-slider ul li {float: left; width: 1200px;}
.content .prd-slider ul li img {width: 100%;}

.content .prd-slider .bx-prev {width: 27px; height: 31px; position: absolute; left: 10px; bottom: 24px; padding-right: 3px; display: block; border: 1px solid #ddd; text-indent: -999em; border-radius: 3px; background: #fff url('/tasarim/img/arrow-h-prev.png') no-repeat center center;}
.content .prd-slider .bx-next {width: 27px; height: 31px; position: absolute; left: 50px; bottom: 24px; padding-right: 3px; display: block; border: 1px solid #ddd; text-indent: -999em; border-radius: 3px; background: #fff url('/tasarim/img/arrow-h-next.png') no-repeat center center;}


#footer {font: 100%; height: 60px; margin-top: -20px; color: #FFFFFF; font-size: 11px; position: relative; z-index: 500;}

#footer a.prativa {width: 81px; height: 10px; display: block; text-indent: -999em; position: absolute; right: 20px; top: 0; background: url('/tasarim/img/prativa.png') no-repeat 0 0; transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s;}
#footer a.prativa:hover {background-position: 0 -10px;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

strong.basliiq {width: 100%; height: 30px; float: left;display: block; line-height: 24px;border-bottom: 1px solid #ddd; padding-bottom: 2px; margin-bottom: 13px;}
strong.basliik {width: 1170px; height: 40px; float: left;display: block; line-height: 40px; background:#06567f; color:#fff; border-radius: 2px; padding-left:10px;}