body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464646;
	background-color: #b0b0c0; /*#cacad5;*//*#8580a0;*//*#c5c0c0;*/
	margin: 0;
	padding:0;
}

#container {
	position: relative;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 1000px;
	background-color: #fffcfc;
	text-align: left;
}


#logo {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
}

#logo img {
	border: none;
	padding: 6px 2px 2px 2px;;
	margin:0;
}

/* navigation bar --------------------------- */
#home .home, #service .service, #tips .tips, #retiro .retiro, #sales .sales, #about .about, #contact .contact, #colectivos .colectivos
{
	text-decoration: underline;
}

#nav {
	position: relative;
	width: 1000px;
	height: 34px;
	background-color: #cc2222;
	border: solid white;
	border-width: 1px 0 1px 0;
}

#nav span {
	position: absolute;
	width: 250px;
	top:9px;
	right:10px;
	color: white;
	font-style: italic;
	text-align: right;
}
	

#nav ul
{
	margin: 0px;
	padding: 0 0 0 0px;
	display: block;
	list-style-type: none;
}
#nav li{
	float: left;
	background-color:#cc2222;
}
#nav li a {
	display: block;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: white;
	border: solid white;
	border-width: 0 1px 0 0;
}
#nav li a:hover
{
	background: #775555;
	background:#555555;
}

#searchbox
{
	position: relative;
	float: left;
	width: 1000px;
	height: 135px;
	background-color: #f0eded;
	line-height: 28px;
	padding:0px;
	margin:0;
	z-index:1;
	font-family: Arial,sans-serif;
}

	#searchbox img.Round_BL
	{
		position: absolute;
		width: 22px;
		height: 22px;
		bottom: -2px;
		left: -2px;
		padding:0;
		margin:0;
	}

	#searchbox img.Round_TL
	{
		position: absolute;
		width: 22px;
		height: 22px;
		top: -2px;
		left: -2px;
		padding:0;
		margin:0;
	}
	#searchbox img.Round_TR
	{
		position: absolute;
		width: 22px;
		height: 22px;
		top: -2px;
		right: -2px;
		padding:0;
		margin:0;
	}
	#searchbox img.Round_BR
	{
		position: absolute;
		width: 22px;
		height: 22px;
		bottom: -2px;
		right: -2px;
		padding:0;
		margin:0;
	}


	#spacerbox
	{
		position: relative;
		float: left;
		width: 500px;
	}

	#inputbox
	{
		position:relative;
		top:10px;
		left: 80px;
		width: 260px;
		height: 93px;
		padding: 15px 70px 0 0px;
		border: 2px solid white;
		background-color: #cacaea;
		font-size: 14px;
		font-weight: bold;
		line-height: 22px;
	}


		#inputbox div
		{
			float: right;	
		}
		#inputbox span
		{
			color: #900000;
			position: relative;
			left: -3px;
		}


		#inputfield
		{
			position: relative;
			width: 137px;
			padding: 2px;
			top: 3px;
			left: 0px;
			font-family: Arial;
			font-weight: bold;
		}
		#submitbox
		{
			position: relative;
			top:5px;
			color: white;
			background:#cc2222;
			width: 95px;
			height: 25px;
		}

	.boxhd
	{
		font-size: 14px;
		font-weight:bold;
		text-align: center;
		color: #900000;/*#000088;*/
	}
	
	#languagebox
	{
		position:relative;
		padding: 18px 15px 0px 10px;
		width: 137px;
		height: 90px;
		float: left;
		top:10px;
		border: 2px solid white;
		border-left:0;
		background-color: #cacaea;
		font-size: 12px;
		line-height: 15px;
		
	}	

	#languagebox div.imgflag
	{
		position: relative;
		clear: both;
		height: 42px;
		margin: 3px 0 0 0;
		
	}

	#languagebox div.imgflag a.langu
	{
		color: #900000;	
	}

	#languagebox img.flag
	{
		float: left;
		border: 1px solid white;
		padding:0;
		margin: 0px 5px 0 5px;
	}
	
	#optionbox
	{
		position: relative;
		float:left;
		width: 250px;
		height:108px;
		border: 2px solid white;
		background-color: white;
		top: 10px;		
		line-height: 20px;
	}
	
	#optionboxtop
	{
		position: relative;
		width: 250px;
		height:65px;
		padding: 5px 0px 0 0px;
		background-color: #cacaea;
	}

		#optionboxtop #checkboxes
		{
			margin-left: 20px;
		}
		
		#optionboxtop #checkboxes div
		{
			width: 45px;
			height: 40px;
			float: left;
			line-height: 10px;
			font-size: 11px;
		}

	#optionboxbottom
	{
		position: relative;
		width: 250px;
		height:31px;
		padding: 5px 0px 0 0px;
		top: 2px;
		background-color: #cacaea;
	}

		#optionboxbottom select
		{
			position: relative;
			top:2px;
			height: 20px;
			font-size: 10px;
			background-color: #f6f4f4;
		}	



