/**
 * CSS
 * @author Darío Ruellan
 * @copyright ecimTech 2012 / www.ecimtech.com
 */

#indexbox {
	position: relative;
	top: 0;
	left: 0;
	width: 650px;
	padding: 12px 22px;
	margin-left: 266px;
	font-size: 9pt;
	background: #F58020;
	border-top: 4px solid #FBB055;
	border-right: 4px solid #FBB055;
	border-left: 4px solid #FBB055;
}
#indexbox h4 {
	float: left;
	font-weight: bold;
	font-size: 1.3em;
	padding: 4px 26px 0 0;
	text-align: right;
}
#indexbox h4 em.month {
	display: block;
	color: white;
}
#indexbox ul {
	width: 670px;
	top: 0;
}

#indexbox ul li {
	margin: 0 16px 0 0;
	float: left;
	color: #231F20;
	font-weight: bold;
	text-transform: uppercase;
}
/*
.csstransforms #indexbox ul li {
	-webkit-transform: skew(0deg, -9deg);
	-moz-transform: skew(0deg, -9deg);
	transform: skew(0deg, -9deg);
}

*/

#indexbox ul li a {
	display: block;
	width: 40px;
	text-align: center;
	color: #B8292F;
	padding: 4px 5px;
	font-weight: bold;
	color: white;
	outline: 4px solid #FBB055;
	-moz-transition-duration: 0.3s;
	-moz-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-property: background-color, color;
	text-transform: uppercase;
}
#indexbox ul li a em {
	display: block;
	text-align: center;
	font-size: 1.5em;
}
#indexbox ul li a:hover {
	color: #B8292F;
	background: #FFCC01;
}
#indexbox ul li.today a {
	color: black;
	background: #FFCC01;
}