/*
+---------------------------------------------------------------+
+
+  CSS for www.elpunt.com
+  mercattel styles for all pages
+  code by mercattel (info[at]elpunt[dot]com)
+
+-------< Definicions generals >-------------------------------+
| Definicions generals per a totes les p�gines
+--------------------------------------------------------------+
*/
/*
-------------------------------------------------------
----------< ELEMENTS GENERALS P�GINA >----------
-----------------------------------------------------------
*/

body {
        margin: 0 auto 1em auto;
        padding: 0;
        font-size: 100%;
        font-family: "Arial", Helvetica, sans-serif;
        line-height: 120%;
        text-align: center;
        color: #000;
        background-color: #fff;
        }
.color2{ color: #66f; /* blau */ }
.color3{ color: #000; /* negre */ }
.color4{ color: #3c5; /* verd */ }
.color5{ color: #00f; /* blau1 */ }
.color6{ color: #666; /* gris */ }
.color7{ color: #999; /* gris2 */ }
.color8{ color: #069; /* blau2 */ }
.color9{color: #f66; /* vermell */ }

div {
	border: 0px solid #0ca;
    }
form{
	margin: 0px; padding: 0px;
}

/*
+-------< Definicions de textes i caixes >------------------------+
| Definicions de textes por tipus de p�gines i objetes
+-----------------------------------------------------------------+
*/

/*
-------------------------------------------------------
----------< ELEMENTS DE TEXTE GENERALS >----------
-----------------------------------------------------------
*/
a { text-decoration: none; }
a:visited, a:active, a:link { color: #069; }
a:hover { text-decoration: none; color: #000;}
hr{ height: 1px; }
p{
        margin: 0px;
        padding: 0px;
        }
p.clear{
        clear: both;
        margin: 0px;
        padding: 0px;
        }
small {
        font-size: 85%;
        }
strong {
        font-weight: bold;
        }
h1{
        /* display: inline; */
        font-size: 1.4em;
        font-family: "Arial", Helvetica, sans-serif;
        line-height: normal;
        font-weight: normal;
        clear: both;
        margin: 0px;
        }
h2{
        /* display: inline; */
        font-size: 1.2em;
        font-family: "Arial", Helvetica, sans-serif;
        line-height: normal;
        font-weight: normal;
        clear: both;
        margin: 0px;
        }
h3{
         /* display: inline; */
        font-size: 1.05em;
        font-family: "Arial", Helvetica, sans-serif;
        line-height: normal;
        font-weight: normal;
        clear: both;
        margin: 0px;
        }
h4{
        /* display: inline; */
        font-size: .9em;
        font-family: "Arial", Helvetica, sans-serif;
        line-height: 130%;
        font-weight: normal;
        clear: both;
        margin: 0px;
        }
h5{
        /* display: inline; */
        font-size: .85em;
        font-family: "Arial", Helvetica, sans-serif;
        line-height: 130%;
        font-weight: normal;
        clear: both;
        margin: 0px;
        }
ul{
        margin: 0px;
        padding: 0px;
        text-align: center;
        }
li{
        display: inline;
        border-right: 1px solid #999999;
        padding-right: .15em;
        padding-left: .15em;
        }
.augment20{
	font-size: 120%;
}
.augment40{
	font-size: 140%;
}
.augment60{
	font-size: 160%;
}
/*
-------------------------------------------------------
----------< TEXTES GENERALS >----------
-----------------------------------------------------------
*/

.texte1{
	font: normal normal 80%/normal "Arial", Helvetica, sans-serif;
}
.texte2, .texte2_gris{
	font: normal normal 85%/normal "Arial", Helvetica, sans-serif;
}
.texte2 a:link, .texte2 a:visited, .texte2 a:active {
	font: normal normal 100%/normal "Arial", Helvetica, sans-serif;
}
.texte2_gris{
	color: #666;
}
.texte3{
	font: normal normal 70%/normal "Arial", Helvetica, sans-serif;
	color: #999;
}
.texte3 a, .texte3 a:link, .texte3 a:visited,  .texte3 a:active{
	font-size: 100%;
}
.texte3 a:hover{
	color: #f00;
}
.titol1{
	font: normal normal 1em/normal "Arial", Helvetica, sans-serif;
	margin-top: 0.7em;
	color: #069;
}
.titol1 a, .titol1 a:link, .titol1 a:visited,  .titol1 a:active{
	font: normal normal 100%/normal "Arial", Helvetica, sans-serif;
}
.titol1 a:hover{
	color: #f00;
}
.titol2{
	font: normal bold 85%/normal "Arial", Helvetica, sans-serif;
	margin-bottom: 0.2em;
}
.titol3{
	font: normal bold 92%/normal "Arial", Helvetica, sans-serif;
	margin-bottom: 0.2em;
}
.titol3 a:visited {
	font: normal normal 92%/normal "Arial", Helvetica, sans-serif;
	margin-bottom: 0.2em;
	color: #f66;
}
.titol3 a:link, .titol3 a:active {
	font: normal normal 92%/normal "Arial", Helvetica, sans-serif;
	margin-bottom: 0.2em;
}
.missatge1{
	font: normal normal 1.2em/normal "Arial", Helvetica, sans-serif;
	margin-bottom: 0.2em;
}
.seccio1{
	font: normal normal 110%/normal "Arial", Helvetica, sans-serif;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
}
.data{
	font: normal normal 0.7em/normal "Arial", Helvetica, sans-serif;
	margin: .2em 0 .4em .4em;
}
.data2{
	font: normal bold 0.7em/normal "Arial", Helvetica, sans-serif;
	margin: 1.2em 0 .6em 1.2em;
}
.data3{
	font: normal bold 80%/normal "Arial", Helvetica, sans-serif;
	color: #aaa;
}
.asterisc{
	font: normal normal 1.2em/normal "Arial", Helvetica, sans-serif;
	color: #f00;
}
.avis1{
	font: normal normal 70%/normal "Arial", Helvetica, sans-serif;
	color: #f00;
}

/*
-------------------------------------------------------
----------< DIVS GENERALS >----------
-----------------------------------------------------------
*/

div#container{
	position: relative;
	margin: auto;
	width: 778px;
	height: auto;
	text-align: left;
 	/* Imatge de filet vertical de fons que separa el men� de l'esquerra amb les p�gines
	background: #fff url("../img/fons-filetv1.gif") repeat-y left top; */
	border: 0px solid #ccc;
	}
div#container2{
	position: relative;
	margin: auto;
	width: 758px;
	height: auto;
	text-align: left;
	background-color: #fff;
	}
div#capcalera{
	position: relative;
	margin: 0 0 0.5em 0;
	width: 778px;
	height: auto;
	text-align: left;
	background-color: #fff;
	border-bottom: 0px solid #ccc;
        }
div#columna_esq{
	position: relative;
	width: 130px;
	float: left;
	text-align: left;
	border-bottom: 0px solid #ccc;
        }
div#columna_esq_b1{
	position: relative;
	width: 130px;
	border: 1px solid #ccc;
	padding: 5px 0px 5px 5px;
	text-align: right;
	margin: 0.5em 0 0.5em 0;
        }
div#columna_esq_b2{
	position: relative;
	width: 130px;
	border: 1px solid #ccc;
	padding: 5px 0px 5px 5px;
	text-align: left;
	margin: 0.5em 0 0.5em 0;
        }
div#continguts1{
	position: relative;
	width: 446px;
	float: left;
	text-align: left;
	border-left: 0px solid #ccc;
	margin: 0 0 0 1em;
	padding: 8px;
        }
div#contingutsinici{
	position: relative;
	width: 600px;
	float: left;
	text-align: left;
	border-left: 0px solid #ccc;
	margin: 0 0 0 0;
	padding: 8px;
        }
div#publicitatv1{
	position: relative;
	width: 130px;
	height: auto;
	float: right;
	text-align: center;
	border-bottom: 0px solid #ccc;
        }
div#publicitath2{
	position: relative;
	width: 540px;
	height: auto;
	float: left;
	border-top: 0px solid #ccc;
	padding: 0.3em 0 0 0.2em;
	clear: left;
        }
