body			{margin:5px 5px; font-size:12pt; font-family:Times New Roman; color: #FFFFFF; text-align:center; background: #336699 url('../images/rest/background.jpg') repeat}
.main			{width:660px; margin:auto; text-align:justify;margin-top:0px}
img				{border:3px solid #4b709a; margin-top:0px; margin-bottom:0px }
.photoblock 	{border-bottom:0px }
#slide       	{position:absolute; width:158px; height:129px; z-index:1000; left:24px; top:14px; visibility:visible}
#slide2      	{position:absolute; width:158px; height:129px; z-index:1; left:24px; top:14px; visibility:visible}
#slide img, #slide2 img		{border: 2px solid #4b709a}


.td-bgcolor		{border:3px solid #4d78a8; padding:6px; line-height:19px; background: #345477}
.color			{font-size:16px; color:#fb8a04}
.toptext		{font-size:11pt; text-align:Center; margin-top:0px; margin-bottom:0px; color:#FFCC00}
h4, h5, h6, .h6	{font-size:20px; color:#fb8a04; margin:0px;font-weight: bold}
.box-right		{float:right;width:230px;border:3px solid #4d78a8; padding:6px; background: #345477;margin: 0px 0px 10px 20px}



a:link, a:visited, a:active	{color: #FFCC00; text-decoration: none; font-weight: bold;}
a:hover 		{color: yellow; text-decoration: underline;}
#description	{position:absolute; width:500px; height:700px; z-index:500; left:-600px; top:-800px; visibility:visible }
#include		{position:absolute; left:0px; top:0px; visibility:visible; z-index: 100 }
h1				{font-size:36pt; text-align:Center; margin-top:0px; margin-bottom:0px; color:#FFCC66}
h2				{font-size:24pt; text-align:Center; margin-top:0px; margin-bottom:0px; color:#FFCC00}
h3, .h3			{font-size:16pt; color:#fb8a04;margin:0px; font-weight: bold}
html>body h3	{top:-22px;}


hr				{height:1px; color:#3366CC}
#rates			{z-index:1}
#rates td		{border:1px solid #3366CC; padding:10px 0px 10px 10px}
#rates table	{border: 2px solid #3366CC;}
#avail2 table	{border-collapse: collapse; border: 1px solid #4b709a; text-align:left;  background:#345477}
#avail2 td		{border-collapse: collapse; border: 2px solid #4b709a; text-align:center}
#avail2 img		{background:#345477;border:1px solid #4b709a }
#out1			{font-size: 24pt; font-family:Tw Cen MT; position:relative; visibility:visible; text-align:center;}
#out			{font-size: 26pt; font-family:Tw Cen MT; position:relative; visibility:visible; text-align:center; top:2px}
html>body #out	{font-size: 20pt; font-family:Tw Cen MT;position: relative; visibility:visible; text-align:center;}
#out3			{font-size:16pt; font-family: Tw Cen MT; position:relative; visibility:visible; text-align:center; top:6px}
html>body #out3	{font-size:18pt; font-family:Tw Cen MT; position:relative; visibility:visible; text-align:center; top:4px}
#out2			{font-size:24pt; font-family: Tw Cen MT; position: absolute; visibility:visible}
#pijl-vert		{color:#FFFFFF; font-size:14pt; line-height:20px} 
ul				{margin-top:0px; margin-bottom:0px}

#foto			{display:block; margin-left:auto; margin-right:auto; margin-top:0px; position:relative; left:-6px; top:-6px}
.pos			{margin-left:185px; z-index:1}
.pos1			{margin-left:175px; z-index:1; position:relative; top:17px; height:142px}
html>body .pos1	{margin-left:175px; z-index:1; position:relative; top:23px; height:147px}
#start1			{width:50%; z-index:5; float:left; text-align:left;}
#start1	p		{margin-left:205px; text-align:left;}
#start2			{float:left; text-align:center; margin-left:25px;}
#start2	a		{width: 22px; height:17px; float:left; display:block; text-align:center; color:#FFCC66; border:1px solid #FFFF99; font-size:10pt; padding: 1px 0px 0px 0px}
#start2	a:hover	{background-color:#3366CC}
.start21		{background-color:#3366CC; }
#start3			{width:30%; height:60px; float:right; text-align:left;}
.linkt1			{position:relative;}
.linkt2		 	{position:relative; left:-250px; top:-187px;}
.linkt3			{position:relative; top:-187px;}
.linkt4			{border:0px solid;}
.linkt5 		{position:relative; left:-180px; }
.main			{width:660px; margin:auto; text-align:justify;}
.main2			{width:600px; margin:auto; text-align:justify;}
.img-left		{position:relative; height:130px; width:178px; float:left; z-index:10;}  
.img-right		{position:relative; height:130px; width:178px; float:right; z-index:10}  
.img-right2		{position:absolute; left:50%; margin-left:192px; z-index:0}  
.img-1  		{position:absolute;}  
.img-2  		{position:absolute; left:21px;}  
#end1			{width:80px; float:left} 
#end1 a    		{width:80px; display:block; background:url('../images/rest/flag.gif') -7px -82px no-repeat ; padding:0px 0px 0px 14px}
#end2			{width:337px; float:left; text-align:center; } 
html>body #end2 {width:355px;} 
#end3       	{width:80px; float:right; text-align:right}
#end3 a      	{width:80px; display:block; background:url('../images/rest/flag.gif') 74px -102px no-repeat; padding:0px 14px 0px 0px; float:right}
.clear			{clear:both}
p				{text-align:center; margin:0px;}
.flag			{width:156px; height:40px; margin:auto; text-align:justify;}
.flag1			{width:156px; height:40px; margin:0px 0px 0px 50px; text-align:justify;}
.flag2			{float:left; border:1px solid #3366CC;}
.flag2 a		{width:30px; height:20px;  display:block; background:url('../images/rest/flag.gif') 0px 0px no-repeat;}
.flag3			{float:right; border:1px solid #3366CC;} 
.flag3 a		{width:30px; height:20px; display:block; background:url('../images/rest/flag.gif') 0px -20px no-repeat;}
.flag4			{float:right; border:1px solid #3366CC;} 
.flag4 a		{width:30px; height:20px; display:block; background:url('../images/rest/flag.gif') 0px -60px no-repeat;}
.flag5			{float:right; border:1px solid #3366CC;} 
.flag5 a		{width:30px; height:20px; display:block; background:url('../images/rest/flag.gif') 0px -40px no-repeat;}
#indeximg   	{position:relative; width:600px; margin:auto; text-align:justify;}
#indeximg2   	{position:absolute; width:600px; height:280px; visibility:visible}
#span-div2		{position:absolute; width:500px; height:304px; z-index:3000; left:17px; top:0px; visibility:visible}
#span-div3		{position:absolute; width:158px; height:129px; z-index:2001; left:450px; top:-55px; visibility:visible}
#span-div4  	{height: 73px}
.yellow     	{color: #FFCC00}
.form-1			{width:180px; text-align: right; float:left; margin-right:10px; margin-top:3px; z-index:1}
.form-2			{width:50px; float:left; margin-left:3px}
html>body .form-2	{margin-left: 0px}
.center 		{margin-left:auto;  margin-right:auto;  width:615px;  display:block;}
.center img     {border-style:solid; border-width:1px; float:left; width:100px; height:75px;}

/*- VERTICAL FREESTYLE MENU LAYOUT -*/
#menu2          		{position:absolute; top:150px; left:10px; z-index:100; font:15px/18px; text-align:left; letter-spacing:normal; line-height:19px;}
#menu2 img      		{hover img:text-decoration:none; position:absolute; top:3px; left:150px; border:0px none; width:15px; height:15px;}						 }
#menu3 img, #menu4 img	{hover img:text-decoration:none; border:2px solid #3366CC; width:25px; height:16px;}
#menu3					{position:relative; top:10px; left:-30px}
#menu4					{position:relative; top:10px; left:-90px}
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {margin:0px; padding:0px; width:185px; text-align:right; background-image:url('../images/rest/background.jpg'); list-style-type:none}
.menulist hr 			{width:170px; height:1px; border:none; color:#4d78a8; background-color:#4d78a8; margin-right:20px;}
/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul 			{visibility:hidden; position:absolute; top:-1px; left:188px; text-align:left; border:3px solid #4d78a8;  width:300px;  padding:0px 0px 0px 4px; line-height:19px; background: #345477}
/*All menu items (<li> tags) are relatively positioned to correctly offset their submenus. They have borders that are slightly overlaid on one another to avoid doubling up.*/
.menulist li {position:relative; border:0px none; margin-bottom:0px}
.menulist a {background:url('../images/rest/flag.gif') -40px 0px no-repeat;}
.menulist ul li a:hover {background:url('../images/rest/flag.gif') -30px 0px no-repeat; }
.menulist ul>li:last-child {margin-bottom: 1px;}
/* Links inside the menu */
.menulist a				{display:block; padding: 1px 15px 0px 0px; color:#FFCC00;}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
.menulist a:hover, .menulist a.highlighted:hover 	{
	color:#ffff00;
	background:url('../images/rest/flag.gif') 163px -100px no-repeat;
}
.menulist a.highlighted {color:#FFF; background-color:none;}
/* If you want per-item background images in your menu items, here's how to do it. 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#"> 2) Copy and paste these next lines for each link you want to have an image: .menulist a#xyz {background-image: url(out.gif);} .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {background-image: url(over.gif);}*/
/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind		{display:none;}
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li		{float:left; height: 1%;}
* html .menulist a		{height:1%;}
#img			{height:115px; width:153px;background:url('../images/rest/riodao.jpg');border:2px solid #4b709a;margin-right:10px;margin-left:16px}
/* End Hack */