/* CSS Document */

h1, h2, h3{
	margin:0px;
	padding:0px 0px 0px 10px;
}
h1
{
	font-size: 1em;	
}
h2
{
	font-size: .75em;	
}
h3
{
	font-size: .5em;	
}



#Navigation{
	width:150px;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 888888;
	background-color: rgba(255, 255, 255, .80)
}

#Navigation .Logo{
	width: 100%;
	height: 60px;
	display: none;
}
#Navigation .Logo img{
	height: 60px;
}

#Navigation #btn_Menu
{
	height: 40px;
	width: 40px;
	margin-right: 10px;
	margin-left: 20px;
	position: absolute;
	right: 0px;
	top:0px;
	display: none;	
	background-image: url('../Images/menu.png');
}

#Navigation ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	width: 100%;
}
#Navigation ul li
{	
	width: 100%;
	color:#000;
	line-height: 50px;
	padding:0px 10px;
}
#Navigation ul li a
{
	font-size:2em;
	width:100%;
	line-height: 50px;
	display: block;
	color:#000;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#Navigation ul li.Active a,
#Navigation ul li:hover a
{
	font-weight: bold;
	/*--color: rgba(184, 235, 30, 1.00) !important;--*/
	color: rgba(24, 117, 18, 1.00);
}

#Navigation #NavInfo
{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px 0px 10px 0px;
}

#ContentWrapper{
	width:100%;
	height:100%;
	padding-left: 150px;
}
#Content{
	width:100%;
	height:100%;
	position: relative;
}

#PopupWrapper, #LoadingPopup
{
	position: absolute;
	width:100%;
	height: 100%;
	display: none;
	z-index: 990000;
	background-color: rgba(255, 255, 255, .75);
}

#LoadingPopup
{
	background-image: url('../Images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-size:10%;
	z-index: 999999;
}

#SliderPopup
{
	position: relative;
	width:100%;
	height: 100%;
	display: none;
}
#PopupWrapper.Active, #LoadingPopup.Active, #SliderPopup.Active
{
	display:block;
}


#AlbumWrapper
{
	position: relative;
	width:100%;
	height: 100%;
	overflow-y:scroll;
	padding: 25px;
}
#AlbumWrapper .Album
{
	position: relative;
	width: 33%;
	height: 50%;
	float: left;
	padding: 25px;
}
#AlbumWrapper .Album .Button
{
	position: absolute;
	width:100%;
	height:100%;
}
#AlbumWrapper .Album .Button:hover
{
	background-color: rgba(255,255,255,0.40);
	cursor: pointer;
}
#AlbumWrapper .Album .Cover
{
	display: block;
    border: 1px solid #DBDBDB;
    width: 100%;
    height: 100%;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}
#AlbumWrapper .Album .Title
{
	position: absolute;
	bottom: 0px;
    width: 100%;
    height: 50px;
	background-color: #FFF;
	line-height: 50px;
	font-size: 1em;
	color: #AAAAAA;
}

/*-- Slider --*/

#SliderPopup {
}
#SliderPopup .slider {
    overflow-x: hidden;    
    height: 100%;
    width: 100%;
}
#SliderPopup .slider ul {
  	width: 500%;
    height: 100%;
}
#SliderPopup .slider ul li {
  float: left;
  list-style: none;
  position: relative;  
  transition: all 0.65s;  
    height: 100%;
    width: 20%;
	padding: 50px 50px 100px 50px;
}

#SliderPopup .slider ul li .Photo{
	display: block;
    width: 100%;
    height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;	
}

.next, .back {
	position: absolute;
  width: 25%; 
  padding: 5px;
  text-align: center;
  background-color: rgba(200, 225, 200, 1.00);
  float: left;
	line-height: 30px;
	height:40px;
    margin: 5px 20px;
  	cursor: pointer;	
	bottom:0px;
}
.next:hover, .back:hover {
  background-color: rgba(200, 225, 200, .5);	
}
.next
{	
	right:0px;
}
.back
{
	left:0px;
}

.Close {
	position: absolute;
  	width: 40px; 
	line-height: 40px;
	height:40px;
  	text-align: center;
  	margin: 30px 30px;
  	cursor: pointer;	
	top:0px;
	right: 0px;
	z-index: 999000;
	background-color: rgba(200, 225, 200, .25);
	border: 1px solid rgba(200, 225, 200, 1.00);
	border-radius: 20px;
}
.Close:hover {
	background-color: rgba(255, 255, 255, .25);	
}