@charset "UTF-8";
/* CSS Document */
body {
	font: 90% "Trebuchet MS", Arial sans-serif;
	/*background-image:url(../images/logo.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	background-color:#eeeff4;
	margin-top:0px; 
	padding-top:0px;
	border-top:0px;
	text-align:center;
	 /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a {text-decoration: none}
a {outline-color:#FFFFFF}
a:link{color:#CC3300;}
a:visited {color:#CC3300}
a:hover {color:#999999}
a:active {color:#999999}

.mobile #container {
	width: 500px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align:center; /* this overrides the text-align: center on the body element. */
	
}
.mobile #mainContent {
	width: 500px;
	background-color:#ffffff;
	border: 2px solid #D8D8DF;
	
	/*padding: 0 20px;*/ 
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#therest{
position:absolute;
top:120px;
text-align:center;
width:500px;
	background-color:#ffffff;
	border: 2px solid #D8D8DF;
}

#colorama{
position:absolute;
top:56px;
text-align:center;
width:500px;
height:62px;
background-color:#D8D8DF;
/*border: 1px solid #333333 ;*/
}

h1{text-align:center; color:#336699; padding:0; font-weight:normal; font-size: 30px;}
h2{text-align:center; color:#CC3300; padding:0; font-weight:lighter;}
h4{text-align:center; color:#000000; padding:0; font-weight:lighter;}
hr{width:500px;}
p{padding-left:10px; padding-right:10px; }
.wideo{width:480px; text-align:justify; color:#666666;}

.footish{font-size:11px; font:Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#999999;}

img.border {
/*border: 1px solid #333333 ;*/
padding: 10px 10px 10px 10px ;
}