@charset "utf-8";
/* CSS Document */

#content {
	position: absolute;
	top: 260px;
	left: 260px;
	width: 650px;
	padding: 10px;
	margin: 0px;
	size:18px;
	font-size:16px;
}

#sidebar {
	position: absolute;
	top: 278px;
	left: 60px;
	width: 160px;
	border-right: 1px solid #FF0303;
	padding-right: 20px;
}

#frame {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 200px;
	height: 220px;
	background: url(../macker_logo.jpg) no-repeat;
	padding: 0px 20px 0px 20px;
}

#header {
	position: absolute;
	top: 121px;
	left: 260px;
	width: 800px;
	height: 100px;
}


#maintopic {
	
	padding: 0px;
	margin: 0px 10px 0px 260px;
	height: 60px;
	

	
}

#picture {
	position:absolute;
	top:73px;
	left:321px;
	width:610px;

	
			}

#maintopic a {
	display: block;
	float: right;
	border-right: 1px solid #ededed;
	height: 20px;
	padding: 20px 15px;
	margin: 0px;
	text-decoration: none;
	color:#000000;
	background-color:#FF0000;
}

#maintopic a:hover  {
	background-color: #ededed;
}

#maintopic .sel {
	color: #FF3E02;
	background-color: #ededed;
}
#fotos {
		width:320px;
		margin-left:175px;}

.topic {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #FF3E02 !important;
	font-size : 18px;
	font-weight: normal !important;
	margin: 10px 0px 15px 0px !important;
}

.topic:hover {
	text-decoration: none !important;
	color: #ff3e02 !important;
}

.subtopic {
	display: block;
	text-decoration: none;
	color: #000000 !important;
	font-weight: normal !important;
	border-bottom: 1px solid #FF0303;
	margin-bottom: 5px !important;
}

.subtopic:hover {
	text-decoration: none !important;
	color: #000000 !important;
}

form.search {
	margin: 20px 0px 20px 0px;
}

form.search input {
	vertical-align : middle;
}

input.search {
	width: 130px;
	border: 1px solid #FF0303;
}