/* 
 * Google Font: 'Roboto'
 *
 * Import only the 'medium'/500 face. (the only one used) 
 * 	To prevent faux bolds, that may end up 
 * 	looking signically different on every browser.
 *
 */
@import url('https://fonts.googleapis.com/css?family=Roboto:500');

a {
	background-color: transparent;
	color: #CC3300;
}
a:hover, a:hover em, a:hover strong {
	background-color: transparent;
	color: #4F562C;
}
a:active {
	background-color: transparent;
	color: #006600
}
a.sitemap {
	background: transparent url(../imatges/sitemap.png) no-repeat left;
/*	float: left;*/
	margin-left: 1em;
	margin-right: 2em;
	padding-left: 20px;
	text-decoration: underline;
}
a.pdf {
	/*background: transparent url(../imatges/pdf_small2.png) no-repeat 0% 55%;	*/
	background: transparent url(../imatges/pdf_small2.png) no-repeat 0% 0.35em;	
	padding: 0.3em 0 0.3em 21px !important;
}
a.rss {	
	background: transparent url(../imatges/icon-rss_16x16.png) no-repeat 0% 0.35em;	
	padding: 0.3em 0 0.3em 21px !important;
}
a.mail {	
	background: transparent url(../imatges/icon-email_23x16.png) no-repeat 0% 0.35em;	
	padding: 0.3em 0 0.3em 28px !important;
}
a.instagram {	
	background: transparent url(../imatges/icons/icon-instagram-2019_16x16_v2.png) no-repeat 0% 0.35em;	
	padding: 0.3em 0 0.3em 20px !important;
}
a.twitter {	
	background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgNDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzFEQTFGMjt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9IkRhcmtfQmx1ZSI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM1MCw0MDBINTBjLTI3LjYsMC01MC0yMi40LTUwLTUwVjUwQzAsMjIuNCwyMi40LDAsNTAsMGgzMDBjMjcuNiwwLDUwLDIyLjQsNTAsNTB2MzAwQzQwMCwzNzcuNiwzNzcuNiw0MDAsMzUwLDQwMHoiLz48L2c+PGcgaWQ9IkxvZ29fX3gyMDE0X19GSVhFRCI+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE1My42LDMwMS42Yzk0LjMsMCwxNDUuOS03OC4yLDE0NS45LTE0NS45YzAtMi4yLDAtNC40LTAuMS02LjZjMTAtNy4yLDE4LjctMTYuMywyNS42LTI2LjZjLTkuMiw0LjEtMTkuMSw2LjgtMjkuNSw4LjFjMTAuNi02LjMsMTguNy0xNi40LDIyLjYtMjguNGMtOS45LDUuOS0yMC45LDEwLjEtMzIuNiwxMi40Yy05LjQtMTAtMjIuNy0xNi4yLTM3LjQtMTYuMmMtMjguMywwLTUxLjMsMjMtNTEuMyw1MS4zYzAsNCwwLjUsNy45LDEuMywxMS43Yy00Mi42LTIuMS04MC40LTIyLjYtMTA1LjctNTMuNmMtNC40LDcuNi02LjksMTYuNC02LjksMjUuOGMwLDE3LjgsOS4xLDMzLjUsMjIuOCw0Mi43Yy04LjQtMC4zLTE2LjMtMi42LTIzLjItNi40YzAsMC4yLDAsMC40LDAsMC43YzAsMjQuOCwxNy43LDQ1LjYsNDEuMSw1MC4zYy00LjMsMS4yLTguOCwxLjgtMTMuNSwxLjhjLTMuMywwLTYuNS0wLjMtOS42LTAuOWM2LjUsMjAuNCwyNS41LDM1LjIsNDcuOSwzNS42Yy0xNy42LDEzLjgtMzkuNywyMi02My43LDIyYy00LjEsMC04LjItMC4yLTEyLjItMC43Qzk3LjcsMjkzLjEsMTI0LjcsMzAxLjYsMTUzLjYsMzAxLjYiLz48L2c+PC9zdmc+) no-repeat 0% 0.35em;
	background-size: 16px 16px;
	padding: 0.3em 0 0.3em 20px !important;
}
a.documents {	
    background: transparent url(../imatges/icons/icons8-product-documents-48.png) no-repeat 0% 0.35em;
    background-size: 48px 48px;
    padding: 1.9em 1em 1.9em 53px !important;
    line-height: 2.5em;
}
a.pdfcatthumbnail {	
	background: transparent url(../imatges/pdf-xac_2021_thumbnail_50x67.png) no-repeat 0% 0.00em;
    background-size: 50px 67px;
    padding: 2em 0em 2.8em 53px !important;
    line-height: 3.5em;
}
a.pdfbalthumbnail {	
	background: transparent url(../imatges/pdf-sbaic_thumbnail_50x67.png) no-repeat 0% 0.00em;
    background-size: 50px 67px;
    padding: 2em 0em 2.8em 53px !important;
    line-height: 3.5em;
}
a.pollencalendar {
	display: block;
	background: transparent url(../imatges/calendar_thumbnail_03_57x54.png) no-repeat 0% 0.35em;	
	margin: 0;
	padding: 0.75em 0 1.0em 62px;
	min-height: 35px;
	text-decoration: none;
	/*border: 1px solid green;*/
}
a.pollencalendar em {
	/*font-size: 1.2em;*/
	/*font-style: normal;*/
	text-decoration: underline;
}
a.pollencalendar:hover em {
	color: #4F562C;
}
a.pollencalendar span  {
	text-decoration: underline;
}