div#contingutsHem1{
	position: relative;
	width: 488px;
	float: left;
	text-align: left;
	margin: 0 0 0 0.2em;
	padding: 5px;
        }
div#contingutsHem2{
	position: relative;
	width: 600px;
	float: left;
	text-align: left;
	margin: 0 0 0 1em;
	padding: 0 0 0 5px;
        }
div#contingutsHem2s{
	position: relative;
	width: 100%;
	float: left;
	text-align: left;
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	padding: 5px 0 0 0;
        }
div#general_amplada_100{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	border: 0px solid #ccc;
	padding: 10px 0 0 0;
        }
div#peu{
	position: relative;
	font-size: 80%;
	color: #999;
	margin: 1em 0 0 0;
	padding: .4em 0 .4em 0;
    width: 100%;
    height: auto;
	text-align: center;
	background-color: #fff;
 	border-top: 1px solid #ccc;
	clear: both;
    }
div#peu a:link, div#peu a:visited, div#peu a:active{
	font-size: 100%;
	color: #069;
}
p.peu {
	font-size: 80%;
	color: #999;

}

/*
-------------------------------------------------------
----------< CAP�ALERA >----------
-----------------------------------------------------------
*/

table.capcalera{
	position: relative;
	width: 778px;
	height: auto;
	clear: none;
	border: 0px solid #f00;
	left: -1px;
	}
table.capcalera2{
	position: relative;
	width: 100%;
	height: auto;
	clear: none;
	border: 0px solid #f00;
	left: -1px;
	}
