html, body{padding:0;margin:0;width: 100%;height: 100%;font-family: 'Montserrat'}
*{box-sizing:border-box;}
a{color: inherit;}
section{position: relative;min-height: 100vh}
/*ADMIN*/
main{padding: 40px 30px;}
#admin main{padding-left: 50px;padding-right: 50px}
.container{max-width: 100%;}
section#login .container,
aside{height: 100vh;background-color: #084633;color: #FFF;padding-top: 40px;top:0;left: 0;position: fixed !important;z-index: 9 !important;text-align: center;}
aside .btn{margin-top: 40px;line-height: 40px;font-weight: 700}
section#login .container{display: flex;align-items: center;justify-content: center;}
section#login .container img, aside img{display: block;margin: 30px;margin-top: 0}
aside img{margin-bottom: 50px;}
section#login .form{
	padding: 30px;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 0 30px rgba(0,0,0,0.2)
}
section#login .alert-danger{position: absolute;width: 90%;left: 5%;margin-top: 10px;text-align: center;z-index: 99;}
.fecha{font-size: 18px;text-align: center;display: block;}
strong.fecha{font-size: 30px;margin-top: 5px;letter-spacing: .1em}
#admin h1{text-align: center;margin-bottom: 50px;margin-top: 24px;}

.close{float: none;margin-top: 50px;text-align: center;text-shadow: none;color: #FFF;opacity: 1;font-size: 1.1rem;}
.close a:hover{color: #000;text-shadow: 0 1px 0 #fff;text-decoration: none;}

/*main content*/
#lluvias-page{padding-top: 100px;}
#lluvias-page h1.title{color: #d8d5ce;font-size: 50px;padding: 40px 0 0;text-align: center;}
#lluvias-page .years{padding: 20px 0;text-align: center;margin-bottom: 50px;color: #222222;}
#lluvias-page .years a{padding: 0 5px;color: #666666;text-decoration: underline;}
#main_content.wp{padding: 0 80px;display: flex;}
#main_content h1 span{display: block;}
#main_content .aside{min-width: 155px;width: 155px;margin-left: 30px;}
#main_content .content{width: 100%;}
#main_content .content .wp_mes{display: flex;align-items: flex-start;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 1px solid #a3a3a3;color:#352f2f;position: relative;}
#main_content .content .wp_mes .drops{position: absolute;width: 160px;top:-35px;text-align: center;}
#main_content .content .wp_mes .drops img{width: 18px;margin:0 5px;}
#main_content .wp_mes .mes_mm{min-width: 160px;width: 160px;margin-right: 30px;background: #e9e6de;min-height: 140px;display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;padding: 20px;}
#main_content .wp_mes .mes_mm h3{font-size: 12px;letter-spacing: .03em}
#main_content .wp_mes .mes_mm h2{font-size: 20px;}
#main_content .wp_mes .dias_mm{display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;}
#main_content .wp_mes .dias_mm .dia{display: flex;flex-direction: column;align-items: center;min-width: 50px;width: 6.25%;}
#main_content .wp_mes .dias_mm .dia strong{display: flex;align-items: center;justify-content: center;height: 32px;font-size: 15px;color: #222222;background: #efefef;width: 100%;letter-spacing: .03em}
#main_content .wp_mes .dias_mm .dia span{display: flex;align-items: center;justify-content: center;height: 46px;font-size: 15px;color: #222222;width: 100%;letter-spacing: .03em}
#main_content .aside .total_anual{width: 100%;padding: 20px;display: flex;flex-direction:column;align-items: center;justify-content: center;color: #FFF;text-transform: uppercase;background-color: #18668b;font-weight: 700;text-align: center;min-height: 140px;}
#main_content .aside .total_anual span{font-size: 12px;letter-spacing: .03em;margin-bottom: 10px;}
#main_content .aside .total_anual strong{font-size: 32px;}
#main_content .aside .total_anual small{font-size: 20px;}
#main_content .aside .list_x_day{margin-top: 18px;}
#main_content .aside .list_x_day h6{text-align: center;color: #8c8c8c;font-size: 10px;margin-bottom: 18px;}
#main_content .aside .list_x_day .day{display: flex;height: 40px;line-height: 40px;background-color: #e9e6de;margin-bottom: 4px;color: #7f7f7f;}
#main_content .aside .list_x_day .day .num_dia{width: 40px;background: #34b0ec;color: #FFF;font-size: 18px;font-weight: 700;text-align: center;margin-right: 10px}

@media (max-width: 900px) {
	#lluvias-page h1.title{padding: 0;font-size: 35px;}
	#main_content.wp{padding: 0 20px;flex-wrap: wrap;padding-right: 40px;}
	#main_content .content .wp_mes{flex-wrap: wrap;}
	#main_content .wp_mes .mes_mm{width: 100%;min-height: 100px;margin-right: 0;margin-bottom: 15px;}
	#main_content .aside{margin-left: 0;width: 100%;}
}