acronym {
	/*border: 0;
	text-decoration: none*/
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
body {
	background-color: transparent;
	border: 1px solid ButtonFace;
	border-bottom-width: 0;
	color: #000000;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	margin: 0;
	padding: 0
}

cite {
	background-color: transparent;
	color: #CC3300;
	font-style: oblique;
	font-weight: normal
}
label {
	white-space: nowrap;
}
label:hover {
	color: #CC3300;
}

fieldset {
	padding-left: 0.7em;
	padding-right: 0.5em;
	padding-bottom: 0.7em;
}

div#construccio {
	margin: 15em 15em 15em 15em;
	text-align: center
}
div#filariadna {
	background-color: #FFFFFF;
	color: #4F562C;
	font-weight: bold;
	padding: 0.5em 0 0 1em
}
div#links a {
	font-weight: bold
}
div#links p.altres {
	background-color: #D8E4D3;
	color: #000000;
	margin-bottom: 0;
	padding: 0.3em 0.3em 0.3em 0.3em;
	text-align: right
}
div#nlocalitat {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
div#pdfs table {
	padding: 1em 1em 1em 1em
}
table.index {
	/*margin-top: 1em;*/
	/*margin-top: -17px;
	margin-bottom: -15px;*/
	margin: -17px -20px -15px -20px;
	text-align: left;
	/*width: 100%;*/
}
table.index td {
	vertical-align: top;	
}
/*table.index td.cright {*/
	/*width: 16em;*/
	/*padding: 0 0 0 1em;*/
/*}*/

table.index td.bsilvercenter {
	border-right: 2px solid #DCDCDC;
	background: #DCDCDC url(../imatges/css_background_grey_right03.jpg) repeat top right;
	/*padding: 0 1em 0 1em;*/
	padding: 0 1em 0 1em;
}
table.index td.bsilverleft {
	border-right: 2px solid #DCDCDC;
	background: #DCDCDC url(../imatges/css_background_grey_right03.jpg) repeat top right;
	/*width: 14em;*/
	/*width: 15.1em;*/
	width: 17.40em;
	/*width: 33.4em;*/
	padding: 0 1em 0 20px;
	/*padding: 3.75em 1em 0 0;*/
}
table.index td.bsilverright {
	border-right: 2px solid #DCDCDC;
	background: #DCDCDC url(../imatges/css_background_grey_right03.jpg) repeat top right;
	/*width: 14em;*/
	/* width: 16em; */
	width: 17.40em;
	/* padding: 0 1em 0 1em; */
	padding: 0 1em 0 20px;
}
table.index td.bsilverleft p, table.index td.bsilverleft address {
	font-size: 0.90em;
	text-align: left;
} 

table.index td.bsilver {
	border-right: 2px solid #DCDCDC;
	background: #DCDCDC url(../imatges/css_background_grey_right03.jpg) repeat top right;
}
table.index h2 {
 	font-size: 1.20em;
	font-weight: bold;
}
table.index h2 strong {
	letter-spacing: normal;
	font-size: 1.05em;
	font-weight: bolder;
}
table.index em {
	font-style: italic;
	letter-spacing: normal;
}
div .index {
	background-color: transparent;
	color: #000000;
	text-align: left;	
	padding-right: 0;
}
div.index h2 {
	border: 0;
	font-size: 1.20em;
	font-weight: bold;
}
div.index p {
	text-align: left;
	font-size: 0.90em;
}
#titolpageindex {
	text-align: center;
	display: none;
}
em {
	background-color: transparent;
	/*color: #CC3300;*/
	/*font-style: normal;*/
	font-style: italic;
	font-weight: normal;
}

strong {	
	color: #CC3300;
	font-weight: bold;
}
strong em {
	font-weight: bold;
	color: #4F562C;
}
h1 {
	background-color: transparent;
	color: #CC3300;
	font-size: 2em;
	height: 59px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
	width: 100%
}
h1, h2, h3, h4, h5 {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif
}
h2 {
	background-color: transparent;
	border-bottom: 1px solid #F3D2D2;
	color: #CC3300;
	font-size: 1.50em;
	letter-spacing: -1px;
	margin: 1.15em 0 0 0;
	padding: 0
}
h3 {
	font-size: 1.25em
}
h4 {
	font-size: 1em;
	/*text-align: center*/
}
h5 {
	background-color: transparent;
	color: #CC3300;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: right
}
.hcenter {
	text-align: center;
}
ul.decorationnone {
	border: 1px solid red;
	list-style: none inside none;
}
ul.decorationnone input {
	border: 1px solid orange;
}
hr {
	background-color: transparent;
	border: 0;
	border-top: 1px solid #F3D2D2;
	color: #FFFFFF;
	text-align: center;
	width: 100%
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
img.back, img.bibliobotoinici {
	float: right
}
img.logo {
	margin: 0 10px 0 0
}
img.titol {
	margin-right: 50px
}
.vora {	
	border: 1px solid #DCDCDC;	
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*margin-bottom: 0.20em;	*/
	/*width: 152px;*/
	width: 210px;
	height: 56px;
}
span.vora {
	display: block;
	margin: 0 auto;
}
a:hover .vora {
	border: 1px solid #4F562C;
}
input, select, textarea {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif
}
p {
	line-height: 1.25em;
	text-align: justify
}
p.nojustify {
	text-align: left;
}
.lineheight15 {
	line-height: 1.5em;
}
table {
	border-spacing: 0px;
	font-size: 1em
}
table.valingtop td {
	vertical-align: top;
}
table.hundredwd {
	width: 100%;
}
table.metodestaula1 td.col2parell {
	background-color: transparent;
	color: #CC3300;
	font-weight: bold
}
.nodisplay {
	display: none !important;
}
.donotwrap {
	white-space: nowrap;
}

table.altrespunts td {
	padding: 3em 0 3em 0;
	vertical-align: top
}
table.formgrafic {
	margin: 0.5em auto
}
table.formgrafic td {
	font-size: 1em;
	padding: 0 0.5em 0 0.5em;
	text-align: left;
	vertical-align: top;
}
table.formgrafic td select, table.formgrafic td input {
	font-size: 1em;
	margin-top: 3px
}
select#pollen {
	width: 12em;
}
select#espores {
	width: 12em;	
}
/*table.formgrafic td.espores {*/
	/*width: 7em*/
/*}*/
/*table.formgrafic td.pollen {*/
	/*width: 6em*/
/*}*/
table.formgrafic td.taxon {
	width: 15em
}
table.formgrafic table.anys td {
	vertical-align: middle;
}
/*table.grafic {
	border-spacing: 0px;
	font: 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif
}*/
table.grafic {
	border-spacing: 0px;
	font: 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*width: 100% !important;*/
	width: 100%;
}
table.grafic td.info {
	padding-left: 95px;
	text-align: left;
	font-weight: bold;
}
table.grafic td.taxon {
	font-weight: bold;
	padding-right: 10px;
	text-align: right
}

