@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300italic,300,700italic,700,600);
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

img {border:0;}

@media all and (min-width: 68.125em)  
{		
  body {font-size: 1em;}
}
@media all and (min-width: 48.125em) and (max-width: 68.125em)  
{		
  body {font-size: 0.9em;}
}
@media all and (max-width: 48.125em)  
{		
  body {font-size: 0.8em;}
}
* { line-height: 140%; }
body {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	line-height: 1em;
	color: #202020;
	background: #FCFCFC;
	margin: 0;
	padding: 0;
	background-image: url(../imatges/fons.jpg);
}
ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 20px;
	padding-left: 15px;
	text-align: left;
}
#peu {
	width: 100%;
	background-color: #000000;
}
#peu > #peuContinent{
	position: relative;
	width: 100%;
	max-width: 100em;
	margin: 0 auto;
	height: 4em;
}
#peu > #peuContinent img.logoN{
    height: 95%;
	padding: 0 0.2em 0.4em 0.2em;
}
#peu2 {
	width: 100%;
	background-color: #494e58;
}
#peu2 > #creative img {
	float:left;
	margin-right:1em;
}
#peu2 > #creative {
	background-color: #494e58;
	position: relative;
	width: 100%;
	max-width: 100em;
	margin: 0 auto;
    color: #FFFFFF;
}
#peu2 > #creative a {
	border-width:0;
	float:left;
	padding:1em;
    color: #FFFFFF;
    font-size: 75%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 80%;
}
#publi {
    width: 98%;
    background-color: #f1f1f1;
    border-top: solid 10px #e0e0e0;
	padding: 1%;
	margin-top: 2%;
}
#publi > #publiContinent{
	-webkit-column-count:6;
	-moz-column-count:6;
	column-count:6;

	-moz-column-gap: 1%;
	-webkit-column-gap: 1%;
	column-gap: 1%;
	
	-moz-column-width: 150px;	        
	-webkit-column-width: 150px;
	column-width: 150px;
}
.publi_ind img {
	width: 100%;
}
.publi_ind {
    margin-bottom: 5%;
}
a {
  text-decoration: none !important;
  outline: none !important;
}
a.negre {
  text-decoration: none !important;
  outline: none !important;
  color: #000000 !important;
}
a.blanc {
  text-decoration: none !important;
  outline: none !important;
  color: #FFFFFF !important;
}
a.verd {
  text-decoration: none !important;
  outline: none !important;
  color: #21B990 !important;
}
a.imatge img{ /* Image opacity */
      filter: alpha(opacity=100);
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
      -moz-opacity: 1.00;
      opacity:1;
}
a.imatge:hover img { /* Image opacity when rolled over */
	filter: alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.70;
	opacity:0.7;
}
.aimatge:hover { /* Image opacity when rolled over */
	filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.80;
	opacity:0.8;
}

.light {
  font-weight: 300;
}
h1 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 200%;
  font-weight: 400;
  line-height: 2.125em;
}
h1.gran {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 260%;
  font-weight: 400;
  line-height: 2.75em;
}
h2 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 160%;
  font-weight: 400;
  line-height: 1.75em;
}
h3 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 140%;
  font-weight: 400;
  line-height: 1.5em;
}
h4 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 110%;
  font-weight: 400;
  line-height: 1.25em;
}
h5 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.125em;
}
h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 75%;
    color: #999;
    font-weight: normal;
    margin: 0.4em;
    padding: 0;
}
#continent{
	position: relative;
	width: 100%;
	max-width: 100em;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}
#interior {
    background-color: #ececec;
    border-top: 0.4em solid #cecece;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
}
/* COLUMNES ---------------------------------------------------------------------------------------------------------------- */
@media all and (min-width: 78.125em)  {		/* >1090px*/
	.col1d3 {
		width: 33%;
		float:left;
	}
	.col2d3 {
		width: 66%;
		float:left;
	}
	.col1d4 {
		width: 25%;
		float:left;
	}
	.col2d4 {
		width: 49%;
		float:left;
		margin-left: 0.5%;
		margin-right: 0.5%;
	}
	.col3d4 {
		width: 75%;
		float:left;
	}
	.col4d4 {
		width: 100%;
		float:left;
	}
	.col0 {
		min-height: 8.75em;
		font-size: 150%;
		font-weight: 800;
		color: #adadad;
		text-align:center;
		padding-top:6.25em;
	}
}
@media all and (max-width: 78.125em)  {		/* <=1090px */
	.col1d3 {
		width: 100%;
		float:left;
	}
	.col2d3 {
		width: 100%;
		float:left;
	}
	.col1d4 {
		width: 100%;
		float:left;
	}
	.col2d4 {
		width: 100%;
		float:left;
	}
	.col3d4 {
		width: 100%;
		float:left;
	}
	.col4d4 {
		width: 100%;
		float:left;
	}
	.col0 {
		min-height: 8.75em;
		font-size: 150%;
		font-weight: 800;
		color: #adadad;
		text-align:center;
		padding-top:6.25em;
	}
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.col1Dreta {
		max-width: 30% !important;
		margin: 0.5% !important;
		padding: 0.2% !important;
	}
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.col1Dreta {
		max-width: 98% !important;
		margin: 0.5% !important;
		padding: 0.2% !important;
	}
}
.anunciLateral {
	width: 100%;
    overflow: hidden;
}
.anunci100 {
    width: 100%;
	margin: 0 auto 0 auto;
}
.anunciSubmenu {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2em;
}
.anunciSubmenuHomepage {
    width: 48%;
    float: left;
    padding: 2% 1% 2% 1%;
}
.mapesIsos {
	width: 92%;
    background-color: #FFFFFF;
    border-radius: 1em;
    margin: 5%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}
div#menu_mapes {
    padding-bottom: 2em;
}
.mapesIndividualV {
	width:100%;
	display:block;
}
.mapesIndividual {
	width:100%;
	display:none;
}
.mapesIndividualV>img,	.mapesIndividual>img {
	border: 0;
    width: 96%;
    padding: 2%;
}
.mapesSeleccio {
	background-color: #ececec;
	padding: 0.4em;
	border-radius: 0.4em;
	font-size: 75%;
	display: inline-block;
	margin: 0.1em;
}
.mapesSeleccio:hover {
	background-color: #cbdeea;
}


.extremsDia {
    width: 92%;
    background-color: #FFFFFF;
    border-radius: 1em;
    margin: 4%;
    text-align: center;
}
.fotosDia {
    width: 92%;
    background-color: #FFFFFF;
    border-radius: 1em;
    margin: 4%;
    text-align: center;
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.blocextremsDia {
		width: 48%;
		margin: 1%;
		float: left;
	}
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.blocextremsDia {
		width: 98%;
		margin: 0.5em;
	}
}

blocHextremsDia {
    width: 98%;
	float:left;
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.anunciSubmenu {
		width: 100%;
		float: right;
		overflow: hidden;
		margin-bottom: 0.8em;
	}
}
/* REGISTRE ---------------------------------------------------------------------------------------------------------------- */
#registre {
    display: block;
    float: right;
    padding: 0.4%;
	text-align: right;
}
#regidioma {
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 80%;
    float: right;
    width: 100%;
	line-height: 2em;
}
#regusuari {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 90%;
    float: right;
    width: 100%;
}
#regedicio {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 110%;
    float: right;
    width: 100%;
	line-height: 2em;
	    margin-top: 0.2em;
}
input[type="submit"].fregistre {
    width: 7em;
    height: 1.7em;
    font-size: 90%;
    font-weight: 800;
}
input.fregistre, textarea.fregistre, select.fregistre {
    border: 1px solid #E8E8E8;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 90%;
    font-weight: 400;
}
select.formBasic {
    position: relative;
    display: block;
    width: 70%;
    float: right;
    padding: 0.2em;
    margin: 0.1em;
    left: 0;
}	
/* SUBMENU ---------------------------------------------------------------------------------------------------------------- */
#subnav {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border-bottom: 1px solid #999;
	margin-bottom: 2%;
	background-color: #c3eae0;
}
#subnav > a {
	display: none;
}
#subnav li {
	position: relative;
}
#subnav li a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 0 0.5em 0 0.5em;
	border-right: solid 1px #FFFFFF;
	font-weight: 600;
}
#subnav > ul {
    background: #FFFFFF;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	#subnav > ul > li 	{
		float: left;
	}
	#subnav > ul > li > a {
		font-size: 100%;
		line-height: 200%;
		text-align: center;
	}
#subnav > ul > li:hover > a,
#subnav > ul:not( :hover ) > li.active > a {
	background-color: #006666;
	color: #FFFFFF;
}
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	#subnav > ul > li {
		display: list-item;
		background-color: #FFFFFF;
		border-top: 1px solid #F1F1F1;
	}
	#subnav > ul > li > a {
		font-size: 90%;
		line-height: 190%;
		text-align: left;
	}
#subnav > ul > li:hover > a,
#subnav > ul:not( :hover ) > li.active > a {
	background-color: #9dd2c3;
}
}



/* SLIDER FOTOS FITXA ---------------------------------------------------------------------------------------------------------------- */
	

/* HOMEPAGE -------------------------------------------------------------------------------------------------------------------------- */

.niv1homepage {
    float: left;
    width: 65%;
    background-color: #465d55;
    margin-right: 0.5em;
    min-height: 29em;
    margin-bottom: 0.5em;
    border-bottom: 1em solid #33cc99;
	display:block;
}
.niv1homepage .thumb img {
    width: 100%;
}
.niv1homepage .txt {
    padding: 0% 5% 2% 5%;
}

.niv1homepage h1 {
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 200%;
    font-weight: 400;
    line-height: 100%;
    padding: 0;
	color: #FFFFFF;
}
.niv1homepage h2 {
    font-size: 130%;
    font-weight: 400;
    padding: 0;
    margin: 0.625em 0 0 0;
    line-height: 1.5em;
	color: #FFFFFF;
}
.niv1homepage h3 {
    font-size: 0.95em;
    font-weight: 100;
    padding: 0;
    margin: 0.625em 0 0.95em 0;
    line-height: 1.125em;
	color: #FFFFFF;
}

.niv2homepage {
	float: left;
    width: 32%;
    background-color: #ddf3eb;
    margin-right: 0.5em;
    min-height: 30em;
    margin-bottom: 0.5em;
}
.niv2homepage .thumb img {
    width: 100%;
}
.niv2homepage .txt {
    padding: 0% 5% 2% 5%;
}

.niv2homepage h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 180%;
    font-weight: 100;
    line-height: 120%;
    padding: 0;
}
.niv2homepage h2 {
    font-size: 100%;
    font-weight: 400;
    padding: 0;
    margin: 0.625em 0 0 0;
    line-height: 1.5em;
}
.niv2homepage h3 {
    font-size: 0.85em;
    font-weight: 100;
    padding: 0;
    margin: 0.625em 0 0.95em 0;
    line-height: 1.125em;
}

