@charset "utf-8";

/* --------------------------------------------------------------------------------------------------- */
/*                                masecu.be :: general CSS document                                    */
/* --------------------------------------------------------------------------------------------------- */

@import url(colors.css);


/* -------------------- */
/* GLOBAL LAYOUT STYLES */
/* -------------------- */
* {
	margin:0;
	padding:0;
	border:0;
}

html {
	font-size:62.5%;	
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
}

h1 {
	width:646px;
	height:65px;
	padding-top:19px;	
}

h2 {
	font-size:3em;
	color:#000;
	margin-bottom:0.4em;
	margin-top:10px;
	font-weight:normal;
	line-height:0.9em;
}

h3 {
	font-size:3.2em;
}

h4 {
	font-size:2em;
	line-height:1.2em;
	margin-bottom:0.5em;
}

h5 {
}

h6 {
}

p {
	font-size:1.1em;
	line-height:1.2em;
}

a {
	color:#fff;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}

em {
}

strong {
}

img {
}

ol {
	list-style-type:none;
}

.clearBoth {
	clear:both;
}


/* ------------------------ */
/* GLOBAL CONTENT CONTAINER */
/* ------------------------ */
#container {
	position:absolute;
	width:895px;
	left:50%;
	margin-left:-448px;
}


/* ------ */
/* HEADER */
/* ------ */
#header {
	height:25px;
	padding-top:16px;
	border-bottom:1px solid #e6e6e6;
	font-size:10px;
}

	#header #languages {
		float:left;
	}
		#header #languages ul {
			list-style-type:none;
		}
		#header #languages li {
			width:23px;
			height:16px;
			float:left;
			margin-right:6px;
		}
			#header #languages li a {
				display:block;
				width:23px;
				height:15px;
				background-color:#eee;
				border:1px solid #999;				
				padding-top:1px;
				color:#999;
				text-align:center;
				text-decoration:none;
			}
				#header #languages li a:hover {
					background-color:#999;
					border:1px solid #000;			
					color:#fff;					
				}

	#header #federal {
		float:right;
		color:#999;
		margin-top:5px;
	}
		#header #federal img {
			margin-top:-13px;
			padding-left:5px;
			position:relative;
		}
		#header #federal a {
			font-weight:bold;
			color:#696969;
			text-decoration:none;
		}
			#header #federal a:hover {
				color:#000;
				text-decoration:underline;
			}

#branding {
	height:84px;
}

.divLoginSmurp {
	position:absolute;
	top:42px;
	right:0;
	width:316px;
	height:56px;
	padding-left:84px;
	padding-top:8px;
	background-image:url(../img2/login/login_bg.gif);
	background-repeat:no-repeat;
}
.divLoginSmurp .input {
	margin-bottom:8px;
	height:19px;
	width:186px;
	display:block;
	padding:6px 15px 0 15px;
	margin-bottom:6px;
	|margin-bottom:3px;
	background-image:url(../img2/login/input_bg.gif);
	background-color:#9fcdff;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
}
	.divLoginSmurp .lbLogin {
		position:relative;
		display:block;
		float:right;
		width:75px;
		height:19px;
		padding:6px 0 0 15px;
		margin-top:-31px;
		|margin-top:-29px;
		|margin-right:-90px;		
		background-image:url(../img2/login/login_btn.gif);
		background-color:#9fcdff;
		font-size:12px;
	}
	.divLoginSmurp #forgotPWD {
		float:right;
		height:40px;
		width:90px;
		margin-top:-62px;
		|margin-top:-59px;
		text-align:right;
	}
		.divLoginSmurp #forgotPWD a {
			display:block;
			height:1.1em;
			width:90px;			
			font-size:11px;
			color:#00a4ff;
		}
			.divLoginSmurp #forgotPWD a:hover {
				text-decoration:underline;
			}

.divLoggedSmurp {
	position:absolute;
	top:50px;
	right:0;
	width:242px;
	height:55px;
	background-repeat:no-repeat; 
 }
.divLoggedSmurp #infos {
	float:left;
	width:154px;
	height:50px;
	padding:6px 0 0 8px;	
}
	.divLoggedSmurp img {
		display:block;
		float:right;
		width:80px;
		height:50px;
	}
	.divLoggedSmurp h3 {
		font-size:14px;
		margin-bottom:0.2em;
	}
	.divLoggedSmurp .link {
		display:block;
		font-size:10px;
	}

/* --------------- */
/* MAIN NAVIGATION */
/* --------------- */
#nav_main {
	width:120px;
	margin-right:25px;
	float:left;
	font-size:14px;
	font-weight:bold;
}
	#nav_main ul {
		list-style-type:none;
	}
	#nav_main li {
		width:120px;
		height:70px;
		margin-bottom:8px;
	}
	#nav_main a {
		display:block;
		width:110px;
		height:58px;
		padding:12px 0 0 10px;
		color:#fff;	
		text-decoration:none;
	}
		#nav_main a.divMenuHome {
			background-image:url(../img2/nav_main/home.gif);
			background-color:#66b041;
		}	
		#nav_main a.divMenuArticle {
			background-image:url(../img2/nav_main/article.gif);
			background-color:#65438d;
		}
		#nav_main a.divMenuLinks {
			background-image:url(../img2/nav_main/link.gif);
			background-color:#52aeeb;
		}
		#nav_main a.divMenuForum {
			background-image:url(../img2/nav_main/forum.gif);
			background-color:#be0027;
		}
		#nav_main a.divMenuFAQ {
			background-image:url(../img2/nav_main/faq.gif);
			background-color:#da9a23;
		}
		#nav_main a.divMenuContacts {
			background-image:url(../img2/nav_main/contact.gif);
			background-color:#bdd732;
		}	
			#nav_main a.divMenuHome:hover, #nav_main a.divMenuArticle:hover, #nav_main a.divMenuLinks:hover, #nav_main a.divMenuForum:hover, #nav_main a.divMenuFAQ:hover, #nav_main a.divMenuContacts:hover {
				background-image:url(../img2/nav_main/hover.gif);
				background-color:#333;
			}
		#nav_main a.menuBanner {
			padding:0;
			background-image:url(../img2/nav_main/hover.gif);
			background-color:#e7e8e9;
			width:120px;
			height:70px;
			color:#000;
		}
			#nav_main a.menuBanner:hover {
				background-image:none;
				background-color:#333;
				color:#fff;
			}	
	
		
/* -------------------- */
/* SECONDARY NAVIGATION */
/* -------------------- */
#nav_sub {
	padding-bottom:10px;
}
	#nav_sub ul {
		list-style-type:none;
	}
		#nav_sub ul li {
			font-size:2em;
		}
			#nav_sub ul li.firstLink {
				font-size:3em;
				margin-bottom:0.5em;
				margin-top:4px;					
			}
		#nav_sub ul li a:hover {
			text-decoration:none;
			color:#000;
		}

/* ------------ */
/* MAIN CONTENT */
/* ------------ */

#content_main {
	position:absolute;
	height:460px;
	margin-left:145px;
	|margin-left:0;
}

#cat_description {
	font-size:1.1em;
}
	#cat_description img {
		margin-bottom:10px;
	}


/* ------------------ */
/* ADDITIONAL CONTENT */
/* ------------------ */
#leftCol {
	width:241px;
	float:left;
}

#rightCol {
	width:241px;
	float:right;
}


/* ----------*/
/* SITE INFO */
/* --------- */
#site_info {
	clear:both;
	width:490px;
	padding-top:12px;
	color:#999;
	font-size:1em;
	margin-bottom:20px;
}
	#site_info a {
		color:#999;
	}
	#site_info .active {
	}