/* CSS Document */

html {
	min-height: 100%;
}
body {
	margin: 0;
	padding:7px;
	min-height: 100%;
}

#container{
width: 800px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
}
#header{
width: 800px;
background-color: #D5DBE1;
}

#contentbox{
font-size:12px;
background-color: #EDF0FF;
border: 1px solid #CCCCCC;
float: right;
padding:2px;
}
#contentlist{
font-size:12px;
/* background-color: #F9F9F9;
border: 1px solid #CCCCCC; */
float: left;
padding:2px;
margin-left:7px;
}

#contentbig{
font-size:12px;
float: left;
}


#infobox{
font-size:12px;
background-color: #EDF0FF;
border: 1px solid #CCCCCC;
padding:2px;
margin-top:10px;
float:left;
}


#leftnav{
height: 100%;
background-color: #6AADEE;
border: 1px solid #CCCCCC;
float: left;
color: white;
padding:2px;
}
#rightnav{
height: 100%;
background-color: #6AADEE;
border: 1px solid #CCCCCC;
float: right;
color: white;
padding:2px;
}
#rightfloat{
height: 100%;
float: right;
margin-right:6px;

}

#contentmain{
float: left;
font-size:12px;
height: 100%;
}
#infolistbox{
height: 100%;
background-color: #EDF0FF;
border: 1px solid #CCCCCC;
float: left;
color: #4577BC;
padding:2px;
}
/* Footer Menu */
.footer{
font: 12px Arial;
font-weight:bold;
border-bottom: 3px solid #DDDCDC;
text-align: center;

	padding: 12px 0px 0px 20px;
	margin: 0 0 0 0;
	background:#DDDCDC url(menub_bg.gif) repeat-x;
	height: 27px;
	width:780px;
	_width:780px;
	

}
.footer li{
list-style: none;
display: inline;
}
.footer li a{
padding: 8px;
text-decoration: none;
color:#000000;

}
.footer li.current a, .footer li a:hover{
color:#FA8406;
}
/* ---------------------------  */
#spacer{
clear: both;
width: 800px;
line-height:7px;
height:7px;
}
#break{
clear: both;
line-height:10px;
height:10px;
}

#titlebar
{
clear: both;
font-size:13px;
font-weight:bold;
color: white;
height:20px;
background: #4577BC url(title.gif) repeat-x center left;
text-align:center;
vertical-align:middle;
padding-top:4px;
border-bottom: 1px solid #045C97;
}
#yellowbar
{
clear: both;
font-size:15px;
font-weight:bold;
color: black;
height:20px;
background: #4577BC url(yellow.gif) repeat-x center left;
text-align:center;
vertical-align:middle;
padding-top:4px;
border: 1px solid #CEB814;
}

#yellowbarnew
{
clear: both;
font-size:14px;
font-weight:bold;
text-decoration: underline;
color: black;
height:18px;
background: #4577BC url(yellow.gif) repeat-x center left;
text-align:right;
vertical-align:middle;
padding-right:20px;
border: 1px solid #CEB814;
}

#orangebar
{
clear: both;
font-size:15px;
font-weight:bold;
color: black;
height:20px;
background: #FBA951 url(orange.gif) repeat-x center left;
text-align:center;
vertical-align:middle;
padding-top:4px;
border: 1px solid #FF8F25;
}
#redbar
{
clear: both;
font-size:15px;
font-weight:bold;
color: black;
height:20px;
background: #4577BC url(red.gif) repeat-x center left;
text-align:center;
vertical-align:middle;
padding-top:4px;
border: 1px solid #A71307;
}

/* Header Main Logo Images */

#head2{
width: 521px;
height:219px;
background: white url(head2.jpg) no-repeat;
float: right;
}
#head1{
width: 279px;
height: 219px;
background: white url(head1.jpg) no-repeat;
float: left;
color: white;
}
/* Header Menu Navigation */

.glossymenu{
	padding: 0px 0px 0px 20px;
	margin: 0 0 0 0;
	background:#DDDCDC url(menub_bg.gif) repeat-x;
	height: 41px;
	list-style: none;
	width:780px;
	_width:780px;

}

