/* ICONS */

.icon
	{font-weight:normal;font-family:websymbols;}
.icon_round
	{font-weight:normal;font-family:socialico;}



/* ELEMENT FOR CONTENT BLOCK */

.button font{vertical-align:top !important;}
.button
	{
	position:relative;
	display:inline-block;vertical-align:middle;
	padding:0 15px;margin:0;
	line-height:30px;text-decoration:none;
	color:#FFFFFF;
	border:0;
	background-color:#E20613;

	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}
.button .icon,
.button .icon_round
	{
	position:relative;display:block;float:left;
	margin-right:10px;
	vertical-align:middle;font-size:20px;line-height:32px;height:28px;
	}
.button.small .icon,
.button.small .icon_round
	{font-size:14px;line-height:20px;height:16px;}
.button.large .icon,
.button.large .icon_round
	{font-size:30px;line-height:44px;height:38px;}
.button:hover
	{
	color:#404040;
	background-color:#E1E1E1;

	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}
.button.small
	{padding:0 10px;line-height:18px;font-size:12px;}
.button.large
	{padding:0 20px;line-height:40px;font-size:20px;}
.button.round
	{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	}
.button.small.round
	{
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	}
.button.large.round
	{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
.bodytext .button .icon_round
	{font-family:socialico;}
.button_inline
	{
	display:block;
	position:relative;
	padding:2px 2px 2px 20px;margin:0;
	line-height:25px;font-size:12px;color:#E20613;text-decoration:none;
	text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;

	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}
.button_inline .icon
	{
	position:absolute;left:0;top:0;font-size:13px;text-align:center;
	width:20px;height:30px;line-height:30px;
	}
.button_inline.bordertop
	{border-top:1px solid #E2E2E2;}
.button_inline.borderbottom
	{border-bottom:1px solid #E2E2E2;}
.button_inline:hover
	{
	color:#E1E1E1;

	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}

.button_icon
	{
	display:inline-block;margin:0 1px;overflow:hidden;
	text-align:center;text-decoration:none;
	width:30px;height:30px;
	line-height:30px;font-size:20px;
	background-color:transparent;
	color:#404040;

	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	}

.button_icon.large
	{
	width:40px;height:40px;
	line-height:40px;font-size:25px;
	}
.button_icon.xlarge
	{
	width:60px;height:60px;
	line-height:1;
	}
.button_icon.right
	{float:right;}
.button_icon .icon
	{font-size:25px;line-height:26px;}
.button_icon .legend
	{display:block;font-size:12px;line-height:15px;margin-top:-10px;}
.button_icon.large .icon
	{font-size:25px;line-height:40px;height:40px;}
.button_icon.xlarge .icon
	{font-size:40px;line-height:60px;height:60px;}
.button_icon:hover
	{
	background-color:transparent;color:#E1E1E1;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	}

.button_icon.xlarge.legend
	{
	width:80px;height:80px;
	line-height:56px;
	}
.button_icon.no_border
	{border:0;}
.button_icon.no_border:hover
	{
	color:#E1E1E1;
	border:0;
	}

.button_icon.round
	{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	}
.button_icon.large.round
	{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
.button_icon.xlarge.round
	{
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	}


/* TOOLTIP */

.tooltip_box
	{
	position:absolute;z-index:10;display:none;
	background-color:#404040;
	padding:8px 10px;width:120px;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
.tooltip_box p
	{color:#FFFFFF;font-size:11px;margin:0;font-family:arial,helvetica;}
.tooltip_box span.arrow
	{
	display:block;
	border-color:transparent transparent #404040 transparent;
	border-style:solid;
	border-width:8px;
	height:0;width:0;
	position:absolute;top:-15px;left:60px;
	}


/* PAGER */

ul.pager
	{display:block;clear:both;list-style:none;margin:20px 0;padding:0;}
ul.pager li
	{display:inline-block;padding:0;margin:0;}
ul.pager li a
	{
	display:block;float:left;padding:0;margin:0;
	font-size:14px;line-height:30px;
	width:30px;height:30px;
	text-align:center;text-decoration:none;
	background-color:#FFFFFF;color:#404040;
	border:0;

	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}
ul.pager li.active a
	{
	font-weight:normal;font-family:circular-bold;
	background-color:#404040;color:#FFFFFF;
	}
.menu ul.pager li a:hover,
ul.pager li a:hover
	{
	background-color:#404040;color:#FFFFFF;

	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}
ul.pager.round li a
	{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	}

@media all and (max-width:640px)
	{
	.button_icon.xlarge
		{width:56px;height:56px;}
	.button_icon.xlarge .icon
		{font-size:30px;line-height:56px;}
	.button_icon .legend
		{font-size:12px;line-height:16px;}
	}