@charset "utf-8";
/* CSS - Lostamarindos.es */

/*
-	FORMATOS
*/
body {
	background-color: #485B53;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
img {
	border: 0px;
}
/*
-	LINKS
*/
a, a:active {
	color:#666666;
	text-decoration:none;
}
a:hover, a.marked{
	color:#000000;
	text-decoration:none;
}
/*
-	POSICIONES
*/
.footer, .content, .header {
	position:absolute;
	margin-left: -395px;
	left: 50%;
}
.header {
	margin-top: -110px;
}
.horizon {
	position: absolute;
	top: 120px;
}
/*
-	MARGENES
*/
.logo, .nav, .left {
	margin-top:5px;
	margin-left:10px;
}
.right {
	margin-top:-356px;
	margin-right:10px;
	_margin-right:-3px; /* IE 6.0 */
	*margin-top: -351px;
	_margin-top:-361px;
}
/*
-	GENERAL
*/
.horizon {
	 
    height: 444px;
	width:100%;

}
	.header {
		background-image:url(../images/header.gif);
		background-color: #FF0000;
		height: 110px;
		width: 789px;
		text-align:center;
		font-size: 10px;
		font-weight:bold;
		color:#666666;
		/*padding-top:10px;*/
		text-transform:lowercase;
	}
	.container {
		background-color:#99ABA3; 
		height: 376px;
		width:100%;
	}
		.content {
			background-color:#FFFFFF; 
			height: 376px;
			width: 789px;
		}
			.logo {
				height: 80px;
				width: 355px;
				background-image:url(../images/logo.gif);
			}
			.nav {
				height: 20px;
				width: 100%;
				font-family:Arial, Helvetica, sans-serif;
				text-align:center;
				font-weight:bold;
				font-size: 12px;
				margin-left:-10px;
			}
				.nav ul {
					list-style:none;
				}
				
					.nav ul li {
						display:block;
						width: 75px;
						float:left;
					}
			.left {
				height: 246px;
				width: 295px;
				padding-top:0px;
				padding-left:30px;
				padding-right:30px;
				text-align:left;
				font-size: 10px;
				text-align:justify;
				overflow:hidden;
			}
			
			.right {
				height: 336px;
				width: 391px;
				float: right;
				padding:10px 16px 10px 10px;
			}
			
	.footer
	{
		background-image:url(../images/footer.gif);
		height: 32px;
		width:789px;
		text-align:center;
	}
	
	.signature
	{
		position: absolute;
		float: right;
		top:0px;
		right:0px;
	}
	
	#flash
	{
		margin-top:-25px;
	}
	
	#flash2 {
		margin-top: 0px;
	}
	
			
			.holder {
				float: left;
				margin: 10px;
				margin-left: -5px;
				_margin-left: 0px;
			}
			.scroll-pane {
				width: 300px;
				overflow: auto;
				background: #ccc;
				float: left;
				padding-right: 10px;
			}
			#pane2 {
				height: 230px;
			}
			
			a.jScrollArrowUp {
				background: url(../js/jScrollPane/basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(../js/jScrollPane/basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}

			.jScrollPaneTrack {
				background: #fff;
			}
			.jScrollPaneDrag {
				background: #eee;
			}
			.scroll-pane {
				background: #fff;
			}
.clear{
	clear:both;	
}
#tripadvisor{
	float: left;
    margin-left: 3px;
}

#facebook{
	float: left;
    margin-top: 48px;
    width: 251px;
}
#social{
	background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    margin: 55px auto 0;
    position: relative;
    width: 433px;
}
#socialcontainer{
	background-color: #485B53;
    padding-bottom: 13px;
    padding-top: 13px;
    width: 100%;
}
#headerContainer{
	background-color: #617D71;
    height: 150px;
    width: 100%;
}