#content {
	position: relative;
	clear: both;
	padding: 25px;
	margin: 0 auto;
	width: 850px;
	background-color: #fffcfc;
}




#content h1 {
	font-family: Helvetica, Arial;
	font-size: 22px;
	border-bottom: 2px solid #cc2222;
	padding-top: 5px;
	margin-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 28px;}
#content h2 {
	font-family: Helvetica, Arial;
	font-size: 16px;
	margin:0;
	margin-top: 20px;
	margin-bottom: 13px;
	padding:0;
	}

#content span.warn {
					font-weight: bold;
					color: #c02222;}

#content div#headtable {
							float: left;
							width:610px;
							margin:0;
							padding: 7px 0 7px 0;}

#content div#fbsh {
					position: relative;
					top: 30px;					
}
							
#content div#headtable h1 {
					font-size: 15px;
					line-height:23px;
					border:0;
					margin:0;
					padding:0;}
#content div#headtable span {	
							background-color: white;
							border: solid 1px #cc2222;
							padding: 1px;}

#content div#termloc {
							float: left;
							font-size: 12px;
							width: 210px;
							margin: 0 0 10px 30px;
							padding: 7px 0 7px 0;
							background-color: #e0d0d0;
							}

#content div#termloc div.hdlin { 
							color: #900000;
							margin-bottom: 3px;
							margin: 0 0 1px 0;
							
}

#content div#termloc img { 
							float: left;
							margin: 3px 10px 2px 5px;
}



#content div#pricewarning {
							clear: both;
							text-align: right;
							margin-top: 15px;
							font-weight: bold;
							color: #661111;
							font-style: italic;
		}




#content table.connections {
	margin: 7px 0 13px 0;
	width:100%;
	font-size: 12px;
	border-collapse: collapse;
	border: 2px solid black;
	text-align: center;
}
#content table.connections tr.oddrow {background-color: #f0eded;/}/*#e0e0f0#f0ecec;#dddddd;*/

#content table.connections td{
	border: 1px solid black;
	padding: 1px;
}

#content table.connections th{
	border: none;
	padding: 3px 10px 3px 10px;	
}


#content table.connections thead {
	background-color: #cc2222; 
	color:white;
}
#content table.connections td img{
	position: relative;
	border: 0;
	margin: 3px;
	top: 2px;
}


#content table.dest {
	margin: 13px 0 13px 0;
	font-size: 12px;
	border-collapse: collapse;
	border: 2px solid black;
	text-align: left;
	width: 100%;}
#content table.dest tr.oddrow {background-color: #f0eded;/}/*#e0e0f0#f0ecec;#dddddd;*/

#content table.dest td {
	border: none;
	padding: 3px 10px 3px 10px;	
}
#content table.dest th{
	border: none;
	padding: 3px 10px 3px 10px;	
}
#content table.dest thead {
	background-color: #cc2222; 
	color:white;
}



#content div#subcon {
	position: relative;
	margin: auto;
	width: 760px;
}

#content div.addinfo {
	background-color:#f0e5f2;
	position: relative;
	float: left;
	width: 680px;
	padding: 10px;
	border: 1px solid #cc2222;
	margin: 20px 0 0 0;
}


#content div.cityinfo {
	background-color:#f0e5f2;
	position: relative;
	float: left;
	width: 825px;
	padding: 10px;
	border: 1px solid #cc2222;
	margin: 20px 0 20px 0;
}

#content div.cityinfo div.infoleft{
	width: 150px;
	float: left;
	font-size: 14px;
	color: #000088;
}

#content div.cityinfo div.infoleft h2{
	margin:0;
	padding:0;
}

#content div.cityinfo div.inforight{
	width: 650px;
	float: right;
}



#content div.fivereasons {
	position: absolute;
	width: 150px;
	height: 30px;
	top: -80px;
	left: 12px;
}

#content div.fivereasons a {
			display:block;
			color: #990000;
			background-color: white;
			text-align: center;
			padding: 10px;
			margin: 0 auto;
			border: 2px solid #cc2222;
			text-decoration: none;
	}
#content div.fivereasons a:hover {background-color: #e0e0e0;}

#content div#destinationlist {
	position: relative;
	float: right;
	margin: 90px 0 30px 0;
	padding: 10px;
	width: 160px;	
	background-color: #f0e5f2;
	border: 1px solid #cc2222;
}


