* { padding:0; margin:0; }
body 
{
    margin:auto;padding:0;font:12px Arial;border:0;color:#535353; 
    background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-position:center; background-position-y:top;
}
div,input,ul,li,ol,h1,h2,h3,h4,h5,h6,textarea,table,tr,th,td,span
{
    margin:0;padding:0;border:none;border:0;outline:0;font-size:100%;text-decoration:none;
}
a {text-decoration: none; font:12px Arial; color:Gray;}
a:hover {text-decoration: none; font:12px Arial; color:#000;}
img {border:none;}
.temizle {clear: both}



.txtGenel {width:200px; background-color:#fff; border:1px solid #ccc; color:Gray; margin-bottom:5px; padding:3px;}
.txtGenel:hover { width:200px; background-color:#fff; border:1px solid Gray; color:#000; margin-bottom:5px; padding:3px;}

.btnKaydet {padding:3px;color:Gray;border:1px solid #ccc; background-color:#fff;font:bold 12px Arial; margin-top:28px; 
            margin-bottom:10px; cursor:pointer; outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
.btnKaydet:hover {padding:3px; color:Gray; border:1px solid Gray; font:bold 12px Arial; 
                  background-color:#fff; margin-top:28px; margin-bottom:10px; cursor:pointer;}


.tumu, .tumu a {float:right; font:bold 12px Arial; color:#535353; padding:5px;}
.tumu a:hover { float:right; font:bold 12px Arial; color:#fff; background-color:#46aeaf; padding:5px;}





.ortala { width:980px; margin:0 auto;}

.aortasol
{
    width:650px; height:230px; float:left;
}

.aortaorta
{
    width:50px; height:231px; float:left; background-image:url(../images/orta_ayrac.png); background-repeat:no-repeat;
}

.aortasag
{
    width:270px; float:left; height:230px;
}

.aortatitle
{
    font:30px Arial; color:#ff0000; padding-bottom:10px;
}





.logo {width:240px; height:70px; float:left;}






.menukapsa { width:980px; margin:0 auto;}
 #menu 
 {
     float:left; list-style:none; list-style-type:none; z-index:999999;
 }
.menus 
{
    float:left; position: relative; text-align:right; font:14px Arial; border-left:1px solid #777777;
}
.menus222 
{
    float:left; position: relative; text-align:right; font:14px Arial;
}
.menus222 a 
{
    display: block; padding:7px;  padding-left:15px; padding-right:15px; color:#2f2f2f; font:14px Arial;
}
.menus222 a:hover 
{
    background-color:#777777; color: #fff;
}
.menus a 
{
    display: block; padding:7px;  padding-left:15px; padding-right:15px; color:#2f2f2f; font:14px Arial;
}
.menus a:hover 
{
    color: #000;
}
.menus.secili a 
{
    background-color:#777777; color: #fff;
}
.menus222.secili a 
{
    background-color:#777777; color: #fff;
}
.alt_menus.secili a 
{
    background-color:#777777; color: #fff;
}
.alt_menus 
{
    position: absolute; width: 200px; left: 0; top:30px; display: none; text-align:left; margin-left:-1px;
    font:12px Arial; list-style:none;list-style-type:none; z-index:999999; background-color:#777777;
}
.alt_menus li a 
{
    display: block; color: #fff; padding:7px; font:12px Arial; background-color:#777777;
}
.alt_menus li a:hover 
{
    background-color:#000; color:#fff; padding:7px; font:12px Arial;1
}





.footeric
{
    width:220px; float:left; height:120px;
}
.footerayrac
{
    width:30px; height:120px; background-image:url(../images/footer_ayrac.png); background-repeat:no-repeat; float:left;
}






.altsayfa
{
    width:1002px; margin:0 auto; background-image:url(../images/altsayfa_bg.png); background-repeat:no-repeat;
}

.altsayfaic
{
    width:968px; border:1px solid #9c9c9c; margin:0px auto; background-color:#fff; font:13px Tahoma;
}

.altsayfaickapsa
{
    width:928px; margin:0 auto; font:13px Tahoma; text-align:justify;
}

.altsayfaresim
{
    width:500px; float:left; padding:10px;
}

.altsayfaresim222
{
    width:330px; float:left; padding:10px;
}

.altsayfatitle
{
    font:26px Tahoma; color:#ff0000; padding-bottom:10px;
}

.altsayfaspot
{
    padding-bottom:10px; font-weight:bold;
}






.liste2 {width:430px; padding:10px; border:3px solid #ccc; margin-bottom:10px; float:left; margin-right:5px;}
.liste2:hover {width:430px; padding:10px; border:3px solid #535353; float:left;}
    .liste2resim { width:105px; float:left;}
    .liste2baslik { width:325px; float:right; font:bold 12px Arial;}
    .liste2spot { width:325px; float:right;}


.liste {width:280px; height:120px; float:left; margin-right:28px;}
.listetitle 
{
    display: block;
    height: 22px;
    overflow: hidden;
    font: 700 12px/22px Arial;
    color: #002e54;
}

.listeresim
{
    float:left;
    width: 115px;
    height: 80px;
}

.listespot
{
    width:160px;
    float:right;
    font:11px Arial;  
    text-align:justify;  
}


.contentdetayresim {width: 350px; float:left;}








.thumb {width:194px; height:200px; border:1px solid #ddd;float:left; text-align:center; margin-bottom:3px;
             outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
.thumb:hover {width:194px; height:200px; border:1px solid #000;float:left; text-align:center; cursor:pointer;}

.thumbresim {width:194px; height:150px; overflow:hidden;}
.thumbbaslik {width:180px; padding:5px; font:12px Arial; text-align:center;}
.thumbbaslik a {font:12px Arial; text-align:center; color:#535353;}
.thumbbaslik a:hover {font:12px Arial; text-align:center; color:#000;}



.thumb2 {width:130px; height:135px; border:5px solid #eee; margin-right:15px; margin-bottom:5px; float:left;
             -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; 
             outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
.thumb2:hover {width:130px; height:135px; border:5px solid #000; cursor:pointer;
                   -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.thumb2 a {width:130px; height:135px; cursor:pointer; font:bold 12px Arial; color:#000;}
.thumb2 a:hover {width:130px; height:135px; cursor:pointer; font:bold 12px Arial; color:#000;}

.thumb2ayir {width:0px; margin:0 auto; height:2px; background-color:#eee;}

.thumb2resim {width:130px; height:98px; margin-bottom:5px; margin:0 auto; overflow:hidden;}
.thumb2baslik {width:130px; height:30px; padding:2px; font:12px Arial; text-align:center; margin-top:2px;}
.thumb2baslik a {font:12px Arial; text-align:center; color:#000;}
.thumb2baslik a:hover {font:12px Arial; text-align:center; color:#000;}







.urunlistekapsa { width:980px; margin:0 auto; margin-top:15px; margin-bottom:20px;}
.urunliste { width:175px; height:170px; border:7px solid #eee; margin-right:5px; margin-bottom:10px; 
             outline: none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
             -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; float:left;}
.urunliste:hover { width:175px; height:170px; border:7px solid #5d5958; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.urunlisteresim { width:175px; height:131px; margin-bottom:5px; overflow:hidden; margin: 0 auto; /*-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;*/}
.urunlisteisim { width:160px; padding:5px; font:12px Arial; text-align:center; margin-top: 4px; margin: 0 auto;}
.urunlisteisim a { font:12px Arial; text-align:center; color:#494949;}
.urunlisteisim a:hover { font:12px Arial; text-align:center; color:#a00000;}






.urundetaysol { width:350px; float:left;}
.urundetaysag { width:565px; float:right;}
    .urunismi { width:500px; font:bold 20px Arial; color:#383838;}
    .urunbilgi { width:565px;}
    .urunbilgiisim { width:400px; font:20px Arial; color:#535353}    






.iletisimkapsa { width:980px; margin:0 auto; background-color:#fff; color:#000; margin-bottom:40px; margin-top:10px;}

.iletisimsol { width:550px; float:left; color:#fff; padding:5px;  color:#000;}
    .iletisimbilgikapsa { width:550px;}
        .iletisimbilgisol { width:85px; float:left; text-align:right; margin-right:5px; margin-top:5px; margin-bottom:5px; font-weight:bold;}
        .iletisimbilgisag { width:440px; float:left; text-align:left; margin-top:5px; margin-bottom:5px; color:#000;}
        .iletisimbilgisag a {color:#fff; text-align:left; color:#000;}
        .iletisimbilgisag a:hover {color:#f1f1f1; text-align:left; color:#000;}
        
.iletisimsag { width:400px; float:right; color:#fff; padding:5px; color:#000;}
    .iletisimformkapsa { width:4005px;}
        .iletisimformsol { width:105px; float:left; text-align:right; margin-right:3px; height:20px; margin-top:8px;}
        .iletisimformsag { width:285px; height:25px; text-align:left; float:left; margin-top:5px;}
            .iletisimformsagmulti { width:250px; height:105px; text-align:left; float:left;}
            
            .iletisimformsagcapcha { width:250px; text-align:left; float:left;}
            .iletisimformsagcapcha a { width:250px; text-align:left; float:left; color:#fff;
                                       text-decoration: none; outline: none; transition: 0.5s ease;
                                       -o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
            .iletisimformsagcapcha a:hover { width:250px; text-align:left; float:left; color:#f1f1f1;}
        
        .iletisimtextbox { width:250px; height:20px; border:1px solid #ccc;text-decoration: none; outline: none; 
                           transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
        .iletisimtextbox:hover { width:250px; height:20px; border:1px solid Gray;}
        
        .iletisimtextboxmulti { width:250px; height:100px; border:1px solid #ccc;text-decoration: none; outline: none; 
                                transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
        .iletisimtextboxmulti:hover { width:250px; height:100px; border:1px solid Gray;}
        
        .iletisimbutonkapsa { width:200px; float:right; margin-top:10px;}
        
        .iletisimbtn { padding:5px; background-color:#fff; border:1px solid #ccc;
                       text-decoration: none; outline: none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
        .iletisimbtn:hover { padding:5px; background-color:#fff; border:1px solid Gray; cursor:pointer;}

.iletisimbaslik { width:250px; padding:5px; text-align:center; margin-top:15px; margin-bottom:10px; color:#003380; font:bold 18px Arial;}

.googlemaps { width:620px; padding:10px;}







.catWrapper{padding:10px;margin:3px;position:relative;border:1px solid #fff;text-align:center;width:97px;float:left; height:100px;}
    .catWrapper:hover{border:1px solid #ccc;background-color:#eee;}
        .islemler{right:2px;top:2px;display:none;position:absolute;}
        .catImage{margin:4px 0px; text-align:center}
            .catImage img{float:none !important;}
        .catText{text-align:center; clear:both;}
        .catText a {color:#333 !important;}
            .catText a:hover {color:Black}
        .editCat{margin:3px 0px;display:none;}
    .catWrapper a {color:#00156E; display:block; text-decoration:none;}
    .catWrapper a:hover {color:black;}


.nav{margin:0px 0px 15px 0px;width:95%;}
.nav a{font-size:11px;float:left;color:#1869A1;}
.nav a:hover{text-decoration:underline !important}