@import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext);

* { margin: 0; padding: 0; outline:0;
	font-size: medium;
}



body a:link{
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	} 
body a:hover
{
	    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;} 


#bodyAnaSayfa {
    font-size: 12px;
    line-height: 16px;
    color: #685d5d;
   
}

body {
    font-size: 12px;
    line-height: 16px;
    color: #685d5d;
font-family: 'PT Sans', sans-serif;
font-weight:400;
   
}

.container{width:100%;height:auto;overflow:hidden;}

#header{width:100%;
        position:absolute;margin:0;top:0;
       
        }

#header	.ic		
{
	width:100%;
			max-width:1100px;
				height:103px;
				margin:0 auto;
				position:relative;
				z-index:100;
				margin-top:0px;
				
		background-image:url(../images/headerBg.png);		
				}
				
				
.BannerLogoKapsayici{
float:left;
margin-top:0px;}
.BannerLogoKapsayici img{width:100%;}



.sagUstMenu{
padding:0px;
color:#d80d16;
font-size:14px;
font-weight:bold;
text-align:right;margin-top:-12px;height:83px;
}




.sagUstMenu .markalar{
width:480px;
float:right;
padding:0px;
color:#d80d16;
font-size:14px;

font-weight:bold;
}


.lineMesajSlogan{float:left;width:100%;background-color:#fff;
           height:auto;overflow:hidden;padding:40px 0px;}
.lineMesajSlogan .icerik{position:relative;width:100%;max-width:1150px;margin:0 auto;
                         text-align:center;
                         font-size:36px;line-height:1.3;
                         font-style:italic;
                     color:#000;}



.lineGMMesaj{float:left;width:100%;background-image:url(../images/gmessaj.jpg);
           background-position:center center;
           background-size:100% 100%;
           background-repeat:no-repeat;
           height:auto;overflow:hidden;padding:20px 0px;}
.lineGMMesaj .icerik{position:relative;width:100%;max-width:1150px;margin:30px auto;
                     color:#fff;}
.lineGMMesaj .icerik .bolum{float:left;
                            padding:10px;
                            box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;}  
  
  .lineGMMesaj .icerik .bolum1{float:left;
                            padding:10px;
                            box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;}                     
                     
.lineGMMesaj .icerik h1{width:100%;text-align:center;font-size:36px;color:#fff;padding:20px 0px;}


.line{float:left;width:100%;height:auto;overflow:hidden;}

.lineHaber{float:left;width:100%;background-image:url(../images/parallax-1.jpg);
           background-position:center center;background-size:100% auto;
           height:auto;overflow:hidden;}
           

.lineana4Lu{float:left;width:100%;background-color:#fff;
            height:auto;overflow:hidden;}
.lineana4Lu .icerik{position:relative;width:100%;max-width:1150px;margin:20px auto;}
.lineana4Lu .icerik h1{width:100%;text-align:center;font-size:36px;color:#000;padding:20px 0px;}
.lineana4Lu .icerik .box{height:300px; float:left;padding:10px;text-align:center;
                         box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;}
.lineana4Lu .icerik .box .resim{width:100%;float:left;}

.lineana4Lu .icerik .box .resim img{width:100%;}
.lineana4Lu .icerik .box .bilgi{width:100%;float:left;}
.lineana4Lu .icerik .box .bilgi baslik{width:100%;float:left;font-size:20px;padding:10px 0;}
.lineana4Lu .icerik .box .bilgi baslik a:link,.lineana4Lu .icerik .box .bilgi baslik a:visited
 {font-size:20px;color:#000;text-decoration:none;padding:10px 0;font-weight:bold;}
.lineana4Lu .icerik .box .bilgi baslik a:hover{color:#6dc1a9;}


           
#carousel {
  position: relative;
  width: 60%;
  margin: 0 auto;
}

#slides {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 250px;
}

#slides ul {
  list-style: none;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
  position: relative;
}

#slides li {
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  position: relative;
}

/* Styling for prev and next buttons */

.btn-bar {
 width:240px;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 40px;z-index:9999;
  height:auto;overflow:hidden;
  margin-bottom:20px;
}

#buttons {
  padding: 0 0 5px 0;
 width:100%;
}

#buttons a {
  text-align: center;
  display: block;
  font-size: 50px;
  float: left;
  outline: 0;
 
  color: #b14943;
  text-decoration: none;
  display: block;
  padding: 9px;
  width: 35px;
}

a#prev{margin-right:60px;}
a#next{margin-left:60px;}

