
body{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 62.5%;
	padding: 0px;
	margin: 0px;
	color:#000000;
	font-family: "Trebuchet MS",Arial;
	background-color: #FFFFFF;
	text-align:center; /*  IE  */

}


/* ------------------------------------------------------------- GENERAL --- */
p{
	font-size:1.1em;
	color:#000000;
	letter-spacing:0pt;
}

img  {border:0px;}

h3{	
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	font-size: 1.2em;
	color: #33CCFF;

}

/* -------------------------------------------------------------- PAGINA --- */
#marc_pagina{
	width: 780px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#pagina{
	background-color: #ffffff;
	/* background-image: url('img/cap.jpg');      trec d'aqui la imatge background */
	/* background-repeat: no-repeat;                                               */
	text-align:left;
	clear:both;
	style="position:relative;"
}


/* ----------------------------------------------------------- CAPÇALERA --- */
#marc_capcalera{
	float:left;
	height:160px;
	width:780px;
	margin:0px;
	padding:0px;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: url('img/cap.jpg');  /*    nova posició de la imatge background */
	background-repeat: no-repeat;          /*    nova posició de la imatge background */

}

#capcalera{}

#link_logo{
	float:right;
	width: 180px;
	height: 155px;
	margin-right:10px;
	overflow: hidden;
}

#titolcap{
	float:left;
	color:#ADA03F;
	font-size: 2.0em;
	font-weight: bold;
	padding-top: 80px;
	padding-left: 15px;
	text-align: left;
	line-height:25px;
	overflow: hidden;
}

#menuidioma{
	float:right;
	padding-top: 138px;
	padding-right: 12px;
	text-align: right;
	color:#666666; 
	font-family: Verdana,"Trebuchet MS",Arial; font-size: 9px;
	font-weight:bold;
}

/* tractament dels links dels idiomes*/
A.link_idiomes          { font-family: Verdana,"Trebuchet MS",Arial; color:#666666; font-size: 9px; text-decoration: none; font-weight:normal; }
A.link_idiomes:link     {color:#666666;} 
A.link_idiomes:active   {color:#666666;} 
A.link_idiomes:visited  {color:#666666;} 
A.link_idiomes:hover    {color:#101010; text-decoration: underline; } 

/* -------------------------------------------------------- FI CAPÇALERA --- */


/* ----------------------------------------------------------- FRANJA BANNER MENU --- */
#marc_bannermenu{
     float:left;
     height:200px;
	width:780px;
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
	margin-bottom: 10px;
}

#bannermenu{
	padding-left: 12px;
	padding-right: 12px;
}


#banner{
     float:left;
	width:566px;
     height:200px;
}

#menu{
     float:right;
	width:180px;
     height:200px;
	background-color: #ADA03F;
	padding: 0px;
	margin: 0px;
}

/* CSS Tabs */

ul#navlist {
	float:left;
	text-align: left;
	list-style: none;
	width:180px;
	padding: 0px;
	margin: 0px;
	padding-top: 20px;
}

ul#navlist li {
	width: 180px;
	margin: 0px;
	padding: 0px;
	display: block;
}

ul#navlist li a {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	color:#FFFFFF;
     font-size: 1.4em;
     font-weight: bold;
	letter-spacing:0pt;
}

ul#navlist li#active a {
	width: 100%;
	display: block;
	color: #FFFFFF;
	background-color: #615A23; 
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	width: 100%;
	display: block;
	color: #615A23;
	/* border-left: 10px solid #FFFFFF;
	padding-left: -10px; */
	background-color: #e0e0e0; 
}

/* Fi CSS Tabs */


/* ----------------------------------------------------------- FRANJA SOTA EL MENU --- */

#marc_sotamenu{
     float:left;
     height:135px;
	width:780px;
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
	margin-bottom: 10px;
}

#sotamenu{
	padding-left: 12px;
	padding-right: 12px;
}

#marc_vaixells{
     float:left;
	width:576px;
     height:135px;
}

