/*листалка страниц*/

.pagination a {text-decoration:underline;} /*подчеркивание ссылок*/
.pagination a:hover {text-decoration:none;} /*убрать подчеркивание ссылок при наведении*/
.pagination .ditto_currentpage {

color:#fff; 
background-color: #F0CB1B; 
border:1px solid #6f7b1a; 
padding: 1px 3px; 
margin:2px;  
font-weight:bold; } 
/*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/
/*.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} отступы для ссылок «далее» и «назад»*/

.pagination .ditto_page{ padding: 2px 5px;}/* отступы для номеров страниц*/

.pagination{   /*Отступ от надписи Pages: */
position:relative;
top:2px;   
}





/*стили кнопки для перехода к странице заказа voyage*/
#esFormVoyageSender {
     border: none;
     cursor: pointer;
     background: url('img/newsForm.jpg') no-repeat top left;
     height: 23px;
     width: 81px;
}

.cusel-scroll-pane {
    
     background-color: gray;
}

.jScrollPaneContainer {
    
     background-color: gray;
}
/*вся форма целиком*/
.es {
    
     width: 300px;
    
}
/*для списка с городами*/
.myLocation {
    
     position: absolute;
     top: 425px;
     left: 32px;
     z-index: 4;
}

.myLocPoisk {
    
    
}
/*для списка со звездами*/
.myRat {
    
     position: absolute;
     left: 32px;
     z-index: 3;
     top: 484px;
}

.myRat1 {
    
     position: absolute;
     left: 32px;
     z-index: 3;
     top: 484px;
     width: 150px;
     height: 28px;
}

.mybut {
     position: absolute;
     top: 515px;
     left: 43px;
     z-index: 2;
     cursor: help;
}

.mybut input {
     background-image: url(img/but.jpg);
     width:90px;
     height:25px;
     border:0;
     margin-top:10px;
}

div.photoHand {
     cursor: pointer;/*при наведения курсора мышки на фотку указатель меняется на руку*/
}

.formLoc {
     position: absolute;
     top:425px;
     left:32px;
    
}

.formRat1 {
position: absolute;
left:32px;

top:484px;
width:150px;
height:28px;
}





iframe#demo_frame {
    
     font-size: 12px;
     font-family: Arial, Helvetica, sans-serif;
    
}



#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(http://www.troikatourism.com/assets/templates/esalz/close.png);}
#sb-nav-next{background-image:url(http://www.troikatourism.com/assets/templates/esalz/next.png);}
#sb-nav-previous{background-image:url(http://www.troikatourism.com/assets/templates/esalz/previous.png);}
#sb-nav-play{background-image:url(http://www.troikatourism.com/assets/templates/esalz/play.png);}
#sb-nav-pause{background-image:url(http://www.troikatourism.com/assets/templates/esalz/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* frame style for PHOTOS*/
div.myPhotos{
margin: 0px -200px;
padding: 0px ;

}


/*
div.myPhotos p{
     padding: 0px 200px;         
}
*/
/*div.textIframe{
padding: 0px 200px;    
}*/



/*испол для обнимания дива с рамкой чтобы исправить ломку рамочки желт цвета*/
/* for page http://www.troikatourism.com/info/401.html - template (info poln обнял div contentCPoln)*/
/*http://www.troikatourism.com/info/114.html*/
.myCont {
    /*
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     background-position:top;
    padding: 0px 0px 62px;
    width:436px;  */
    
}
/* создаал спец для страницы cont.html для того чтобы исправить ломаную желтую рамку слева и справа  40 для хрома и IE и 42 для FF*/
.myNews {
     padding: 42px 15px 0px;
    
}
/* отображение текста ошибок при отправке формы eForm   */
.errorsincont  {
color: red;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px 17px;
}
/* отображение информации которую отправили через форму eForm   */
.thanx {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     margin: 0px 17px;
}

