/* CSS Document */

div.container {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	height: 1230px;
	text-align: left;
	top: -17px;
	left: -13px;
	visibility: visible;
	z-index: 1;
}

.phototest {
   display: block;
   width: 199px; 
   height: 121px;
   position: absolute;
   left: 500px;
   top: 1040px;
   z-index: 23;
   background-image: url(images/SmallPhoto.gif) no-repeat; 
} 

.photo a {
   display: block;
   width: 199px; 
   height: 121px;
   position: absolute;
   left: 500px;
   top: 1040px;
   z-index: 23;
   background-image: url(images/SmallPhoto.gif) no-repeat; 
} 

.photo a:hover {
   background-image: url(images/SmallPhotoR.gif); 
}

.yo a {
position: absolute;
   z-index: 23;
   display: block; 
   width: 199px; 
   height: 121px;
   left: 500px;
   top: 1040px;
   background: url(images/SmallPhotoTwo.jpg) 0 0 no-repeat; 
} 

.yo a:hover { 
   background-position: 0 -121px; 
}





	ul{
     list-style-type:none;
	}

	ul li{
	}

	a{
	}

/* End of misc. styles to layout the example page. */

/* SPA DROP DOWN MENU B E G I N S */

ul, li {
margin:0;
padding:0;
list-style-type:none;
}

a {
text-decoration:none;
color: white;
margin-left: 0px;
margin-top:0px;
}

ul {
width:100%;
}

ul h2, li {
height:20px;
margin:0;
padding:0;
}

ul h2 img {
display:block;
}

#menuitem1 {
background-image:url(../images/NavRollSpa.gif);
height:33px;
}

#menuitem2 {
background-image:url(../images/NavRollHotel.gif);
height:33px;
}

ul li:hover h2 img, ul li.sfhover h2 img {
display:none;
}

ul li ul {
display:none;
top: 43px;
width:115px;
margin-left: 1px;
background-color:#003366;
}

ul li:hover ul, ul li.sfhover ul {
font-family: Verdana, sans-serif;
color: #FF9900;
font-size: 8pt;
line-height: 10pt;
letter-spacing: 0px;
text-decoration: none;
display:block;
padding-left:6px;
padding-top:3px;
}

ul li ul li:hover, ul li ul li.sfhover {
background-color:none;
}

#nav ul li a:hover {
margin-left: 2px;
color: #FF9900;
}


/* E N D */



/* Start SPA Extra Info*/

#spaExtraInfoBox {
  position: absolute;
  z-index: 100;
  left:457px;
  top:787px;
  width:243px;
  height:428px;
  visibility: visible;
  background-color: #EFEAE4;
  border-style: solid;
  border-width: 1px;
  border-color: #FF9900;
}
#spaExtraInfoGray {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #666666;
  font-size: 9pt;
}
#spaExtraInfoLinks a {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  line-height: 10pt;
  text-decoration: none;
  color: #666666;
}
#spaExtraInfoLinks a:hover {
  text-decoration: none;
  color: orange;
}
#spaExtraInfoText {
  font-family: Arial, sans-serif;
  color: #666666;
  font-size: 8pt;
  line-height: 10pt;
  font-weight: normal;
}
.spaExtraInfoTextRed {
  font-family: Arial, sans-serif;
  color: #666666;
  font-size: 8pt;
  font-weight: normal;
  font-style: italic;
}

/* End */



/* Start of setting backgrounds. */

	a#photo2{
   display:block;
   background-image:url(images/SmallPhotoTwo.jpg);
   width: 199px; 
   height: 121px;
   position: absolute;
   left: 500px;
   top: 1040px
	}

/* End of setting backgrounds. */

/* Start of rollover code. */

	a.roller, a.roller:link, a.roller:visited{
	  background-position:left top;
	}
	a.roller:focus, a.roller:hover{
	  background-position:left center;
	}
	a.roller:active{
	  background-position:left bottom;
	}



/* Start of Pop Up images code */

.Previous {
    position:absolute;
	left:472px;
	top:275px;
	width:90px;
	height:12px;
	z-index:1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 8pt;
	line-height: 11pt;
}
.Previous:link {
}
.Previous:visited {
}
.Previous:hover {
    color: #FF6600;
}
.Previous:active {
}
.Previous:focus {
}
.Next {
    position:absolute;
	left:572px;
	top:275px;
	width:60px;
	height:12px;
	z-index:2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 8pt;
	line-height: 11pt;
}
.Next:link {
}
.Next:visited {
}
.Next:hover {
    color: #FF6600;
}
.Next:active {
}
.Next:focus {
}

