body {

	margin: 0px;

	padding: 0px;

	background: #000000 url(../img/back.png) repeat-x top;

	font-family: "Trebuchet MS";

}

#container {

	margin-right: auto;

	margin-left: auto;

	width: 850px;

	background: #FFFFFF;

	border: 15px solid #F3F3F3;

	margin-top: 5px;

}

#content {

	float: left;

	width: 850px;

}



#logo {

	background: url(../img/logo-03.png) no-repeat left top;

	height: 188px;

	width: 457px;

	float: left;

}

#navigation {

	float: right;

	width: 380px;

	height: 226px;

}

#navigation a {

	text-decoration: none;

	color: #8080FF;

	font-weight: normal;

	text-transform: uppercase;

}

#navigation ul {

	list-style: none;

	margin-top: 10px;

}

#navigation li {

	margin-bottom: 2px;

	background: #F3F3F3;

	padding-left: 20px;

}



#content h1 {

	border-bottom: 1px dotted #8080FF;

	color: #8080ff;

	width: 820px;

	margin-right: auto;

	margin-left: auto;

	font-size: 18px;

	background: #F5F5F5;

}

#footer {

	width: 850px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	color: #FFFFFF;

	font-size: 12px;

	line-height: 25px;

}

#contentMain a {

	color: #8080FF;

	text-decoration: none;

	font-weight: bold;

}





#contentMain {

	width: 820px;

	margin-right: auto;

	margin-left: auto;

	font-size: 12px;

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 0px;

    line-height: 0px;

	margin:0px;

}

#navigation a:visited {

	text-decoration: none;

	color: #8080FF;

	font-weight: normal;

	text-transform: uppercase;

}

#navigation a:hover {



	text-decoration: none;

	color: #FFFFFF;

	font-weight: normal;

	text-transform: uppercase;

}

#navigation li:hover {

	margin-bottom: 2px;

	background: #FF00FF;

	padding-left: 20px;

	border-left: 15px solid #8080FF;

}

#contentMain a:visited {

	color: #8080FF;

	text-decoration: none;

	font-weight: bold;

}

#contentMain a:hover {



	color: #999999;

	font-weight: bold;

}

#footer a {

	color: #333333;

}



#footer a:visited {



	color: #333333;

}

#footer a:hover {

	color: #000000;

	text-decoration: none;

}#contentMainNews {
	float: right;
	width: 700px;
	font-size: 12px;
	margin-bottom: 15px;

}

#subNavigation a {

	text-decoration: none;

	color: #FF00FF;

	text-transform: uppercase;

	font-size: 12px;

}

#subNavigation {
	float: left;
	width: 130px;

}

#subNavigation a:visited {

	text-decoration: none;

	color: #FF00FF;

	text-transform: uppercase;

	font-size: 12px;

}

#subNavigation a:hover {



	text-decoration: none;

	color: #666666;

	text-transform: uppercase;

	font-size: 12px;

}

#subNavigation li {

	list-style: none;

}

#subNavigation ul {

	margin-bottom: 15px;

	margin-top: 0px;

}

#contentMainNews a {

	color: #8080FF;

	text-decoration: none;

	font-weight: bold;

}

#contentMainNews a:visited {

	color: #8080FF;

	text-decoration: none;

	font-weight: bold;

}

#contentMainNews a:hover {



	color: #666666;

	text-decoration: none;

	font-weight: bold;

}

.fotoThumb {
	background: #FFFFFF;
	float: left;
	width: 210px;
	height: 110px;
	margin: 10px;

}