html, body {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
}
body {
     min-height: 100%;
     min-width:900px;
     height: auto !important;
     height: 100%;
     position: relative;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color:#DDD;     /* fff color font on site*/
     background-color:#BFCCCC;
}
img {
border:0;
}
div.centr {
     position: absolute;
     left:50%;
     margin-left:-450px;
     top:0px;
     width:900px;
     z-index:1;
     height:100%;
}

.fon {
position:fixed; left: 50%; _position:absolute; top:0px; _top:expression( 0 + eval(document.documentElement.scrollTop||document.body.scrollTop) + 'px' );
background:#000;
margin-left:-450px;
width:900px;
height:100%;
}
body { _filter:true; }


div.Troika {
     position:absolute;
     left:33px;
     top:7px;
     width:146px;
     height:64px;
     background-image:url(img/Troika.gif);
}
div.Slogan {
     position:absolute;
     left:200px;
     top:10px;
     width:500px;
     height:50px;
     
    /* так было со старым шрифтов коряво работавшим в др браузерах
     font-size:55px;
     font-family: Garamond, Arial, Helvetica, sans-serif;
	*/  
     color:#808080;
     text-align:center;
	 /*<link  href="http://fonts.googleapis.com/css?family=Merriweather:regular" rel="stylesheet" type="text/css" >*/
    /*блок добавлен был с помощью http://www.google.com/webfonts*/
 /* font-family: 'Merriweather', serif; */
  font-family: 'Quattrocento', serif;
  font-size: 47px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;

}
div.Frans {
     
     position:absolute;
     left:769px;
     top:29px;
     width:25px;
     height:25px;
     background-image:url(img/Frans.jpg);
}
div.Engl {
	/*cursor: pointer;*/
position:absolute;
     left:800px;
     top:29px;
     width:25px;
     height:25px;
     background-image: url(img/Engl.jpg);
}
div.Germ {
	/*cursor: pointer;*/
     position:absolute;
     left:832px;
     top:29px;
     width:25px;
     height:25px;
     background-image:url(img/Germ.jpg);
}


/* Slide show */

.slideshowContainer {
     position:absolute;
     left:20px;
     top:75px;
     width:861px;
     height:237px;
     z-index:2;
/*при поиске слетает показ вверху галереи*/
	background-image: url(/img/top4.jpg);
	background-repeat: no-repeat;
}

.loading {
     background: url(loading0.htm) center no-repeat;
}

.slideshowThumbnail {
     outline: none;
}

.slideshowThumbnail img {
     border: 1px solid white;
     padding: 4px;
}

a:hover.slideshowThumbnail img {
     border: 1px solid #ccc;
     padding: 4px;
}

.current img {
     border: 1px solid red;
     padding: 5px;
}

.outline {
     border: 1px solid orange;
     z-index: 0;
     position: absolute;
}

#thumbnails {
     /*width: 130px;
     float: left;*/
}


div.Top {
     position:absolute;
     left:20px;
     top:75px;
     width:861px;
     height:237px;
}

div.Top1 {
     position:absolute;
     left:20px;
     top:75px;
     width:861px;
     height:237px;
     z-index:5;
}

div.Accomod {
     position:absolute;
     left:20px;
     top:317px;
     width:174px;
     height:32px;
     background-image:url(img/Accomod.jpg);
     padding:10px 0px 0px 26px;
     color:#000;
     font-size:19px;
}
div.Menu {
position:absolute;
top:317px;
left:229px;
width:449px;
height:46px;
}
div.MenuE A {
margin-right:2px;
text-align:center;
float:left;
width:87px;
background-image:url(img/knopka.jpg);
padding-top:11px;
height:35px;
font-size:13px;
color:#DDD;    /*поменять весь текст на серый #fff*/
text-decoration:none;
}
div.MenuE A:hover {
margin-right:2px;
text-align:center;
float:left;
width:87px;
background-image: url(img/knopkaA.jpg);
padding-top:11px;
height:35px;
font-size:13px;
color:#fff;
text-decoration:none;
}
div.Service {
     position:absolute;
     left:681px;
     top:317px;
     width:184px;
     height:33px;
     background-image:url(img/Service.jpg);
     padding:10px 0px 0px 16px;
     font-size:19px;
     color:#000;
}
div.PodlL {
     width:200px;
     height:34px;
     background-image:url(img/PodlL.jpg);
}
div.PodlR {
     width:200px;
     height:34px;
     background-image:url(img/PodlR.jpg);
}
div.content {
margin:0px 12px 0px 12px;
}