a#prev:hover,
a#next:hover {
  color: #FFF;
  text-shadow: .5px 0px #b14943;
}

.quote-phrase,
.quote-author {
  font-family: sans-serif;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 20px;
  font-family: 'Lato', Calibri, Arial, sans-serif;
}

.quote-phrase {
  height: 200px;
  font-size: 24px;
  line-height:1.3;

  color: #FFF;
  font-style: italic;
  text-shadow: .5px 0px #b14943;
}

.quote-marks {
  font-size: 30px;
  padding: 0 3px 3px;
  position: inherit;
}

.quote-author {
  font-style: normal;
  font-size: 20px;
  color: #b14943;
  font-weight: 400;
  height: 30px;
}

.quoteContainer,
.authorContainer {
  display: table;
  width: 100%;
}









           

.anaSayfaTabs		{
				width:100%;
				height:auto;
				margin:0 auto;max-width:1150px;
				position:relative;
				background-color:#fff;
				margin:0 auto;
				padding-top:20px;
				font-size:20px;line-height:1.2;text-align:center;
				padding-bottom:20px;
				}
				
.anaSayfaTabs	h1	{
				color:#000;
				font-size:36px;width:100%;text-align:center;padding:0 10px;margin-top:10px;line-height:40px;
				border-bottom:solid 1px #000;
				padding-bottom:5px;margin-bottom:10px;
				}
				
				
ul.tabs
{
    padding: 6px 0;
    font-size: 0;
    margin:0;margin-top:30px;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:4px; /*distance between tabs*/
}
        
ul.tabs li a
{
    position: relative;text-decoration:none;
    padding: 6px 20px;border-bottom:solid 1px #000;   
    color: #000;
  font-weight:900;
 -webkit-transition: 0.5s ease;
            transition: 0.5s ease;
}
        
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
	color:#07395b;
	border-bottom:solid 0px #000;
-webkit-transition: 0.5s ease;
            transition: 0.5s ease;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    border-bottom-color: white;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
   

div.tabcontents
{
 padding:30px 16px;
}								


#makaleIcerik			
{
				width:100%;
				max-width:1100px;
			background-color:#fff;	
				margin:0 auto;
				position:relative;
				z-index:1;
				
				min-height:500px;
				height:auto !important;overflow:hidden;
			margin-top:150px;
			font-size:16px;
			line-height:20px;
			background-size:100% 100%;
				
				}

#makaleIcerik .icerik		{
				width:100%;
				float:left;
				height:auto !important;	overflow:hidden;
				box-sizing: border-box;		
				margin-top:10px;padding:20px 5px;
				min-height:500px;
				}

#makaleIcerik .icerik	.mansetResmi	{
				position:relative;margin:20px auto;width:90%; 
				}
				
#makaleIcerik .icerik	.mansetResmi img	{
				width:100%; 
				}				


#makaleIcerik .icerik	.sag	{
				float:right;
				height:auto !important;	overflow:hidden;
				box-sizing: border-box;		
				
			box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  padding-left:20px;	
  padding-right:40px;
  min-height:500px;
  padding-bottom:30px;
  background-image:url(../images/anaH1Separator.png);
  background-repeat:no-repeat;background-position:bottom left 20px;
				}


table, th, td {
   border: 1px solid #e0e0e0;
}
#makaleIcerik h1
{float:left;
	font-size:36px;
 font-weight:bold;
	line-height:36px;
	color:#000;
	text-align:left;
	width:100%; box-sizing: border-box;
	padding:20px;
	
	}




#makaleIcerik .RefResimKapsayici
{
float:left;
height:150px;
width:200px;
border-width:3px;
border-style:solid;
border-color: #8e9699;
margin-left:15px;
margin-bottom:15px;
}

#makaleIcerik .RefResimKapsayici:hover
{
border-color:#CCCCCC;
}

#anaSayfa4BoxKapsayici		{
				width:100%;
				height:280px;
				margin:0 auto;
				position:relative;
				background-color:#fff;
				margin-top:0px;
				padding-top:20px;
				}
#anaSayfa4BoxKapsayici .ic {
				width:1000px;
				height:300px;
				margin:0 auto;
				position:relative;
				
				}				

#anaSayfa4BoxKapsayici .box	{
				width:220px;
				height:280px;
				float:left;
				border-right:dashed 2px #dfdfdf;
				padding:10px 8px;
				
				margin-right:5px;
				margin-top:0px;
				
				}

