/*
Recordar que he puesto la ciudad como identificador HTML de la sección que contiene al icono del
tiempo:
	En mapa-viewmodel.js:
		ciudad: ko.observable(data.previsiones[i].ciudad.replace(/ /g, '-').toLowerCase())
	En modulo-mapa.html:
		<section data-bind="attr: {id: ciudad}">
CSS no admite espacios en los identificadores, así que los transformo a guiones. Para simplificarlo
más, convierto además todo a minúsuculas, aunque realmente no sea necesario. CIUDADO: los acentos se
siguen manteniendo.
*/

.posicion-relativa {
	position: absolute;
}

/* CASTILLA-LA MANCHA */

#albacete-cm-0 {
	left: 455px;
	top: 399px;
}

#albacete-cm-1 {
	left: 181px;
	top: 203px;
}

#albacete-cm-2 {
	left: 481px;
	top: 203px;
}

#albacete-cm-3 {
	left: 181px;
	top: 518px;
}

#albacete-cm-4 {
	left: 481px;
       top: 518px;
}

#ciudad-real-cm-0 {
	left: 160px;
       top: 402px;
}

#ciudad-real-cm-1 {
	left: 51px;
	top: 203px;
}

#ciudad-real-cm-2 {
	left: 351px;
	top: 203px;
}

#ciudad-real-cm-3 {
	left: 51px;
	top: 518px;
}

#ciudad-real-cm-4 {
	left: 351px;
	top: 518px;
}

#cuenca-cm-0 {
	left: 370px;
       top: 208px;
}

#cuenca-cm-1 {
	left: 183px;
	top: 110px;
}

#cuenca-cm-2 {
	left: 483px;
	top: 110px;
}

#cuenca-cm-3 {
	left: 183px;
	top: 425px;
}

#cuenca-cm-4 {
	left: 483px;
	top: 425px;
}

#guadalajara-cm-0 {
	left: 287px;
	top: 138px;
}

#guadalajara-cm-1 {
	left: 167px;
	top: 34px;
}

#guadalajara-cm-2 {
	left: 467px;
	top: 34px;
}

#guadalajara-cm-3 {
	left: 167px;
	top: 349px;
}

#guadalajara-cm-4 {
	left: 467px;
	top: 349px;
}

#toledo-cm-0 {
	left: 180px;
	top: 259px;
}

#toledo-cm-1 {
    left: 65px;
    top: 129px;
}

#toledo-cm-2 {
	left: 365px;
	top: 129px;
}

#toledo-cm-3 {
	left: 65px;
	top: 443px;
}

#toledo-cm-4 {
	left: 365px;
	top: 443px;
}

#sigüenza-cm-0 {
	left: 315px;
	top: 72px;
}

#molina-de-aragón-cm-0 {
	left: 432px;
       top: 119px;
}

#talavera-de-la-reina-cm-0 {
	left: 30px;
	top: 240px;
}

#tarancón-cm-0 {
	left: 360px;
       top: 254px;
}

#madridejos-cm-0 {
	left: 187px;
       top: 315px;
}

#san-clemente-cm-0 {
	left: 372px;
       top: 323px;
}

#tomelloso-cm-0 {
	left: 281px;
	top: 374px;
}

#puertollano-cm-0 {
	left: 115px;
       top: 450px;
}

#valdepeñas-cm-0 {
	left: 255px;
	top: 448px;
}

#hellín-cm-0 {
	left: 395px;
       top: 498px;
}


/* ESPAÑA */

#mondoñedo-espana-0 {
	left: 65px;
    	top: 95px;
}

#bilbao-espana-0 {
	left: 293px;
       top: 120px;
}

#león-espana-0 {
	left: 147px;
	top: 147px;
}

#ayllón-espana-0 {
	left: 217px;
	top: 196px;
}

#salamanca-espana-0 {
	left: 148px;
       top: 240px;
}

#salamanca-espana-0 .temperaturas {
	display:none;
}

