/**** generales ****/
.white { color: white; }
.black { color: black; }

/****** */
img {
    margin: 0;
    padding: 0;
}
.bodyGrovisa {
    margin: 0;
    background: #fff url('../images/bggrovisa.jpg') repeat-x;
    font: 12px "Trebuchet MS", Helvetica, sans-serif;
    color: #043454;
    height: 100%;
}

body.error {
    background-color: #e0e0e0;
    height: 100%;
    font: 14px helvetica;
}
.errorPage h1 {  font: 30px impact,sans-serif;  }
.errorPage h2 {  font-size: 20px;  line-height: 22px; }
div.errorPage  {
    border: 5px solid #f8da67;
    padding: 20px;
    margin: auto; align: center;
    margin-top: 50px;
    width: 450px; height: 350px; 
    background-color: white;
}

.bg2 { background-color: #f8da67; }
.bg1 { background-color: #296892; }

html {
    height: 100%;
}

.pie {
    height:40px;
    float:none;
}
/*** anchor ***/

a.sin:link {color: #043454;}
a.sin:visited {color: #043454;}  /* visited link */
a.sin:hover {
    color: #043454;
    text-decoration: underline;
}
a.sin:active {color: #043454;}

a:hover {
    text-decoration: none;
}
a img {
    border: 0;
}

a.volver { font: 12px Helvetica, sans-serif; font-weight: bold; }

#colorBgGrovisa {
    color: black;
}

#pagina {
    min-height: 100%;
    position:relative;
}
#cos {
    width: 850px;
    margin: auto;
}
.barra_superior {
    height: 26px;
    font-size: 13px;
    color: #043454;
    width: 800px;
    vertical-align: middle;
    text-align: center;
}
.barra_superior a {
    text-decoration: none;
    color: #fff;
    border: 0;
    font-weight: bold;
}
.barra_superior a:hover {
    text-decoration: underline;
}
.menuPrincipal {
    width: 850px;
    height: 70px;
    margin-top: 5px;
}
.logo {
    margin: 24px 0 0 0;
}

#principal {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 30px;
    width: 850px;
}
#principal a {
    border: 0;
    text-decoration: none;
}
#principal .contingut {
    margin: .75em 1em;
}
#principal .noticias {
    width: 270px;
    height: 250px;
    background: url('../images/fonsCaixa.gif') repeat-x;
    vertical-align: top;
}
#principal .campañas {
    width: 270px;
    height: 250px;
    background: url('../images/fonsCaixa.gif') repeat-x;
    vertical-align: top;
}

#principal .banner {
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 100%;
}

#principal .productes {
    width: 270px;
    height: 500px;
    background: url('../images/fonsCaixa.gif') repeat-x;
    vertical-align: top;
}
hr {
    height: 1px;
    color: #8ba0b3;
    border: 0;
    border-top: #afc3d5 1px solid;
}
#peuPagina {
    background-color: #296892;
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    height: 28px;
    position: absolute;
    margin: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;

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

/* --- Form styles below --- */
.cercar {
    border: #6aa3c9 1px solid;
    color: #043454;
    font-family: Helvetica, sans-serif;
    margin: 2px 0 0 0;
    font-size: 12px;    
    height: 14px;
    padding-left: 4px;
    vertical-align:top;
}

.submit {
    border: #6aa3c9 1px solid;
    color: #043454;
    font-family: Helvetica, sans-serif;
    margin: 5px 0 0 0;
    font-size: 10px;    
    height: 14px;
}

