body
{
background:url('images/bg.png') #efefef repeat;
}
a
{
text-decoration:none;
color:#83131d;
font:11px 'NeoSansPro-Regular';
}
a:hover
{
color:#646464;
}
.ust-bar
{
height:3px;
background:#909090;
}
.ortala
{
width:960px;
margin:0 auto;
}
.logo
{
width:280px;
height:90px;
float:left;
}
.temizle
{
clear:both;
}
.menu {
margin:auto;
overflow:hidden;
position:relative;
text-align:center;
width:70%;
float:right;
margin-top:10px;
}
.menu a {
-moz-transition:.7s;
-ms-transition:.7s;
-o-transition:.7s;
-webkit-transition:.7s;
color:#393939;
display:block;
float:left;
font:17px 'NeoSansPro-Regular';
padding:1em 0 2em;
position:relative;
text-decoration:none;
transition:.7s;
width:16%
}
.menu a:hover {
color:#c6342e
}
.menu-efekt {
-moz-transition:.7s ease-in-out;
-ms-transition:.7s ease-in-out;
-o-transition:.7s ease-in-out;
-webkit-transition:.7s ease-in-out;
left:-12.5%;
position:absolute;
transition:.7s ease-in-out
}
.menu a:nth-child(1):hover ~ .menu-efekt {
left:8.0%
}
.menu a:nth-child(2):hover ~ .menu-efekt {
left:24.0%
}
.menu a:nth-child(3):hover ~ .menu-efekt {
left:40.0%
}
.menu a:nth-child(4):hover ~ .menu-efekt {
left:56.0%
}
.menu a:nth-child(5):hover ~ .menu-efekt {
left:72.0%
}
.menu a:nth-child(6):hover ~ .menu-efekt {
left:88.0%
}
.noktali-menu:after {
background:#c6c6c6;
bottom:24px;
content:"";
display:block;
height:4px;
position:absolute;
width:100%;
border-radius:3px;
}
.noktali-menu a:after {
background:#616261;
border-radius:100%;
bottom:22px;
content:"";
height:8px;
left:50%;
margin-left:-2px;
position:absolute;
width:8px;
z-index:998;
}
.noktali-menu .menu-efekt {
background:#c6342e;
border-radius:100%;
bottom:20px;
height:10px;
margin-left:-3px;
width:10px;
z-index:999;
}
.flex-container a:active,
.slider a:active,
.flex-container a:focus,
.slider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.slider {margin: 0; padding: 0;}
.slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider .slides img {width: 100%; height:100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.slider {float:left;width:640px;height:240px;margin: 0 0 10px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.slider:hover .flex-next {opacity: 0.8; right: 5px;}
.slider:hover .flex-prev {opacity: 0.8; left: 5px;}
.slider:hover .flex-next:hover, .slider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; z-index:0;display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
.beyazla
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.anasayfa-duyurular
{
width:300px;
height:250px;
float:right;
border:1px solid #dadada;
border-radius:5px;
position:relative;
}
.baslik-line
{
background: -moz-linear-gradient(left,  rgba(166,56,65,0) 0%, rgba(166,56,65,1) 51%, rgba(231,56,39,0.01) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(166,56,65,0)), color-stop(51%,rgba(166,56,65,1)), color-stop(100%,rgba(231,56,39,0.01))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(166,56,65,0) 0%,rgba(166,56,65,1) 51%,rgba(231,56,39,0.01) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(166,56,65,0) 0%,rgba(166,56,65,1) 51%,rgba(231,56,39,0.01) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(166,56,65,0) 0%,rgba(166,56,65,1) 51%,rgba(231,56,39,0.01) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(166,56,65,0) 0%,rgba(166,56,65,1) 51%,rgba(231,56,39,0.01) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a63841', endColorstr='#03e73827',GradientType=1 ); /* IE6-9 */
width:290px;
height:1px;
}
.h2-baslik
{
font:16px 'NeoSansPro-Regular';
color:#a63841;
display:block;
margin-top:7px;
margin-bottom:7px;
margin-left:5px;
}
.h2-baslik span
{
color:#646464;
}
ul.duyuru-list {
   
   color: #9f3039;
   list-style-position: inside;
   padding:5px;
}
ul.duyuru-list li
{
	padding-bottom:7px;
	padding-top:8px;
	list-style: disc !important;
}
ul.duyuru-list li a {
   color: #646464;
   font:12px/18px Arial;
}
ul.duyuru-list li span
{
color:#8d4e0b;
display:block;
font:11px/18px Arial;
}
.anasayfa-yenilikler
{
padding-bottom:10px;
}
.anasayfa-yenilikler-sol
{
width:470px;
float:left;
border-right:1px dotted #d7d7d7;
height:100%;
padding-right:5px;
margin-right:5px;
}
.anasayfa-yenilikler-sol > span.alt-baslik
{
text-decoration:none;
color:#83131d;
font:11px 'NeoSansPro-Regular';
}
.anasayfa-yenilikler-sol > span.haber-aciklama
{
border-left:4px solid #a63841;
display:block;
padding-left:5px;
font:10px Verdana;
margin-top:5px;
}
.anasayfa-yenilikler-sol > h2, .anasayfa-yenilikler-sag > h2
{
margin-left:0;
}
.anasayfa-yenilikler-sag
{
width:475px;
float:right;
}
.anasayfa-yenilikler-sag > ul > li 
{
display:block;
float:left;
margin-right:9px;
margin-bottom:30px;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.31);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.31);
	        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.31);
	  border-radius:5px;