table.capcalera2 td.identificacio{
	vertical-align: bottom;
	}
table.menu-general{
	position: relative;
	width: 100%;
	height: 24px;
	clear: none;
	background:  url("../img/menu-fons1.gif") left top;
	border: 0px solid #f00;
	}
table.menu-general td{
	text-align: center;
	font: normal normal 0.7em/normal "Arial", Helvetica, sans-serif;
	color: #fff;
	border-left: 1px solid #aaa;
	border-right: 1px solid #06b;
	padding-top: 4px;
	padding-bottom: 4px;
	}
table.menu-general td.a1{
	padding: 0px 4px 0px 4px;
	width: 110px;
	}
table.menu-general td.a2{
	padding: 0px 4px 0px 4px;
	}
table.menu-general td a:link, table.menu-general td a:visited, table.menu-general td a:active{
	font: normal bold 100%/normal "Arial", Helvetica, sans-serif;
	color: #fff;
	}
table.menu-general td a:hover{
	color: #000;
	}
table.menu-general td.select, table.menu-general td.select a{
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	background:  url("../img/menu-fons2.gif") left top;
	width: 110px;
	}
table.menu-general td.select, table.menu-general td.select a{
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	background:  url("../img/menu-fons2.gif") left top;
	width: 110px;
	}
table.menu-general .ident_usuari{
	font: normal normal 0.9em/normal "Arial", Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 0;
	width: 100px;
	height: 14px;
	margin: 0;
}
table.menu-general .ident_clau{
	font: normal normal 0.9em/normal "Arial", Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 0;
	width: 50px;
	height: 14px;
	margin: 0;
}
table.menu-general .cercar_boto{
	font: normal normal 0.9em/normal "Arial", Helvetica, sans-serif;
	width: 40px;
	height: 18px;
	margin: 0;
}

table.submenu-general{
	position: relative;
	width: auto;
	height: 24px;
	clear: none;
	border: 0px solid #f00;
	left: 0px;
	margin-top: 1px;
	}
table.submenu-general td{
	text-align: center;
	font: normal normal 0.7em/90% "Arial", Helvetica, sans-serif;
	color: #069;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	width: 110px;
	}
table.submenu-general td.a1{
	padding: 2px 4px 2px 4px;
	}
table.submenu-general td a:link, table.submenu-general td a:visited, table.submenu-general td a:active{
	font: normal bold 100%/90% "Arial", Helvetica, sans-serif;
	color: #069;
	}
table.submenu-general td a:hover{
	color: #000;
	}
table.submenu-general td.select{
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	background:  url("../img/menu-fons2.gif") left top;
	}
table.submenu-general td.select a:link, table.submenu-general td.select a:visited, table.submenu-general td.select a:active{
	font: normal bold 100%/90% "Arial", Helvetica, sans-serif;
	color: #fff;
	}
table.submenu-general td.select a:hover{
	color: #000;
	}

table.publicitath1{
	position: relative;
	width: 100%;
	height: auto;
	clear: none;
	border: 1px solid #ccc;
  margin: 2px 0 5px 0;
    }
table.publicitath1 td.a1{
	vertical-align: middle;
	text-align: center;
	padding: 3px 0 3px 0;
	background-color:#fff;
	}
table.publicitath1 td.a2{
	vertical-align: top;
	}
table.menu-capcalera{
	position: relative;
	width: 100%;
	height: 75px;
	clear: none;
	border: 0px solid #f00;
    margin: 0px 0 0px 0;
    }
table.menu-capcalera td.a1{
	vertical-align: middle;
	width: 30%;
    }
table.menu-capcalera td.a2{
	vertical-align: bottom;
	text-align: center;
	width: 35%;
    }
table.menu-capcalera td.a3{
	text-align: right;
	/* padding-bottom: 7px; */
	vertical-align:middle;
	width: 35%;
    }
table.menu-capcalera td.a4{
	text-align: left;
	padding-left: 150px;
	vertical-align:middle;
	width: 35%;
    }
table.menu-capcalera td{
	font: normal normal 1em/normal "Arial", Helvetica, sans-serif;
	color: #999;
	vertical-align: bottom;
    }
img.logo-elquiosc{
	position: relative;
	margin: 0px 0 0px 0;
	border: 0px;
    }
table.capcalera .quiosc_digital{
	font: normal bold 0.8em/normal "Arial", Helvetica, sans-serif;
	color:#bbb;
	letter-spacing: .3em;
}

/*
-------------------------------------------------------
----------< SUBMEN� COLUMNA ESQUERRA >----------
-----------------------------------------------------------
*/

table.cerca_rapida{
	position: relative;
	width: 130px;
	height: auto;
	clear: none;
	border: 0px solid #f00;
	border-bottom: 0px solid #ddd;
    }
table.cerca_rapida .cercar_boto{
	font: normal normal 0.7em/normal "Arial", Helvetica, sans-serif;
	width: 50px;
	margin-left: .3em;
	}