#anaSayfa4BoxKapsayici .box	.baslik{
				width:220px;
				float:left;
				text-align:center;
				
				}

#anaSayfa4BoxKapsayici .box	.baslik .sol{
				width:38px;
				float:left;
				height:26px;
				padding-top:12px;
				
				background:url(../images/anaBoxNoBg.png) top center  no-repeat;
				color:#FFFFFF;
				
				font-size:26px;
				font-weight:bold;
				text-align:center;
				
				}
#anaSayfa4BoxKapsayici .box	.baslik .metin{
				width:164px;
				float:left;
				
				padding:5px 0px;
			color:#1c1c1c;
				margin-bottom:5px;
				font-size:22px;
				text-align:center;
				margin-top:0px;
				
				font-weight:bold;
				background-image:url(../images/ana4BoxBaslikBg.png);
				background-repeat:no-repeat;
				}
				
#anaSayfa4BoxKapsayici .box	.baslik .resim{
				width:220px;
				float:left;
				height:150px;
				padding:0px;
			font-weight:bold;
				color:#000000;
				font-size:18px;
				text-align:center;
				padding:1px;
				border: 0px;
				}
				
#anaSayfa4BoxKapsayici .box	.baslik .resim:hover{
				
				
				}				
#anaSayfa4BoxKapsayici .box	.icerik{
				width:220px;
				float:left;
				height:auto;
				font-size:16px;
				}
				
#anaResGaleriPer{
				position: relative;
				padding: 10px 0 0 0;
				background-color: #fff;
				height:auto;
				border-top:solid 5px #ffb310;
				margin-top:45px;
				}				
#anaResGaleriPer .slideKApsayici{
				width: 1000px;
				margin: 0 auto;
				}				
#footer{
				position: relative;
				padding:0;
				background-color: #444444;
			
				color:#666;height:auto;overflow:hidden;
				}				
#footer .icerik
{
				width:100%;
				max-width: 1060px;
				margin: 0 auto;padding:20px;
				height:auto;overflow:hidden;background-color:#fff;
				}

			
#footer .icerik .bolum{
			float:left;padding-left:10px;
				box-sizing:border-box;
				height:auto;overflow:hidden;		font-size:12px;	
				box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;	
				}
#footer .icerik .form{
				float:right;padding-left:10px;
				box-sizing:border-box;
				height:auto;overflow:hidden;
				box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
				}
#footer .icerik .form .col{
				width: 50%;float:left;
				height:auto;overflow:hidden;
				box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
				}
#footer .icerik .form .col .row{
				width: 100%;float:left;padding:5px;
				height:auto;overflow:hidden;
				box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
				}								

#footer .icerik .form .col .row input[type="text"], #footer .icerik .form .col .row textarea{
   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

input[type="text"]{
    border: none;
    color: #7f8181;

    margin-bottom: 6px;
    padding:3px 3px;
    width: 100%;
    background: #fff;
    border:solid 1px #cfd0d0;font-size:12px;font-weight:normal;
   box-sizing: border-box;
}								
.btnGonder:link, .btnGonder:visited {
    background: #666;
    border: none;
    padding: 5px 10px;
    color: #fff; line-height:20px;font-size:12px;
    text-decoration:none;
 
}

.btnGonder:hover {
    color: #fff;
    background-color: #000;text-decoration:none;
}




#footer2{

height:auto;overflow:hidden;height:100px;
margin:0 auto;width:100%;				position: relative;
				padding:0;
				background-color: #07395b;
			
				color:#666;height:auto;overflow:hidden;
				}				
#footer2 .icerik
{
	width:100%;
				max-width: 1100px;
				margin: 0 auto;padding:10px;padding-bottom:0px;
				height:auto;overflow:hidden;
				}


#footer2 .icerik ul {float:right;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;text-align:center;
}

#footer2 .icerik li {
   display:inline-block;
}

#footer2 .icerik a:link,#footer2 .icerik a:visited
{
	  display: block;
    padding:10px 20px;
    color:#fff;text-decoration:none;font-size:14px;
}


#footer2 .icerik a:hover
{color:#a0d9f7;
	}	

#footer3{
				position: relative;
				padding:0;
				background-color: #07395b;
			
				color:#666;height:auto;overflow:hidden;
				}				
#footer3 .icerik
{
	width:100%;
				max-width: 1100px;
				margin: 0 auto;padding:10px;
				height:auto;overflow:hidden;text-align:right;
				}

#footer3 .icerik a:link, #footer3 .icerik a:visited
{color:#818181;text-decoration:none;
	}
	