.PictureTextInfo {
    position:absolute;
	left:475px;
	top:17px;
	width:154px;
	height:250px;
	z-index:3;
	font-family: Verdana, sans-serif;
    color: #FF9900;
    font-size: 8pt;
	line-height: 11pt;
	letter-spacing: 0px;
	text-decoration: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.PopLogo {
    position:absolute;
	left:472px;
	top:298px;
	width:158px;
	height:48px;
	z-index:4;
}



/* End */

.logo {
    position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:113px;
	background-color: #FFFFE5;
	visibility: visible;
}

.solidBejavo {
	position: absolute;
	top: 0px;
	left: 300px;
	width: 423px;
	height: 80px;
	border: none;
	background-color: #FFFFE5;
	layer-background-color: none;
	visibility: visible;
}

.centralReservations {
    position:absolute;
	left:691px;
	top:0px;
	width:333px;
	height:113px;
	visibility: visible;
	z-index:1;
}


/* Start L O G O */

.LogoTop {
background-image:url(../images/Logo_T.gif);
position:absolute;
left:0px;
top:0px;
width:300px;
height:50px;
z-index:200;
}

.LogoLeft {
background-image:url(../images/Logo_L.gif);
position:absolute;
left:0px;
top:50px;
width:110px;
height:37px;
z-index:210;
}

.LogoHotel {
position:absolute;
left:110px;
top:50px;
width:42px;
height:37px;
z-index:250;
}

.LogoSpa {
position:absolute;
left:152px;
top:50px;
width:42px;
height:37px;
z-index:230;
}

.LogoGolf {
position:absolute;
left:194px;
top:50px;
width:42px;
height:37px;
z-index:240;
}

.LogoCar {
position:absolute;
left:236px;
top:50px;
width:42px;
height:37px;
z-index:230;
}

.LogoRight {
background-image:url(../images/Logo_R.gif);
position:absolute;
left:278px;
top:50px;
width:22px;
height:37px;
z-index:260;
}

.LogoBottom {
position:absolute;
left:0px;
top:87px;
width:300px;
height:25px;
z-index:270;
background-color: FFFFE5;
layer-background-color: FFFFE5;
border: 1px none #000000;
}


/* End */



/* Start M A I N    N A V I G A T I O N */


.NavButtonHome {
position:absolute;
left:300px;
top:80px;
width:77px;
height:33px;
z-index:100;
}

.NavButtonHotel {
position:absolute;
left:377px;
top:80px;
width:80px;
height:33px;
z-index:140;
}

.NavButtonSpa {
position:absolute;
left:457px;
top:80px;
width:57px;
height:33px;
z-index:150;
}

.NavButtonGolf {
position:absolute;
left:514px;
top:80px;
width:57px;
height:33px;
z-index:150;
}

.NavButtonCar {
position:absolute;
left:581px;
top:80px;
width:59px;
height:33px;
z-index:120;
}

.NavButtonAir {
position:absolute;
left:640px;
top:80px;
width:50px;
height:33px;
z-index:110;
}


/* e N D */


.mainNavigation {
	position:absolute;
	left:300px;
	top:80px;
	width:423px;
	height:33px;
	visibility: visible;
	z-index: 55;
}

p.panoramaLineTop {
	position:absolute;
	top: 95px;
	width: 1024px;
	border-bottom: 8px solid #FFFFFF;
	visibility: visible;

}

.panoramaPhoto {
    position:absolute;
	left:0px;
	top:120px;
	width:1024px;
	height:266px;
	visibility: visible;
}

p.panoramaLineBottom {
	position:absolute;
	top: 369px;
	width: 1024px;
	border-bottom: 8px solid #FFFFFF;
	visibility: visible;

}

.BestDestinations {
    position:absolute;
	left:0px;
	top:393px;
	width:166px;
	height:33px;
	visibility: visible;
    z-index: 2;
}

.BestDestinationsContainer {
    position:absolute;
	left:0px;
	top:0px;
	width:155px;
	height:450;
	background-color: #FFFFFF;
	visibility: visible;
}

.BGMapContainer {
	position:absolute;
	left:724px;
	top:394px;
	width:300px;
	height:180px;
	visibility: visible;
	z-index: 2;
}
	 
.solidLightBlue {
	position: absolute;
	top: 80px;
	left: 723px;
	width: 301px;
	height: 33px;
	border: none;
	background-color: #E5EDF4;
	layer-background-color: none;
	visibility: visible;
}

.LightBlueTextBoxLeft {
	font-family: Verdana, sans-serif;
    color: #999999;
    font-size: 11pt;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: left;
	margin-top: 4px;
	text-indent: 0px;
	margin-top: 4px;
	margin-left: 11px;
	margin-right: 0px;
}

.LightBlueTextBoxCenter {
	font-family: Verdana, sans-serif;
    color: #999999;
    font-size: 11pt;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: center;
	margin-top: 4px;
}

.small60 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
    color: #666666;
    font-size: 8pt;
	line-height: 7pt;
	letter-spacing: 1pt;
}
.small60:link {
}
.small60:visited {
}
.small60:hover {
    color: #FF6600;
}
.small60:active {
}
.small60:focus {
}
.miniSmall60 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
	font-weight: normal;
    font-size: 8pt;
	line-height: 12pt;
	letter-spacing: 1pt;
}
.miniSmall60:link {
}
.miniSmall60:visited {
}
.miniSmall60:hover {
     color: #FF6600;
}
.miniSmall60:active {
}
.miniSmall60:focus {
}
.grayLinksArrow {
    margin-left: 10px;
	vertical-align: bottom;
}
.grayLinks {
    margin-left: 10px;
	font-family: Verdana, sans-serif;
    color: #666666;
	font-weight: 100;
    font-size: 10pt;
	line-height: 12pt;
	letter-spacing: 1pt;
}
.grayLinks:link {
}
.grayLinks:visited {
}
.grayLinks:hover {
     color: #FF6600;
}
.grayLinks:active {
}
.grayLinks:focus {
}

