@import url("reset.min.css");
body {
    background: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
a {
    text-decoration: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clr {
    clear: both;
}

/*** H Tag Style ***/
h1 { 
    font-size:28px; 
}
h2 { 
    font-size:24px; 
}
h3 { 
    font-size:20px;
}
h4 { 
    font-size:18px;
}
h5 { 
    font-size:16px;
}
h6 { 
    font-size:14px;
}
.wrapper {
    width: 1000px;
    margin: 0 auto;
}

/*** Header ***/
header#top{
    position: relative;
}

/*** Header Logo ***/
header#top #logo {
    background: url(../images/logo-bg.png) no-repeat;
    width: 237px;
    height: 164px;
    float: left;
    position: relative;
    z-index: 10;
}
header#top #logo .logo {
    margin: 50px 20px;
}
header#top #lang-menu {
    float: right;
    margin-top: 11px;
}
header#top #lang-menu .search-form {
    float: left;
    position: relative;
    margin-right: 10px;
}
header#top #lang-menu .search-form input {
    background: url(../images/sm-bg.png) repeat-x;
    height: 37px;
    border: 1px solid #C4C4C4;
    padding: 0px 6px;
    line-height: 37px;
    outline: none;
    border-radius: 3px;
    width: 180px;
}
header#top #lang-menu .search-form button {
    border: none;
    background: url(../images/search-bg.png) no-repeat transparent;
    display: block;
    text-indent: -9999px;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
}

header#top #lang-menu ul {
    float: left;
    border: 1px solid #C4C4C4;
    background: url(../images/sm-bg.png) repeat-x;
    height: 37px;
    border-radius: 3px;
}
header#top #lang-menu ul li {
    float: left;
    line-height: 40px;
    position: relative;
}
header#top #lang-menu ul li:before {
    content: ' ';
    background: url(../images/lng-li-bg.png) no-repeat;
    width: 1px;
    height: 37px;
    display: block;
    position: absolute;
}
header#top #lang-menu ul li:first-child:before {
    background: none;
}
header#top #lang-menu ul li a {
    color: #3A3A3A;
    padding: 0 6px;
}
header#top #lang-menu ul li a:hover {
    text-decoration: underline;
}

/*** Header Menu ***/
header#top nav {
    background: url(../images/nav-menu-bg.png) repeat-x;
    width: 100%;
    position: absolute;
    top: 65px;
    height: 64px;
}
header#top nav ul {
    background: url(../images/nav-menu-ul-bg.png) no-repeat;
    float: right;
    width: 670px;
    height: 64px;
    padding-left: 140px
}
header#top nav ul li {
    float: left;
    line-height: 64px;
    position: relative;
	font-weight:bold;
}
header#top nav ul li a {
    color: #fff;
    display: block;
    padding: 0 20px;
    font-size: 15px;
	 text-shadow: 0 0 2px #3468ec;
  -moz-text-shadow: 0 0 2px #3468ec;
  -webkit-text-shadow: 0 0 2px #3468ec;
}
header#top nav ul li:hover a {
    text-shadow: 2px 1px 3px #808080;
}

header#top nav ul li:hover ul {
    visibility: visible;
    opacity: 1;
}
header#top nav ul ul {
    position: absolute;
    background-image: none;
    background-color: #054B8A;
    padding: 0px;
    margin: 0px;
    height: auto;
    width: 100%;
	max-width:250px;
    margin-top: -4px;
    border-top: 2px solid #fff;
    visibility: hidden;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
    opacity: 0;
    z-index: 600;
}
header#top nav ul ul li {
    float: none;
    padding: 0px;
    margin: 0px;
}
header#top nav ul ul li a {
    padding: 5px 10px;
    line-height: 22px;
    margin: 0px;
    text-shadow: none;
}
header#top nav ul ul li a:hover {
    background-color: #007FC3;
}
.sld {
    height: 465px;
    width: 100%;
    background: url(../images/slide-bg.jpg) repeat-x 0 14px;
    margin-top: 10px;    
}
.sld .flexslider {
    position: relative;
   
}
.sld .flexslider .bg {
     width: 998px;
     height: 448px;
     position: absolute;
     top: 1px;
     left: 1px;
}
.sld .flexslider .kt {
    background: url(../images/kt-bg.png) no-repeat;
    width: 1023px;
    height: 15px;
    position: absolute;
    left: -11px;
    top: 1px;
}
.sld .flexslider .shd {
    background: url(../images/slide-shadow.jpg) no-repeat;
    width: 831px;
    height: 33px;
    position: absolute;
    bottom: -463px;
    left: 100px;
    z-index: -1;
}
#duyurular h4 {
    color: #0268A9;
    padding-left: 20px;
    float: left;
    margin-right: 10px;
}
#duyurular .duyuru-slide {
    margin-left: 10px;
	font-weight:bold;
}
#duyurular {
    background: url(../images/duyuru-bg.jpg) repeat-x;
    width: 100%;
    height: 61px;
    border: 1px solid #C4C4C4;
    border-radius: 3px;
    margin-top: 5px;
    line-height: 61px;
}
#boxes {
    margin: 30px -3px 10px -3px;
    width: 1010px;
}
#boxes .box {
    background: url(../images/box-bg.jpg) repeat-x;
    height: 172px;
    border: 1px solid #C6C6C6;
    width: 326px;
    float: left;
    margin: 4px;
    position: relative;
    border-radius: 3px;
}
#boxes .box .hdr {
    background: url(../images/box-header-bg.png) no-repeat;
    width: 149px;
    height: 71px;
    position: absolute;
    left: 5px;
    top: -16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}
