body {
 margin: 0;
 padding: 0;
 background: rgb(224,184,135) url('img/fon-summer.jpg') no-repeat top center;
}

a, a:visited, a:active {
 text-decoration: none; 
 color: rgb(0,51,153);
}

form {
 margin: 0;
}

a img {
 border: 0px;
}

#tourOp {
 top: 42px;
 left: 50%; 
 margin-left: -370px;
 width: 80px;
 text-align: right; 
 position: absolute; 
}
#tourOp h1 {
 font: normal 11px arial;
 color: white;
 margin-top: 0px;
 margin-bottom: 0px;
}

#logoDiv {
 z-index:9; 
 position: absolute; 
 top: 39px;
 left: 50%;
 margin-left: -476px;
}

#mainMenu {
 width: 905px;
 height: 34px;
 position: absolute; 
 top: 125px;
 left: 50%; 
 margin-left: -480px;
 text-align: right;
}

#manuFloat {
 height: 34px; 
 float: right; 
}

#padeIn {
 text-align: right; 
 background: rgb(126,181,29);
 height: 34px;
 float: left; 
}
#padeIn:hover {
 background: rgb(0,51,153); 
}
#padeIn h2 {
 margin-left: 7px;
 margin-right: 3px;
 margin-top: 10px;
 margin-bottom: 0px;
 font: normal 12px arial;
 color: white; 
}

.pageLink {
 text-align: right; 
 height: 34px;
 float: left; 
}
.pageLink:hover {
 background: rgb(126,181,29);
}

.pageLink a, .pageLink a:visited, .pageLink a:active {
 margin-left: 5px;
 margin-right: 3px;
 position: relative;
 top: 10px;
 margin-bottom: 0px;
 font: bold 12px arial;
 color: rgb(39,50,131);
}

.pageLink a:hover {
 color: white; 
}

#longFlash {
 width: 905px;
 height: 168px;
 position: absolute;
 top: 160px;
 left: 50%; 
 margin-left: -478px;
}

#longFlashBot {
 width: 905px;
 height: 2px;
 top: 166px;
 position: absolute; 
 left: 0px;
 background: rgb(161,217,254); 
}

#langLinks {
 top: 155px;
 left: 50%;
 margin-left: 445px;
 position: absolute; 
 width: 45px;
}

.langLink {
 width: 37px;
 height: 15px;
 margin-left: 9px;
 margin-top: 10px;
 margin-bottom: 18px;
 font: bold 12px arial;
 color: white; 
 
}

.langLink a, .langLink a:visited, .langLink a:active {
 font: normal 12px arial;
 color: white; 
}
.langLink a:hover {
 color: rgb(39,50,131);
}

#mainAll {
 width: 958px;
 height: auto;
 min-height: 525px;
 display: block; 
 top: 345px;
 position: absolute; 
 left: 50%;
 margin-left: -515px;
 background: rgb(161,217,254) url('img/left-all.jpg') repeat-y top left;
}

#height525 {
 float: left; 
 width: 0px; 
 height: 525px; 
 position: relative;
}

#krapkaLeft {
 width: 30px;
 height: 409px;
 background: url('img/krapka-left.jpg') no-repeat top right;
 position: absolute; 
 top: 337px;
 left: 50%;
 margin-left: -523px;
}

#vertMenu {
 top: 0px;
 width: 185px;
 height: auto;
 min-height: 400px;
 float: left; 
 left: 40px;
 position: relative; 
}

#height700 {
 float: left; 
 width: 0px; 
 height: 700px; 
 position: relative;
}

.menusection {
 width: 185px;
 padding-left: 10px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 font: bold 12px arial;
 color: white; 
 line-height: 14px;
}
.menusection:hover {
  background: rgb(126,181,29);
}
.menusection h1 { 
 font: bold 12px arial;
 color: rgb(0,51,153);
 margin-top: 3px;
 margin-bottom: 5px;
}
.menusection a {
 font: normal 12px arial;
} 

.menusection h1 a {
  font: bold 12px arial;
}

.menusection a:hover {
 color: white; 
}

