@import url(/fonts_googleapis_com/css/index.html);




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


#form fieldset legend{color:#bbb; font-size:12px;}
#form p{padding: 2px 0px;}
#form p.submitBtnWrap{padding: 2px 35px;}
#form p.submitBtnWrap2{padding: 2px 0px; float:right;}
#form p#uyari{border:solid #ccc 1px; background:#f9e5b0; margin:0; padding:10px; color:#333; font-size:12px;}
#form input,select,textarea{vertical-align:middle; color:#333; background:#fff; border:1px solid #ccc; }
#form label{position: relative; display:inline-block; vertical-align:middle; text-align:left; width:80px; font-weight:bold; float:left;}
#form label span{}
#form label a{color:#f69b0f;}
#form label.kosul{position: relative; display:block; font-size:11px; text-align:right; width:auto; float:left;}
#form input[type="text"]{padding:5px; width:300px;}
#form textarea{padding:5px; width:300px;}
#form input.checkbox{position: relative; width:auto; float:left; margin-left:35px;}
#form input.small-text{position: relative; width:200px;}
#form input.medium-text{position: relative; width:300px;}
#form input.big-text{position: relative; width:500px;}
#form select.small-text{position: relative; width:212px; padding:3px;}
#form select.medium-text{position: relative; width:312px; padding:3px;}
#form select.big-text{position: relative; width:512px; padding:3px;}
#form textarea.small-text{position: relative; width:205px; padding:3px;}
#form textarea.medium-text{position: relative; width:305px; padding:3px;}
#form textarea.big-text{position: relative; width:505px; padding:3px;}
#form input.submit,input.submit{position: relative; display:block; width:auto; padding:7px 20px; background:#333; color:#fff; border:none; font-size:12px; font-weight:bold; float:left; cursor:pointer;}
#form input.submit:hover,input.submit:hover{background:#000;}

.iletisimform label{width:100% !important; padding-right:10px;}
.iletisimform .labelspace{margin-left:105px;}

.none{display:none !important;}
.right{float:right !important;}
.left{float:left !important;}
.labelspace{margin-left:156px;}


#wrapper{ width:100%; height:100%; z-index:10; }

