/* css para calidad del aire
Autor: Ayuntamiento de Granada */


.tabla1{width:100%;border:0;}
.tabla1 td{border:1px solid #999;padding:5px 8px;margin:0;}
.tabla2{width:100%;border:0;font-size:.8em;line-height:1em;}
.tabla2 td{border:1px solid #999;padding:1px 1px;margin:0;padding:3px}
.tabla2 a:link{color:#000;text-decoration: none;}
.tabla2 a:active{color:#000;text-decoration: none;}
.tabla2 a:visited{color:#000;}
.tabla2 a:hover{color:#f00;text-decoration: none;}
.tablayt td{border:1px solid #999;padding:4px;margin:0;}
.tablayt td:hover{background: #ff9;}
.tablayear{text-align:center;margin-left:auto;margin-right:auto;border:1px solid #000; border-spacing: 1px; border-collapse: separate; }
.tablayear td{cursor:pointer;text-align:center;min-width:20px;padding:4px;}
.tablaMeteo{text-align:center;margin-left:auto;margin-right:auto;border:2px solid #000; border-spacing: 0; border-collapse: separate; font-size:.8em;width:100%;}
.tablaMeteo table{background-color:#ffd;}
.tablaMeteo td{cursor:pointer;text-align:center;min-width:20px;padding:1px;border:1px solid #003333;color:#903;}
.tablaMeteo td:hover{filter: invert(100%);-webkit-filter: invert(100%);}
.tablaMeteo th:{font-weight: bold; font-size: 1.05em; color: #f0ffff; background-color: #003333; text-align: center}
.tablaMeteo1{width:100%;border:0;}
.tablaMeteo1 td{border:1px solid #999;padding:3px;margin:0;text-align:center;}
.tablaMeteo1 td:hover{border:2px solid #000;padding:2px;}
.tablaMeteo1 tr:hover{background: #afa;}
.divMeteoMes {vertical-align:top;float:left;min-height:41.5em;margin:.2em;}

.borde1{border:2px outset #333; margin:20px 2px; border-spacing: 0;width: 100%;}
.borde1 td{border:1px solid #999;padding:2px 8px;margin:0;width:33%;text-align:center;}
.normal{margin:20px 5px;padding:5px}
.tablaFechas{height:5px;display: table; clear: both; border:1px solid #333;padding:8px 6px 16px;margin:8px 4px;
background: #f7eca6;
background: -moz-linear-gradient(-45deg, #f7eca6 0%, #faf9f2 59%, #f2ce99 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #f7eca6), color-stop(59%, #faf9f2), color-stop(100%, #f2ce99));
background: -webkit-linear-gradient(-45deg, #f7eca6 0%, #faf9f2 59%, #f2ce99 100%);
background: -o-linear-gradient(-45deg, #f7eca6 0%, #faf9f2 59%, #f2ce99 100%);
background: -ms-linear-gradient(-45deg, #f7eca6 0%, #faf9f2 59%, #f2ce99 100%);
background: linear-gradient(135deg, #f7eca6 0%, #faf9f2 59%, #f2ce99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eca6', endColorstr='#f2ce99', GradientType=1 );
}

.flotaMes{float:left;margin:1px;padding:1px;height:210px;}
.tablaMes{border:solid 1px #333}
.tablaMes td{text-align:center;width:24px;border:solid 1px #333;}
.tablaMes a{font-weight:bold}
.tM{cursor:pointer;}
.tM:hover{background: #FF0;}
.tMD{background-color:#fca;}
.fondoGris{background-color:#ddd;}
.fondoGris td{cursor:hand}
.botonsAbajo{text-align:center; margin-left:auto; margin-right;display: table; clear: both;padding:30px;width:100%}


.rejilla{background-image: url(/inet/calidadaire.nsf/fondo.gif);}
.intervalo0{background-color:#0c6}
.intervalo1{background-color:#ff6}
.intervalo2{background-color:#f00}
.intervalo3{background-color:#930;color:#fff;}
.intervalo4{background-color:#f33}
.intervaloe0{background-color:#00fffa}
.intervaloe1{background-color:#50c8a3}
.intervaloe2{background-color:#ffff00}
.intervaloe3{background-color:#ff4f5c}
.intervaloe4{background-color:#c00000;color:#fff;}
.intervaloc0{background-color:#0c6}
.intervaloc1{background-color:#ff6}
.intervaloc2{background-color:#f00}
.intervaloc3{background-color:#f60;}
.intervaloc4{background-color:#f33}

.gradiente0{background: #00ff00;
background: -moz-linear-gradient(left, #00ff00 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #00ff00), color-stop(46%, #ffff00), color-stop(99%, #ff0000), color-stop(100%, #ff0000));
background: -webkit-linear-gradient(left, #00ff00 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: -o-linear-gradient(left, #00ff00 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: -ms-linear-gradient(left, #00ff00 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: linear-gradient(to right, #00ff00 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#ff0000', GradientType=1 );
}

.gradiente1{background: #0000ff;
background: -moz-linear-gradient(left, #0000ff 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #0000ff), color-stop(46%, #ffff00), color-stop(99%, #ff0000), color-stop(100%, #ff0000));
background: -webkit-linear-gradient(left, #0000ff 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: -o-linear-gradient(left, #0000ff 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: -ms-linear-gradient(left, #0000ff 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
background: linear-gradient(to right, #0000ff 0%, #ffff00 46%, #ff0000 99%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#ff0000', GradientType=1 );
}

.gradiente2{background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #0000ff 46%, #ff0000 99%, #ff0000 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(46%, #0000ff), color-stop(99%, #ff0000), color-stop(100%, #ff0000));
background: -webkit-linear-gradient(left, #ffffff 0%, #0000ff 46%, #ff0000 99%, #ff0000 100%);
background: -o-linear-gradient(left, #ffffff 0%, #0000ff 46%, #ff0000 99%, #ff0000 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #0000ff 46%, #ff0000 99%, #ff0000 100%);
background: linear-gradient(to right, #ffffff 0%, #0000ff 46%, #ff0000 99%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000', GradientType=1 );
}

#contentGradiente{margin:1em 4em;padding:.5em;border:2px outset #ccc;;text-align:center;height:5em;}
#gradiente{border:1px solid #333;height:17px;}
#gradienteParametro{font-weight:bold;}
#limiteInferior, .limInferior{float:left;}
#limiteSuperior, .limSuperior{float:right;}
.metTit{widht:20%;cursor:pointer;}
.metVal{cursor:pointer;font-weight:bold;width:25%;}

.fIzda{float:left;}
.fDcha{float:right;}
.dGrad{border:1px solid #333;height:17px;}
.cGrad{margin:1em 4em;padding:.5em;border:2px outset #ccc;;text-align:center;height:5em;}


.monta2Img{width:120px;height:100px;border:0;margin:0;padding:0;}
.monta2Table{border-collapse: separate !important;
	border-spacing: 0;width:120px;height:120px;border-top: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; border-right: outset 3px #c0c0c0; border-bottom: outset 3px #c0c0c0;padding:0;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 30%, #929292 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 30%,#929292 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#ffffff 30%,#929292 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#929292',GradientType=1 ); /* IE6-9 */
	border-radius:4px;}
.monta2Texto{font-family: Verdana; font-weight:bold; font-size:12px; color:#000; width:100%;text-decoration: none;}
.monta2Texto a:link, .monta2Texto a:active, .monta2Texto a:visited {color:#000;text-decoration: none;}
.monta2Texto a:hover{color:#f00;text-decoration: none;}
.monta2celda{width:120px;height:100%;background:#fff}

.monta2href{opacity: 0.6; filter: alpha(opacity=60);}
.monta2href:hover{opacity: 1; filter: alpha(opacity=100);}

.avisos{font-weight:bold;font-size:1.2em;color:#e00;text-align:center;margin:1em 2em;padding:1em 2em;border:4px solid #e00;background-color:#ffc;border-radius:7px;}
.avisos:hover{background-color:#ff0}

.valoracionJA{margin:0 10px 10px 15px;padding:5px;border:1px solid #ddd;box-shadow: 10px 10px 5px #888888;border-radius:5px;
	background: linear-gradient(#eeffee, #bbccbb);background: -moz-linear-gradient(#eeffee, #bbccbb);background: -webkit-linear-gradient(#eeffee, #bbccbb);
	background: -o-linear-gradient(#eeffee, #bbccbb);background: -ms-linear-gradient(top left, #efe 0%, #bcb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeffee', endColorstr='#bbccbb',GradientType=0 );}
	
/* tablas ica anuales */
.contentYear{margin:1.5em 0;overflow: auto;} /* para el año */
.blqIzda{display:block;float:left;vertical-align:top;padding:2px;margin:2px;min-width: 210px;min-height: 24em;}  /* para cada mes */
.blqIzda:hover{background-color:#c9c;}
.blqMeteo{display:block;float:left;padding:2px;margin:2px;min-width:310px;height:650px;}  /* para cada mes */

/* meteo */
.textoSombra{color:#fff;font-weight:bold;text-shadow: 1px 1px #000;}
/* -------------- modificaciones sobre vx ----------------------------*/
.plegableTituloV{min-height:32px;background-color:#dd6;border: outset 2px #999;border-radius:5px;}
.plegableTituloR{min-height:32px;background-color:#fca;border: outset 2px #999;border-radius:5px;}
.plegableTituloA{min-height:32px;background-color:#bbf;border: outset 2px #999;border-radius:5px;}
.plegableTituloY{min-height:32px;background-color:#ffb;border: outset 2px #999;border-radius:5px;}
.plegableTituloV:hover,.plegableTituloA:hover,.plegableTituloY:hover,.plegableTituloR:hover{background-color:#ff6;}
.fichaDentro{margin:2px;padding:3px}