body{
	margin:0px;
	padding:0px;
	background-image:url(img/paper.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:#660000;
	font-family:arial;
}
.waiting{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-image:url(img/waiting.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#ffffff;
	opacity:0.8;
	z-index:99998;
}
.info{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:2em;
	font-weight:bold;
	color:#660000;
	z-index:99999;
}
a:link{
  color:#660000;
}
a:visited{
  color:#660000;
}
a:hover{
  color:#660000;
}
a:active{
  color:#660000;
}
li{
	margin:15px 0 15px 0;
}
.hide{
	display:none;
}
.clear{
	clear:both;
}
input[type=email]{
	width:100%;
	height:30px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
}
input[type=text]{
	width:100%;
	height:30px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
	padding-left:10px;
}
input[type=tel]{
	width:100%;
	height:30px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
}

textarea{
	width:100%;
	height:150px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
}
select{
	width:100%;
	height:30px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
	cursor:pointer;
}
.button{
	float:right;
	width:150px;
	height:30px;
	line-height:30px;
	margin-left:30px;
	border-radius:5px;
	color:#FFFFFF;
	background-color:#660000;
	box-shadow:2px 2px 8px #666666;	
	text-align:center;
	font-weight:bold;
	cursor:pointer;	
}
#header{
	background-image:url(img/header.png);
	background-position:center;
	background-repeat:no-repeat;	
}
.div_full{
	width:100%;
	text-align:center;
	padding:20px 0 20px 0;
}
.div_clear{
	clear:both;
}
.rgpd{
	width:98%;
	height:150px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;
	padding:1%;
	overflow:auto;
}
.tab_title{
	width:calc(100% - 15px);
	height:30px;
	line-height:30px;
	padding:0 0 0 15px;
	color:#FFFFFF;
	background-color:#660000;
	border-color:#C0C0C0;
	border-width:0 0 1px 0;
	border-style:solid;	
	cursor:hand;
}
.tab_content{
	width:calc(100% - 2px);
	background-color:#ffffff;
	border-color:#660000;
	border-width:0 1px 1px 1px;
	border-style:solid;
	cursor:not-allowed;	
}
.tab_day{
	width:44px;
	background-color:#ffffff;
	border-color:#C0C0C0;
	border-width:3px; 
	border-style:outset;
	cursor:not-allowed;		
}
.tab_day p{
	margin:0;
	padding:0;
	height:22px;
	line-height:22px;
	text-align:center;
}
.tab_off{
	height:46px;
	line-height:46px;	
	background-color:#ffffff;
	border-color:#C0C0C0;
	border-width:3px; 
	border-style:outset;		
	text-align:center;
	cursor:not-allowed;
}
.tab_timer{
	padding:0;
	margin:0;
}
.tab_timer_disabled{
	
}
.tab_event{
	float:left;
	min-width:100px;
	height:46px;
	line-height:46px;
	padding:0 5px 0 5px;
	background-color:#ffffff;
	border-color:#C0C0C0;
	border-width:3px; 
	border-style:outset;		
	text-align:center;
	cursor:hand;
}
.tab_event_first{
	height:46px;
	line-height:46px;	
	background-color:#ffffff;
	border-color:#C0C0C0;
	border-width:3px; 
	border-style:outset;		
	text-align:center;
	cursor:hand;
}
.tab_event_red{
	height:46px;
	line-height:23px;	
	background-color:#AA0000;
	color:#FFFFFF;
	font-weight:bold;
	cursor:not-allowed;	
}
.tab_event_green{
	height:46px;
	line-height:23px;		
	background-color:#00AA00;
	color:#FFFFFF;
	font-weight:bold;
	cursor:hand;
}
.tab_event_unavailable{
	height:46px;
	line-height:46px;	
	background-color:#AA0000;
	color:#FFFFFF;
	font-weight:bold;
	cursor:not-allowed;	

}
.tab_event_orange{
	height:46px;
	line-height:46px;	
	background-color:orange;
	color:#FFFFFF;
	font-weight:bold;
	cursor:not-allowed;	
}
.tab_event_pink{
	height:46px;
	line-height:46px;	
	background-color:pink;
	color:#FFFFFF;
	font-weight:bold;
	cursor:not-allowed;	
}
.tab_event_purple{
	height:46px;
	line-height:46px;	
	background-color:purple;
	color:#FFFFFF;
	font-weight:bold;
	cursor:not-allowed;	
}
.tab_event_available{
	height:46px;
	line-height:46px;		
	background-color:#ffffff;
	color:#660000;
	font-weight:bold;
	cursor:hand;
}
.tab_event_available:hover{
	height:46px;
	line-height:46px;		
	background-color:#ffffff;
	color:#660000;
	border-style:intset;
	font-weight:bold;
	cursor:hand;
}
.tab_event_selection{
	height:46px;
	line-height:46px;		
	background-color:#00AA00;
	color:#FFFFFF;
	font-weight:bold;
	cursor:not-allowed;	
}
.tab_event_msg{
	width:100px;
	font-weight:none;
}
.legend_box{
	float:left;
	width:20px;
	height:20px;
	border-style:solid;
	border-color:#660000;
	border-width:1px;
	margin:5px;
}
.legend_label{
	float:left;
	height:20px;
	line-height:20px;
	color:#660000;
	margin:5px;	
}
/* ----------------------------------------- MOBILE ----------------------------------------- */	
@media screen and (max-width:999px){
	body{
		background-size:cover;
	}
	#header{
		width:90%;
		height:100px;
		margin-top:30px;
		margin-left:5%;	
		background-size:contain;
	}
	#body{
		width:90%;	
		margin:20px 5% 70px 5%;
	}
	#footer{
		position:fixed;
		bottom:0px;		
		width:100%;
		height:50px;
		line-height:50px;
		text-align:center;
		background-color:#FFFFFF;
	}
}
/* --------------------------------------------- COMPUTER --------------------------------------------- */	
@media screen and (min-width:1000px){
	body{
		background-size:cover;
	}
	#header{
		width:50%;
		height:100px;
		margin-top:30px;
		margin-left:25%;	
		background-size:contain;
	}
	#body{
		width:50%;	
		margin:20px 25% 70px 25% 
	}
	#footer{
		position:fixed;
		bottom:0px;		
		width:100%;
		height:50px;
		line-height:50px;
		text-align:center;
		background-color:#FFFFFF;
	}		
}