@charset "utf-8";

.header .logo {
	float:left;
}

.header .toolbar {
	position:absolute;
	left:196px;
	z-index:18;
}

.header .toolbar ul li:first-child {
	background:none;
}

.header .toolbar ul li{
	float:left;
	background:url(../images/toolbar_ul_bg.jpg) no-repeat 8px 3px;
}

.header .toolbar ul li a{
	color:#9fbcc3;
	font-weight:normal;
}

.header .toolbar ul li a em{
	text-decoration:underline;
}


.header .toolbar .shortcuts {
	margin-left:430px;
}

.header .menu {
	position:absolute;
	top:0;
	left:205px;
}

.header .menu ul {
}

.header .menu ul li{
	padding:40px 10px 10px 10px;
	margin:0;
	float:left;
	color:#FFF;
	background:none;
	font-size:1.3em;
	font-weight:bold;
	cursor:pointer;
	width:145px;
	position:absolute;	
}

.header .menu ul li:first-child{
	background:none;
}

.header .menu ul li a{
	color:#FAFAFA; 
}

.header .menu #inicio {
}

.header .menu #alicante, .header .menu #licitaciones {
	left:0px;
}

.header .menu #oceanrace, .header .menu #noticias {
	left:160px;
}

.header .menu #evento, .header .menu #voluntarios {
	left:320px;
	z-index:5;
}

.header .menu #info {
	left:465px;
	z-index:10;	
}

.header .menu #comunicacion {
	left:605px;
	z-index:15;		
}

.header .menu #alicante.over, .header .menu #oceanrace.over, .header .menu #evento.over, .header .menu #info.over, .header .menu #comunicacion.over {
	z-index:20;
}

.header .menu ul ul {
	margin:-75px 0 0 -15px;
	padding:90px 10px 10px;
	display:none;
}

.header .menu ul li.over {
	background:#66acd2;
	border-bottom:4px solid #426f87;
}
.header .menu ul li.over ul {
	display:block;
}

.header .menu ul ul li{
	color:#FAFAFA;
	font-size:0.8em;
	float:none;
	padding:2px 6px;
	margin:0;
	position:relative;
	background:none;
}

.header .section {
	background:url(../images/section_bg.jpg) no-repeat;
	width:736px;
	height:48px;
	padding:12px 0 0 22px;
	position:absolute;
	top:73px;
	left:192px;
}

.header .section .title {
	font-size:2em;
	font-weight:bold;
	color:#FFF;
}

.header .section ul {
	margin:-10px 0 0 0;
	color:#666;	
}

.header .section ul li {
	float:left;
	background:none;
	padding:0;
	margin-right:8px;
}

.header .section ul li:first-child a{
	font-weight:bold;
	color:#999;
	margin:0;
	background:url(../images/breadcrumb_bullet.gif) no-repeat right 5px;		
}

.header .section ul li a {
	color:#666;
	font-weight:normal;
	padding:0 15px 0 0;
	background:url(../images/breadcrumb_arrow.gif) no-repeat right 5px;	
}

.header .interactive {
	clear:both;
	float:left;
	margin:0 0 0 -50px;
	display:none;
}

body.expanded .header {
	height:505px;
}

body.expanded .header .interactive{
	display:block;
}