html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	font-family:Calibri, Arial;
}

h1{
	font-size:1em;
}


img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

#header_menu{
	position:fixed;
	top:0;
	left:0;
	background-color:#48938F;
	width:100%;
	z-index:1;
}


#header_menu table{
	width:100%;
}

#header_menu table tr td{
	margin-left:auto;
	margin-right:auto;
}

#header_menu a{
	color: #FFFFFF;
	text-decoration: none;
}

#header_menu a:hoover{
	color:#CCEEFE;
	text-decoration:underline;
}	

#header_logo_content{
	position:absolute;
	top:20;
}

h1{
	position:absolute;
	top:104px;
	color:#327D77;
	padding-left:10px;
	padding-right:10px;
	font-style:italic;
}

#content{
	position:absolute;
	top:160px;
	left:0;
	padding-left:10px;
	padding-right:10px;
}

#content_box table, #content_box table tbody tr td{
    display: block;
    width: auto!important;
	height:auto!important;
  }

#content_box table tbody tr td table{
	display:none;

}

strong {
    color: #327D77;
}


#content_box p {
    margin-top: 0;
    margin-bottom: 0;
}
  
#footer, #content_right{
	display: none;
}


.scene3D{
    width:180px;
    height:240px;
    margin:20px 20px;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    -ms-perspective:500px;
    -o-perspective:500px;
    perspective:500px;
    
}
.flip div{
    position:absolute;
    width:180px;
    height:240px;
    font-style:italic;
	font-weight:bold;
    text-align:center;
	color:#327D77;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

.flip div p{
	padding-top:5px;
}

.flip div:last-child{
    background:#327D77;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flip div:last-child p{
    color:white;
	font-style:normal;
    padding:10px;
	font-size:13px;
    text-align:center;
	
}

.flip{
    width:180px;
    height:240px;
    box-shadow:0 0 10px black;
    -webkit-transform: rotateX(0deg);
    -webkit-transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform: rotateX(0deg);
    -moz-transition: all 1s ease;
    -moz-transform-style: preserve-3d;
    -ms-transform: rotateX(0deg);
    -ms-transition: all 1s ease;
    -ms-transform-style: preserve-3d;
    -o-transform: rotateX(0deg);
    -o-transition: all 1s ease;
    -o-transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 1s ease;
    transform-style: preserve-3d;

}
.scene3D:hover .flip{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);

}

.events{
	
	background-image:url(../img/postit.png);
	background-repeat:no-repeat;
	background-position: center center ;
	height:346px;
	width:346px;

	
}

.round{
	width:29px;
	height:29px;
	background-color:#327D77;
	position:relative;
	left:163px;
	top:1px;
	border-radius:14px;
	background:radial-gradient( farthest-side ellipse at 40% 40%, #E7F7F8, #185454);
}


.events .date{
	
	text-align:center;
	font-size:1.3em;
	padding-top:70px;
	color:#327D77;
	font-style:italic;
	font-weight:bold;
	position:relative;
	top:-35px;
}

.events .event{
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	font-size:0.8em;
	position:relative;
	top:-30px;
}




.events .event strong{
	font-size:1.1em;
}