table.cerca_rapida .cercar_txt{
	font: normal bold 0.75em/normal "Arial", Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 2px;
	width: 55px;
	background-color: #eee;
}
table.cerca_rapida td a:link, table.cerca_rapida td a:active, table.cerca_rapida td a:visited{
	font: normal normal 0.75em/normal "Arial", Helvetica, sans-serif;
}
table.submenu td{
	position: relative;
	width: 95%;
	height: auto;
	clear: none;
	font: normal bold 0.7em/normal "Arial", Helvetica, sans-serif;
	border-bottom: 1px solid #aaa;
	}
table.submenu td.col_n0{
	font: normal normal 0.8em/normal "Georgia", Times New Roman, Times, Serif, sans-serif;
	padding-top: 0.5em;
	border-bottom: 1px solid #069;
	color: #069;
	}
table.submenu td.col_n1{
	font-size: 0.8em;
	text-transform: uppercase;
	padding-left: 0em;
	font-weight: bold;
	}
table.submenu td.col_n2{
	font-size: 0.7em;
	padding-left: 0.7em;
	font-weight: bold;
	}
table.submenu td.col_n3{
	font-size: 0.7em;
	padding-left: 1.4em;
	font-weight: normal;
	}
table.submenu td.col_n1 a:link, 
table.submenu td.col_n1 a:visited,
table.submenu td.col_n2 a:link, 
table.submenu td.col_n2 a:visited{
	font-size: 100%;
	color: #000;
	font-weight: bold;
	}
table.submenu td.col_n3 a:link, 
table.submenu td.col_n3 a:visited{
	font-size: 100%;
	font-weight: normal;
	color: #000;
	}
table.submenu td.col_n1_select{
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: bold;
	color: #069;
	}
table.submenu td.col_n1_select a:link, 
table.submenu td.col_n1_select a:visited{
	text-transform: uppercase;
	font-size: 100%;
	color: #069;
}
table.submenu td.col_n2_select{
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 0.7em;
	}
table.submenu td.col_n2_select a:link,
table.submenu td.col_n2_select a:visited{
	font-size: 100%;
	color: #069;
	font-weight: bold;
	}
 
table.submenu td.col_n3_select{
	font-size: 0.7em;
	padding-left: 1.4em;
	background: #fff url("../img/icona-fletxad1c-m.gif") no-repeat right top;
	color: #069;
	}
table.submenu td.col_n3_select a:link, 
table.submenu td.col_n3_select a:visited{
	font-size: 100%;
	font-weight: bold;
	color: #069;
	}
/* Si l'event hover no es posa despr�s (per ordre de definici�) dels altres atributs: link, visited, no funciona. */
table.submenu td.col_n1 a:hover,
table.submenu td.col_n1_select a:hover,
table.submenu td.col_n2 a:hover,
table.submenu td.col_n2_select a:hover,
table.submenu td.col_n3 a:hover,
table.submenu td.col_n3_select a:hover{
	font-size: 100%;
	color: #f00;
	}
img.submenu_fletxa{
	float: right;
	position: relative;
	border: 0px;
	}

p.negatiu1{
	font: normal 1em/normal "Arial", Helvetica, sans-serif;
	font-size: 0.6em;
	margin: 0 0.5em 0.5em 0;
	color: #fff;
	text-transform: uppercase;
	background-color: #069;
	text-align: center;
}

/*
-------------------------------------------------------
----------< COLUMNA ESQUERRA >----------
-----------------------------------------------------------
*/

table.calendari{
	position: relative;
	content: inherit;
	width: 130px;
	height: auto;
	clear: none;
	border: 0px solid #f00;
	margin-bottom: .5em;
	left: 0px;
    }
table.calendari td{
	font: normal normal 90%/normal "Arial", Helvetica, sans-serif;
	text-align: center;
    }
table.calendari td.calDiaSet{
	font: normal normal 70%/normal "Arial", Helvetica, sans-serif;
	border: 0px solid #f00;
	color: #aaa;
 	text-align:center;
	padding-top: .6em;
   }
table.calendari span.calFons{
	font: normal bold 75%/normal "Arial", Helvetica, sans-serif;
}
table.calendari td.calFons{
	font: normal bold 75%/normal "Arial", Helvetica, sans-serif;
	border: 0px solid #f00;
    }
table.calendari td.calFons a:link, 
table.calendari td.calFons a:active, 
table.calendari td.calFons a:visited{
	font: normal normal 75%/normal "Arial", Helvetica, sans-serif;
	border: 0px solid #f00;
	color: #000;
	background-color:#fff;
	padding: 3px 3px 1px 3px;
    }
table.calendari td.calFons a:hover{
	font: normal normal 75%/normal "Arial", Helvetica, sans-serif;
	border: 0px solid #f00;
	color: #fff;
	background-color:#069;
	padding: 3px 3px 1px 3px;
    }
    
    
