html {
	height: 100%;
}

body {
	color: #CCCCCC;
	background-color: #222222;
	/*font-family: verdana, arial, san-serif;
	font-size: 0.74em;
	
	
	/*Background-Image: url(../images/back_2.png);*/
	
	margin: 0px;  /* outside*/
	padding: 0px; /* inside */
}

/* lobster-regular - latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lobster-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lobster-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lobster-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lobster-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lobster-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lobster-v28-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}


p {	
	margin: 0px;
  	padding: 0px 0px 24px 0px; /*top,left, bottom, right*/
  	line-height: 20px;
}


#titleimg {
	
	text-align: center;
	
}
img {
  width: 40%; 
  height: auto;
}


#footer
{ 	margin-top: 25px;
	padding: 10px 15px 0px 15px  ;
	
	text-align: center; 
	font-family: Lobster;
	height: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 0px;
	
	
  /*color: #AAAAAA;*/
    
	
	
	/*border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;*/
	
}



/* picture 
img { 
	border: 0px;
}*/

/* picture position */
	.left {
		float: left; 
		padding: 0px 8px 0px 0px;
	}

	.right { 
		float: right; 
		padding: 0px 0px 0px 8px;
	}

	.center {
		display: block;
		text-align: center;
		margin: 0 auto;
	}