.Breads {
margin:10px 0px 0px 30px;
font-size:12px;
color:#DDD;  /*font color on site fff*/
}

.Breads A {
color:#DDD;   /*font color site fff*/
}

.Breads A:hover {
text-decoration:none;
color:#fff;
}
div.contentP {
margin: -37px 12px -87px 12px;  /*-37     5 12 0 12 использую данный див для отображения результатов поиска отелей    */
}

div.contentPorg {

margin: 5px 12px -87px 12px;  /*5 12 0 12 использую данный див для отображения результатов поиска отелей*/
}

div.contentT {
     width:436px;
     height:10px;
}
div.contentC {
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     margin-bottom:97px;
     bottom:0px;
     width:436px;
     padding:2px 0px 0px 0px;
     min-height:655px;   
}

div.contentCmain {
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     margin-bottom: 0px;
     bottom:0px;
     width:436px;
     padding:2px 0px 0px 0px;
     min-height:655px;
    
}


div.contentCNous {
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     margin-bottom:0px;     /*72*/
     bottom:0px;
     width:436px;
     padding:2px 0px 0px 0px;/*92*/
     min-height:655px;
    
}
.RightL UL {
margin-top:-15px;
list-style:none;
left:-35px;
position:relative;
}

.RightL UL LI {
margin-bottom:20px;
}

.RightL UL A {
     color:#fff;  /*текст справа был розоватым #f9e2db теперь белым стал*/
     font-size:12px;
     text-decoration:none;
}
.RightL UL A:hover {
     color:#fff;  /*#f9e2db;*/
     font-size:12px;
     text-decoration: underline;
}

.RightL A {
     color:#fff;
     font-size:12px;
     text-decoration:none;
}
.RightL A:hover {
     color:#fff;
     font-size:12px;
     text-decoration: underline;
}

div.Left {
     margin-top:-26px;
     padding-left:12px;
     }
    
.Left UL {
margin-top:-13px;
list-style:none;
left:-35px;
position:relative;
}

.Left UL LI {
margin-bottom:16px;
}


.Left UL A {
     color:#fff;   /*color font site fff*/
     font-size:13px;
     text-decoration:none;
}
.Left UL A:hover {
     color:#fff;
     font-size:13px;
     text-decoration: underline;
}

.Left A {
     color:#fff;
     font-size:14px;
     text-decoration:none;
}
.Left A:hover {
     color:#fff;
     font-size:14px;
     text-decoration: underline;
}

div.contentCP {
     padding: 0px 0px 200px 0px;  /*    261  195           307     75*/
     /* исправляю рамку на страницах voyages*/
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     background-position:top;
     margin-bottom:137px;
     bottom: 0px;
     width:436px;
     min-height: 895px;  /*21 aug   1000*/
}

div.contentCPpravBlock{   /*правый блок с ресторанами и поездами*/
     padding: 0px 0px 0px 0px;  /*    261  195           307     75*/
     /* исправляю рамку на страницах voyages*/
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     background-position:top;
     margin-bottom:137px;
     bottom: 0px;
     width:436px;
     min-height: 895px;  /*21 aug   1000*/
}

div.contentCPoln {
     /* исправляю ломанную рамку на странницах полной новости про отели */
     padding: 1px 0px 120px; /*1 0 325          1px 0px 290px       0 0 190 cтояло, но на странице с ошибкой при отправке формы одной и той же два раза рамка ломанная показывается*/
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     background-position:top;
     margin-bottom:97px;
     bottom:0px;
     width:436px;
    min-height:845px;  /*695*/
     height: auto !important;
}