table.calendari td.calFons_select{
	font: normal bold 85%/normal "Arial", Helvetica, sans-serif;
	background-color: #069;
	color: #fff;
    }
table.calendari td.calFons_select a:link, 
table.calendari td.calFons_select a:active, 
table.calendari td.calFons_select a:visited{
	font: normal bold 85%/normal "Arial", Helvetica, sans-serif;
	background-color: #069;
	color: #fff;
    }
table.calendari td.calFons_select a:hover{
	font: normal bold 85%/normal "Arial", Helvetica, sans-serif;
	background-color: #069;
	color: #000;
    }
    
    
table.calendari td.calenDia{
	font: normal normal 75%/normal "Arial", Helvetica, sans-serif;
	border: 1px solid #f00;
}
table.calendari td.calenDia a:link,
table.calendari td.calenDia a:active,
table.calendari td.calenDia a:visited {
	font: normal normal 75%/normal "Arial", Helvetica, sans-serif;
	border: 0px solid #f00;
	color: #000;
	background-color:#fff;
	padding: 3px 3px 0px 3px;
   }
table.calendari td.calenDia a:hover {
	font: normal normal 75%/normal "Arial", Helvetica, sans-serif;
	border: 0px solid #f00;
	color: #fff;
	background-color:#069;
	padding: 3px 3px 0px 3px;
    }
    
    
table.calendari .form_calendari_sel1{
	font: normal normal 75%/normal "Arial", Helvetica, sans-serif;
	width: 70px;
}
table.calendari .form_calendari_sel2{
	font: normal normal 75%/normal "Arial", Helvetica, sans-serif;
	width: 48px;
}
table.calendari img.cal_fletxa{
	width: 14px;
	height: 14px;
    border: 0px solid #ccc;
    }

/*
-------------------------------------------------------
----------< INDEX >----------
-----------------------------------------------------------
*/

table.normal {
	width: 100%;
	font: normal normal 0.8em/normal "Arial", Helvetica, sans-serif;
	}
table.normal a:visited, table.normal a:active, table.normal a:link { 
	font: normal normal 100%/normal "Arial", Helvetica, sans-serif;
	color: #069;
	}
table.normal a:hover{ 
	font: normal normal 100%/normal "Arial", Helvetica, sans-serif;
	color: #000;
	}
table.normal .edicions{
	padding: .1em 0 0 0;
	}
table.normal td{
	width: 25%;
	vertical-align: text-top;
	padding-left: 1em;
}
table.normal td a:link,table.normal td a:visited,table.normal td a:active,table.normal td a:hover, {
	font-size: 100%;
}
table.normal td.dreta{
	font-size: 100%;
	text-align: right;
}
table.normal td.b1{
	padding-bottom: 1em;
}
table.normal td.hem_planes_g1{
	text-align:right;
}
table.normal td.hem_planes_g2{
	text-align:left;
}
table.normal ul{
	margin: 0 0 0 1em;
	padding: 0;
	text-align: left;
        }
table.normal li{
	display: list-item;
	list-style-image:  url("../img/fletxa-dreta1c.gif");
	vertical-align: middle;
	padding-right: 1.15em;
	padding-left: 0;
	border: 0 solid #ccc;
	}
img.plana_p{
	width: 126px;
	height: 168px;
  border: 1px solid #ccc;
  }
h2.edicions{
    /* display: inline; */
		font: normal bold 85%/95% "Arial", Helvetica, sans-serif;
    clear: both;
    margin: 0px;
        }
ul.edicions{
	}
ul.edicions li{
	display: list;
	list-style-image:  url("../img/fletxa-dreta1c.gif");
	vertical-align: top;
	padding-top: 0.15em;
	padding-bottom: 0.5em;
	margin: 0;
	}

img.bannerv1{
	position: relative;
 	margin: 8px 0 0px 0;
	width: 120px;
    border: 0px;
    }
img.bannerh1{
	position: relative;
    margin: 4px 0 0px 0;
	width: 120px;
    border: 0px;
    }
table.publicitatv1{
	position: relative;
	width: 130px;
	height: auto;
	clear: none;
	border: 1px solid #ccc;
    margin: 0px 0 10px 0;
    }
table.publicitatv1 td.a1{
	vertical-align: top;
	text-align: center;
	padding-bottom: 5px;
	margin: 0;
	background-color:#fff;
	}
table.publicitatv1 td.a2{
	vertical-align: top;
	}
table.publicitath2{
	position: relative;
	width: 595px;
	height: auto;
	clear: none;
	border: 1px solid #ccc;
    margin: 0px 0 10px 0;
    }
table.publicitath2 td.a1{
	vertical-align: top;
	text-align: center;
	padding-bottom: 5px;
	margin: 0;
	background-color:#fff;
	}
table.publicitath2 td.a2{
	vertical-align: top;
	}
