body, html {
  height: 100%;
}

.main { 
  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#photo_1 {background-image: url("/img/photo/01.jpg");}
#photo_2 {background-image: url("/img/photo/02.jpg");}
#photo_3 {background-image: url("/img/photo/03.jpg");}
#photo_4 {background-image: url("/img/photo/04.jpg");}
#photo_5 {background-image: url("/img/photo/05.jpg");}
#photo_6 {background-image: url("/img/photo/06.jpg");}
#photo_7 {background-image: url("/img/photo/07.jpg");}
#photo_8 {background-image: url("/img/photo/08.jpg");}
#photo_9 {background-image: url("/img/photo/09.jpg");}
#photo_10 {background-image: url("/img/photo/10.jpg");}
#photo_11 {background-image: url("/img/photo/11.jpg");}
#photo_12 {background-image: url("/img/photo/12.jpg");}
#photo_13 {background-image: url("/img/photo/13.jpg");}
#photo_14 {background-image: url("/img/photo/14.jpg");}
#photo_15 {background-image: url("/img/photo/15.jpg");}
#photo_16 {background-image: url("/img/photo/16.jpg");}
#photo_17 {background-image: url("/img/photo/17.jpg");}

#login
{
	position: absolute;
	margin: 10% 30%;
	Font-size: 30px;
	height: 50%;
	width: 40%;
	background-color: hsla(0,0%,100%,0.7);
	border-radius: 25px;
}

#text_logo	
{
	padding-top:10px;
	Font-size: 30px;
	color: #0f7036;
	font-weight: bold;
}

#logo_pomc	
{
	padding: 0px 25% 0px;
}

#logo_calendar	
{
	padding: 0px 30% 0px;
}

#logo_white	
{
	padding: 50px 3%;
    opacity: 0.6;
}

.border
{
	border:0px solid #ababab;
	margin:0% 3%;
	border-radius: 15px;
	background-color: hsla(0,0%,100%,0.5);
	Font-size: 18px;
}

.last_update
{
	padding-top: 37%;
	Font-size: 18px;
	color: white;
    opacity: 0.7;
}

.button
{
     border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #328DBD;
    background: linear-gradient(top, #429CCD 0, #3696C9 13%, #2F84B1 40%, #2E81AD 50%, #2F84B1 60%, #3696C9 87%, #429CCD 100%) no-repeat;
    background: -webkit-linear-gradient(top, #429CCD 0, #3696C9 13%, #2F84B1 40%, #2E81AD 50%, #2F84B1 60%, #3696C9 87%, #429CCD 100%) no-repeat;
    background: -moz-linear-gradient(top, #429CCD 0, #3696C9 13%, #2F84B1 40%, #2E81AD 50%, #2F84B1 60%, #3696C9 87%, #429CCD 100%) no-repeat;
    background: -o-linear-gradient(top, #429CCD 0, #3696C9 13%, #2F84B1 40%, #2E81AD 50%, #2F84B1 60%, #3696C9 87%, #429CCD 100%) no-repeat;
    background: -ms-linear-gradient(top, #429CCD 0, #3696C9 13%, #2F84B1 40%, #2E81AD 50%, #2F84B1 60%, #3696C9 87%, #429CCD 100%) no-repeat;
    background: linear-gradient(top, #429CCD 0, #3696C9 13%, #2F84B1 40%, #2E81AD 50%, #2F84B1 60%, #3696C9 87%, #429CCD 100%) no-repeat;
    -svg-background: linear-gradient(top, #429CCD 0, #3696C9 13%, #2F84B1 40%, #2E81AD 50%, #2F84B1 60%, #3696C9 87%, #429CCD 100%) no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #328DBD;
    padding: 0 15px;
    margin: 0 auto;
    height: 26px;

    text-decoration: none;
    font-size: 18px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #E2EEF9;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 26px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;	
}

.button2
{
     border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
	background: #3DF68E;
	background-image: -webkit-linear-gradient(top, #3DF68E, #0CB327);
	background-image: -moz-linear-gradient(top, #3DF68E, #0CB327);
	background-image: -ms-linear-gradient(top, #3DF68E, #0CB327);
	background-image: -o-linear-gradient(top, #3DF68E, #0CB327);
	background-image: linear-gradient(to bottom, #3DF68E, #0CB327);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #32bd7a;
    padding: 0 15px;
    margin: 0 auto;
    height: 26px;

    text-decoration: none;
    font-size: 18px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #E2EEF9;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 26px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;	
}