/**
======================================================

 * COMMONS * 
 
======================================================
*/

.ffm_calendar {
	background: url(../images/ffm_calendar_bg.png) top left repeat;
	font-family: 'Roboto';
	color: #333;
    padding: 50px;
    margin-top: -34px;
    position: relative;
}

.ffm_calendar h1 {
	font-family: 'Roboto';
	color: #fff;
}

.font_custom {
	font-family: 'Roboto';
}

.ffm_calendar a {
	text-decoration: none;
}

.ffm_calendar p {
	margin: 0;
}

.ffm_calendar  .main_container {
	width: 1040px;
	margin: 0 auto;
}

.ffm_calendar  .cleardiv {
	clear: both;
}


/**
======================================================

 * HEADER * 
 
======================================================
*/

.header_container {
	width: 1040px;
	height: 60px;
	/*margin-top: 35px;*/
}

/*** month and navigation ***/

.month_container_all {
	float: left;
	width: 518px;
}

.month_container {
	float: left;
	position: relative;
	width: 342px;
	height: 46px;
	/*background: url(../images/ffm_calendar_sprite.png);
	background-position: 0px 0px;*/
    background: #333;
    border-radius: 5px;
}

.month_name {
	width: 342px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	position: absolute;
	font-size: 30px;
}

.month_year {
	text-align: right;
	padding-right: 9px;
	margin-top: 20px;
	color: #fff;
}

.month_nav_container {
	float: left;
}

.mont_nav_button_container {
	float: left;
	margin-top: 4px;
}

.month_nav_button {
	background: url(../images/ffm_calendar_sprite.png);
	width: 38px;
	height: 38px;
	float: left;
	display: block;
	margin-left: 10px;
}

.month_nav_button_prev {
	background-position: -370px 0px;
}

.month_nav_button_prev:hover {
	background-position: -420px 0px;
}

.month_nav_button_next {
	background-position: -470px 0px;
	
}

.month_nav_button_next:hover {
	background-position: -520px 0px;
}

/****** view type *****/
.view_type_container {
	margin-top: 6px;
}

.view_type_button {
	width: 80px;
	height: 20px;
	float: left;
	margin-right: 6px;
}

.view_type_button a {
	width: 80px;
	height: 20px;
	display: block;
	background-color: #333333;
	text-align: center;
	color: #fff;
	line-height: 20px;
	font-size: 14px;
}

.view_type_button a:hover {
	background-color: #567BD2;
}

/****  filter select  ***/

.select_search_container {
	float: left;
	width: 520px;
}

.select_container_all {
	width: 520px;
	height: 22px;
}

.select_calendar_container {
	float: right;
}

.select_calendar_message {
	float: right;
	margin-right: 10px;
    line-height: 30px;
}

.search_container {
	width: 520px;
	height: 30px;
	margin-top: 15px;
}

.search_input {
	float: right;
}

.search_input_button {
	float: right;
}


/**
======================================================

 * CALENDAR * 
 
======================================================
*/

.calendar_container_all {
	width: 1062px;
	margin-top: 30px;
}

/*** name days  ***/

.name_days_container {
	width: 1040px;
	height: 30px;
	margin: 10px 0;
}

.day_name {
	width: 143px;/*width: 132px;*/
	height: 30px;
	line-height: 30px;
	color: #666;
	text-align: center;
	font-family: 'Roboto';
	font-size: 16px;
	float: left;
	margin-right: 6px;
}

/*** days ***/

.day_container {
	width: 145px;/*width: 132px;*/
	height: 70px;
	float: left;
	margin-right: 6px;
	margin-bottom:6px;
}

.day_container a {	
	width: 132px;
	height: 70px;
	display: block;
	float: left;
	background: url(../images/ffm_calendar_sprite.png);
}


.day_grey a {
	background-position: -150px -60px;
}

.day_black a {
	background-position: 0px -270px;
}

.day_white a {
	background-position: 0px -60px;
}

.day_black a .day_number,
.day_black a .day_slots,
.day_black a .day_book {
	color: #fff;
}

.day_number {
	float: left;
	width: 26px;
	margin-left: 6px;
	height: 30px;
	margin-top: 6px;
	line-height: 30px;
	font-size: 24px;
	color: #999;
    font-size: 20px; /* Od mene dodadeno */
}

.day_book {
	float: left;
	width: 94px;
	height: 30px;
	line-height: 30px;
	margin-left: 6px;
	margin-top: 6px;
	text-align: left;
	color: #999;
    font-size: 14px; /* Od mene dodadeno */
}

.day_slots {
	color: #d7282c;
	width: 126px;
	margin-left: 6px;
	margin-top: 5px;
    font-size: 14px; /* Od mene dodadeno */
}



/**
======================================================

 * BOX PREVIEW * 
 
======================================================
*/

