/*
Colors:
BG PLUS #535768
TXT: #7e849b
TXT HI: #a2d9f8


*/
/* Generals ==========*/

* { margin: 0; padding: 0; border: 0 }

body {
	font-family: arial,sans-serif;
	color: #3a3f4c;
}

h1, h2, h3 { 
	font-weight: 100;
	font-family: "lucida sans unicode","lucida grande",sans-serif; 
}

h1 { font-size: 16px;}
h2{ font-size: 14px; color: #2b7ad0;  }
h3 { 
	font-size: 14px; 
	text-transform: uppercase; 
	padding-bottom: 3px; 
	color: #050505;
}
strong, strong a { color: #000 !important }

a { 
	text-decoration: none;
	color: #fff;
	font-weight: 800;
}
	a:hover { 
		text-decoration: underline;
	}

br.clear { clear: both }

span.bull { 
	font-weight: 900; 
	padding: 0 5px 0 10px;
	line-height: 1.4;
}
span.rebull { 
	font-weight: 900; 
	padding: 0 5px 0 20px;
	line-height: 1.4;
}

.bk { color: #333}
	
div.lang { text-align: right;}
	div.lang a { 	
		color: #000; 
		padding: 0 14px;
		margin: 0 10px;
		background:  #5baaf0;
		font-size: 11px;
	}
/* estructura  =========*/
#contenidor {
	width: 890px;
	margin: 0 auto;
	margin-top: 46px;
	padding-bottom: 46px;
}
	#contingut {
		width: 730px;
		float: right;
	}
		#cap {
			position: relative;
			height: 104px;
			color: #a2d9f8;
			background: #535768; 
			overflow: hidden;
		}
			#cap h1 {
				display: block;
				width: 282px; height: 66px;
				padding: 20px;
			}
			#cap img {
				position: absolute;
				top: 0px; right: 0px;
			}
		#menu {
			margin: 14px 0;
			height: 22px;
			list-style: none;
			color: #fff;
			
		}
			#menu li {
				/*float: left;*/
				font-size:12px;
			}
				#menu li a, #menu li span {
					background: #7e849b url(img/bg_menu.png) repeat-x top;
					display: block;
					width: 145px;
					height: 19px;
					border-right: 1px solid #fff;
					text-align: center;
					font-family: "lucida sans unicode","lucida grande",sans-serif; 
					text-transform: uppercase;
					padding-top: 3px;
					font-weight: 100 ;
				}
					#menu li a:hover, #menu li a.active,  #menu li span.active {
						text-decoration: none;
						background-position: bottom;
					}
		/*Sub menu */
		#menu li ul li a {
			background: #fff;
			color: #2c7acd;
			border-bottom: 1px solid #35a9ff;
			text-transform: none;
		
		}
			#menu li ul li a:hover, #menu li ul li a.active  {
				background: #c73645;
				color: #fff;
			}
		
		
		#info {
			margin-top: 7px;
		
		}
		
	#secundari {
		width: 141px;
		float: left;
		height: 100px;
	
	}

/* peu */
#peu {
	width: 100%;
	height: 46px;
	background: #bcc5e8 url(img/bg_peu.png);
}
	#peu p {
		padding-top: 20px;
		font-size: 11px;
		text-align: center;
	}
	
/* Framework =======*/
p.important {
	font-size: 16px;
	text-align: justify;
	line-height: 1.2;
	color: #7e849b;
	padding: 0.5em 0;
	border-bottom: 1px solid #35a8ff;

}

div.panell {
	background: #424a5c;
	height: 150px;
	margin: 25px 0;
	color: white;
	font-size: 12px;
	position: relative;
}
	div.panell p { 
		padding: 15px;
		
	}
		div.panell p br {margin: 0.3em }
	div.panell a.boto { 
		background: #0082fc;
		display: block;
		width: 100px;
		position: absolute;
		bottom: 6px; left: 10px;
		text-align: center;
	}
		div.panell div.cont {
			background: #3d5574;
			width: 488px; height: 114px;
			position: absolute;
			top: 0; right: 0px;
			border-left: 1px solid #fff;
			padding: 18px;
			overflow: hidden;
		}
			div.panell div.cont img  { 
				width: 281px; height: 117px;
				margin: 0; padding: 0;
			}
		div.panell div.text {
			position: absolute;
			width: 198px; height: 112px;
			top: 18px; 	right: 18px;
			overflow: auto;
			color: #a5cdfa;
			text-align: justify;
			padding: 2px 4px;
		
		}
div.mega-info, .mega-info {
	border: 1px solid #424a5c;
	padding: 6px;
	margin: 10px 0;
}
	div.mega-info ul li {
		margin-left: 20px;
	
	}
	div.mega-info a { color: #555 }
	
div.mini-info-a, div.mini-info-b, .mini-info-a  {
	background: #e0e2e8;
	padding: 5px;
}
div.mini-info-b { background: #fff }
	div.mini-info-a p, div.mini-info-b p {
		font-size: 13px;
		color: #535768;
	}
	
/* Blocks */
div.block, div.block-b  {
	background: #424a5c;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	text-transform: upercase;
	margin: 2px 0;
}

div.block-b {
	background: #7e8490;
	text-transform: none;
}

/* mapa */
ul.mapa { 
	padding: 20px;
	color: #555;
	margin-left: 10px;
}
	ul.mapa li { margin: 5px 20px }
		ul.mapa li a { color: #000 }
	ul.mapa ul { margin-left: 10px }