/* <Graphs> */

div#graphWrap {
	border: 3px solid white;
	width: 100%;
	margin: 0;
	padding: 0;
	/*overflow: auto;*/
}
div.graphsContainer {
	border: 1px solid #696969;
	margin: 1em auto 0 auto;
	padding: 0.5em 0.5em 0.5em 0em;
	width: 98.5%;
}

div.graphsKeys {
	/*margin: 0.95em auto 0 auto;*/
	margin: 0.95em 0 0 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 1em;
	position: relative;
	/*border: 1px solid navy;*/
	/*margin: 0 auto;*/
	line-height: 2.0em;
}
div.graphsKeys div.keyItem {	
	/*border: 1px green solid;*/
	/*margin-top: 5px;*/
	/*width: 48%;*/
	display: inline;
	/*float: left;*/
	text-align: left;
	white-space: nowrap;
	/*width: 25em;*/
	font-size: 0.90em;
	letter-spacing: -0.0200em;
	/*word-spacing: 0.050em;*/
}

div.graphsKeys img {
	/*padding: 0 0.5em 0 2em;*/
	/*margin: 0 0.5em 0 2em;*/
	/*margin: 0 0.10em 0 0.85em;*/
	margin: 0 0.00em 0 0.50em;
	vertical-align: middle;
}

div.graphs {
	width: 100%;
	margin: auto;
}
/*img#graphonthefly {
	width: 100%;
}*/
/* </Graphs> */

table.infoestacio {
	empty-cells: hide
}
table.infoestacio td {
	padding: 0.25em 0.5em 0.25em 0.5em;
	vertical-align: top;
	width: 50%
}
table.infoestacio td table td{
	border: 1px dashed #F3D2D2;
	width: auto
}
table.infoestacio th {
	border: 1px dashed #F3D2D2;
	padding: 0.25em 0.5em 0.25em 0.5em;
	text-align: left;
	vertical-align: top
}
table.localitats td {
	text-align: center;
	vertical-align: top
}
table.localitatslegenda {
	margin: 0 auto
}
table.localitatslegenda td {
	width: auto
}
table.localitatslegenda td.columna2, table.localitatslegenda th.columna2 {
	padding-left: 2em
}
table.localitatslegenda td.cour {
	background-color: #333300;
	color: #FFFFFF
}
table.localitatslegenda td.courhirst {
	background-color: #990000;
	color: #000000
}
table.localitatslegenda td.hirst {
	background-color: #0066FF;
	color: #000000
}
table.metodestaula1{
	background-color: #FFFAFA;
	border: 1px solid #000000;
	border-right: 1px solid #808080;
	border-top-width: 0;
	color: #000000;
	margin: 0 auto;
	border-spacing: 0px;
	border-collapse: collapse;
	}
table.metodestaula1 td, table.metodestaula1 th {
	border-top: 1px solid #808080;
	padding: 0.2em 0.5em 0.2em 0.5em
}
table.metodestaula1 td.col2senar{
	background-color: #F0F0F0;
	color: #CC3300;
	font-weight: bold
}
table.metodestaula1 td.col3senar{
	background-color: #F0F0F0;
	color: #000000
}
table.metodestaula1 th.col1{
	background-color: #CC3300;
	color: #FFFFFF;
	text-align: center
}
table.nivells{
	background: url(../imatges/fons_t.jpg) #E1CEC0 repeat-x;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	width: 100%
}
table.nivells td {
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 50%
}
table.nivells td.mapa {
	text-align: center;
}
table.nivells2 {
	border: 1px solid #EFC1B2;
	border-right-width: 0;
	border-spacing: 0px
}
table.nivells2 td, table.nivells2 th, table.nivells2llegenda td,table.nivells2llegenda th {
	border: 0;
	margin: 0;
	padding: 0.3em 0.3em 0.3em 0.3em;
	text-align: center
}
table.nivells2 td.coldreta, table.nivells2 th {
	border-right: 1px solid #EFC1B2
}
table.nivells2 th {
	width: 6.80em;
	white-space: nowrap !important;
}
table.nivells2 th.ttitol {
	width: auto;	
}
table.nivells2 td.taxon {
	border-right: 1px solid #EFC1B2;
	padding-left: 1em;
	text-align: left;
	/*width: 15em*/
}
table.nivells2 tr.filaparell{
	background-color: #F3DBC3;
	color: #000000
}
table.nivells2 tr.theader, table.nivells2llegenda tr.theader{
	background-color: #F5EDDC;
	color: #CC3300;
	text-align: center
}
table.nivells2llegenda {
	border: 1px solid #EFC1B2
}
table.nivells2llegenda th {
	background-color: transparent;
	color: #CC3300;
	text-align: center
}
table.nivellslayout {
	font-size: 0.9em;
	width: 100%;
}
table.nivellslayout td.col1 {
	padding-right: 1em;
	vertical-align: top;
	width: 75%
}
table.nivellslayout td.col2 {
	background: url(../imatges/pol2.png) no-repeat 100% 115%;
	padding-left: 1em;
	vertical-align: top;
}
table.responsables td{
	padding: 0 0.5em 0.5em 0.5em;
	vertical-align: top;
	/*border: 1px solid fuchsia;*/
}
/*table.responsables td td {*/
	/*padding: 0px 10px 20px 10px;*/
	