.grayLinksS {
    margin-top: 12px;
    margin-left: 15px;
	margin-right: 10px;
	font-family: Verdana, sans-serif;
    color: #666666;
	font-weight: 100;
    font-size: 9pt;
	line-height: 11pt;
	letter-spacing: 1pt;
}
.grayLinksS:link {
}
.grayLinksS:visited {
}
.grayLinksS:hover {
     color: #FF6600;
}
.grayLinksS:active {
}
.grayLinksS:focus {
}

.small40 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 9pt;
	line-height: 10pt;
	letter-spacing: 0px;
	text-decoration: none;
}

.redPrice {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF0000;
    font-size: 8pt;
	line-height: 7pt;
	letter-spacing: 1px;
	text-decoration: none;
}

.h1text40 {
	font-family: Verdana, sans-serif;
    color: #666666;
    font-size: 10pt;
	line-height: 15pt;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 100;
	text-indent: 20px;
	margin-top: 11px;
	margin-left: 15px;
	margin-right: 15px;
}

.latestSpecials {
    text-indent: 11em;
    font-family: Verdana, sans-serif;
    color: #666666;
	font-size: 10pt;
	line-height: 15pt;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 100;
	text-indent: 0px;
	margin-top: 11px;
	margin-left: 15px;
	margin-right: 14px;
	margin-bottom: 11px;
}

.aboutbg {
    text-indent: 11em;
    font-family: Verdana, sans-serif;
    color: #666666;
	font-size: 10pt;
	line-height: 15pt;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 100;
	text-indent: 15px;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 14px;
	margin-bottom: 11px;
	text-align: justify;
}

.wizair {
    text-indent: 11em;
    font-family: Verdana, sans-serif;
    color: #663399;
	font-size: 10pt;
	line-height: 15pt;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 100;
	text-indent: 15px;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 14px;
	margin-bottom: 11px;
	text-align: justify;
}

.smallImages {
    clear: both;
    float: right;
	margin-top: 5px;
	margin-left: 7px;
	margin-right: 3px;
	margin-bottom: 0px;
	width:111px; 
	height:62px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: orange;
}

.spaHotelForm {
    font-family: Verdana, sans-serif;
    color: #666666;
	font-size: 9pt;
	line-height: auto;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 100;
	margin-left: 4px;
	margin-top: 8px;
}

.updated {
    font-family: Verdana, sans-serif;
    color: #666666;
	font-size: 7pt;
	line-height: 12pt;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 100;
	text-indent: 0px;
	margin-top: 11px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
}

.NewsHeadline {
    font-family: Arial, sans-serif;
    color: #666666;
	text-decoration: none;
	font-size: 12pt;
	line-height: 13pt;
	letter-spacing: 0px;
	font-weight: bold;
	text-indent: 6px;
	margin-top: 11px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 11px;
}

.smallOrange {
	font-family: Verdana, sans-serif;
    color: #FF9900;
    font-size: 9pt;
	line-height: 12pt;
	letter-spacing: 0px;
	text-decoration: none;
	text-indent: 0px;
	margin-top: -15px;
	margin-left: 5px;
	margin-right: 5px;
}

