body {
	background-color: #000;
	color: #CCC;	
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 18px;
	/*line-height: 1em;*/
}

a {
	color: #CCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCC;
}
a:hover {
	text-decoration: none;
	color: #F0F0F0;
}
a:active {
	text-decoration: none;
	color: #CCC;
}

td{
	text-align:left;
	color:#FFF;
}

#main{
	background:#000;	
	width: 100%;
	height: auto;
	padding: 0px;
	margin: auto;
	border: 0px solid green;
	text-align:center;
}
/*
#slideshow {
  width: 640px;
  height: 240px;
}

#content {
  width: 640px;
  height: 600px;	
}
*/

#placeholder {
  width: 100%;
  height: 480px;
  margin-top:3px;
  
}

.button, .buttonL, .buttonR, .buttonM {
	background:#ffff00;
	color:#001d7d;
	display: inline-block;
	width:100%;
	/*min-height:4080px;*/
	margin: 1px 0px 1px 0px;
	padding: 5px 5px;
	line-height:1.2em;
   /*border-radius: 8px;*/
   font-size:1em;
}

.container_button{
  width: 100%;
  margin-bottom: 10px;
}

.buttonL{
	font-size:1em;
	float:left;
	width:45%;
	min-height:50px;
}

.buttonR{
	font-size:1em;
	float:right;
	width:45%;
	min-height:50px;	
}

.buttonM{
	font-size:3em;
	width:100%;
	min-height:30px;
	margin: 0px 0px 3px 0px;
	padding: 7px 0px;
	font-variant: bold;
}



.line, .drop, .center {
	background:#222;	
   display: inline-block;
   width: 100%;
   height:auto;
   font-weight:normal;
   font-size:1em;
   color:#ff9822;
   /*line-height:40px;*/
   margin: 0px 0px 1px 0px;
   padding: 6px 0px;  
}

.drop{
	   padding: 0px;
		margin: 0px;
}

.line_0 {
	background:#000;
	display: inline-block;
   padding: 0px;
	margin: 1px 0px; 	
}
/*################## SREEN ##################*/
@media screen and (max-width: 2400px) and (min-width: 961px)
{
	#main{
		width:640px;
	}
	.button, .buttonL, .buttonR {	
		min-height:67px;
		width:48%;
	}
	
	.line_0 {
	background:#000;
	display: inline-block;
   padding: 0px;
	margin: 0px 0px; 	
	}
}

@media screen and (max-width: 960px) and (min-width: 481px)
{
	#main{
		width:100%;
	}

	.button, .buttonL, .buttonR
	{
		min-height:67px;
		width:47%;
	}
	
}

@media screen and (max-width: 480px) and (min-width: 280px)
{
	#main{
		width:100%;
	}
	
	.button, .buttonL, .buttonR
	{	
		min-height:50px;
		width:46.5%;
		font-size:.8em;
	}
	
	.drop{
	   padding: 0px;
		margin: 0px;
	}
	.line_0 {
		background:#000;
		padding: 0px;
		margin: 1px 0px; 	
	}
}