#footer3 .icerik a:hover
{color:#a0d9f7;
	}	

.RefResimKapsayici
{
width:134px;
height:134px;
border-width:3px;
border-style:solid;
border-color: #ffffff;
}

.RefResimKapsayici:hover
{
border-color:#CCCCCC;
}

.refResim 
{
	background: top center;
	
    width:134px;
    background-size: cover;
    height:134px;
    background-repeat:no-repeat;
    border:solid 1px #594d41;
    padding:1px;
	}
.refResim:hover
{
	    border:solid 1px #fff;
	}



#anaSayfaS5		{
				width:100%;
				height:auto;overflow:hidden;
				margin:0 auto;
				position:relative;
				background-color:#efefee;
				padding-top:0px;
				padding-bottom:30px;
				text-align:center;
				}

#anaSayfaS5 .box	
{
	width:100%;
				max-width:1080px;
				position:relative;
				margin:0 auto;
				height:auto;overflow:hidden;
				padding:10px;padding-top:30px;
				border-bottom:solid 1px #e2e2e1;
				background-color:#fff;
				}
#anaSayfaS5 .box .baslik{
				width:100%;
				float:left;
				font-size:30px;
				font-weight:bold;
				padding-bottom:30px;
				background-image:url(../images/anaH1Separator.png);
				background-repeat:no-repeat;background-position:bottom center;
				line-height:normal;
				}
#anaSayfaS5 .box .icerik{
				width:100%;
				float:left;
				font-size:16px;
				margin-top:10px;
				line-height:20px;
				}				



.box-wrap{position:relative;margin:0 auto;
          width:100%;
          max-width:1100px;margin-top:10px;background-color:#fff;text-align:left;}
.box-wrap .box-left {
    float: left;
    width: 550px;
    height: 510px;
}
.box-wrap .image {
    float: left;
    width: 50%;
    height: 255px;
}
.box-wrap .full-truck-load {
    background: #fff;
    width: 50%;
    height: 510px;
}

.box-wrap .info {
    float: right;
 
    box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.info {
    float: right;
    width:100%;}


.box-wrap .full-truck-load .info {
    height: 410px;
    padding: 15px;
}
.box-wrap .ltl {
    background: #fff;
    width: 50%;
    height: 255px;
}
.box-wrap .ltl .info {
    height: 155px;
    padding: 15px;
}
.box-wrap .info h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin-bottom: 20px;
}
.box-wrap .full-truck-load .button-wrap {
    background: url(images/bg_info.png) repeat-x bottom;
    width: auto;
    text-align: right;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.box-wrap .box-right {
    float: right;
   
    height: 510px;
}




.haberlisteBox	{
				width:370px;
				float:left;
				padding:0px;
				margin-top:10px;
				margin-bottom:10px;
				}
.haberlisteBox .sol{
				width:130px;
				height:130px;
				float:left;
				}			
.haberlisteBox .sag{
				width:220px;
				height:130px;
				float:left;
				margin-left:20px;
				}		
.haberlisteBox .sag .baslik{
				width:220px;
				float:left;
				font-size:20px;
				color:#333333;
				}
.haberlisteBox .sag .icerik{
				width:220px;
				float:left;
				font-size:16px;
				margin-top:10px;
				}



				
#anaSayfaBilgi	{
				width:950px;
				height:103px;
				margin:0 auto;
				position:relative;
				
				background: #ffffff url(../images/anaSayfaBilgiBg.jpg) top center  no-repeat;
				padding:20px;
				padding-left:30px;
				color:#FFFFFF;
				font-size:16px;
				line-height:18px;
				
				}
#anaSayfaBilgi	h1{
font-size:24px;
font-weight:bold;
}				


#icerik	{
				width:960px;
				
				margin:0 auto;
				position:relative;
				background-color:#FFFFFF;
				padding:20px;
				color:#333333;
				height:auto;
				
				}

#icerik .sol{
				width:700px;
				float:left;
				color:#333333;
				height:auto;
				}
#icerik .sag{
				width:240px;
				float:left;
				color:#333333;
				margin-left:20px;
				}
				
#icerik .sol .LinkKapsayici{
				width:700px;
				float:left;
				border-bottom:solid 1px #0066FF;
}

.makaleBaslik {
font-size:18px;
color:#023867;
}
.makaleBaslik a:link {
font-size:18px;
color:#023867;
text-decoration:none;
}

.makaleBaslik a:visited{
font-size:18px;
color:#023867;
}