.velikoTurnovo {
	font-family: Verdana, sans-serif;
    color: #FF9900;
    font-size: 10pt;
	line-height: 12pt;
	letter-spacing: 0px;
	text-decoration: none;
	text-indent: 0px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.QuickFacts {
	font-family: Verdana, sans-serif;
    color: #999999;
    font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 0px;
}

.HotelSubmition {
	font-family: Verdana, sans-serif;
    color: #666666;
    font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 0px;
}

.SmallQuickFacts {
	font-family: Verdana, sans-serif;
    color: #999999;
    font-size: 8pt;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
	text-indent: 10px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.miniOrange {
	font-family: Verdana, sans-serif;
    color: #FF9900;
    font-size: 8pt;
	line-height: 12pt;
	letter-spacing: 0px;
	text-decoration: none;
}

.miniOrangeR {
	font-family: Verdana, sans-serif;
    color: #FF9900;
    font-size: 8pt;
	line-height: 12pt;
	letter-spacing: 0px;
	text-decoration: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.miniGray {
	font-family: Verdana, sans-serif;
    color: #999999;
    font-size: 8pt;
	line-height: 12pt;
	letter-spacing: 0px;
	text-decoration: none;
	text-indent: 0px;
	margin-top: -15px;
	margin-left: 5px;
	margin-right: 0px;
}

.miniRed {
	font-family: Verdana, sans-serif;
    color: red;
    font-size: 7pt;
	margin-bottom: 0px;
vertical-align: text-top;
}

.miniMiniGray {
	font-family: Verdana, sans-serif;
    color: #999999;
    font-size: 7pt;
	line-height: 10pt;
	letter-spacing: 0px;
	text-decoration: none;
}

/* FOOTER Begins*/
.miniWhite {
	font-family: Verdana, sans-serif;
    color: #FFFFFF;
    font-size: 8pt;
	line-height: 10pt;
	letter-spacing: 0px;
	text-decoration: none;
}
.miniWhiteLinks {
	font-family: Verdana, sans-serif;
    color: #FFFFFF;
    font-size: 8pt;
	line-height: 10pt;
}
.miniWhiteLinks:link {
}
.miniWhiteLinks:visited {
}
.miniWhiteLinks:hover {
	background-color: #7EA6CA;
}
.miniWhiteLinks:active {
}
.miniWhiteLinks:focus {
}
.miniWhiteLinksGray {
	font-family: Verdana, sans-serif;
    color: #FFFFFF;
    font-size: 8pt;
	line-height: 10pt;
	background-color: #7EA6CA;
}
/* FOOTER Ends*/

/* Who are all these below?*/
.grayBodyText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
    color: #333333;
    font-size: 7pt;
	line-height: 8pt;
	letter-spacing: 1pt;
	text-decoration: none;
}
.orange {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 7pt;
	line-height: 8pt;
	letter-spacing: 1px;
	text-decoration: none;
}
.grayLarge {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 10pt;
	letter-spacing: 0px;
	text-decoration: none;
}
.grayLargeBold {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
    color: #333333;
    font-size: 10pt;
	letter-spacing: 0px;
	text-decoration: none;
}
.grayFooter {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 7pt;
	line-height: 9pt;
	letter-spacing: 1px;
	text-decoration: none;
}
.orangeR {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 7pt;
	line-height: 9pt;
	letter-spacing: 1px;
	text-decoration: underline;
}
.orangeR:link {
}
.orangeR:visited {
}
.orangeR:hover {
    color: #666666;
}
.orangeR:active {
}
.orangeR:focus {
}
.grayR {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 9pt;
	line-height: 9pt;
}
.grayR:link {
}
.grayR:visited {
}
.grayR:hover {
    color: #FF6600;
}
.grayR:active {
}
.grayR:focus {
}
.orangeLargeR {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 10pt;
	line-height: 9pt;
	text-decoration: none;
}
.orangeLargeR:link {
}
.orangeLargeR:visited {
}
.orangeLargeR:hover {
    color: #666666;
    text-decoration: underline;
}
.orangeLargeR:active {
}
.orangeLargeR:focus {
}
.orangeLargeVisited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    font-size: 10pt;
	line-height: 9pt;
	letter-spacing: 0px;
	text-decoration: none;
}
.VisitedLink {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #CCCCCC;
    font-size: 9pt;
	line-height: 9pt;
	letter-spacing: 0px;
	text-decoration: none;
}