body
{
	background-color: #fecf78;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto auto auto;
	color: #000000;
	font-size: 12px;
}
p{
font-size:11px;
text-align:left;
padding:2px;
margin:0px;
}
h1{
	font-size: 16px;
	font-weight: bold;
	color: #f3f3f3;
	width: 100%;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	
}
h2{
	font-size: 18px;
	font-weight: bold;
	color: #d8325d;;
	width: auto;
	padding: 0px 0px 5px 0px;
	margin: auto;
	text-decoration: none;
	text-align: center;
}

h3{
	font-size:14px;
	font-weight:bold;
	color:#0464a1;
	width: auto;
	padding:5px 0 5px 5px;
	margin: auto;
	text-decoration:none;
}
h4 {
	font-size: 14px; 
	font-weight: bold;
	color: blue;
	width: auto;
	padding: 5px 0 5px 0;
	margin: auto;
	text-decoration: none;
}
h5 {
	font-size: 14px;
	font-weight: bold;
	color: blue;
	width: auto;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0px;
	_margin: 0px 0 0px 0px;
	text-decoration: none;
	text-align: center;
	
}
tr.color1{
background-color:#F3F5F6;
}
#header{
	width: auto;
	_width: 100%;
	height: 160px;
	_height: 90px;
	position: relative;
	background-color: white;
	margin: 0px 8px 8px 8px;
	_margin: 0px 8px 8px 8px;
	border-bottom: 8px solid blue;
	_border-bottom: 8px solid blue;
}
.banner_adds{
	width:auto;
	_width:100%;
	height: 43px;
	_height: 30px;
	float: center;
	background: url(../images/images_h&f/menu-on.jpg);
	
}
#logo_footer_logo{
	padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin:0px 0 0 0px;
	_margin: 0px 0 0 0px;
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/images_h&f/footer_logo.gif);
	HEIGHT: 35px;
	WIDTH: 35px;

}
#Tipoconplata {
	width: 100%;
	_width: 100%;
	height: 180px;
	_height: 180px;
	padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	background-image: url(../images/images_Col2/Tipoconplata.jpg);
}
#logoGALA_1 {
	padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin:-10px 0 0 0px;
	_margin: -10px 0 0 0px;
	/*TOP: 14px;*/
	/*left:-70px;*/
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/images_h&f/GALA5.jpg);
	HEIGHT: 60px;
	WIDTH: 160px;
	/*POSITION: relative;*/
	}
#logo_casita_1{
   padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin: 100px 0 0 520px;
	_margin: -5px 0 0 55px;
	/*TOP: -60px;*/
	/*LEFT: 535px;*/
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/images_h&f/casita_build.gif);
	WIDTH: 147px;
	HEIGHT: 81px;
	/*POSITION: relative;*/
	}
#logoRosbaco_1 {
	padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin: 0px 0 0 95px;
	_margin: -40px 0 0 95px;
	/*TOP:-88px;*/
	/*LEFT:0px;*/
	FLOAT: right;
	BACKGROUND-IMAGE: url(../images/images_h&f/rosbaco_horizontal.gif);
	WIDTH: 175px;
	HEIGHT: 58px;
	POSITION: relative;
	
}
#logoGALA {
	padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin: 14px 0 0 30px;
	_margin:14px 0 0 30px;
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/images_h&f/GALA5.jpg);
	WIDTH: 160px;
	HEIGHT: 60px;
}
#logoprop_com_ {
	padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin: 17px 0 0 2px;
	_margin: 17px 0 0 2px;
	FLOAT: left;
background-image: url(../images/images_h&f/prop_com_.jpg);
	HEIGHT: 65px;
	WIDTH: 360px;
}
#logoRosbaco {
	padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin: -25px 0 0 -155px;
	_margin: -25px 0 0 -155px;
	FLOAT: right;
	BACKGROUND-IMAGE: url(../images/images_h&f/rosbaco_horizontal.gif);
	WIDTH: 175px;
	HEIGHT: 58px;
	POSITION: relative;
}
#logo_casita{
  padding: 0px 0 0 0px;
	_padding: 0px 0 0 0px;
	margin: -105px 0 0 270px;
	_margin: -105px 0 0 270px; 
	FLOAT: left;
	background-image: url(../images/images_h&f/casita_build.gif);
	WIDTH: 147px;
	HEIGHT: 81px;
	POSITION: relative;
	}