table.edicio1 {
	width: 100%;
	font: normal normal 100%/normal "Arial", Helvetica, sans-serif;
	}
table.edicio1 a:visited, table.normal a:active, table.normal a:link { 
	font: normal normal .8em/normal "Arial", Helvetica, sans-serif;
	color: #069;
	}
table.edicio1 a:hover{ 
	font: normal normal .8em/normal "Arial", Helvetica, sans-serif;
	color: #000;
	}
table.edicio1 td{
	vertical-align: text-top;
	padding-left: 0em;
}
table.edicio1 td.e1{
	width: 17px;
}
table.edicio1 td.e2{
	width: 109px;
}

/*
-------------------------------------------------------
----------< HEMEROTECA >----------
-----------------------------------------------------------
*/

table.hemeroteca {
	width: 100%;
	font: normal normal .8em/normal "Arial", Helvetica, sans-serif;
	}
table.hemeroteca a:visited, a:active, a:link { 
	font: normal normal .8em/normal "Arial", Helvetica, sans-serif;
	color: #069;
	}
table.hemeroteca a:hover{ 
	font: normal normal .8em/normal "Arial", Helvetica, sans-serif;
	color: #000;
	}
table.hemeroteca .edicions{
	padding: .1em 0 0 0;
	}
table.hemeroteca td{
	width: 50%;
	vertical-align: text-top;
	}
table.hemeroteca td.hem_planes_g1{
	text-align:right;
	}
table.hemeroteca td.hem_planes_g2{
	text-align:left;
	}
img.icona2e{
	width: 14px;
	height: 14px;
    border: 0px solid #ccc;
	margin: .2em .25em 0 0;
    }
img.icona2d{
	width: 14px;
	height: 14px;
    border: 0px solid #ccc;
	margin: .2em 0 0 .25em;
    }
img.icona2e2{
	width: 24px;
	height: 25px;
    border: 0px solid #ccc;
	margin: .2em .25em 0 0;
    }
img.icona2d2{
	width: 24px;
	height: 25px;
    border: 0px solid #ccc;
	margin: .2em 0 0 .25em;
    }
table.info{
	font: normal normal 80%/normal "Arial", Helvetica, sans-serif;
	width: 100%;
	height: auto;
	padding: 0;
  margin: 0;
  color: #000;
  border: 0px solid #ccc;
	clear: none;
    }
table.info td.filet{
  border-top: 1px solid #ccc;
	padding-top: .5em;
	}
table.info td{
	font-size: 100%;
    border: 0px solid #ccc;
	color: #000;
	padding: 0em 0 .2em 0;
	}
table.info td a:link, table.info td a:visited, table.info td a:active{
	font-size: 100%;
	color: #069;
	}
table.info td a:hover{
	color: #f00;
	}
table.info td.dreta{
	text-align: right;
	}
table.info td.td_espai_esq1{
    padding: 0 0 0 0.2em;
	width: 50%;
    text-align: left; // robert
	}
table.info td.td_espai_dre1{
    padding: 0 0.2em 0 0;
	width: 50%;
    text-align: right; // robert
	}
.paragraf1, .paragraf1 a:link, .paragraf1 a:active, .paragraf1 a:visited .paragraf1 a:hover{
	font: normal normal 100%/normal "Arial", Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	clear: none;
	}
img.icona1 {
	width: 12px;
	height: 13px;
	border: 0px solid #fff;
	margin: 0 .4em 0 0;
	vertical-align:middle;
	}
img.plana_g{
	width: 243px;
	height: 335px;
    border: 1px solid #ccc;
    }
img.plana_g2{
	width: 290px;
	height: 385px;
    border: 1px solid #ccc;
    }

.navega1{
	font-size: 95%;
	font-weight: bold;
}

.navega1 a:link, .navega1 a:visited {
	font-size: 100%;
	font-weight: bold;
	color: #000;
}
.navega1 a:hover{
	color: #f00;
}
.navega1 a.no_select:link, .navega1 a.no_select:visited{
	font-size: 100%;
	font-weight: bold;
	color: #000;
}
.navega1 a.no_select:hover{
	color: #f00;
}
.navega1 a.select:link, .navega1 a.select:visited{
	font-size: 140%;
	font-weight: bold;
	color: #069;
}
.navega1 a.select:hover{
	color: #f00;
}

.pag_seccio{
	font: normal bold 95%/normal "Arial", Helvetica, sans-serif;
	color: #999;
}
.pag_seccio span.num{
	font: normal bold 150%/normal "Arial", Helvetica, sans-serif;
	color: #999;
}

/*
-------------------------------------------------------
----------< IDENTIFICACI� >----------
-----------------------------------------------------------
*/

