/* BARRA SMARTDATA */

#smartdata{
	background: #545454;
	//  color: #FFF;
  font-size: .8125rem;
	padding: 3px 0;
}

/*.little-margin-top{margin-top: 1.5rem;}*/
/*.little-margin-bottom{margin-bottom: 1.5rem;}*/
.little-padding-top{padding-top: 1.5rem;}
.little-padding-bottom{padding-bottom: 1.5rem;}

.panelclima{
  background: #E5D795;
}
.panelluna{ 
  background: #1C2224; 
  color:#CFD9DC; 
  text-align: center;
  font-family: 'neutra_displaytitling', sans-serif;
  font-size: 1.2rem;
}
span{     padding: 7px 7px 5px 7px }
/*#smartdata span:first-child{ padding-left: 0px}*/
/*#smartdata span:last-child{ padding-right: 0px}*/
#smartdata i { font-size: 1.2rem}
#smartdata strong{color:#C4A542}
#smartdata .faselunar{background:#1C2224; color:#B7C4C8;}
#smartdata span.nocircula {}
#smartdata span.nocircula.lunamarillo {background: yellow; color: #545454}
#smartdata span.nocircula.marosa {background: pink; color: #545454}
#smartdata span.nocircula.mierojo {background: red;}
#smartdata span.nocircula.jueverde {background: #38A903; color: #545454}
#smartdata span.nocircula.vieazul {background: #26A7E3}
#smartdata span.nocircula.moto {background: #6B6B6B}
#smartdata span.popo.fase2 {background: #FFC300; color: #545454}
#smartdata span.huracan.nopresente {background: #3F51B5}

/* VOLCAN */

.popo.fase1 {background: green; color: #FFF}
.popo.fase2 {background: #FFC300; color: #545454}
.popo.fase3 {background: red; color: #545454}
.popo.fase1 td, .popo.fase3 td{color:#FFF}
.popo i {font-size: 1.2rem}



#fechaactual {
}

/* CLIMA Y NO CIRCULA*/
.clima {/*overflow: auto;*/}
.clima p {
  margin: 0;
  padding-top: 10px;
  line-height: 1rem;
}
.clima ul li {padding-bottom: 6px;}


#nocircula {
  text-align: center;
  padding: 6px;
  border-radius: 6px;
  box-shadow: 3px 3px 4px 0px rgba(0,0,0,.5);
  border: 1px solid #333;
}
#nocircula p {
  padding:0;
  font-size:.9rem
}

.maniana,.hoy{
  font-family: 'neutra_displaytitling', sans-serif;
  text-align: center;
  font-size: 1.2rem;
  padding: 2px;
  margin-top: 15px;
}


#nocircula.lunamarillo, .lunamarillo{background: yellow}
#nocircula.marosa,.marosa{background: pink}
#nocircula.mierojo,.mierojo{background: red; color: #FFF}
#nocircula.jueverde,.jueverde{background: green; color: #FFF}
#nocircula.vieazul,.vieazul{background: #00CCFF;}

#fechaactual{
	color:#ccc;
}

.iconoClima{ 
  padding: 10% 0px 0px 0px; 
}

.iconoClima img{
  height: :60%;
  width: 60%;
}

.asideClima{ 
  padding: 0px 0px 0px 0px; 
}

.asideClima img{
  height: :60%;
  width: 60%;
}


.huracan{
  font-size: 1.3rem;
  font-family: 'neutra_displaytitling', sans-serif;
}

.panelFecha{
  text-align: right;
  color: #000000;
	
}
.panelFecha p{
	font-weight: bold;
	font-size: .9em;
}


#smartdata .temp{
	color: #c4a542;
}

/* no circula */
#smartdata .lunes{ background-color: #FFFF00 }
#smartdata .martes{ background-color: #FF7F7F}
#smartdata .miercoles{ background-color: #F60500 }
#smartdata .jueves{ background-color: #008200 }
#smartdata .viernes{ background-color: #00CEFF }
#smartdata .mas{ 
	background: #c4a542;
	color: #fff;
}



.panelclima div:nth-child(2),
.panelclima div:nth-child(4) {
	padding: 5px;
	font-size: .9em;
	color: #000;
	font-weight: bold;
}
.panelclima .popo span{
	display: block;
	padding: 0;
}

.panelclima{
	font-weight: bold;
	font-size: .9em;
}