﻿/*
Eylül / Sep. 2009
developed by mustafa yolcu for agras
yolcu@windowslive.com
*/

@import "reset.css";

body    {
        background-color:#e8e8e8;
        font-family: arial, helvetica, Lucida Grande;
        font-size: 12px; 
        line-height:16px;
        color:#4e4e4e;
        }
        
p       {margin-bottom:5px;}

img     {border:none} 
       
h1      
        {
        font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif; 
        font-size: 22px;
        font-weight: bold;
        letter-spacing: -1px;
        margin-bottom:15px;
        }
      

h2      {
        font-size: 15px;
        font-weight: bold;
        }  
        
ul      { list-style-type:none;}                
        
.ortala { /*siteyi genel olarak ortalıyoruz*/
        width:960px;
        margin:10px auto; 
        background:white;
        }

.ust    {
        width:960px;
        height:455px;
        }
            
.zorunlualan    {color:#8a163c;}   
.ayrac          {height:8px; border-bottom:dashed 0.1em #898989; margin-bottom:8px;}  
.metinortala    {text-align:center}       
            
/*ANA SAYFA    *********************************************************/                 
.anabaslik   {
             position:relative;
             width:800px;
             margin-top:-48px;
             padding:0 15px;
             color:White;
             }  
             
.anabaslik h1   {
                    margin-top:3px;
                    margin-bottom:0;
                }               
             
.anabaslik a:visited    {color:White; text-decoration:none}
.anabaslik a:active     {color:White; text-decoration:none}                
.anabaslik a:link       {color:White; text-decoration:none}
.anabaslik a:hover      {color:White; text-decoration:underline}

.anabaslik p    {
                font-family: sans-serif;
                font-size: 12px;
                font-style: normal;
                margin-top:5px;
                }                  

.arabalar   {
            padding:10px 0;
            height:96px;
            border-bottom:solid 1px #8e8e8e;
            }
            
            

.haberler   {
            height:225px;
            background:url('images/haberler_bck.gif') repeat-x;
            padding:0 29px 0 30px;
            }

.haberler h2{
            font-size: 12px; 
            }            

.habersutun {
            width:196px;
            float:left;
            margin-right:39px;
            }
            
.habersutunsag {
            width:196px;
            float:left;
            }            
            
.habergrububaslik       {padding:5px 0; font-weight:bold;font-size:11px;}       
.habergrububaslik a     {text-decoration:none; color:#6c6c6c;}

.haberbaslikmetin       {float:left;margin-top:3px;}

.haberoklar             {float:right}           

.haberbaslik            {padding:3px 0;}            
.haberbaslik   a        {text-decoration:none; color:Black;  }
.haberbaslik   a:hover  {text-decoration:underline;}                
            
.habermetin {
            font-size:11px;
            color:#4e4e4e;
            }     
            
.haberindevami {margin-top:3px; font-size:10px; }            
.haberindevami a{text-decoration:none; font-size:11px;color:Black;}   
.haberindevami a:hover{ text-decoration:underline;}         

.ok_sol {cursor: pointer; margin-right: 2px; padding-top:2px; vertical-align: middle;}
.ok_sag {cursor: pointer; margin-right: 2px; padding-top:2px; vertical-align: middle;} 

.ortaalan   {padding:20px 20px;}

.sitealt            {height:388px; Background:url('../images/alt_bck.gif');}
.sitealt_ortaalan   {height:296px;}
.sitealt_ortaalanlogo   {text-align:center; padding:110px 0;color:#a2a2a2;}
.sitealt_logo       {height:91px;  border-top:dotted 1px #9e9e9e; text-align:center; }

/*************************************************************************************/  
            
            
/*TANIMLAMALAR*/            
.ClearBoth  {clear:both}
.floatleft  {float:left}
.floatright {float:right}

/*Sayfa : Şirketimiz*/
.sirketimizsutunlar     {width:450px; text-align:justify;}
.sirketimizsutunlar h2  {
                        font-size: 15px;
                        font-style: normal;
                        font-weight: bold;
                        letter-spacing: -0.6px;
                        line-height: 1.5em;
                        margin-bottom:3px;
                        color:#4b4b4b;
                        } 

.menu           {margin-top:50px;padding:13px 29px 10px 0; color:#ababab; text-align:right; height:19px; Background:url('../images/menu_bck.gif')   }  
.menu a         {font-size:10px; text-decoration:none; color:#4b4b4b; font-weight:bold;}         
.menu a:hover   {text-decoration:underline; }  

/*Sayfa : İçerik */
.icerikdetay               {float:left; width:565px; text-align:justify; margin-top:10px;}
.icerikdetay h1            {margin-bottom:21px; color:black; line-height:25px; text-align:left;}  
.icerikdetay h3            {font-size:13px; } 
.icerikdetay p             {margin:15px 0} 
.icerikdetay a:visited     {color:#004276; text-decoration:none; font-weight:bold;}
.icerikdetay a:active      {color:#004276; text-decoration:none; font-weight:bold;}                
.icerikdetay a:link        {color:#004276; text-decoration:none; font-weight:bold;}
.icerikdetay a:hover       {color:#004276; text-decoration:underline}
.icerikdetay img           {margin:10px 0;}
.icerikdetay object        {margin:10px 0;}
.icerikdetay .not          {font-size:10px; color:#888888; text-align:left;}

.etiketlerbaslik h2             {padding:5px 0; font-weight:bold;font-size:11px; color:#6c6c6c;}     
.etiketlerbaslik a              {padding:5px 0; font-weight:bold;text-decoration:underline; color:black;}    
.etiketlerbaslik a:visited      {color:#616161; text-decoration:underline}
.etiketlerbaslik a:active       {color:#323232; text-decoration:underline}                
.etiketlerbaslik a:link         {color:#323232; text-decoration:underline}
.etiketlerbaslik a:hover        {color:#004276; text-decoration:underline}   
     
.guncel                     {float:right; width:330px;}             
.guncelbaslik               {padding:9px 8px 9px 8px;}             
.guncelbaslik h3            {font-size:18px; color:#004276;}               

.guncelisteust             {height:3px; margin-top:5px; Background:url('../images/icerik/guncel_bck_ust.jpg') no-repeat;}
.guncelistealt             {height:3px; background:url('../images/icerik/guncel_bck_alt.jpg') no-repeat;}
.guncelliste               {border-left:solid 1px #dfdfdf;border-right:solid 1px #dfdfdf; padding:0 0 5px 0;}
.guncelliste ul            {font-size:12px; font-weight:bold;}  
.guncelliste li            {
                               list-style-image:none;
                               list-style-position:outside;
                               list-style-type:none;
                               padding:5px 8px;
                               border-top:solid 1px #dfdfdf;
                           }
                        
.guncelliste a:visited     {color:#004276; text-decoration:none}
.guncelliste a:active      {color:#004276; text-decoration:none}                
.guncelliste a:link        {color:#004276; text-decoration:none}
.guncelliste a:hover       {color:black; text-decoration:none}

.tumhaberler               {border-top:solid 1px #dfdfdf; font-size:12px; font-weight:bold; padding:5px 0 0 8px; }



/*******************************icerik tüm liste***********************************/


.icerik_tum_liste_ust       {height:3px; margin-top:5px; Background:url('../images/icerik/guncel_tumliste_bck_ust.jpg') no-repeat;}
.icerik_tum_liste_alt       {height:3px; background:url('../images/icerik/guncel_tumliste_bck_alt.jpg') no-repeat;}
.icerik_tum_liste           {border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf;}
.icerik_tum_liste_numarator {float:left; 
                             width:80px; 
                             padding:22px 0;
                             text-align:center; 
                             font-size:30px; 
                             font-weight:bold;
                             color:#cacaca;
                             }
.icerik_tum_liste_tarih      
                            {
                            float:left; 
                            text-align:right;
                            border-bottom:solid 1px #dfdfdf; 
                            border-left:solid 1px #dfdfdf; 
                            width:832px; 
                            padding:0px 5px 2px 0;
                            font-size:10px;
                            color:#767676;
                            font-weight:bold;
                            }
.icerik_tum_liste_baslik     {float:left;padding-left:15px;border-left:solid 1px #dfdfdf; padding-top:4px   ;}

.icerik_tum_liste_baslik a:visited     {color:#004276; text-decoration:none}
.icerik_tum_liste_baslik a:active      {color:#004276; text-decoration:none}                
.icerik_tum_liste_baslik a:link        {color:#004276; text-decoration:none}
.icerik_tum_liste_baslik a:hover       {color:black; text-decoration:none}

.icerik_tum_liste_baslik h2      {
                                 font-size:20px; 
                                 font-weight:bold;
                                 color:#004276;
                                 }   
                                 
.icerik_tum_liste_baslik p   {margin-top:6px; vertical-align:middle;}  
                             
/*********************************************************************************/ 


/*******************************araclar********************************************/   
.araclardetay               {float:left; width:650px; text-align:justify; margin-top:20px;margin-bottom:20px;}
.araclardetay h1            {margin-bottom:21px; color:black;}  
.araclardetay h2            
                            {
                            margin-bottom:5px;  color:#4e4e4e;    font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;  font-size:12px; font-weight:bold;
                            }
.araclartanimlamametni      
{
font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 1.5em;
color:#616161;
margin-bottom:20px;
}

.araclartanimlamametni_tirnak 
{
font-size:20px;
font-weight:bold;
margin-right:2px;
}

.araclargenelbilgi_gorsel       {float:left; margin-right:10px;}
.araclargenelbilgi_paragraf     {margin-bottom:20px; clear:both}

.araclargaleri_gorsel           {float:left; width:160px; text-align:center; margin-bottom:8px;}

.araclarbuyukhaliicin           {font-size:12px;}


.araclar_paylas a:visited     {color:#004276; text-decoration:none}
.araclar_paylas a:active      {color:#004276; text-decoration:none}                
.araclar_paylas a:link        {color:#004276; text-decoration:none}
.araclar_paylas a:hover       {color:#004276; text-decoration:underline;}


.araclaryorum                   {margin-top:15px;}

.araclaryorumlar                {margin-bottom:10px;}
.araclaryorumlar_satir          {padding:20px 10px; height:80px; border-top:solid 1px #d3d3d3;}
.araclaryorumlar_satir_gorsel   {width:60px;}
.araclaryorumlar_satir_detay    {padding-left:10px; width:500px;}
.araclaryorumlar_satir_ad       {font-size:15px; font-weight:bold; color:#385d8e;}
.araclaryorumlar_satir_mesaj    {margin-top:15px;}
.araclaryorumlar_numarator      {font-size:25px; color:#d3d3d3; padding-top:15px; width:60px; text-align:center;}

.araclaryorumbaslik             {padding-bottom:5px; border-bottom:solid 1px black; margin-bottom:10px;}
.araclaryorumbaslik2            {padding-top:25px; padding-bottom:5px; border-bottom:solid 1px black; margin-bottom:10px;}

.araclaryorum h3                
{
color:#4e4e4e;
margin-bottom:3px;
font-size:15px;
font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
font-weight:bold;
}
.araclaryorumsutun          {width:280px; margin-bottom:10px; margin-top:10px;}
.araclaryorumcontrol        {border:solid 2px #e7e7e7; font-size:15px; padding:8px}
.araclaryorummetinbosluk    {margin-bottom:5px; font-weight:bold;}
.araclaryorummetinyorum     {margin-bottom:10px;}


/**********************************************************************************/                         

/*******************************araclar-menu********************************************/   
.araclarmenu        {float:right; width:250px; margin-top:20px;}

.araclarmenu_menu               
{
border-left:solid 1px #afafaf;
font-size:13px;
font-weight:bold;
padding:7px 10px;
display:inline-block;
}

.araclarmenu a:visited     {color:#004276; text-decoration:none}
.araclarmenu a:active      {color:#004276; text-decoration:none}                
.araclarmenu a:link        {color:#004276; text-decoration:none}
.araclarmenu a:hover       {color:black; text-decoration:none}

.araclarmenu_menu_secili        
{
width:230px;
border-left:none;
border-top:solid 1px #afafaf;
border-bottom:solid 1px #afafaf;
border-right:solid 1px #afafaf;
font-size:15px; 
font-weight:bold;  
padding:7px 10px; 
display:inline-block;
color:red;
}  

.araclarmenu2               {float:right; width:250px; margin-top:20px;}

.araclarmenu2 a:visited     {color:#004276; text-decoration:none}
.araclarmenu2 a:active      {color:#004276; text-decoration:none}                
.araclarmenu2 a:link        {color:#004276; text-decoration:none}
.araclarmenu2 a:hover       {color:black; text-decoration:none}
/**********************************************************************************/  






/*******************************teknik ozellikler**********************************/   
.teknik_ozellikler_genel    {margin:10px;}

/**********************************************************************************/  


/******************************* arac modelleri**********************************/   
.arac_modelleri         {margin-top:15px;}
.arac_modelleri h2      {margin-bottom:15px;}

.arac_modelleri ul      {list-style:none;}

.arac_modelleri li      {float:left;}

.arac_modelleri li a   
{
    display:block;
    
    margin:0 5px 5px 0;
    border:solid 1px #d3d3d3; 
    text-align:center; 
    padding-bottom:5px; 
    font-family:Tahoma;
    font-size:10px;
    font-weight:bold;
    width:146px;
    text-decoration:none;
    color:#4e4e4e;
}
    
.arac_modelleri li a:hover    {
    display:block;
    border:solid 1px #ababab;
}

/**********************************************************************************/ 


/********************************** iletisim ***************************************/   

.iletisimsutunlar     {width:450px; text-align:justify}
.iletisimsutunlar h2  {
                        font-size: 15px;
                        font-style: normal;
                        font-weight: bold;
                        letter-spacing: -0.6px;
                        line-height: 1.5em;
                        margin-bottom:3px;
                        color:#4b4b4b;
                      } 
.iletisimsutunlar h3  {
                        font-size: 14px;
                        font-style: normal;
                        font-weight: bold;
                        letter-spacing: -0.6px;
                        line-height: 1.5em;
                        margin-bottom:3px;
                        color:#4b4b4b;
                        } 
                                                
.iletisimadrestablosol  {width:40px} 
.iletisimadrestablosol2  {width:65px} 
.iletisimadresformsol   {width:120px} 


 
.iletisimsutunlar a:visited      {color:#8a163c; text-decoration:none}
.iletisimsutunlar a:active       {color:#8a163c; text-decoration:none}                
.iletisimsutunlar a:link         {color:#8a163c; text-decoration:none}
.iletisimsutunlar a:hover        {color:#8a163c; text-decoration:underline}
.mesajgonderiliyor               {padding-top:3px; margin-left:4px;}
.mesajbasarili                   {padding-top:2px; margin-left:4px;}
.mesajbasarisiz                  {padding-top:4px; margin-left:4px;}
                       
/**********************************************************************************/ 


/*******************************online işlemler***********************************/

.online_islemler_ust       {height:3px; margin-top:3px; Background:url('../images/liste_bck_ust.jpg') no-repeat;}
.online_islemler_alt       {height:3px; margin-bottom:3px; background:url('../images/liste_bck_alt.jpg') no-repeat;}
.online_islemler           {border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf;}

.online_islemler_numarator {
                            float:left; 
                            width:30px;
                            height:40px; 
                            text-align:center; 
                            font-size:30px; 
                            color:#cacaca;
                            border-right:solid 1px #dfdfdf;
                            padding-top:4px;
                           }

.online_islemler a:visited     {color:#004276; text-decoration:none}
.online_islemler a:active      {color:#004276; text-decoration:none}                
.online_islemler a:link        {color:#004276; text-decoration:none}
.online_islemler a:hover       {color:black; text-decoration:none}

.online_islemler_baslik h2    {
                               font-size:16px; 
                               color:#004276;
                               padding:10px 0 3px 0;
                               }   
.online_islemler_baslik h2 a   {
                               padding-left:8px;
                               }                                
                                
.oitablo table              {width:100%;}
                           
/*********************************************************************************/ 



/******************************* bize ulaşın ***********************************/

.bize_ulasin_sag                {width:293px; padding-left:11px; text-align:center;}
.bize_ulasin_sag h3             
                                {
                                font-family:"Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
                                font-weight:bold;
                                font-size:16px;
                                padding-bottom:15px;
                                color:#333;
                                }
                                
.logolar                        {padding-bottom:50px;}             

.bize_ulasin_sol                {width:580px; border-right:solid 1px #dddddd; padding-right:25px; font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; font-size:12px; font-weight:bold;}
.maddeler                       {margin-bottom:20px;}
.maddeler ol                    {margin-left:30px;}
.maddeler li  a                 {font-weight:normal; text-decoration:none; color:#004276;}
.maddeler li  a:hover           {color:#4d4d4d;}

.bize_ulasin_sol h2             {font-size:12px; color:#333333;}
.bize_ulasin_sol p              {font-weight:normal; margin-bottom:20px;}
.bize_ulasin_sol a:visited      {color:#004276;}
.bize_ulasin_sol a:active       {color:#004276;}
.bize_ulasin_sol a:link         {color:#004276;}
.bize_ulasin_sol a:hover        {color:#8a163c;}
.girinti                        {padding-left:20px;}

.madde                          {padding-bottom:20px; float:left; width:550px;}
.ilk                            
                                {
                                line-height:16px; 
                                padding-left:15px; 
                                width:70px; 
                                background:url(../images/madde-imi.gif) no-repeat 0px 5px;
                                clear:both; float:left;
                                }
                                
.son                            {
                                width:430px;
                                float:left;
                                font-weight:normal;
                                }                                
.ustedon              
                                {
                                padding-bottom:40px;
                                width:150px;
                                font-weight:normal;
                                }
    
.ustedon li a                       
                                {
                                background:url(../images/sayfa-basi.gif) no-repeat 0px 5px;
                                padding-left:15px;
                                }


/*******************************************************************************/ 



/******************************* fiyatlar **************************************/
.fiyatlar_binek_tablo_baslik_adi       {width:444px; background-color:#e0dede; padding:5px 8px; font-weight:bold;font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;}
.fiyatlar_binek_tablo_baslik_fiyatlar  {width:90px; background-color:#e0dede; font-weight:bold;font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;}

.fiyatlar_binek_tablo_metin_adi        {width:444px; background-color:#eaeaea; padding:5px 8px; font-size:11px;font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif; }
.fiyatlar_binek_tablo_metin_fiyatlar   {width:90px; background-color:#eaeaea; font-size:12px; font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif; }

.fiyatlar_ticari_tablo_baslik_adi       {width:444px; background-color:#e0dede; padding:5px 8px; font-weight:bold;font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;}
.fiyatlar_ticari_tablo_baslik_fiyatlar  {width:90px; background-color:#e0dede; font-weight:bold;font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;}

.fiyatlar_ticari_tablo_metin_adi        {width:444px; background-color:#eaeaea; padding:5px 8px; font-size:11px;font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif; }
.fiyatlar_ticari_tablo_metin_fiyatlar   {width:90px; background-color:#eaeaea; font-size:12px; font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif; }

.fiyatnotlar                            {padding:5px 8px; margin:10px 0; background-color:#edecdf; font-size:10px;font-family: 'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;}

/*******************************************************************************/ 