#main_container{
	width: auto;
	_width: 100%;
	height: 1285px;
	_height: auto;
	margin: 18px 8px 8px 8px;
	_margin: 18px 8px 8px 8px;
	clear: both;
	background-color: #FFFFFF;
	_background-color: #ffffff;
}
.column1{
	width: 34%;
	_width: 32%;
	height: auto;
	_height: auto;
	float: left;
	margin: 8px 2px 8px 8px;
	_margin: 8px 2px 8px 8px;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	border: thin dashed silver;
	
}
.box_title{
	width:100%;
	text-align:left;
	font-size:14px;
	color:#615357;
	padding:5px 0px 5px 0px;
}
.form{
	float: left;
	width: 98%;
	_width:98%;
	margin: 8px 0px 8px 0px;
	_margin: 8px 0px 8px 0px;
	text-align: left;
	color: blue;
	padding: 5px 0 5px 0px;
	/*border: medium double green;*/
}
.form_row{
	float:left;
	width: 100%;
	_width: 100%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	/*border: thin dashed silver;*/
	/*background-image: url(../images/images_h&f/button_bg.gif);*/
}
	
}
label{
	float:left;
	width:20%;
	_width:28%;	
	padding-top:0px;
	_padding-top:0px;
	text-align:left;
	/*border: thin dashed orange;*/
	
}


left{
	float:left;
	width:20%;
	_width:28%;	
	padding-top:0px;
	_padding-top:0px;
	text-align:left;
	/*border: thin dashed orange;*/
	
}

input.form_input{
	border: 1px solid #C8D2D9;
	background-color: #FFFFFF;
	margin: 0px;
	_margin: 0px;
	width: 64%;
	_width: 63%;
	float: right;
	
	/*border: medium dashed red;*/
	
}
.form_row_contact{
	float: left;
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 0px;
	/*border: medium dashed red;*/
	/*background-image: url(../images/images_h&f/button_bg.gif);*/
}

select.form_select{
	border: 1px solid #C8D2D9;
	background-color:white;
	margin:0px;
	width: 63%;
	_width: 63%;
	float:right;
	margin-left:0px;
	height:20px;
	/*border: thin medium red;*/
}
.left_box{
width: 100%;
	_width:100%;
	height: auto;
	_height: auto;
float:center;

/*border: thin dashed silver;*/
}
.top_left_box{
	width: 95%;
	_width: 95%;
	height: auto;
	_height: auto;
	margin: 5px  5px  5px 5px;
	_margin: 5px  5px  5px 5px;
	padding: 2px 2px 2px 2px;
	_padding: 2px 2px 2px 2px;
	/*float: center;*/
	background-color: #f2f7ff;
	/*border: thin medium blue;*/
}
.center_left_box{
	width: 95%;
	_width:95%;
	height: auto;
	_height: auto;
	margin: 5px  5px  5px 5px;
	_margin: 5px  5px  5px 5px;
	padding: 2px 2px 2px 2px;
	_padding: 2px 2px 2px 2px;
	/*float:center;*/
	background-color: #f2f7ff;
	/*border: thin dashed blue;*/
	}
tr.color1{
background-color:#F3F5F6;
}
.bottom_left_box{
	width: 95%;
	_width: 95%%;
	height: 15px;
	_height: auto;
	margin: 5px  5px  5px 5px;
	_margin: 5px  5px  5px 5px;
	padding: 2px 2px 2px 2px;
	_padding: 2px 2px 2px 2px;
	/*float:center;*/
	background-color: #f2f7ff;
	/*border: thin dashed green;*/

}