div.contentCPolnbig {
     /* исправляю ломанную рамку на странницах полной новости про отели */
     padding: 1px 0px 120px; /*1 0 325          1px 0px 290px       0 0 190 cтояло, но на странице с ошибкой при отправке формы одной и той же два раза рамка ломанная показывается*/
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     background-position:top;
     margin-bottom:97px;
     bottom:0px;
     width:436px;
    min-height:1015px;  /*695*/
     height: auto !important;
}

div.contentCPolnFeedback {
     /* исправляю ломанную рамку на странницах полной новости про отели */
     padding: 1px 0px 255px; /*1 0 325          1px 0px 290px       0 0 190 cтояло, но на странице с ошибкой при отправке формы одной и той же два раза рамка ломанная показывается*/
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     background-position:top;
     margin-bottom:97px;
     bottom:0px;
     width:436px;
    min-height:845px;  /*695*/
     height: auto !important;
}
div.contentCPolnFeedbackCont {
     /* исправляю ломанную рамку на странницах полной новости про отели */
     padding: 1px 0px 310px 0px; /*1 0 325          1px 0px 290px       0 0 190 cтояло, но на странице с ошибкой при отправке формы одной и той же два раза рамка ломанная показывается*/
     position: relative;
     background-image:url(img/content.jpg);
     background-repeat:repeat-y;
     background-position:top;
     margin-bottom:97px;
     bottom:0px;
     width:436px;
    min-height:845px;  /*695*/
     height: auto !important;
}
div.contentCPoln p {
padding: 0px 10px 0px;   /*при повторной отправке заказа вояжа сообщение вылезает посередине рамки*/	
}



div.contentCPoln A {
text-decoration:underline;
color:#ddd;
font-weight: bold;
}

div.contentCPoln A:hover {
text-decoration: none;
color:#ddd;
font-weight: bold;
}

div.contentCT {
     width:396px;
     text-align:justify;    
     padding:0 0 175px 20px; /*00 290 20*/
     min-height:684px;
   /* max-height:888px;  */    
     /* исправляю тут ломанную рамку 0 0 0 20px;  */    
     /* исправляю тут ломанную рамку   */
}

div.contentCTNouss {
width: 396px;
text-align: justify;
padding: 0 0 10px 20px;
min-height: 684px;
}

div.contentCNous {
position: relative;
background-image: url(img/content.jpg);
background-repeat: repeat-y;
margin-bottom: 0px;
bottom: 0px;
width: 436px;
padding: 2px 0px 92px 0px;
min-height: 655px;
}

div.contentCT A {
text-decoration:underline;
color:#ddd;
font-weight: bold;
}

div.contentCPguide {
padding: 0px 0px 100px 0px;
position: relative;
background-image: url(img/content.jpg);
background-repeat: repeat-y;
background-position: top;
margin-bottom: 137px;
bottom: 0px;
width: 436px;
min-height: 895px;
}

div.contentCT A:hover {
text-decoration: none;
color:#ddd;
font-weight: bold;
}

div.contentD {
     position: absolute;
     bottom:50px;
     width:436px;
     height:97px;
     background-image:url(img/contentD.gif);
}
div.contentDP {
     position: absolute;
     bottom:90px;
     width:436px;
     height:97px;
     background-image:url(img/contentD.gif);
     background-repeat:no-repeat;
     background-position:bottom;
}

div.Page {
position:relative;
top:102px;   /*115*/
color:#fff;
font-size:12px;
}

div.Page A {
margin:115px 0px 0px 0px;
color:#fff;
font-size:12px;
text-decoration:none;
}

div.Page A:hover {
margin:115px 0px 0px 0px;
color:#fff;
font-size:12px;
text-decoration: underline;
}

.Post {

width:430px;
text-align:justify;
margin-left:2px;
}
.PostA {
padding:0px 0px 0px 17px;
min-height:166px;
width:414px;
background-image:url(img/zagFon.jpg);
background-position:right;
text-align:justify;
margin:0px 0px 0px 3px;
}

.PostZ {
color:#e8c31b;
font-size:18px;
padding:5px 0px 0px 20px;
padding-bottom:2px;
}

.PostZ A {
color:#e8c31b;
font-size:18px;
text-decoration: none;
}

