﻿/*//////////////////////ANA TANIMLAMA/////////////////////////*/
*{font-family:Verdana,Tahoma,Arial, sans-serif;}
html,body {height:100%; margin:0px; color:#000;}
h1,.h1{color:#4D606C; letter-spacing :1px; font-size:18px; margin-top:0px; font-weight:bold;}
h2,.h2{color:#4D606C; letter-spacing :1px; font-size:16px; margin-top:0px; font-weight:bold;}
input,input[type="text"],input[type="password"],input[type="checkbox"],input[type="submit"],textarea,select{color : #555;background-color : #Fff; border:solid 1px #D7DAE4; font-size:11px;}
a{color:#5C6595; text-decoration:none;}
a:hover{text-decoration:underline;}
input[type="submit"],.dugme{ background-image:url('../images/butonBg.gif'); background-position:top; background-repeat:no-repeat; color:#fff; width:104px; height:28px; font-weight:bold; font-size:11px; border:Solid 1px Transparent;background-color:Transparent;}
input.sade,input[type="submit"].sade{background:none; color : #fff; padding:3px 5px 3px 5px; background-color : #4A5A7F; width:auto; height:auto; font-weight:bold; font-size:11px; border:Solid 1px #ccc;}
/*//////////////////////ANA TANIMLAMA SONU/////////////////////////*/

/*//////////////////////şablon başlangıç/////////////////////////*/
#cerceve{margin:auto; width:1004px; padding:10px; background-color:#FFFFFF;}
#ustBolum{float:left; width:100%; height:155px;font-size:11px;}
    #logoSatir{ float:left; width:100%; height:124px; overflow:hidden;}
        #alanLogo{ float:left; width:425px; height:123px; overflow:hidden;}
        #alanIletisim{ float:right; width:264px; height:123px; overflow:hidden;}
    #ustMenuSatir{ float:left; width:100%; height:32px; background-color:#565656;}
#ortaBolum{float:left; width:100%; min-height:500px; margin-top:10px; overflow:hidden;}
    #OBSolAlan{float:left; width:264px; overflow:hidden;}
        #SolMenuSatirBaslik{float:left; width:262px; height:65px; overflow:hidden;}
        #SolMenuSatir1{float:left; width:262px; height:220px; overflow:hidden;border: solid 1px #ccc;}
        #SolMenuSatir2{float:left; width:262px; height:110px; overflow:hidden;border: solid 1px #ccc; margin-top:5px; background-color:#fcfcfc;}
        #SolMenuSatir3{float:left; width:262px; min-height:250px; overflow:auto; border: solid 1px #ccc; margin-top:5px;}
        #SolMenuSatir4{float:left; width:262px; height:120px; overflow:visible;border: solid 1px #ccc;}
        #SolMenuReklam{float:left; width:262px; border: solid 0px #ccc; margin-top:0px; height:0px;}
    #OBSagIcerik{float:left; width:735px; overflow:hidden; margin-left:5px; overflow:hidden;}
        .populerOtelSatir{ float:left;width: 575px; height:35px; overflow:hidden;}
            .populerOtelResim{float:left; width:50px; height:35px; margin-left:5px;}
            .populerOtelBaslik{float:left; width:510px; line-height:35px; vertical-align:middle; margin-left:5px; font-size:15px; font-weight:bolder; color:#666;}
        #icerikUstSatir{float:left; width:733px; height:240px; overflow:hidden;border: solid 1px #ccc; background-color:#fff;}
            #kampanyaAlan{float:left; width:555px; height:240px; overflow:hidden;}
            #tatilBeldeAlan{ float:left; margin-left: 0px; width: 175px; height:240px; margin-top:2px;}
                .tatilBeldeSatir{ float:left;width: 175px; height:35px; overflow:hidden;}
                    .tatilBeldeResim{float:left; width:36px; height:35px; margin-left:5px;}
                    .tatilBeldeBaslik{float:left; width:125px; line-height:35px; vertical-align:middle; margin-left:5px; font-size:14px; font-weight:bolder; color:#666;}
                #beldeIcerik{ float:left; margin:5px; width:auto; height:205px;}
                    .beldeSutun{ float:left; width: 49%; margin: 2px 2px 0px 0px; width: 80px; height: 16px;overflow: hidden;}
        #icerikOrtaSatir{float:left; width:733px; height:45px; margin-top:5px; overflow:hidden;}
        #icerikAltSatir{float:left; width:733px; min-height:423px; margin-top:5px; overflow:hidden;border: solid 1px #ccc; background-color:#fcfcfc;}
            #altIcerikSol{float:left; width:518px; min-height:417px; overflow:hidden;}
            #altIcerikSag{ float:left;width:192px; overflow:hidden;}
#altBolum{float:left; width:100%; height:23px; margin-top:5px; vertical-align:middle; text-align:right; padding:10px 5px 5px 5px; background-color:#2C2C2C; overflow:hidden;}
#copyRight{float:left; width:100%; height:70px; text-align:center; overflow:hidden;}
#ajaxAlan{float: left; width: 710px; height: 400px;border: solid 1px #ccc; overflow:auto; padding:10px; margin-top:-4px;font-size:11px;}
/*//////////////////////şablon sonu/////////////////////////*/

.beyaz,a.beyaz,a:hover.beyaz,a:visited.beyaz{color:#fff; font-size:11px;}
.rezerveLink,a.rezerveLink,a:hover.rezerveLink,a:visited.rezerveLink{ font-size:11px; color:#0578EF; text-decoration:underline;}
.text{color:#555; line-height:16px; font-size:12px;}
.indirimText{color:#02881B; line-height:16px; font-size:11px;}
.bold{ font-weight:bold;}
.tatilBelde{ font-size:11px; font-weight:bold;}
.bolumBaslik{ font-size:13px; font-weight:bold; color:#ffffff; background-color:#5D7B9D; padding:3px;}
.uyari{text-align:center; color:#FF0000;}

sup{ font-size:11px; line-height:12px;}
.exFiyat{ text-decoration:line-through; color:#777;}
.tamSayfaOrtala{float:left; width:100%; height:500px;}
.sonFiyat{ font-weight:bold; font-size:13px;}
.satirDiv{float:left; width:100%;}
.sutunDiv{ float:left;}
.sutunDiv2{ float:right;}
.ortala{ text-align:center;}
.solaYasla{float:left; text-align:left;}
.sagaYasla{float:right; text-align:right; margin-right:2px;}
.pad5{margin:5px;}
.ustMargin5{ margin-top:5px;}
.ustMargin10{ margin-top:10px;}
.solMargin10{ margin-left:10px;}
.sagMargin10{ margin-right:10px;}
.ustMargin20{ margin-top:20px;}
.solMargin20{ margin-left:20px;}
.solMargin2{ margin-left:2px;}
.w100{ width:100px;}
.textTop,.textTop td{ vertical-align:top;}
.textMiddle{ vertical-align:middle;}
.textBottom{ vertical-align:bottom;}
img.sagaYasla{float:right;margin:0px 5px 5px 5px;}
img.solaYasla{float:left;margin:0px 5px 5px 5px;}
.info, .success, .warning, .error, .validation {border: 1px solid;margin: 10px 0px;padding:10px 10px 10px 50px;background-repeat: no-repeat;background-position: 10px center; font-weight:bold;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('../images/message/info.jpg');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('../images/message/success.jpg');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('../images/message/warning.jpg');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('../images/message/error.jpg');}



.satir1 { background-color:#fff; padding:3px;}
.satir2 { background-color:#FDF9EA; padding:3px;}
.satirOver{ background-color:#eee; padding:3px;}


table.listeTablo {border:none 0px #666; border-collapse:collapse;}
table.listeTablo tr.listeBaslik td,table.listeTablo tr.listeBaslik:hover td{ background-color:#F2F7FE; color:#4E688E; font-weight:bold;}
table.listeTablo tr.satir2 td{ background-color:#F2FEFB;}
table.listeTablo th,table.listeTablo td {border:solid 1px #D9E3F2; padding:2px; vertical-align:top; white-space:inherit;}
table.listeTablo tr:hover td,table.listeTablo tr.satir2:hover td{color:#175FCA; background-color:#F9F9F9;}

table.indexKunye tr td{ font-size:10px; color:#666;height: 130px;border: 1px solid #cbc8cb; width:100%;}
table.indexKunye tr td.otelAd,table.indexKunye tr td a.otelAd{  font-size:11px; color:#474951; font-weight:bold;}
table.indexKunye tr td.ilceYazi{ font-size:13px; font-weight:bold; color:#FA5211;}
table.indexKunye tr td.spotYazi{ font-size:10px; color:#989898; text-decoration:underline;}
table.indexKunye tr td.rezerveYazi{ font-size:11px; color:#FF0000; text-decoration:underline;}


table.fiyat {font-size:10px;border:none 0px #666; border-collapse:collapse;}
table.fiyat *{ font-weight:normal;}
table.fiyat tr.listeBaslik td,table.fiyat tr.listeBaslik:hover td{ background-color:#FEFBF2; font-weight:bold; text-align:center; width:100px;}
table.fiyat tr.satir2 td{ background-color:#fff;}
table.fiyat th,table.fiyat td {font-size:10px; border:solid 0px #eee; border-right-width:1px; padding:2px; white-space:inherit;}
table.fiyat td sup{ font-size:9px;}
table.fiyat tr:hover td,table.fiyat tr.satir2:hover td{background-color:#F5F5F5;}
.donemBaslik{ font-size:13px; font-weight:bolder; color:#990606;}




/*.kunye{width:100%; border: 1px solid #cbc8cb; height: 130px;}
.kunye .otelAd{ color:#f00; font-size:12px; font-weight:bold;}
.kunye .kategoriAd{ color:#ff0; font-size:12px; font-weight:normal;}
.kunye .ilceAd{ color:#666; font-size:13px; font-weight:bold;}
.kunye .konumAd{ color:#666; font-size:11px; font-weight:normal;}
.kunye .rezervasyon{ color:#f66; font-size:10px; font-weight:normal;}
.daSol{float:left; text-align:left; width:49%; margin-left:2px;}
*/





.golge{border:solid 0px #ccc; border-right-width:3px; border-bottom-width:3px;}

.indexKunyeSutun{float:left; width:285px; height: 112px; margin: 5px 0px 0px 2px; overflow: hidden;}
    .indexKunye{float:left; width:281px; height: 110px; border: 1px solid #cbc8cb; font-size:11px;}
    .isimSatir{min-height:30px; overflow:hidden;}
        .indexKunye .otelAd,.indexKunye .otelAd a.otelAd{padding:0px 0px 0px 2px; color:#474951; font-weight:bold;}
        .indexKunye .kategoriAd{font-size:10px; min-width:80px; color:#EF7305; text-align:right; padding:0px 2px 0px 2px; font-weight:bold;}
    .indexKunye .propSatir{width:100%; margin:0px; height:100px; margin-top:-5px;}
        .indexKunye .resim{float:left; width:105px; height:100px; margin-left:2px; padding:3px; overflow:hidden;}
        .indexKunye .detay{float:left; width:159px; height:100px; margin-left:5px; overflow:hidden;}
            .indexKunye .ilceYazi{ width:inherit; height:16px; font-weight:bold; color:#555; overflow:hidden;}
            /*.indexKunye .spotYazi{ width:inherit; height:auto; color:#989898; font-size:9px; text-decoration:underline; overflow:hidden;}*/
            .indexKunye .digerYazi{ width:inherit; height:30px; font-size:10px; overflow:hidden; line-height:14px; text-align:center;}
            .indexKunye .fiyatSatir{ width:100%; height:16px; overflow:hidden; color:#ee0000;}
                /*.indexKunye .fiyatSatir *{ color:#ee0000;}*/


.kunyeSutun{float:left; width:360px; height: 165px; margin: 5px 0px 0px 2px; overflow:hidden;}
    .kunye{float:left; width:355px; height: 160px; border: 1px solid #cbc8cb; font-size:11px; text-align:left; overflow:hidden;}
        .kunye .ustSatir{float:left; width:355px; height:auto; max-height:30px; margin-top:3px; overflow:hidden;}
            .kunye .otelAd,.kunye .otelAd a.otelAd{color:#474951; height:inherit; padding-left:3px; font-weight:bold;}
            .kunye .kategoriAd{font-size:10px; color:#EF7305; height:inherit; min-width:80px; text-align:right; padding-right:3px; font-weight:bold;}
        .kunye .propSatir{float:left; width:355px; max-height:130px; height:auto; margin:3px 0px 0px 0px; overflow:hidden;}
            .kunye .resim{float:left; width:155px; height:inherit; margin-left:2px; overflow:hidden; border: 1px solid #cbc8cb; padding:3px;}
            .kunye .detay{float:left; width:180px; height:135px; margin-left:5px; overflow:hidden;}
                .kunye .ilceYazi{width:inherit; height:18px; font-weight:bold; color:#52545B; overflow:hidden;}
                .kunye .spotYazi{width:inherit; height:inherit; max-height:69px; margin-top:3px; color:#52545B; text-align:left; text-decoration:none; overflow:hidden;}
                .kunye .satir{width:inherit; height:16px; margin-top:2px; overflow:hidden; text-align:center;}
                .kunye .rezerveYazi{width:inherit; height:18px; margin:0px; color:#52545B; text-align:left; text-decoration:none; overflow:hidden;}

.kunyeDetay{float:left; width:727px; max-height:230px; height:auto; border: 1px solid #cbc8cb; overflow:hidden; color:#555; font-size:11px;}
   .kunyeDetay .resim{float:left; width:230px; height:inherit; vertical-align:middle; padding: 5px; border: solid 1px #ccc; text-align: center; overflow:hidden;}
   .kunyeDetay .detay{float:left; width:475px; height:inherit; padding: 5px; overflow:hidden;}
       .kunyeDetay .satir{ float:left; width:475px; height:auto; margin-top:2px; overflow:hidden;}
       .kunyeDetay .sutun1{ float:left; width:120px; overflow:hidden;}
       .kunyeDetay .lokasyon1{float:left; width:120px; height:auto; overflow:hidden;}
       .kunyeDetay .lokasyon2{float:left; width:350px; height:auto; margin-left:5px;overflow:hidden;}
       .kunyeDetay .sutun2{ float:left; width:350px; margin-left:5px; overflow:hidden;}
       .kunyeDetay .fiyatSatir{float:left;  margin-left:5px; width:350px; height:16px; overflow:hidden; color:#ee0000;}
                /*.kunyeDetay .fiyatSatir *{ color:#ee0000;}             */


    .turKunye{float:left; width:355px; height: 155px; border: 1px solid #cbc8cb; overflow:hidden; color:#555;}
        .turKunye .ustSatir{float:left; width:355px; height: 20px; margin-top:3px;}
            .turKunye .turAd,.turKunye .turAd a.turAd{float:left;  width:352px; height: 18px; font-size:12px; color:#474951; text-align:left; padding-left:3px; font-weight:bold; overflow:hidden}
        .turKunye .propSatir{float:left; width:355px; height:129px; margin:3px 0px 0px 0px; overflow:hidden;}
            .turKunye .resim{float:left; width:155px; height:115px; margin-left:2px; overflow:hidden; border: 1px solid #cbc8cb; padding:3px;}
            .turKunye .detay{float:left; width:183px; height:129px; margin-left:5px; overflow:hidden;}
                .turKunye .sureYazi{ width:100%; height:90px; margin-top:0px; font-size:13px; font-weight:bold; color:#52545B; overflow:hidden;}
                .turKunye .rezerveYazi{ width:100%; line-height:16px; margin-top:3px;  font-size:11px; color:#52545B; text-align:left; text-decoration:none; overflow:hidden;}



/*
menü
*/
#menuDvm{font: 11px Verdana, sans-serif;line-height:32px;padding:0; margin:0px 5px 0px 10px; list-style-type: none;}
#menuDvm ul{float:left; padding:0; margin:0; list-style-type:none;width:150px; background-color:#FCF8F1;}
#menuDvm li {float:left; padding:0px; list-style-type:none;}
#menuDvm ul li{ float:left; padding:0px; margin:0; list-style-type:none;width:100%;}
#menuDvm li a{margin-top:10px;}
#menuDvm li a:hover.altLink{color:#fff;}
#menuDvm a{font-weight:bold;display:block;  float:left; font-family: "Helvetica",Verdana,Tahoma,Arial, sans-serif; font-size:13px; background-color:transparent; color:#fff;letter-spacing:0px;text-decoration: none; height:20px; line-height:20px; text-indent:5px; border:1px solid #fff; border-width:0px;  padding:0px 5px 0px 0px;}
#menuDvm a.altLink{font-weight:bold;display:block;  float:left; font-family: "Helvetica",Verdana,Tahoma,Arial, sans-serif; font-size:13px; background-color:transparent; color:#555;letter-spacing:0px;text-decoration: none; height:20px; line-height:20px; text-indent:5px; border:1px solid #fff; border-width:0px;  padding:0px 5px 0px 0px;}
#menuDvm a.altLink{ width:100%; font-weight:normal; font-size:12px; padding:0px 0px 0px 0px; margin:0px; height:20px; line-height:20px; text-indent:5px; border:1px solid #fff; border-width:0px 0px 1px 0px;}
#menuDvm li ul li a{border-width:0 0px 1px 0px;}

#menuDvm li:hover {position:relative;}
#menuObj ul li:hover{background-color:Transparent;} 
#menuObj ul li:hover ul li:hover{background-color:#E80823;}  
#menuDvm li ul {display:none;}
#menuDvm li:hover ul{ margin-top:10px;}
#menuDvm li:hover > ul {display:block; position:absolute; top:0px;left:140px; padding:0px; border:1px solid #ccc;}
#menuDvm > li:hover > ul {left:0px; top:20px;}
#menuDvm table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;}

* html #menuDvm li ul { position:absolute; display:block; visibility:hidden; top:0px; left:140px; padding:0px;}
#menuDvm li a:hover ul ul{visibility:hidden;}
#menuDvm li a:hover ul a:hover ul ul{visibility:hidden;}
#menuDvm li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
#menuDvm li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
#menuDvm li a:hover ul {visibility:visible; left:0px; top:20px;}
#menuDvm li a:hover ul a:hover ul{ visibility:visible; top:0px; left:140px;}
#menuDvm li a:hover ul a:hover ul a:hover ul { visibility:visible;}
#menuDvm li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
#menuDvm li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
.menuSep{ float:left; background-image:url('../images/menuSeperator.png'); background-position:top; color:#fff; width:6px; height:40px; margin-left:15px;}


/*form*/

.cssform{}
.cssform p{clear: left;margin:0px; margin-top:-5px; vertical-align:top;}
.cssform p:hover{}
.cssform p input,p select, p textarea{margin:0px 3px 0px 0px;border:solid 1px #BFC5DB;}
.cssform p input,p select{height:17px;}
.cssform p select,.cssform p options{margin:0px 3px 0px 0px;font-size:11px;}
.cssform p span{float:left;margin:0px 5px 0px 0px;}

.cssform div.header{color: #566F78;}
.cssform label{width: 110px; float: left;}
.cssform label.w150{width: 150px;float: left;}
.cssform input[type="text"]{}
.cssform input[type="checkbox"]{}
.cssform input[type="submit"]{cursor: pointer;}
.cssform input[type="submit"]:hover{}
.cssform textarea{}
.cssform label.w100{ width:70px;}
/* musa*/




/*					üst buton linkler			*/
ul#simple-menu{position:relative;list-style-type:none;width:100%;height:30px;font-weight:bold; margin:0px; padding:0px;}
ul#simple-menu li{display:block;float:left;}
ul#simple-menu li.left{margin:0px;}
ul#simple-menu li a{display:block;float:left;color:#900;background:#f1f1f1; padding:0px 5px 0px 5px; margin-left:3px; border:solid 1px #ccc; line-height:25px; text-decoration:none;}
ul#simple-menu li a.right{padding-right:40px;}
ul#simple-menu li a:hover{background:#fcfcfc;}
ul#simple-menu li a.current{color:#fff;background:#990000;}
ul#simple-menu li a.current:hover{color:#fff;background:#990000;}



/*					üst buton linkler2			*/
ul#simple-menu2{position:relative;list-style-type:none;width:100%;height:30px;font-weight:bold; margin:0px; padding:0px; margin-left:-3px;}
ul#simple-menu2 li{display:block;float:left;}
ul#simple-menu2 li.left{margin:0px;}
ul#simple-menu2 li a{display:block;float:left;color:#444;background:#f9f9f9; padding:0px 5px 0px 5px; margin-left:3px; border:solid 1px #ccc; line-height:25px; text-decoration:none;}
ul#simple-menu2 li a.right{padding-right:40px;}
ul#simple-menu2 li a:hover{background:#fcfcfc;}
ul#simple-menu2 li a.current{color:#E80823;background:#fff; margin-bottom:0px; border-bottom:solid 1px #fff;}
ul#simple-menu2 li a.current:hover{color:#E80823;background:#fff;}


#browser *{ font-size:12px;}
#browser span{ font-size:14px; font-weight:bold;}