.horSeparator {
 width: 100%;
 height: 12px;
 background: url('img/menuSeparator.jpg') repeat-x top left;
}

#specialOffersHome {
 width: 481px;
 height: 415px; 
 min-height: 400px;
 top: 0px;
 float: left; 
 margin-left: 55px;
 position: relative; 
}

#offersHere {
 top: 0px;
 left: 0px; 
 position: absolute; 
 font: normal 12px arial;
}
#offersHere h1 {
 font: bold 14px arial;
} 

#rotatingPics {
 height: 300px;
 width: 481px;
}

#rotatingText {
 width: 316px;
 height: 127px;
 font: normal 14px arial;
 color: white;
 overflow: auto;  
 padding-left: 15px;
 padding-top: 10px;
 padding-right: 150px;
}

#rotatingTextBack {
 width: 481px;
 height: 127px;
 background: rgb(2,131,232) url('img/topOfferHomeDown.jpg') no-repeat top left;
 left: 0px;
 top: 300px;
 position: absolute; 
}

#hotOfferFlash {
 position: absolute; 
 width: 119px;
 height: 112px;
 top: 308px;
 left: 337px;
 
 z-index: 8;
}

#rotatingText span {
 font: normal 24px arial;
}
#rotatingText p {
 margin-top: 5px;
 margin-bottom: 7px;
}
#rotatingText a, #rotatingText a:visited, #rotatingText a:active {
 color: white; 
}
#rotatingText a:hover {
 color: rgb(0,51,153);
} 

#rightFloat {
 float: right;
}

#rotatingNumbers {
 height: 15px;
 margin-top: 7px;
 width: 481px;
 top: 433px;
 left: 0px;
 position: absolute; 
}

.offerNumber {
 padding-left: 3px;
 padding-right: 3px;
 height: 15px;
 background: rgb(1,131,231);
 font: normal 11px arial;
 float: left; 
 margin-left: 4px;
}
.offerNumber:hover {
 background: rgb(0,51,153);
}

.offerNumber a, .offerNumber a:visited, .offerNumber a:active, 
.offerNumberIn a, .offerNumberIn a:visited, .offerNumberIn a:active {
 color: white; 
}
.offerNumberIn {
 padding-left: 3px;
 padding-right: 3px;
 height: 15px;
 background: rgb(0,51,153);
 font: normal 11px arial;
 float: left; 
 margin-left: 4px;
}

#rightGreen {
 width: 209px;
 height: auto; 
 min-height: 432px;
 background: rgb(126,181,29) url('img/rite-green-top.jpg') no-repeat top left;
 position: absolute; 
 top: 345px;
 left: 50%; 
 margin-left: 218px;
}

#rightGreen h1 {
 font: bold 16px arial;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 4px;
 color: white; 
}

.leftGreenPic {
 width: 175px;
 height: 83px;
 margin-left: 10px;
}

.newsReg {
 margin-left: 10px;
 font: normal 12px arial;
 color: white; 
 margin-top: 10px;
}

.newsReg a, .newsReg a:visited, .newsReg a:active {
 color: white;
}

.newsReg a:hover {
  color: rgb(0,51,153);
}

.newsReg input {
 width: 110px;
 height: 15px;
 margin-bottom: 3px;
 margin-top: 5px;
 border: 0px;
 background: rgb(229,229,299);
 font: normal 11px arial;
 color: #555555; 
}

.newsReg span input {
 width: 80px;
 height: 15px;
 color: white;
 background: none; 
 border-top: 0;
 border-left: 1px solid white; 
 border-right: 1px solid white; 
 border-bottom: 0;
 font: normal 11px arial;
}

.greenSeparator {
 width: 209px;
 height: 7px;
 background: url('img/rite-green-sep.jpg') no-repeat bottom left;
}

#theFooter {
 width: 958px;
 float: left; 
 position: relative; 
 min-height: 130px;
 height: auto; 
 display: block; 
 overflow: auto; 
 background: rgb(224,184,135) url('img/footer-1.jpg') no-repeat top right;
}

#mailAllTop {
 width: 958px;
 height: auto;
 min-height: 200px; 
 float: left; 
 position: relative; 
 overflow: auto; 
}