p.titol_seccio1{
	font: normal normal 130%/normal "Georgia", Times New Roman, Times, Serif, sans-serif;
}
p.titol_seccio2{
	font: normal bold 100%/normal "Arial", Helvetica, sans-serif;
}
p.titol_seccio3{
	font: normal normal 1em/normal "Arial", Helvetica, sans-serif;
}
table.t_identificacio2{
	position:relative;
	font: normal normal 0.8em/normal "Arial", Helvetica, sans-serif;
	text-align: left;
	width: 80%;
	padding: 0;
	margin: 0;
    border: 0px solid #ccc;
}
table.t_identificacio2 a, table.t_identificacio2 a:link, table.t_identificacio2 a:visited, table.t_identificacio2 a:active{
	font-size: 100%;
	color: #069;
}
table.t_identificacio2 td{
	width: 50%;
}
table.t_identificacio2 .formtext1{
	font: normal normal 1.2em/normal "Arial", Helvetica, sans-serif;
	width: 150px;
	}
table.t_identificacio2 .boto1{
	font: normal normal 1.2em/normal "Arial", Helvetica, sans-serif;
	width: 120px;
	height: 1.8em;
	}
/*
-------------------------------------------------------
----------< REGISTRE >----------
-----------------------------------------------------------
*/
.formtextcc{
	font: normal normal 1.2em/normal "Arial", Helvetica, sans-serif;
	width: 25px;
}
table.normal2 {
	width: auto;
	height: auto;
	border: 0px solid #f33;
	padding: 0;
	margin: 0;
	}
table.normal2 td {
	width: auto;
	height: auto;
	border: 0px solid #f33;
	padding: 0;
	margin: 0;
	}
table.normal2 td.dreta {
	text-align: right;
	}
table.normal2 td.esquerra {
	text-align: left;
	}

table.n1 {
	width: 750px;
	height: auto;
	border: 0px solid #f33;
	padding: 0;
	margin: 0;
	}
table.n1 a:visited, table.n1 a:active, table.n1 a:link { 
	color: #069;
	}
table.n1 a:hover{ 
	color: #000;
	}
table.n1 td{
	vertical-align: top;
	text-align: left;
	border: 0px solid #666;
	padding: 0;
	margin: 0;
	}
table.n1 td a{
	font-size: 100%;
	}
table.n1 td.col1{
	width: 48%;	
	}
table.n1 td.colm{
	width: 2%;
}
table.n1 td.col2{
	width: 50%;
}
table.n1 .form_text1{
	width: 150px;
	margin: 0; padding: 0;
}
table.n1 .form_select1{
	width: 154px;
	margin: 0; padding: 0;
}
table.n1 .boto1{
	font: normal normal 90%/normal "Arial", Helvetica, sans-serif;
	width: 180px;
	height: 2em;
	}
table.n2 {
	width: 100%;
	border: 0px solid #f33;
	padding: 0px;
	margin: 0px;
	}
table.n2 td{
	padding: 0px 3px 0 2px;
	border: 0px solid #f33;
	margin: 0px;
	}
table.n2 td a{
	font-size: 100%;
	}
table.n2 td.col1{
	font: normal normal 80%/normal "Arial", Helvetica, sans-serif;
	width: 45%;
	text-align: left;
	vertical-align: text-top;
}
table.n2 td.col2{
	font: normal normal 80%/normal "Arial", Helvetica, sans-serif;
	width: 55%;
	text-align: left;
	vertical-align: text-top;
}
table.n3 {
	width: 100%;
	border: 0px solid #f33;
	padding: 0px;
	margin: 0px;
	border-right: 0px solid #ccc;
	border-top: 0px solid #ccc;
	}
table.n3 th{
	font: normal bold 80%/normal "Arial", Helvetica, sans-serif;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	border-left: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	margin: 0;
	}