/*}*/
table.responsables, table.xac, table.sitemap, table.altrespunts, table.localitats {
	width: 100%
}
table.responsables {
	margin: 0;
	padding: 0;	
}
table.responsables h4 {
	text-align: left;
	margin-top: 0;	
	margin-bottom: 1.0em;
}
table.responsables p {
	margin: 0.5em 0 2em 0;
	/*padding: 0 0 0 0;*/
}
table.logos {		
	margin: 1.5em 0 0 0;
	padding: 0;
	width: 100%;
}
table.logos td {	
	font-size: 0.85em;
	text-align: center;
	color: Gray;
	padding: 0 0 12px 0;
	/*margin: 0 !important;
	padding: 0 !important;*/
	vertical-align: top;
}
table.logos td.col1 {	
	padding-right: 2.5em;
}
table.logos td a {
	text-decoration: none;
}
table.sitemap td {
	font-weight: bold;
	vertical-align: top
}
table.sitemap td ul, table.sitemap td ul li {
	margin-bottom: 0.2em;
	margin-top: 0em;
	padding-bottom: 0em;
	padding-top: 0em
}
table.xac td.col1{
	background-color: transparent;
	color: #CC3300;
	padding-right: 1em;
	width: 50%
}
table.xac td.col2{
	background: url(../imatges/pol1.png) no-repeat;
	padding: 10em 0em 0em 1em;
	width: 50%
}
ul li {
	padding-bottom: 1em
}
ul li ul li {
	padding-bottom: 0.0em;
	padding-top: 0.50em;
}
/*ul#bibliomenu {
	border: 1px dashed #CC3300;
	border-left-width: 0px;
	border-right-width: 0px;
	display: table;
	margin: 0 0 0 0;
	padding: 0.5em 0 0.5em 0;
	text-align: center
}
ul#bibliomenu li {
	display: table-cell;
	list-style-type: none;
	padding: 0 1em 0 1em;
	vertical-align: middle
}
ul#bibliomenu li a {
	background-color: transparent;
	color: #4F562C;
	font-weight: bold;
	text-decoration: none
}
ul#bibliomenu li a:hover {
	background-color: transparent;
	color: #CC3300;
	text-decoration: none
}*/
ul#bibliomenu {
	display: block;
	text-align: center;
	margin: 1em 0 1em 0;
	padding: 0;
}
ul#bibliomenu li {
	display: inline;
	margin: 0;
	padding: 0 1em 0 1em;	
	border-right: 1px solid silver;
	white-space: nowrap;
}
ul#bibliomenu li:last-child{
border-right: 0px;
}

/*ul.bibliocalendaris {
	font-weight: bold;
	line-height: 1.5em;
	list-style-type: none;
}*/
ul.bibliocalendaris {
	display: block;	
	position: relative;
	margin: 1em 0 0 4em;
	padding: 0;
	text-align: left;
}
ul.bibliocalendaris li {
	display: inline-block;
	list-style-type: none;
	/*float: left;*/
	width: 15em;
	height: 5.5em;
	margin: 0.5em;
	padding: 0.25em;
	border: 1px solid silver;
	border-color: #dcdcdc #a9a9a9 #a9a9a9 #dcdcdc;
	overflow: hidden;
}
ul.bibliorea {
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center
}
ul.bibliorea li {
	display: inline;
	list-style-type: none;
	padding: 0.25em 1em 0.25em 1em
}
.barra {
	color: #C2CBA5;
	font-size: 1.2em;
	font-weight: bold;
	/*padding: 0 0.25em 0 0.25em*/
	padding-left: 0.25em;
	padding-right: 0.25em;
}
#container {
	margin: 0 auto;
	/*min-width: 753px;*/ /*max-width: 1250px;*/
	/*min-width: 76em;*/
	min-width: 77em;
	padding: 0;
	position: relative;
	width: 100%
}
#footer {
	background: url(../imatges/footer_fons.jpg) #4F562C;
	border-bottom: 1px inset #CC3300;
	border-top: 1px inset #CC3300;
	/*bottom: 0px;*/
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	/*height: 1.52em;*/
	/*left: 0px;*/
	margin: 0;
	padding: 0.3em 5em 0.3em 0;
	/*position: fixed;*/
	position: relative;
	text-align: left;
	/*width: 100%;*/
}
#footer div.sitemap {
	float: left;
	width: 9.75em;
}
#footer div.partners {
	margin-left: 9.75em;
	/*margin-right: 5em;	*/
}
#footer div.copyright {
	width: 11em;
	position: absolute;
	top: 2px;
	right: 0;
	text-align: center;
}
#footer a {
	background-color: transparent;
	color: #FFFFFF
}

/* <sponsor a:hover effect> */
#footer div.sponsor {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative
}
#footer div.sponsor a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	cursor: pointer;
}
#footer div.sponsor a span {
	display: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#footer div.sponsor a span img {
	float: left !important
}
#footer div.sponsor a span strong {
	color: #000000 !important
}
#footer div.sponsor a:hover span {
	background: #FFFFCC;
	border: 1px solid #000000;
	color: #000000 !important;
	display: block !important;
	font-size: 11px;
	font-weight: normal;
	/*left: -10px;*/
	/*left: -140px;*/
	left: -80px;
	margin: 0 0 0 0;
	/*min-width: 30em;*/
	min-width: 40em;
	padding: 5px;
	/*padding: 1em;*/
	position: absolute;
	text-align: left !important;
	text-decoration: none;
	/*top: -49px;*/
	top: -61px;
	z-index: 100;
	/*overflow: auto;*/
	/*overflow: hidden;
	width: 100%;*/
}
#footer div.sponsor a:hover, .sponsor a:focus {
	background-color: #4F562C;
	color: #C2CBA5;
	text-decoration: underline;
}
/* </sponsor a:hover effect> */

#footer strong {
	background-color: transparent;
	color: #FEFF02
}
/*
#footer #wrapfooter { /* Opera 8.x BUG: position absolute over position fixed */
	/*position: relative;	
}*/
/*span.copyright {

}*/

p.copyright, div.comment {
	padding-top: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #696969;
	font-style: normal;
	/*font-family: Arial, Helvetica, sans-serif;*/
	border-top: 1px solid #DCDCDC;
	font-size: 0.9em;
}

p.copyright {
	padding-top: 0;	
}

p.copyright strong {
	color: #696969;	
}

p.copyright img.cc-logo {
	border: 0px solid green; 
	padding-bottom: 1.50em; 
	padding-right: 1em;
	padding-top: 1.3em;
	float: left;	
}

div.comment  {
	text-align: right;
	margin-top: 3em;
	background: #DCDCDC url(../imatges/css_background_grey01.jpg) repeat top left;
	padding: 1em 2em 2em 2em;
	/*overflow: auto;*/
}
div.comment2, .comment3 {
	text-align: center;
	margin-top: 1.5em;
	background: White url(../imatges/css_background_grey01.jpg) repeat-x top left;
	padding: 1em 1em 0 1em;
}
div.comment p {		
	margin: 0;
	padding: 0;
	text-align: right;
}
div.comment2 p {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: center;
}
div.comment div.lpdf {
	float: right;
	margin-left: 1em;
}