#footSignsContainer  {
 width: 481px;
 float: left; 
 display: block; 
 margin-top: 33px;
 margin-left: 248px;
 height: auto; 
 overflow: auto; 
}

#footSignsContainerPage {
 width: 481px;
 float: left; 
 display: block; 
 margin-top: 33px;
 position: relative; 
 left: 333px;
 height: auto; 
 overflow: auto; 
}

#footSigns {
 text-align: center; 
 font: normal 11px arial; 
 color: white; 
}

#footSigns a, #footSigns a:visited, #footSigns a:active {
 font: normal 11px arial; 
 color: white; 
}
#footSigns a:hover {
  color: rgb(0,51,153);
}
#footSigns p {
 margin-top: 6px;
 margin-bottom: 2px;
}

#theContent {
 width: 700px;
 height: auto; 
 min-height: 400px;
 overflow: auto; 
 background: url('img/contUp.jpg') no-repeat top left;
 top: 0px;
 float: right; 
 margin-right: 12px;
 position: relative; 
}

#contFon {
 width: 699px;
 float: left; 
 position: relative; 
 margin-top: 14px;
 height: auto; 
 min-height: 300px;
 background: rgb(243,243,247); 
}

.pageTitle {
 width: 645px;
 left: 45px;
 top: -2px;
 position: relative; 
 float: left; 
 font: normal 14px arial;
 color: rgb(0,51,153);
 margin-top: -2px;
 margin-bottom: 5px;
}

.pageTitlePath { 
 float: left; 
}

.pageTitlePage {
 float: left; 
}

.pageTitlePage h1 {
 font: bold 14px arial;
 color: rgb(0,51,153);
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 3px;
}

.pageTitleBack {
 margin-right: 35px;
 float: right; 
 font: normal 11px arial; 
}

#topOffersDiv {
 width: 645px;
 height: auto; 
 float: left; 
 padding-right: 0px;
 left: 32px;
 position: relative; 
 top: 10px;
 margin-bottom: 7px;
 overflow: auto; 
 padding-top: 2px;
 background: url('img/topOffTopDots.jpg') no-repeat top left;
}

.topOfferEven {
 background: rgb(126,181,29) url('img/evenOfferback.jpg') no-repeat bottom right;
 height: auto; 
 position: relative; 
 overflow: auto; 
 width: 645px;
} 
.topOfferOdd {
 background: rgb(243,242,247) url('img/oddOfferback.jpg') no-repeat bottom right;
 height: auto; 
 width: 645px;
 position: relative; 
 overflow: auto; 
} 

.topOffSmallPic {
 width: 120px;
 height: 80px;
 margin-top: 7px;
 margin-left: 7px; 
 float: left; 
 margin-bottom: 7px; 
 display: block; 
 overflow: hidden; 
}

.topOfferEven .topOffOddText {
 width: 385px;
 float: left; 
 margin-top: 16px;
 margin-left: 7px;
 margin-bottom: 7px;
 font: normal 12px arial; 
 color: white; 
}

.topOfferEven .topOffOddText span a, .topOfferEven.topOffOddText span a:visited, .topOfferEven .topOffOddText span a:active  {
 color: white;
}
.topOfferEven .topOffOddText a:hover {
 color: green; 
}
.topOfferEven .topOffOddText span a:hover {
 color: rgb(42,101,202);
}

.topOffOddText {
 width: 385px;
 float: left; 
 margin-top: 16px;
 margin-left: 7px;
 margin-bottom: 7px;
 font: normal 12px arial; 
 color: rgb(102,102,102); 
}

.topOfferEven .topOffOddText  h2  {
 font: bold 16px arial; 
 color: rgb(250,210,0); 
 margin-top: 0px;
 margin-bottom: 0px; 
}

.topOffOddText h2 {
 font: bold 16px arial; 
 color: green; 
 margin-top: 0px;
 margin-bottom: 0px; 
}

.topOffOddText span h2 a, .topOffOddText span h2 a:visited, .topOffOddText span h2 a:active  {
 color: rgb(102,102,102); 
}
.topOffOddText a:hover {
 color: white; 
}
.topOffOddText span a:hover {
 color: rgb(42,101,202);
}