#boxes .box a.hdr-btn {
    background: url(../images/box-header-btn.png) no-repeat;
    width: 102px;
    height: 22px;
    display: block;
    position: absolute;
    line-height: 22px;
    text-align: center;
    left: 99px;
    top: 16px;
    color: #666666;
}
#boxes .box .foto-slider {
    margin: 40px 6px 6px 6px;
}
#boxes .box .foto-slider .flex-next:hover {
    background: url(../images/foto-slide-sag-hvr.png) no-repeat;
}
#boxes .box .foto-slider .flex-next {
    background: url(../images/foto-slide-sag.png) no-repeat;
    width: 10px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    top: 12px;
}
#boxes .box .foto-slider .flex-prev:hover {
    background: url(../images/foto-slide-sol-hvr.png) no-repeat;
}
#boxes .box .foto-slider .flex-prev {
    background: url(../images/foto-slide-sol.png) no-repeat;
    width: 10px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 30px;
    top: 12px;
}
#boxes .box .top {
    margin-left: 120px;
    margin-top: 40px
}
#boxes .box .top span {
    display: block;
    float: left;
    width: 80px;
    text-align: right;
}
#boxes .box .bottom {
    margin: 10px;
    height: 27px;
    background-color: #EEEEEE;
    line-height: 27px;
    padding: 0 5px;
}
#boxes .box .bottom span {
    display: block;
    float: right;
    width: 82px;
    text-align: center;
}
#boxes .box .inner {
    margin-top: 40px;
 margin-right: 10px;
}
#boxes .box p{
    padding: 10px 10px 0 10px;
    color: #232323;
}

#boxes .box  .resim {
    float: left;
    margin: 10px;
}


/*** Side Bar ***/
aside#sidebar {
    width: 250px;
    background: url(../images/sbar-bg.png) repeat-y;
    border: 1px solid #C4C4C4;
    border-radius: 3px;
    position: relative;
    margin-top: 60px;
    float: left;
}

aside#sidebar .hdr {
    background: url(../images/box-header-bg.png) no-repeat;
    width: 149px;
    height: 71px;
    position: absolute;
    left: 5px;
    top: -16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}

/*** Side Bar Menu ***/
aside#sidebar nav {
    margin-top: 60px;
    margin-left: 8px;
    margin-bottom: 20px;
}
aside#sidebar nav ul li {
    background: url(../images/cat-bg.png) no-repeat;
    height: 25px;
    width: 235px;
    margin-bottom: 10px;
    line-height: 25px;
}
aside#sidebar nav ul li a {
    color: #fff;
    padding-left: 20px;
    display: block;
}
aside#sidebar nav ul li:hover {
    background: url(../images/cat-bg-hvr.png) no-repeat;
}
aside#sidebar nav .aktif {
    background: url(../images/cat-bg-hvr.png) no-repeat;
}
/*** Content ***/
section.content {
    position: relative;
    float: right;
    width: 740px;
    border-radius: 3px;
    background: url(../images/content-bg.png) repeat-y;
    border: 1px solid #C4C4C4;  
    margin-top: 60px;
}
section.content .hdr {
    background: url(../images/box-header-bg.png) no-repeat;
    width: 149px;
    height: 71px;
    position: absolute;
    left: 5px;
    top: -16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}
