html,
body {
margin: 0px;
padding: 0px;
}   .font_bebas,
.font_cuprum { 	font-family: 'Open Sans', sans-serif; } .font_bold { font-weight: bold; }
.font_22 { font-size: 22px; }
.font_20 { font-size: 20px; }
.font_18 { font-size: 18px; }
.font_16 { font-size: 16px; }
.font_15 { font-size: 15px; }
.font_14 { font-size: 14px; }
.font_13 { font-size: 13px; }
.font_12 { font-size: 12px; } .margin_t_30 { margin-top: 30px; }
.margin_l_20 { margin-left: 20px; }
.margin_t_20 { margin-top: 20px; }
.margin_l_15 { margin-left: 15px; }
.margin_l_10 { margin-left: 10px; }
.margin_t_10 { margin-top: 10px; }
.margin_b_10 { margin-bottom: 10px; }
.margin_r_5 { margin-right: 5px; }
.margin_t_5 { margin-top: 5px; }
.margin_l_2 { margin-left: 2px; }
.margin_l_2p { margin-left: 2%; }
.margin_r_2p { margin-right: 2%; }
.margin_l_1p { margin-left: 1%; } .text_right { text-align: right; } .line_120p { line-height: 120%; } .width_100 { width: 100px; }
.width_100p { width: 100%; }
.width_98p { width: 98%; }
.width_95p { width: 95%; }
.width_90p { width: 90%; }
.width_88p { width: 88%; }
.width_80p { width: 80%; }
.width_75p { width: 75%; }
.width_69p { width: 69%; }
.width_64p { width: 64%; }
.width_60p { width: 60%; }
.width_50p { width: 50%; }
.width_40p { width: 40%; }
.width_35p { width: 35%; }
.width_30p { width: 30%; }
.width_25p { width: 25%; }
.width_23p { width: 23%; }
.width_20p { width: 20%; }
.width_10p { width: 10%; }
.width_8p { width: 8%; }
.width_7p { width: 7%; }
.width_5p { width: 5%; }
.width_3p { width: 3%; }
.width_2p { width: 2%; } .decoration_none { text-decoration: none; }
.word_space_5 { word-spacing: 5px; }
.position_relative { position: relative; } .events_main_container {
width: 100%;
margin: 0 auto;
}
.events_cleardiv {
clear: both;
} .float_left { float: left; }
.float_right { float: right; } .events_header_container {
width: 100%;
height: 60px;
margin-top: 14px;
} .events_month_container_all {
float: left;
width: 65%;
}
.events_month_container {
float: left;
position: relative;
width: 65%;
height: 46px;
}
.events_month_name {
width: 100%;
height: 46px;
line-height: 55px;
text-align: center;
position: absolute;
font-size: 28px;
}
.events_month_year {
font-size: 14px;
text-align: right;
padding-right: 6px;
margin-top: 26px;
}
.events_month_nav_container {
float: left;
}
.events_mont_nav_button_container {
float: left;
margin-top: 4px;
}
.events_month_nav_button {
background: url(//plusdelta.net/wp-content/themes/plusdelta/images/sprite.png);
width: 38px;
height: 38px;
float: left;
display: block;
margin-left: 15%;
}
.events_month_nav_button_prev {
background-position: 0px 0px;
}
.events_month_nav_button_prev:hover {
background-position: -50px 0px;
}
.events_month_nav_button_next {
background-position: -100px 0px;
}
.events_month_nav_button_next:hover {
background-position: -150px 0px;
} .events_view_type_container {
margin-top: 6px;
}
.events_view_type_button {
width: 80px;
height: 20px;
float: left;
margin-right: 6px;
}
.events_view_type_button a {
width: 80px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-size: 14px;
} .events_select_search_container {
float: left;
width: 35%;
}
.events_select_container_all {
width: 520px;
height: 22px;
}
.events_select_calendar_container {
float: right;
}
.events_select_calendar_message {
float: right;
margin-right: 10px;
}
.events_search_container {
width: 520px;
height: 30px;
margin-top: 15px;
}
.events_search_input {
float: right;
}
.events_search_input_button {
float: right;
} .events_calendar_container_all {
width: 100%;
margin-top: 30px;
} .events_name_days_container {
width: 100%;
height: 30px;
margin: 10px 0;
}
.events_day_name {
width: 13%;
height: 30px;
line-height: 30px;
color: #666;
text-align: center;
font-size: 13px;
float: left;
margin-right: 1%;
} .events_day_container {
width: 13%;
height: 70px;
float: left;
margin-right: 6px;
margin-bottom:6px;
}
.events_day_container a {	
width: 100%;
height: 70px;
display: block;
float: left;
border: 1px dashed #CCCCCC;
}
.events_day_black a .events_day_number,
.events_day_black a .events_day_slots,
.events_day_black a .events_day_book {
color: #fff;
}
.events_day_number {
float: left;
width: 20%;
margin-left: 5%;
height: 30px;
margin-top: 5%;
line-height: 30px;
font-size: 13px;
color: #999;
}
.events_day_book {
float: left;
width: 72%;
height: 30px;
line-height: 30px;
margin-left: 2%;
margin-top: 5%;
text-align: left;
color: #999;
font-size:12px;
}
.events_day_slots {
color: #00CC33;
width: 95%;
margin-left: 5%;
margin-top: 5%;
} .events_box_preview_container_all {
background-color: #fff;
border: 3px dashed #999;
position: fixed;
z-index: 100;
top: 300px;
padding: 10px;
}
.events_box_preview_title {
font-size: 18px;
color: #333;
}
.events_box_preview_list_container {
margin-top: 10px;
}
.events_box_preview_column {
float: left;
}
.events_box_preview_header_list {
height: 16px;
border-bottom: 1px dotted #666;
font-size: 13px;
color: #999;
}
.events_box_preview_header_time {
float: left;
width: 40px;
height: 16px;
line-height: 16px;
}
.events_box_preview_header_time_am {
width: 60px;
float: left;
height: 16px;
line-height: 16px;
}
.events_box_preview_header_name {
float: left;
min-width: 188px;
height: 16px;
line-height: 16px;
}
.events_box_preview_header_available {
float: left;
width: 62px;
height: 16px;
line-height: 16px;
text-align: right;
}
.events_box_preview_row_time {
float: left;
width: 40px;
height: 30px;
line-height: 30px;
}
.events_box_preview_row_time_am {
width: 60px;
float: left;
height: 30px;
line-height: 30px;
}
.events_box_preview_row_name {
float: left;
min-width: 188px;
height: 30px;
line-height: 30px;
}
.events_box_preview_row_available {
float: left;
width: 62px;
height: 30px;
line-height: 30px;
text-align: right;
}
.events_box_preview_row {
height: 30px;
line-height: 30px;
font-size: 15px;
border-bottom: 1px dotted #999;
} .events_container_all {
width: 970px;
margin-top: 30px;
}
.events_close_booking {
float: right;
text-align: right;
font-size: 16px;
}
.events_close_booking a {
color: #666;
}
.events_close_booking a:hover {
color: #567BD2;
} .event_filters_container {
float: right;
}
.events_container {
position: relative;
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_thumb img {
border-radius: 0 !important;
box-shadow: none !important;
}
.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;
height: 30px;
line-height: 32px;
padding: 0 5px;
display: block;
text-align: center;
cursor: pointer;
}
.preview_event_button_buy {
float: left;
width: 164px;
height: 50px;
display: block;
text-align: right;
line-height: 55px;
color: #fff;
font-size: 20px;
}
.event_button_buy {
width: 164px;
height: 50px;
display: block;
text-align: right;
line-height: 55px;
color: #fff;
font-size: 20px;
background-image:url(//plusdelta.net/wp-content/themes/plusdelta/images/sprite.png);
}
.preview_event_button_disabled{
background-position: -590px -119px;
}
.events_readmore_button,
.events_booknow_small_button {
background-color: #333;
}
.events_readmore_button:hover {
background-color: #567BD2;
color: #fff;
}
.buy_tickets_button {
background-color: #669933;
}
.buy_tickets_button:hover {
background-color: #7BBB3F;
color: #fff;
}
.buy_tickets_button_big {
background-position: 0px -50px;
}
.buy_tickets_button_big:hover {
background-position: -175px -50px;
color: #fff;
}
.events_readmore_button:hover {
background-position: -260px -290px;
}
.events_booknow_small_button:hover {
background-position: -770px -60px;
}
.list_event_line_divide {
width: 100%;
height: 1px;
border-bottom: 1px dotted #666;
margin: 20px 0 20px 0;
}
.list_event_line_divide_2 {
width: 100%;
height: 1px;
border-bottom: 1px dotted #666;
margin: 10px 0 10px 0;
} .events_page_list_button {
float: left;
display: block;
text-align: center;
line-height: 34px;
}
.events_page_list_nav_button {
width: 100%;
height: 30px;
}
.events_page_list_nav_button_disabled {
width: 100%;
height: 30px;
}
.events_page_list_number_button {
width: 4%;
height: 30px;
margin-right: 10px;
} .event_nav_buttons_container {
width: 970px;
height: 30px;
margin-bottom: 10px;
}
.event_buttons_container {
width: 670px;
height: 30px;
margin-bottom: 10px;
}
.events_back_list_button {
width: 140px;
}
.nav_event_button {
background-color: #333333;
color: #fff;
}
.nav_event_button:hover {
background-color: #567BD2;
color: #fff;
}
.event_leftside {
float: left;
width: 250px;
}
.event_rightside {
float: left;
width: 670px;
margin-left: 30px;
}
.events_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;
}
.events_div_height {
width: 100%;
height: 15px;
}
.event_image img {
box-shadow: none !important;
border-radius: 0 !important;
}
.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: 100%;
background-color: #EEE;
margin-bottom: 20px;
}
.event_info_box {
width: 100%;
margin-bottom: 10px;
}
.event_info_title {
font-size: 16px;
color: #fff;
padding-left: 10px;
height: 24px;
background-color: #333;
line-height: 28px;
margin-bottom: 10px;
}
.event_info_row {
width: 98%;
margin-left: 2%;
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;
top: 0;
right: 0;
}
.events_book_now_button_container {
margin-top: 20px;
}
.events_book_button {
width: 210px;
height: 48px;
line-height: 55px;
font-family: 'BebasRegular';
font-size: 28px;
background-position: -330px -160px;
}
.events_book_button:hover {
background-position: -560px -160px;
}
.event_text {
color: #333;
}
.event_text p {
width: 100%;
line-height: 1.2 !important;
} .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: 100%;
height: 1px;
border-top: 1px dotted #333;
margin: 10px 0;
} .events_modal_loading {
width:100px;
height:100px;
top:50%;
margin-top:-50px;
left:50%;
margin-left:-50px;
position:fixed;
z-index:40;
}
.events_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);
}
.events_custom_time_divide {
width: 220px;
margin: 5px 0 5px 10px;
height: 1px;
border-bottom: 1px dotted #333;
}
.events_external_link{
color: #666;
}
.events_external_link:hover {
color: #567BD2;
}
.events_modal_loading_twitter {
width:70px;
height:70px;
top:50%;
margin-top:-35px;
left:50%;
margin-left:-35px;
position:absolute;
z-index:40;
}
.events_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;
} @media only screen and (max-width: 969px) {
img {
max-width: 100%;
} 
.events_main_container {
width: 100%;
margin: 0 auto;
}
.events_div_height {
width: 100%;
} .events_header_container {
width: 100%;
}
.events_month_container_all {
width: 45%;
}
.events_month_container {
width: 68%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.events_month_name {
width: 100%;
font-size: 25px;
}
.events_month_year {
font-size: 12px;
margin-top: 30px;
}
.events_month_nav_container {
width: 32%;
}
.events_month_nav_button {
margin-left: 10%;
}
.events_select_search_container {
width: 55%;
}
.events_select_container_all {
width: 100%;
}
.events_select_calendar_message {
margin-right: 4%;
}
.events_search_container {
height: 30px;
margin-top: 15px;
width: 100%;
} .events_box_preview_container_all {
padding: 5px;
}
.events_box_preview_title {
font-size: 15px;
}
.events_box_preview_header_list {
font-size: 11px;
}
.events_box_preview_row {
font-size: 12px;
}
.events_box_preview_header_time {
width: 30px;
float: left;
height: 16px;
line-height: 16px;
}
.events_box_preview_header_time_am {
width: 50px;
float: left;
height: 16px;
line-height: 16px;
}
.events_box_preview_header_name {
width: 298px;
}
.events_box_preview_header_available {
width: 52px;
}
.events_box_preview_row_time {
width: 30px;
float: left;
height: 30px;
line-height: 30px;
}
.events_box_preview_row_time_am {
width: 50px;
float: left;
height: 30px;
line-height: 30px;
}
.events_box_preview_row_name {
width: 298px;
}
.events_box_preview_row_available {
width: 62px;
} .events_calendar_container_all {
width: 100%;
}
.events_name_days_container {
width: 100%;
}
.events_day_name {
margin-right: 1%;
width: 13%;
font-size: 15px;
}
.events_day_container {
margin-bottom: 1%;
margin-right: 1%;
width: 13.3%;
}
.events_day_container a {
border: 1px dashed #CCCCCC;
width: 100%;
}
.events_day_number {
margin-left: 5%;
margin-top: 5%;
width: 15%;
font-size: 14px;
}
.events_day_book {
margin-left: 2%;
margin-top: 5%;
width: 78%;
line-height: 100%;
padding-top: 7%;
font-size: 13px;
}
.events_day_slots {
margin-left: 5%;
margin-top: 5%;
width: 95%;
font-size: 14px;
} .events_container_all {
width: 100%;
}
.event_nav_buttons_container {
height: 30px;
margin-bottom: 10px;
width: 100%;
}
.events_container {
margin-bottom: 20px;
padding: 1%;
width: 98%;
}
.events_title {
padding-top: 5px;
width: 70%;
word-spacing: 5px;
}
.preview_event_container {
width: 100%;
}
.preview_event_leftside {
width: 13%;
}
.preview_event_rightside {
margin-left: 3%;
width: 84%;
}
..preview_event_thumb {
width: 100%;
}
.preview_event_title,
.preview_event_information,
.preview_event_text {
width: 100%;
}  .events_title_share_container {
width: 80%;
}
.event_leftside {
width: 28%;
}
.event_rightside {
margin-left: 2%;
width: 70%;
}
.event_info_container,
.event_info_box,
.event_buttons_container,
.event_text,
.preview_event_buttons_container {
width: 100%;
}
.event_info_title {
width: 70%;
}
.event_info_row {
margin-left: 2%;
width: 98%;
}
.preview_event_button {
background-image: none;
}
.events_readmore_button {
background-color: #333;
}
.events_readmore_button:hover {
background-color: #567BD2;
}
.buy_tickets_button {
background-color: #669933;
}
.buy_tickets_button:hover {
background-color: #7BBB3F;
}
.event_link {
width: 15%;
margin-right: 1.5%;
}
.preview_event_button {
font-size: 12px;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} .twitter_user_icon {
width: 9%;
margin-right: 1%;
}
.twitter_user_twit {
width: 90%;
}
.twit_divide {
width: 100%;
}
#top_bg_container_all {
width: 960px;
margin: auto;
}
} @media only screen and (max-width: 659px) {
.events_day_book {
font-size: 11px;
}
.events_title_inside {
font-size: 20px;
}
.preview_event_button {
font-size: 10px;
}
}