#huesca-espana-0 {
	left: 355px;
       top: 175px;
}

#huesca-espana-0 .temperaturas {
	display: none;
}

#teruel-espana-0 {
	left: 337px;
       top: 236px;
}

#olot-espana-0 {
	left: 465px;
       top: 148px;
}

#barcelona-espana-0 {
	left: 439px;
       top: 205px;
}

#madrid-espana-0 {
	left: 222px;
	top: 255px;
}

#badajoz-espana-0 {
	left: 100px;
       top: 306px;
}

#badajoz-espana-0 .temperaturas {
	display:none;
} /*David añadido*/

/*#badajoz-espana-0 .temperaturas {
	display:none;
}*/

#villanueva-de-la-jara-espana-0 {
	left: 275px;
       top: 310px;
}

#villanueva-de-la-jara-espana-0 .temperaturas {
	display: none;
}

#puertollano-espana-0 {
	left: 208px;
       top: 348px;
}

#sueca-espana-0 {
	left: 355px;
	top: 322px;
}

#huelva-espana-0 {
	left: 100px;
	top: 427px;
}

#huelva-espana-0 .temperaturas {
	display:none;
} /*David añadido*/

/*#huelva-espana-0 .temperaturas {
	display:none;
}*/

#jaén-espana-0 {
	left:220px;
	top:401px;
}

#jaén-espana-0 .temperaturas {
	display: none;
}

#málaga-espana-0 {
	left: 190px;
	top:447px;
}

#murcia-espana-0 {
	left: 324px;
       top: 395px;
}

#palma-espana-0 {
	left: 465px;
       top: 300px;
}

#santa-cruz-de-tenerife-espana-0 {
	left: 430px;
	top: 535px;
}

/* MAPA 4 Días ESPAÑA*/

#mondoñedo-espana-1 {
	left: 11px;
	top: 39px;
}

#mondoñedo-espana-2 {
	left: 311px;
	top: 39px;
}

#mondoñedo-espana-3 {
	left: 11px;
	top: 355px;
}

#mondoñedo-espana-4 {
	left: 311px;
	top: 355px;
}

#santander-espana-1 {
	left: 97px;
	top: 32px;
}

#santander-espana-2 {
	left: 397px;
	top: 32px;
}

#santander-espana-3 {
	left: 97px;
	top: 348px;
}

#santander-espana-4 {
	left: 397px;
	top: 348px;
}

#benasque-espana-1 {
	left: 175px;
	top: 57px;
}

#benasque-espana-2 {
	left: 475px;
	top: 57px;
}

#benasque-espana-3 {
	left: 175px;
	top: 373px;
}

#benasque-espana-4 {
	left: 475px;
	top: 373px;
}

#ateca-espana-1 {
	left: 136px;
	top: 89px;
}

#ateca-espana-2 {
	left: 436px;
	top: 89px;
}

#ateca-espana-3 {
	left: 136px;
	top: 405px;
}

#ateca-espana-4 {
	left: 436px;
	top: 405px;
}

#barcelona-espana-1 {
	left: 219px;
	top: 83px;
}

#barcelona-espana-2 {
	left: 519px;
	top: 83px;
}

#barcelona-espana-3 {
	left: 219px;
	top: 399px;
}

#barcelona-espana-4 {
	left: 519px;
	top: 399px;
}

#zamora-espana-1 {
	left: 64px;
	top: 80px;
}

#zamora-espana-2 {
	left: 364px;
	top: 80px;
}

#zamora-espana-3 {
	left: 64px;
	top: 396px;
}

#zamora-espana-4 {
	left: 364px;
	top: 396px;
}

#madrid-espana-1 {
	left: 98px;
	top:123px;
}

#madrid-espana-2 {
	left: 398px;
	top: 123px;
}

#madrid-espana-3 {
	left: 98px;
	top: 439px;
}

#madrid-espana-4 {
	left: 398px;
	top: 439px;
}