#infohomepage a img {
    width: 32%;
    margin-right: 0.5em;
    float: left;
    margin-bottom: 0.3em;
}

.separador {
    margin: 2% 2% 3% 0%;
    border-bottom: 10px dotted #dbdbd5;
}


/* CONTINGUTS ---------------------------------------------------------------------------------------------------------------- */
	
#cap {
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 0.5em;
}
#cap img {
    max-height: 96%;
    max-width: 100%;
}
#fotoAmpla {
	width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    /*position: relative;*/
	max-height: 16em;
}
#fotoAmpla img {
    width: 100%;
    display: block;
    max-width: none !important;
}
#contingut {
	width: 59%;
	max-width: 1000px;
	border: 1px dashed #ccc;
	float: left;
	margin-bottom: 0.4em;
	border: 1px solid #000000;
	padding: 0.625em;
	background-color: #DDDDDD;
}
#columns {
	float: right;
	width: 39%;
	border: 1px dashed #ccc;
	padding-bottom: 3px;
}
.colum1 {
	float:left;
	width: 49%;
	border: 1px dotted #CCC;
	}
.colum2 {
	float: right;
	width: 49%;	
	border: 1px dotted #CCC;
}
.movimentDataFixe {
    width: 92%;
    line-height: 2em;
    height: 2em;
    padding: 1%;
    background-color: #cbdeea;
    margin: 4%;
    border: solid 1px #DDDDDD;
	border-radius: 1em;
}
.movimentDataFixeA {
    width: 100%;
    line-height: 2em;
    height: 2em;
    padding: 1%;
    background-color: #cbdeea;
    margin: 4%;
    border: solid 1px #DDDDDD;
	border-radius: 1em;
}
.movimentData {
	width: 92%;
    line-height: 2em;
    height: 2em;
    padding: 1%;
    background-color: #cbdeea;
    margin: 2%;
    border: solid 1px #DDDDDD;
    border-radius: 1em;
	text-align:center;
	-webkit-box-shadow: 3px 3px 0.4em 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 0.4em 0 rgba(0,0,0,0.2);
	box-shadow: 3px 3px 0.4em 0 rgba(0,0,0,0.2);
}
.movimentDataTriat {
	width: 92%;
    line-height: 2em;
    height: 2em;
    padding: 1%;
    background-color: #FFFFFF;
    margin: 2%;
    border: solid 1px #DDDDDD;
    border-radius: 1em;
	font-weight:800;
	text-align:center;
}
.movimentData:hover {
	box-shadow:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.movimentEsq {
    float: left;
}
.movimentDre {
    float: right;
}
.movimentFletxa:hover {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
.movimentNom {
    float: left;
    width: 80%;
    text-align: center;
    font-weight: 800;
    font-size: 1.25em;
}
.movimentTitol{
    width: 80%;
    text-align: left;
    font-weight: 800;
    font-size: 1.25em;
    padding: 0.5em;
    margin: 0;
}
#seccioTitol > h1 {
    font-size: 42px;
    padding: 0;
    margin: 0 0 1.25em 0.625em;
    line-height: 5%;
    font-weight: 100;
}
#seccioTitol > h1 .w800 {
    font-weight: 800;
}


#estacioTitol > h1 {
	font-size: 300%;
    padding: 0;
    margin: 0 0 0 1%;
    line-height: 120%;
    font-weight: 100;	
}
#estacioTitol > h1 > img {
	padding-right: 0.4em;
}
#estacioTitol > h1 .muni {
    font-weight: 800;
}
#estacioTitol > h2 {
    font-size: 130%;
    padding: 0;
    margin: 0 0 1% 1%;
    line-height: 1.6em;
    font-weight: 100;
    color: #909090;
    border-left: 1.6em solid #cccccc;
    padding-left: 1%;
}

#fotoBanda {
	width: 100%;
    height: 300px;
    overflow: hidden;
    display: block;
}
#fotoBanda #mapa {
	float: left;
    width: 40%;
    height: 300px;
}
#fotoBanda #foto {
    float: left;
    width: 60%;
    height: 300px;
    overflow: hidden;
    display: block;
}