.bookLink {
 background: url('img/bookButton.gif') no-repeat top left;
 width: 77px;
 height: 25px;
 text-align: center;
 font: normal 10px arial;  
}

.bookLink a {
 position: relative; 
 top: 5px;
 color: white; 
}
.bookLink a:visited, .bookLink a:active, .bookLink a:hover {
 color: white; 
}
.bookLink a:hover {
 color: rgb(0,51,153);
} 

.bookOffersContainer {
 float: right; 
 margin-top: 15px;
 margin-right: 20px;
}

.showAllOffers {
 margin-top: 7px;
 float: right; 
 position: relative; 
 font: normal 12px arial; 
 margin-bottom: 7px;
}

#ordinaryCont {
 width: 660px;
 margin-left: 10px;
 margin-bottom: 10px;
 padding: 10px;
 height: auto; 
 float: left; 
 overflow: auto; 
 background: white; 
 font: normal 13px arial; 
 color: rgb(38,79,163); 
 position: relative; 
}

#printFriend {
 width: 670px;
 padding-left: 45px;
 padding-top: 10px;
 padding-bottom: 15px;
 font: bold 12px arial; 
}

#printFriend a {
 margin-left: 5px; 
 margin-right: 5px;
}

#galleryGreen {
 height: auto; 
 width: 244px;
 position: absolute; 
 height: auto; 
 top: 0px;
 left: 415px;
 background: rgb(126,181,29) url('img/galleryTop.jpg') no-repeat top left; 
}

#sampleGalLoad {
 padding-left: 7px;
 padding-top: 42px;
 width: 230px;
 height: 153px;
 text-align: center; 
}

#galThumbs {
 padding-left: 4px;
 padding-top: 12px;
 width: 234px;
 height: auto;
 overflow: auto; 
}

#galThumbs  img {
 width: 70px;
 margin-left: 3px;
 margin-right: 2px;
 padding-bottom: 7px;
}

#greenSep {
 width: 242px;
 height: 23px;
 background: url('img/greenSep.jpg');
}

.bookLinkContainOffer {
 width: 77px;
 text-align: center; 
 padding-top: 15px;
 margin-left: 77px;
}

.bookLinkContainOffer div a, .bookLinkContainOffer div a:visited, .bookLinkContainOffer div a:active {
 color: white; 
}
.bookLinkContainOffer div a:hover {
 color: rgb(0,51,153);
} 

#reqVillaRow {
 width: 390px;
 float: left;
 display: block;
 margin-top: 10px;
 margin-left: 10px;
}

#reqVillaSecure {
 width: 390px;
 float: left;
 display: block;
 margin-top: 10px;
 margin-left: 10px;
 margin-bottom: 10px;
}

#reqHalfRow {
 width: 290px;
 float: left;
 display: block;
 margin-top: 10px;
 margin-left: 10px;
}

#reqVillaLeft {
 width: 64px;
 padding-right: 5px;
 text-align: right;
 font: normal 11px verdana;
 color: black;
 float: left;
}

#reqVillaRight {
 float: right;
 width: 320px;
 display: block;
}

#reqVillaRight input {
 border: 1px solid silver;
 width: 150px;
 height: 17px;
 background: white;
 color: black;
 font: normal 12px verdana;
}

#reqVillaSecure input  {
 border: 1px solid silver;
 width: 80px;
 height: 17px;
 background: white;
 color: black;
 font: normal 12px verdana;
}

#reqHalfLeft {
 width: 90px;
 padding-right: 5px;
 text-align: right;
 font: normal 11px verdana;
 color: black;
 float: left;
}

#reqHalfRight {
 float: right;
 width: 200px;
 display: block;
}

#reqHalfRight input {
 border: 1px solid silver;
 width: 150px;
 height: 17px;
 background: white;
 color: black;
 font: normal 12px verdana;
}


#checkBoxContact input {
 width: 12px;
 height: 12px;
 background: transparent;
 color: red;
 border: 0; 
}