body{background:#f2f2f2 ; color:#333; font-family:'Roboto Condensed', sans-serif; font-size:14px; line-height:20px; min-width:960px; font-weight:400;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline; color:#000;}

.tasiyici{width:100%; margin: 0px auto; padding:0px; }

.header{position:relative; display:block; background:#fff;}
.header-inner{position:relative; display:block; height:80px;}
.header-inner .logo{position:relative; top:5px; left:0px;}


.header-inner .menu {position:absolute; top:30px; right:0px; font-family: 'Roboto Condensed', sans-serif; text-align:center;}
.header-inner .menu li {position:relative; display:inline-block; margin:0px 0px; padding:0px 0px;}
.header-inner .menu li a {position:relative; display:inline-block; color:#999; background:none; margin:0px; font-size:16px; padding:0px 10px; border-right:dotted #ccc 1px;}
.header-inner .menu li:last-child a{border:none;}
.header-inner .menu li ul {background:#333; left: -999em; position: absolute; width: 160px; z-index: 9999;}
.header-inner .menu li ul li{ display:block;}
.header-inner .menu li ul a {display:block; color: #fff; font-size:16px; font-weight:normal; background: none; border: 0 none; margin-right: 0; padding:0px; text-align:left;}
.header-inner .menu li:hover, 
.header-inner .menu li:hover a{ color: #000; background:none;}
.header-inner .menu li:hover, 
.header-inner .menu li.active a{ color: #000; background:none; text-decoration:underline;}
.header-inner .menu li ul a:hover, 
.header-inner .menu ul li li:hover > a  { color: #fff; background: #66cccc; }
.header-inner .menu li:hover ul { left: auto; }
.header-inner .menu li li ul { margin: -1px 0 0 160px; top:1px; visibility:hidden; }
.header-inner .menu li li:hover ul { visibility:visible; }
.header-inner .menu ul ul li:last-child > a {}
.header-inner .menu ul ul ul li:first-child > a {}


.slider{background:#12868d url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') no-repeat 50% 0;}



.mainbody{position: relative; display: block; width: 100%; margin-top:30px; margin-bottom:30px; }
.mainbody-inner{position: relative; display: block;  }
.content{height:450px; background:#fff; padding:15px; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 10px #888;}
.scrollpage{height:420px;}

.mainbody-inner table tr td{padding: 3px;}
h1.baslik{position: relative; display: block;font-family: 'Roboto Condensed', sans-serif;  font-weight:600; font-size: 22px; padding-bottom: 5px; margin-bottom: 5px; color:#333; }

.geri{position:absolute; top:3px; right:0; width:17px; height:15px; background:url('/application/assets_site/images/geri.png') no-repeat 0 0; }
.geri:hover{position:absolute; bottom:10px; right:0; width:17px; height:15px; background:url('/application/assets_site/images/geri.png') no-repeat -17px 0;}
.geri,.geri:hover{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease;}


h1.altbaslik{position: relative; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:18px; margin-bottom:10px;}
.metin{position: relative; display: block; padding:5px;}

.onlinerandevu{position:fixed; right:20px; bottom:60px; z-index:2;}

.fiyatiste{position:relative; display:block; float:right;  font-weight:bold;  background:#eee; padding:5px 10px; border:solid #ccc 1px; }



.anasayfaHizmetler{position:relative; display:block; top:100px; background:url('/application/assets_site/images/overlay.png'); z-index:2; padding:30px 0; }
.list_carousel {position:relative; display:block; width: 100%; margin: 0; padding: 0;}
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; margin-left:12px;}
.list_carousel li a{position:relative; display: inline-block;  width:200px; height:200px; border:solid #68647f 2px; border-radius:50%; overflow:hidden !important; box-shadow:2px 2px 5px #333; margin:10px 14px; }
.list_carousel li a span{position:absolute !important; display:inline-block !important; left:0; right:0; bottom:0; text-align:center; color:#fff; height:50px; font-weight:bold; padding:10px;  background:url('/application/assets_site/images/overlay2.png'); text-shadow:2px 2px 5px #888; font-size:16px; }
.list_carousel.responsive { width: auto; margin-left: 0; }
.xgeri, .xileri{position:absolute; top:40%; text-indent:-9999px; background:url('/application/assets_site/images/arrows.png') no-repeat 0 0; width:26px; height:38px;}
.xgeri{left:-10px;}
.xileri{right:-10px; background-position:-26px 0px;}






.solliste{margin:0 !important; padding:0 !important; list-style:none !important;}


.haberlerLi>li {list-style:none; border-bottom:solid #ccc 1px;}
.haberlerLi>li a{position:relative; display:block; padding:5px 5px 5px 20px; margin:3px 0; background:url('/application/assets_site/images/arrow.png') no-repeat 5px 50%; color:#fff;}
.haberlerLi>li a:hover{background:#b44c6b url('/application/assets_site/images/arrow.png') no-repeat 5px 50%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}


.anasayfahaber{position:fixed; bottom:100px; left:20px;  background:#fff; width:500px; padding:15px;
 -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 10px #888;}
.haberlerModul li{position:relative; display:block; margin-bottom:10px; }
.haberlerModul li:hover a{color:#333;}
.haberlerModul li:hover span{background:#333;}
.haberlerModul li span{position:relative; display:inline-block; background:#666; color:#fff; padding:1px 5px 1px 6px; font-size:20px; font-weight:bold; margin-right:10px; vertical-align:middle;}
.tumHaberler{display:block; border-top:solid #ccc 1px; text-align:right; color:#000; font-weight:400; font-family: 'Roboto Condensed', sans-serif; }


.haberlerList li{position:relative; display:block; margin-bottom:10px; width:auto;}
.haberlerList li a{display:block; border-bottom:solid #ccc 1px; padding-bottom:10px;}
.haberlerList li:hover a{color:#333; border-bottom:solid #ccc 1px;}
.haberlerList li:hover span{background:#333;}
.haberlerList li span{position:relative; display:inline-block; background:#333; color:#fff; padding:1px 5px 1px 6px; font-size:20px; font-weight:bold; margin-right:10px; vertical-align:middle;}



.uygulamalar ul li{position:relative; display:inline-block; float:left; margin:6px;}
.uygulamalar ul li a{position:relative; display:block; overflow:hidden; z-index:5;}
.uygulamalar ul li a:hover{box-shadow: 0px 5px 10px #666; -webkit-box-shadow: 0px 5px 10px #666; -moz-box-shadow: 0px 5px 10px #666;}
.uygulamalar ul li a .resim{position:relative; display:block; width:217px; height:217px; border:solid #ccc 2px;}
.uygulamalar ul li a:hover .resim{border-color:#333;}
.uygulamalar ul li a span.ListBaslik{position:absolute; display:block; bottom:10px; right:2px; font-family: 'Roboto Condensed', sans-serif; padding:10px; text-align:center; font-size:14px; background:#333; z-index:6; color:#fff;}
.uygulamalar ul li a:hover span.ListBaslik{background:#333;}



.soltarafkategoriler ul>li a{border-bottom:solid #ccc 1px; padding:5px 3px 5px 18px; background:url(/application/assets_site/images/arrow.png) no-repeat 3% 50%; position:relative; display:block;}
.soltarafkategoriler ul>li a:hover{background:#ddd url(/application/assets_site/images/arrow.png) no-repeat 98% 50% !important; color:#333 !important; }
.soltarafkategoriler ul>li ul li{padding-left:15px;}
.soltarafkategoriler ul>li ul li a{ font-size:11px; font-weight:bold;}
.current{background:#333 url(/application/assets_site/images/arrow_beyaz.png) no-repeat 98% 50% !important; color:#fff !important;}




.urunlist ul{position:relative; display:inline-block; margin:0px !important; padding:0px !important;}
.urunlist ul li{position:relative; display:inline-block; float:left; width:168px; height:168px; margin:0 5px 5px 0; border:solid #ddd 1px; overflow:hidden; background:#fff;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.urunlist ul li:hover{-moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 10px #ccc; border:solid #333 1px; }

.urunlist ul li.son{ margin:0 0 5px 0;}
.urunlist ul li .resim{width:168px; height:168px; z-index:1; text-align:center; vertical-align:middle;}
.urunlist ul li:hover .resim{}
.urunlist ul li span.baslik{ background:#333; position:absolute; left:0px; right:0px; bottom:0px; font-size:14px; color:#fff; padding:5px; z-index:10; }
.urunlist ul li:hover span.baslik{ background:#000;}



.fotogaleri { width: 580px; height: 420px; margin:0px; display: block; float: left; position:relative; border:solid #ddd 1px; overflow:hidden; }
.fotogaleri .resim{width:106px; height:106px; z-index:1; text-align:center; vertical-align:middle;}
.thumb{ margin:0px !important; padding:0px !important;position:relative; display: inline-block; float:right; width:100px; }
.thumb li a{position:relative; display:inline-block; border:solid #ccc 1px; padding:2px; margin:0 3px 6px 3px ; float:left;}
.thumb li a:hover{border-color:#333;}
.fotogaleri span{position:absolute; left:0px; bottom:-40px; right:0px; background:#333; color:#fff; padding:10px;}
.ui-tabs-panel{margin:0px !important; padding:3px !important;}



.anasayfaurunler{position:relative; display:block; height:180px; background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') no-repeat 0 0;}
.anasayfaurunler #carousel { margin:35px 0 0 0; padding:0px; width:940px; position:relative; }
.anasayfaurunler #carousel ul {position:relative; display:block; top:12px; left:35px;}
.anasayfaurunler #carousel li { width: 110px; height: 110px; margin:0 5px; display: block; float: left; position:relative; border:solid #ddd 1px; }
.anasayfaurunler #carousel li .resim{width:106px; height:106px; z-index:1; text-align:center; vertical-align:middle;}
.anasayfaurunler #carousel li a {position:relative; display:block;}            
.anasayfaurunler #carousel .prev, .anasayfaurunler  #carousel .next { width:20px; height:30px; display:block; text-indent:-999em; position:absolute; top:50%;background: transparent url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') no-repeat 0 0;}
.anasayfaurunler #carousel .prev {left:15px; background-position:0 0px; }
.anasayfaurunler #carousel .next {right:15px; background-position:0 -30px; }  



.bizeulasinresim{position:relative; display:block; margin:0px; padding:0px; top:-10px;}
.bizeulasin{position:relative; display:block; padding:15px 0; font-size:30px; background:#333; color:#fff; text-align:center;}
.altcizgi{position:relative; display:block; margin:0 0; padding:0 0; border:solid #ccc 0px;}

.uygulamagaleri{ margin:0px !important; padding:0px !important;}
.uygulamagaleri li { width: 120px; height: 120px; margin:5px 5px 5px 5px; display: block; float: left; position:relative; border:solid #ccc 1px; padding:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff;}
.uygulamagaleri li:hover{border:solid #333 3px; padding:1px;}
.uygulamagaleri li .resim{width:116px; height:116px; z-index:1; text-align:center; vertical-align:middle;}



.mainbody-inner table.tablo{border:solid #ddd 2px;}
.mainbody-inner table.tablo tr th{background:#333 !important; color:#fff !important;}
.mainbody-inner table.tablo tr th,.mainbody-inner table tr td{padding:5px;}
.mainbody-inner table.tablo tr:nth-child(even) { background: #eee;}
.mainbody-inner table.tablo tr:nth-child(odd) { background: #fff;}

.mainbody-inner .content ul{padding:5px; margin-left:25px; list-style:disc;}
.mainbody-inner .content ol{padding:5px; margin-left:25px; list-style:decimal;}
.mainbody-inner fieldset{border-top:solid #333 1px;}
.mainbody-inner fieldset legend{background:#333; color:#fff; padding:5px 10px; margin-left:15px;}





.iletisimTablo{border:solid #eee 2px;}
.iletisimTablo tr th{background:#a00 !important; color:#fff !important;}
.iletisimTablo tr th,.mainbody-inner table tr td{padding:5px;}
.iletisimTablo tr:nth-child(even) { background: #fdfdfd;}
.iletisimTablo tr:nth-child(odd) { background: #f5f5f5;}



.footer{position:fixed; bottom:0px; display:block; width:100%; background:#fff; color:#333; font-size:12px;}
.footer .footer-inner{position:relative; display:block; padding:0px; height:50px; }
.footer a{color:#fff;}
.footer .menu{position:relative; top:15px; left:0px; margin:0px; padding:0px; list-style:none;  color:#fff; float:left;}
.footer .menu li{position:relative; float:left; margin:0px; padding:0px;}
.footer .menu li.son{position:relative; display:inline; float:left; border-right:none;}
.footer .menu li:hover a{color:#000;}
.footer .menu li a{display:block; padding:0px 5px 0px 5px; margin:0px; color:#666; font-size:12px; }
.footer .copyright {position:absolute; left:0px; bottom:15px; font-size:12px; color:#999;}
.footer .copyright a{color:#cbbfa9;}
.footer .sosyalmedya{position:absolute; margin:0; padding:0; bottom:5px; left:355px; }
.footer .sosyalmedya li a{position:relative; display:inline-block; margin:0px 3px; padding:0;}
.footer .sosyalmedya li{display:inline;}
.footer .okyazilim {position:absolute; right:10px; bottom:15px; }
.footer .divajans {position:relative; left:40px; top:17px; }
.harita{position:relative; display:block; padding:10px 0 !important;}
.harita iframe{ box-shadow:#333 0 0 10px; border:solid #8ed2d5 3px;}
.footer .footerbox{height:155px;}
.footer .adressbox{position:absolute; left:0px; top:20px; }
.footer .kredikarti{position:absolute; right:0px; top:20px; }
.footer .kalitebelgeleri{position:absolute; right:210px; top:23px; }