.box_preview_container_all {
	background-color: #fff;
	border: 3px dashed #d7282c;
	position: fixed;
	z-index: 100;
	top: 300px;
	padding: 10px;
}

.box_preview_title {
	font-size: 20px;
	color: #333;
    text-align: center;
    margin: 5px 0px 10px 0px;
}

.box_preview_list_container {
	margin-top: 10px;
}

.box_preview_column {
	float: left;
}

.box_preview_header_list {
	height: 20px;
	border-bottom: 1px dotted #d7282c;
	font-size: 16px;
	color: #999;
}

.box_preview_header_time {
	float: left;
	width: 70px;
	height: 20px;
	line-height: 20px;
}

.box_preview_header_time_am {
	width: 60px;
	float: left;
	height: 20px;
	line-height: 20px;
}

.box_preview_header_name {
	float: left;
	min-width: 225px;
	height: 20px;
	line-height: 20px;
}

.box_preview_header_available {
	float: right;/*float: left;*/
	/*width: 62px;*/
	height: 20px;
	line-height: 20px;
	text-align: right;
}

.box_preview_row_time {
	float: left;
	width: 70px;
	height: 35px;
	line-height: 35px;
}

.box_preview_row_time_am {
	width: 70px;
	float: left;
	height: 35px;
	line-height: 35px;
}

.box_preview_row_name {
	float: left;
	min-width: 225px;/*width: 378px;*/
	height: 35px;
	line-height: 35px;
}

.box_preview_row_available {
	float: right;/*float: left;*/
	/*width: 62px;*/
	height: 35px;
	line-height: 35px;
	text-align: right;
    font-size: 14px;
}


.box_preview_row {
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	border-bottom: 1px dotted #999;
}


/**
======================================================

 * EVENT LIST * 
 
======================================================
*/

/*.events_container_all {
	width: 1040px;
	margin-top: 30px;
}

.close_booking {
	float: right;
	text-align: right;
	font-size: 16px;
}

.close_booking a {
	color: #666;
}

.close_booking a:hover {
	color: #567BD2;
}*/

/* event list */

/*.event_filters_container {
	float: right;
}

.events_container {
	position: relative;
	width: 950px;
	background-color: #fff;
	padding: 10px;
	font-size: 16px;
	margin-bottom: 20px;
}

.preview_event_container {
	width: 950px;
}

.preview_event_leftside {
	width: 100px;
	float: left;
}

.preview_event_rightside {
	float: left;
	width: 820px;
	margin-left: 30px;
}

.preview_event_title {
	width: 820px;
	margin-bottom: 10px;
	font-size: 18px;
}

.preview_event_thumb {
	float: left;
	width: 100px;
	height: 75px;
	text-align:center;
}

.preview_event_information {
	width: 820px;
	height: 34px;
	margin-bottom: 10px;
}

.preview_event_information_box {
	float: left;
	margin-right: 10px;
	background-color: #eee;
	padding: 6px;
	color: #666;
}

.preview_event_text {
	width: 820px;
	margin-bottom: 9px;
}

.preview_event_text p {
	margin:0;
	padding:0;
}

.preview_event_buttons_container {
	width:300px;
	height:30px;
}

.preview_event_button{
	float: left;
	width: 100px;
	height: 30px;
	display: block;
	background-image: url(../images/ffm_calendar_sprite.png);
	font-family: 'Roboto';
	text-align: center;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.preview_event_button_buy {
	float: left;
	width: 164px;
	height: 50px;
	display: block;
	background-image: url(../images/ffm_calendar_sprite.png);
	font-family: 'Roboto';
	text-align: right;
	line-height: 55px;
	color: #fff;
	font-size: 20px;
}

.preview_event_button_disabled{
	background-position: -590px -119px;
}

.readmore_button,
.booknow_small_button {
	background-position: -150px -290px;
}

.readmore_button:hover {
	background-position: -260px -290px;
}

.buy_tickets_button {
	background-position: -370px -290px;
}

.buy_tickets_button:hover {
	background-position: -480px -290px;
}

.buy_tickets_button_big {
	background-position: -560px -225px;
}

.buy_tickets_button_big:hover {
	background-position: -735px -225px;
}

.readmore_button:hover {
	background-position: -260px -290px;
}

.booknow_small_button:hover {
	background-position: -770px -60px;
}

.list_event_line_divide {
	width: 950px;
	height: 1px;
	border-bottom: 1px dotted #666;
	margin: 20px 0 20px 0;
}*/


/**
======================================================

 * SEARCH EVENT LIST * 
 
======================================================
*/