#reqVillaRight textarea {
 border: 1px solid silver;
 width: 290px;
 height: 60px;
 background: white;
 color: black;
 font: normal 12px verdana;
 overflow: auto;
}

#reqHalfRight textarea {
 border: 1px solid silver;
 width: 190px;
 height: 60px;
 background: white;
 color: black;
 font: normal 12px verdana;
 overflow: auto;
}

#reqVillaSubmit {
 width: 450px;
 float: left;
 display: block;
 margin-top: 0px;
 margin-left: 70px;
 margin-right: 70px;
 height: 20px;
 text-align: center; 
 margin-bottom: 5px;
}

#reqVillaSubmit input {
 width: 90px;
 height: 25px;
 font: bold 12px verdana;
 color: rgb(33,85,163);
 border: 1px solid silver;
 background: white;
}

#reqHalfSubmit {
 width: 290px;
 float: left;
 display: block;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 70px;
 height: 20px;
 text-align: center; 
 margin-bottom: 5px;
}

#reqHalfSubmit input {
 width: 90px;
 height: 25px;
 font: bold 12px verdana;
 color: rgb(33,85,163);
 border: 1px solid silver;
 background: white;
}

#featsDiv {
 font: normal 12px arial; 
 color: red; 
 background: url('img/featsDown.jpg') repeat-x bottom left;
 margin-bottom: 10px;
 padding-bottom: 8px;
}

#galleryDiv {
 visibility: hidden; 
 position: absolute; 
 top: 300px;
 left: 50%;
 margin-left: -325px;
 background: rgb(126,181,29);
 z-index: 10; 
 width: 500px;
 height: 420px;
}

#galleryH1 {
 position: absolute; 
 top: 10px;
 left: 10px; 
}
#galleryH1 h1 {
 font: bold 14px arial; 
}
#closeGallery {
 border: 1px solid silver; 
 position: absolute; 
 top: 5px;
 left: 477px;
 width: 15px; 
 height: 15px;
 font: normal 12px arial;
 text-align: center; 
}
#picsDiv {
 position: absolute; 
 top: 40px;
 left: 20px;
}
#galleryPrevNext {
 width: 500px;
 font: normal 12px arial; 
 position: absolute; 
 top: 400px;
 left: 0px;
 text-align: center; 
}

#reservHotelData {
}
#reservClientData {
}
#onlineReservSEction {
 display: block; 
 width: 420px;
}

#agentsLogIn {
 background: rgb(161,217,254);
 padding-top: 5px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 top: 160px;
 left: 50%;
 margin-left: 220px;
 visibility: hidden; 
 z-index: 10; 
 position: absolute; 
 width: 190px;
 height: 100px;
 font: normal 12px arial; 
 color: black; 
}
#agentsLogIn input {
 width: 100px;
 height: 16px;
 margin-bottom: 6px;
 border: 1px solid silver; 
 color: black;
 background: white; 
 font: normal 12px arial; 
 
}
#agentsClose {
 position: absolute;
 top: 3px;
 left: 190px;
}

.availSelects {
 text-align: right; 
}

table td.availSelects  input {
 border: 1px solid silver;
 width: 80px;
 height: 17px;
 background: white;
 color: black;
 font: normal 12px verdana;
 margin-bottom: 7px;
 margin-right: 2px;
 margin-left: 5px; 
}

table td.availExplain input, table.roomselecttable td input  {
 border: 1px solid silver;
 width: 130px;
 height: 17px;
 background: white;
 color: black;
 font: normal 12px verdana;
 margin-bottom: 7px;
 margin-right: 2px;
 margin-left: 5px; 
}

table td.availExplain textarea, table.roomselecttable td textarea {
 border: 1px solid silver;
 width: 130px;
 height: 90px;
 background: white;
 overflow: auto; 
 color: black;
 font: normal 12px verdana;
 margin-bottom: 7px;
 margin-right: 2px;
 margin-left: 5px; 
}

#findHotelButton input {
 height: 25px;
 font: bold 12px verdana;
 color: rgb(33,85,163);
 border: 1px solid silver;
 background: white;
 margin-left: 100px;
 margin-bottom: 10px;
}