.glossymenu li{
	float:left;
}
.glossymenu li a{
	float: left;
	display: block;
	color:#4577BC;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 12px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;	
}
.glossymenu li a b{
	float: left;
	display: block;
	padding: 0px 22px 0px 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(menub_hover_left.gif) no-repeat;
	background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(menub_hover_right.gif) no-repeat right top;
}
/* Owner Navigation Menu */
.bevelmenu{
font: bold 11px Arial;
padding: 6px;
margin: 0 0 0 0;
background: #DDDCDC url(menub_bg.gif) repeat-x;
border-bottom: 5px solid #045C97;
text-align: center;
}
.bevelmenu li{
list-style: none;
display: inline;
}
.bevelmenu li a{
padding: 6px;
text-decoration: none;
color:#4577BC;

}
.bevelmenu li.current a, .bevelmenu li a:hover{
color:white;
background: url(menub_hover_right.gif) no-repeat;
background-position: left;
}
/* Left Navigation List Box */
#listheaderbar{
font-size:13px;
font-weight:bold;
color: #FFFFFF;
background: #4577BC url(title.gif) repeat-x center left;
width:100%;
margin-bottom: 5px;
text-align:center;
padding-top:2px;
height:18px;
border-bottom: 1px solid #045C97;
}

#headback{
color: #FFFFFF;
background: #4577BC url(title.gif) repeat-x center left;
width:100%;
margin-bottom: 5px;
padding-top:3px;
height:21px;
border-bottom: 1px solid #045C97;
}
.arrowlistmenu{
width:140px;
padding-left:10px;
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding:0 0 0 0;
margin-bottom: 8px;
}
.arrowlistmenu ul li a{
list-style-type: none;
font-size:11px;
font-weight:bold;
color: #000000;
background: url(arrow.gif) no-repeat center left; 
display: block;
padding:0px 2px 2px 10px;
text-decoration: none;
_height:100%;
}
.arrowlistmenu ul li a:hover{ 
color: #FFFFFF;
}
/* New List bullet */
.boxlist{
width:155px;
}
.boxlist ul{
list-style-type: none;
margin: 0;
padding:0 0 0 0;
margin-bottom: 8px;
}
.boxlist ul li a{
list-style-type: none;
font-size:11px;
font-weight:bold;
text-align:right;
color: #000000;
background: url(box.jpg) no-repeat center right; 
display: block;
padding:0px 15px 2px 0px;
text-decoration: underline;
_height:100%;
}
.boxlist ul li a:hover{ 
color: #FFFFFF;
}

/* Begin listings */
.listingbox{
}

#listingTitle{
    padding: 0 0 0 12px;
	font-size: 9pt;
	color: #000000;
	font-size: 9pt;
	text-decoration: none;
	
}
#listingTitle a:link, .listingTitle a:visited{
	color: #000000;
	font-size: 9pt;
	text-decoration: none;
}
.listingTitle span {
	color:#FD790C;
	font-weight:normal;
}
.listingContent { /* contain floats */
    overflow: hidden;
    /*zoom: 1;*/
    position: relative;
}
.detailColumn {
	position: absolute;
	left: 165px;
	_left: 173px;
	width:220px;
	padding: 15px 0 0 2px;
	_padding: 15px 0 0 2px;
	top: -42px;
}
.detailColumn ul {
	font-size:12px;
	text-decoration: none;
    list-style-type: disc;
    list-style-position: inside;
	margin: 0;
	height:20px;
}
.ratesColumn {
	position: absolute;
	left: 400px;
	height:99px;
	width:170px;
	padding: 7px 0 0 8px;
	background:#4577BC;
	color:#FFFFFF;
}
.ratesColumn .ratesTitle {
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
}
.rates {
	font-size:13px;
	text-decoration: none;
}

.photolink {	
float: left;
text-align: center;
padding: 10px 0px 0px 10px;
position: relative;
padding-bottom:10px;
border:0px;
}
/* Begin Images */
#imagebox{
float:left;
width: 137px;
border: 1px solid #4E9CE4;
text-align:center;
padding-bottom:2px;
margin-left:6px;
_margin-left:6px;
}
#imagebar{
font-size:14px;
font-weight:bold;
color: #65A5D3;
background: #4577BC url(gray.gif) repeat-x center left;
width:100%;
margin-bottom: 2px;
text-align:center;
padding-top:2px;
height:18px;
border-bottom: 1px solid #045C97;
}

.list {
float:left;
margin:0 0 0 0;
}
.list ul {
font-size:12px;
text-decoration: none;
list-style-type: none;
padding:0px 5px 0 10px;
}
#boxcontent{
clear: both;
margin:0 0 0 0;
padding:0 0 0 0;
}
#smallbox{
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}
/* Button Css */

a.squarebutton{
background: transparent url('square-gray-left.gif') no-repeat top left;
display: block;
font-size:13px;
font-weight:bold;
line-height: 15px; 
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
text-align:center;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #000000; /*button text color*/
}

a.squarebutton span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}
a.squarebutton:hover{ 
background-position: bottom left;
}
a.squarebutton:hover span{ 
background-position: bottom right;
color: #FA8406;
}
.buttonwrapper{
clear:both;
overflow: hidden;
margin-top:2px;
margin-bottom:2px;
}