/*.page_list_button {
	float: left;
	display: block;
	background-image: url(../images/ffm_calendar_sprite.png);
	font-family: 'Roboto';
	text-align: center;
	color: #fff;
	font-size: 11px;
	line-height: 34px;
}

.page_list_nav_button {
	width: 70px;
	height: 30px;
	background-position: -590px -60px;
}

.page_list_nav_button:hover {
	background-position: -670px -60px;
}

.page_list_nav_button_disabled {
	width: 70px;
	height: 30px;
	background-position: -750px -60px;
}

.page_list_number_button {
	width: 35px;
	height: 30px;
	background-position: -590px -100px;
	margin-right: 10px;
}

.page_list_number_button:hover {
	width: 35px;
	height: 30px;
	background-position: -630px -100px;
}*/


/**
======================================================

 * EVENT * 
 
======================================================
*/

/*.event_nav_buttons_container {
	width: 1040px;
	height: 30px;
	margin-bottom: 10px;
}

.event_buttons_container {
	width: 670px;
	height: 30px;
	margin-bottom: 10px;
}

.back_list_button {
	width: 140px;
	background-position: -150px -325px;
}

.back_list_button:hover {
	background-position: -300px -325px;
}

.nav_event_button {
	background-position: -590px -290px;
}

.nav_event_button:hover {
	background-position: -700px -290px;
}

.event_leftside {
	float: left;
	width: 250px;
}

.event_rightside {
	float: left;
	width: 670px;
	margin-left: 30px;
}

.title_share_container {
	float: left;
	width: 800px;
}

.events_title {
	float: left;
	width: 550px;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	padding-top: 5px;
	word-spacing: 5px;
}

.events_title_inside {
	font-size: 22px;
	padding-top: 5px;
	word-spacing: 5px;
	margin: 0 0 10px 0;
}

.div_height {
	width: 950px;
	height: 15px;
}

.event_file_container {
	width: 950px;
	margin-top: 30px;
}

.event_left_container {
	float: left;
	width: 250px;
	margin-right: 30px;
}

.event_right_container {
	float: left;
	width: 670px;
}

.event_info_container {
	width: 250px;
	background-color: #EEE;
	margin-bottom: 20px;
	padding: 10px 0;
}

.event_info_box {
	width: 250px;
	margin-bottom: 10px;
}

.event_info_title {
	font-family: 'Roboto';
	font-size: 16px;
	color: #fff;
	width: 150px;
	padding-left: 10px;
	height: 24px;
	background-color: #333;
	line-height: 28px;
	margin-bottom: 10px;
}

.event_info_row {
	width: 220px;
	margin-left: 10px;
	line-height: 25px;
}

.event_link_container {
	padding:10px 20px;
	margin-bottom:20px;
	width:210px;
}

.event_link {
	float:left;
	margin-right: 10px;
}

.event_link_buy {
	position: absolute;
	right: 0;
}

.book_now_button_container {
	margin-top: 20px;
}

.book_button {
	width: 210px;
	height: 48px;
	line-height: 55px;
	font-family: 'Roboto';
	font-size: 28px;
	background-position: -330px -160px;
}

.book_button:hover {
	background-position: -560px -160px;
}

.event_text {
	width: 660px;
	font-size: 17px;
	line-height: 25px;
	color: #333;
}*/

/***** twitter ***/

/*.twitter_user_icon {
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 22px;
}

.twitter_user_twit {
	float: left;
	width: 580px;
}

.twitter_user_name a {
	font-weight: bold;
	color: #333;
}

.twitter_user_name a:hover {
	color: #666;
}

.twitter_user_text a {
	color: #666;
}

.twit_divide {
	width: 668px;
	height: 1px;
	border-top: 1px dotted #333;
	margin: 10px 0;
}*/

/*** end twitter **/

.modal_loading {
	width:100px;
	height:100px;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-50px;
	position:absolute;
	z-index:40;
}

/*.modal_sfondo{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:30;
	background-color:#000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.5;
	filter:alpha(opacity=50);

}*/

.dim {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:30;
	background-color:#000;
    opacity:0.5;
	filter:alpha(opacity=50);
    top: 0;
    left: 0;
}

.custom_time_divide {
	width: 220px;
	margin: 5px 0 5px 10px;
	height: 1px;
	border-bottom: 1px dotted #333;
}

.external_link{
	color: #666;
}

.external_link:hover {
	color: #567BD2;
}

.modal_loading_twitter {
	width:70px;
	height:70px;
	top:50%;
	margin-top:-35px;
	left:50%;
	margin-left:-35px;
	position:absolute;
	z-index:40;
}

.modal_loading_flickr {
	width:200px;
	height:150px;
	top:50%;
	margin-top:-75px;
	left:50%;
	margin-left:-100px;
	position:absolute;
	z-index:40;
	text-align:center;
}


/**
======================================================

 * SEARCH * 
 
======================================================
*/


#search_event_label, #search_field {
	height: 28px;
	line-height: 30px;
}

.event_link_nav {
    float: left;
    margin-right: 10px;
}