.PostZ A:hover {
color:#e8c31b;
font-size:18px;
text-decoration:underline;
}

.PostZP {
color:#e8c31b;
font-size:16px;  /*16px*/
padding:5px 0px 0px 20px;
padding-bottom:2px;
}

.PostZP A {
color:#e8c31b;
font-size:16px;
text-decoration: none;
}

.PostZP A:hover {
color:#e8c31b;
font-size:16px;
text-decoration:underline;
}

.PostT {
padding:0px 20px;
min-height:120px;
}
.PostT A {
text-decoration:none;
color:#DDD;   /*color font site   fff*/
}

.PostF {
padding:0px 5px 5px 0px;
float: left;
}
.travel {
color:#e8c31b;
font-size:19px;
position:absolute;
top:28px;
right:96px;
}
.postraz {
width:429px;
height:4px;
margin:5px 0px 0px 0px;
}

.news {
padding:20px 15px 0px 15px;
}

.newsMin {
min-height:300px;
}
.newsFrom {
color: #ce2222;
font-size:14px;
float:right;
}

.Locat {
color:#fff;
font-size:10px;
margin-bottom:20px;
font-style:italic;
}
.LocatH {   
color:#DDD;           /*color font site fff*/
font-size:10px;
font-style:italic;
margin-bottom:3px;
padding-left:20px;
}

.newsZ {
color:#e8c31b;
font-size:18px;
float:left;
}

.newsZ A {
color:#e8c31b;
font-size:18px;
text-decoration: none;
}

.newsZ A:hover {
color:#e8c31b;
font-size:18px;
text-decoration:underline;
}

.newsZP {
color:#e8c31b;
font-size:14px; /*16px*/
float:left;
}

.newsZP A {
color:#e8c31b;
font-size:16px;
text-decoration: none;
}

.newsZP  A:hover {
color:#e8c31b;
font-size:16px;
text-decoration:underline;
}
.newsO {
padding:20px 0px 0px 0px;
}

div.Bnews {
padding:20px 0px 0px 0px;
height:27px;
}

div.Bnews A  {
background-image:url(img/BNewsA.jpg);
width:96px;
height:21px;
padding:6px 0px 0px 0px;
text-align:center;
color: #333;
font-size:11px;
float:left;
margin-right:2px;
text-decoration:none;
}

div.Bnews A:hover {
background-image: url(img/BNews.jpg);
width:96px;
height:21px;
padding:6px 0px 0px 0px;
text-align:center;
color: #fff;
font-size:11px;
float:left;
margin-right:2px;
text-decoration:underline;
}

.newsHot {
float: left;
padding:0px 10px 10px 0px;
width:auto;
}

.newsFot {
margin:20px 0px 0px 0px;
float: left;
}
.newsForm {
position: relative;
left:50%;
margin:10px 0px 0px -40px;
width:81px;
}
.newsFormH Input {
background-image:url(img/newsForm.jpg);
width:81px;
height:23px;
border:0;
}

.newsFormH button  {
background-image:url(img/newsForm.jpg);
width:81px;
height:23px;
border:0;
}

.newstabl {
margin:20px 0px 5px 0px;
}

.Search {
     margin-top:-29px;
     padding-left:9px;
     font-size:14px;
     /*font-size:16px; исправляю размер кегля для Chercher un hôtel*/
     height:172px;
}

.Search {
	
	color: #fff;
}

.SearchH {
     padding-left:6px;
}

.SearchR {
     padding-left:14px;
     /*опускаю надпись rating 39 было*/
     margin-top:46px;
}

.SearchL {
     padding-left:14px;
     padding-top:11px;
     font-size:14px;
}
.but {
position:absolute;
top:515px;
left:43px;
z-index:2;
cursor:help;
}

.but input {
     background-image: url(img/but.jpg);
     width:90px;
     height:25px;
     border:0;
     margin-top:10px;
}
div.Right {
     position:absolute;
     left:681px;
     top:367px;
     background-color:#5e6e7c;
}
.RightL {
     margin-top:-26px;
     padding-left:12px;
     padding-bottom:10px;
}