.comment3 {
	text-align: left;
	font-size: 0.85em;
	color: #696969;
}

div.callout {
	text-align: right;
	margin-top: 2em;
	background-color: #EDF3EC;
	padding: 1.5em 2em 1.5em 2.5em;
}
div.callout2 {
	color: gray;
	text-align: center;
	margin-top: 0.75em;
	background-color: #EDF3EC;
	padding: 1.25em 2em 1.25em 2.5em;
}

#form1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0
}
#header {
	background: url(../imatges/header_fons.jpg) #4F562C repeat;
	border-bottom: 1px inset #CC3300;
	border-top: 1px inset #CC3300;
	color: #C2CBA5;
	font-family: "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	line-height: 1em;
	position: relative;
	width: 100%
}
#header #idiomes {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	position: relative;
	z-index: 10
}
#header #idiomes a {
	display: inline;
	margin: 0;
	padding: 0
}
#header a {
	background-color: transparent;
	color: #FFFFFF;
	margin: 0.25em 0 0.25em 0;
	padding: 0 0 0 0
}
#header a, #header a:hover {
	font-weight: bold;
	text-decoration: none
}
#header a:hover, #footer a:hover {
	background-color: transparent;
	color: #C2CBA5
}
#header div#seccio1 {
	float: left;
	margin: 0;
	padding: 0 0 0 1em;
	position: relative;
	z-index: 10
}
#header div#seccio1 a {
	display: block
}
#header div#seccio2 {
	float: right;
	margin: 2.40em 0 0 0;
	padding: 0.3em 0 0.25em 0;
	position: relative;
	text-align: center;
	/*width: 32em;*/
	/*width: 35.75em;*/
	width: 34.00em;
	/*max-width: 43%;*/
	z-index: 10;
	/*width: 20em;*/	
	/* border: 1px solid yellow;	 */
	/*color: #FFFFFF;*/
}

#header div#seccio2 ul {
	font-size: 0.90em;
	/*margin: 0 0 0 0;*/
	margin: 0 0 0 0;
   /*padding: 0 0 0 1em;*/
	padding: 0 0 0 0.95em;
	list-style-type: disc;
}
#header div#seccio2 ul li {	
	/*margin: 0 0 0 1em;*/
	/*margin: 0 0 0 0.25em;*/
	margin: 0 0 0 1.00em;
	/*padding: 0 0 0 0.15em;*/
	padding: 0 0 0 0;
	line-height: 1.75em;
	text-indent: -3px;
}

#header div#seccio2 div.xac {
	float: left;
	text-align: left;
	width: 49%;
	/* border: 1px solid Red;	 */
}
#header div#seccio2 div.sbaic {
	/* float: left; */
	text-align: left;
	margin: 0 0 0 51%;
	/* width: 49%; */
	/* border: 1px solid rgb(4, 0, 255);	 */
}
#header div#seccio2 div.eolo {
	margin: 0 0 0 51%;
	padding-top: 1em;
	text-align: left;
	/* border-left: 1px solid Lime;	 */
}


/*#header div#seccio2 div.a1 {
	float: left;
	text-align: right;
	width: 43%
}
#header div#seccio2 div.a2 {
	margin: 0 0 0 47%;
	text-align: left
}
#header div#seccio2 div.borderlinks {
	line-height: 1.5em;
	margin-top: 8px;
	margin-bottom: 2px;
	position: relative;
}
#header div#seccio2 div.borderlinks a {
	border: 1px ridge #FFFFFF;
	padding: 1px 0.3em 0 0.3em
}
#header div#seccio2 div.borderlinks a:hover, #header div#seccio2 div.borderlinks a.pdf:hover {
	border: 1px groove #C2CBA5
}
#header div#seccio2 div.borderlinks a.pdf {
	border: 1px ridge #FFFFFF;
	padding: 1px 0.3em 0px 20px;
	background: transparent url(../imatges/pdf_small2.png) no-repeat 2px 55%;
}*/
#header div#seccio2 h2 {
	background-color: transparent;
	border: 0;
	color: #C2CBA5;
	font-size: 1.1em;
	font-weight: bold;
	/*letter-spacing: 0;*/
	letter-spacing: -0.05em;
	margin: 0 1em 0.5em 0;
	padding: 0 0 0 0;
	font-variant: small-caps;
	text-align: center;
	white-space: nowrap;
}
#header div#seccio2 h3 {
	font-size: 0.9em;
	letter-spacing: 0px;
	margin: 0.70em 0 0.3em 0;
	padding: 0;
}

#header div#titol {
/*display: none;*/
	color: #FFFFFF;
	font: 1.2em  "Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif;	
	/*margin: 1em 40% 0 30%;*/	
	top: 1em;
	left: 40%;
	margin: 0 0 0 -8.5em;
	padding: 0;
	position: absolute;
	text-align: center;
	/*width: 30%;*/
	/*width: 17em;*/
	/*width: 15em;*/
	width: 19.0em;
	z-index: 0;
	/*border: 1px solid red;*/
	/*overflow: visible;*/
}

#header div#titol a {
	display: block;
	/*font-size: 4em;*/
	font-size: 4.5em;
	margin: 0;
	padding: 0 0 0 0.15em;
	position: relative;
	z-index: 0;
	/*border: 1px solid Lime;*/
}
#header div#titol a acronym {
		border: 0!important;
}
#header div#titol span {
	display: block;
	font-weight: bold;
	letter-spacing: 0.15em;
	/*border: 1px solid White;*/
	/*white-space: normal;*/
}
#header div.fons1 {
	background: url(../imatges/header2_fons.png) no-repeat;
	background-position: 30% -40px;
	width: 100%
}
#header div.fons2 {
	background: url(../imatges/header2_fons.png) no-repeat;
	background-position: 51% 25px;
	width: 100%
}
#header div.fons3 {
	background: url(../imatges/header2_fons.png) no-repeat;
	background-position: 25% 75px;
	overflow: hidden;
	width: 100%
}