#content div#destinationlist h2 { 
	text-align: center;
	font-size: 16px;
	padding: 3px;
}
		
#content div#destinationlist h2 a{ 
	color: #4444b0;
}



#content ul.mdestlist li { 
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	white-space: nowrap;
}




#content div#homecontent {
	position: relative;
	float: left;
	width: 500px;
}


#faq h2 {
	color: #992222;
	font-size: 13px;
	margin:0;
	padding:5px;
}	

#faq p {
	width: 550px;
	position: relative;
	margin:0;
	padding:0;
	top: 0;
	left: 50px;
}	

#tiplist li {
	padding: 5px;	
}


	div.hotellisting {width: 650px; height: 55px; padding: 5px; background-color: #ffeeff; clear:both; margin-bottom: 4px; line-height:17px;}	
	div.hotellisting div.htleft {float: left; width: 300px; height: 45px;}
	div.hotellisting div.htright {float: left; width: 350px; height: 45px;}
	div.hotellisting div.htright img {position: relative; width: 14px; height: 14px; top: 3px; margin-right: 7px;}
	
	div#starselect {float:left; width: 90px; height: 88px; padding: 3px; margin-bottom: 10px; 
					margin-top: 10px; border: 1px solid black;}
	div.starselectline {margin-bottom: 3px; height: 13px; padding:0; margin-top:0;}

	div#map {width: 760px; height: 350px; margin-top: 30px; margin-left:0px;}
	div#moreselect {float:left; width: 90px; height: 59px; padding-left: 3px; padding-right: 3px; padding-top: 30px; padding-bottom: 5px;  margin-bottom: 10px; 
					margin-top: 10px; margin-left: 0px; border: 1px solid black; text-align: center; font-size: 9px;}
	
	div#hotelinfo {float:left; width: 525px; height: 64px; padding-top: 15px; padding-bottom:15px; padding-left:10px; padding-right:5px; margin-bottom: 20px; line-height:18px;
					margin-top: 10px; margin-left: 20px; background-color: #eeeef0; border: 1px solid black;}
						
	div#hotelinfo div.htleft {float: left; width: 230px; height: 75px;}
	div#hotelinfo div.htright {float: left; width: 285px; height: 75px; margin-left: 10px}
	div#hotelinfo div.htright img {position: relative; width: 14px; height: 14px; top: 3px; margin-right: 7px;}

	div#addinf {float:left; width: 642px; padding-top: 15px; padding-bottom:15px; padding-left:10px; padding-right:5px; margin-bottom: 20px; line-height:18px;
					margin-top: 0px; margin-left: 0px; background-color: #eeeef0; border: 1px solid black;}

	.rate { display:block; position:relative; overflow:hidden; margin-right:4px; width:60px; height: 12px; padding:0; margin-top:4px;}
	.rate img { position:absolute;}
	.rate.star5 img {top: -0px;}
	.rate.star4 img {top:-12px;}
	.rate.star3 img {top:-24px;}
	.rate.star2 img {top:-36px;}
	.rate.star1 img {top:-48px;}
	
	.checkstar {float:left; margin-top: 0px; margin-right: 3px; padding:0; margin-bottom:0;}



.bottomad {
		
		position: relative;
		clear:both;
		margin: 0 auto;
		width:728px;
		height: 90px;
		margin-bottom: 15px;	
}

.bottomad_mediumrectangle {
		
		position: relative;
		width: 300px;
		height: 250px;
		margin: 15px;	
}

#bottomadspace {
		
		position: relative;
		clear:both;
		margin: 0 auto;
		width:728px;
		height: 90px;
		margin-bottom: 15px;	
}


div.paqlink {
		position: relative;
		clear:both;
		margin: 0 auto;
		width:728px;
		height: 90px;
		margin-top: 25px;
		margin-bottom: 5px;	
		background-color: #ffeecc;
		border: 1px solid #cc2222;

}

div.paqlink div {
		position: relative;
		float: left;
}

div.paqlink div.paqtxt {
		padding: 14px;
		font-size: 14px;
		
}

div.paqlink div.paqtxt a {
		font-weight: bold;
		
}


div.switch_language {
	position: relative;
	clear: both;
	padding: 20px 0 20px 0;
	width: 450px;
	margin: 0 auto;

}

#footer {
	font-size:15px;
	position: relative;
	clear: both;
	padding-left:20px;
	padding-right:20px;
	line-height: 34px;
	display:block;
	width: 960px;
	height: 34px;
	color:#FFFFFF;
	background-color: #bb2222;
	text-align:left;}

#footer div {
	text-align:right; 
	width:200px;
	position: absolute; 
	top:0; 
	right:20px;}

#footer a {
	color:#FFFFFF;
	text-decoration:none;}
	
#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;}