.Left A {
     color:#fff;
     font-size:14px;
     text-decoration:none;
}
.Left A:hover {
     color:#fff;
     font-size:14px;
     text-decoration: underline;
}
div.Contact {
     width:182px;
     height:32px;
     background-image:url(img/Contact.jpg);
     padding:11px 0px 0px 18px;
     font-size:16px;
     color:#000;
     font-weight:bold;
     margin-top:15px;
}
div.contactT {
     margin:10px 0px 13px 17px;
     font-size:12px;  /*10px*/
}
div.Promotion {
     width:189px;
     height:32px;
     background-image:url(img/Promotion.jpg);
     padding:11px 0px 0px 11px;
     color:#000;
     font-size:16px;
     margin-top:-13px;
     font-weight:bold;
}
div.baner {
     margin:15px 0px 0px 8px;
color:#fff;   /*color font TEXT site fff*/
}

div.baner A {
color:#fff;   /*color font LINKS site fff*/
text-decoration:underline;
}

div.baner A:hover {
color:#fff;
text-decoration: none;
}


div.Map {
     margin:5px 0px 0px 9px;
     padding-bottom:20px;
     color: white;  /*перекрасил в белый текст раздела Nos clients écrivent*/
}
div.profycom {
     position: relative;
     margin-top:-8px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:9px;
     color:#fff;
}
div.profycom A {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:9px;
     color:#fff;
}
div.profycom A:hover {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:9px;
     text-decoration:none;
     color:#fff;
}
div.copy {
     position: absolute;
     right:0px;
     margin-top:-10px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:9px;
     float:right;
     color:#fff;
}
div.copy A {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:9px;
     color:#fff;
}
div.copy A:hover {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:9px;
     text-decoration:none;
     color:#fff;
}

div.keyword {
     position: absolute;
     left:250px;
     width:400px;
     /*для твитера исправляю , чтобы надпись екщшлф не падала вниз а была на уровне значка птички*/
     /*margin-top:-12px;*/
     margin-top:-42px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:10px;
     color:#fff;
     text-align:center;
}
div.keyword A {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:10px;
     color:#fff;
}
div.keyword A:hover {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:10px;
     text-decoration:none;
     color:#fff;
}

div.keyword p {
    
     height:  2px;
}

div.TableS {
     position:absolute;
     left:20px;
     top:367px;
     z-index:1;
     }
.clear {
clear:both;
}

.formLoc {
     position: absolute;
     top:425px;
     left:32px;
     z-index:2;
}

.formRat1 {
position: absolute;
left:32px;
z-index:3;
top:484px;
width:150px;
height:28px;
}


.formRat {
position: absolute;
left:32px;
z-index:2;
top:484px;
}

.formLoc input {
border:0;
margin:0;
width:138px;
height:26px;
padding:2px 24px 0px 15px;
font-size:15px;
}
.locat {
background-image: url(img/Iloc.jpg);
}
.selectedRow{
background-color:white;
color:#000;
font-size:15px;}

.rating {
background-image:url(img/IRat.jpg);
}

.formRat input {
border:0;
margin:0;
width:138px;
height:26px;
padding:2px 24px 0px 15px;
font-size:15px;
color:#fff;
}
.ddlTable {
font-size:15px;
position:absolute;
left:10px;
}
.ddlTable td {
background-color:#666;
}

.FormPoisk {
width:300px;
}