-moz-transition:all .2s ;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.anasayfa-yenilikler-sag > ul > li:hover
{
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.51);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.51);
	        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.51);
}
.anasayfa-yenilikler-sag > ul > li:nth-child(4n)
{
margin-right:0px;
}
.anasayfa-yenilikler-sag > ul > li > a > h2
{
position:absolute;
font:12px 'NeoSansPro-Regular';
margin-top:5px;
display:block;
width:110px;
height:15px;
overflow:hidden;
}
.anasayfa-yenilikler-sag > ul > li > a > img
{
width:110px;
height:86px;
border-radius:5px;
border:1px solid rgba(0, 0, 0, 0.1);
}

.footer
{
height:85px;
width:100%;
border-radius:3px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border:1px solid #dadada;

}
.f-tel
{
width:80px;
height:80px;
background:url(../images/tel-bg.png) no-repeat 10px 10px;
margin-top:3px;
float:left;
}
.f-tel-numarasi
{
font:Bold 24px 'NeoSansPro-Regular';
float:left;
color:#a63841;
margin-top:5px;
position:relative;
margin-top:20px;
}
.f-tel-numarasi span
{
font-size:16px;
color:#3d3d3d;
line-height:24px;
}
.f-tel-aciklama
{
font:11px Verdana;
position:relative;
 letter-spacing: 3px;
margin-left: 2px;
color:#3d3d3d;
}
.haberdar-olun
{
width:300px;
height:80px;
float:right;
margin-top:8px;
}
.haberdar-olun > h3
{
font:Bold 16px 'NeoSansPro-Regular';
color:#a63841;
}
.haberdar-olun > p
{
font:11px Arial;
margin-top:5px;
}
.haberdar-olun > form
{
margin-top:5px;
}
.haberdar-olun input[type="text"] {
border-radius:5px;
border:1px solid #eaeaea;
 padding: 5px 10px;
 font:12px 'NeoSansPro-Regular';
 color:#a7a7a7;
}
.haberdar-olun input[type="submit"] {
   border-top: 1px solid #86888a;
   background: #525252;
   background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#525252));
   background: -webkit-linear-gradient(top, #5e5e5e, #525252);
   background: -moz-linear-gradient(top, #5e5e5e, #525252);
   background: -ms-linear-gradient(top, #5e5e5e, #525252);
   background: -o-linear-gradient(top, #5e5e5e, #525252);
   padding: 5px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   border:0;
   font:Bold 11px 'NeoSansPro-Regular';
   position:relative;
   margin-top:-2px;
   }
.haberdar-olun input[type="submit"]:hover {
   border-top-color: #424242;
   background: #424242;
   color: #bdbdbd;
   }
.haberdar-olun input[type="submit"]:active {
   border-top-color: #828282;
   background: #828282;
   }
ul.f-baglanti
{
list-style-type: square;
color:#a63841;
list-style-position:inside;
margin-top:8px;
float:left;
width:180px;
}
ul.f-baglanti li
{
margin-bottom:5px;
}
ul.f-baglanti a
{
color:#3d3d3d;
}
.f-cp
{
float:right;
display:block;
 font:12px 'NeoSansPro-Regular';
 margin-top:25px;
}
div.haber-aciklama
{
border-left:4px solid #a63841;
display:block;
padding-left:5px;
font:12px/15px Arial;
margin-top:5px;
}
div.haber-aciklama p
{
margin-bottom:5px;
}
.ic-yazi
{
padding:10px;
border: 1px solid #dadada;
margin-bottom:10px;
border-radius:5px;
overflow:hidden;
}
ul.urun-liste
{
margin-left:2px;
}
ul.urun-liste > li 
{
display:block;
float:left;
margin-right:25px;
margin-bottom:35px;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.31);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.31);
	        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.31);
	  border-radius:5px;
-moz-transition:all .2s ;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
ul.urun-liste > li:hover
{
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.51);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.51);
	        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.51);
}
ul.urun-liste > li:nth-child(7n)
{
margin-right:0px;
}
ul.urun-liste > li > a > h2
{
position:absolute;
font:12px 'NeoSansPro-Regular';
margin-top:5px;
display:block;
width:110px;
height:15px;
overflow:hidden;
}
ul.urun-liste > li > a > img
{
width:110px;
height:86px;
border-radius:5px;
border:1px solid rgba(0, 0, 0, 0.1);
}