img.bn{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(../filter.svg#gris);
	filter: gray;
}
img.WCimatge {
	width: 98%;
	padding: 1%;
}
.noWC {
    font-size: 140%;
    font-weight: 800;
    color: #a5a5a5;
    text-align: center;
    margin-top: 12em;
}

/* TAULES ---------------------------------------------------------------------------------------------------------------- */
  table.tDadesMicro { 
    font-size: 80%;
    border-collapse: collapse;
    width: 98%;
    margin: 1%;
    text-align: center;
    }
  table.tDadesMicro span.unitats { 
    font-size: 70%;
    }
  table.tDadesMicro td { 
    border-left: 1px solid #999; 
    border-top: 1px solid #999;  
    padding: 2px 4px;
    }
  table.tDadesMicro th {
    border: 1px solid #ffffff !important;
  }
  table.tDadesMicro tr:first-child td {
    border-top: none;
  }
  table.tDadesMicro td:first-child {
    border-left: none;
  }
  table.tDadesMicro th { 
    font-size: 100%;
    font-weight: 400;
    border-left: 1px solid #ffffff;
    padding: 4px 0 4px 0;
    background: #336666;
    color: #ffffff;
    vertical-align: top;
    }
  table.tDadesMicro td { 
    font-size: 100%;
    font-weight: 400;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 4px;
    background: #e4e4e4;
    color: #000000;
    text-align: right;
    }
  
  table.tDadesMicro td.rIdd { width: 18%; text-align:center;background: #f3f3f3;font-weight:800; }
  table.tDadesMicro td.rVal { width: 9%;background: white; }


  .tDadesScroll {
	overflow-x: scroll;
  }

@media all and (min-width: 80.125em)  {		
  table.tDades { 
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 100%;
    border-collapse: collapse;
    width: 98%;
    margin: 1%;
    }
}
@media all and (max-width: 80.125em)  {		
  table.tDades { 
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 95% !important;
    border-collapse: collapse;
    width: 98%;
    margin: 1%;
    }
}
  table.tDades td { 
    border-left: 1px solid #999; 
    border-top: 1px solid #999;  
    padding: 2px 4px;
    }
  table.tDades th {
    border: 1px solid #ffffff !important;
  }
  table.tDades tr:first-child td {
    border-top: none;
  }
  table.tDades th { 
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 70%;
    font-weight: 400;
    border-left: 1px solid #ffffff;
    padding: 4px 0 4px 0;
    background: #336666;
    color: #ffffff;
    vertical-align: top;
	text-align:center;
    }
  .rValTriat {
    background:rgba(0,47,0,1);
  }

  table.tDades td:first-child  { 
    border-left: none;
  }
  table.tDades td.Mdata {
	font-size: 140%;
	font-weight: 400;
	padding: 0.4em;
	text-align: left;
    background-color: #ececec;
  }
  table.tDades td { 
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 80%;
    font-weight: 400;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 4px;
    background: #e4e4e4;
    color: #000000;
    text-align: right;
    }
  table.tDades td.rValTitolet {
    text-align: left !important;
    font-size: 1.125em !important;
    border-bottom: 2px solid #336666 !important;
  }  
  table.tDades td.rIdd { text-align:center;background: #f3f3f3;font-weight:800; }
  table.tDades td.rIddtxt { text-align:left;background: #f3f3f3;font-weight:800; }
  table.tDades td.rVal { background: white; }
  table.tDades td.rValm { background: whitesmoke;font-weight:800; }
  table.tDades td.rValn {background: white;color: #0033FF; }
  table.tDades td.rValx { background: white;color: #FF0000; }
  table.tDades td.rValb { background: #f1f1f1; color: #FF0000; }
  table.tDades td.rValr { background: whitesmoke; }
  table.tDades td.rValp { font-weight: 400;font-size: 60%;color: #212020;padding-top: 0; padding-bottom: 0; }
  table.tDades td.rValCentre { text-align:center; }

  table.tDades td.rEsta { background: #f3f3f3; text-align:left; }
  span.rEstaDmxo { font-size:90%; padding-left:0.5em; font-weight:100;}

  span.rEstaD { font-size:90%; font-weight:100;}
  span.rEstaDP { font-size:90%; padding-left:0.5em; padding-right: 0.25em; font-weight: 800;}

  span.ptda {font-weight: 800;padding-right: 1%;}
  span.elme {font-style: italic;}

  table.tDades td.rComarca { background: #ECECEC; text-align:left;font-size:100%;font-weight:800;border:none !important; }
  table.tDades td.rProvincia { background: #ECECEC; text-align:left; font-size:140%;font-weight:100;padding-top: 1em;border:none !important; }
  table.tDades td.rGrups { background: #ECECEC; text-align:left; font-size:120%;font-weight:100;padding-top: 1em;border:none !important; }

  table.tDades td.rFoto {
		width: 70%;
		background-color: #FFFFFF;
		border: none !important;
	}
  table.tDades td.rFoto img {
		width: 100%;
		text-align: left;
	}
  table.tDades td.rFotoPeu {
		width: 30%;
		text-align: left;
		background-color: #FFFFFF;
		border: none !important;
		vertical-align: bottom;
		font-size: 100%;
	}
  table.tDades td.rTitol {
    text-align: left;
    font-size: 100%;
    font-weight: 800;
    background-color: #FFFFFF;
    border: none !important;
	}
  table.tDades td.rTitolF {
    text-align: left;
    font-size: 100%;
    font-weight: 800;
    background-color: #FFFFFF;
    border-bottom: solid 1px #999;
	}
  table.tDades td.tDadesh3 {
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 140%;
    padding: 0;
    margin-bottom: 1%;
    background-color: #ececec;
    text-align: left;
 }
  
table.tDadesResum { 
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 100%;
    border-collapse: collapse;
    width: 98%;
    margin: 1%;
    }  
table.tDadesResum td.Mdata {
	font-size: 200%;
    font-weight: 400;
    padding-bottom: 0.4em;
}
table.tDadesResum td.Mdata span.MdataMes{
	font-size: 140%;
	font-weight: 800;
	padding: 0.4em;
}
table.tDadesResum td.Mtitol_variable {
	font-size: 100%;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #336666;
	padding: 0.4em;
}  
table.tDadesResum td.Mcap {
	font-size: 0.7em;
	color: #000000;
	text-align: center;
	background-color: #d4d4d4;
}
table.tDadesResum td.Mvariable_M {
	font-size: 87%;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 1.25em;
	font-weight: 800;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}
table.tDadesResum td.Mvariable {
	font-size: 87%;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 1.25em;
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}
table.tDadesResum td.Mvalor {
	font-size: 87%;
	background-color: #FFFFFF;
	text-align: right;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-bottom: 1px solid #DDDDDD;
}
table.tDadesResum td.Mdia {
	padding-top: 3px;
	padding-right: 0.625em;
	padding-bottom: 3px;
	padding-left: 0.625em;
	font-size: 75%;
	color: #666666;
	background-color: #F0F0F0;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
	font-weight: 100;
}


  
	#tPeu {
		font-size: 0.7em;
		padding-left: 1.25em;
		margin-bottom: 1.25em;
	}
/* FORMULARIS ---------------------------------------------------------------------------------------------------------------- */
input, select {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 87%;
}
input[type="submit"] {
    width: 100%;
    height: 5%;
    font-size: 110%;
	font-weight:800;
}
input[type="date"] {
    height: 1.8em;
    font-size: 87%;
    font-weight: 800;
    background-color: #e2e2e2;
    border: 1px solid #cecece;
    border-radius: 0.5em;
}
select {
    font-size: 87%;
    font-weight: 800;
    background-color: #e2e2e2;
    border: 1px solid #cecece;
    border-radius: 3px;
    width: 100%;
}
.formCamp {
    padding: 4px;
    margin: 4px 0 0 0.625em;
    border-radius: 3px;
    width: 98%;
    background-color: #ffffff;
    float: left;
}
.formCampT {
    margin: 4px 0 0 0.625em;
    min-width: 60px;
    float: left;
	line-height: 1.4em;
}
.formCampT100 {
    margin: 2px 0 2px 0;
    line-height: 1.4em;
    width: 100%;
    font-weight: 800 !important;
}
.g-recaptcha {
    padding-left: 3%;
    padding-bottom: 0%;
    padding-top: 3rem;
}
#fitxaFoto {
	position: relative;
	width: 100%;
	height:500px;
	overflow: hidden;
	margin-bottom:0.625em;
}
#fitxaFoto > div {
	position: absolute;
    width:100%;
	overflow: hidden;
}
#fitxaFoto > div > img{
    width:100%;
    height:100%;
}
/* FITXA ------------------------------------------------------------------------------------------------------------------ */
.fitxa {
	width: 98%;
	margin: 1%;
	font-size: 1em;
}

.fitxaVar {
    width: 30%;
	background-color: #e4e4e4;
}
.fitxaVarT {
    width: 92.5%; 
    font-size: 100%;
    font-weight: 800;
}
.fitxaValN {
    width: 60%;
    background-color: #ffffff;
    font-weight: 800;
}
.fitxaVal {
    width: 60%;
    background-color: #ffffff;
    font-weight: 400;
}
.fitxaValL {
    width: 60%;
    background-color: #ffffff;
    font-weight: 400;
	font-size: 75%;
}
.fitxaVarST {
    font-size: 90%;
    border-bottom: 1px solid #c3c3c3;
    color: #808080;
}
.fitxaMapa {
    height: 40em;
	width:99%;
	border: 1px solid #DDDDDD;
}
/* MXO INTERIOR ------------------------------------------------------------------------------------------------------------------ */
img.mxlogis {
	height: 1em;
    margin-bottom: -0.1em;
}
img.expandir {
    float: right;
    width: 32px;
    height: 32px;
    margin-top: -0.625em;
    margin-bottom: 0.625em;
	padding: 0.4em 0.4em 0 0;
}
.mxmxo {
    width: 98%;
	margin: 1%;
	font-size: 1em;
}
.mxmxoVar {
    width: 28%;
	background-color: #e4e4e4;
}
.mxmxoVarX {
    width: 28%;
	background-color: #e4e4e4;
	color: #a7a6a6;
    font-size: 90%;
}
.mxmxoValH {
    width: 60%;
    background-color: #ffffff;
    font-weight: 100;
	font-size: 80%;
}
.mxmxoValT {
    width: 60%;
    background-color: #ffffff;
    font-weight: 800;
	font-size: 300%;
}
.mxmxoValTn {
    width: 60%;
    background-color: #ffffff;
	color: #0033FF;
    font-weight: 400;
	font-size: 90%;
}
.mxmxoValTx {
    width: 60%;
    background-color: #ffffff;
	color: #ff0000;
    font-weight: 400;
	font-size: 90%;
}
.mxmxoVal {
    width: 60%;
    background-color: #ffffff;
    font-weight: 400;
	font-size: 100%;
}
.mxmxoValP {
    width: 60%;
    background-color: #ffffff;
    font-weight: 800;
	font-size: 200%;
	color: #007eff;
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.mxmxoGrafic {
		width:98%; 
		float:left;
		height: 18em;
	}
	.mxmxoGraficMD {
		width: 98%;
		float: left;
		padding: 1%;
		height: 18em;
	}
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.mxmxoGrafic {
		width:98%; 
		float:left;
		height: 24em;
	}
	.mxmxoGraficMD {
		width: 48%;
		height: 24em;
		float: left;
		padding: 1%;
	}
}
#mapaPV {
    width: 70%;
    height: 1500px;
    margin: auto;
    border: solid 4px #c8c8c8;
}

/* ACTIVITATS ------------------------------------------------------------------------------------------------------------------ */

.actiIndIntro {
    background-color: #f7f7f7;
	padding:0;
	margin-bottom: 2%;
	width: 100%;
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.actiIndIntro .thumb {
		float: left; 
		width: 30%;
		margin: 1%;
	}
	.actiIndIntro .thumb img {
		border-radius: 0.4em;
		width: 100%;
	}
	.actiIndIntro .textt {
		float: left;
		width: 64%;
		margin: 1%;
	}
	.actiIndIntro .textt h1 {
		font-size: 200%;
		font-weight: 100;
		line-height: 110%;
		margin: 0.2em 0 0 0;
		padding: 0;
		color: #000000;
	}
	.actiIndIntro .textt h1 a:link,a:hover,a:visited {
		color: #000000;
	}
	.actiIndIntro .textt h2 {
		font-size: 110%;
		font-weight: 400;
		padding: 0;
		margin: 0.625em 0 0 0;
		line-height: 1.5em;
	}
	.actiIndIntro .textt h3 {
		font-size: 0.95em;
		font-weight: 100;
		padding: 0;
		margin: 0.625em 0 0.95em 0;
		line-height: 1.125em;
	}
}
@media all and (max-width: 38.125em)  {		/*  RESPONSIVE ---------------------------- */
	.actiIndIntro  {
		margin-bottom: 4% !important;
	}
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.actiIndIntro .thumb {
		float: left; 
		width: 30%;
		margin: 1%;
	}
	.actiIndIntro .thumb img {
		border-radius: 0.4em;
		width: 100%;
		max-height: 7.5em;
	}
	.actiIndIntro .textt {
		float: left;
		width: 64%;
		margin: 1%;
	}
	.actiIndIntro .textt h1 {
		font-size: 200%;
		font-weight: 100;
		line-height: 110%;
		margin: 0.2em 0.2em 0 0.2em;
		padding: 0;
		color: #000000;
	}
	.actiIndIntro .textt h1 a:link,a:hover,a:visited {
		color: #000000;
	}
	.actiIndIntro .textt h2 {
		font-size: 110%;
		font-weight: 400;
		padding: 0;
		margin: 0.2em 0.2em 0 0.2em;
		line-height: 1.5em;
	}
	.actiIndIntro .textt h3 {
		font-size: 0.95em;
		font-weight: 100;
		padding: 0;
		margin: 0.2em 0.2em 0 0.2em;
		line-height: 1.125em;
	}
}
	
.actiInd {
    margin: 2%;
	padding:0;
}
.actiInd h1 {
    font-size: 300%;
    font-weight: 800;
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 120%;
}
.actiInd h2 {
    font-size: 200%;
    font-weight: 100;
    line-height: 120%;
    margin: 0 0 2em 0;
    padding: 0;
}
.actiInd h3 {
    font-size: 95%;
    font-weight: 100;
    line-height: 112%;
    margin: 0 0 0.95em 0;
    padding: 0;
}
.actiInd p {
	font-size: 130%;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 0.95em 0;
    padding: 0;
    text-align: left !important;
	overflow-x: overlay;
}
.actiInd p img {
	height: auto !important;
	max-width: 100% !important;
}
.actiInd ul li, .actiInd ol li{
    font-weight: 400;
    line-height: 26px;
    margin: 0.95em 0 0.95em 0;
    padding: 0;
    text-align: left !important;
    font-size: 110%;
}
#comentaris {
    border-radius: 1.25em;
    background-color: #FFFFFF;
    padding: 1.25em;
    border: 0.4em solid #DDDDDD;
    margin-top: 60px;
}
.arxiu {
    float: right;
    padding: 1em;
    border: solid 2px #a2a2a2;
    border-radius: 0.5em;
    background-color: #d2d2d2;
}



#taulaMXO {
    margin: 2%;
    float: none;
	width: 95%;
	background-color: #FFFFFF;
}
#taulaMXO table {
    padding: 1px;
    margin: 1px;
    width: 100%;
}
#taulaMXO td.dades_capcolumnagran {
    font-size: 80%;
    font-weight: 400;
    background-color: #336666;
    text-align: center;
	color: #FFFFFF;
}
#taulaMXO td.stats_estacio_P {
    font-size: 87%;
    background-color: #eaeaea;
    padding: 3px;
}
#taulaMXO td.stats_resta {
    font-size: 87%;
    background-color: #f9f9f9;
    padding: 3px 6px 3px 3px;
    text-align: right;
    font-weight: 100;
}
#taulaMXO td.stats_altura {
    font-size: 0.7em;
    background-color: #eaeaea;
    padding: 3px 6px 3px 3px;
    text-align: right;
    font-weight: 100;
}
#taulaMXO td.stats_temp {
    font-size: 87%;
    padding: 3px 6px 3px 3px;
    text-align: right;
	font-weight: 800;
}
#taulaMXO td.stats_tempM {
    font-size: 87%;
    background-color: #f9f9f9;
    padding: 3px 6px 3px 3px;
    text-align: right;
}
#taulaMXO .t03 {
    background-color: #33CF32;
}
#taulaMXO td.stats_hrel {
    font-size: 87%;
    background-color: #eaeaea;
    padding: 3px 6px 3px 3px;
    text-align: right;
}
#taulaMXO td.stats_pluja {
    font-size: 87%;
    background-color: #eaeaea;
    padding: 3px 6px 3px 3px;
    text-align: right;
}
#taulaMXO td.stats_pluja_icona {
    font-size: 87%;
    background-color: #f9f9f9;
    padding: 3px 6px 3px 3px;
    text-align: right;
}
#taulaMXO td.stats_velv {
    font-size: 87%;
    background-color: #f9f9f9;
    padding: 3px 6px 3px 3px;
    text-align: right;
}
#taulaMXO td.stats_vent {
    font-size: 87%;
    background-color: #f9f9f9;
    padding: 3px 6px 3px 3px;
    text-align: right;
}