section.content article {
    margin: 60px 20px;
}
section.content article .cnt-img {
    margin-bottom: 20px;
}
section.content article p {
    line-height: 22px;
    color: #232323;
}
section.content article .firma-resim {
    float: left;
	margin-left:20px;
    margin: 5px 10px 10px 0;
}
.mavi_btn {
    background: url(../images/btn_light_bg.png) left top no-repeat #699EB5;
    border: 1px solid #699EB5;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    height: 14px;
    line-height: 13px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 14px;
    display: inline-block;
}
section.content h3 {
    color: #3468ec;
    background: url(../images/baslik-border.png) no-repeat left bottom;
    padding: 10px;
}
/*** Footer ***/
footer .top {
    background: url(../images/footer-top-bg.png) repeat-x;
    height: 84px;
    margin-top: 30px;
}
footer .top .box .urun-katalogu {
    background: url(../images/katalog.png) no-repeat;
    width: 250px;
    height: 50px;
    line-height: 54px;
    padding-left: 65px;
    color: #535353;
    font-size: 18px;
    margin-top: 18px;
}
footer .top .box .urun-katalogu a {
    color: #535353;
    font-size: 18px;
}
footer .top .box .tanitim-filmi {
    background: url(../images/tanitim-filmi.png) no-repeat;
    width: 250px;
    height: 50px;
    line-height: 54px;
    padding-left: 65px;
    color: #535353;
    font-size: 18px;
    margin-top: 18px;
}
footer .top .box .tanitim-filmi a {
    color: #535353;
    font-size: 18px;
}
footer .top .box .telefon {
    background: url(../images/telefon.png) no-repeat;
    width: 250px;
    height: 50px;
    line-height: 45px;
    padding-left: 55px;
    color: #535353;
    font-size: 18px;
    margin-top: 22px;
}
footer .top .box .telefon a {
    color: #535353;
    font-size: 18px;
}
footer .top .box {
    width: 330px;
    float: left;
}
footer .bottom {
    height: 60px;
    line-height: 60px;
    color: #3A3A3A;
}.maps {
    width: 700px;
    height: 250px;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    margin-top: 10px;
    padding: 8px;
    
}
.maps iframe {
    width: 700px !important;
    height: 250px !important;
}
.form {
    padding: 10px 0;
    margin-bottom: 20px;
}
.form input[type="text"] {
    padding: 8px;
    border: 3px solid #e1e1e1;
    width: 209px;
}
.form textarea {
    padding: 8px;
    border: 3px solid #e1e1e1;
    margin-top: 5px;
    width: 684px;
    height: 80px;
}
.form button {
    background-color: #457AB3;
    padding: 8px 16px;
    border: none;
    color: #fff;
    margin-top: 5px;
    float: right;
    margin-right: 2px;
    cursor: pointer;
}
.form button:hover {
    background-color: #5C8FC6;
}

.pagenavi {
	clear:both;
	padding:10px 0 10px 0;
	position:relative;
	font-size:12px;
	line-height:32px;
	overflow: hidden;
	text-align:center;
     
}

.pagenavi span, .pagenavi a {
	margin: 0 0px;
	display:inline-block;
	padding:0 10px;
	background:url(../images/button-tail.gif) repeat-x 0 0 #f7f7f7;
	color:#3e61c7;
	font-weight: bold;
	font-size:12px;
	line-height:25px;
	height:25px;
	text-decoration:none;
	border:none;
	text-transform:none !important;
	border-radius: 0;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
	border: 1px solid #e1e1e1;
}
	
.pagenavi .pagenavi_prev {
	margin:0 5px 0 0;
}
.pagenavi .pagenavi_next {
	margin:0 0 0 5px;
}
.pagenavi a:hover, .pagenavi .current {
	background:url(../images/button-tail.gif) repeat-x 0 bottom #606c56;
	color:#fff !important;
	text-decoration:none;
	border: 1px solid #606c56;
	box-shadow: none;
}