#item_vaixell{
     float:right;
	width:180px;
     height:135px;
     margin-left: 12px;
}

#item_vaixell h1 {
	margin: 0px;
	padding: 2px;
	color: #ADA03F;
	font-weight: bold;
	font-size:1.8em;
	text-decoration: underline;
}

#item_vaixell h1 a {
	color: #ADA03F;
}


#item_vaixell p {
	margin: 0px;
	padding: 0px 4px 5px 4px;
	color: #666666;
	font-size:1.1em;
}


/* ----------------------------------------------------------------- COS --- */
#marc_cos{
     float:left;
	width:780px;
	margin:0px;
	padding:0px;
	margin-bottom: 20px;
}

#cos{
	padding:0px;margin:0px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #ffffff;
}

#cosesquerra{
     float:left;
     width:180px;
     height:100%;
     background-color: #FFFFFF;
     text-align: center;
}

#cosesquerra h1 {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	margin-bottom: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size:1.6em;
	background-color: #919191;
}


#coscentre{
     float:left;
	width:372px;
     height:100%;
     margin-left: 12px;
}

#cosdretasuperior{
     float:right;
	width:180px;
     height:135px;
     text-align: center;
	 margin-bottom:12px;
}

#cosdreta{
     float:right;
	width:180px;
     height:135px;
     text-align: center;
}

#2colcentre{
     float:left;
	width:372px;
     height:100%;
}

#coscentreinferior{
     float:left;
	width:372px;
     height:100%;
     margin-left: 0px;
	 margin-top:12 px;
}


/* ----------------------------------------------------------------- PEU --- */
#marc_peu{
     float:left;
	width:765px;
	margin:0px;
	padding:0px;
	height: 20px;
	margin-bottom: 15px;
}

#peu{
	width: 765px;
	padding-left: 12px;
	background-color: #ffffff;	
}

#peu p {
	font-size:1.1em;
	color: #B90E1E;
	text-align:center
}

#peu p a {
	font-size:1.1em;
	color: #B90E1E;
	text-decoration:underline;
}

.peudret {
	padding-left: 60px;
	font-size:1.1em;
	color: #B0B0B0;
}


/* --------------------------------------------- peu per evitar comportaments estranys --- */

#marc_peu2{
     float:left;
	width:765px;
	margin:0px;
	padding:0px;
	height: 20px;
}

#peu2{
	width: 600px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #ffffff;
}

#peu2 p {
	color: #B90E1E;
}


body{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 62.5%;
	padding: 0px;
	margin: 0px;
	color:#000000;
	font-family: "Trebuchet MS",Arial;
	background-color: #FFFFFF;
	text-align:center; /*  IE  */
}


/* ------------------------------------------------------------- GENERAL --- */
p{
	font-size:1.1em;
	color:#000000;
	letter-spacing:0pt;
}

img  {border:0px;}

h3{	
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	font-size: 1.2em;
	color: #33CCFF;

}

/* -------------------------------------------------------------- PAGINA --- 
#marc_pagina{
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#pagina{
     height:100%;
	overflow:auto;
	background-color: #ffffff;
	background-image: url('img/cap.jpg');
	background-repeat: no-repeat;
	text-align:left;
	clear:both;
}


/* ----------------------------------------------------------------- PEU --- */
#marc_peu{
     float:left;
	width:765px;
	margin:0px;
	padding:0px;
	margin-bottom: 15px;
	border-top: solid 1px #CCCCCC;
}

#peu{
	width: 745px;
	padding-left: 12px;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
}

#peu p {
	vertical-align: top;
	font-size:1.1em;
	color: #B90E1E;
}

.peudret {
	padding-left: 5px;
	font-size:1.1em;
	color: #B0B0B0;
}


/* --------------------------------------------- peu per evitar comportaments estranys --- */

#marc_peu2{
     float:left;
	width:780px;
	margin:0px;
	padding:0px;
	height: 20px;
}

#peu2{
	width: 600px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #ffffff;
}

#peu2 p {
	color: #B90E1E;
}
