@charset "utf-8";

body { margin:0; padding:0; background-image:url(/images/bg-body.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;}
img { border:0;}
#container {margin:0 auto; width:1000px;}
#header {position:relative; float:left; width:1000px; height:103px;}
#content {float:left; width:1000px; padding-top:7px;}
#footer { width:100%; height:140px; float:left; margin-top:30px; background-image:url(/images/bg-footer.jpg)}


.b {display:block;}
.dfl {display:block; float:left;}
.dfr {display:block; float:right;}
.dn {display:none;}
.fl {float:left;}
.fr {float:right;}
.a {position:absolute;}
.r {position:relative;}
.c {position:relative; margin:0 auto;}
.o {overflow:hidden;}
.m {width:1000px;}


#siteLogo { margin:0; padding:0; float: left;}
#siteTel { width: 100%; text-align: right; margin:5px; height:44px; }
#bloks { width:1000px; height:200px; float:left; background-color:#FFFFFF; }
#bloks .blok { width:320px; height:185px; float:left; }
#bloks .ortablok { width:320px; height:185px; float:left; border-right:1px dashed #c2c2c2; border-left:1px dashed #c2c2c2; margin:0 8px; padding:0 8px;  }
#bloks h2 { width:290px; height:14px; background-color:#d4d5d5; font-family: 'UbuntuRegular'; font-size:14px; padding:8px 15px; margin:0; font-family:Tahoma, Geneva, sans-serif;}
#bloks h2 a { text-decoration:none; color:#000;}
#bloks h3 {font-family: 'UbuntuRegular'; font-size:14px; width:170px; float:left; color:#090909;}
#bloks span {font-family: 'UbuntuRegular'; font-size:12px; width:180px; float:left; color:#4c4c4c; }
#bloks .image { float:left; height:185px; margin:0 10px 0 0 }
#bloks ul { float: left; width: 140px; padding: 13px 0; margin: 0; color:#000; }
#bloks ul li { font-family: 'UbuntuRegular'; font-size:12px; list-style:none; background-image:url(/images/li.jpg); background-position:left; background-repeat: no-repeat; padding-left: 20px; margin:10px 0; }


#nav {list-style:none; font:17px 'OpenSansConBold'; right:0; bottom:7px;}
#nav li {float:left; margin:0; padding:10px;}
#nav li:first-child {margin-left:0;}
#nav li a {display: block;  padding:0; color: #000; height:20px; text-decoration:none; font-family: 'UbuntuMedium'; font-size:14px;}
#nav li #navsubmenu {display:none; z-index:1000} 
#nav li:hover #navsubmenu {position:absolute; display:block; left:0; top:38px; background:url(/images/nav-submenu-bg.jpg) repeat-x; width:100%; height:350px;  -moz-box-shadow:5px 5px 5px rgba(0,0,0,.3); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3); box-shadow:5px 5px 5px rgba(0,0,0,.3); font:13px 'OpenSansRegular';}
#navsubmenuBorder {height:8px; background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat;}
#nav li:hover #navsubmenu ul {width:300px; padding:5px; margin:0}
#nav li:hover #navsubmenu ul li {list-style:none; border-top:1px #999 dashed; height:60px;}
#nav li:hover #navsubmenu ul li a {color:#14a4c7; background:none; padding:0;}
#nav li:hover #navsubmenu ul li p {margin:0;}
#nav li:hover #navsubmenu ul li p a {color:#5e5e5e;}
#nav li:hover #navsubmenu ul li:first-child {border:none;}
#nav li:hover,#nav li.selected,#nav li.hover{background:url(/images/menu-active.jpg); color: white;}
#nav li:hover a,#nav li.selected a,#nav li.hover a{color:#fff;}
#nav li:hover #navsubmenu ul li:hover {background:#ececec;}
#navCon {padding:15px;}
.menuImage {width:100px; height:45px; float:left; margin:0 10px 0 0; border:1px #fff solid; overflow:hidden; -moz-box-shadow:1px 1px 1px #8f8f8f; -webkit-box-shadow:1px 1px 1px #8f8f8f; box-shadow:1px 1px 1px #8f8f8f;}
.menuDesc {width:150px; float:left;}
.menuDesc p{color:#fff; font:11px Tahoma, Geneva, sans-serif; padding:5px 0 0;}
.menuDesc p a {font-size:10px !important;}
.navsubmenuDetail {width:353px; height:250px !important; padding:10px;}
.navsubmenuDetail h3 {color:#58585a; border-bottom:1px #999 solid; margin:0 0 10px; padding:0 0 5px; font:20px 'UbuntuRegular';}
.navsubmenuDetail img {-moz-box-shadow:1px 1px 1px #8f8f8f; -webkit-box-shadow:1px 1px 1px #8f8f8f; box-shadow:1px 1px 1px #8f8f8f; overflow:hidden; position:relative !important; float:none !important;}
.navsubmenuDetail p {color:#1e1e1e; font:12px/15px 'UbuntuRegular'; padding:10px 0; margin:150px 0 0; position:relative !important;}
.navsubmenuDetail a {padding:0 !important; background:none !important;}
.navsubmenuDetail ul li{width:100% !important; border-right:none !important;}
.navsubmenuDetail ul li a {background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) left center no-repeat  !important; padding:0 0 0 15px !important;}
.navsubmenuDetail .details {height:250px;}






#accordion-container-sss {
	font-size: 12px;
	padding:0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:20px
	
}


.accordion-header-sss {
	font-size: 14px;
	background: #FFF;
	margin: 8px 0 0 0;
	padding: 5px 20px;
	border: 1px solid #F5F5F5;
	cursor: pointer;
	font-family: 'segosemibold' , Arial, Helvetica, sans-serif;
    -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
    border-radius: 5px;
	color:#222
}

.active-header-sss {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #FFF;
	background-repeat: no-repeat;
	background-position: right 50%;
	font-family: 'segosemibold' , Arial, Helvetica, sans-serif;
    -webkit-box-shadow:  0px 0px 3px 2px #02aef0;
    box-shadow:  0px 0px 3px 2px #02aef0;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	color:#222
}


.active-header-sss:hover {
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #FFF;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header-sss {
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #FFF;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header-sss span { font-size: 13px; color: #979797; font-weight: normal; }

.inactive-header-sss:hover {
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) #FFF;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.accordion-content-sss {
	display: none;
	padding: 10px 15px;

}


.accordion-content-sss p {

    font-size: 12px !important; font-family:  Arial, Helvetica, sans-serif;  
}
     
.acc_title_cat h4 { margin-bottom:0; padding-left:20px; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat left;}

.acc_title_cat {padding:8px 15px; background:#efefef ; border:1px solid #CDCDCD; margin-bottom:20px}


#banner { width:1000px; height:165px; position:relative;}
#banner .baslik { background-color:#FFFFFF; font-family: 'UbuntuRegular'; font-size:24px; position:absolute; bottom:0; left:0; padding:30px 40px 20px 10px; color:#000000; opacity:1.100; }
.bolum { font-family: 'UbuntuRegular'; font-size:20px; color:#02aef0; padding:10px 5px; }
#icerik { background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:13px; padding:10px 20px; text-align:justify; width: 705px; float: right; margin:0; min-height: 300px; position:relative; }
#left-menu{ font-family: 'UbuntuRegular'; font-size:15px; text-align:justify; width: 255px; float: left; }
#hizmet_list_menu {	width: 255px; margin:0; padding:0;}
#hizmet_list_menu li a { height: 16px; font-size: 13px; background-image:url(/images/menu_bg.jpg); voice-family: inherit; text-decoration: none; text-align: left; padding: 10px; color:#185e12; border-bottom: 1px solid rgb(91, 177, 69);  }	
#hizmet_list_menu li a:link, #urun_list_menu li a:visited {	background-image:url(/images/menu_bg.jpg); display: block; height: 16px; color:#185e12; }
#hizmet_list_menu li a:hover { color: #fff; background-image:url(/images/hover.jpg);}
#hizmet_list_menu li a:active {	color: #fff; background-color:rgb(7, 82, 0);}
#hizmet_list_menu ul { list-style: none; margin: 0; padding: 0;}


.test { padding:10px; margin:0; }
.test li { list-style:none; border-bottom: 1px  dotted #CDCDCD; position:relative; height:166px;}
.test li img { float:left; }
.test li h3 { float:left; font-weight:normal; font-family:'UbuntuRegular'; width:760px; padding: 0 15px; }
.test li p { float: left; width: 760px; padding-left: 15px; padding-top: 0; margin: 0; color: #7A7A7A; }
.more a { float: left; position: absolute; width: 150px; height: 20px; right: 0; background-color: #ccc; text-align: center; padding: 50px 0; text-decoration: none; color: #474747; font-family: 'UbuntuRegular'; }
.sayi { float: left; width: 620px; text-align: center; margin-top: 20px; }


#bloks .ortablok h2 { width:290px; height:14px; background-color:#d4d5d5; font-family: 'UbuntuRegular'; font-size:14px; padding:8px 15px; margin:0; }
#bloks .ortablok h2 a { text-decoration:none; color:#000; }
#bloks .ortablok h3 {font-family: 'UbuntuRegular'; font-size:14px; width:170px; float:right; color:#090909; }
#bloks .ortablok span {font-family: 'UbuntuRegular'; font-size:12px; width:170px; float:right; color:#4c4c4c; }
#bloks .ortablok .image { float:right; height:185px; margin:0 0 0 10px;}

#haberler { width:1000px; height:60px; float:left; background-image:url(/images/bg-news.jpg); }
.tumHaberler { text-decoration:none; color:#00aeef; font-size:12px; padding:10px 0; float:right; }
.footer-text { margin:auto; width:1000px; position:relative; }
.keys { font-family: 'UbuntuRegular'; font-size:10px; color:#FFFFFF; text-transform:uppercase; text-align:center; line-height:15px; margin-top:10px;}


#footerLogo {position:absolute;top:50px;left:0;}
#copyright {position:absolute;top:50px;left:100px; font-weight:bold; font-family: 'UbuntuRegular'; font-size:12px; text-transform:uppercase; color:#2b2e2f;  }
#disclaimer {position:absolute;top:70px;left:100px; font-family: 'UbuntuRegular'; font-size:12px; color:#829298;}
#ecemyazilim {position:absolute;top:50px;right:10px; font-family: 'UbuntuRegular'; font-size:12px; color:rgb(80, 80, 80); }
#ecemyazilim a { text-decoration:none; color:rgb(80, 80, 80); }


#ref_list { width:700px; float:left; margin:0; padding:0;}
#ref_list ul { margin:4px 4px 10px; width:225px; float:left; position:relative; padding:0;}
#ref_list ul li { width: 130px; height:87px; list-style:none; }
.ref_list_img { height:120px; float:left; border:1px #CCC solid;}
.ref_list_yazi { height:70px; background-color:#fafafa; border:1px #CCC solid; float:left; font-family:Arial, Helvetica, sans-serif; color:#39454b; font-size:12px; text-align:center; line-height:15px;}






@font-face {
    font-family: 'UbuntuBold';
    src: url('/webfonts/Ubuntu-B-webfont.eot');
    src: url('/webfonts/Ubuntu-B-webfont.eot') format('embedded-opentype'),
url('') format('woff'),
url('') format('truetype'),
url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('/webfonts/Ubuntu-M-webfont.eot');
    src: url('/webfonts/Ubuntu-M-webfont.eot') format('embedded-opentype'),
url('') format('woff'),
url('') format('truetype'),
url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('/webfonts/Ubuntu-R-webfont.eot');
    src: url('/webfonts/Ubuntu-R-webfont.eot') format('embedded-opentype'),
url('') format('woff'),
url('') format('truetype'),
url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') format('svg');
    font-weight: normal;
    font-style: normal;
}

.success,.error {
    display:block;
    padding:5px;
    color:#fff;
    margin:20px 0;
}

.success {
    background:#4f9900;
}

.error {
    background:#red;
}


.hizmet a { color:#000; text-decoration:none; }
.hizmet a:hover { color:#000; text-decoration:underline; }


.yazi { font-family:Tahoma, Geneva, sans-serif; font-size:15px; }




.urun {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	
	color:#333333;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height:17px;
	height:250px;
	width:150px;
	padding:2px;
	display:block;
	float:left;
	margin:20px 3px 5px 50px;
	background-color:#e1e1e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #993399;
}

.urun :link{
	color:#514f4f;
	text-decoration:none;
}

.urun:hover{
	background-color:#CA7900;
	border:1px solid #FF9900;
	color:#999;
	text-decoration:none;
}	

.urun :active{
	color:#333;
	text-decoration:none;
}

.urun :visit{
	color:#FFF;
	text-decoration:none;
}


.urunimageframe
{
	border:1px solid #333;
	margin-bottom:10px;
}

.galeriimageframe
{
	border:1px solid #FFF;

}


.galeri-link {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height:17px;
	height:155px;
	width:245px;
	padding:2px;
	display:block;
	float:left;
	margin:10px 3px 0px 3px;
	background-color:#e1e1e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #c6c6c6;
}

.galeri-link :link{
	color:#000000;
	text-decoration:none;
}

.galeri-link:hover{
	background-color:#c0590e;
	border:1px solid #903f06;
	color:#333;
	text-decoration:none;
}	

.galeri-link :active{
	color:#333;
	text-decoration:none;
}

.galeri-link :visit{
	color:#FFF;
	text-decoration:none;
}

.urunresim1 {
	display:block;
	height:352px;
	width:766px;
	padding:3px;
	display:block;
	float:left;
	margin:20px 0px 0px 3px;
	background-color:#e1e1e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #c6c6c6;
}