#header #subscribe {
	font-weight: bold;
	margin: 0;
	padding: 0.25em 0.25em 0.40em 0.40em;
	position: absolute;
	top: 0px;
	right: 0px;
	/*width: 17.5em;*/
	/* width: 34.0em; */
	/* width: 43.0em; */
	/* width: 43.5em; */
	/* width: 46.5em; */
	width: 36.8em;
	border: 1px solid #C2CBA5;
	border-width: 0 0 1px 1px;
	background-color: #4F562C;
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
   border-radius: 0 0 0 6px;   
   -moz-box-shadow: -1px 1px 3px 1px #C2CBA5;
	-webkit-box-shadow: -1px 1px 3px 1px #C2CBA5;
   box-shadow: -1px 1px 3px 1px #C2CBA5;
	
}
#page {
	background-color: transparent;
	margin: 0 0 0 0;
	/*padding: 0 20px 35px 20px;*/
	padding: 0 20px 15px 20px;
	position: relative
}
#pagewrap1 {
	background: transparent url(../imatges/titol_fons.png) repeat-x;
	/*background-position: 0 -10px;*/
	background-position: 0 2px;
	clear: both;
	/*margin: 0 0 0 0;*/
	margin: 5px 0 0 0;
	/*padding: 0 0 0 0;*/
	padding: 12px 0 0 0;
	position: relative
}
#pagewrap2 {
	background-color: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative
}
#references {
	font-size: 0.9em
}
#references strong {
	background-color: transparent;
	color: #000000;
	font-weight: bold
}
#shadow9, #shadow19, #shadow29 {
	font-size: 23%;
	letter-spacing: 0px !important
}
#pdfs form {
	margin: 0.3em 0 0.7em 0;
	padding: 0;
}

/* <Startup Page Boxes> */

.boxes {
	/*margin: 1.5em 0 0 1.5em;*/
	margin: 0;
	padding: 1em 0 0 1em;
	float: left;
	width:100%;
	/*border: 1px solid red;*/
	}
	
.box {
	background:#fff url(../imatges/css_boxes/box1_v2.png) top left no-repeat;
	/*height: 100px;*/
	height: 120px;
	/*width: 46%;*/
	/*width: 18em;*/
	width: 17em;
	margin: 0 20px 20px 0;
	float: left;
	}
	
.box em, .box3 em {
	font-weight: normal;
	color: #0049aa;
	text-decoration: underline;
	}
	
.box h2, .box3 h2 {
	font-size: 1em !important;
	margin:1px 0 0 0;
	padding: 1px 0 0 0;
	letter-spacing: normal;
	}
	
.box p, .box3 p {
	margin-top: 5px;
	font-size: 0.85em;
	line-height: 1.5em;
	text-align: left;
	}

.box2 {
	background:transparent url(../imatges/css_boxes/box2-2_v2.png) top right no-repeat;
	/*padding: 14px 10px 26px 10px;*/
	/*padding: 14px 8px 26px 10px;*/
	padding: 10px 8px 22px 6px;
	/*height:100px;*/
	height:120px;
	}

.box img, .box3 img {
	float:left;
	/*margin: 4px 10px 1em 0;*/
	margin: 4px 10px 3em 0;
	}

.box a, .box3 a {
	color:#111;
	/*display:block; */
	text-decoration:none;
	}

.box a:hover, .box:hover a, .box3 a:hover, .box3:hover a {
	color:#05b;
	}

/* Boxes v3 CSS3 */ 

.box3 {
	border: 2px solid silver;
    border-radius: 5px;
	background-color: LightSkyBlue;
	box-shadow: -5px -5px 5px lightblue inset, 5px 5px 5px lightblue inset;
	/* height: 120px; */
	height: 85px;
	width: 15.65em;
	margin: 0 20px 20px 0;
	padding: 10px 8px 22px 6px;
	float: left;
}


/* Small boxes */
	
.sboxes {
	/*margin: 1em 0 0 0.5em;*/
	margin: 0;
	padding: 1em 0 0 0;
	float: left;
	width: 15em;
	/*border: 1px solid red;*/
	}
	
.sbox {
	/*background:#fff url(../imatges/css_boxes/sbox1.png) top left no-repeat;*/
	border: 1px solid silver;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px Silver;
	-webkit-box-shadow: 1px 1px 3px Silver;
	box-shadow: 1px 1px 3px Silver;
	/*height: 50px;*/
	/*height: 100px;*/
	/*width: 46%;*/
	width: 15em;
	margin: 0 10px 10px 0;
	float: left;
	}
	
.sbox em {
	font-weight: normal;
	color: #0049aa;
	text-decoration: underline;
	}
	
.sbox h2 {
	font-size: 0.75em !important;
	margin:1px 0 0 0;
	padding: 1px 0 0 0;
	letter-spacing: normal;
	}
	
.sbox p {
	margin-top: 5px;
	font-size: 0.70em;
	line-height: 1.5em;
	text-align: left;
	}

.sbox2 {
	/*background:transparent url(../imatges/css_boxes/sbox2-2.png) top right no-repeat;*/
	/*padding: 14px 10px 26px 10px;*/
	padding: 7px 4px 13px 5px;
	/*height:50px;*/
	}

.sbox img {
	float:left;
	margin: 4px 10px 1em 0;
	}

.sbox a {
	color:#111;
	display:block;
	text-decoration:none;
	}

.sbox a:hover, .sbox:hover a {
	color:#05b;
	}	

/* </Startup Page Boxes> */

.clear {
	clear:both;
}

	
img.nofloat {
	float: none !important;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* <Startup EOLO-PAT> */

table.eoloforecasting {
	margin: 0 auto;
	background-color: #F9E8ED;
}
table.eoloforecasting  td {
	padding: 1em;
}

/* </Startup EOLO-PAT> */

div#links p {
	text-align: left;
}
#links table {
	width: 100%;
}
#links table td {
	width: 50%;
	padding: 0 2em 0 2em;
}
table.nomarge {
	margin: 0;
	padding: 0;
}
table.nomarge td {
	margin: 0;
	padding: 0;
}
table.nomarge td.right {
	padding-left: 1.5em;
}

/* <News BLOCK> */

div.news {
	/*background-color: #D8E4D3;*/
	background-color: #F3DBC3;
	/*background-color: #FFFFCC;*/
	border: 1px solid #CC3300;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px #C2CBA5;
	-webkit-box-shadow: 1px 1px 3px #C2CBA5;
	box-shadow: 1px 1px 3px #C2CBA5;
	padding: 0.75em;
	margin: 2.0em 0 1.5em 0;	
}

