* 
{margin: 0; padding: 0;}





body {
	text-align:center;
	width:100%;
	padding: 0;
	margin:0;
	background:#fff;
	font: .625em /1.4em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}


h1
{font-size:1.8em; color:#333;}
h2{font-size:1.5em; color:#333; text-transform:uppercase;}
h3{font-size:1.4em; color:#333;}
h4{font-size:1.3em; color:#666;}

p, ul, dl, dt, dd, li, em
{font-size:1em; color: #666;}

ul, ol, li
{list-style-type: none;}

a:link,
a:visited,
a:active
{text-decoration: none; outline: none;}

a:hover
{text-decoration: underline; outline: none;}

em{
color:#999;
}

div.left{float:left;}
/*div.right{float:right;}*/

#container 
{	margin:0 auto;
	text-align:left;
	width:770px;
	background: url(col2-fons.png) repeat-y right top;
}


#col1 {
	border-top:#F93B00 5px solid;
	float:left;
	margin-right: 5px;
	width:600px;
}

#col2 {
	border-top:#F93B00 5px solid;
	float:right;
	background-color: #004080;
}
#header {
	position:relative;
	height: 185px;
	background:#004080 url(header-fons.png) repeat-x  0 0;
}


#content {
background:url(content-fons.png) repeat-y 0 0;
padding:1em 20px;
}

.content-col1{
width:270px;
float:left;
padding:0px 5px 0 5px;
}

.content-col2{
width:270px;
float:left;
padding:0px 5px 0 5px;
}

#colbottom {
position:relative;
width:770px;
margin:0 auto;
background:url(col-bottom.png) no-repeat 0 bottom;
height:15px;

}

#footer {
	color: white;
	font-size:0.9em;
	border-top:#F93B00 5px solid;
	background-color:#003F80;
	width:770px;
	margin:0 auto;
	height:40px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}

#footer .footer-bottom {
display:block;
background: white url(footer-bottom.png) no-repeat 0 bottom;
width:770px;
margin:0 auto;
height:15px;
}

#footer a{
color: white;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }