.homebox{
	float:left;
	width:49%;
	min-width:260px;
	min-height:260px;
	margin-bottom:20px;
	display:block;
	margin-right:1%;
	margin-top:15px;
	position:relative;
	text-align:left;
	/*border:1px solid #dadada;*/
	border-left:5px solid #3598D0;
	border-radius:0px;
	padding:20px;
	padding-top:0px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*overflow:hidden;*/
}
.homebox.homeboxclock{
	/*border-left:none;
	border-top:5px solid #3598D0;*/
}
.homebox:nth-child(3n){
	/*margin-right:0px;*/
}
.homebox h1{
	font-size:30px;
	color:#3598D0;
	text-decoration:none;
	line-height:30px;
	margin-bottom:20px;
}
.homebox a{
	float:left;
	width:100%;
	border-bottom:1px dashed #dadada;
	line-height:30px;
	font-size:16px;
	margin-left:1%;
}
.homebox a:hover{
	text-decoration:underline;
}
.homebox a.selected{
	font-weight: bold;
}
.homebox_3cols{
	width:100%;
	min-width:260px;
	min-height:260px;
	margin-bottom:20px;
	display:inline-block;
	margin-right:1%;
	margin-top:15px;
	position:relative;
	text-align:left;
	/*border:1px solid #dadada;*/
	border-left:5px solid #3598D0;
	border-radius:0px;
	padding:20px;
	padding-top:0px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*overflow:hidden;*/
}
.homebox_3cols h1{
	font-size:30px;
	color:#3598D0;
	text-decoration:none;
	line-height:30px;
	margin-bottom:20px;
}
.homebox_3cols a{
	float:left;
	width:30%;
	border-bottom:1px dashed #dadada;
	line-height:30px;
	font-size:16px;
	margin-left:1%;
}
.calendaricon{
	position:relative;
}
.homebox.calendaricon::before{
	content:"";
	height:40px;
	position:absolute;
	top:0px;
	right:30px;
	width:40px;
	background-size:40px 40px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIHN0eWxlPSJmaWxsOiNEOERDRTE7IiBkPSJNMCwxMzR2MzI4YzAsMjIuMDU1LDE3Ljk0NSw0MCw0MCw0MGg0MzJjMjIuMDU1LDAsNDAtMTcuOTQ1LDQwLTQwVjEzNEgweiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGNEYxOTsiIGQ9Ik00NzIsMjJINDBDMTcuOTQ1LDIyLDAsMzkuOTQ1LDAsNjJ2NzJoNTEyVjYyQzUxMiwzOS45NDUsNDk0LjA1NCwyMiw0NzIsMjJ6IE02NCwxMDIgICAgYy0xMy4yNTUsMC0yNC0xMC43NDUtMjQtMjRzMTAuNzQ1LTI0LDI0LTI0czI0LDEwLjc0NSwyNCwyNFM3Ny4yNTUsMTAyLDY0LDEwMnogTTQ0OCwxMDJjLTEzLjI1NSwwLTI0LTEwLjc0NS0yNC0yNCAgICBzMTAuNzQ1LTI0LDI0LTI0czI0LDEwLjc0NSwyNCwyNFM0NjEuMjU1LDEwMiw0NDgsMTAyeiIvPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjU2LDIwNmMtMTcuNjQ4LDAtMzIsMTQuMzUyLTMyLDMyczE0LjM1MiwzMiwzMiwzMnMzMi0xNC4zNTIsMzItMzJTMjczLjY0OCwyMDYsMjU2LDIwNnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTc2LDIwNmMtMTcuNjQ4LDAtMzIsMTQuMzUyLTMyLDMyczE0LjM1MiwzMiwzMiwzMnMzMi0xNC4zNTIsMzItMzJTMTkzLjY0OCwyMDYsMTc2LDIwNnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNOTYsMjA2Yy0xNy42NDgsMC0zMiwxNC4zNTItMzIsMzJzMTQuMzUyLDMyLDMyLDMyczMyLTE0LjM1MiwzMi0zMlMxMTMuNjQ4LDIwNiw5NiwyMDZ6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTMzNiwyMDZjLTE3LjY0OCwwLTMyLDE0LjM1Mi0zMiwzMnMxNC4zNTIsMzIsMzIsMzJjMTcuNjQ4LDAsMzItMTQuMzUyLDMyLTMyICAgICBTMzUzLjY0OCwyMDYsMzM2LDIwNnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNDE2LDI3MGMxNy42NDgsMCwzMi0xNC4zNTIsMzItMzJzLTE0LjM1Mi0zMi0zMi0zMmMtMTcuNjQ4LDAtMzIsMTQuMzUyLTMyLDMyICAgICBTMzk4LjM1MSwyNzAsNDE2LDI3MHoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjU2LDI4NmMtMTcuNjQ4LDAtMzIsMTQuMzUyLTMyLDMyczE0LjM1MiwzMiwzMiwzMnMzMi0xNC4zNTIsMzItMzJTMjczLjY0OCwyODYsMjU2LDI4NnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTc2LDI4NmMtMTcuNjQ4LDAtMzIsMTQuMzUyLTMyLDMyczE0LjM1MiwzMiwzMiwzMnMzMi0xNC4zNTIsMzItMzJTMTkzLjY0OCwyODYsMTc2LDI4NnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNOTYsMjg2Yy0xNy42NDgsMC0zMiwxNC4zNTItMzIsMzJzMTQuMzUyLDMyLDMyLDMyczMyLTE0LjM1MiwzMi0zMlMxMTMuNjQ4LDI4Niw5NiwyODZ6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTMzNiwyODZjLTE3LjY0OCwwLTMyLDE0LjM1Mi0zMiwzMnMxNC4zNTIsMzIsMzIsMzJjMTcuNjQ4LDAsMzItMTQuMzUyLDMyLTMyICAgICBTMzUzLjY0OCwyODYsMzM2LDI4NnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNDE2LDI4NmMtMTcuNjQ4LDAtMzIsMTQuMzUyLTMyLDMyczE0LjM1MiwzMiwzMiwzMmMxNy42NDgsMCwzMi0xNC4zNTIsMzItMzIgICAgIFM0MzMuNjQ4LDI4Niw0MTYsMjg2eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yNTYsMzY2Yy0xNy42NDgsMC0zMiwxNC4zNTItMzIsMzJjMCwxNy42NDgsMTQuMzUyLDMyLDMyLDMyczMyLTE0LjM1MiwzMi0zMiAgICAgQzI4OCwzODAuMzUxLDI3My42NDgsMzY2LDI1NiwzNjZ6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE3NiwzNjZjLTE3LjY0OCwwLTMyLDE0LjM1Mi0zMiwzMmMwLDE3LjY0OCwxNC4zNTIsMzIsMzIsMzJzMzItMTQuMzUyLDMyLTMyICAgICBDMjA4LDM4MC4zNTEsMTkzLjY0OCwzNjYsMTc2LDM2NnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNOTYsMzY2Yy0xNy42NDgsMC0zMiwxNC4zNTItMzIsMzJjMCwxNy42NDgsMTQuMzUyLDMyLDMyLDMyczMyLTE0LjM1MiwzMi0zMiAgICAgQzEyOCwzODAuMzUxLDExMy42NDgsMzY2LDk2LDM2NnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMzM2LDM2NmMtMTcuNjQ4LDAtMzIsMTQuMzUyLTMyLDMyYzAsMTcuNjQ4LDE0LjM1MiwzMiwzMiwzMmMxNy42NDgsMCwzMi0xNC4zNTIsMzItMzIgICAgIEMzNjgsMzgwLjM1MSwzNTMuNjQ4LDM2NiwzMzYsMzY2eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik00MTYsMzY2Yy0xNy42NDgsMC0zMiwxNC4zNTItMzIsMzJjMCwxNy42NDgsMTQuMzUyLDMyLDMyLDMyYzE3LjY0OCwwLDMyLTE0LjM1MiwzMi0zMiAgICAgQzQ0OCwzODAuMzUxLDQzMy42NDgsMzY2LDQxNiwzNjZ6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiM1QzU0NkE7IiBkPSJNNjQsOTBjLTYuNjI1LDAtMTItNS4zNzEtMTItMTJWMjJjMC02LjYyOSw1LjM3NS0xMiwxMi0xMnMxMiw1LjM3MSwxMiwxMnY1NiAgICAgQzc2LDg0LjYyOSw3MC42MjUsOTAsNjQsOTB6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiM1QzU0NkE7IiBkPSJNNDQ4LDkwYy02LjYyNSwwLTEyLTUuMzcxLTEyLTEyVjIyYzAtNi42MjksNS4zNzUtMTIsMTItMTJzMTIsNS4zNzEsMTIsMTJ2NTYgICAgIEM0NjAsODQuNjI5LDQ1NC42MjUsOTAsNDQ4LDkweiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGRDIwMDsiIGN4PSI5NiIgY3k9IjIzOCIgcj0iMzIiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGOTYwMDsiIGN4PSIyNTYiIGN5PSIzOTgiIHI9IjMyIi8+Cgk8L2c+Cgk8Zz4KCQk8Y2lyY2xlIHN0eWxlPSJmaWxsOiNGRjRGMTk7IiBjeD0iMzM2IiBjeT0iMzE4IiByPSIzMiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	}


.year_scroll{
	width:100%;
	overflow-x:auto;
	display:inline-block;
	height:37px;
	margin-bottom:0px;
	border:1px solid #fafafa;
	line-height:30px;
	text-align: center;
}
.year_scroll a{
	font-size:16px;
	display:inline-block;
	margin-right:15px;
}
.year_scroll a:hover{
	font-size:17px;
}
.year_scroll .dropdown{
	position: absolute;
	display:block;
	left:0px;
	top:30px;
	width:100%;
	background: #daf3ff;
	z-index: 1;
	padding:15px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.18);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:5px;
	text-align: left;
	display:none;
}
.year_scroll .dropdown a{
	font-weight: normal;
	font-size:18px;
	border:1px solid #fafafa;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	box-shadow: none;
	margin-right:5px;
	margin-bottom:5px;
	color:#165a87;
	background: #fff;
}
.year_scroll .dropdown a:hover{
	text-decoration: underline;
}
.year_scroll .dropdown a.cur{
	color:green;
	font-weight: normal;
}
.year_scroll .dropdown a.selected{
	text-decoration: underline;
}
.year_scroll a.cur{
	font-weight: bold;
	font-size:18px;

	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.18);
}
.year_scroll a.dropped{
	background: #daf3ff;
	border:none;
	box-shadow: none;
	border-radius:10px 10px 0px 0px;
}
.year_scroll a.cur.arrow_down{
  padding-right:30px;
}
.year_scroll a.cur.arrow_down::after{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid gray;
  font-size: 0;
  line-height: 0;
  float: left;
  content:"";
  position: absolute;
	top:12px;
  right:10px;
}
.year_scroll a.next_, .year_scroll a.prev_{
	opacity:0.7;
}


.month_scroll{
	width:100%;
	display:inline-block;
	margin-bottom:0px;
	line-height:25px;

	-moz-columns: 150px 4;
	-webkit-columns: 150px 4;
	columns: 150px 4;

}
.month_scroll a{
	font-size:18px;
	width:100%;
	display:inline-block;
	float:left;
	line-height:30px;
	margin-bottom:10px;
	border:1px solid #dadada;
	padding-left:10px; padding-right:10px;
	border-radius:5px;
	border-bottom:1px solid #888;
	margin-right:15px;
}
.month_scroll a.selected{
	font-weight: bold;
	font-size:18px;

}

.month_div{
	float:left;
	width:32%;
	min-width:160px;
	height:320px;
	margin-bottom:20px;
	border-radius:4px;
	display:block;
	margin-right:1%;
	overflow: hidden;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.18);
	/*overflow:hidden;*/
}
.month_div.one{
	width:98%;
	height:auto;
	margin-top:15px;
	padding-bottom:20px;
}
.month_div:nth-child(3n).not(:first-child){
	margin-right:0px;
}
.calendar_year{
	display:inline-block;
	width:100%;
	padding-left:25px;
	padding-right:10px;
	padding-top:25px;
	padding-bottom:25px;
	font-size:40px;
	font-weight:normal;
	text-shadow: 1px 1px 3px #fff;
	line-height:55px;
	text-align:left;
	color:#3598D0;
	border-left:10px solid #3598D0;
	/*border-bottom:1px solid #87bddb;*/
	margin-bottom:5px;

	margin-top:20px;
	/*background: url(css_images/bg_abstract_blue_2.png?v8) no-repeat right;
	padding-right:100px;
	background-size: auto 100%;*/
	background:#fafafa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.calendar_year .tworows{
	padding-top:5px;
	padding-bottom:5px;
}
.calendar_year strong{
	/*font-size:60px;*/
	font-weight:bold;
	/*line-height:60px;*/
	color:#3598D0;
	/*display:inline-block;
	width:100%;*/
	/*margin-top:10px;
	height:60px;*/
	/*padding-left:10px; padding-right:10px;*/
	/*border-radius:10px;*/
	border-bottom:2px solid #F9A40E;

}
.h1_onerow{
	display:inline-block;
	width:100%;
	padding-left:20px;
	font-size:36px;
	height:80px;
	text-shadow: 1px 1px 3px #fff;
	line-height:80px;
	color:#3598D0;
	border-left:10px solid #3598D0;
	margin-bottom:30px;
	margin-top:10px;
	background: url(css_images/bg_abstract_blue_2.png?v8) no-repeat right;
	background-size: auto 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.calendar{
	float:left;
	width:100%;
	min-height:225px;
  overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.calendar caption{
	display: table-caption;
	text-align: left;
	width:100%;
}
.calendar .month_title{
	width:100%;
	overflow:hidden;
	display:inline-block;
	color:#fff;
	/*height:35px;
	line-height:35px;
	text-indent:10px;*/
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:35px;

	text-decoration:none;
	background:#0F77C1;
	margin-bottom:10px;
	font-size:20px;
	border-radius:5px 5px 0px 0px;
}
/*
.calendar .month_title:nth-child(2n){
	background: black!important;
}*/

.month_div.one .month_title{
	/*height:50px;
	text-indent:20px;*/

	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:22px;

}
.calendar .month_title a{
  color:#fff;
  text-decoration: none;
  border-bottom:1px dashed #fff;
}
.calendar .month_title a:hover{
	text-decoration:none;
}
.month_div.weather .month_title{
	height:50px;
	text-indent:20px;
	line-height:50px;
	font-size:22px;
}

.month_div .month_sum{
	width:100%;
	overflow:hidden;
	display:block;
	color:#464646;
	min-height:40px;
	line-height:20px;
	position:absolute;
	bottom:10px; left:0px;
	font-size:14px;
	text-align: center;;
}
.month_holidays{
	width:98%;
	margin-bottom:20px;
	margin-top:0px;
	overflow:hidden;
	display:inline-block;;
	color:#464646;
	line-height:22px;
	font-size:15px;
	text-align: left;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	border: 1px solid #5cff36;
	border-radius:10px;
	background: #eaffe5;
	padding-left:15px;

}
.month_div.one .month_sum{
	position: relative;
	bottom:auto;
	left:auto;
	margin-top:10px;
	display:inline-block;
	font-size:16px;
}
.month_div.one .month_sum span{
	font-size:14px;
}
.month_div .month_sum span{
	font-size:12px;
	color:#444;
}

.calendar .head{
	width:100%;
	overflow:hidden;
	display: inline-block;
	color:gray;
	font-size:12px;

}
.calendar .day{
	text-align:center;
	width:12.5%;
	height:30px;
	line-height:30px;
	overflow:hidden;
	display:block;
	float:left;
  border-radius:2px;
	color:black;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
  margin-top:2px;
	position:relative;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.calendar.week .day{
	width:10.7%;
}
.calendar.week .day.week{
	color:gray;
	background: #e7e7e7;
	font-style: italic;
	font-size:14px;
}


.month_div .calendar .day.weekin{
	color:#888;
}
.month_div.one .calendar .day{
	height:40px;
	width:13.6%;
	line-height:40px;
	font-size:18px;
}

.weather.month_div .calendar .day{
	height:130px;
	width:13.6%;
	line-height:60px;
	font-size:18px;
	border:1px solid #dadada;
}
.weather.month_div .calendar .day img{
	width:50px; height:50px;
}
.weather.month_div .calendar .day.without{
	height:40px;
	line-height:40px;
}
.weather.month_div .calendar .day.weekin{
	border:none;
	line-height:40px;
	height:40px;
}
.moon {
  background: black;
  border-radius: 50%;
  display: inline-block;
}
.month_div .calendar .day.moon{
	height:120px;
	margin-bottom:10px;
}
.calendar .day.moon font{
	color:white;
}
.month_div .calendar .day.moon .moon_illumination{
	height:20px;
	color:gray;
	width:100%;
	margin-top:10px;
	display:inline-block;
	line-height:20px;
	font-size:12px;

}
.moonbox{
	width:100%;
	float:left;
	background:#fff;
	border:1px solid #dadada;
	border-radius:4px;
	padding:0px;
	padding-bottom:15px;
	/*margin-top:15px;*/
	text-align:center;
	margin-bottom:10px;
	position:relative;
	font-family:Verdana, Arial, sans-serif;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.moonbox .h1{
	float:left !important;
	width:100% !important;
	color:black;
	font-weight:normal !important;
	font-size:20px !important;
	margin-bottom:20px !important;
	margin-top:0px !important;
	line-height:30px !important;

}

.moonbox .label{
	height:25px;
	line-height:25px;
	text-align: center;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	border-radius:25px;
	background:#F99216;
	color:#fff;
	text-shadow: 1px 1px 1px #555;

}

.moon_today {

	padding:40px;
  background: gray;
	width:100%;
	float:left;
  display: inline-block;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sun_today {
	padding:0px;
  background: gray;
	width:100%;
	min-height:250px;
	float:left;
	overflow: hidden;
  display: inline-block;
	margin-top:30px;
	border-radius:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sun_today .sun{
	width:100px;
	height:100px;
	border-radius:100px;
	background-image: radial-gradient(#F5F5F5, #F1E458, #DEB838);

	z-index:1; position:relative;
	box-shadow: 0px 0px 30px rgba(242, 238, 62, 0.38);
	animation: sun-bg 3s infinite;
}

.sun_today .sun.rise{
		background-image: radial-gradient(#F5F5F5, #F1E458, #DEB838);
}

.sun_today .sun.set{
		background-image: radial-gradient(#F5F5F5, #F1E458, #DEB838);
}

@keyframes sun-bg{
	0% {box-shadow: 0px 0px 20px rgba(242, 238, 62, 0.38);}
	50% {box-shadow: 0px 0px 20px rgba(242, 238, 62, 1);}
	100%{ box-shadow: 0px 0px 20px rgba(242, 238, 62, 0.38);}
}

.moonbox .moon_today{
	padding:5px;
}
.moon1{
	z-index:1; position:relative;
	box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.18);
	border-radius:50%;
	animation: moon-bg 3s infinite;
}

@keyframes moon-bg{
	0% {box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.18);}
	50% {box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.48);}
	100%{ box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.18);}
}

.night-stars.night {
    position: relative;

    height: 100%;
    /* The dark blue to slightly-less-dark blue gradient */
		background-color: #032a54;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#011428), to(#032a54));
    background-image: -moz-linear-gradient(top, #011428, #032a54);
    background-image: -ms-linear-gradient(top, #011428, #032a54);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #011428), color-stop(100%, #032a54));
    background-image: -webkit-linear-gradient(top, #011428, #032a54);
    background-image: -o-linear-gradient(top, #011428, #032a54);
    background-image: linear-gradient(top, #011428, #032a54);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#011428', endColorstr='#032a54', GradientType=0);
    margin-bottom: 10px;
}
.night-stars.day {
    position: relative;

    height: 100%;
    /* The dark blue to slightly-less-dark blue gradient */
		background-color: #64C5F4;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#398DCD), to(#64C5F4));
    background-image: -moz-linear-gradient(top, #398DCD, #64C5F4);
    background-image: -ms-linear-gradient(top, #398DCD, #64C5F4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #398DCD), color-stop(100%, #64C5F4));
    background-image: -webkit-linear-gradient(top, #398DCD, #64C5F4);
    background-image: -o-linear-gradient(top, #398DCD, #64C5F4);
    background-image: linear-gradient(top, #398DCD, #64C5F4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#398DCD', endColorstr='#64C5F4', GradientType=0);
    margin-bottom: 10px;
}

.night-stars div {
    width: 100%;
    height: 100%;
    position: absolute;
		z-index: 0;
}

.night-stars .large {
    background: url('css_images/stars_large.png');
}

.night-stars .medium {
    background: url('css_images/stars_medium.png');
}

.night-stars .small {
    background: url('css_images/stars_small.png');
}

.moon_illumination_row{
	height:40px;
	color:gray;
	width:100%;
	text-align: center;
	margin-top:10px;
	display:inline-block;
	line-height:40px;
	font-size:24px;
}
.calendar .day font{
	display:block;
	float:left;
	position:relative;
	color:black;
	width:100%;}
.month_div.one .calendar .day font{
	height:40px;
	line-height:40px;

}
.calendar .day font span{
	position:absolute;
	right:0px;
	font-size:8px;
	font-weight:normal !important;
	background:gray;
	color:white;
	border-radius:2px;
	height:10px;
	line-height:10px;
	padding-left:2px;
	padding-right:2px;}

.calendar .day.holiday{
		border-radius:2px;
		background:#80d1ff;
	  color:#fff;
	}
.calendar .day.holiday font{
	background:#3598D0;
  color:#fff;}



.calendar .day.dayholi{
	background:orange !important;
  color:#fff;
}
.calendar .day.dayholi font{
  color:#fff;
}
.calendar .day.daytitle::after{
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	background:#ef8100;
	width:8px;
	border-radius:8px;
	height:8px;
	content:"";
	}
.calendar .day.today{

	border:1px dashed green;}

.calendar .day.today font{

}
.calendar .day.today::before{
	display:block;
	position:absolute;
	top:3px;
	left:3px;
	background:#38ff38;
	width:8px;
	z-index: 1;
	border-radius:8px;
	height:8px;
	content:"";
}
.calendar .day.today font span{
	font-weight:normal !important;}

.calendar .day .daytask{
	display:block;
	width:100%;
	height:12px;
	line-height:13px;
	float:left;
	overflow:hidden;
	background:#50a5de;
	margin-bottom:1px;
	color:white;
	text-align:left;
	font-size:10px;
	text-indent:2px;}
.calendar .day .daytask.done{
	text-decoration:line-through;}

.daydate{
	width:100%;
	text-align:center;
	float:left;
	font-size:16px;
	background:#fafafa;
	line-height:40px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:4px;
}

.calendar_page.month h1{
	width:100%;
	text-align:center;
	float:left;
	font-size:22px;
	line-height:30px;
	min-height:30px;
	margin-top:10px;
	margin-bottom:10px;
}

.calendar.month{
	float:left;
	width:100% !important;
	height:350px;
	margin-bottom:20px;
	overflow:hidden;
	display:block;
	margin-right:8px;
	border:1px solid #e7e7e7;
}
.calendar.month .head{
	width:100%;
	float:left;
	overflow:hidden;
	display:block;
	color:gray;
	font-size:12px;
	height:50px !important;
}
.calendar.month .row{
	width:100%;
	float:left;
	overflow:hidden;
	display:block;
	font-size:16px;
	height:45px !important;
}
.calendar.month .day{
	text-align:center;
	max-width:95px;
	min-width:35px;
	width:13%;
	height:43px;
	line-height:43px;
	overflow:hidden;
	display:block;
	float:left;
	color:black;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	position:relative;
}
.calendar.month .day.today{
	width:93px !important;
	height:41px;
	line-height:41px;
	border:1px solid #e7e7e7;}
.calendar_prev_btn,.calendar_next_btn{
	color: #fff;
    text-shadow: 0px 1px 0 #13587d;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
    border: 1px solid #2a2a2a;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
	margin-bottom:20px;
	text-decoration:none !important;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    border-radius: 4px;
    cursor: pointer;
	background-image: -moz-linear-gradient(top bottom , #2869ab 0%, #357cca 100%);
	background: -webkit-linear-gradient(#357cca, #2869ab);

	background: linear-gradient(to bottom,  #357cca 0%,#2869ab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#357cca", endColorstr="#2869ab",GradientType=0 ); /* IE6-9 */

	background-color:#357cca;
}


.holiday_div{
width:100%;
display:inline-block;
text-align:left;
border-bottom:1px solid #f5f5f5;
padding-top:20px;
padding-bottom:20px;

}

.holiday_div .date{
	width:150px;
	height:130px;
	background: white;
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.18);
	border-radius:5px;
	overflow: hidden;
	margin-right:30px;
	font-weight: bold;
	float:left;
}
.holiday_div .date .month{
	height:35px;
	width:100%;
	background: #3598D0;
	line-height:35px;
	color:white;
	font-size:16px;
	text-align: center;
	position: relative;
}
.holiday_div .date .month::before{
	position: absolute;
	width:6px;
	content:"";
	display:block;
	height:6px;
	left:10px;
	top:14px;
	background: white;
	border-radius:6px;
}
.holiday_div .date .month::after{
	position: absolute;
	width:6px;
	content:"";
	display:block;
	height:6px;
	right:10px;
	top:14px;
	background: white;
	border-radius:6px;
}
.holiday_div .date .day{
	width:100%;
	font-size:50px;
	line-height:60px;
	margin-top:5px;
	height:60px;
	color:#3598D0;
	text-align: center;
}
.holiday_div .date .year{
	width:20px;
	text-align: center;
	color:#3598D0;
	line-height:20px;
	width:100%;
}
.holiday_div .name{
	font-weight: bold;
	line-height:30px;
	font-size:20px;
	color:#444444;
	width:100%;
}
.holiday_div .name_date{
	width:100%;
	margin-top:10px;
	line-height:30px;
	font-size:16px;
	color:#444444;
}

.calendar2{
	width:100%;
	display:inline-block;
	margin-bottom:20px;
}
.calendar2 thead{
	width:100%;
	display:inline-block;
}
.calendar2 tbody{
	width:100%;
	display:inline-block;
}
.calendar2 .row{
	width:100%;
	display:inline-block;
}
.calendar2 .day_{
	width:13.7%;
	height:37px;
	margin-right:0.5%;
	margin-bottom:5px;
	display:inline-block;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.calendar2 .day_label{
	display:inline-block;
	float:left;
	width:13.7%;
	height:35px;
	color:gray;
	line-height:35px;
	text-align: center;
	margin-right:0.5%;
	margin-bottom:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.calendar2 .day_label.weekend{
	background: #3598D0;
	color:white;
}
.calendar2 .day{
	display:inline-block;
	float:left;
	width:13.7%;
	height:35px;
	border:1px solid #dadada;
	border-radius:5px;
	line-height:35px;
	text-align: center;
	margin-right:0.5%;
	margin-bottom:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.calendar2 .day.weekend{
	background: #3598D0;
	color:white;
}
.calendar2 .day img{
	display:inline-block;
	margin-top:7px;
}
/*========= mobile ============ */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {

}

@media only screen and (max-width: 1000px) {
.calendar_row{
	padding-left:2%;
	padding-right:2%;
	width:96%;
}
.calendar_year{
	font-size:40px;
	line-height:55px;
}
	.homebox{
		margin-left:0px;
		width:96%;
		margin-right:0px;
	}

  .month_div{
  	width:98%;
    height:auto;
		margin-left:1%;
		margin-right:1%;

  }
  .calendar{
    height:auto;
  }

	.year_scroll{
		margin-top:3px;
		height:50px;
		padding-left:10px;
		line-height:46px;
	}
	.year_scroll a.cur.arrow_down::after{
		top:20px;
	}
	.year_scroll a{
		font-size:18px;
	}
	.year_scroll .dropdown{
		top:56px;

	}
	.year_scroll .dropdown a{

		display: -webkit-box;
    -webkit-box-flex: 1;
	}
	.month_div .month_sum{
		position: relative;
		display:inline-block;
		bottom:auto;
		left:auto;
		margin-top:10px;
		margin-bottom:10px;
	}

}

@media only screen and (max-width: 768px) { /*ipad*/
	.columns{width:100%;}


}

@media only screen and (max-width: 620px) {
	.columns{width:100%;}


}

@media only screen and (max-width: 450px) {
	.columns{width:100%;}



}

@media only screen and (max-width: 320px) {
	.columns{width:100%;}

	.bookmark_box{display:none;}


}