/* 0 BASIC TAGS */

body
{
	background-color: #005DAE; /*#FFFFFF;*/
	background-position: center top;
	font-family: arial, verdana, helvetica, sans-serif;
	border-collapse: collapse;
	height: 100%;
}

p
{
	margin: 10px 10px 10px 15px;
	color: #233F7D;
	text-align: justify;
	font-size: 11pt;
}

p a
{
	text-decoration: none;
}

p.middle
{
	font-size: 10px;	
}

h1
{
    font-size: 18px;
    margin: 0 20px 0 20px;
    color: #0054b5;
}

h2
{
    font-size: 14px;
    color: #0054b5;
}

h3
{
    font-size: 24px;
    color: #0054b5;
}

h4
{
	font-size: 12px;
	color: #0054b5;
	font-weight: bold;
	margin-left: 10px;
}

h5
{
	position: relative;
	top:-30px;
	height : 0px;
	font-size: 24px;
    color: #0054b5;
}

.linkPestanyes
{
	COLOR: #ffffff; TEXT-DECORATION: none
}

a.linkPestanyes
{
	COLOR: #ffffff; TEXT-DECORATION: none
}

a.linkPestanyes:hover
{
	COLOR: #ffffff; text-decoration: underline;
}

.CapMapaWeb
{
	border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	font-weight: bold;
	font-size: medium;
	border-left: #ff9900 1px solid;
	width: 25%;
	color: #ffffff;
	border-bottom: #ff9900 1px solid;
	height: 33px;
	background-color: #0092CE;
	font-variant: small-caps;
	vertical-align: middle;
	border-collapse: separate;
}

.MapaWeb
{
	background-image: url(imatges/FonsMapaWeb.png);
	background-repeat: repeat;
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	font-size: 14px;
	color: black;
	height:250px;
}

.MapaWeb a
{
	font-size: 14px;
	color: black;	
}

.MapaWeb a:hover
{
	color: #ffcc00;	
}

.CapMapaWeb a
{
	color: #ffffff;
	text-decoration: none;
}

.CapMapaWeb a:hover
{
	color: #ffcc00;
}

.logoEcolmareAigua
{
	background-image: url(imatges/logoEcolmareAigua.png);
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	width: 295px;
	height: 281px;
	top: 213px;
	left: 320px;
}

.titoltema {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #055391;
}

.titoltema a {  
  color: #ffffff;
  text-decoration: none;
}

.titoltema a:hover {  
  color: #ffffff;
}

.principal
{
	
	background-color: #005DAE;
	position: relative;
	width: 975px;
	margin-left: auto;
	margin-right: auto;	
	top:-8px;
}

.page
{
	position: relative;
	background-image: url(imatges/fondo_home.png);
	background-repeat: no-repeat;
	width: 975px;
	height: 603px;
	margin-left: auto;
	margin-right: auto;	
}

.Pagina
{	
	background-image: url(imatges/fondo_paginas.jpg);
	background-repeat: no-repeat;
	position:relative;
	width: 975px;
	
}

.pageTipus
{
	position: relative;	
	width: 975px;
	height: 603px;	
	margin-left: auto;
	margin-right: auto;	
}

.logo
{
	background-image: url(imatges/logo_ecolmare_sombra.png);
	background-repeat: no-repeat;
	position: relative;
	width: 181px;
	height: 68px;
	top: 10px;
	left: 30px;
}

.titol
{	
	position: absolute;
	width: 349px;
	height: 35px;
	top: 48px;
	left: 273px;
}

.idioma
{
	position: absolute;
	width : 150px;
	height: 20px;
	top: 15px;
	left: 800px;
}

.titolSeccio
{
	color: #000000;
	font-size: 16pt;
	font-weight: bold;
}

.titolVideoUs
{
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
}