/* Icones */
.iconaDownload {
    float: left;
    margin: 0.5%;
    padding: 1%;
    background-color: #FFFFFF;
    border-radius: 15%;
	-webkit-box-shadow: 3px 3px 0.4em 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 0.4em 0 rgba(0,0,0,0.2);
    box-shadow: 3px 3px 0.4em 0 rgba(0,0,0,0.2);
}
.iconaDownload:hover {
    float: left;
    margin: 0.5%;
    padding: 1%;
    background-color: #f3f3f3;
    border-radius: 15%;
    box-shadow: none;
}

/* Models mapes satelits */
#fons-models {
    background-color: #FFFFFF;
    padding: 2%;
    margin: 2%;
    border-radius: 1%;
	overflow-x: overlay;
}
#fons-models .font {
    font-weight: 100;
    font-size: 87%;
    text-align: right;
}

/* Avapred */
#avapredbanner img {
	width:100%;
}	
#avapred_complet {
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
	width: 955px;
	min-height:300px;
	float: left;
	border: 1px solid #CCC;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color:#EBEBEB;
}
#avapred_barra {
	clear:both;
	font-size: 90%;
	padding-bottom: 8em;
    margin: 0 0.5em 0 0.5em;
}
#avapred_menusel {
	float:left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.5em;
	background-color:#000000;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}
#avapred_menu {
	float:left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.5em;
	background-color:#1F6090;
	color:#FFFFFF;
	-webkit-box-shadow: 2px 2px 0.5em 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 2px 2px 0.5em 0px rgba(0,0,0,0.50);
	box-shadow: 2px 2px 0.5em 0px rgba(0,0,0,0.50);
}
#avapred_menud {
	float:left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.5em;
	background-color:#B8D9F0;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}
#avapred_menu:hover {
	float:left;
	margin-top: 0.7em;
	margin-right: 0.5em;
	margin-bottom: -0.3em !important;
	background-color:#0099FF;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}
#avapred_menu2 {
	float:left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.5em;
	background-color:#1F6090;
	color:#FFFFFF;
	-webkit-box-shadow: 2px 2px 0.5em 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 2px 2px 0.5em 0px rgba(0,0,0,0.50);
	box-shadow: 2px 2px 0.5em 0px rgba(0,0,0,0.50);
}
#avapred_menu2sel {
	float:left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.5em;
	background-color:#000000;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}
#avapred_menu2:hover {
	float:left;
	margin-right: 0.5em;
	margin-top: 0.7em;
	padding: 0.5em;
	margin-bottom: -0.3em !important;
	background-color:#0099FF;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}
#avapred_menu2d {
	float:left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.5em;
	background-color:#B8D9F0;
	color:#FFFFFF;
}

#avapred_interior {
	clear:both;
	float:left;
	width:98%;
	padding: 1%;
	overflow-x: auto;
	margin-bottom: 4em;
}
#avapred_fons {
	background-image:url(../imatges/avapred/back.jpg);
	background-position:center center;
	height:350px;
	margin-top:40px;
}	
.avapred_llistat {
	width:100%;
	font-size: 100%;
}
.avapred_llistat th {
	font-size: 90%;
	border-bottom: 2px solid #1F6090;
	color: #1F6090;
	vertical-align: bottom;}
.avapred_llistat th.avapred_pronostic {
	font-size: 100%;
	color: #1F6090;
	vertical-align: bottom;
	text-align:center;
	background-color:#E7F2FA;
}
.avapred_llistat td.avapred_pronostic {
	background-color:#D3E7F5;
	white-space: normal !important;
	text-align: left;
}

.avapred_llistat td {
	background-color:#FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding: 0em 0.4em 0em 0.4em;
	white-space: nowrap;
}
.avapred_llistat td.netapa {
	background-color:#FFFFFF;
	font-size: 160%;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;
}
.avapred_llistat td.netapa-petit {
	background-color:#FFFFFF;
	font-size: 120%;
	text-align: center;
	vertical-align: middle;
}

.avapred_llistat .primer td {
	background-color:#B1DEED;
}
.avapred_llistat .primerD {
	background-color:#B1DEED;
	font-size:120%;
	font-weight:800;
}
#avapred_netapa {
    font-size: 180%;
    line-height: 180%;
}
.avapred_mxoform {	
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border: 1px solid #CCC;
	padding: 1%;
	background-color: rgb(250, 250, 250);
	overflow-x: auto;
}
.avapred_mxoform h2 {
	font-size: 160%;
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 160%;
}
.avapredico {
	width:1.2em;
	height:1.2em;
}
#avaprednoidentificat {
    text-align: center;
    font-size: 180%;
    line-height: 160%;
    padding: 1em;
}

.capaPrevisions {
	width:100%;
	display:none;
}
.capaPrevisions img {
    width: 96%;
    max-width: 60em;
    margin: 2%;
}

span.fontPrevisions {
    font-size: 80%;
    display: block;
    padding-top: 1%;
    font-weight: 100;
}

ul.llistaMapes {
    padding: 0;
	margin: 1em;
}
ul.llistaMapes li {
    padding: 0.5em;
    list-style: none;
    border: solid 1px #DDDDDD;
    margin: 0.2em;
    background-color: #FFFFFF;
    font-size: 115%;
    font-weight: 400;
    line-height: 130%;
}
ul.llistaMapes li:hover {
    background-color: #cbdeea;
	display:block;
}
.divMapes {
    margin: 2%;
    width: 98%;
}
.divMapes h1 {
    font-size: 300%;
    font-weight: 800;
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 120%;
}
.divMapes h3 {
    font-size: 95%;
    font-weight: 100;
    line-height: 112%;
    margin: 0 0 0.95em 0;
    padding: 0;
}
.divMapes p {
    font-size: 100%;
    font-weight: 400;
    line-height: 112%;
    margin: 0 0 0.95em 0;
    padding: 0;
}
.divMapes img {
    width: 95%;
    max-width: 70em;
}

.hs-responsive-embed-youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	max-width:50em;
}
.hs-responsive-embed-youtube iframe {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
}

#GaleriaFoto {
    padding: 0.5em;
}
#GaleriaFoto h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 250%;
    font-weight: 800;
    padding: 0;
    margin: 0 0 0.5em 0;
	line-height: 170%;
}
.FotoDia {
    display: block;
    font-size: 150%;
    font-weight: 100;
    width: 100%;
    float: left;
    padding: 1em 0em 0.2em 0em;
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.FotoInd  {
		float: left;
		border: solid 1px #DDDDDD;
		padding: 0.5em;
		background-color: #FFFFFF;
		border-radius: 0.3em;
		margin: 0.5em 0.5em 0em 0em;
		width: 30%;
		min-height: 13em;
	}
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.FotoInd {
		float: left;
		border: solid 1px #DDDDDD;
		padding: 2%;
		background-color: #FFFFFF;
		border-radius: 0.3em;
		margin-top: 2%;
		width: 96%;
	}
}
.FotoIndInfo {
    font-size: 70%;
    font-weight: 100;
}
span.FotoIndDades {
    font-weight: 400;
}
.FotoInd .fancybox img {
    margin-bottom: 0.5em;
	width: 100%;
}
#pujar_foto {
    margin: 1em;
    border: 1px solid #DDDDDD;
    background-color: #c7c7c7;
    border-radius: 1em;
    padding: 0.5em;
}
#pujar_foto h1 {
    font-size: 120%;
    font-weight: 400;
    padding: 0;
    margin: 0;
}
#pujar_foto .fresposta {
    font-size: 70%;
}
#pujar_foto .fresposta input {
    width: 100%;
    font-size: 100%;
}
#pujar_foto .fresposta select {
    width: 100%;
    font-size: 100%;
}

/* TAULES HORES */

table.taula_hores {
    width: 100%;
    margin-bottom: 2em;
}
td.titol {
    padding: 0.2em;
    background-color: #cccccc;
    font-weight: 800;
}
td.hora {
    background-color: #ececec;
    font-weight: 100;
    text-align: center;
    color: #000000;
}
td.sense {
    background-color: #ececec;
    font-weight: 100;
    text-align: center;
    color: #000000;
}
td.hora_buit {
    background-color: #ffffff;
    font-weight: 100;
    text-align: center;
    color: #d6d6d6;
}
.eixida {
    text-align: center;
}
.eixida img {
    width: 60em;
    max-width: 90%;
}
.imatgemon {
    width: auto !important;
}
/* FORMULARI SOCI */
#entra-solicitut  form.dialeg {
    margin: 0;
    padding: 0;
}

#entra-solicitut  .form-entrada {
    background-color: #DBDBDB;
    margin: 0.4em;
    padding: 0.3em;
}
#entra-solicitut  label.f-titul {
    width: 20%;
    float: left;
}
#entra-solicitut  input, textarea, select {
    border: 1px solid #E8E8E8;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 87%;
    font-weight: bold;
    float: left;
    width: 70%;
}
#entra-solicitut .f-req {
    color: #FF0000;
}
#entra-solicitut input.validem {
    width: 98% !important;
    padding: 2% !important;
    height: 12% !important;
    background-color: #8ca08d;
    margin: 1% !important;
    font-size: 120%;
    font-weight: 400;
}

