body
{
    background-color: #777777;
    color: white;
	min-width:480px;
	max-width: 1024px;
	margin:auto;
	padding-top:1em;
	padding-bottom:1em;
}

hr {
     color: #fff;
     background: #fff; 
     width: 100%; 
     height: 1px;
}

#horizontalmenu, #horizontalmenu ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:left;
}

#horizontalmenu li{
	display:inline-block;
	position:relative;
	border-radius:5px 5px 5px 5px;
	
}
#horizontalmenu ul li{
	display:inherit;
	border-radius:0;
}
#horizontalmenu ul li:hover{
	border-radius:0;
}
#horizontalmenu ul li:first-child{
	border-radius:5px 5px 0 0 ;
}
#horizontalmenu ul li:last-child{
	border-radius:0 0 5px 5px;
}
#horizontalmenu ul{
	position:absolute;
	z-index: 1000;
	max-height:0;
	left: 0;
	right: 0;
	overflow:hidden;
	-moz-transition: .8s all .3s;
	-webkit-transition: .8s all .3s;
	transition: .8s all .3s;
}
#horizontalmenu li:hover ul{
	max-height:20em;
}

#horizontalmenu li{
	background: rgba(120,120,170,1);
}

#horizontalmenu li li{
	padding-left:1em;
	background: rgba(50,50,120,1);
	border: solid 1px;
}

#horizontalmenu li:hover{
	background: rgba(50,50,120,1);
}

#horizontalmenu li li:hover{
	background: rgba(120,120,170,1);
	
}

#horizontalmenu a{
	text-decoration:none;
	display:block;
	padding:6px 22px;
	color:#fff;
	font-family:Georgia, arial;
}
#horizontalmenu ul a{
	padding:6px 0;
}

#horizontalmenu li:hover li a{
	color:#fff;
	text-transform:inherit;
}

#horizontalmenu li:hover a, #horizontalmenu li li:hover a{
	color:#fff;
}

img
{
	display: block;
	height: auto;
	max-width: 80%;
	margin: 0 auto; 
}

#Logo{
	margin: 0;
}

.divglobal
{
	background-color: #f5f5f5;
	border-radius: 5px;
	padding-left:2em;
	padding-right:2em;
	padding-top:1em;
	border: 1px outset;
}

.divcontent{
	width: 100%;
}

@media screen and (max-width: 800px) {
    .divarticles {
		width: 100%;
	}
	
	.divlateralmenu{
		width: 100%;
		vertical-align:top;
		background-color: #e0e0e0;
		border-radius: 5px;
		border: 1px inset;
		margin-bottom: 2em;
	}
	
	.divlateralmenu li ul{
		padding-left: 2em;
	}
}

@media screen and (min-width: 800px) {
	.divcontent div{
		display:inline-block;		
	}

	.divarticles{
		width: 79%;
	}
	
	.divlateralmenu{
		width: 19%;
		vertical-align:top;
		background-color: #e0e0e0;
		border-radius: 5px;
		border: 1px inset;
		margin-left: 1%;
		margin-bottom: 2em;
	}
	
	.divlateralmenu li ul{
		padding-left: 2em;
	}
}

p
{
    color: black;
	font-size:0.9em;
	text-align: justify;
	font-family: Georgia, "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 1.5em;
}

h1
{
	color:#303030;
	font-size:1.3em;
	font-family: sans-serif;
}

h2
{
	color:#303030;
	font-size:1em;
	font-family: sans-serif;
}

.divfooter p{
	text-align: right;
	font-size: 0.8em;
	
}

#imp1{
	color:#ff0000
}

#imp2{
	font-size: 0.9em;
}