.telf
{
	background-image: url(imatges/icon_tel.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 150px;
	height: 19px;
	top: 54px;
	left: 800px;
}

.numTelf
{
	position: relative;
	left: 30px;
	font-size: 15px;
	color: #3d91cc;
}

.email
{
	background-image: url(imatges/email.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 150px;
	height: 19px;
	top: 74px;
	left: 800px;
}

.emailText
{
	position: relative;
	left: 30px;
	font-size: 15px;
	color: #3d91cc;
}

.emailText a
{
	color: #3D91CC;
	font-size:small;
	text-decoration: none;
}

.nav 
{
	position: absolute;
	left: 48px;
	top: 94px;
	font-size: 9px;
	color: #559FD2;
}

.nav a
{
	color: #559FD2;
	text-decoration: none;
}

.nav a: hover
{
	text-decoration: underline;
}


.menu
{
	position: absolute;
	width : 174px;
	left: 30px;
	top: 117px;
	font-size: 14px;
	color: #FFFFFF;
	float: left;
}

.intranet
{
	background-image: url(imatges/pastilla_intranet.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin-top: 3px;
	top: 392px;
	left: 30px;
	width: 174px;
	height: 20px;
	padding-left: 20px;	
	vertical-align: middle;
	float: left;	
}

.intranet a
{
	font-size: 14px;
	color: #0A93D5;
	text-decoration: none;
	font-weight: bold;	
}

.intranet a:hover
{
	color: #ffcc00;
}

.garantia
{
	position: absolute;
	top: 417px;
	left: 30px;
	width: 172px;
	height: 177px;	
	float: left;
}

.logoGarantia
{
	text-decoration: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
}

.contingut
{
	position: relative;
	width : 702px;
	left: 273px;
	top: 50px;
}

.banner
{
	background-image: url(imatges/pastilla_banner_home.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 646px;
	height: 307px;	
}

.bannerContainer
{
	position: relative;
	top: 6px;
	left: 10px;
	width: 621px;
	height: 284px;
}

.noticies
{
	position: absolute;
	top: 321px;
	left: 0px;
	width: 630px;
	height: 120px;	
	text-align:justify;
}

.titolnoticies
{
	font-size: 24px;
	color: #FFFFFF;
}

.textnoticia
{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 18pt;
}

.footerPrincipal
{
	/* background-color: #FFFFFF; */
	position: relative;
	width: 975px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;	
}

.footer
{
	/* background-color: #FFFFFF; */
	position: relative;
	width: 975px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;	
	top:50px;
}

.menuSecundari
{
	font-size:11px;
	color:#0A93D5;
	position: absolute;
	left: 273px;
	top:6px;
}

.menuSecundari a
{
	font-size:11px;
	color:#0A93D5;
	text-decoration: none;
}

.menu2
{
	position: relative;
	top:-14px;
	left:72px;
}

.separador
{
	width: 20px;
	text-align: center;
	font-size:11px;
	color:#0A93D5;
}

.marcFichaFoto
{
	background-image: url(imatges/marco_foto_ficha.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 330px;
	height: 309px;
}

.imatgeCert
{
	background-image: url(../../garantias/imatges/cer1.png);
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	left: 15px;
	width: 313px;
	height: 292px;
	float:left;
}

.imatgeMarcACA
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
	
}

.imatgeMarcAPT
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
	
}

.imatgeMarcPAS
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
	
}

.imatgeMarcGIV
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.imatgeMarcGV
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.imatgeMarcAPB
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.imatgeMarcMA
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	text-align: center;
	height: 54px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.imatgeMarcGRA
{
	border-bottom: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-right: #ffcc00 thin solid;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.imatgeRef
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 313px;
	height: 292px;
	float:left;
}

.imatgeGestio
{
	background-image: url(imatges/cal1.png);
	background-repeat: no-repeat;
	position: relative;
	top: 50px;
	left: 310px;
	width: 313px;
	height: 205px;
}

.titolGestio
{	
	position: relative;
	top: 30px;
	left: 40px;
	font-size:16pt;
	font-weight:bold;	
}

.docsGestio
{	
	position: relative;
	top:50px;
	left: 10px;
	font-weight:bold;
}

.fichaFotoPelican
{	
	background-image: url(../../Recursos/Flota/Pelican/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 6px;
	width: 313px;
	height: 292px;
}

.fichaFotoMinipelican
{
	background-image: url(../../Recursos/Flota/Minipelican/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 6px;
	width: 313px;
	height: 292px;
}

.fichaFotoGavina
{
	background-image: url(../../Recursos/Flota/Gavina/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 6px;
	width: 313px;
	height: 292px;
}

.fichaFotoInstalaciones
{	
	background-image: url(../../Recursos/Instalaciones/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 6px;
	width: 313px;
	height: 292px;
}

.fichaFotoMediosHumanos
{	
	background-image: url(../../Recursos/MediosHumanos/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 6px;
	width: 313px;
	height: 292px;
}

.fichaFotoMediosTecnicos
{	
	background-image: url(../../Recursos/MediosTecnicos/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 6px;
	width: 313px;
	height: 292px;
}

.ficha
{
	background-image: url(imatges/pastilla_ficha.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 330px;
	width: 326px;
	height: 309px;
}

.titolFicha
{
	position: relative;
	top: 30px;
	left: 29px;
	color: #000000;
	font-size: 24px;
	font-weight: bold;
}

.textFicha
{
	position: relative;
	top: 56px;
	left: 29px;
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	width: 280px;
}

.titolFichaCertificados
{
	position: absolute;
	top: 20px;
	left: 330px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}

.FichaRef
{
	background-image: url(imatges/pastilla_ficha_ref.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 260px;
	width: 380px;
	height: 500px;
}

.FichaCert
{
	background-image: url(imatges/pastilla_ficha2.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: 0px;
	width: 650px;
	height: 420px;
}

.Berge
{	
	position: absolute;
	top: 220px;
	left: 0px;
	font-size: 13px;
    font-weight:bold;
}

.titolFichaRef
{
	position: absolute;
	top: 10px;
	left: 15px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}

.textFichaCertificados
{
	position: absolute;
	top: 50px;
	left: 330px;
	width: 315px;
	height: 309px;
	color: #000000;
	font-size: 13px;
	line-height: 20px;	
}

.textFichaRef
{
	position: absolute;
	top: 40px;
	left: 15px;
	width: 340px;
	height: 309px;
	color: #000000;
	font-size: 13px;
	line-height: 20px;	
}

.imatgesCert
{
	position: absolute;
	top: 200px;
	left: 330px;	
}

.blocText
{
	position: absolute;
	top: 321px;
	left: 410px;
	width: 286px;
	height: 150px;
	line-height: 18px;
	color: #FFFFFF;
	overflow: auto;
}

.blocImg
{
	position: absolute;
	top: 320px;
	left: 390px;
	width: 286px;
	height: 150px;	
}

.pastilla_Gestio
{
	background-image: url(imatges/pastilla_ficha_gestio.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 646px;
	height: 400px;
}

.marcFichaFotoServ
{
	background-image: url(imatges/marco_foto_Serv.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 145px;
	width: 475px;
	height: 309px;
}

.ficha_Serv
{	
	position: absolute;
	top: 315px;
	left: 150px;
	width: 475px;
	height: 210px;
}

.titolFicha_Serv
{
	position: relative;
	top: 10px;
	left: 10px;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
}

.textFicha_Serv
{
	position: relative;
	top: 20px;
	left: 10px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 15px;
	width: 440px;
	text-align: justify;
}

.fichaFotoServNetejaLitorals
{	
	background-image: url(../../Servicios/LimpiezaLitorales/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 7px;
	width: 453px;
	height: 292px;
}

.fichaFotoServLimpiezaPuertos
{	
	background-image: url(../../Servicios/LimpiezaPuertos/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 7px;
	width: 453px;
	height: 292px;
}

.fichaFotoServLimpiezaInteriores
{	
	background-image: url(../../Servicios/LimpiezaInteriores/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 7px;
	width: 453px;
	height: 292px;
}

.fichaFotoServEquipamientos
{	
	background-image: url(../../Servicios/Equipamientos/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 7px;
	width: 453px;
	height: 292px;
}

.fichaFotoServEmergencias
{	
	background-image: url(../../Servicios/Emergencias/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 7px;
	width: 453px;
	height: 292px;
}

.fichaFotoServBalizamiento
{	
	background-image: url(../../Servicios/Balizamiento/images/Originals/foto1.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	left: 7px;
	width: 453px; 
	height: 292px;
}

.FonsFormUp
{
	background-image: url(imatges/FonsFormUp.png);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 9px;
}

.FonsFormDown
{
	background-image: url(imatges/FonsFormDown.png);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 25px;
}

.FonsForm
{
	background-image: url(imatges/FonsForm.png);
	background-repeat: repeat-y;
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
}

.FonsFormCont
{
	background-image: url(imatges/FonsForm.png);
	background-repeat: repeat-y;
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 95%;
}

.popUp
{
	background-image: url(imatges/FonsFormUpPopUp.png);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 56px;
	font-size: 14pt;
	color: #ffffff;
	text-align: center;
	vertical-align: bottom;
	line-height: 30pt;
}

.popDown
{
	background-image: url(imatges/FonsFormDownPopUp.png);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 22px;
}

.popCenter
{
	background-image: url(imatges/FonsFormPopUp.png);
	background-repeat: repeat-y;
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 100%;
}

.videoCenter
{
	position: relative;
	top: 0px;
	left: -110px;
	width: 550px;
	height: 100%;
	background-color: #000000;
	border-bottom: #0192D1 2px solid;
	border-left: #0192D1 2px solid;
	border-top: #0192D1 2px solid;
	border-right: #0192D1 2px solid;
}

.titolVideo
{
	color: #FFFFFF; 
	font-size: 10pt; 
	font-weight: bold;
}

.PopUpFull
{
	background-image: url(imatges/FonsPopUp.png);
	background-repeat: repeat;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.PopTancar
{
	position:relative;
	top:-30px;
	left:330px;
}

.VideoTancar
{
	position:relative;
	top:-12px;
	left:276px;
}

.contingutBase
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 650px;
	height: 535px;
}

.contingutEmpleo
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 650px;
}

.CosNoticia
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 500px;
	height: 100%;	
	float:left;
}

.LlistatNoticia
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 120px;
	height: 100%;
	float:right;	
}

.TitolNoticia
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 500px;
	height: 20px;
	font-size: 13pt; 
	color: #294da2; 
	font-family: Arial; 
	font-variant: small-caps;	
	border-bottom: #0192D1 1px solid;
}

.publicado
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 300px;
	height: 20px;
	font-size: 8pt; 
}

.ImatgeNoticia
{
	position: relative;	
	top: 0px;
	left: 0px;
	float:left;	
}

.textNoticia
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 100%;
	float:right;	
	font-size: 11pt; 
}

.TitolNoticies
{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 150px;
	height: 20px;
	font-size: 13pt; 
	color: #294da2; 
	font-family: Arial; 
	font-variant: small-caps;	
	border-bottom: #0192D1 1px solid;
}

.DivVideo
{
	position: relative;	
	top: 0px;
	left: 0px;
	float:left;
}

.DivNoticies
{
	font-size: 10pt; width: 150px; position: static; top: 264px; height: 100%;
}

.noticiesLlistat {
  font-size: 11px;
  margin: 10px 0px 10px 0px;
  color: #004E81;
  text-align: justify;
}

.titoltemaLlistatNoticies {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #004E81;
}

a.titoltemaLlistatNoticies {
  color: #004E81;
  text-decoration: none;
}

a.titoltemaLlistatNoticies:hover {
  color: #004E81;
  text-decoration: underline;
}

.direccio
{
	text-align: center;
}

.preguntesClients
{
	font-size: 10pt;
}

.textProv
{
	padding-left:20px;
	width: 640px;
}