/*
Theme Name: SaracBilisim
Theme URI: http://www.webolizma.com
Author: Webolizma team
Author URI: http://www.webolizma.com
*/
@charset "UTF-8";
/* CSS Document */

body, div, span, applet, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;}
body { background:url(images/body.jpg) top center no-repeat; font-family: 'Armata', sans-serif;font-size: 12px;font-weight: normal;-webkit-font-smoothing: antialiased !important;-webkit-text-size-adjust: 100% !important;}

.clear { clear:both;}

/* Wrapper */
#wrapper { width:1000px; margin:0 auto;}

/* Header */
.header { width:1000px; height:100px;}
.header .logo { float:left; width:220px; height:58px; margin:20px 0 0 0;}
.header .header-right { float:right; width:500px; }
.header .header-right .header-right-top{ float: left; width:100px; font-size:11px; height:28px; margin:0 0 0 8px;}
.header .header-right .header-right-top .basket { float:left; background:url(images/sepet-icon.png) top left no-repeat; height:23px; padding:5px 10px 0 30px; width:140px; background-position:0 2px;}
.header .header-right .header-right-top .basket a { text-decoration:none; color:#333;}
.header .header-right .header-right-top .basket a:hover { color:#0093C5;}
.header .header-right .header-right-top .login { float:left; width:75px; height:28px; margin:0 5px 0 0;}
.header .header-right .header-right-top .service-login { float:left; width:120px; height:28px;}
.header .header-right .header-right-top .login a  { text-decoration:none; color:#fff; display:block; background:#C9004F; width:75px; height:23px; padding:5px 0 0 0; text-align:center; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.header .header-right .header-right-top .login a:hover { background:#A90041;}
.header .header-right .header-right-top .service-login a { text-decoration:none; color:#fff; display:block;background:#005AAD; width:120px; height:23px; padding:5px 0 0 0; text-align:center; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.header .header-right .header-right-top .service-login a:hover { background:#004B95;}

.header .header-right .service {float:right; background:url(images/servis.png) center left no-repeat; height:48px; width:112px; margin:25px 0 0 20px;}
.header .header-right .service a { display: block; width: 112px; height: 48px; text-indent: -9999px;}

.header .header-right .socials { float:left; width:55px; height:22px; margin: 42px 0 0 0;}
.header .header-right .socials a { margin:0 0 0 5px;}
.header .header-right .search { float:right; width:250px; height:30px; border:1px solid #eee; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:35px 0 0 0;}
.header .header-right .search .search-input { float:left; width:210px; height:20px; border:0; outline:none; padding:5px;}
.header .header-right .search .search-button { float:left; background:url(images/search-button.png); width:22px; height:23px; border:0; outline:none; margin:5px 0 0 0; border: none; text-indent: -9999px;}
.header .header-right .search .search-button:hover { cursor:pointer;}
.pageimg {float:left; position:relative; width:38%;  min-height:250px; position:relative;}

/* Navigation */
.nav2 { width:1000px; height:50px; background:#ddd; border-bottom:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative;}
.nav2 ul{ float:left; list-style:none; width:710px; margin:0 0 0 10px; position:relative; z-index:100;}
.nav2 ul li { float:left; border-right:1px solid #f3f3f3; position: relative;}
.nav2 ul li a { text-decoration:none; color:#666; font-size:14px;padding:0 18px 0 18px; line-height: 50px; display:block;}
.nav2 ul li a:hover { color:#0093C5;}
.nav2 ul li:last-child { border-right:none;}
.nav2 .contact-phone { float:right; background:url(../images/telefon.png); width:207px; height:49px; text-indent:-9999px; margin:0 20px 0 0;}
.nav2 .contact-phone a { display:block; width:207px; height:49px;}

.nav2 ul ul { display: none; width: auto; background: #fff; }
.nav2 ul li:hover ul { display: block; position: absolute; top: 50px; left: 0 }
.nav2 ul li ul li a { font-size: 12px; width: 200px; }

.nav2 { width:1000px; height:50px; background:#ddd; border-bottom:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nav2 .contact-phone { float:right; background:url(images/telefon.png); width:207px; height:49px; text-indent:-9999px; margin:0 20px 0 0;}
.nav2 .contact-phone a { display:block; width:207px; height:49px;}
/*Main-Head*/
.main-head { width:1000px; margin:0 0 10px 0;}
.main-head .sidebar { float:left; width:230px; padding:0 0 20px;}
.main-head .sidebar .side-menu {background:#0093C4;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:230px; min-height:300px;}
.main-head .sidebar .side-menu ul { list-style:none; font-size:14px;}
.main-head .sidebar .side-menu ul li { border-bottom:1px solid #0088B9;}
.main-head .sidebar .side-menu ul li:last-child { border-bottom:none;}
.main-head .sidebar .side-menu ul li a { display:block; padding:10px 20px; text-decoration:none; color:#fff;}
.main-head .sidebar .side-menu ul li a:hover { color:#96FF4B}

.main-head .sidebar .projects-side-menu {background:#0093C4;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:230px; height:85px; margin:0 0 10px 0;}
.main-head .sidebar .projects-side-menu ul { list-style:none; font-size:14px;}
.main-head .sidebar .projects-side-menu ul li { border-bottom:1px solid #0088B9;}
.main-head .sidebar .projects-side-menu ul li:last-child { border-bottom:none;}
.main-head .sidebar .projects-side-menu ul li a { display:block; padding:10px 20px; text-decoration:none; color:#fff;}
.main-head .sidebar .projects-side-menu ul li a:hover { color:#96FF4B;}

.main-head .slider { float:right; width:1000px; height:300px;}
.main-head .slider img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.main-head .slider .bx-caption { width:340px; height:60px; border-left:10px solid #0097C7; text-align:right; background:#fff; font-size:14px; color:#0096C9; z-index:9997; position:absolute; top:180px; right:0;}
.main-head .slider .bx-caption p { display:table-cell; vertical-align:middle; width:320px; height:60px; padding:0 10px;}
.main-head .slider .bx-controls { width:62px; height:30px; z-index:9997; margin:-60px 20px 0 0; position:relative; float:right;}
.main-head .slider .bx-controls .bx-prev { float:left; background:url(images/slide-prev.png); width:30px; height:30px; display:block; text-indent:-9999px;}
.main-head .slider .bx-controls .bx-next { float:left; background:url(images/slide-next.png); width:30px; height:30px; display:block; margin:0 0 0 1px; text-indent:-9999px;}

/*Services*/
.services { width:1000px; height:220px; margin:20px 0 0 0;}
.services .services-box { float:left; width:310px; font-size:12px; line-height:18px; color:#999; margin:0 35px 0 0;text-align: justify;}
.services .services-box a { color:#777; text-decoration:none;}
.services .services-box a:hover { color:#999;}
.services .services-box:last-child { margin:0 0 0 0;}
.services .services-box h1 { font-size:15px; color:#0092C5; margin:0 0 10px 0; font-weight:normal;}
.services .services-box h1 a {color:#0092C5; text-decoration:none;}
.services .services-box img { float:left; margin:0 10px 10px 0;}
.services .services-box .more { background:#77BB3A; display:inline-block; padding:1px 3px; text-decoration:none; color:#fff; margin:0 0 0 5px;}
.services .services-box .more:hover { background:#690; color:#fff;}

/*Main Bottom*/
.main-bottom { width:1000px; height:160px;}
.main-bottom h5 { font-size:15px; color:#0092C5; margin:0 0 10px 0; font-weight:normal;}
.main-bottom h5 span { font-style:italic; color:#333; font-size:12px;}
.main-bottom h5 span a { text-decoration:none; color:#333;}
.main-bottom h5 span a:hover { color:#0093C5;}

.main-bottom .clients { float:left; width:530px;}
.main-bottom .clients-box { border:1px solid #e5e5e5; background:#f7f7f7; width:490px; height:40px; padding:30px 20px;}
.main-bottom .clients-box img {width: 100px;}
.main-bottom .clients-box .bx-viewport { height: 57px !important;}
.main-bottom .clients-box .bx-controls { width:40px; float:right; margin:14px 0 0 0;}
.main-bottom .clients-box .bx-controls .bx-prev { float:left; background:url(images/bottom-prev.png); width:19px; height:19px; display:block; text-indent:-9999px;}
.main-bottom .clients-box .bx-controls .bx-next { float:left; background:url(images/bottom-next.png); width:19px; height:19px; display:block; margin:0 0 0 1px; text-indent:-9999px;}

.main-bottom .dr-sarac { float:right; width:430px;}
.main-bottom .dr-sarac-box {border:1px solid #e5e5e5; background:#f7f7f7; width:390px; height:70px; padding:15px 20px; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; line-height:22px;}
.main-bottom .dr-sarac-box a { text-decoration:none; color:#666;}
.main-bottom .dr-sarac-box a:hover { color:#333;}
.main-bottom .dr-sarac-box .more { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#0092C5; font-size:12px;}
.main-bottom .dr-sarac-box .more:hover {color:#333}
.main-bottom .dr-sarac-box .bx-viewport { height: 85px !important;}
.main-bottom .dr-sarac-box .bx-controls { width:40px; float:right; margin:0 0 0 0;}
.main-bottom .dr-sarac-box .bx-controls .bx-prev { float:left; background:url(images/bottom-prev.png); width:19px; height:19px; display:block; text-indent:-9999px;}
.main-bottom .dr-sarac-box .bx-controls .bx-next { float:left; background:url(images/bottom-next.png); width:19px; height:19px; display:block; margin:0 0 0 1px; text-indent:-9999px;}

.brands { height: 90px !important; overflow: hidden;}

/*Footer*/
#footer { width:100%; /*height:255px;*/background:#d9d9d9; margin:20px 0 0 0; font-size:12px; height: 100px;}
#footer .footerust { width: 1000px; margin:0 auto; /*height: 255px;*/ height: 95px;}
#footer .adress{float:left;padding:20px 0 0 0;}
#footer .adress p{line-height: 25px;}
#footer .site-map { float: right; right: 0; margin:0 auto; padding:20px 0 0 0;}
#footer  h6 { font-size:15px; margin:0 0 10px 0; font-weight:normal;}
#footer .site-map ul { float:left; list-style:none; width:220px; line-height:22px; height:170px; padding:0 10px 0 0;}
#footer .site-map ul a { text-decoration:none; color:#666;}
#footer .site-map ul a:hover { color:#333;}
#footer .site-map .all { float:right; display:inline-block; padding:5px 8px; margin:9px 0 0 0; background:#bfbfbf; text-decoration:none; color:#fff;}
#footer .site-map .all:hover { background:#999;}

#footer .footer { background:#BFBFBF; height:40px;}
#footer .footer p { width:1000px; margin:0 auto; text-align:right; font-size:11px; padding:10px 0 0 0;}

/*IE Update*/
#ie-update { width:100%; height:100%; position:fixed; background:url(images/body.jpg) top center no-repeat #fff;  z-index:9999;}
#ie-update a {color:#333;}
#ie-update img { margin:20px 0 0 130px;}
#ie-update .ie-update-content {width:500px; margin:0 auto; font-size:12px;}

/*Content*/
.content { width:760px; float:right;}
.content .page-banner { width:760px; height:150px;}
.content .page-banner img {-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.content .page { width:760px; font-size:12px; color:#666; line-height:20px; padding:0 0 20px 0;}
.content .page p { margin:0 0 10px 0;}
.content .page h3 { font-size:16px; color:#222; font-weight:normal; margin:15px 0 10px 0;}
.content h2 { font-size:16px; color:#222; font-weight:normal; margin:15px 0 10px 0;}

.content .page ul { margin: 20px;}
.content .page a { text-decoration: none; border-bottom:1px dotted #333; color: #333;}
.content .page a:hover { color: #666; border-bottom:1px dotted #666;}

/*Pageing*/
#pageing { width:758px; height:35px; border:1px solid #e5e5e5; background:#efefef; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; margin:0 0 10px 0;}
#pageing ul { list-style:none; font-size:11px;}
#pageing ul li { float:left;}
#pageing ul li a { text-decoration:none; color:#999; background:url(images/pageing-cut.png) center right no-repeat; padding:10px 15px 10px 10px; display:block;}
#pageing ul li:last-child a { background:none; color:#333;}

/*Products*/
.product-box { float:left; width:160px; height:260px; border:1px solid #ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 10px 10px 0; text-align:center; line-height:16px; font-size:12px; padding:20px 10px;}
.product-box:nth-child(4n+4) { margin:0 0 10px 0;}
.product-box p { margin:0 0 5px 0 !important; height:5.4em; overflow:hidden;}
.product-box a { text-decoration:none; color:#333;}
.product-box .price { display:inline-block; font-size:18px; color:#0092C5; padding:4px 0 6px 0;}
.product-box .price strong { font-size:14px; color:#aaa;}
.product-box .total-price { display:inline-block; font-size:14px; color:#aaa;}
.product-box .brand { position:absolute; margin:-10px 0 0 0;}

/*ProductDetail*/
.product-detail { width:760px;}
.product-detail .product-pics { float:left; width:300px; height:280px; border:1px solid #ececec;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center;}
.pika-thumbs{ padding: 0 16px; height: 57px; margin:20px 0 0 0;}
.pika-thumbs li{ width: 75px; height:57px; margin: 20px 0 0 17px; padding: 0; overflow: hidden; float: left; list-style-type: none;margin: 0 5px; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
.pika-stage { padding:20px 0 0 0;}
.pika-stage, .pika-textnav {width: 300px;}
.pika-stage {position: relative;}
.pika-stage .caption { display:none;}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background:url(images/slide-prev.png) no-repeat; height: 100%; width: 30px; top: 120px; left: 0px;cursor:pointer;}
.pika-imgnav a.next {background:url(images/slide-next.png) no-repeat;  height: 100%; width: 30px; top: 120px; right: 0px;cursor:pointer;}
.pika-textnav {display:none;}
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{ display:none;}
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 	text-align:right; position:absolute; top:15px; right:15px; }
.product-detail .product-details { float:right; width:440px; height:280px;}
.product-detail .product-details h3 { margin:0; height:3.5em; overflow:hidden; margin:0 0 10px 0; line-height:30px; color:#333;}
.product-detail .product-details .product-prices { float:left; width:320px;}
.product-detail .product-details .product-prices dl { width:320px; display:table;}
.product-detail .product-details .product-prices dt { float:left; width:105px; height:21px; background:#ddd; margin:0 1px 1px 0; padding:7px;}
.product-detail .product-details .product-prices dd { float:right; width:186px; height:21px; background:#ececec; margin:0 0 1px 0; padding:7px;}
.product-detail .product-details .add-to { float:right; width:100px;}
.product-detail .product-details .add-to .add-to-basket { background:url(images/basket-icon.png) top center no-repeat #CB004D; background-position:28px 10px; width:100px; height:70px; display:block;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.product-detail .product-details .add-to .check-out { background:#F01414; width:100px; height:35px; display:block; margin:10px 0 0 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.product-detail .product-details .add-to .add-to-basket a { text-decoration:none; color:#fff; display:block; text-align:center; width:100px; height:30px; display:block; padding:40px 0 0 0;}
.product-detail .product-details .add-to .check-out a { text-decoration:none; color:#fff; display:block; text-align:center; width:100px; height:27px; display:block; padding:8px 0 0 0;}
.product-detail .share { width:760px; height:16px; margin:10px 0;}

.product-detail #tabs { width:760px; border:1px solid #ddd; min-height:200px;}
.product-detail #tabs ul { list-style:none; width:760p; height:40px; background:#ececec;}
.product-detail #tabs ul li { float:left; border-right:1px solid #fff;}
.product-detail #tabs ul li:hover { background:#ccc;}
.product-detail #tabs ul li.ui-state-active { background:#787878;}
.product-detail #tabs ul li.ui-state-active a { color:#fff;}
.product-detail #tabs ul li a { display:block; padding:10px; color:#333; text-decoration:none;}
.product-detail #tabs > div { padding:10px;}

	.sayfaReferanslar {margin-left:-30px;}
	.sayfaReferanslar .referansKutu {width:180px;height:100px;  margin-left:30px; margin-bottom:30px; background:#f8f8f9; padding:3px; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	.sayfaReferanslar .referansKutuIc {width:100%; border:1px solid #e0e5e9; background:#FFF; padding:6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}
	.sayfaReferanslar .referansKutuIc img {width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;height: 60px;}
	.sayfaReferanslar .referansKutuIc:hover {opacity:0.7;}
	.sayfaReferanslar .referansKutuIc span {padding:15px 0 10px 0; display:block; text-align:center; border-top:1px solid #f2f5f7;}
	
.beyaz-nokta {color: #fff; 
-moz-color: #fff;
-webkit-color: #fff;}
.content .news { width:760px; font-size:12px; color:#666; line-height:20px; padding:0 0 20px 0;}
.content .news .news-sum {  width:760px; border:1px solid #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:0 0 10px 0;}
.content .news .news-sum a { display:block; padding:15px; width:728px; text-decoration:none; color:#333;}
.content .news .news-sum img { float:left; margin:0 15px 15px 0;}
.content .news .news-sum h1 { font-size:14px;}

.content .ref { width:760px; font-size:12px; color:#666; line-height:20px; padding:0 0 20px 0;}
.content .ref .ref-box {  float:left; width:160px; border:1px solid #ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 10px 10px 0; text-align:center; line-height:16px; font-size:12px; padding:20px 10px;}
.content .ref .ref-box img {height:42px; -webkit-filter: grayscale(0%);}
.content .ref .ref-box img:hover {-webkit-filter: grayscale(100%);}
.content .ref .ref-box:nth-child(4n+4) { margin:0 0 10px 0;}
.wp-pagenavi{clear:both;margin-top:30px;text-align:center}
.wp-pagenavi a, .wp-pagenavi span{color:#aaa;text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:13px;-webkit-box-shadow:0 1px 4px #ccc;-moz-box-shadow:0 1px 4px #ccc;box-shadow:0 1px 4px #ccc;background:#fff;}
.wp-pagenavi a:hover{background:#eee;;color:#aaa;}
.wp-pagenavi span.current{color:#ccc;font-weight:bold;background:#f9f9f9;}
.sayfalama {width:600px;text-align:center;margin-top:10px;margin-bottom:10px;left:25%; position:relative;}

.iletisim-sayfasi .adressol {width:45%; float:left;}
.iletisim-sayfasi .adressag {width:45%; float:right;}

.search-list { width: 760px; padding: 0 0 20px 0; line-height: 24px;}
.search-list .founds { width: 740px; padding: 10px; border-bottom: 1px solid #ddd;}
.search-list .founds h1, .search-list .founds h1 a { font-size: 18px; color: #1a0dab; text-decoration: none;}
.search-list .founds p a:first-child { color: #666; text-decoration: none;}
.search-list .founds p a:last-child {color: #006621; text-decoration: none; font-weight: bold;}