#google_shadow{
	background-color:#FFFFFF;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}
div.shadow_off{
	opacity:0;
	width:0%;
}
div.shadow_on{
	opacity:0.5;
	width:100%;
}

/*
#google_calendar{
	height:600px;
	transition: width 2s,margin 2s,left 2s, opacity 1s;
	-webkit-transition: width 2s,margin 2s,left 2s, opacity 1s;
	top: 50%;
	position: fixed;
	margin-top: -300px;
	z-index: 100;
}
*/

#google_calendar .cerrar {
	background-color: #ffffff;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0;
}
#google_contenedor{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: column;
	height:100%;
	justify-content: center;
	left:0;
	opacity:1;
	position:fixed;
	top:0;
	transition:all .5s;
	width:100%;
	z-index: 1000;
}
#google_calendar{
	height: 100%;
	margin:0 auto;
	max-height:600px;
	max-width:800px;
	padding-top: 5px;
	position: relative;
	width:100%;
}
div.google_off{
	height:0px!important;
	opacity:0!important;
	width: 0px!important;
}
div.google_on{
	/*opacity:1!important;*/
}