table td.availExplain select, table.roomselecttable  td select {
 border: 1px solid silver;
 width: 35px;
 height: 17px;
 background: white;
 color: black;
 font: normal 12px verdana;
 margin-bottom: 7px;
 margin-right: 2px;
 margin-left: 5px; 
}

table.roomselecttable {
 width: 395px;
}

#selectHowPay select {
 border: 1px solid silver;
 width: 210px;
 height: 17px;
 background: white;
 color: black;
 font: normal 12px verdana;
 margin-bottom: 7px;
 margin-right: 2px;
 margin-left: 5px; 
}

table td.smallCheckbox input {
 width: 12px;
 height: 12px;
 border: 0;
}

#onlinePayLink {
 float: left; 
 width: 200px;
 height: 20px;
 margin-left: 100px;
 margin-right: 90px;
 margin-top: 5px;
 margin-bottom: 5px;
 background: red; 
 font: bold 12px arial; 
 text-align: center; 
}
#onlinePayLink a, #onlinePayLink a:visited, #onlinePayLink a:active, #onlinePayLink a:hover {
 color: white; 
}

#phoneNo1 {
position: absolute; 
top: 57px; 
left: 50%; 
font: bold 15px arial; 
color: rgb(250,210,0); 
margin-left: 63px; 
} 
#phoneNo2 {
position: absolute; 
top: 57px; 
left: 50%; 
font: bold 15px arial; 
color: rgb(250,210,0); 
margin-left: 98px; 
}
#phoneNo3 {
position: absolute; 
top: 57px; 
left: 50%; 
font: bold 15px arial; 
color: rgb(250,210,0); 
margin-left: 209px; 
} 
#phoneNo4 {
position: absolute; 
top: 57px; 
left: 50%; 
font: bold 15px arial; 
color: rgb(250,210,0); 
margin-left: 242px; 
}
#phoneNo5 {
position: absolute; 
top: 58px; 
left: 50%; 
font: bold 15px arial; 
color: rgb(250,210,0); 
margin-left: 342px; 
} 
#phoneNo6 {
position: absolute; 
top: 58px; 
left: 50%; 
font: bold 15px arial; 
color: rgb(250,210,0); 
margin-left: 369px; 
}

.subMenuDiv {
 visibility: hidden;
 position: absolute;
 left: 50%;
 margin-left: -300px; 
 z-index: 10;
 padding: 5px; 
 font: normal 12px arial; 
 background: rgb(126,181,29); 
}
#ordinaryCont, #ordinaryCont td
{
 font: normal 12px arial; 
 color: rgb(38,79,163); 
}

#ordinaryCont p, #ordinaryCont td p  {
 margin-bottom: 4px; 
 margin-top: 6px; 	
}

#ordinaryCont h1, #ordinaryCont td h1 {
 font: bold 14px arial;
 color: #00ccff; 
 margin-top: 2px;
 margin-bottom: 6px;
 text-transform: uppercase;
}

#ordinaryCont h2, #ordinaryCont td h2 {
 font: bold 14px arial;
 color: #00ccff; 
 margin-bottom: 2px;
 margin-top: 6px;
}

#ordinaryCont h3, #ordinaryCont td h3 {
 font: bold 13px arial;
 color: #00ccff; 
 margin-top: 2px;
 margin-bottom: 6px;
}

#ordinaryCont h4, #ordinaryCont td h4 {
 font: normal 13px arial;
 color: #00ccff; 
 margin-bottom: 0px;
}

#ordinaryCont h5, #ordinaryCont td h5 {
 font: bold 12px arial;
 color: #00ccff; 
 margin-bottom: 0px;
 margin-top: 0px;
}


#ordinaryCont h6, #ordinaryCont td h6 {
 font: normal 12px arial;
 color: #00ccff; 
 margin-bottom: 5px;
 margin-top: 0px;
}

#ordinaryCont li {
 font: normal 13px arial;
}

#ordinaryCont a, #ordinaryCont a:visited, #ordinaryCont a:active {
 text-decoration: none; 
 color: rgb(0,51,153);
}

#ordinaryCont a:hover {
 color: rgb(126,181,29)
}