.column2{
	width: 60%;
	_width: 59%;
	height: auto;
	_height: auto;
	float: right;
	margin:8px 8px 2px 2px;
	_margin: 8px -2px 4px 2px;
	padding: 10px 5px 10px 5px;
	_padding: 10px 5px 10px 5px;
	border: thin dashed silver;
	background-color: #f2f7ff;
}
.column3{
	width: 60%;
	_width: 59%;
	height: auto;
	_height: auto;
	float: right;
	margin: 2px 8px 2px 2px;
	_margin: 2px -2px 4px 2px;
	padding: 10px 5px 10px 5px;
	_padding: 10px 5px 10px 5px;
background-color: #f2f7ff;
	border: thin dashed silver;
}
.column4{
	width: 60%;
	_width: 59%;
	height: auto;
	_height: auto;
	float: right;
	margin: 2px 8px 2px 2px;
	_margin: 2px -2px 4px 2px;
	padding: 10px 5px 10px 5px;
	_padding: 10px 5px 10px 5px;
background-color: #f2f7ff;
	border: thin dashed silver;
}

#footer{
	width: 98,5%;
	_width: 100%;
	height: 80px;
	_height: 80px;
	margin: 18px 8px 8px 5px;
	_margin: 18px 8px 8px 5px;
	clear: both;
	font-size: 11px;
	background-color: #f2efef;
	border-top: 1px #eeabbd dashed;
	
}
ul.footer_menu {
list-style:none; float:right; display:block; width:650px;
margin:0px; padding:9px 20px 0 0px;
}

ul.footer_menu li {
display:inline; font-size:11px;}

a.nav_footer:link, a.nav_footer:visited {
display:block; float:left; padding:5px 6px 5px 10px; margin:0; 
text-decoration:none; color:#2F2626;}

a.nav_footer:hover {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:underline; color:#2F2626;}

a.nav_footer:active {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:none;  color:#2F2626;}
#copyright{
float:left;
padding:0px;
}
.menu {
	font-weight: bold;
	padding: 0px  0px  0px  0px;
	float: right;
	height: 28px;
	width: 80%;
	margin:5px 5px 5px 5px; 
	margin:5px 5px 5px 5px; 
	
	background: #efefef;
	font-size: 150%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 28px;
}

/* style the sub-level lists */
/*.menu ul ul {width: auto;}*/

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
height:28px;
line-height: 28px;}

/* style the sub level list items */
.menu ul ul li {
	display: block;
	width: auto;
	height: auto;
	position: relative;
	line-height: 1em;
	border-bottom: 3px solid blue;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	float: left;
	height: 100%;
	font-size: 12px;
	text-decoration: none;
	color: white;
	padding: 0 21px 0 17px;
	background-image: url(../images/images_h&f/menu-on.jpg);
}

.menu a.current{
	background: #3da1e0;
}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display: block;
	background:transparent;
	color: GrayText;
	width: 25em;
	height: 100%;
	line-height: 1em;
	padding: 0.5em 1em;
}
.menu ul table ul a, .menu ul table ul a:visited  {
width: 14em; 
w\idth:12em;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute;
 left:0; 
 top:0; 
 font-size: 1em;
 z-index:-3;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background: #efefef;
}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
	background: #3da1e0;
}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {
	background: #3da1e0;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#3da1e0;}

/* style the level hovers */
/* first */
.menu a:hover {
	color: Gray Text;
	background: #fecf78;
}
.menu :hover > a {
	color: Gray Text;
	background: #fecf78;
}
/* second */
.menu ul ul a:hover{
	color: white; 
	background: url(../images/images_h&f/menu-on.jpg);
}
	

.menu ul ul :hover > a {
	color: Gray Text;;
	background: orange;
}
/* third */
.menu ul ul ul a:hover {
	background: #fecf78;
}
.menu ul ul ul :hover > a {background:#3da1e0;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 28px;
	left: 0;
	width: 14em;
}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible; 
height:auto; 
padding-bottom:3em; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility: visible;
	background: fuchsia;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}