.makaleBaslik a:hover{
font-size:18px;
color:#ee5418;
}



.makaleDevam a:link {
font-size:14px;
color:#666666;
text-decoration:none;
font-weight:bold;
}

.makaleDevam a:visited{
font-size:14px;
color:#666666;
}

.makaleDevam a:hover{
font-size:14px;
color:#333333;
}



.vertmenu 
{
float:left;
font-size: 100%;

padding: 0px 10px;
margin: 0px;
font-size:12px;
border-right:solid 1px #e0e0e0;
box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.vertmenu h1 {
display: block; 
background-color:#de0505;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #ffffff;
margin: 0px;
width:200px;
}

.vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.vertmenu ul li {
margin: 0px;
padding: 10px 0px;
box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.vertmenu ul li a {
font-size: 14px;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 3px 3px 3px 15px;
text-decoration: none;
color: #7c7c7c;
box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
width:95%;
background-image:url(../images/solMenuok.png);background-position:left center;
background-repeat:no-repeat;font-weight:bold;
}

.vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000;

}


.mesajBox
{
	padding-left:10px;
	font-size: 14px;
}

#slider { height:500px; margin-top:-130px;
          
          border-bottom:solid 25px #e30d0e; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:500px; position:absolute; }
















.navigation {
        float:right;
       margin-top:30px;
        z-index:1000;

    }
    .navigation > ul{
        display: -webkit-box;
        -webkit-box-orient: horizontal;

        display: -moz-box;
        -moz-box-orient: horizontal;

        display: box;
        -moz-box-orient: horizontal;
    }
    .navigation ul{
        list-style :none;
        margin:0; 
        padding:0; /* gets rid of any inherited margins and padding */
        font-weight: normal;
        position:relative;
        z-index:1000;
      
    }
    .navigation > ul > li { 
        position : relative;
        float : left;

        font-size: 15px;

        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
    }

    .navigation > ul > li + li{
        margin-left:5px;
    }
    .navigation > ul > li > a {
       
        display:block;
        padding:8px 10px;
        text-decoration:none;
        color:#fff;
        font-weight:bold; 
padding-bottom:28px;
        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;


    }
    .navigation > ul > li > a:hover{
       
        text-decoration:underline;
    }


    /* the show/hide effects */
    /* the drop-down box */

    .navigation ul ul{

       background-color:#07395b;
        width:240px;

        position:absolute;
        z-index:100;

        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }


    /* don't display tertiary box yet */
    .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
        height:0;

    }
    /* tertiary drop-down box */
    .navigation ul ul ul{
        left:170px;
        width:170px;
    }

    .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
    .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
        height:auto;

    }

    /* drop-down item styles */
    .navigation ul ul li{
      

        /* make the background-color fade in on roll-over */
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;

    }
    /* unfortunate ie7 gap fix */
    .ie7 .navigation ul ul li{
        margin-bottom:-3px;
    }
    .navigation ul ul li:hover {
        
    }




    .navigation ul ul li a {
        display:block;
        text-decoration:none;
        margin:0 12px;
        padding:5px 0;
        color:#fff; /* grey */
        text-align:left;

    }

    /* The following six rules set the lines in between menu items.
       To make this play nice in IE, we will not be using nth-child
       but the "+" sibling slector.
    */
    .navigation ul ul ul li a{
        border:none !important;
    }
    .navigation ul ul ul li + li a{
        border-top:1px dotted #999 !important;
    }
    .navigation ul ul li + li a{
        border-top:1px dotted #999;
    }
    .navigation ul ul li:hover + li a{
        border-top:1px solid #eaeaea;
    }
    .navigation ul ul ul li:hover + li a{
        border: 0 !important;
    }
    .navigation ul ul ul li:hover + li{
        border-top:1px solid #999 !important;
    }


    .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
        color:#ffffff; /* white */

    }        
      


.anaMarkaListeKapsayici 
{
	float:left;
	width:140px;
	padding-right:3px;
	height:28px;
	background-image:url(../images/anaSayfaMarkaList.png);
	background-repeat:no-repeat;
	padding-left:20px;
	}
	
	
.anaMarkaListeKapsayici a.marka:link{
	color:#7a7a7a;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	
	}
	.anaMarkaListeKapsayici a.marka:hover{
	color:#725a4c;
	text-decoration:none;
	font-weight:bold;
	}
	.anaMarkaListeKapsayici a.marka:visited{
	color:#7a7a7a;
	text-decoration:none;
	font-weight:bold;
	}
		
		