table.n3 td{
	font: normal normal 80%/normal "Arial", Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	padding: 3px;
	border-left: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
table.n3 td a{
	font-size: 100%;
	}
table.n3 td.col1{
	width: 50%;
}
table.n3 td.col2{
	width: 25%;
	color: #999;
}
table.n3 td.col3{
	width: 25%;
	color: #999;
}
table.n3 td.cap1{
	font-size: 100%;
	border-bottom: 0px solid #000;
	}
table.n3 td.bonus1{
	background-color: #FFFFFF;
	font-size: 100%;
	text-align: center;
	}
table.n5 {
	border: 0px solid #f33;
	width: auto;
	}
table.n5 td{
	font-size: 100%;
	padding: 1px 3px 1px 3px;
	margin: 0px;
	width: auto;
	border: 0px solid #ccc;
	}
table.n5 td.nf1{
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.n5 td.nf2{
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 0px solid #ccc;
	}
table.n5 td.nf3{
	width: 10px;
	border-left: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.n5 td.nf1f2{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.n5 td.nf2f2{
	border-left: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
table.n5 td.nf3f2{
	border-left: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	}
table.n5 td.compte{
	border: 1px solid #ccc;
	}
table.n11 {
	border: 0px solid #f33;
	width: 90%;
	}
table.n11 td{
	font-size: 100%;
	padding: 1px 3px 1px 3px;
	margin: 0px;
	border: 0px solid #ccc;
	/* white-space: nowrap; */
	}

/*
-------------------------------------------------------
----------< AV�S >----------
-----------------------------------------------------------
*/

table.centrar {
	width: 100%;
	height: auto;
	border: 0px solid #f33;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: center;
	}
table.n4 {
	width: 60%;
	height: auto;
	border: 0px solid #f33;
	padding: 0px;
	margin: 0px;
	border: 1px solid #ccc;
	}
table.n4 td{
	vertical-align: top;
	text-align: left;
	padding: 8px;
	}
table.n4 td.col1{
	width: 3%;
}
table.n4 td.col2{
	width: 97%;
}
table.n4 .boto1{
	font: normal normal 90%/normal "Arial", Helvetica, sans-serif;
	padding: 4px;
	height: 2em;
	}
table.text {
	width: 100%;
	border: 0px solid #f33;
	padding: 0px;
	margin: 0px;
	border: 0px solid #ccc;
	}
table.text td{
	vertical-align: top;
	text-align: left;
	padding: 8px;
	}
table.text td.text{
	font: normal normal 90%/130% "Arial", Helvetica, sans-serif;
	}
table.text td.col1{
	width: 4%;
}
/*
-------------------------------------------------------
----------< CERCAR AVAN�ADA >----------
-----------------------------------------------------------
*/

table.n8 {
	width: 100%;
	border: 0px solid #f33;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: center;
	}
table.n8 td{
	padding: 2px;
}
td.col_cerca1{
	vertical-align: top;
	text-align: right;
	width: 35%;
	border: 0px solid #ccc;
}
td.col_cerca1 p.texte2_gris{
	float: right;
}
td.col_cerca2{
	vertical-align: top;
	text-align: left;
	width: 65%;
	border: 0px solid #ccc;
}


/*
-------------------------------------------------------
----------< CONDICIONS D'�S >----------
-----------------------------------------------------------
*/

ul.condicions{
  margin-left: 2em;
  padding: 0px;
  text-align: left;
  }
ul.condicions li{
	display: list-item;
	list-style-image: none;
	vertical-align: middle;
	padding-right: 1.15em;
	padding-left: 0;
	margin-bottom: 1em;
	border: 0;
	text-align: justify;
  }
ul.condicions a, ul.condicions a:active, ul.condicions a:hover, ul.condicions a:visited {
  font-size: 100%;
  color: #66f;
  }
ul.condicions2{
  margin-top: 0.5em;
  margin-left: 2em;
  padding: 0px;
  text-align: left;
  }
ul.condicions2 li{
	display: list-item;
	list-style-image: none;
	list-style-type: disc;
	padding-right: 1.15em;
	padding-left: 0;
	margin-bottom: 0.2em;
	border: 0;
	text-align: justify;
  }
ul.condicions2 a, ul.condicions2 a:active, ul.condicions2 a:hover, ul.condicions2 a:visited {
  font-size: 100%;
  color: #66f;
  }
table.condicions1{
	position: relative;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	width: 95%;
	height: auto;
	}
table.condicions1 td{
	text-align: left;
	font: normal normal 90%/normal "Arial", Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding-top: 4px;
	padding-bottom: 4px;
	}
: right;
}
td.col_cerca2{
	vertical-align: top;
	text-align: left;
	width: 65%;
	border: 0px solid #ccc;
}


/*
-------------------------------------------------------
----------< CONDICIONS D'�S >----------
-----------------------------------------------------------
*/

ul.condicions{
  margin-left: 2em;
  padding: 0px;
  text-align: left;
  }
ul.condicions li{
	display: list-item;
	list-style-image: none;
	vertical-align: middle;
	padding-right: 1.15em;
	padding-left: 0;
	margin-bottom: 1em;
	border: 0;
	text-align: justify;
  }
ul.condicions a, ul.condicions a:active, ul.condicions a:hover, ul.condicions a:visited {
  font-size: 100%;
  color: #66f;
  }
ul.condicions2{
  margin-top: 0.5em;
  margin-left: 2em;
  padding: 0px;
  text-align: left;
  }
ul.condicions2 li{
	display: list-item;
	list-style-image: none;
	list-style-type: disc;
	padding-right: 1.15em;
	padding-left: 0;
	margin-bottom: 0.2em;
	border: 0;
	text-align: justify;
  }
ul.condicions2 a, ul.condicions2 a:active, ul.condicions2 a:hover, ul.condicions2 a:visited {
  font-size: 100%;
  color: #66f;
  }
table.condicions1{
	position: relative;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	width: 95%;
	height: auto;
	}
table.condicions1 td{
	text-align: left;
	font: normal normal 90%/normal "Arial", Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding-top: 4px;
	padding-bottom: 4px;
	}