/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden; background: url(../images/dunya.png);}
/* Global properties */
body {background: transparent url("../images/bgtop.jpg") no-repeat 50% 0; background-color:#086098; border:0;font-family: Calibri, Tahoma, Verdana, Arial, sans-serif;color:#76452F;line-height:22px}


.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:950px}


/* main layout */
a {color:#fff;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:23px 0 0 5px}
h2 {font-size:35px;color:#fff;line-height:1.2em;padding:28px 0 16px 0;font-weight:normal;letter-spacing:-2px}
h2 span {display:block;margin-top:-7px}
h3 {font-size:25px;color:#fff;font-weight:normal;line-height:1.2em; letter-spacing:-1px}
p {padding-bottom:22px}
/* header */
header {height:169px}
.logo { float:left; display:block;background:url(../images/logo.png) 0 0 no-repeat;width:270px;height:100px;text-indent:-9999px; margin-top:20px;}
.years {float:right; background:url(../images/30years.png) 0 0 no-repeat;width:125px;height:125px;margin-top: 10px;}
.icerikanlat { float:left; display:block;width:537px;height:79px;}
           .icerikanlat h5
{

  
 
   
    text-decoration:none;
   font-size: 28px;
   color:#fff;
    font-weight:bold;
    font-family:Calibri;
     margin-bottom:10px;
     margin-top:30px;
    margin-left: 60px;
    
    }


   .icerikanlat h6
{

  
 
   
    text-decoration:none;
   font-size: 28px;
   color:#fff;
    font-weight:bold;
    font-family:Calibri;
     margin-bottom:10px;
   margin-left: 90px;
    
    
    }



.menuana{ float:left;width: 968px; margin-top: 14px; }
#menu {float:left;padding:71px 16px 0 0}
#menu li {float:left;padding-left:1px}
#menu li a {display:block;font-size:19px;color:#fff;text-decoration:none;line-height:42px;height:43px;padding:0 19px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;position:relative;background:url(../images/spacer.html) repeat}
#menu li a:hover, #menu .active a {background:url(../images/menu_bg.html) bottom repeat-x #92d30f;color:#fff}
#menu li a:hover, #menu .active a {background/*\**/:url(../images/menu_bg.html) top repeat-x #337f05\9}
.slider_bg {width:944px;height:461px; border: 3px solid white;float:left; margin-top: 7px;}






/* content */
#content {padding:0 0 34px 23px}
#content2 {padding:3px 0 15px 23px}
.pad_left1 {padding-left:35px}
.pad_left2 {padding-left:10px}
.pad_bot1 {padding-bottom:11px}
.pad_bot2 {padding-bottom:15px}
.marg_right1 {margin-right:20px}
.pad_top1 {padding-top:5px}
.dropcap1 {float:left;background:url(../images/dropcap.html) 0 0 no-repeat;width:50px;height:54px;margin-right:20px;font-size:45px;line-height:1.2em;text-align:center;color:#e11204;margin-top:6px}
.dropcap1 span {display:block;margin-top:-6px}
.dropcap1 .color1 {color:#f69e00}
.dropcap1 .color2 {color:#4f9608}
.dropcap1 .color3 {color:#089495}
.color1 {color:#fff;font-weight: bold; font-size:16px;}
.color2 {color:#62a80a}
.font1 {font-size:16px}
.link1 {display:inline-block;font-style:italic;padding-right:13px;background:url(../images/marker_2.html) right 8px no-repeat;text-decoration:none}
.link1:hover {text-decoration:underline}
.link2 {color:#a09d99;text-decoration:none}
.link2:hover {text-decoration:underline}
.testimonials {background:url(../images/testimonials_bg.html) 0 4px no-repeat;padding-left:50px}
.quot {background:url(../images/quot1.html) 0 0 no-repeat;padding-left:20px;font-style:italic}
.quot img {display:inline-block;margin-top:1px;padding-left:4px}
.list1{}
.list1 li {font-size:16px;line-height:20px}
.list1 a {color:#76452F;padding-left:23px; font-weight:bold; background:url(../images/bullet.png) 0 4px no-repeat;text-decoration:none}

.footeryazi .list5{}
.footeryazi .list5 ul{}
.footeryazi .list5 li {font-size:16px;line-height:20px;color:#76452F;padding-left:23px;font-weight:bold;background:url(../images/bullet.png) 0 4px no-repeat;text-decoration:none }



.quality {width:100%;overflow:hidden}
.quality .cols {width:290px}
.quality .pad_left1 {padding-left:30px}
.quality .arrow {background:url(../images/arrow.html) right 4px no-repeat}
.quality .dropcap1 {height:50px;background:url(../images/dropcap2.html) 0 0 no-repeat;margin-top:1px}
.quality h3 {padding:0 0 17px 0}
.quality h3 span {display:block;margin-top:-6px}
.price{}
.price li {width:100%;overflow:hidden;background:url(../images/bg_price.gif) 0 -5px repeat-x}
.price span {float:right;background:#1c160d}
.price a {color:#a09d99;text-decoration:none;float:left;background:#1c160d}
.price a:hover {color:#fff}
.address {margin-top:-3px;padding-bottom:25px}
.address li {line-height:27px;padding-left:23px;background:url(../images/marker_1.html) 0 6px no-repeat;overflow:hidden}
.address a {color:#62a80a;text-decoration:none} 
.address a:hover {text-decoration:underline}
pre{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#a09d99;line-height:27px}
/* footer */
footer {padding:0 0 40px 23px}
footer a{}
footer a:hover{}
#icons li {line-height:1.9em}
#icons a {color:#a09d99;text-decoration:none}
#icons a span {display:inline-block;vertical-align:top;cursor:pointer}
#icons a:hover {color:#fff}
#icons img {margin:5px 10px 0 0}
#why_us{}
#why_us li {line-height:27px}
#why_us a {color:#a09d99;text-decoration:none;padding-left:23px;background:url(../images/marker_3.html) 0 2px no-repeat}
#why_us a:hover {color:#fff}
#footer_link {margin-top:17px;border-top:1px solid #1a1a1a;padding-top:19px}
/* forms */
#ContactForm {padding-top:2px}
#ContactForm span {float:left;width:111px;line-height:24px}
#ContactForm .bg {border:1px solid #fff;background:url(../images/bg_input.gif) top repeat-x #e7e7e7;position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left;height:20px;overflow:hidden}
#ContactForm .bg2 {border:1px solid #fff;background:url(../images/bg_textarea.gif) top repeat-x #e7e7e7;position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left;height:98px;overflow:hidden}
#ContactForm .wrapper {min-height:27px}
#ContactForm .textarea_box {height:105px;width:100%;overflow:hidden}
#ContactForm a {float:right;width:94px;height:43px;font-size:18px;color:#fff;text-decoration:none;line-height:42px;text-align:center;background:url(../images/button_bg.html) top repeat-x #327d05;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;position:relative}
#ContactForm a:hover {background:#8dcf0f}
#ContactForm .input {width:307px;height:18px;background:none;padding:0 5px;color:#6b6051;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0}
#ContactForm textarea {overflow:auto;width:307px;height:98px;background:none;padding:0 5px;color:#6b6051;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0}




  
  
  .slidealtsol
  {
       float:left;
       width:262px;
       
     margin-right: 45px;
       
      
      }
  
  
    .slidealtsol h5
{

  
 
    text-align:center;
    text-decoration:none;
   font-size: 18px;
   color:#b22222;
    font-weight:bold;
    font-family:Calibri;
    margin-bottom:10px;
    
    
    }
    
     .slidealtorta
  {
       float:left;
       width:262px;
  margin-right: 45px;
      
      
      }
  
  
    .slidealtorta h5
{

  
 
   text-align:center;
    text-decoration:none;
   font-size: 18px;
   color:#b22222;
    font-weight:bold;
    font-family:Calibri;
    margin-bottom:10px;
    
    
    }
    
     .slidealtsag
  {
       float:left;
       width:262px;
    
       
      
      }
  
  
    .slidealtsag h5
{

  
 text-align:center;
   
    text-decoration:none;
   font-size: 18px;
   color:#b22222;
    font-weight:bold;
    font-family:Calibri;
    margin-bottom:10px;
    
    
    }
  .fancyNav{
	/* Affects the UL element */
	overflow: hidden;
	display: inline-block;

	background: url(../images/menubg.png) no-repeat ;
	width:950px;
	height:47px;
}

.fancyNav li{
	
	
	

	 border-right:1px solid #A9A9A9;
	
	float: left;
	list-style: none;
}

.fancyNav li:after{

	/* This creates a pseudo element inslide each LI */	
	
	content:'.';
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	
	
}

/* Treating the first LI and li:after elements separately */

.fancyNav li:hover{

}

.fancyNav li:first-child:after,
.fancyNav li.selected:first-child:after{

}

.fancyNav li:last-child{
border-right: none;
}

/* Treating the last LI and li:after elements separately */

.fancyNav li:last-child:after,
.fancyNav li.selected:last-child:after{

}

.fancyNav li:hover:after,
.fancyNav li.selected:after,
.fancyNav li:target:after{
	/* This property triggers the CSS3 transition */
	opacity:1;
}

.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
	/* Hides the targeted li when we are hovering on the UL */
	opacity:0;
}

.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{

}

/* Styling the anchor elements */

.fancyNav li a{
	color: #fff;
	display: inline-block;
	font: 20px/1 Lobster,Arial,sans-serif;
	padding: 12px 70px 14px 70px;
	position: relative;
	
	z-index:2;
	text-decoration:none !important;
	white-space:nowrap;
}

.fancyNav a.homeIcon{
	background:url('../deneme/img/home.html') no-repeat center center;
	display: block;
	overflow: hidden;
	padding-left: 12px;
	padding-right: 12px;
	text-indent: -9999px;
	width: 16px;
}

.ortaana{ float:left;
          margin-top:20px;
         
         
         }

.top {
width: 950px;
height: 176px;
background: url(../images/table/tableustbg.png) top center no-repeat;
position: absolute;
z-index: 2;
margin: -5px 0 0;
}

.center{
width: 950px;
min-height: 176px;
background: url(../images/table/tableortabg.png) 0 0 repeat-y;
}

.bottom {
width: 950px;
height: 7px;
background: url(../images/table/tablealtbg.png) 0 0 no-repeat;
}

.centericerikana {
width: 900px;
position: relative;
z-index: 3;
margin: 0;
padding: 12px 25px 15px;
}


.kenarbg {
height: 60px;
background: url(../images/table/titlekenarbg.png) top left no-repeat;
float: left;
margin: 0 0 0 -34px;
padding: 0 0 0 10px;
}

.kenaruzun{
height: 60px;
font-size: 19px;
color: white;
background: url(../images/table/kenaruzunbg.png) top right no-repeat;
float: left;
padding: 16px 55px 0 24px;
}


.defaultyazi
{

    width:896px;
    margin-top:10px;
 
    float:left;
    
    
    }
    
    .defaultyazi h5
{

  
 
   
    text-decoration:none;
   font-size: 26px;
   color:#b22222;
    font-weight:bold;
    font-family:Calibri;
    
    
    }
    
  .defaultresim
{

    width:440px;
    float:left;
    margin-top:15px;
  
    
    }
    
    
    .footeryazi
{

    width:400px;
 
    float:left;
    
    
    }
    
      .footerharita
{

    width:463px;
    float:left;
  
    
    }
    
       .footerharita h5
{

  
 
   
    text-decoration:none;
   font-size: 18px;
   color:#b22222;
    font-weight:bold;
    font-family:Calibri;
    margin-bottom:10px;
    
    
    }
    
           .footeryazi h5
{

  
 
   
    text-decoration:none;
   font-size: 18px;
   color:#b22222;
    font-weight:bold;
    font-family:Calibri;
     margin-bottom:10px;
    
    
    }


.aboutyazi
{

    width:900px;
    margin-top:30px;
   
    
    
    }
    
    .aboutresim
{

    width:726px;
   
      margin-left:88px;
      border:5px solid #ccc;
    
    }
    
    .faaliyetyazi
{

    width:600px;
    float:left;
   
    
    
    }
    
      .faaliyetresim
{

    width:300px;
    float:left;
    margin-top: 20px;
   
      
    
    }
    
    
 .ingredients {
width: 590px;

float: left;
padding: 20px 0 0 5px;
}

.ingredients li {
margin: 0 0 10px;
font-weight: 700;
 color:#76452F;
  font-weight:bold;
    font-family:Calibri;
    text-decoration:none;
background: url(../images/bullet.png) 0 4px no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 20px;
}



 .parkyazi
{

    width:950px;
    float:left;
   
    
    
    }
    
      .parkresim
{

    width:780px;
    float:left;
    margin-top: 20px;
    margin-left: 60px;
   
      
    
    }
    
    
 .parkingredients {
width: 590px;

float: left;
padding: 20px 0 0 5px;
}

.parkingredients li {
margin: 0 0 10px;
font-weight: 700;
color:#76452F;
  font-weight:bold;
    font-family:Calibri;
    text-decoration:none;
background: url(../images/bullet.png) 0 4px no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 20px;
}


 .tedarikana
{

    width:900px;
    float:left;
   
    
    
    }
    
    .tedarikana ul { overflow: hidden; padding: 5px;margin-left: 75px; }
.tedarikana ul > li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0 20px 20px 0;
	font-size: 10px;
}
.tedarikana ul a 							{ text-decoration: none; display: block; }
.tedarikana ul li img 						{ display: block; position: relative; z-index: -1; border: 1px solid black;padding: 3px; } /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
.tedarikana ul li:not([class=na]) img 		{ position: static; } /* Reset relative position, as this plays havoc with good browsers */
.tedarikana ul a:hover, ul a:focus			{ display: block; outline: none; -moz-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px #000; }
.tedarikana ul a:hover img, ul a:focus img	{ outline: 3px solid #ccc; }

.tedarikana ul a:hover:after,
.tedarikana ul a:focus:after
{
	content: attr(title);
	color: #b22222;
	position: absolute;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.7)); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */
	display: block;
	
}

.conana
{
  float:left;   
   
    }
.post {
width: 600px;
overflow: hidden;
float: left;
margin: 0 0 18px;
padding: 0 0 20px;
}

.contact-form {
padding: 15px 18px 25px;
}

.contact-form td {
vertical-align: top;
}

.label {
width: 120px;
font-weight: 700;
padding: 5px 0 0;
}

.post h6 {
margin: 0 0 13px;
padding: 7px 0 0;
font-size:16px;
}

.post p {
margin: 0;
}

.post span {
background: url(../images/input-text-1-left-bg.png) top left no-repeat;
display: block;
height: 26px;
padding: 2px 0 0 10px;
}

.post input {
width: 430px;
border: none;
background: none;
font: 12px/18px Arial, serif;
color: #76452F;
float: left;
width: 100%;
border-image: initial;
}
 .spacer-1 {
width: 7px;
height: 7px;
}

.spacer-2 {
width: 8px;
height: 8px;
}

.text-area-1 .top {
width: 427px;
height: auto;
background: url(../images/textarea-1-top-bg.png) 0 0 no-repeat;
position: relative;
margin: 0;
padding: 7px 8px 0;
}

.input-text-1 {
height: 27px;
background: url(../images/input-text-1-right-bg.png) top right no-repeat;
float: left;
margin: 0;
padding: 0 5px 0 0;
 width:438px;
}

.text-area-1 textarea {
width: 427px;
height: 165px;
background: none;
border: none;
font: 12px/18px Arial, sans-serif;
color: #76452F;
overflow: auto;
margin: 0;
border-image: initial;
}

.text-area-1 .bottom {
width: 443px;
height: 5px;
background: url(../images/textarea-1-bottom-bg.png) 0 0 no-repeat;
}

.show-all {
padding: 0;
cursor: pointer;
overflow: hidden;
margin: 0!important;
padding: 0 0 15px!important;
}

.contactsag {
float: left;
width: 300px;
}

.contactsag h6 {
font-size: 16px;
}


 .harita
{

    width:300px;
    float:left;
    margin-top: 20px;
   
      
    
    }
    
           .harita h5
{

  
 
   
    text-decoration:none;
   font-size: 18px;
   color:#b22222;
    font-weight:bold;
    font-family:Calibri;
     margin-bottom:10px;
    
    
    }
    
    
    .galeriana {
float: left;
width: 900px;
margin: 0 auto;
text-align: left;
}

.galeriana ul {
list-style: none;
margin-left: 60px;
}

.galeriana ul li {
list-style: none;
display: block;
float: left;
}

.galeriana ul li a img {
margin: 15px;
border: none;
border-image: initial;
}






.urunlerkutu {
width: 168px;
height: 145px;
overflow: hidden;
float: left;
display: inline;
background: #b0e0e6;
border: 1px solid #CBCBCB;
margin-right: 22px;
margin-bottom: 10px;
padding: 5px 6px;
overflow: hidden;
margin-left:18px;

}

.kuturesim {
width: 168px;
height: 110px;
margin-bottom: 5px;
overflow: hidden;
}

.kuturesim img {
width: 168px;
height: 110px;
}

.urunlerkutu h3 {
font-family: 'calibri', Arial, Helvetica, sans-serif;
font-size: 13px;
color: #b22222;
text-align: center;
margin: 0px;
margin-bottom: 1px;
font-weight:bold;
}