#headimage{
	font-size:15px;
	font-weight:bold;
	color: black;
	color:#000000;
	position:absolute;
	width:160px;
	padding-top:12px;
	padding-left:46px;
}

#headimageleft{
font-size:15px;
font-weight:bold;
color: black;
color:#000000;
width:165px;
padding-top:6px;
text-align:center;
}

#headfixed{
font-size:15px;
font-weight:bold;
color:#000000;
width:115px;
_width:115px;
height:28px;
_height:28px;
_padding-top:12px;
_padding-left:45px;
padding-top:12px;
padding-left:45px;
}

#headfixed1{
font-size:15px;
font-weight:bold;
color:#000000;
width:160px;
height:28px;
_height:28px;
_padding-top:12px;
padding-top:12px;
}


#headflex{
font-size:13px;
font-weight:bold;
color: black;
color:#000000;
height:28px;
_height:28px;
_padding-top:12px;
_padding-left:45px;
padding-top:12px;
padding-left:45px;
}


#listingbox
{
border: 1px solid #CD2035; 
padding:10px;
overflow: hidden;
}

#listingboxtwo
{
border: 3px solid #3882AA; 
height: auto; /*170px*/
padding:10px;
overflow: hidden;

}


.photolisting {	
float: left;
padding: 15px;
border:0px;
}

#listingColumn {
    float:left;
	width:360px;
}
#listingColumn ul {
	font-size:13px;
	text-decoration: none;
    list-style-type:none;
	line-height:20px;
	_margin:0px;
	margin: 0px;
}

#orangebarone
{
clear: both;
font-size:15px;
font-weight:bold;
color: white;
height:20px;
background: #FBA951 url(orange.gif) repeat-x center left;
text-align:left;
vertical-align:middle;
padding-top:4px;
padding-left:2px;
border: 1px solid #FF8F25;
}

.orange {
	color: #FF7F00;
	font-weight: bold;
}

.linkgenSection {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #31548F;

	font-weight: 700;

}



.linkgenTitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5656B6 }

a.linkgenTitle:link    {

  text-decoration:  underline;

  } 

a.linkgenTitle:visited {

  text-decoration:  underline;

  } 

a.linkgenTitle:hover   {

  text-decoration:  underline;

  } 

a.linkgenTitle:active  {

  text-decoration:  underline;

  } 

  

.linkngenDescription {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;



}

.commontext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;



}

/* styles for destinations objects */

	#obj-dest
	{
	  	margin-bottom: 1em;
	  	width:100%;
	  	/*background:#FCFCFC;*/
	  	/*background:#FC9;*/
	  	border:1px solid #CCC;
	  	/*padding-left:10px;*/
	}
	
	
	#obj-dest br
	{
	  	clear: left;
	}
	
	#obj-dest h2 
	{	
		/*display: block;*/
		font-size:14px;
		margin:0px;
		padding:0px;
	}
	
	#obj-dest h3 
	{	
		/*display: block;*/		
		font-size:12px;
		margin:0px;
		padding:0px;
	}
	
	/*Definimos las clases para <ul> */

	#obj-dest ul.columnas4
	{
  		float: left;
  		width: 100%; /*Este ancho sera el total que ocupen muestras columnas */
  		list-style-type: none; /*Eliminamos las vinetas */	
		left: 0em;
		right: 0em;		
		/*margin-top:0px;		
		margin-left:-10px;*/
  	}

  	#obj-dest ul.columnas 
	{
  		float: left;
  		width: 100%; /*Este ancho sera el total que ocupen muestras columnas */
  		List-style-type: none; /*Eliminamos las vinetas */	
		left: 0em;
		right: 0em;
		margin-top:1px;
  	}
  
  	#obj-dest ul.columnas2 , #obj-dest ul.columnas3 
	{
  		Float: left;
  		width: 95%; /*Este ancho sera el total que ocupen muestras columnas */
  		list-style-type: none; /*Eliminamos las vinetas */	
		left: 0em;
		right: 0em;
		padding-bottom:7px;
		margin-left:-20px;
  	}

  	#obj-dest ul.columnas2grande 
	{			
  		float: left;
  		width: 116%; /*Este ancho sera el total que ocupen muestras columnas */
  		list-style-type: none; /*Eliminamos las vinetas */	
		left: 0em;
		right: 0em;
		padding-bottom:7px;
		margin-left:-70px;
  	}
    