div.news h2 {
	font-size: 1.8em;
	text-align: center;
	padding-top: 0;
	margin-top: 0;
}

div.news h3 {
	padding-bottom: 0;
	margin-bottom: 0.25em;
}

div.news h3 a, div.news h3 a em {
	text-decoration: none;
	color: #4f562c;
	font-weight: bold;
}
div.news h3 a:hover {
	text-decoration: underline;
}
div.news span.date {
	color: #696969;
	font-size: 0.90em;
	font-weight: bold;
}
/* </News BLOCK> */

/* <News item PAGE> */
div#newswrap {
	background-color: white;
	margin: 0 -20px;
   padding: 0 20px;
}
div#newswrap h1 {
	height: auto;
	
}
div.date {
	padding: 0.25em 2em 2em 1em;
	/*margin: -25px -19px -20px -19px;*/
	margin: 0 -19px -20px -19px;
	text-align: right;
	color: #696969;
	font-size: 0.90em;
	font-weight: bold;
	background: #DCDCDC url(../imatges/css_background_grey01.jpg) repeat top left;
	border-top: 4px double #58703E;
}

/* </News item PAGE> */

/* <Posts FULL PAGE> */

.breadcrumbs {
	/*margin: -5.1em 0 3.5em;
	margin: -70px 0 45px;
	padding: 0;
	border: 0px solid red;	
	font-size: 1.1em;
	width: 27em;
	height: 1.1em;
	overflow: hidden;
	
	border: 0 solid red;
   font-size: 0.9em;
   height: 1.5em;
   margin: -96px 0 75px;
   overflow: hidden;
   padding: 0;
   width: 50em;*/
   
   border: 0 solid red;
   font-size: 0.9em;
   height: 1.5em;
   left: 20px;
   margin: 0px 0 0px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   top: -14px;
   width: 50em;
	
	/*border: 1px solid red;*/
}
.current_crumb {
	color: gray;
}
.postContent {
	margin: 0;
	padding: 0 0 1em 0;
	/*border: 1px solid orange;*/
}
/* </Posts FULL PAGE> */

/* <Posts ITEMs> */

/*.postItem {
	
}
.post_title {
	
}*/
.post_date {
	color: #696969;
	font-size: 0.90em;
	font-weight: bold;
}
.post_summany {
	margin: 0.5em 0 1em 0;
	padding: 0;
}
	
/* </Posts ITEMs> */

/* <Donations Box> */

#donationsBox {
   display: block;
	/*background-color: #f0f0f0;*/
	background-color: #CC3300;
	color: white;
   border: 3px solid #F3DBC3;
   /*left: 0;*/
   opacity: 0.95;
   margin: 1em -1px 0 -1px;
   padding: 1.0em 1.0em;
   /*position: absolute;*/
   /*top: -12px;*/
   /*width: 9.75em;*/
   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
   border-radius: 10px;
   /*box-shadow: 2px 2px 7px silver;*/
   -moz-box-shadow: 1px 1px 3px #C2CBA5;
	-webkit-box-shadow: 1px 1px 3px #C2CBA5;
   box-shadow: 1px 1px 3px #C2CBA5;
   text-decoration: none;
}
#donationsBox h2 {	
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #c2cba5;
	/*color: black;*/
	color: white;
	opacity: 1;
}

#donationsBox span {	
	/*color: gray;*/
	color: white;
   display: inline-block;
   font-size: 0.9em;
   text-align: right;
   width: 100%;
   opacity: 1;
}
#donationsBox:hover {
	/*background-color: #f0f0f0;*/
   opacity: 1;
   box-shadow: 1px 1px 4px #0066FF;
   /*color: #0066FF;*/
}
#donationsBox:hover h2, #donationsBox:hover span {
	/*color: #0066FF;*/
	text-decoration: none;
}
/*#donationsBox:hover h2 {*/
	/*border-bottom: 1px solid #F3D2D2;	*/
/*}*/

/* </Donations Box> */

/* <PDF Box 1> */

.pdfBox1 {
	margin: 0 0 3em 0; 
	/* padding: 1.5em 1em 1.2em 1em;  */
	padding: 1.5em 1em 1.5em 1em; 
	text-align: center; 
	border: 1px solid silver;
}

/* </PDF Box 1> */

/* <Form Newsletter> */

#form_newsletter, #form_newsletter_unsubscribe, #form_newsletter_bal, #form_newsletter_unsubscribe_bal {	
	/*font-size: 1.25em;*/
	font-size: 1.10em;
}

#form_newsletter input#email, #form_newsletter_unsubscribe input#un_email, #form_newsletter_bal input#email_bal, #form_newsletter_unsubscribe_bal input#un_email_bal {
	width: 20em;	
}
#form_newsletter input#subscriber_name, #form_newsletter_bal input#subscriber_name_bal {
	width: 20em;	
}
input#submit_form_newsletter, input#submit_form_newsletter_bal {
	width: 20em;
	font-size: 1.0em;
}
#form_newsletter fieldset legend, #form_newsletter_unsubscribe fieldset legend, #form_newsletter_bal fieldset legend, #form_newsletter_unsubscribe_bal fieldset legend {
	font-weight: bold;
}
.unsubscribelink {
	font-size: 0.85em;
}
.newsletter_input_label span.inlabel, .newsletter_input_label span.inlabel {
	display: inline-block;
	width: 9em;
}
#msg .error, #msg .valid, #msg .checking, #msg_cat .error, #msg_cat .valid, #msg_cat .checking, #msg_bal .error, #msg_bal .valid, #msg_bal .checking {
	font-weight: bold; 
	/*font-size:0.95em;*/
	font-size: 1.00em; 
	padding: 0.50em 1em 0.50em 2.60em; 
	margin-left: 2.0em; 
	border-radius: 5px;
	opacity: 0.75; 
	box-shadow: 2px 2px 5px #999;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 1em 50%;
	background-color: yellow; 
}

