#bodyhtml 
	{
	background-color:#000;
	background-attachment:fixed;
	}
	
#header
	{
	text-align:center;
	}

html
	{
	font-family:calibri;
	color:#FFF;
	}

a 
	{
	font-size:20px;
	font-family:calibri;
	text-decoration: none;
	}	

#text
	{
	margin-top:5%;
	margin-bottom:10%;
	text-align:center;
	font-size:20px;
	float:center;
	}
	
#textindex
	{
	margin-top:2.5%;
	text-align:center;
	font-size:20px;
	}
	
/*Menu */
.ul
	{
	list-style-type:none;
	width:100%;
	text-align: center;
	padding:0;
	}
	
.li
	{
	background-color:#FFF;
	color:#7a6eac;
	display:inline;
	font-weight:bold;
	font-size:20px;
	padding:0.5%;
	}
	
.li a
	{
	background-color:#FFF;
	color:#7a6eac;
	list-style-type: none;
	font-weight:bold;
	font-size:20px;
	padding:0.5%;
	}
	
.li:hover
	{
	background-color:#7a6eac;
	color:#FFF;
	list-style-type: none;
	font-weight:bold;
	font-size:20px;
	padding:0.5%;
	}
	
.li:hover a
	{
	background-color:#7a6eac;
	color:#FFF;
	list-style-type: none;
	font-weight:bold;
	font-size:20px;
	padding:0.5%;
	}

.li_hover
	{
	background-color:#7a6eac;
	color:#FFF;
	display:inline;
	font-weight:bold;
	font-size:20px;
	padding:0.5%;
	}

.li_hover a
	{
	background-color:#7a6eac;
	color:#FFF;
	display:inline;
	font-weight:bold;
	font-size:20px;
	padding:0.5%;
	}

#footer
	{
	width:95%;
	height:10%;
	margin:2%;
	margin-top:1%;
	text-align:center;
	}

#pictures
	{
	padding-top:1%;
	width:490px;
	margin: 0 auto;
	}

#pic1
	{
	display: inline-block;
	background-image:url(../Pictures/Homepage/topleftgrey.jpg);
	width:222px;
	height:138px;
	text-indent:-9999px;
	margin:10px;
	}
	
#pic1:hover
	{
	background-image:url(../Pictures/Homepage/topleftcolor.jpg);
	transition: all .5s ease;
	}
	
#pic2
	{
	display: inline-block;
	background-image:url(../Pictures/Homepage/toprightgrey.jpg);
	width:222px;
	height:138px;
	text-indent:-9999px;
	margin:10px;
	}
	
#pic2:hover
	{
	background-image:url(../Pictures/Homepage/toprightcolor.jpg);
	transition: all .5s ease;
	}

#pic3
	{
	display: inline-block;
	background-image:url(../Pictures/Homepage/bottomleftgrey.jpg);
	width:222px;
	height:138px;
	text-indent:-9999px;
	margin:10px;
	}
	
#pic3:hover
	{
	background-image:url(../Pictures/Homepage/bottomleftcolor.jpg);
	transition: all .5s ease;
	}
	
#pic4
	{
	display: inline-block;
	background-image:url(../Pictures/Homepage/bottomrightgrey.jpg);
	width:222px;
	height:138px;
	text-indent:-9999px;
	margin:10px;
	}
	
#pic4:hover
	{
	background-image:url(../Pictures/Homepage/bottomrightcolor.jpg);
	transition: all .5s ease;
	}

#fotos
	{
	width:100px;
	opacity:1;
	margin:10px;
	transition: all .5s;
	}
	
#fotos:hover
	{
	opacity:1.0;
	-webkit-transform: scale(3);
	display: inline-block;
	transition: all .5s ease;
}