#contact-form {  
    background-color:rgba(255, 255, 255, 0.21);  
    width:465px;  
    padding:20px;        
    border: 6px solid rgba(88, 88, 88, 0.09);  
    -moz-border-radius:15px;  
    -webkit-border-radius:15px;  
    border-radius:15px;  
    position:relative; 
font-family:'NeoSansPro-Regular';	
float:left;
}  
  
#contact-form h1 {  
    font-size:42px;  
}  
  
#contact-form h2 {  
    margin-bottom:15px;  
    font-style:italic;  
    font-weight:normal;  
}  
  
#contact-form input,   
#contact-form select,   
#contact-form textarea,   
#contact-form label {  
    font-size:13px;  
    margin-bottom:2px;  
}  
  
#contact-form input,   
#contact-form select,   
#contact-form textarea {  
    width:450px;  
    border: 1px solid #d6d6d6;  
    margin-bottom:20px;  
    padding:4px;  
}  
  
#contact-form input:focus,   
#contact-form select:focus,   
#contact-form textarea:focus {  
    border: 1px solid #AFCDD8;  
    background-color: rgba(255, 255, 255, 0.21);  
}  
  
#contact-form textarea {  
    height:150px;  
    resize: none;  
}  
  
#contact-form label {  
    display:block;  
}  
  
#contact-form .required {  
    font-weight:bold;  
    color:#F00;      
}  
  
#contact-form #submit-button {  
    width: 100px;  
    background-color:#333;  
    color:#FFF;  
    border:none;  
    display:block;  
    float:right;  
    margin-bottom:0px;  
    margin-right:6px;    
    -moz-border-radius:8px;  
	border-radius:5px;
}  
  
#contact-form #submit-button:hover {  
    background-color: #5c5c5c;  
}  
  
#contact-form #submit-button:active {  
    position:relative;  
    top:1px;  
}  
  
#contact-form #loading {  
    width:32px;  
    height:32px;  
    background-image:url(../img/loading.gif);  
    display:block;  
    position:absolute;  
    right:130px;  
    bottom:16px;  
    display:none;  
}  
  
#errors {  
    border:solid 1px #E58E8E;  
    padding:10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;  
    display:none;  
}  
  
#errors li {  
    padding:2px;  
    list-style:none;      
}  
  
#errors li:before {  
    content: ' - ';      
}  
  
#errors #info {  
    font-weight:bold;  
}  
  
#errors #info:before {  
    content: '';      
}  
  
#success {  
    border:solid 1px #83D186;  
    padding:25px 10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;  
    font-weight:bold;  
    display:none;  
}  
  
#errors.visible, #success.visible {  
    display:block;      
}  
  
#req-field-desc {  
    font-style:italic;  
}  
  
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */  
input:required, textarea:required {  
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
}  
  
/* Normalize placeholder styles */  
  
/* chrome, safari */  
::-webkit-input-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* mozilla */  
input:-moz-placeholder, textarea:-moz-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* ie (faux placeholder) */  
input.placeholder-text, textarea.placeholder-text  {   
    color:#CCC;  
    font-style:italic;  
}  
.adres-bilgileri
{
float:right;
width:415px;
}
.adres-bilgileri p
{
border-left:4px solid #a63841;
display:block;
padding-left:5px;
font:12px/15px Arial;
margin-top:5px;
margin-left:20px;
}
.iletisim-harita
{
padding:1px;
border:1px solid #b2b2b2;
}
.bx-controls-direction
{
top:10px;
right:10px;
position:absolute;
}
.bx-prev
{
width:13px;
height:13px;
text-indent:-9999px;
display:inline-block;
background:url(../images/ileri-geri.png) no-repeat;
margin-right:5px;
}
.bx-next
{
width:13px;
height:13px;
text-indent:-9999px;
display:inline-block;
background:url(../images/ileri-geri.png) no-repeat -22px 0px;
}
.dortyuzdort
{
	float:left;
	font-weight:bold;
	font-size:120px;
	padding:50px;
	color:#999;
}
.dortyuzdort2
{
	float:left;
	font-weight:bold;
	font-size:30px;
	padding:20px;
	color:#333;
}
.dortyuzdort2 p
{	
	font-size:18px;
	padding:10px;
	color:#666;
	width:550px;
	line-height:20px;
}
#pagenavi
{
	float:right;
	overflow:hidden;
}
#pagenavi > div > span
{
	float:left;
	margin:2px;
	padding:4px;
	font-size:12px;
}
#pagenavi > div > ul
{
	float:left;
	padding-left:2px;
}
#pagenavi > div > ul > li
{
	float:left;
}
#pagenavi > div > ul > li > a
{
	margin:2px;
	border:1px #ccc solid;
	border-radius:2px;
	padding:2px 4px;
	background:rgba(0,0,0,0.1) url('../images/renkbg.png')repeat;
	color:#333;
}