#tablo {border:1px solid #dbdbdb; margin-bottom:8px;  font-size:12px; font-weight:bold;}
#tablo th { padding:6px 4px 6px 10px; margin:0px; color:#333; text-align:left; background-color: #efefef; background-image: -moz-linear-gradient(top, #ffffff, #efefef); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background-image: -webkit-linear-gradient(#ffffff, #efefef);
background-image: -o-linear-gradient(#ffffff, #efefef); background-image: linear-gradient(top, #ffffff, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef'); border-bottom:1px solid #dbdbdb;font-size:12px;}
#tablo td { padding:6px 5px 6px 10px; margin:0px; color:#333333; text-align:left; background-color: #ffffff;border-bottom:1px solid #dbdbdb}
#tablo td a {color:#333; text-decoration:none; font-size:12px;}
#tablo td a:hover {color:#FF0000; text-decoration:none;}

form input[type=text], form input[type=password], form textarea, form select {  color: #555555;font-size: 12px;width: 300px;padding: 3px; margin: 3px 0;text-shadow: 0 1px 1px #FFFFFF;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;  font-family: Arial, Helvetica, sans-serif;}
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus { background-color: #FFFFFF;background-image: -moz-linear-gradient(top, #FFFFFF, #F6F6F6); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6));background-image: -webkit-linear-gradient(#FFFFFF, #F6F6F6);
    background-image: -o-linear-gradient(#FFFFFF, #F6F6F6); background-image: linear-gradient(top, #FFFFFF, #F6F6F6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6');border: 1px solid #999999;}
form select { display: inline;  padding: 0;text-shadow: none;}
form option { padding: 3px; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
form textarea { vertical-align: top;}
form input.small,form select.small,form textarea.small{width:130px}
form input.medium,form select.medium,form textarea.medium{width:300px}
form input.medium1,form select.medium1,form textarea.medium1{width:200px}

form input.big,form select.big,form textarea.big{width:440px}
form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px}
form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{border:1px solid #ED7476;background:#FFEDED}
button, form input[type=submit] { cursor:hand; padding: 5px 10px;margin: 2px; font-size: 12px;text-align: center;text-shadow: 0 1px 1px #c49b0f;-webkit-box-shadow: 0 0 3px #c49b0f;
	-moz-box-shadow: 0 0 3px #c49b0f;	box-shadow: 0 0 3px #c49b0f;    -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;    display: inline;
	color: #FFFFFF;	text-shadow: 0 0 1px #b3a47d;	border: 1px solid #666;	background-color: #c49b0f;	background-image: -moz-linear-gradient(top, #c49b0f);    background-image: -webkit-gradient(linear, left top, left bottom, from(#c49b0f), to(#c49b0f)); background-image: -webkit-linear-gradient(#c49b0f);
    background-image: -o-linear-gradient(#c49b0f);     background-image: linear-gradient(top, #8dc63f, #161445);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc63f', endColorstr='#161445');}
button:hover, form input[type=submit]:hover {cursor:hand; background-color: #585d87;background-image: -moz-linear-gradient(top, #161445, #f8dc63f);background-image: -webkit-gradient(linear, left top, left bottom, from(#161445), to(#8dc63f));background-image: -webkit-linear-gradient(#161445, #8dc63f);background-image: -o-linear-gradient(#161445, #8dc63f);background-image: linear-gradient(top, #161445, #8dc63f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161445', endColorstr='#8dc63f'); }
.services1{padding-bottom: 15px;}
.services1.last{padding-bottom: 0;}
.services1 .img{float: left; margin-right: 20px;border:4px solid #f4d2a9;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.col0,.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12   { float:left;}

.col0 { width:1px; background:#131314; margin-left:29px; margin-right:30px; margin-top:20px;}

.col1{ width:480px;}
.col2{ width:440px;}
.col3{ width:850px;}
.col4{ width:280px; margin-left:10px;}
.col5{ width:280px; margin-left:25px;}

.clear {clear:both;}
.table {display:table;} 

.urundiv { height: 225px; width: 220px; float: left; background-image: url(../images/urunbg.png); background-repeat: no-repeat; margin: 1px; }
.urundiv2 { height: 172px; width: 260px; float: left; background-image: url(../images/videobg.png); background-repeat: no-repeat; margin: 1px; }
.baslik3 { font-family: Calibri; font-size: 17px; font-weight: bold; color: #BD0704; text-decoration: none; }


.galeri-box {
	float:left;
	width:210px;
	height:130px;
	margin-left:10px;
}
.galeri-box2 {
	float:left;
	width:210px;
	height:130px;
	margin-left:10px;
}
section.content article  .mufredat {
    width: 100%;
}

section.content article .mufredat tr:first-child {
    background-color: #F9F9F9;

    border-bottom: 1px solid #D0CECA;
}
section.content article .mufredat tr:first-child td {
    color: #666666;
    font-size: 12px;
    border-right: 1px solid #D0CECA;
    padding: 8px;
    font-weight: bold;
    text-align: center;
}
section.content article .mufredat tr td {
    font-size: 11px;
    padding:8px;
    text-align: center;
}
section.content article .mufredat tr {
    border-bottom: 1px solid #D0CECA;
}

section.content article .mufredat tr td:last-child {
    border-right: none;
}
section.content article .mufredat tr td:first-child {
    text-align: left;
}