/* COLORS TEMPERATURA */
.colorT00 {background-color: #7418bb !important ;color: #FFFFFF !important ; }
.colorT01 {background-color: #A954EB !important ;color: #FFFFFF !important ; }
.colorT02 {background-color: #3B89FF !important ;color: #FFFFFF !important ; }
.colorT03 {background-color: #17D1E4 !important ;color: #FFFFFF !important ; }
.colorT04 {background-color: #BDFFFF !important ;color: #000000 !important ; }
.colorT05 {background-color: #ADFEAA !important ;color: #000000 !important ; }
.colorT06 {background-color: #33CF32 !important ;color: #000000 !important ; }
.colorT07 {background-color: #EAED25 !important ;color: #000000 !important ; }
.colorT08 {background-color: #F4CA28 !important ;color: #000000 !important ; }
.colorT09 {background-color: #FF9904 !important ;color: #FFFFFF !important ; }
.colorT10 {background-color: #E86F1B !important ;color: #FFFFFF !important ; }
.colorT11 {background-color: #EA3E3E !important ;color: #FFFFFF !important ; }
.colorT12 {background-color: #AE0A34 !important ;color: #FFFFFF !important ; }
.colorT13 {background-color: #7d0020 !important ;color: #FFFFFF !important ; }
.colorT14 {background-color: #580319 !important ;color: #FFFFFF !important ; }

/* COLORS TEMPERATURA v2018 
.colornT00 {background-color: rgba(165,165,165,0.8) !important ;color: #000000 !important ; }
.colornT01 {background-color: rgba(173,173,173,0.8) !important ;color: #000000 !important ; }
.colornT02 {background-color: rgba(181,181,181,0.8) !important ;color: #000000 !important ; }
.colornT03 {background-color: rgba(190,190,190,0.8) !important ;color: #000000 !important ; }
.colornT04 {background-color: rgba(198,198,198,0.8) !important ;color: #000000 !important ; }
.colornT05 {background-color: rgba(206,206,206,0.8) !important ;color: #000000 !important ; }
.colornT06 {background-color: rgba(215,215,215,0.8) !important ;color: #000000 !important ; }
.colornT07 {background-color: rgba(223,223,223,0.8) !important ;color: #000000 !important ; }
.colornT08 {background-color: rgba(231,231,231,0.8) !important ;color: #000000 !important ; }
.colornT09 {background-color: rgba(240,240,240,0.8) !important ;color: #000000 !important ; }
.colornT10 {background-color: rgba(255,255,255,0.8) !important ;color: #000000 !important ; }
.colornT11 {background-color: rgba(255,227,248,0.8) !important ;color: #000000 !important ; }
.colornT12 {background-color: rgba(255,199,241,0.8) !important ;color: #000000 !important ; }
.colornT13 {background-color: rgba(255,171,233,0.8) !important ;color: #000000 !important ; }
.colornT14 {background-color: rgba(255,143,226,0.8) !important ;color: #000000 !important ; }
.colornT15 {background-color: rgba(255,114,218,0.8) !important ;color: #000000 !important ; }
.colornT16 {background-color: rgba(255,86,211,0.8) !important ;color: #000000 !important ; }
.colornT17 {background-color: rgba(255,58,203,0.8) !important ;color: #000000 !important ; }
.colornT18 {background-color: rgba(255,30,196,0.8) !important ;color: #000000 !important ; }
.colornT19 {background-color: rgba(255,1,188,0.8) !important ;color: #000000 !important ; }
.colornT20 {background-color: rgba(194,2,194,0.8) !important ;color: #FFFFFF !important ; }
.colornT21 {background-color: rgba(159,9,205,0.8) !important ;color: #FFFFFF !important ; }
.colornT22 {background-color: rgba(123,16,216,0.8) !important ;color: #FFFFFF !important ; }
.colornT23 {background-color: rgba(87,24,227,0.8) !important ;color: #FFFFFF !important ; }
.colornT24 {background-color: rgba(51,31,238,0.8) !important ;color: #FFFFFF !important ; }
.colornT25 {background-color: rgba(15,39,249,0.8) !important ;color: #FFFFFF !important ; }
.colornT26 {background-color: rgba(0,57,248,0.8) !important ;color: #FFFFFF !important ; }
.colornT27 {background-color: rgba(0,83,238,0.8) !important ;color: #FFFFFF !important ; }
.colornT28 {background-color: rgba(0,109,228,0.8) !important ;color: #FFFFFF !important ; }
.colornT29 {background-color: rgba(0,135,218,0.8) !important ;color: #FFFFFF !important ; }
.colornT30 {background-color: rgba(0,211,222,0.8) !important ;color: #000000 !important ; }
.colornT31 {background-color: rgba(13,218,229,0.8) !important ;color: #000000 !important ; }
.colornT32 {background-color: rgba(26,226,236,0.8) !important ;color: #000000 !important ; }
.colornT33 {background-color: rgba(39,234,244,0.8) !important ;color: #000000 !important ; }
.colornT34 {background-color: rgba(52,242,251,0.8) !important ;color: #000000 !important ; }
.colornT35 {background-color: rgba(53,241,237,0.8) !important ;color: #000000 !important ; }
.colornT36 {background-color: rgba(40,231,201,0.8) !important ;color: #000000 !important ; }
.colornT37 {background-color: rgba(27,220,164,0.8) !important ;color: #000000 !important ; }
.colornT38 {background-color: rgba(14,210,128,0.8) !important ;color: #000000 !important ; }
.colornT39 {background-color: rgba(1,199,91,0.8) !important ;color: #000000 !important ; }
.colornT40 {background-color: rgba(0,150,25,0.8) !important ;color: #000000 !important ; }
.colornT41 {background-color: rgba(23,161,23,0.8) !important ;color: #000000 !important ; }
.colornT42 {background-color: rgba(47,172,20,0.8) !important ;color: #000000 !important ; }
.colornT43 {background-color: rgba(71,183,17,0.8) !important ;color: #000000 !important ; }
.colornT44 {background-color: rgba(95,194,14,0.8) !important ;color: #000000 !important ; }
.colornT45 {background-color: rgba(118,205,12,0.8) !important ;color: #000000 !important ; }
.colornT46 {background-color: rgba(142,216,9,0.8) !important ;color: #000000 !important ; }
.colornT47 {background-color: rgba(166,227,6,0.8) !important ;color: #000000 !important ; }
.colornT48 {background-color: rgba(190,238,3,0.8) !important ;color: #000000 !important ; }
.colornT49 {background-color: rgba(214,250,0,0.8) !important ;color: #000000 !important ; }
.colornT50 {background-color: rgba(255,254,0,0.8) !important ;color: #000000 !important ; }
.colornT51 {background-color: rgba(255,238,0,0.8) !important ;color: #000000 !important ; }
.colornT52 {background-color: rgba(255,221,0,0.8) !important ;color: #000000 !important ; }
.colornT53 {background-color: rgba(255,204,0,0.8) !important ;color: #000000 !important ; }
.colornT54 {background-color: rgba(255,188,0,0.8) !important ;color: #000000 !important ; }
.colornT55 {background-color: rgba(255,171,0,0.8) !important ;color: #000000 !important ; }
.colornT56 {background-color: rgba(255,154,0,0.8) !important ;color: #000000 !important ; }
.colornT57 {background-color: rgba(255,138,0,0.8) !important ;color: #000000 !important ; }
.colornT58 {background-color: rgba(255,121,0,0.8) !important ;color: #000000 !important ; }
.colornT59 {background-color: rgba(255,104,1,0.8) !important ;color: #000000 !important ; }
.colornT60 {background-color: rgba(254,57,18,0.8) !important ;color: #000000 !important ; }
.colornT61 {background-color: rgba(254,36,12,0.8) !important ;color: #000000 !important ; }
.colornT62 {background-color: rgba(254,15,5,0.8) !important ;color: #000000 !important ; }
.colornT63 {background-color: rgba(251,0,0,0.8) !important ;color: #000000 !important ; }
.colornT64 {background-color: rgba(238,0,0,0.8) !important ;color: #000000 !important ; }
.colornT65 {background-color: rgba(224,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT66 {background-color: rgba(210,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT67 {background-color: rgba(196,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT68 {background-color: rgba(182,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT69 {background-color: rgba(168,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT70 {background-color: rgba(150,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT71 {background-color: rgba(144,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT72 {background-color: rgba(120,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT73 {background-color: rgba(96,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT74 {background-color: rgba(72,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT75 {background-color: rgba(45,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT76 {background-color: rgba(24,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT77 {background-color: rgba(0,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT78 {background-color: rgba(0,0,0,0.8) !important ;color: #FFFFFF !important ; }
.colornT79 {background-color: rgba(0,0,0,0.8) !important ;color: #FFFFFF !important ; }*/

/* COLORS TEMPERATURA v2018-01-06  */
.colornT00 {background-color: rgba(119,119,119,0.9) !important ;color: #FFFFFF !important ; }
.colornT01 {background-color: rgba(119,119,119,0.9) !important ;color: #FFFFFF !important ; }
.colornT02 {background-color: rgba(119,119,119,0.9) !important ;color: #FFFFFF !important ; }
.colornT03 {background-color: rgba(146,146,146,0.9) !important ;color: #000000 !important ; }
.colornT04 {background-color: rgba(173,173,173,0.9) !important ;color: #000000 !important ; }
.colornT05 {background-color: rgba(200,200,200,0.9) !important ;color: #000000 !important ; }
.colornT06 {background-color: rgba(227,227,227,0.9) !important ;color: #000000 !important ; }
.colornT07 {background-color: rgb(255, 221, 253,0.9) !important ;color: #000000 !important ; }
.colornT08 {background-color: rgba(255,183,254,0.9) !important ;color: #000000 !important ; }
.colornT09 {background-color: rgba(255,110,252,0.9) !important ;color: #000000 !important ; }
.colornT10 {background-color: rgba(255,37,250,0.9) !important ;color: #FFFFFF !important ; }
.colornT11 {background-color: rgba(214,19,229,0.9) !important ;color: #FFFFFF !important ; }
.colornT12 {background-color: rgba(173,0,208,0.9) !important ;color: #FFFFFF !important ; }
.colornT13 {background-color: rgba(87,0,231,0.9) !important ;color: #FFFFFF !important ; }
.colornT14 {background-color: rgba(0,0,255,0.9) !important ;color: #FFFFFF !important ; }
.colornT15 {background-color: rgba(0,111,246,0.9) !important ;color: #FFFFFF !important ; }
.colornT16 {background-color: rgba(0,145,248,0.9) !important ;color: #FFFFFF !important ; }
.colornT17 {background-color: rgba(0,180,250,0.9) !important ;color: #000000 !important ; }
.colornT18 {background-color: rgba(0,215,252,0.9) !important ;color: #000000 !important ; }
.colornT19 {background-color: rgba(0,250,255,0.9) !important ;color: #000000 !important ; }
.colornT20 {background-color: rgba(0,238,128,0.9) !important ;color: #000000 !important ; }
.colornT21 {background-color: rgba(0,207,63,0.9) !important ;color: #000000 !important ; }
.colornT22 {background-color: rgba(0,176,0,0.9) !important ;color: #000000 !important ; }
.colornT23 {background-color: rgba(90,204,0,0.9) !important ;color: #000000 !important ; }
.colornT24 {background-color: rgba(181,233,0,0.9) !important ;color: #000000 !important ; }
.colornT25 {background-color: rgba(249,255,5,0.9) !important ;color: #000000 !important ; }
.colornT26 {background-color: rgba(249,214,5,0.9) !important ;color: #000000 !important ; }
.colornT27 {background-color: rgba(249,172,5,0.9) !important ;color: #000000 !important ; }
.colornT28 {background-color: rgba(249,130,4,0.9) !important ;color: #000000 !important ; }
.colornT29 {background-color: rgba(249,88,4,0.9) !important ;color: #000000 !important ; }
.colornT30 {background-color: rgba(255,0,0,0.9) !important ;color: #FFFFFF !important ; }
.colornT31 {background-color: rgba(224,0,0,0.9) !important ;color: #FFFFFF !important ; }
.colornT32 {background-color: rgba(192,0,0,0.9) !important ;color: #FFFFFF !important ; }
.colornT33 {background-color: rgba(215,0,62,0.9) !important ;color: #FFFFFF !important ; }
.colornT34 {background-color: rgba(238,0,125,0.9) !important ;color: #FFFFFF !important ; }
.colornT35 {background-color: rgba(148,2,75,0.9) !important ;color: #FFFFFF !important ; }
.colornT36 {background-color: rgba(99,2,50,0.9) !important ;color: #FFFFFF !important ; }
.colornT37 {background-color: rgba(50,1,25,0.9) !important ;color: #FFFFFF !important ; }
.colornT38 {background-color: rgba(0,0,0,0.9) !important ;color: #FFFFFF !important ; }
.colornT39 {background-color: rgba(0,0,0,0.9) !important ;color: #FFFFFF !important ; }
.colornT40 {background-color: rgba(0,0,0,0.9) !important ;color: #FFFFFF !important ; }


/* COLORS PRECIPITACIO 

.colorP   {background-color: rgba(245,245,245,0.9) !important ;color: #000000 !important ;}
.colorP00 {background-color: rgba(177,231,255,0.9) !important ;color: #000000 !important ;}
.colorP01 {background-color: rgba(126,215,255,0.9) !important ;color: #000000 !important ;}
.colorP02 {background-color: rgba(52,190,252,0.9) !important ;color: #000000 !important ;}
.colorP03 {background-color: rgba(51,170,250,0.9) !important ;color: #000000 !important ;}
.colorP04 {background-color: rgba(52,150,251,0.9) !important ;color: #000000 !important ;}
.colorP05 {background-color: rgba(51,110,249,0.9) !important ;color: #FFFFFF !important ;}
.colorP06 {background-color: rgba(63,79,255,0.9) !important ;color: #FFFFFF !important ;}
.colorP07 {background-color: rgba(50,0,250,0.9) !important ;color: #FFFFFF !important ;}
.colorP08 {background-color: rgba(129,0,255,0.9) !important ;color: #FFFFFF !important ;}
.colorP09 {background-color: rgba(178,36,255,0.9) !important ;color: #FFFFFF !important ;}
.colorP10 {background-color: rgba(239,64,255,0.9) !important ;color: #FFFFFF !important ;}
.colorP11 {background-color: rgba(245,128,255,0.9) !important ;color: #000000 !important ;}
.colorP12 {background-color: rgba(250,191,255,0.9) !important ;color: #000000 !important ;}
.colorP13 {background-color: rgba(252,217,255,0.9) !important ;color: #000000 !important ;}
.colorP14 {background-color: rgba(249,203,215,0.9) !important ;color: #000000 !important ;}
.colorP15 {background-color: rgba(255,170,170,0.9) !important ;color: #000000 !important ;}
.colorP16 {background-color: rgba(255,128,128,0.9) !important ;color: #000000 !important ;}
.colorP17 {background-color: rgba(223,9,11,0.9) !important ;color: #FFFFFF !important ;}
.colorP18 {background-color: rgba(190,11,16,0.9) !important ;color: #FFFFFF !important ;}
.colorP19 {background-color: rgba(155,20,26,0.9) !important ;color: #FFFFFF !important ;}
.colorP20 {background-color: rgba(122,26,35,0.9) !important ;color: #FFFFFF !important ;}
.colorP21 {background-color: rgba(89,33,44,0.9) !important ;color: #FFFFFF !important ;}
.colorP22 {background-color: rgba(0,0,0,0.9) !important ;color: #FFFFFF !important ;}*/


.colorP   {background-color: #f5f5f5 !important ;color: #000000 !important ;}
.colorP00 {background-color: #DEE6F3 !important ;color: #000000 !important ;}
.colorP01 {background-color: #CBD6E8 !important ;color: #000000 !important ;}
.colorP02 {background-color: #B3C7EC !important ;color: #000000 !important ;}
.colorP03 {background-color: #99B6EE !important ;color: #000000 !important ;}
.colorP04 {background-color: #80A6F1 !important ;color: #000000 !important ;}
.colorP05 {background-color: #6795F3 !important ;color: #FFFFFF !important ;}
.colorP06 {background-color: #4D85F6 !important ;color: #FFFFFF !important ;}
.colorP07 {background-color: #3275F8 !important ;color: #FFFFFF !important ;}
.colorP08 {background-color: #1A65FC !important ;color: #FFFFFF !important ;}
.colorP09 {background-color: #0055FE !important ;color: #FFFFFF !important ;}
.colorP10 {background-color: #1B40D9 !important ;color: #FFFFFF !important ;}
.colorP11 {background-color: #332BB4 !important ;color: #FFFFFF !important ;}
.colorP12 {background-color: #4F198E !important ;color: #FFFFFF !important ;}
.colorP13 {background-color: #680468 !important ;color: #FFFFFF !important ;}



/* COLORS VENT */
.colorV00 {background-color: rgba(217, 216, 217, 0.5) !important;}
.colorV01 {background-color: rgba(161, 205, 186, 0.5) !important;}
.colorV02 {background-color: rgba(111, 205, 171, 0.5) !important;}
.colorV03 {background-color: rgba(0, 169, 91, 0.5) !important;}
.colorV04 {background-color: rgba(4, 159, 55, 0.5) !important;}
.colorV05 {background-color: rgba(50, 166, 81, 0.5) !important;}
.colorV06 {background-color: rgba(130, 132, 29, 0.5) !important;}
.colorV07 {background-color: rgba(210, 116, 10, 0.5) !important;}
.colorV08 {background-color: rgba(255, 128, 52, 0.5) !important;}
.colorV09 {background-color: rgba(255, 74, 8, 0.5) !important;}
.colorV10 {background-color: rgba(231, 40, 5, 0.5) !important;}
.colorV11 {background-color: rgba(216, 59, 63, 0.5) !important;}
.colorV12 {background-color: rgba(201, 82, 85, 0.5) !important;}
.colorV13 {background-color: rgba(189, 45, 55, 0.5) !important;}
.colorV14 {background-color: rgba(198, 101, 107, 0.5) !important;}
.colorV15 {background-color: rgba(132, 99, 102, 0.5) !important;}
/* COLORS VENT TEXT*/
.colorV00T {color: rgba(217, 216, 217, 1) !important;}
.colorV01T {color: rgba(161, 205, 186, 1) !important;}
.colorV02T {color: rgba(111, 205, 171, 1) !important;}
.colorV03T {color: rgba(0, 169, 91, 1) !important;}
.colorV04T {color: rgba(4, 159, 55, 1) !important;}
.colorV05T {color: rgba(50, 166, 81, 1) !important;}
.colorV06T {color: rgba(130, 132, 29, 1) !important;}
.colorV07T {color: rgba(210, 116, 10, 1) !important;}
.colorV08T {color: rgba(255, 128, 52, 1) !important;}
.colorV09T {color: rgba(255, 74, 8, 1) !important;}
.colorV10T {color: rgba(231, 40, 5, 1) !important;}
.colorV11T {color: rgba(216, 59, 63, 1) !important;}
.colorV12T {color: rgba(201, 82, 85, 1) !important;}
.colorV13T {color: rgba(189, 45, 55, 1) !important;}
.colorV14T {color: rgba(198, 101, 107, 1) !important;}
.colorV15T {color: rgba(132, 99, 102, 1) !important;}

/* COLORS DIRECCIO VENT TEXT*/
.colorDVTN { color: #D9D8D9 !important;}
.colorDVTNNE { color: #A1CDBA !important;}
.colorDVTNE { color: #6FCDAB !important;}
.colorDVTENE { color: #00A95B !important;}
.colorDVTE { color: #049F37 !important;}
.colorDVTESE { color: #32A651 !important;}
.colorDVTSE { color: #82841D !important;}
.colorDVTSSE { color: #D2740A !important;}
.colorDVTS { color: #FF8034 !important;}
.colorDVTSSO { color: #FF4A08 !important;}
.colorDVTSO { color: #E72805 !important;}
.colorDVTOSO { color: #D83B3F !important;}
.colorDVTO { color: #C95255 !important;}
.colorDVTONO { color: #BD2D37 !important;}
.colorDVTNO { color: #C6656B !important;}
.colorDVTNNO { color: #846366 !important;}

/* COLORS INCIDENCIES VENT */
td.rVal.colorAVISvent0 { background-repeat:no-repeat !important; background-position:top left !important; background-image:url(../../imatges/xvmar/alerta_00.png) !important; background-color: #FFFFFF !important; font-weight: normal !important color: #000000 !important; }
td.rVal.colorAVISvent1 { background-repeat:no-repeat !important; background-position:top left !important; background-image:url(../../imatges/xvmar/alerta_01.png) !important; background-color:#FFFFCC !important; font-weight: bold !important; color: #000000 !important; }
td.rVal.colorAVISvent2 { background-repeat:no-repeat !important; background-position:top left !important; background-image:url(../../imatges/xvmar/alerta_02.png) !important; background-color:#FFE1C4 !important; font-weight: bold !important; color: #990000 !important; }
td.rVal.colorAVISvent3 { background-repeat:no-repeat !important; background-position:top left !important; background-image:url(../../imatges/xvmar/alerta_03.png) !important; background-color:#FF3535 !important; font-weight: bold !important; color: #FFFFFF !important; }

/* COLORS HUMITAT */
.colorH00 {background-color: rgba(248, 113, 54, 0.5) !important;}
.colorH01 {background-color: rgba(252, 185, 112, 0.5) !important;}
.colorH02 {background-color: rgba(205, 156, 116, 0.5) !important;}
.colorH03 {background-color: rgba(176, 148, 138, 0.5) !important;}
.colorH04 {background-color: rgba(148, 139, 156, 0.5) !important;}
.colorH05 {background-color: rgba(104, 113, 168, 0.5) !important;}
.colorH06 {background-color: rgba(67, 94, 165, 0.5) !important;}
.colorH07 {background-color: rgba(53, 86, 164, 0.5) !important;}
.colorH08 {background-color: rgba(53, 89, 172, 0.5) !important;}
.colorH09 {background-color: rgba(22, 62, 135, 0.5) !important;}
.colorH10 {background-color: rgba(17, 87, 203, 0.5) !important;}
/* COLORS HUMITAT TEXT*/
.colorH00T {color: rgba(248, 113, 54, 1) !important;}
.colorH01T {color: rgba(252, 185, 112, 1) !important;}
.colorH02T {color: rgba(205, 156, 116, 1) !important;}
.colorH03T {color: rgba(176, 148, 138, 1) !important;}
.colorH04T {color: rgba(148, 139, 156, 1) !important;}
.colorH05T {color: rgba(104, 113, 168, 1) !important;}
.colorH06T {color: rgba(67, 94, 165, 1) !important;}
.colorH07T {color: rgba(53, 86, 164, 1) !important;}
.colorH08T {color: rgba(53, 89, 172, 1) !important;}
.colorH09T {color: rgba(22, 62, 135, 1) !important;}
.colorH10T {color: rgba(17, 87, 203, 1) !important;}

/* COLORS ACUMULATS MES */
.colorM00 {background-color: rgba(255, 90, 90,0) !important;}
.colorM01 {background-color: rgba(255, 90, 90,0.15) !important;}
.colorM02 {background-color: rgba(255, 90, 90,0.30) !important;}
.colorM03 {background-color: rgba(255, 90, 90,0.45) !important;}
.colorM04 {background-color: rgba(255, 90, 90,0.60) !important;}
.colorM05 {background-color: rgba(255, 90, 90,0.80) !important;}
.colorM06 {background-color: rgb(255, 62, 62) !important;}

/* PESTANYES MXO */
#menu_Xarxes {
    margin-bottom: 0;
    margin-top: 1.5em;
    font-size: 80%;
    text-align: center;
    margin-right: 1em;
}
.menu_Xarxa_element {
	background-color: #FFFFFF;
	border:solid 1px #666666;
	-webkit-box-shadow: 2px 1px 2px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 1px 2px -1px rgba(0,0,0,0.75);
	box-shadow: 2px 1px 2px -1px rgba(0,0,0,0.75);
	border: none;
	float: right;
	padding: 0.5em;
	margin-right: 0.4em;
	border-radius: 5px 5px 0px 0px;
	display:block;
}
.menu_Xarxa_element:hover {
    background: #c7dada;
    box-shadow: none;
	border: none;
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.estacions {
		width:98%;margin:1%;float:left;margin-top: -0.5em;
	}
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	.estacions {
		width:98%;margin:1%;float:left;margin-top: -0.5em;overflow-x: scroll;
	}
}
#XarxaN {
    font-size: 90%;
    font-weight: 200;
    text-align: left;
    margin-left: 2%;
}
#XarxaLlegenda {
    margin: 2%;
    width: 94%;
    padding: 1%;
    border: 1px solid #DDDDDD;
    background-color: whitesmoke;
}
#XarxaLlegenda h1 {
    padding: 0;
    margin: 0;
    font-size: 80%;
    font-weight: 800;
}
#XarxaLlegenda p {
    padding: 0;
    margin: 0;
    font-size: 70%;
    font-weight: 100;
}

/* MAPA MXO */
#mapa { height: 720px; width: 495px; float: left; clear: both; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgba(0,104,104,1); border-bottom-color: rgba(0,104,104,1); border-left-color: rgba(0,104,104,1); border-top-width: 2px; border-top-style: solid; border-top-color: rgba(0,104,104,1); } 

#mapaS_T { width:  98%; float: right; margin: 1%; margin-top: 7%;}
#mapaS   { width: 100%; height: 1400px; }

@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	#mapaShomepage   { 
		width: 96%;
		height: 1400px;
		margin: 2%;
	}
} @media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
	#mapaShomepage   { width: 96%; height: 800px; margin: 2%}
}


#mapa_temp_max { height: 720px; width: 495px; float: left; clear: both; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgba(0,104,104,1); border-bottom-color: rgba(0,104,104,1); border-left-color: rgba(0,104,104,1); border-top-width: 2px; border-top-style: solid; border-top-color: rgba(0,104,104,1); }

#controlsmapa { width: 520px; float: left; clear: both; background-color: rgba(0,104,104,1); padding-top: 3px; padding-right: 1px; padding-bottom: 2px; padding-left: 0px; }
#controlsmapaS { width: 100%; float: left;    background-color: #c3c3c3;}
#controlsmapaS #botonet {
    float: right;
    font-size: 70%;
    padding: 0.3em;
    background-color:rgba(51,51,51,1);
	color: #FFFFFF;
	display:none; 
}


.controlsmapaS_boto {
    width: 12%;
    float: left;
    background-color: rgb(156, 156, 156);
    display: block;
    font-size: 90%;
    color: rgba(255,255,255,1);
    text-align: center;
    vertical-align: middle;
    padding: 0.2em;
	margin-right:0.1em;
}
.controlsmapaS_boto_wait { height: 41px; width: 54px; float: left; background-color: rgba(221,238,238,1); display: block; font-size: 9px; margin-right: 0px; margin-left: 2px; color: rgba(204,204,204,1); text-align: center; vertical-align: middle; }
.controlsmapaS_boto_triat {
    width: 12%;
    float: left;
    background-color: rgb(51, 102, 102);
    display: block;
    font-size: 90%;
    color: rgba(255,255,255,1);
    text-align: center;
    vertical-align: middle;
    padding: 0.2em;
	margin-right:0.1em;
}
.controlsmapaS_boto:hover {
    width: 12%;
    float: left;
    background-color: rgb(125, 134, 134);
    display: block;
    font-size: 90%;
    color: rgba(255,255,255,1);
    text-align: center;
    vertical-align: middle;
    padding: 0.2em;
	margin-right:0.1em;
}
.controlsmapa_boto { height: 41px; width: 83px; float: left; background-color: rgba(221,238,238,1); display: block; font-size: 10px; margin-right: 0px; margin-left: 3px; text-align: center; vertical-align: middle; }
.controlsmapa_boto_wait { height: 41px; width: 83px; float: left; background-color: rgba(221,238,238,1); display: block; font-size: 10px; margin-right: 0px; margin-left: 3px; color: rgba(204,204,204,1); text-align: center; vertical-align: middle; }
.controlsmapa_boto_triat { height: 41px; width: 85px; float: left; background-color: rgba(72,145,145,1); display: block; font-size: 10px; margin-right: 0px; margin-left: 3px; color: rgba(255,255,255,1); text-align: center; vertical-align: middle; }
.controlsmapa_boto:hover { height: 41px; width: 83px; float: left; background-color: rgba(157,206,206,1); display: block; font-size: 10px; margin-right: 0px; margin-left: 3px; text-align: center; vertical-align: middle; }

#botonet_sota {
    float: right;
    font-size: 70%;
    padding: 0.3em;
    background-color: #006868;
}
#MXOextrems {
	background-color: #FFFFFF;
    border-radius: 1em;
    width: 94%;
    margin: 1%;
    margin-top: 1em;
    padding: 2%;
}
#MXOextrems h1 {
    font-size: 140%;
    font-weight: 800;
    text-align: center;
    padding: 0;
    margin: 0.5em 0 0 0;
}
@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
#MXOextremshomepage {
    background-color: #e8e8e8;
    width: 100%;
    margin: 0%;
    margin-top: 0;
    padding: 0%;
}
#MXextremshomepage {
    background-color: #e8e8e8;
    width: 100%;
    margin: 0%;
    margin-top: 2%;
    padding: 0%;
padding-bottom: 2%;}
} @media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
#MXOextremshomepage {
    background-color: #e8e8e8;
    width: 100%;
    margin: 0%;
    margin-top: 1em;
    padding: 0%;
}
#MXextremshomepage {
    background-color: #e8e8e8;
    width: 100%;
    margin: 0%;
    margin-top: 2%;
    padding: 0%;
padding-bottom: 2%;}
}
#MXOextremshomepage h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 200%;
    font-weight: 100;
    line-height: 100%; 
    margin: 2% 0 0 0;
    padding: 0;
    text-align: center;
    color: #6b6b6b;
}
#MXOextremshomepage h2 {
font-family: "Open Sans", Arial, sans-serif;
    font-size: 120%;
    font-weight: 400;
    line-height: 100%;
    padding: 1% 0 2% 0;
    margin: 0;
    text-align: center;
    color: #000000;
}
#MXextremshomepage h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 200%;
    font-weight: 100;
    line-height: 100%; 
    margin: 2% 0 0 0;
    padding: 0;
    text-align: center;
    color: #6b6b6b;
}
#MXextremshomepage h2 {
font-family: "Open Sans", Arial, sans-serif;
    font-size: 120%;
    font-weight: 400;
    line-height: 100%;
    padding: 1% 0 1% 0;
    margin: 0;
    text-align: center;
    color: #000000;
}
#MXextremshomepage h3 {
font-family: "Open Sans", Arial, sans-serif;
    font-size: 100%;
    font-weight: 800;
    line-height: 100%;
    padding: 0 0 2% 0;
    margin: 0;
    text-align: center;
    color: #000000;
}
.extremsMXOcolumna {
    width: 48%;
    float: left;
    padding: 0.5%;
    background-color: #FFFFFF;
    margin: 0.5%;
}
#extremsMXO {
    margin: 2%;
	float: none;
}
#extremsMXO h2 {
    padding: 0;
    margin: 0 0 0.625em 2px;
    font-size: 30px;
    font-weight: 100;
}

.extremsMXOcolumna table {
    padding: 1px;
    margin: 1px;
    width: 100%;
}
.extremsMXOcolumna td.dades_capcolumnamesgran {
    background-color: #336666;
    color: #FFFFFF;
    padding: 0.4em;
    text-align: center;
}
.extremsMXOcolumna td.dades_capcolumnagran {
    font-size: 0.7em;
    border-bottom: solid 1px #c7c7c7;
    color: #848484;
}
.extremsMXOcolumna td.stats_estacio_P {
    font-size: 87%;
    background-color: #eaeaea;
    padding: 3px;
}
.extremsMXOcolumna td.stats_resta {
    font-size: 87%;
    background-color: #f3f3f3;
    padding: 3px;
    text-align: right;
    font-weight: 400;
}

.extremsMXOcolumna  td.stats_velv_mes_02 {
	font-size: 87%;
    background-color: #ffaeae;
    padding: 3px;
    text-align: right;
    font-weight: 800;
}
.extremsMXOcolumna  td.stats_velv_mes_01 {
	font-size: 87%;
    background-color: #ffe2ae;
    padding: 3px;
    text-align: right;
    font-weight: 400;
}
.extremsMXOcolumna  td.stats_velv_mes_00 {
    font-size: 87%;
    background-color: #f3f3f3;
    padding: 3px;
    text-align: right;
    font-weight: 400;
}
.extremsMXOcolumna  td.stats_pluja_mes_01 {
    font-size: 87%;
    background-color: #CBD6E8;
    padding: 3px;
    text-align: right;
    font-weight: 400;
}
.ExtremsMXO {
    margin-bottom: 1em;
}



@media all and (min-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
.webcamEsta {
    float: left;
    margin: 0.5em;
    padding: 0.5em 0.3em 0.5em 0.5em;
    border: solid 1px #DDDDDD;
    background: white;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
    height: 19.2em;
	overflow-y:hidden;
}
.webcamEsta a.fancybox>img {
    vertical-align: top;
    margin-right: 0.2em;
	width: 20em;
    padding: 0;
    margin: 0;
	min-height: 79%;
    max-height: 15em !important;
	}
.webcamEsta:hover {
	box-shadow: none;
    background-color: #f3f3f3;
    border: solid 1px #BBBBBB;
}
}
@media all and (max-width: 48.125em)  {		/*  RESPONSIVE ---------------------------- */
.webcamEsta {
	width:94%;
    float: left;
    margin: 2%;
    padding: 0.5em 0.3em 0.5em 0.5em;
    border: solid 1px #DDDDDD;
    background: white;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
}
.webcamEsta a.fancybox>img {
    vertical-align: top;
    margin-right: 0.2em;
	width: 98%;
    padding: 0;
    margin: 0;
	margin-bottom: 0.3em;
}
}
.webcamEsta h1 {
    font-size: 120%;
    line-height: 150%;
    padding: 0;
    margin: 0;
    font-weight: 800;
}
.webcamEsta h2 {
    font-size: 70%;
    line-height: 80%;
    padding: 0;
    margin: 0;
    font-weight: 200;
    margin-bottom: 1em;
}
.webcamEsta img {
}
.extern {
    float: right;
}
.webcamDades {
    font-size: 70%;
    margin-bottom: 0.2em;
}

.divPremsa {
    padding: 0 5% 5% 5%;
}
.divPremsa h1.dataPremsa {
    font-weight: 800;
    line-height: 100%;
    padding-bottom: 1%;
    font-size: 250%;
}
.divPremsa ul {
    list-style: none;
    padding: 0;
}
.divPremsa li {
    border-left: solid 10px #dcdcdc;
    background-color: #FFFFFF;
    margin: 0 0 2% 0;
    padding: 1%;
}
.divPremsa ul li a {
    font-size: 150%;
    line-height: 120%;
    font-weight: 400;
}
.divPremsa ul li p {
	font-size: 100%;
    line-height: 100%;
    font-weight: 100;
    padding: 0.5em 0 0 0;
}
.divPremsa h1 {
    font-weight: 800;
    line-height: 100%;
    padding-bottom: 1%;
    font-size: 300%;
    margin: 1% 0 0 0;
}
.divPremsa h2 {
    margin: 1%;
    line-height: 120%;
    font-weight: 100;
    font-size: 200%;
    padding: 0;
}
.divPremsa h3 {
    padding: 0;
    margin: 2% 0 5% 1%;
    line-height: 100%;
    font-size: 90%;
    font-weight: 100;
}
.divPremsa p {
    line-height: 150%;
    font-size: 110%;
}
.divPremsa p img {
    width: 100%;
}

h1.epis {
    font-weight: 800;
    line-height: 100%;
    padding-bottom: 1%;
    font-size: 200%;
    margin: 1% 0 0 0;
}
h2.epis {
    margin: 0;
    line-height: 120%;
    font-weight: 100;
    font-size: 150%;
    padding: 0;
}




@font-face {
  font-family: 'icomoon';
  src:  url('https://www.avamet.org/font/icomoon.eot?6fve3h');
  src:  url('https://www.avamet.org/font/icomoon.eot?6fve3h#iefix') format('embedded-opentype'),
    url('https://www.avamet.org/font/icomoon.ttf?6fve3h') format('truetype'),
    url('https://www.avamet.org/font/icomoon.woff?6fve3h') format('woff'),
    url('https://www.avamet.org/font/icomoon.svg?6fve3h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right:0.5em;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-android:before {
  content: "\eac0";
}


div#MXextrems {
    width: 96%;
    float: none;
    margin: 1% 5% 2% 5%;
    height: 3em;
}
.MXvariable {
float: left;
    width: 20%;
    background-color: #FFFFFF;
    padding: 1%;
    margin-right: 1%;
    height: 80%;
    font-size: 80%;
    font-weight: normal;
    line-height: 140%;
	border-left: solid 10px #c7c7c7;}
.MXvalor {
    float: left;
    width: 30%;
    background-color: #FFFFFF;
    padding: 1%;
    font-size: 200%;
    font-weight: 800;
    text-align: right;
    margin-right: 1%;
    height: 80%;
    line-height: 120%;
}
.MXvalortmax {
    color: #e23600;
}
.MXvalortmin {
    color: #0538ce;
}
.MXvalorprec {
    color: #1499d2;
}
.MXesta {
    float: left;
    width: 35%;
    padding: 1%;
    background-color: #FFFFFF;
    height: 80%;
}



#activitatshomepage {
	width: 98%;
    background-color: #d4ecda;
    padding: 1%;
}

.quadriculaiPrimera {
    padding: 0;
    margin: 1%;
}
.quadriculai {
    width: 46%;
    float: left;
    margin: 2%;
    background-color: #ffffff;
    border-bottom: solid #b4d8bd 1px;
	min-height:24em;
}
.quadriculaiPrimera img {
	width: 100%; 
	height: auto;
}
.qtitolPrimera {
	font-size: 240%;
    padding: 0.5em 0.2em 0.5em 0.2em;
    line-height: 100%;
    font-weight: 800;
	color:#116766;
}
.qintroPrimera {
    font-size: 130%;
    padding: 0em 0.5em 0.5em 0.5em;
    font-weight: 100;
    line-height: 120%;
}
.qtxtPrimera {
    font-size: 80%;
    padding: 0em 0.2em 2em 0.8em;
}

.quadriculai img {
	width: 100%; 
	height: auto;
}
.qtitol {
	font-size: 150%;
    padding: 3%;
    line-height: 100%;
    font-weight: 800;
	color:#116766;
}
.qintro {
    font-size: 100%;
    padding: 0 3% 3% 3%;
    font-weight: 100;
    line-height: 120%;
}
.qtxt {
	font-size: 70%;
    padding: 0 3% 3% 3%;
}

.quadriculai figcaption {
  font-size: .9rem;
	color: #444;
  line-height: 1.5;
}

#activitatshomepage small { 
  font-size: 1rem;
  float: right; 
  text-transform: uppercase;
  color: #aaa;
} 

#activitatshomepage small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;
}

#activitatshomepage:hover quadriculai:not(:hover) {
	opacity: 0.4;
}
div#infohomepage {
    width: 96%;
    background-color: #ffffff;
	margin: 1em 1% 1em 1%;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
    padding: 1%;
}
#infohomepage a img {
    width: 49%;
    margin: 0.5%;
    float: left;
}
#contingutshomepage {
	width: 98%;
    background-color: #e8e8e8;
    padding: 1% 1% 0% 1%;
}
.quadriculaA {
	width: 100%;
    background-color: rgba(255,255,255,1);
    float: left;
	margin-bottom: 0.6em;
}
.qimgA {
	float:left;margin-right: 2%;
}
.imgA {
    height: 4em;
    width: 4em;
    margin: 0.5em;
}
.qtitolA {
    font-size: 120%;
    font-weight: 100;
    margin: 0.4em 0 0.4em 0;
    line-height: 100%;
    color: #000000;
}
.qtxtA {
    font-size: 70%;
    font-weight: 400;
    margin: 0.6em 0 0.6em 0;
    line-height: 100%;
    color: #bfbfbf;
}
.lateralA {
	width: 1em;
    height: 5em;
    float: right;
    background-color: #FF5722;
    margin-left: 0.6em;
}
#botonsxarxeshomepage {
    margin: 0 1% 2% 1%;
}
#botonsxarxeshomepage img {
	width: 100%;
}

@media screen and (max-width: 750px) { 
  #activitatshomepage { column-gap: 0px; }
  #activitatshomepage quadricula { width: 100%; }
}

#MXOmenumapes a span {
	cursor: pointer;
    padding: 1%;
    font-size: 90%;
    border: solid 1px #b3b3b3;
    border-radius: 4px;
    background-color: #dedede;
    margin-left: 0.5%;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.36);
    font-weight: 100;
	color: #000000;
	line-height: 290%;
    white-space: nowrap;
	}
#MXOmenumapes a:hover span {
    cursor: pointer;
    padding: 1%;
    font-size: 90%;
    border: solid 1px #424242;
    border-radius: 4px;
    background-color: #116766;
    margin-left: 0.5%;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.36);
    font-weight: 100;
    margin-top: 1px;
	color: #FFFFFF;
}
div#MXOmenumapes {
    padding: 1%;
    text-align: center;
}
.MXOmapaindividual img {
    width: 94%;
    padding: 3%;
}

div#MXOcompletahomepage {
    padding: 1%;
    text-align: center;
    margin-bottom: 2%;
    border: solid 1px #b4b4b4;
    width: 94%;
    margin: 0% 2% 2% 2%;
    background-color: #dedede;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.36);
    font-weight: 800;
}
a:hover div#MXOcompletahomepage {
	color: #FFFFFF;
    border: solid 1px #424242;
    background-color: #116766;
}
#MXOmenumapes a span.MXOrefrescar {
	cursor: pointer;
    padding: 1%;
    font-size: 90%;
    border: none;
    border-radius: 4px;
    margin-left: 0.5%;
    font-weight: 100;
	color: #000000;
	line-height:250%;
	box-shadow: none;
    background-color: transparent;
	}
#MXOmenumapes a:hover span.MXOrefrescar {
    cursor: pointer;
    padding: 1%;
    font-size: 90%;
    border: none;
    margin-left: 0.5%;
    font-weight: 100;
    margin-top: 1px;
	color: #FFFFFF;
	box-shadow: none;
    background-color: transparent;}
span.alttMXO {
    color: #ababab;
}
.alttMXOok {
    color: #0e8a00 !important;
    font-weight: 800;
}


/* POPUP MAPA MXO */
.popupmxo {
	width: 220px !important;
}
.popupmxo * {
    line-height: 100% !important;
}
.popupmxo table {
    width: 100%;
}
.popupmxo td.intro {
    font-size: 18px;
    line-height: 15px;
    padding-bottom: 15px;
}
.popupmxo td.gris  {
    font-weight: bold;
    font-size: 14px;
    background-color: #EEEEEE;
    padding: 2px;
    text-align: center;
}
.popupmxo td.blau  {
    color: #373BA9;
    background-color: #E5E6FC;
    padding: 2px;
    text-align: center;
    font-size: 12px;
}
.popupmxo td.roig  {
    color: #973939;
    background-color: #F5E2E2;
    padding: 2px;
    text-align: center;
    font-size: 12px;
}
.popupmxo td.petit  {
    font-size: 9px;
    text-align: right;
}
.popupmxo img.foto  {
	border: solid 1px #DDDDDD;border-radius: 3px;padding: 6px;margin-top: 5px;width:200px;
}



p.notaTitol {
    font-size: 140%;
	margin:2% 0 0 1%;
	padding:0;
}
p.notaTxt {
    font-size: 100%;
    padding: 1%;
    margin: 0.5% 1% 2% 1%;
    border: solid 1px #b3b3b3;
    background-color: #ffffff;
    border-radius: 10px;
}