#badajoz-espana-1 {
	left: 35px;
	top: 153px;
}

#badajoz-espana-2 {
	left: 335px;
	top: 153px;
}

#badajoz-espana-3 {
	left: 35px;
	top: 469px;
}

#badajoz-espana-4 {
	left: 335px;
	top: 469px;
}

#villamanrique-espana-1 {
	left: 107px;
	top: 168px;
}

#villamanrique-espana-2 {
	left: 407px;
	top: 168px;
}

#villamanrique-espana-3 {
	left: 107px;
	top: 484px;
}

#villamanrique-espana-4 {
	left: 407px;
	top: 484px;
}

#huelva-espana-1 {
	left: 50px;
	top: 210px;
}

#huelva-espana-2 {
	left: 350px;
	top: 207px;
}

#huelva-espana-3 {
	left: 50px;
	top: 519px;
}

#huelva-espana-4 {
	left: 350px;
	top: 519px;
}

#almería-espana-1 {
	left: 118px;
	top: 207px;
}

#almería-espana-2 {
	left: 418px;
	top: 214px;
}

#almería-espana-3 {
	left: 118px;
	top: 530px;
}

#almería-espana-4 {
	left: 418px;
	top: 530px;
}

#palma-espana-1 {
	left: 232px;
	top: 1410px;
}

#palma-espana-2 {
	left: 532px;
	top: 141px;
}

#palma-espana-3 {
	left: 232px;
	top: 457px;
}

#palma-espana-4 {
	left: 532px;
	top: 457px;
}

#santa-cruz-de-tenerife-espana-1 {
	left: 203px;
	top: 256px;
}

#santa-cruz-de-tenerife-espana-2 {
	left: 503px;
	top: 256px;
}

#santa-cruz-de-tenerife-espana-3 {
	left: 203px;
	top: 572px;
}

#santa-cruz-de-tenerife-espana-4 {
	left: 503px;
	top: 572px;
}

#valència-espana-1 {
	left: 475px;
	top: 1410px;
}

#valència-espana-2 {
	left: 475px;
	top: 1410px;
}

#valència-espana-3 {
	left: 475px;
	top: 1410px;
}

#valència-espana-4 {
	left: 475px;
	top: 1410px;
}

#dia-cm-0 {
    left: 17px;
    top: 20px;
    background-color: #FFFFFF;
    font-size: 13pt;
}

#dia-cm-1 {
	width: 16%;
  	height: 20px;  
	left: 17px;
	top: 20px;
       background-color: #FFFFFF;
	font-size: 12pt;
}

#dia-cm-2 {
	width: 16%;
  	height: 20px;  
	left: 324px;
	top: 20px;
       background-color: #FFFFFF;
	font-size: 12pt;
}

#dia-cm-3 {
    font-size: 12pt;
    background-color: #F8F8F8;
    height: 20px;
    left: 17px;
    top: 338px;
    width: 16%;
}

#dia-cm-4 {
	width: 16%;
       background-color: #F8F8F8;
  	height: 20px;  
	left: 324px;
	top: 338px;
	font-size: 12pt;
}


#dia-espana-0 {
    left: 17px;
    top: 20px;
    background-color: #FFFFFF;
    font-size: 13pt;
}

#dia-espana-1 {
	width: 16%;
  	height: 20px;  
	left: 17px;
	top: 20px;
       background-color: #FFFFFF;
	font-size: 12pt;
}

#dia-espana-2 {
	width: 16%;
  	height: 20px;  
	left: 324px;
	top: 20px;
       background-color: #FFFFFF;
	font-size: 12pt;
}

#dia-espana-3 {
    font-size: 12pt;
    background-color: #F8F8F8;
    height: 20px;
    left: 17px;
    top: 338px;
    width: 16%;
}

#dia-espana-4 {
	width: 16%;
  	height: 20px;  
	left: 324px;
	top: 338px;
       background-color: #F8F8F8;
	font-size: 12pt;
}