.icSayfaBody 
{
	background-color:#fff;
		background-repeat:no-repeat;
	background-position:top center;
	background-size: 1940px 140px;

	
	}


/* içerik sayfası accordion menu **/

.panel-title {margin-bottom:10px;margin-top:0px;width:98%;}
.panel-title a {
  border-bottom: none;
  color: #000;
  display: block;
  padding: 15px;padding-left:30px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;background-color:#a0d9f7;
  border: solid 1px #dfdfdf;font-weight:normal;
}
.panel-title a .icon {
  color: #383540;
  position: absolute;
  left: 10px;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.panel-title a:hover,
.panel-title a:focus {
  color: #fff;background-color:#005b88;
}

.panel-title a.active {
  color: #fff;background-color:#005b88;
}
.panel-title a.active .icon {
  color: #1171c2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.js .accordion {
  border-bottom: 1px solid #ececec;
  margin: 1em 0;
}
.accordion .panel-title a {
  border-top: 1px solid #ececec;
}
.panel-content {
  padding:15px;
  height:auto;overflow:hidden;background-color:#f0f0f0;border: solid 1px #dfdfdf;width:98% !important;margin-top:-10px;
  padding-left:30px;
}


#makaleIc		{
				width:100%;
				max-width:1150px;
				min-height:500px;
				height:auto;
				margin:0 auto;
				position:relative;
				margin-top:20px;
				padding-bottom:20px;
				padding:10px;
				height:auto;
				overflow: hidden;
				background-color:#fff;
				box-sizing: border-box;
				}
	/* iletişim **/

.harita{width:100%;float:left;height:300px;}

.iletisimsol{float:left;
             font-size:16px;font-weight:normal;color:#000;background-color:#fff;padding:10px;
                border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
             }
.iletisimsag{
                border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;padding:10px;background-color:#fff;
    padding-bottom:30px;
             }
             
.iksol{float:left;
             font-size:16px;font-weight:normal;color:#000;background-color:#fff;padding:10px;
                border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
             }
.iksag{
                border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;padding:10px;background-color:#fff;
    padding-bottom:30px;
             }





.iletisimForm {
  float:left;

   width: 95%;
    background: #fff;

    color: #000;

    border: none;
 
}

.iletisimForm tumSatir {
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
}
.iletisimForm bslik {
    width: 30%;
    float: left;
    text-align: right;
    margin-right: 20px;
    padding: 10px 0;
    height: auto;
    overflow: hidden;
    font-size: 16px;
}
.iletisimForm textboxAlani {
    width: 50%;
    float: left;
    text-align: left;
    margin-right: 5px;
    height: auto;
    overflow: hidden;
    font-size: 16px;
}
.iletisimForm reg {
    width: 10%;
    float: left;
    text-align: left;
    height: auto;
    overflow: hidden;
    font-size: 14px;
}

.iletisimForm h2 {
    padding: 0px 0px 10px 20px;
    display: block;
    border-bottom: 1px solid #444;
    margin: -10px -30px 30px -30px;
    color:Orange;
}
.iletisimForm h2>span {
    display: block;
    font-size: 11px;
}
.iletisimForm label {
   
    margin: 0px 0px 5px;
}
.iletisimForm label>span {
    float: left;
    width: 450px;
    text-align: left;
    padding-right: 10px;
    margin-top: 10px;
    font-weight: bold;
}

.iletisimForm textarea{
    height:100px;
    padding: 10px;
    width: 100%;
        box-sizing: border-box;
}

.iletisimForm input[type="text"]{ 
    padding: 10px;}

.buttonSari:link, .buttonSari:visited {
    background: #666;
    border: none;
    padding: 5px 40px 5px 40px;
    color: #fff;
    margin-bottom:35px;
    font-weight: bold;
   text-decoration:none;
}

.buttonSari:hover {
    color: #fff;
    background-color: #000;
}

#menu{
	position:fixed;
	top:0;
	left:0;
	height: auto;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	display:none;
	background:#fff;
	background: rgba(255,255,255, 0.95);text-align:center;
	padding-top:100px;
	
}
#menu li {
	position:relative;margin:0 auto;
	color: #000;
	padding:10px 0px;
	height:auto;overflow:hidden;
	width:100%;max-width:700px;
		border-bottom:solid 1px #727272;position:relative;

}
#menu li.active{
	
	color: #727272;
}
#menu li a:link, #menu li a:visited{
	background-image:none;
	text-decoration:none;
	color: #727272;width:50%;text-align:center;
}