#msg .error, #msg_cat .error, #msg_bal .error {
	background-image: url(../imatges/subscribe/error.png);		
	color: #8b0000; 				
	border: 1px solid #8b0000;		
}
#msg .valid, #msg_cat .valid, #msg_bal .valid {
	background-image: url(../imatges/subscribe/accept.png);		
	color: green; 		
	border: 1px solid green;		
}
#msg .checking, #msg_cat .checking, #msg_bal .checking {
	background-image: url(../imatges/subscribe/spinner-small.gif);		
	color: #696969; 		
	border: 1px solid #696969;		
}


/* </Form Newsletter> */


/* <Video Player> */

/*div.video-js {
	margin: 0 auto;
}
div.videowrap {
	margin: 200px 0 200px 0;
	width: 100%;
	border: 1px solid red;
}
div.videowrap video {
	margin: 0 auto;	
}*/
div.videoblock {
	display: block;
	margin-bottom: 1.1em;
	text-align: center;
}
span.videofoot {	
	padding-right: 1em;
	font-size: 0.90em;
	color: gray;
	/* line-height: 2em; */
	line-height: 1.5em;
}
div.videos-container {
  /* We first create a flex layout context */
    display: -webkit-flex;
    display: flex;
  
  /* Then we define the flow direction and if we allow the items to wrap 
   * Remember "flex-flow: row wrap" is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
   
  /* Then we define how is distributed the remaining space */
    justify-content: flex-start;
}
div.videoblock2 {
	/*display: -webkit-inline-flex;*/
	/*display: inline-flex;*/
	/*width: 25em;*/
	width: 250px;
	margin-bottom: 1.10em;
	padding-top: 1.00em;	
	text-align: left;
	padding-left: 2.1em;
	padding-right: 2.1em;  
}
div.videoblock2 a.zoomable {
  /*display:block;*/
  /*width:320px;
  height:180px;*/  
  width:250px !important;
  height:140px;
  /*position:relative;*/
  /* -webkit-box-shadow:rgba(0,0,0,0.4) 0 4px 10px; */
  /*-moz-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;*/
  /* box-shadow:rgba(0,0,0,0.4) 0 4px 10px; */
}
div.videofoot2 {
	padding-top: 4px;	
	font-size: 1.05em;
	/*color: gray;*/
	color: black;
	line-height: 1.5em;
	position: relative;
}
div.videofoot2 .v-duration {	
	/* Video duration, position absolute (over the video thumbnail) */
	position: absolute;
	width: 4em;
	top: -22px;
	left: 2px;
	font-family: Roboto,arial,sans-serif;
	font-size: 1.05em;
	font-weight: 500;
	opacity: 0.75;
	color: white;
	background-color: black;	
	text-align: center;	
}

div.videofoot2 .v-title a {	
	font-weight: bold;
	font-size: 13px;
	color: #167ac6; /* ¿? */
	text-decoration: none;
}
div.videofoot2 .v-title a:hover {	
	text-decoration: underline;
}
div.videofoot2 .v-byline {	
	font-size: 0.9em;
	color: #767676;
	font-weight: bold;
}
div.videofoot2 .v-byline em {	
	font-style: normal;
}

div.audios-container {
  /* We first create a flex layout context */
    display: -webkit-flex;
    display: flex;
  
  /* Then we define the flow direction and if we allow the items to wrap 
   * Remember "flex-flow: row wrap" is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
   
  /* Then we define how is distributed the remaining space */
    justify-content: space-around;
}
div.audioblock {
	display: block;
	width: 40em;
	margin-bottom: 4.00em;
	/*padding-top: 5.20em;*/
	text-align: center;
	border: 0px solid #006600;
}
div.audioblock audio {
	width: 38em; 
	/*margin: 0 2% 0 2%;*/  		
}
span.audiofoot {	
	padding-right: 1em;
	font-size: 1.05em;
	/*color: gray;*/
	color: black;
	line-height: 2em;
}
/* </Video Player> */

/* <Javascript warning> */

.javascript_warning {
	font-weight: bold; 	
	font-size: 1.00em; 
	padding: 0.50em 1em 0.50em 2.60em; 
	margin-left: 2.0em; 
	border-radius: 5px;
	opacity: 0.75; 
	box-shadow: 2px 2px 5px #999;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 1em 50%;
	background-color: yellow; 
	background-image: url(../imatges/subscribe/error.png);		
	color: #8b0000; 				
	border: 1px solid #8b0000;	
}

/* <INFO warning> */

.info_warning {
	font-weight: bold;
	font-size: 1.15em;
	padding: 0.50em 1em 0.50em 2.70em;
	margin-left: 0.0em;
	margin-top: 1em;
	border-radius: 5px;
	opacity: 0.75;
	box-shadow: 2px 2px 5px #999;
	white-space: normal;
	background-repeat: no-repeat;
	background-position: 1em 50%;
	background-color: yellow;
	background-image: url(../imatges/subscribe/error.png);
	color: #8b0000;
	border: 1px solid #8b0000;
}

.info_valid {
	font-weight: bold;
	font-size: 1.15em;
	padding: 0.50em 1em 0.50em 2.70em;
	margin-left: 0.0em;
	margin-top: 1em;
	border-radius: 5px;
	opacity: 0.75;
	box-shadow: 2px 2px 5px #999;
	white-space: normal;
	background-repeat: no-repeat;
	background-position: 1em 50%;
	background-color: rgba(0, 87, 0, 0.1);
	background-image: url(../imatges/subscribe/accept.png);	
	color: #004700; 		
	border: 1px solid #004700;
}


/* <Word HTML Fixes (Extra page -eaaci from Dropbox-)> */

/*table.MsoNormalTable {
		/*border: 2px solid black !important;	*/
/*}
table.MsoNormalTable p {
		margin: 0 !important;
		padding: 0.5em 0 0.5em 0 !important;
		text-align: left;
}*/
/*table.MsoNormalTable tr {
		margin: 0 !important;
		padding: 0 !important;	
table.MsoNormalTable td {
		margin: 0 !important;
		padding: 0 !important;	
}*/
table.nivells2 p {
		margin: 0 !important;
		padding: 0.25em 0.10em 0.25em 0.10em !important;
		/*border: 0px solid black !important;*/
		white-space: nowrap;
		
}


/* </Word HTML Fixes (Extra page -eaaci from Dropbox-)> */