body{
	margin: 0;
	background-color: #4e8ba8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
div#cap{
	background: url(pattern_138.jpg) repeat-x center;
	height: 80px;
	width: 100%;
	margin: 0;
	margin-top: 0;
}
div#banderes{
	width: 80px;
	background-color: #FFF;
	margin-left: 80%;
	position: fixed;
}
div#banderes img{
	border: 0;
}
div#banderes img:hover{
	border: 1px solid #000;
}
div#head{
	background-color: #FFF;
	padding: 0.1%;
	margin-top: 20px;
	margin-left: 10%;
	height: 25px;
	width: 500px;
	position: absolute;
	font-size: 30px;
	color:	#4e8ba8;
	text-transform: uppercase;
}
div#subhead{
	width: 100%;
	height: 85px;
	/*background-color:	#FF3131;*/
}
div#menu{
	width: 960px;
	margin: auto;
}
div#contenidor{
	margin: auto;
	width: 960px;

}
div#esquerra{
	width: 65%;
	float: left;
	text-align: justify;
}
div#centre{
	width: 30%;
	float: left;
}

div#peu{
	background-image: url(pattern_138.jpg);
	margin-top: 50px;
	height: 140px;
	width: 100%;
	clear: both;
	float: left;
	z-index: 999;
}
div#peu_conti{
	margin-top: 10px;
	text-align: center;
	width: 580px;
	margin: auto;
}
div#peu_conti p{
	background-color: #4e8ba8;
	color: #FFF;
	padding: 1%;
}
/*******************************************  MENÚ  ****************************************************************************/

ul#menutop{
	list-style: none;
	margin: 0;
	padding: 0;

}

ul#menutop li{
	margin: 0;
	margin-right: -5px;
	list-style: none;
	height: 100%;
	padding-top:10px;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
	display: inline;
}

ul#menutop li a{
	font:	Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
}

ul#menutop li a:hover{
	color: #4e8ba8;
}
ul#menutop li:hover{
	background-color: #FFF;
}

p {
	margin: 0;
	padding: 0 0 .5em;
}
/************************ PANE LIST *************************/
.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #FFF;
}
.pane-list li {
	background: #4e8ba8;
	padding: 10px 20px 10px;
	border-top: solid 1px #FFF; /*#c4df9b;*/
	cursor: pointer;
}
.pane-list a{
	text-decoration: underline;
	color: #FFF;
	font-weight: bold;
}

.pane-list li:hover {
	background: #6C7C8B; /*#E3AA8B;*/
}

/*******************************************  imatges  *********************************************************/
img {
	border: none;
}
h1 {
	position: absolute;
	right: 24px;
	bottom: 0;
	font-size: 2.5em;
}
h2 {
	height: 60px;
	padding-top: 20px;
	font: 2em "????", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, sans-serif;;
	}
#header {
	position: relative;
	height: 190px;
}
#main {
	width: 300px;
	margin: 0 auto;
}
#large {
	width: 600px;
	height: 400px;
	float: left;
	background: url(img/indicator.gif) no-repeat 40% 60%;
}
#large img {
	width: 600px;
	height: 400px;
	border: 5px solid #FFF;
	z-index: 0;
}
#thumbnail {
	width: 210px;
	height: 356px;
	overflow: auto;
	float: right;
	position: absolute;
	list-style: none;
	margin-top: 0px;
	margin-left: 16px;
	padding: 5px;
	border: 3px solid #000;
	border-top: none;
	background: #FFF;
}
#thumbnail li {
	float: left;
	width: 79px;
	margin: 8px;
	margin: 5px;
}
#thumbnail a {
	display: block;
	width: 75px;
	height: 56px;
	padding: 1px;
	border: 1px solid #4e8ba8;
}

#thumbnail a:hover {
	border-color: #405061;
}
p.titol_foto{
	margin-left: 7px;
	background-color: #000;
	color: #FFF;
	width: 210px;
	margin-left: 16px;
	padding: 5px;
	border: 3px solid #000;
	border-bottom: none;
}

/********************* ACCORDION  ******************************************************/
dl { 
	width: 90%; 
	color: #FFF;
}

dl,dd {
	 margin: 0; 
}

dt {
	font-size: 18px;
	padding: 5px;
	margin: 2px;
	border: 1px dotted #FFF;
}

dt:hover{
	background: #6C7C8B;
	border: 1px solid  #FFF;
}

dt a { 
	color: #FFF; 
	display: block;
	text-decoration: none;
}

dt a:hover{
	color: #FFF;
}

dd a { 
	color: #FFF;
}

/************************************	PREUS	***********************************************/
table#preus{
	width: 90%;
	border: 0;
}

table#preus th{
	background-color: #FFF;
	color: #4e8ba8;
	text-align: left;
	padding-left: 2%;
}

table#preus td.blanc{
	background-color: #FFF;
	font-weight: bold;
	color: #4e8ba8;
}

p.preu{
	margin-bottom: -10px;
	border-bottom: 1px solid #FFF;
}

/****************************		tooltip		***********************************************/
a.tooltip{
	text-decoration: underline;
	color:#000;
	font-weight: bold;
}
a.tooltip:hover{
	background-color: #FF0;
}
#tooltip {
	background-color: #FF0;
	font-size: 10px;
	border: 1px solid #F00;
	color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	max-width: 600px;
	font-weight: normal;
	line-height: 12px;
	position: fixed;
}
#tooltip li{
	margin-bottom: 5px;
}
#tooltip h3 {
	font-size: 12px;
   margin: 0;
	padding: 0 3px;
	text-align: left !important;
}
#tooltip p {
	font-size: 12px;
	margin: 5px 0 0 5px;
	text-align: left;
}

/********************* equipaments  ******************************************************/

table#equipaments{
	background-color: #FFF;
	margin-left: 20%;
}
table#equipaments th{
	text-align: left;
	background-color: #4e8ba8;
	font-weight: bold;
	padding: 0;
	border: 5px solid #4e8ba8;
}
/********************* portada  ******************************************************/

img.portada{
	border: 10px solid #FFF;
}

/********************* contacte  ******************************************************/

ul#contacte{
	list-style: none;
}
ul#contacte a{
	color: #000;
}
ul#contacte a:hover{
	background-color: #FF0;
}

ul#contacte li{
	margin-bottom: 50px;
	margin-top: 50px;
}
/*************************** transició imatges ****************************************/
ul#portfolio{
	list-style: none;
	margin: 0;
	
}
ul#portfolio li{
	border: 5px solid #FFF;
	margin: 0;
	padding: 0;
}