body        	{margin:0px; padding:0px;  font-family:Constantia; font-size: 14px; color:#2a2424; text-align: justify; background: #d6630f url('../images/bg/bg2.jpg') ; background-repeat: repeat-x }
#menu {position:absolute;top:0px;color:#ecec67;font-size:11px;margin: auto; left: 50%; margin-left:-450px;width: 900px;text-align:right;font-family:century gothic; font-weight:bold;z-index:13}
#container	{background: url('../images/bg/x.gif'); width: 950px; margin: auto; left: 50%; position:absolute; margin-left:-475px; top:90px;z-index:2; padding-top: 25px }
.top-800	{background: url('../images/bg/box-950-1.png'); width:950px; height:26px; z-index:2 }
.mid-800a	{background: url('../images/bg/line950-1.png'); width:950px; z-index:2; margin:0px}
.mid-800b	{margin:0px 32px 0px 32px; text-align: justify;background:#fcf6e7}
.mid-800	{ padding: 8px 10px 10px 10px; width:880px}
html>body .mid-800	{width:860px}
.bot-800	{background: url('../images/bg/box-950-1.png') bottom left; width:950px; height:33px; z-index:2}
#head-l	{float:left;display:block; width:240px}
#head-l p	{position:relative; bottom:36px;line-height:18px}
#head-l a	{margin-left:7px}
#head-r img	{border: 2px solid #800000; float:right; margin: 0px 0px 0px 20px;}
img	{border: 1px solid #89592c}
.img-center {float:left;margin-right:2px}
html>body .img-center {margin-right:0px}
.img-left {float:left;position:relative;left:-2px}
html>body .img-left {left:1px}
.img-right {float:right;position:relative;left:2px}
html>body .img-right {left:0px}
#main {margin: 0px;}
.prices {padding:0px 10px 15px 25px}
.prices2 li {padding:12px 0px 0px 5px;list-style: none;text-align:justify}
.clear		{clear:both;}
.clear-top	{clear:both;height:65px}
html>body #bottom4 {top:0px; left:120px}
.img1		{border: 2px solid #800000; float:right; margin-left:20px; width:350px; height:263px}

.next	{background: url('../images/bg/next.gif') right 5px no-repeat; height:19px; margin:0px 0px 0px 5px; padding:0px 10px 0px 0px}
html>body .next	{background-position: right 4px}
.next2 {position:relative;top:-4px;}
html>body .next2	{top:0px}
#next3	{text-align: right; float:right;height:19px;margin-top:-15px;}
.mid-800 a:link, .mid-800 a:visited, .mid-800 a:active, .next2	{color: #c96819; text-decoration: none; font-weight: bold;  }
.mid-800 a:hover 		{color: #984400; text-decoration: underline; }
#taal	{position:absolute;top:145px;left:48px;z-index:40;}
#taal a	{padding:0px 10px 0px 5px; font-size: 11px;font-weight:bold;width:40px;text-decoration:none}
#taal a:hover {text-decoration:none}
#taal img	{border: 1px solid #553833;margin-left:10px}
#taal2	{position:relative;top:-40px;right:15px;font-weight:bold;font-size: 10px;}
#planta {float:right; border: 2px solid #800000; position:relative; background: url('../images/planta2.jpg') no-repeat top left; height:486px; width:500px}
#planta dt {position:absolute}
#planta img {border:0px}
.planta2 {color:#000; background-color:#FFFCE6; font-weight:normal; border:1px solid #BCBCBC; margin:0px; padding:3px}
.planta2 ul {list-style: none}
#div5, #div6 {position:absolute;top:165px;left:10px;width: 220px; height: 100px;display: block;}
#div6 {top:325px; width:175px}
#right, #right2, #right3	{float:right; width:170px;margin:18px 0px 0px 0px; padding: 0px}
html>body #right	{width:180px;margin-top:18px}
html>body #right2	{margin-top:10px}
#right3		{width:250px}
.lefttop	{float:left;font-family:Book Antiqua, Times New Roman; font-size: 16pt;font-weight: normal;height:165px}
.righttop	{float:right;font-family:Book Antiqua, Times New Roman; font-size: 14pt;font-weight: bold;text-align:right;height:165px}
#left	{float:left;width:520px;background: url('../images/bg/line800.gif') repeat-y 510px 50px; margin:18px 0px 0px 0px;z-index:2}
#left img	{border: 1px solid #800000;}
#left2	{float:left;width:570px;background: url('../images/bg/line800.gif') repeat-y 560px 50px; margin:18px 0px 0px 0px;z-index:2;}
#left3	{float:left;width:570px; margin:18px 0px 0px 0px;z-index:2;}
.destaque	{padding:15px;border: 1px solid #89592c;background:#f1eace;font-weight: bold}
.destaque2	{border:1px solid #89592c;background:#f3d298;font-weight: bold;float:right;width:250px;margin:0px 0px 15px 0px;padding:5px;text-align:center;}
.destaque3	{border:1px solid #89592c;background:#f3d298;;float:right;width:250px;margin:0px 0px 15px 0px;padding:10px;}
.destaque ul, .destaque3 ul {margin-left:15px}
.destaque li, .destaque3 li	{padding:2px 0px 2px 4px; text-decoration:normal;font-weight: normal}
.destaque5	{padding:15px;font-weight: bold}
.destaque4	{width:250px;margin:0px 0px 15px 0px;padding:10px;}
.destaque4 li	{padding:2px 0px 2px 4px; text-decoration:normal;font-weight: normal}
#div1 {position:relative; top:-50px}
#div2 {position:absolute; float:right;z-index:7}
#div3 {position:absolute; float:right;z-index:8}
#div4 {position:absolute; float:right;z-index:9}
p		{text-align: center}
h1	{font-size: 20pt;font-weight:bold;margin:0px 0px 0px; color:#8e0202; font-family:Constantia }				 	
h2, h3, h4, h5, h6  {font-size: 12pt;font-weight:bold;margin:0px 0px 0px; color:#8e0202;; font-family:Constantia }
ul, ul a { margin: 0px; padding-left: 0px;;text-align:left; }

.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}
.form-3			{width:130px; text-align: right; margin-right:10px; margin-top:3px; z-index:1}
.form-4			{width:130px; text-align: right; margin-right:212px; margin-top:3px; z-index:1}
html>body .form-2	{margin-left: 5px}

table li 	{margin-left:15px}
.top-left	{width: 950px; margin: auto; left: 50%; position:absolute; margin-left:-475px; top:10px;z-index:2; padding-top: 25px; font-family:Constantia; font-weight:bold; color:#fcf6e7;font-size:32px; background-image:url(../images/bg/naranjas.jpg); background-position: left; background-repeat: no-repeat; height: 70px; padding-left: 5px;}
.top-left a:link,.top-left a:visited {color:#fcf6e7; text-decoration: none; }
.top-left a:hover, .top-left a:active {color:#ecec67; text-decoration: none; }
.top-right1	{position:absolute;top:10px;font-size:24px;margin: auto; left: 50%; margin-left:-450px;width: 900px; text-align:right;font-family:Constantia; font-weight:bold; color:#fcf6e7}
.top-right2	{position:absolute;top:40px;font-size:16px;margin: auto; left: 50%; margin-left:-450px;width: 900px; text-align:right;font-family:Constantia;; color:#fcf6e7; font-style: italic;}
.top-right3	{position:absolute;top:-40px;font-size:11px;margin: auto; left: 50%; margin-left:-450px;width: 900px;text-align:right;font-family:Constantia; font-weight:bold; z-index:2; color:#fcf6e7}
.top-right3	a:link, .top-right3 a:visited, .top-right3 a:active	{color:#ecec67;text-decoration:none;}
.top-right3 a:hover { color: #ffffff;}
.footer		{color: #6b6b6b;font-weight: bold; position:relative; top:-27px;width:873px; text-align:right;height:18px; font-size: 12px;z-index:2}	
.e-mail		{position:relative;top:-45px;right:20px;margin: auto; left: 50%; margin-left:-475px;width: 900px;text-align:right}
#left5 		{float:left;margin-top:15px;width:170px;display:block; color:#530202; }
#left5 a	{font-size:12px; }
#left6 		{float:left;margin-top:15px;width:170px;display:block; }
#right5		{float:right;margin-top:15px;width:670px;display:block;margin-bottom:50px}
#right5 li	{font-weight:normal;}
table tr td		{valign:top}
#right4 {float:right;width:269px;margin:18px 0px 0px 0px;display:block}
#right4a {float:left;width:200px; margin:18px 0px 0px 0px;display:block}
#right4b {float:right; margin:18px 0px 0px 0px;display:block}
#slide       {position:absolute; width:552px; height:202px; z-index:2; left: 337px; top: 166px; visibility:visible;}
#wipeDiv1a, #wipeDiv1b, #wipeDiv1c, #wipeDiv1d, #wipeDiv1e, #wipeDiv1f      { 
	position: absolute; left: 0px;  top: 0px; width:268px; height:330px; z-index:1;	
	 visibility:hidden; clip:rect(0px, 150px, 150px, 300px); z-index:20; background-repeat: repeat;
	background:#f5dd9d url('../images/bg/backdestaque.jpg'); layer-background-repeat: repeat;
    layer-background:#f5dd9d url('../images/bg/backdestaque.jpg');border: 0px solid #89592c ;		
	}
	#wipeDiv1a li, #wipeDiv1b li, #wipeDiv1c li, #wipeDiv1d li, #wipeDiv1e li, #wipeDiv1f li      {font-weight:normal}
#flag {position:absolute;top:140px;right:49px; z-index:1;font-size: 12px;display:block;height:30px}
.flag2 {float:left; margin:0px 3px 0px 3px}
.flag3  {position:absolute;top:-44px;font-size:11px;margin: auto; left: 50%; margin-left:-450px;margin-bottom: 3px;width: 900px;text-align:right;font-family: Constantia; font-weight:bold; color:#fcf6e7; }
.flag3 a:link,.flag3 a:visited, .flag3 a:active {color:#fcf6e7; text-decoration: none; font-weight: bold;  }
.flag3 img  {margin-left:6px; border: none;}

a:link, a:visited, a:active, a	{color: #c96819; text-decoration: none; font-weight: bold;  }
a:hover 		{color: #984400; text-decoration: underline; }
.hiddenPic {display:none;}

.submenu, .submenu  ul {
 margin:0px;
 list-style: none;width:170px
 }
.submenu li {

padding: 0px ;
 border-bottom: 1px solid #d7d7d7;
 margin-right: -1px;
 height: 26px;
 line-height: 26px;
color:#666666;font-size:11px; font-weight:bold;

}

.submenu a, .self {
 display: block;;
padding: 6px ;

 text-decoration:  none;
 letter-spacing: 0pt; 
 line-height: 16px;
 height: 26px; 
 color:#666666;font-size:11px;font-weight:bold;
position:relative;top:-1px;
}
.self		{ color:#610202;font-size:12px}
.submenu a:hover, .submenu a.highlighted:hover, .submenu a:focus {
 color: #af1212;
 text-decoration:  none;
 line-height: 16px;
 height: 16x; 
}


/* HORIZONTAL FREESTYLE MENU LAYOUT */



/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
text-align:right;float:right; 
 }
 

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 32px; 
 left: 0px;
 width:200px;
 text-align: left;
 border: 1px solid #862809;
  border-right: 1px solid #862809;
  border-bottom: 2px solid #862809;background-color:#862809;

 }

.menulist ul#contacts {width: 73px;}




/* Second and third etc. level submenus - position across from parent instead */

.menulist ul ul {top:0px; left:200px;width: 200px;}
.menulist ul ul#cities, .menulist ul ul#caramulo {width: 195px; left:198px}

html>body .menulist ul ul#cities, html>body .menulist ul ul#caramulo {left:201px}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.BALKfceebf
*/
.menulist li {
 float: left;
 position: relative;
padding: 0px 0px 5px 0px ;
 border: 0px solid #781d08;
 margin-right: -1px;
 height: 26px;
 line-height: 26x;
color:#ecec67;font-size:11px;font-family:century gothic; font-weight:bold;

}
html>body .menulist li { padding: 0px }
/* Items in submenus - override float/border/margin from above, restoring default vertical style f6ebd6 */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
 height: 24px;
 line-height: 24px;
 background-color:#781d08;
 font-size:13px;width:200px
}
.menulist ul>li:last-child {
 margin-bottom: 0px;
 
}

 /* Links inside the menu */
.menulist a {

 padding: 0px 0px 0px 4px;
 text-decoration:  none;
 letter-spacing: 0pt; 
 line-height: 27px;
 height: 27px;
 font-weight: bold; 
 color:#ecec67;font-size:11px;font-family:century gothic; font-weight:bold;
position:relative;top:-1px;margin-bottom:-1px;
}


html>body .menulist a { display: block;}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus  */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: white;
background-color:#CC5D0E;
 text-decoration:  none;
}
.menulist ul li a:hover, .menulist ul li a.highlighted:hover, .menulist ul li a:focus {
background:#d6630f}

.menulist  a.highlighted, .menulist a:visited {


 text-decoration:  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);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
 height: 5px;

 
}
.menulist ul a .subind {
 display:  block;
 float: right;
 

 
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac #f6ebd6 f7f5d5 fbfbf5*/
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
   height: 21px;
 line-height: 21px;
 position:relative;top:1px;
font-size: 11px;background:#781d08;}
/* \*/
.menulist a {
 float: none; 
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */