@charset "utf-8"; 
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext); 
/* CSS Document */
* {font-family:"Open Sans", sans-serif; font-size:12px; line-height:16px; }
a {text-decoration: none; transition: all 0.25s ease-in-out 0s; color:#333; }
.left {float:left; }
.right {float:right; }
.clear{float:none; clear:both; }
.shadow { -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1); -moz-box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 1); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1); }
.hidden {display:none;}
.noborder {border:none;}

/* GRAIDENT */
.kirmizigraident {
	background: #cf010d; /* Old browsers */
	background: -moz-linear-gradient(top,  #cf010d 0%, #880008 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf010d), color-stop(100%,#880008)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cf010d 0%,#880008 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cf010d 0%,#880008 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cf010d 0%,#880008 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cf010d 0%,#880008 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf010d', endColorstr='#880008',GradientType=0 ); /* IE6-9 */
}


/* SITE CSS */
html, body { height:100%; }
body { background-color:#ebeceb; }
div.bg { width:980px; margin:auto; padding:0px 30px 0px 30px; min-height:100%; background-color:#fff; }
div.container { width:980px; margin:auto; }
div.content { border-top:solid 1px #888; padding-top:2px; }
.header { height:133px; border-top:solid 2px #cc0109; border-bottom:solid 1px #888888; }
h1.logo { width:153px; height:133px; float:left; }
h1.logo a { display:block; width:153px; height:133px; background-image:url(/img/logo.jpg); background-repeat:no-repeat; text-indent:-9999px; }
h2.slogan { width:611px; height:99px; float:left; background-image:url(/img/slogan.jpg); background-repeat:no-repeat; text-indent:-9999px;}
i.telefonicon { display:block; width:43px; height:32px; float:right; background-image:url(/img/tel-icon.jpg); background-repeat:no-repeat; margin-top:24px; }
h3.telefonno { float:right; color:#3b3b3b; clear:right; font-size:18px; font-weight:normal; margin-top:12px; }
ul.mainmenu { display:inline-table; float:right; }
ul.mainmenu > li { float:left; border-top:dotted 1px #888888; position:relative; }
ul.mainmenu > li a { display:block; width:auto; height:32px; padding: 0px 16px 0px 16px; font-size:14px; font-weight:normal; color:#cc0109; line-height:32px; transition:none; }
ul.mainmenu > li:hover , ul.mainmenu li.active {border-top:solid 2px #cc0109; }
ul.mainmenu > li:hover a , ul.mainmenu li.active a {height:31px; line-height:31px; }
ul.dropdown {position: absolute;left: 0;top: 100%;width: 300px;background-color: #fff;visibility: hidden;z-index: 2;opacity: 0;transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
ul.dropdown li { border-top:dotted 1px #888888; }
ul.dropdown li:hover { border-top:solid 2px #cc0109;}
ul.mainmenu > li:hover .dropdown {
    visibility: visible;
	opacity: 1;
}
a.devamlink { font-size:13px; color:#cc0109; float:right; font-weight:bold;}
a.devamlink:hover {text-decoration:underline;}
.footer { border-top:solid 1px #888; }
.footer p {font-size:12px; font-weight:normal; color:#212121;}
.footer p a.kayrasoft {color:#cf010d; font-weight:bolder;}
.footer p a.kayrasoft:hover{text-decoration:underline;}
.icerik { margin-bottom:12px; padding-bottom:12px; margin-top:24px; }
.icerik h4{ font-size:22px; font-weight:normal; color:#cc0109; }
.icerik h5{ font-size:14px; font-weight:bold; color:#3b3b3b; }

.icerik p {font-size:13px; font-weight:normal; line-height:20px; color:#3b3b3b; text-align:justify; margin-bottom:12px;}
.pagination {padding: 20px; margin-bottom: 20px; text-align:center; }
.page {display: inline-block; padding: 4px 9px 4px 9px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255,255,255,.8), 0px 1px 3px rgba(0,0,0, .1); font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1); }
.page:hover {background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); }
.page.active {border: none; background: #616161; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .5); }

/* INDEX CSS */
.hosgeldiniz {border-bottom:dotted 1px #3b3b3b; margin-bottom:12px; padding-bottom:12px; margin-top:24px; }
.hosgeldiniz h4{ font-size:22px; font-weight:normal; color:#cc0109; }
.hosgeldiniz p {font-size:13px; font-weight:normal; line-height:20px; color:#3b3b3b; text-align:justify; }
.iconmenu a.menuitem { display:table; width:204px; height:70px; margin:auto; margin-bottom:13px; }
.iconmenu a:hover.kirmizigraident {background:#cc0109;}
.iconmenu a.menuitem span { font-size:13px; font-weight:bold; color:#fff; display:table-cell; vertical-align:middle; }
.iconmenu a.menuitem i.icon{display:inline-block; width:70px; height:70px; float:left; margin-right:4px;}
.iconmenu a.menuitem i.icon.tup {background-image:url(/img/icon-tup.png);}
.iconmenu a.menuitem i.icon.ates {background-image:url(/img/icon-ates.png);}
.iconmenu a.menuitem i.icon.belge {background-image:url(/img/icon-belge.png);}
.iconmenu a.menuitem i.icon.sapka {background-image:url(/img/icon-sapka.png);}
.iconmenu a.menuitem i.icon.sinyal {background-image:url(/img/icon-sinyal.png);}
.iconmenu a.menuitem i.icon.cark {background-image:url(/img/icon-cark.png);}
.iconmenu a.menuitem i.icon.davlumbaz {width:110px; background-image:url(/img/icon-davlumbaz.png);}
.habercontainer { margin-top:24px; }
.habercontainer h4{ font-size:22px; font-weight:normal; color:#cc0109; }
ul.haberler li { border-bottom:dotted 1px #3b3b3b; margin-bottom:12px; padding-bottom:12px;}
ul.haberler li u { display:block; text-decoration:none; font-size:12px; font-weight:bold; color:#3b3b3b; margin-bottom:6px; }
ul.haberler li b { display:block; height:16px; line-height:16px; font-size:14px; color:#cc0109; font-weight:bold; overflow:hidden;  margin-bottom:6px; }
ul.haberler li a { font-size:13px; color:#3b3b3b; }
ul.haberler li a:hover {text-decoration:underline;}

/* URUNLER CSS */
img.urun {display:block; width:100%;}

/* REFERANSLAR CSS */
ul.referanslar { list-style:disc; padding-left:24px; color:#3b3b3b; }
ul.referanslar li h5 { font-size:18px; font-weight:normal; color:#3b3b3b; padding:6px 0px 6px 0px; }

/* GALERİ CSS */
.galeriitem{width:318px; height:178px; float:left; border:solid 1px #dfdfdf; margin:3px; overflow:hidden;}

.galeriitem.image img{display:block; width:100%; min-height:100%; margin:0 auto;}
.galeriitem iframe{width:100%; height:100%;}

/* ILETISIM CSS */
.IletisimMultitextbox {margin: 8px; margin-left: 15px; color: Black; padding: 5px; font-size: 12px; width: 302px; height: 80px; }
.Iletisimtextbox { margin: 8px; margin-left: 15px; color: Black; padding: 5px; font-size: 12px; width: 300px; }
.Iletisimbutton {float:right; margin-right:8px; padding:12px 20px 12px 20px; border:none; color:#fff; cursor:pointer; }
.Iletisimbutton:hover.kirmizigraident {background:#cc0109;}
table.formtable td {font-size:13px; font-weight:normal; color:#3b3b3b;}

/* urunler CSS */
.urunitem{width:200px; height:150px; float:left; border:solid 1px #dfdfdf; margin:12px; margin-top:40px;}
.urunitem img{ width:100%; height:100%; margin:0 auto;}