/*© "ßðîòåëè" www.yaroteli.ru info@yaroteli.ru */
* {padding: 0px; margin: 0px;}

body {background: rgb(153, 152, 164) url("../images/background.jpg"); font-family: tahoma, arial; font-size: 10pt; color: #333;}
img {border: none;}
strong {font-weight: normal;}
a {color: #FC3; font-size: 10pt;}
h1 {font-size: 20px; padding: 5px 0px; font-weight: normal;}
h2 {font-size: 17px; padding: 5px 0px; text-align: center; font-weight: normal;}
h3 {font-size: 14px; padding: 3px 0px; text-align: center; font-weight: normal; background: #ffe397;}

/**************************** Main ****************************/

#main {display: block; width: 790px; background: url("../images/shade.jpg") repeat-y; padding: 0px 28px;cursor: default; margin: 0px auto;}
#main #head {background: rgb(4, 4, 4); width: 790px; height: 382px; border-right: rgb(31, 41, 56) 1pt solid; border-left: rgb(31, 41, 56) 1pt solid;}
#main #content {width: 790px; overflow: hidden; background:  rgb(255, 236, 184); border-right: rgb(31, 41, 56) 1pt solid; border-left: rgb(31, 41, 56) 1pt solid;}
#main #footer {background: rgb(255, 236, 184); width: 790px; height: 60px; border-top: rgb(31, 41, 56) 1pt solid; border-right: rgb(31, 41, 56) 1pt solid; border-left: rgb(31, 41, 56) 1pt solid; background:  rgb(255, 236, 184); overflow: hidden;}
#main #hotelsmenu{width: 790px; background:  rgb(255, 236, 184); border-right: rgb(31, 41, 56) 1pt solid; border-left: rgb(31, 41, 56) 1pt solid;}
#topbanner {display: block; width: 510px; float: right; margin: 6px;}
#bottombanner {display: none ; clear: right; width: 100%; height: 90px; border-right: rgb(31, 41, 56) 1pt solid; border-left: rgb(31, 41, 56) 1pt solid; border-top: 1px #000 dashed; overflow: hidden;}

/**************************** End "Main" **************************
***************************** Head *****************************/

#headright {float: right; width: 536px; height: 382px; background: url("../images/head.jpg");}
#headright #panel {float: right; width: 46px; height: 86px; margin-right: 60px; background: url("../images/panel.jpg");}
#headright #panel a{display: block; width: 18px; height: 18px; margin: 5px 12px;}

#headright #panel a.home {width: 18px; height: 18px;}
#headright #panel a.home:hover {background: url("../images/homeactive.jpg") #666;}
#headright #panel a.home:hover img.home {display: none;}
#headright #panel a.contacts {width: 18px; height: 18px;}
#headright #panel a.contacts:hover {background: url("../images/contactsactive.jpg") #666;}
#headright #panel a.contacts:hover img.contacts {display: none;}
#headright #panel a.sitemap {width: 18px; height: 18px;}
#headright #panel a.sitemap:hover {background: url("../images/sitemapactive.jpg") #666;}
#headright #panel a.sitemap:hover img.sitemap {display: none;}

#headleft {float: left; width: 253px; height: 382px;}
#headleft .log a {display: block; width: 222px; height: 76px; margin: 10px 0px 15px 25px;}

/************************ Menu ******************************/

#menu {position: relative; left: 21px; width: 231px; height: 300px; background: rgb(42, 42, 41);}
#menu .topimage {position: relative; width: 231px; height: 8px; margin-bottom: 10px;}
#menu a {display: block; width: 220px; height: 29px; background: url("../images/smallpunkt.jpg"); margin: 0px 5px; color: #FC3; text-decoration: none;}
#menu a:hover {background: url("../images/bigpunkt.jpg") #666; color: #FFF;}
#menu div.punktmenu {padding: 6px 0px 0px 40px;}

/**************************** End "Menu" **************************/
/**************************** End "Head" **************************
***************************** Content *****************************/
/**************************** Content menu" **************************/

#menushade  {margin-left: 11px; width: 250px; background: url("../images/manushade.jpg") repeat-y; float: left;}
#menushade .phoneimg {display: block; padding: 20px 10px 0px 10px; background:  rgb(255, 236, 184);}
#menushade .inline {display: inline; vertical-align: 80%;}

#menublock {position: relative; left: 9px; width: 231px; background: rgb(255, 239, 193); border-left: 1px solid rgb(217, 201, 157); border-right: 1px solid rgb(217, 201, 157); border-bottom: 2px solid rgb(217, 201, 157);}
#menublock a {color: rgb(70, 87, 108); font-size: 7pt; text-decoration: none;}
#menublock a:hover {border-bottom: dashed 1px;}
#menublock li {clear: both; list-style: none;}
#menublock  .smallimage {float: left; width: 100px; height: 75px; margin: 0px 0px 0px 10px; border: 1pt solid rgb(217, 201, 157);}
#menublock  .smallimage:hover {border: 1pt dashed rgb(70, 87, 108);}
#menublock  .smallimage:active {border: 1pt solid rgb(70, 87, 108);}
#menublock .razdel {display: block; width: 231px; height: 66px; background: url("../images/razdel.jpg");}
#menublock .linkalign {margin: 0px 0px 0px 15px;}
#frukty {position: relative; left: 30px; top: 20px; width: 84px; height: 76px; background: url("../images/frukty.jpg"); clear: both;}
#menublock .bottomimage {width: 250px; height: 15px; position: relative; top: 22px; right: 10px; margin-bottom: 20px; background: url("../images/menubottom.jpg")}

#button {display: block; position: relative; top: 5px; width: 97px; height: 23px; background: url("../images/button.jpg") #FC3; font-weight: bold; margin: 5px 0px;}
a#button:hover {background: url("../images/buttonactive.jpg") #FC3; text-decoration: none; border-bottom: none;}
#button:hover {background: url("../images/buttonactive.jpg") #FC3; text-decoration: none;}
#button .textalign {padding-top: 5px;}

#bigimage
{display: block; width: 186px; height: 201px; margin: 0px 20px; float: left;
}



/**************************** Hotelsmenu  **************************/

#hotelsmenu .headmenu {position: relative; top: 7px; width: 244px; height: 41px; background:url(../images/hotels/headmenu.jpg)  rgb(62,70, 78); color: #FFF}
#hotelsmenu .headmenu1 {position: relative; float: right; width: 14px; height: 41px;}
#hotelsmenu h2 {float: left; margin: 8px 0px 0px 50px}
iframe.hotelsmenuframe {width: 100%;}
div.top {width: 100%; height: 105px; background: url("../images/hotels/backhotelsmenu.jpg") rgb(62,70, 78); color: #FFF;}
div.top .menuleft {width: 33px; height: 79px;}
div.top a.menuleft {display: block; width: 33px; height: 79px; float: left; position: relative; top: 13px; left: 19px;}
div.top a.menuleft:hover {background: url("../images/hotels/menuleftactive.jpg")}
div.top a.menuleft:hover img.menuleft {display: none;}


div.top img.menuright {width: 33px; height: 79px;}
div.top a.menuright {display: block; width: 33px; height: 79px; float: right; position: relative; top: 13px; right: 19px;}
div.top a.menuright:hover {background: url("../images/hotels/menurightactive.jpg")}
div.top a.menuright:hover img.menuright {display: none;}

div.top img.punktmenu {position: relative; float: left; clear: right; width: 100px; height: 75px;}
div.top a.punktmenu {position: relative; top: 14px; left: 55px; float: left; clear: right; border: 1px solid #333; width: 100px; height: 75px; margin-right: 26px; text-decoration: none; color: rgb(70, 87, 108)}
div.top a.punktmenu:hover {border: 1px solid #FC3;}
div.top a.punktmenu:active {border: 1px solid #FFF; color: #FFF;}


div.textmenu {position: relative; top: 9px; margin: 5px 0px; float: left; clear: both; width: 110px; cursor: pointer; font-size: 10px;}


/**************************** End "Hotelsmenu"  **************************/
/**************************** Price **************************/

*.price {background: rgb(255, 239, 193); width: 100%; height: 368px; font-size: 8pt;}
*.price a {color: rgb(70, 87, 108); font-size: 7pt; text-decoration: none;}
ul.price li {list-style: none; width: 224px; height: 51px; border: 1pt solid transparent; margin: 0px 3px; padding: 5px 0px 0px 0px; cursor: default;}
ul.price li:hover {border: 1pt solid rgb(217, 201, 157);}
ul.price li.punktcolor {clear: both; overflow: hidden; width: 224px; height: 51px; background: rgb(255, 232, 171); border: 1pt solid transparent; margin: 0px 3px;}
ul.price li.punktcolor:hover {border: 1pt solid rgb(217, 201, 157);}

a.smallimage img.smallimage  {width: 49px; height: 37px;}
a.smallimage  {float: left; clear: right; width: 49px; height: 37px; margin: 0px 10px; border: 1pt solid rgb(217, 201, 157);}
a.smallimage:hover {border: 1pt dashed rgb(70, 87, 108);}
a.smallimage:active {border: 1pt solid rgb(70, 87, 108);}

.vverh {width: 26px; height: 20px;}
a.vverh {width: 26px; height: 20px; float: right; margin: 10px;}
a.vverh:hover {background: url("../images/hotels/topactive.jpg")}
a.vverh:hover img.vverh {display: none;}

.vniz {width: 26px; height: 20px;}
a.vniz {display: block; float: right; width: 26px; height: 20px; margin: -30px 10px 10px 10px; font-size: 7pt; color: rgb(70, 87, 108);}
a.vniz:hover {background: url("../images/hotels/bottomactive.jpg")}
a.vniz:hover img.vniz {display: none;}


/**************************** End "Price"  **************************/
/**************************** Newslist  **************************/
*.newslist {background: rgb(255, 239, 193); width: 100%; height: 510px; font-size: 8pt;}
*.newslist a {font-size: 8pt; color: #333; text-decoration: none;}
ul.newslist li.punkt {clear: both; overflow: hidden; width: 214px; height: auto; border: 1pt solid transparent; margin: 0px 3px; padding: 4px; list-style: none; cursor: pointer;}
ul.newslist li.punkt:hover {border: 1pt solid rgb(217, 201, 157);}
ul.newslist I {color: #666; font-size: 7pt;}
ul.newslist .smallimage {width: 78px; height: 59px; float: left; clear: right; margin: 0px 10px 0px 0px; border: 1pt solid rgb(217, 201, 157);}
/**************************** End "Content menu" **************************/


#infoblock {display: block; margin-left: 9px; overflow: hidden; float: left; clear: right; width: 310px; text-align: justify;}
#infoblock ul {margin: 10px 0px;}
#infoblock i {color: #666; font-size: 8pt;}
#infoblock dt {font-weight: bold;}
#infoblock dd {padding-left: 30px;}
#infoblock .punktcolor {background: #feefc4;}
#infoblock a {color: rgb(70, 87, 108); text-decoration: none;}
#infoblock a:hover {border-bottom: dashed 1pt;}
#infoblock div.opisanie {margin: 5px 0px 10px 0px}
#infoblock h3 {margin: 0px 0px 10px 0px}
.star {width: 21px; height: 20px; font-size: 18pt; color: #666;}

#newsblock {display: block; float: left; margin-left: 20px; overflow: hidden; width: 170px; text-align: justify; font-size: 8pt; color: #333;}
#newsblock a {color: rgb(70, 87, 108); text-decoration: none;font-size: 10pt;}
#newsblock a:hover {border-bottom: 1px dashed}

/****************************Gallery **************************/
*.gallery {background: rgb(255, 236, 184); width: 100%; height: 300px;}
*.gallery a {color: rgb(70, 87, 108); font-size: 7pt; text-decoration: none;}
div.gallery .photo {width: 78px; height: 59px;}
div.gallery a.photo {float: left; width: 78px; height: 59px; border: 1pt rgb(217, 201, 157) solid; margin: 2px; color: rgb(70, 87, 108); font-size: 7pt;}
div.gallery a.photo:hover {border: 1pt dashed rgb(70, 87, 108);}
div.gallery a.photo:active {border: 1pt solid rgb(70, 87, 108);}
.buttonalign {clear: both;}
/**************************** End "Gallery"  **************************/

div.priorbank {display: block; width: 150px; margin: 10px 0px 10px 10px; height: 171px; background: url("http://informer.priorbank.by/?channel=4&iso=USD,EUR,CHF,JPY&tc=true&width=150&cb=f7f4da&cc=006600&ccb=fdfcf5&ct=333333&ctb=fdfcf5&cr=bebdbd&crt=bebdbd&ti=20&fs=7&ft=Tahoma"); cursor: default;}
div.weather {display: block; width: 150px; margin: 10px 0px 10px 10px; height: 150px; background: url("http://info.weather.yandex.net/informer/150x150/27331.png"); cursor: default;}

.input {width: 270px; height: 20px; border: 1pt solid rgb(217, 201, 157);}
.textarea {width: 270px; border: 1pt solid rgb(217, 201, 157);}
.formbutton {color: rgb(70, 87, 108); font-size: 8pt; width: 97px; height: 23px; background: url(../images/button.jpg) #FC3; border: none; margin: 0px 16px; cursor: pointer;}
.formbutton:hover {background: url(../images/buttonactive.jpg) #FC3;}
/**************************** End "Content" **************************
***************************** Footer *****************************/

#footerright {position: relative; top: 15px; float: right; width: 473px; height: 45px; background: url("../images/footerpanel.jpg")  #666;}
#footerright .copyright {float:left; width: 127px; height: 17px; margin: 13px 0px 0px 15px; color: #FFF; font-size: 10pt;}
#footerright a.email {float: right; width: 115px; height: 17px; margin: 13px 15px 0px 0px;}
#footerright a.email:hover {background: url("../images/emailactive.jpg");}
#footerright a.email:hover img.email {display: none;}
#footerright div.links {position: relative; width: 100%; font-size: 8pt; clear: both; margin: 0px 0px 0px 20px;}
#footerright div.links a {color: #333; text-decoration: none; font-size: 8pt;}
#footerright div.links a:hover {text-decoration: none; color: #fff;}
#footerleft {float: left; padding-left: 19px; padding-top: 17px;}
#footerleft div.align {margin: 0px 20px; float: left; clear: right;}

/***************************** End "Footer" *****************************/


/*© "ßðîòåëè" www.yaroteli.ru info@yaroteli.ru */