span.ditto_currentpage {
padding-right:2px;
text-decoration:underline;
}
span.ditto_page {
margin-right:2px;
}
/* использую для страницы отправки формы чтобы закрасить желтым ломаную таблицу */
.myformContainer { width:357px; background:#000; overflow:hidden; border-left: 2px solid #B79A15;} /* width 338*/
.formContainer { width:357px; background:#000; overflow:hidden;} /*width 338 поменял на большее чтобы селект с вояжами влез в полном размере*/
.formContainer .f_in { width:508px; margin:10px auto; background:url(form_bg.png) left repeat-y;}
.formContainer .f_in .f_foot { width:308px; background:url(form_foot.png) left bottom no-repeat;}
.formContainer .f_in .f_foot .f_head { width:508px; background:url(form_top.png) left top no-repeat; padding:25px 35px 90px 35px; overflow:hidden; zoom:1;}
.formContainer .left_cell { width:111px;} /*130*/
.formContainer table {}
.formContainer td { padding:5px 0; font-size:14px;}  /*16px*/
.formContainer td .shot {
	width: 111px;
}
.formContainer input { border:1px solid #fff; font-size:16px;}
.formContainer input.f_small { width:80px;}
.formContainer input.f_normal { width:190px;}  /*width 300 а я поставлю 190*/
.formContainer input.f_med { width:210px;}
.formContainer .f_area { width:430px; border:1px solid #fff; font-size:16px;}
.formContainer .f_button { padding:3px 8px; font-size:14px; border:0; background:#fff; margin:5px 0 0 234px;} /*хочу подвинуть кнопку вправо немного увеличиваю марджин 5 0 0 180*/
.formContainer .f_zero { height:1px;}
.formContainer .f_ref { font-size:10px; float:right;}


/*стили для красивого поиска*/

/*
	styles for select
*/
.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
	background: url(../images/selects-2.png) no-repeat;
}
.cusel { /* общий вид селекта включая стрелку справа */
	height: 26px;
	background-position: left top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 14px;
}
.cuselFrameRight { /* левая чсть селект. обыно скругление и левая граница */
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	height: 100%;
	width: 42px;
	background-position: right top;
}

.cuselText { /* контейнер для отображенного текста селект */
	height: 14px;
	padding: 5px 24px 3px 14px; /* подбираем отступы и высоту для видимого текста в селекте */
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font: 15px Arial, Helvetica, sans-serif; /* шрифты */
	color: black;
	position: absolute;
	top: 0;
	left: 0;
}
* html .cuselText { /* высота блока для текста для ие6 */
	height: 22px;
}
.cusel span { /* оформление оптиона */
	color: white;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 2px 15px 2px 14px; /* паддинг справа - это отступ текста от ползунка */
	zoom: 1;
}
.cusel span:hover,
.cusel .cuselOptHover { /* реакция оптиона на наведение */
	background: #003399;
	color: #fff;
}
.cusel .cuselActive { /* оформление активного оптиона в списке */
	background: #CC0000;
	color: #fff;
	cursor: default;
}

/*
	styles for focus and hover
*/
.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight {
	background-image: url(../images/selects-focus.png);
}

/*
	styles for disabled select
*/
.classDisCusel,
.classDisCusel .cuselFrameRight {
	background-image: url(../images/selects-2-dis.png) !important;
	cursor: default;
	color: #ccc;
}
.classDisCusel .cuselText {
	cursor: default;
}


/*
	styles for scrollbar
*/
.cusel-scroll-wrap { /* контейнер для блока с прокруткой */
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff; /* фон выпадающего списка */
	min-width: 100%;
	width: auto;
	
}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 5;
	border: 1px solid #999; /* границы выпадающего спиcка */
}

.cusel .jScrollPaneTrack { /* трек для ползунка прокрутки */
	height: 100%;
	width: 7px !important;
	background: #ccc;
	position: absolute;
	top: 0;
	right: 4px;
}
.cusel .jScrollPaneDrag { /* ползунок */
	position: absolute;
	background-position: -40px -26px;
	cursor: pointer;
	width: 15px !important;
	height: 27px !important;
	right: -4px;
	
}

.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollArrowUp { /* стрелка вверх */
	position: absolute;
	top: 0;
	right: 2px;
	width: 26px;
	height: 12px;
	cursor: pointer;
	background-position: -2px -26px;
	overflow: hidden;
}
.cusel .jScrollArrowDown { /* стрелка вниз */
	width: 25px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: 0;
	right: 3px;
	cursor: pointer;
	background-position: -21px -26px;
	overflow: hidden;
}

.cusel, .cuselFrameRight, .cuselText, .cusel-scroll-wrap {
outline: 0;
}