@charset "utf-8";
/* CSS Document */

/*-STYLES-*/

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#FDFDFB url(assets/background-white.jpg);
}

a {
	text-decoration:none;
	color:#D95F0F;
	font-weight:bold;
}
a:hover {
	
}
ul {
	margin:0;
	padding:0;
	list-style-type: none;
	clear:both;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}


#mainFrame {
	width:100%;
	height:496px;
	margin:0 auto;
	position:relative;
	background:#354057 url(assets/background-purple.jpg);
	text-align:center;
}

#header {
	width:800px;
	height:112px;
	margin:0 auto;
	position:relative;
	background:#354057 url(assets/background-mainfeature.jpg) no-repeat center top;
}


#header h1 {
	background:url("assets/puerto-piramides.png") no-repeat scroll left top transparent;
	height:49px;
	left:32px;
	margin:0;
	padding:0;
	position:absolute;
	text-indent:-5000px;
	top:45px;
	width:206px;
}
#header h2 {
	margin:0;
	display:none;
	text-indent:-5000px;
}
#header .publicidad {
	position:absolute;
	right:10px;
	top:30px;
}

#secondaryMenu { 
		clear:both;
		left:600px;
		position:absolute;
		top:73px;
		width:300px;
}
	#secondaryMenu li{ 
		float:left;
		width:100px;
		height:22px;
	}
	#secondaryMenu li a{ 
		color:#FFFFFF;
		text-indent:-5000px;
		width:100%;
		height:100%;
		display:block;
	}
	#secondaryMenu li a:hover{ } 
	
			#secondaryMenu #noticias { background:url(assets/menu-noticias.png) no-repeat top left;}
			#secondaryMenu #reservas { background:url(assets/menu-reservas.png) no-repeat top left;}
			#secondaryMenu #contacto { background:url(assets/menu-contacto.png) no-repeat top left;}




	#mainmenu {
		width:800px;
		height:45px;
		margin:0;
		padding:0;
		position:absolute;
		bottom:0;
		left:0;
		background:#303538;
		font-weight:bold;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
		#mainmenu ul {
			margin:0;
			padding:0;
			list-style-type: none;
			clear:both;
		}
		#mainmenu li {
			float:left;
			height:30px;
		}
			#mainmenu li a {
				display:block;
				padding:15px 0 0 20px;
				height:100%;
				width:100%;
				color:#FFF;
			}
			#mainmenu li#selected {
			}
			
			
#content {
	width:800px;
	margin:0 auto;
	clear:both;
	height:auto;
	position:relative;
}
	#primaryContent {
		width:670px;
		float:left;
		padding:20px;
	}
		#mainFeature{ 	
			width:778px;
			height:384px;
			margin:0 auto;
			background:#354057 url(assets/background-mainfeature.jpg) no-repeat center bottom;
		}
	
	
	#secondaryContent {
		width:250px;
		float:right;
		padding:20px 0;
	}
	
		#mainMenuFeature { 
			background:url("assets/background-colfeatures.jpg") no-repeat scroll center 103px transparent;
			height:340px;
			margin:0 auto;
			width:768px;
		}
						
		#mainMenuFeature li{
			float:left;
			width:192px;
			height:300px;
		}
		
		#mainMenuFeature li a{
				background:url("assets/more-arrow.png") no-repeat scroll 20px bottom transparent;
				color:#837263;
				display:block;
				height:150px;
				padding:120px 20px 0;
				width:152px;		
			}
		
			#mainMenuFeature #alojamiento { background:url(assets/colmenu-alojamiento.jpg) no-repeat left top;}
			#mainMenuFeature #actividades { background:url(assets/colmenu-actividades.jpg) no-repeat left top;}
			#mainMenuFeature #fauna { background:url(assets/colmenu-fauna.jpg) no-repeat left top;}
			#mainMenuFeature #ballenas { background:url(assets/colmenu-ballenas.jpg) no-repeat left top;}
			
			#mainMenuFeature h1{
				margin:0;
				padding:0;
				width:100%;
				text-indent:-5000px;
				height:36px;
			}
			
			#mainMenuFeature #alojamiento h1{ background:url(assets/title-alojamiento.png) no-repeat left top;}
			#mainMenuFeature #actividades h1{ background:url(assets/title-actividades.png) no-repeat left top;}
			#mainMenuFeature #fauna h1{ background:url(assets/title-fauna.png) no-repeat left top;}
			#mainMenuFeature #ballenas h1{ background:url(assets/title-ballenas.png) no-repeat left top;}

	
	
	#tertiaryContent {
	}
	#quaternaryContent {
	}


#footer {
	width:800px;
	margin:0 auto;
	padding:20px;
	color:#666;
	text-align:center;
	color:#837263;
	font-size:10px;
}
	#footer a {
		color:#837263; 
	}


/*---ClearFIX---*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}