/*Definimos las propiedades para <li> a partir de las otorgadas a <ul>*/

	#obj-dest ul.columnas4 li
  	{
		white-space:nowrap;
	  	text-align:left;
	  	/*display:inline; *//*Se declara que las propiedades seran otorgadas a cada linea*/
  		float: left;
  		/*padding-left: .01em;*/
  		width:100%;
		/*display:block;				
		padding-bottom:-30px;*/
  	} 
	
	#obj-dest ul.columnas li
  	{
		/*white-space:nowrap;*/
	  	text-align:left;
	  	display:inline; /*Se declara que las propiedades seran otorgadas a cada linea*/
  		float: left;
  		/*padding-left: .01em;*/
  		width:30%;
		display:block;		
  	} 
  	
	#obj-dest ul.columnas2 li, #obj-dest ul.columnas3 li
  	{
		/*white-space:nowrap;*/
	  	text-align:left;
		padding:0;
		margin:0;
	  	/*display:inline;*/ /*Se declara que las propiedades seran otorgadas a cada linea*/
  		float: left;		
  		/*padding-left: .5em;*/
  		width:30%;
  	}
	
  	#obj-dest ul.columnas2grande li 
	{	
  		white-space:nowrap;
	  	text-align:left;
		padding:0;
		margin:0;
	  	/*display:inline;*/ /*Se declara que las propiedades seran otorgadas a cada linea*/
  		float: left;		
  		/*padding-left: .5em;*/
  		width:28%;
		letter-spacing:-1px;  
  	}
	
	#obj-dest ul.columnas li.padre
	{
		white-space:nowrap;
		padding-top:7px;		
		width:90%;		
	}
/*Al definir el ancho definimos tambien el numero de columnas, siendo 25% para 4 columnas, 33% para 3, 50% para 2 y asi para la cantidad de columnas que deseemos */

/* anchor styling */
	
	#obj-dest ul.columnas4 li a
	{
		display: block;
		font-family: Trebuchet MS;
		text-decoration: none;
	  	width: 90%;	
		color:#03C;
		font-size:20px;/*	*/			
		
	}
	
	#obj-dest ul.columnas li a
	{
		display: block;
		font-family: Trebuchet MS;
		text-decoration: none;
	  	width: 100%;	
		color:#06F;
		font-size:13px;				
		
	}
	
	
	#obj-dest ul.columnas4 li a:hover
	{
		/*white-space:nowrap;*/
	  	color: #FFF; /* white */
	  	background-color: #09F; /* brown */
	  
	}
	
	#obj-dest ul.columnas li a:hover
	{
		/*white-space:nowrap;*/
	  	color: #FFF; /* white */
	  	background-color: #09F; /* brown */
	  
	}

	#obj-dest ul.columnas2 li a, #obj-dest ul.columnas3 li a, #obj-dest ul.columnas2grande li a
	{
		display: block;
		font-family: Trebuchet MS;
		text-decoration: none;
	  	/*width: 10em;*/
		color:#4577BC;
		font-size:11px;
		/*letter-spacing:-1px;*/
	}
	
	#obj-dest ul.columnas2 li a:hover, #obj-dest ul.columnas3 li a:hover, #obj-dest ul.columnas2grande li  a:hover
	{
		/*white-space:nowrap;*/
	  	color: #FFF; /* white */
	  	background-color: #09e; /* brown */
	  
	}

#path {
margin-top:-8px;
padding:1px;
	color: #333399;
	font-size: 14px;
	font-weight:bold;
	font-family: Trebuchet MS;
	letter-spacing:-1px;

}

#path a {
	text-decoration: none;
	color: rgb(69, 119, 188);
	font-size: 14px;
	font-weight:bold;
	font-family: Trebuchet MS;
	letter-spacing:-1px;
	padding: 0 2px 0 2px;

}

#path a:hover {
	text-decoration: none;
	color:#FFF;
	font-size: 14px;
	font-weight:bold;
	font-family: Trebuchet MS;
	letter-spacing:-1px;
	background:rgb(69, 119, 188);
	padding: 0 2px 0 2px;
	display:inline-block;
}

#path br {
font-size:5px;
line-height:5px;
margin:0px;
padding:0px;
}

	#er_path a  
	{
		/*display: block;*/
		font-family: Trebuchet MS;
		text-decoration: none;
	  	/*width: 100%;	*/
		color:#06F;
		font-size:13px;				
		
	}
	
	#er_path a:hover  
	{
		/*white-space:nowrap;*/
	  	color: #FFF; /* white */
	  	background-color: #09F; /* brown */
	  
	}


/* BEGIN LISTINGS */
#td_header_partner000 {background-color:#FEF2DA}
#td_header_partner002 {background-color:#99CCFF}
/* END LISTINGS */