.width100 { width: 100%; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.bold { font-weight: bold; }
.nowrap { white-space:nowrap; }
.bgwhite { background-color: white; }
.titulo1 { font-size: 20px; }
div.titulo1 { background-color:#f8da67; }
span.titulo1 { margin-left:12px;padding:6px; }
.titulo2 { font-size: 16px; }
div.titulo2 { background-color:#f8da67; }
span.titulo2 { margin-left:12px;padding:6px; }

.menu, .menuMiembro {
    font-family: "Trebuchet MS", Helvetica, san-serif;
    text-align:right;
    height:42px;
    position:relative;
    font-size:11px;
    display: block;
    margin: 0;
}

.menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	width:81px; 
	height:42px; 
	text-align:center;
	border-bottom: 0;
	background-image:url('../images/menu/2a.gif');
	line-height:48px; 
	font-size:11px; 
	overflow:hidden;
	padding-left: 1px;
}
/* first and last tabs */
.menu .esquerra {
	background-image:url('../images/menu/1a.gif');
	padding-left: 1px;
	margin-right: -1px;
}
.menu .dreta {
	background-image:url('../images/menu/3a.gif');
}
.menu .centreL {
	background-image:url('../images/menu/2aL.gif');
	width:100px; 
}

.menu ul {padding:0; margin:0; list-style: none;float:right}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* button hover properties */
.menu ul li:hover a {color:#043454; background: url('../images/menu/2b.gif');}
.menu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.centre {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.centre {background:#6fc; color:#544a3a;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .esquerra {color:#043454; background: url('../images/menu/1b2.gif');}
.menu ul li:hover .unic {color:#043454; background: url('../images/menu/2b2.gif');}
.menu ul li:hover .dreta {color:#043454; background: url('../images/menu/3b.gif');}
.menu ul li:hover .centreL {color:#043454; background: url('../images/menu/2bL.gif');}

/* dropdown properties */
.menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#043454; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul {
	margin: 0 0 0 3px;
	padding: 0;
	background-image: url('../images/menu/ddbgL.gif');
	background-repeat:no-repeat;
	background-position:bottom left; 
}
.menu ul li:hover ul .hlight {
	background-image: url('../images/menu/hlight2.gif');
	margin-right: 1px;
}

/* dropdown selected properties */
.menu ul li:hover ul li a:hover {
    color:#777367;
    background-image: url('../images/menu/hlight2.gif');
    font-weight:bold;
    font-size:11px;
}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/*** login ***/

div.login {
    display:none;
    width: 536px;
    height: 300px;
    position: absolute;
    z-index: 998;
}

div.login, div.login input {
    font-size: 13px;
    color: black;
}

.botonLogin {
    height: 20px;
    font-size: 13px;
    color: #043454;
    background-color:#cac8d5;
    border: 1px solid #043454;
    text-align: center;
}

.labelLogin, .labelLoginError {
    font: 12px Helvetica, sans-serif;
    font-weight: bold;
    color: #195892;
}

.labelLoginError {
    color: #ff0000;
}
/*** css pagines grovisa ***/

.page_cos {
    width: 100%;
    background-color: #fff;
    border-left: 2px solid #f5cd4f;
    border-right: 2px solid #f5cd4f;
    border-bottom: 2px solid #f5cd4f;
}
.page_submenu {
    width: 200px;
    height: 100%;
    vertical-align: top;
}
.page_dreta {
    width: 650px;
    height: 100%;
    border-left: 1px dotted #F5CD4F;
    vertical-align: top;
}
.page_info {
    width:850px;
    height:100%;
}

.submenuSeleccionado, .submenuSeleccionadoFill{
    width: 100%;
    height: 100%;
    background-color: #043454;
    color: #f5cd4f;
    font-weight: bold;
}

.submenuSeleccionadoFill {
    background-color: #f5cd4f;
    color: #043454;
}
.submenuNoSeleccionado, .submenuNoSeleccionadoFill {
    width: 100%;
    height: 100%;
    color: #043454;
}

a.seleccionat:link {color: #f5cd4f;font-weight: bold;text-decoration:none;}
a.seleccionat:visited {color: #f5cd4f;font-weight: bold;text-decoration:none;}  /* visited link */
a.seleccionat:hover {color: #f5cd4f;text-decoration:none;font-weight: bold;}
a.seleccionat:active {color: #f5cd4f;font-weight: bold;text-decoration:none;}

a.noSeleccionat:link {color: #043454;text-decoration:none;}
a.noSeleccionat:visited {color: #043454;text-decoration:none;}  
a.noSeleccionat:hover {color: #043454;text-decoration: none;}
a.seleccionat:active {color: #043454;text-decoration:none;}

/** estadistica **/
.headerEstadistica {
  text-align: center;
  background-color: #f5cd4f;
  font: 14px "Trebuchet MS", Helvetica, sans-serif;
  font-weight:bold;
  color: #043454;    
}
.pdfEst {
  text-align: center;
  width: 50px;
  font: 12px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
}
.kbEst {
  text-align: center;
  width: 75px;
  font: 12px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  white-space:no-wrap;
}
.textEst {
  width: 475px;
  font: 12px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  text-align:left;
}

.listadoABCTable {
  text-align: center;
  font: 14px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  background-color: white;
  width:100%;
}

.textTaula {
  font: 12px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  font-weight: normal;
  text-decoration: none;
}

/** estadistica **/
.tarifasTable {
  text-align: center;
  font: 14px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  background-color: white;
}

.tarifasHeader {
  text-align: center;
  background-color: #f5cd4f;
  font: 14px "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  color: #043454;
}
.tarifa_titulo {
  text-align: left;
  font: 13px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
}
.tarifa_pdf {
  text-align: center;
}

.tarifa_kb {
  text-align: center;
}
.tarifa_row1 {
    background-color: #fceab1;
}
.tarifa_row2 {
    background-color: #ededed;
}
/** noticias y campañas **/
.tituloNoticia, .tituloCampaña {
  font: 20px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  font-weight: bold;
  text-decoration: underline;
}

.tituloNoticiaActualidad, .tituloCampañaActualidad {
  font: 13px "Trebuchet MS", Helvetica, sans-serif;
  color: #ffc200;
  font-weight: bold;
}

.subtituloNoticia, .subtituloCampaña {
  font: 15px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  font-weight: bold;
}

.textoNoticia, .textoCampaña, .fechaNoticia {
    font: 12px "Trebuchet MS", Helvetica, sans-serif;
    color: #043454;
}
    
.fechaNoticia {
    font-weight: bold;
}
.act0, .act1, .act2 {
    width: 33%;
    vertical-align: top;
}

.act1 {
    border-left: solid 1px #f5cd4f;
}

a.noticia:link {color: #ffc200;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.noticia:visited {color: #ffc200;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}  /* visited link */
a.noticia:hover {color: #ffc200;text-decoration:none;font-weight: bold;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.noticia:active {color: #ffc200;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}

a.back:link {color: #043454;font-weight: bold;text-decoration:underline;font:12px "Trebuchet MS", Helvetica, sans-serif;}
a.back:visited {color: #043454;font-weight: bold;text-decoration:underline;font:12px "Trebuchet MS", Helvetica, sans-serif;}  /* visited link */
a.back:hover {color: #043454;text-decoration:underline;font-weight: bold;font:12px "Trebuchet MS", Helvetica, sans-serif;}
a.back:active {color: #043454;font-weight: bold;text-decoration:underline;font:12px "Trebuchet MS", Helvetica, sans-serif;}

a.campaña:link {color: #ffc200;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.campaña:visited {color: #ffc200;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}  /* visited link */
a.campaña:hover {color: #ffc200;text-decoration:none;font-weight: bold;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.campaña:active {color: #ffc200;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}

.flashCampaña {
    height:100%;
    width:100%;
}
/** productos **/
.presentacionI, .presentacionD {
    width: 500px;
    height: 100%;
    font: 12px "Trebuchet MS", Helvetica, sans-serif;
    color: #043454;
    vertical-align: top;
}
.presentacionD {
    width:150px;
    border-left: 1px solid #d4cfe2;
    text-align:center;
    font: 13px "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
}
a.productoLink:link {color: #043454;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.productoLink:visited {color: #043454;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}  /* visited link */
a.productoLink:hover {color: #043454;text-decoration:none;font-weight: bold;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.productoLink:active {color: #043454;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}

.tituloProducto {
  font: 20px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  font-weight: bold;
  text-decoration: none;
  background-color: #f5cd4f;
  width: 100%;
}

.tituloPP {
  font: 24px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
}

.subtituloPP {
  font: 18px "Trebuchet MS", Helvetica, sans-serif;
  color: #f5cd4f;
  font-weight: bold;
  text-decoration: none;
  width: 100%;    
}

.sloganProducto {
  font: 15px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  font-weight: bold;
  text-decoration: none;
}
.carac_tecnicas {
  font: 16px "Trebuchet MS", Helvetica, sans-serif;
  color: #043454;
  font-weight: bold;
  text-decoration: none;
  background-color: #f9e4b1;
  white-space:nowrap;
  width: 100%;
}

.logoDocumento {
    width:125px;
    vertical-align:top;
}

.tablaDocumento {
    vertical-align:top;
}

.abc_c1 {
    text-align:left;
    
}

.abc_c2, .abc_c3 {
    text-align:center;
    width:30px;
}

.documentoHeader {
  text-align: center;
  background-color: #f5cd4f;
  font: 14px "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  color: #043454;
}

.mensaje {
  text-align: center;
  font: 14px "Trebuchet MS", Helvetica, sans-serif;
  font-weight:bold;
  color: #043454;
}

/** equivalencias **/
.equivalenciaTitulo {
  text-align: center;
  font: 14px "Trebuchet MS", Helvetica, sans-serif;
  font-weight:bold;
  color: #043454;    
} 
.logoEquivalencia {
    width:150px;
    vertical-align:top;
}

.tablaEquivalencia {
    vertical-align:top;
    width:500px;
}

.tituloPagina {
  text-align: center;
  font: 20px "Trebuchet MS", Helvetica, sans-serif;
  font-weight:bold;
  color: #043454;        
}

.tablaDownload {
    height: 100%;
    width: 100%;
    border: 1px solid #495498;
}

a.download:link {color: #043454;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.download:visited {color: #043454;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}  /* visited link */
a.download:hover {color: #043454;text-decoration:none;font-weight: bold;font: 13px "Trebuchet MS", Helvetica, sans-serif;}
a.download:active {color: #043454;font-weight: bold;text-decoration:none;font: 13px "Trebuchet MS", Helvetica, sans-serif;}

div.avisoLegal {
    display: none;
    z-index: 2;
    width: 450px;
    height: 440px;
    position: absolute;
    background-color: white;
    border: 1px solid black;
}

div.textAviso {
  font: 12px "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  color: #043454;        
}
.tituloPeque, .tituloProductoPeque {
  font: 12px "Trebuchet MS", Helvetica, sans-serif;
  font-weight:none;
  color: #043454;    
} 

.tituloProductoPeque {
    font-size: 13px;
    font-weight: bold;
}

.notP {
    width: 33%;
    vertical-align:top;
    /** border-right: 1px solid #f9e4b1;*/
}
.campP {
    width: 66%;
    vertical-align:top;
}

.prodNoti1, .prodCamp1 {
    background: #fff url('../images/Noticias_03.jpg');
    height: 41px;
    width: 92px;
}
.prodCamp1 {
    background: #fff url('../images/Noticias3_03.jpg');
    height: 41px;
    width: 114px;
}
.prodNoti2, .prodCamp2 {
    background: #fff url('../images/Noticias_04.jpg') repeat-x;
    height: 41px;
}
.prodNoti3, .prodCamp3 {
    background: #fff url('../images/Noticias_06.jpg') no-repeat;
    height: 41px;
    width: 25px;
}

div.detalle {
    margin:auto; background-color:white; 
    width:800px; 
    border: 10px solid #f0f0f0;
    padding: 12px;
    text-align:left;
}  

div.tituloReferencias {
    font-family: sans-serif;
    font-size: 25px;
    color: black;
    padding: 10px;
    border: 2px solid #f0f0f0;
    background-color: white;
    text-align: center;
}

.row1 { background-color:#fafafa; }
.row2 { background-color:#eaeaea; }
div.foto {
    display: none; margin:auto;   
    z-index:999; position: absolute;
    border: 4px solid #f8da67;
    padding:12px;
    background-color: white;
}
span.sustituidaPor {
  padding:2px;background-color:#f8da67;font-weight:bold;white-space:nowrap;font-size:10px    
}