﻿#main_container
{
	background-image:url(/images/bg_main_container.jpg);
	background-repeat:no-repeat;
}


/* ########################################################
   LOGO BOX 
   ######################################################## */

	#main_container #logo_box
	{	
		margin:0px 0px 0px -20px;
		padding:106px 0px 0px 0px;
		height:150px;
	}

			#logo_box a img
			{
				border:0px;
			}

		#logo
		{
			float:left;
			padding:0px 0px 0px 58px;
			margin:0px 0px 0px 0px;
		}

#logo_blog {	
float: left;
margin: -86px 0px 0px 0px;
padding: 0px 0px 0px 542px;
height: 252px;
}

        #logo_blog img
		{
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
		}	
		
a#facebook_page, a#facebook_page img{
	display:block;
	width:40px;
	height:40px;
}
a#facebook_page{
	position:absolute;
	margin-left:50%;
left: 395px;
top: 293px;
z-index:5000;
}
a#mahala_blog, a#mahala_blog img{
	display:block;
	width:104px;
	height:47px;
}
a#mahala_blog{
	position:absolute;
	margin-left:50%;
left: 282px;
top: 289px;
z-index:5000;
}

/* ########################################################
   CENTRAL BOX 
   ######################################################## */

	#central_box
	{
		background-image:url(/images/bg_central_box.jpg);
		background-position:20px 52px;
		background-repeat:no-repeat;
		width:971px;
		padding:0px;
		margin:0px;
	}

		#central_box #left_shade, 
		#central_box #right_shade
		{
			width:20px;
			background-repeat:no-repeat;
			background-position:0px 90px;
			height:250px;
			float:left;
		}

		#central_box #left_shade
		{
			background-image:url(/images/bg_shade_left.jpg);
		}

		#central_box #right_shade
		{
			background-image:url(/images/bg_shade_right.jpg);
			margin:0px 0px 0px 22px;
		}

		#central_box #central_box_left
		{
			width:353px;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			float:left;
		}


/* ########################################################
   NOTE BOX 
   ######################################################## */

			#central_box_left #note_box
			{
				background-color:#0e5e6e;
				min-height:75px;
				_height:75px;
				margin: 10px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				float:left;
				border-bottom:solid 2px #ffffff;
			}

				#central_box_left #note_box p
				{
					width:287px;
					color:#ffffff;
					padding:16px 33px 8px 33px;
					margin:0px;
				}


/* ########################################################
   NEWS 
   ######################################################## */

			#central_box_left #news_container
			{
				width:353px;
				margin: 0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				float:left;
			}

				#news_container #news_box
				{
					width:300px;
					margin: 0px 0px 20px 0px;
					padding:0px 0px 0px 0px;
				}

					#news_box .news_item
					{
						margin: 20px 0px 0px 10px;
						color:#ffffff;
					}

					#news_box .news_tip
					{
						float:left;
						margin:3px 0px 0px 0px;
					}

						.news_item .news_date
						{
							float:left;
							margin:0px 0px 0px 10px;
							font-style:italic;
						}

						.news_item .news_title, 
						.news_item .news_title a
						{
						 margin:0px 0px 0px 5px;
						 padding: 0px 0px 0px 14px;
						 font-weight:bold;
						 text-decoration:none;
						 color:#ffffff;
						}
						
						.news_item .news_title a:hover
						{
						 color:#f7922a;
						}
						
						.news_item .news_excerpt
						{
						 margin:0px 0px 0px 20px;
						}
						
						.news_item .news_excerpt,
						.news_item .news_excerpt a
						{
						 font-size:10px;
						 text-decoration:none;
						 text-align:left;
						 color:#ffffff;
						}


/* ########################################################
   TOP LAYER (blocco in z-index)
   ######################################################## */

		#central_box #top_layer_container
		{
			float:left;
			position:relative;
			z-index:10;
			top:-60px;
			width:556px;
			margin:0px;
			padding:0px;
		}

		#central_box #over_top_layer_container
		{	
			position:relative;
			top:0px;
			z-index:20;
			width:555px;
			height:120px;
			background-image:url(/images/top_layer_mano.png);
			_background-image: none;
			margin:0px;
			padding:0px;
		}

			#top_layer_container #down_top_layer_container
			{	
				position:relative;
				z-index:15;
				margin:-65px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				background-color: #fff;
			}

				#top_layer_container #down_top_layer_container img
				{	
					margin:0px 0px 0px 0px;
					padding:0px;
					display:inline;
					border: solid 1px #fff;
				}

				#top_layer_container #down_top_layer_container div.thumb
				{
					position:relative;
					float:left;
					margin:0px;
					padding:0px;
					width:183px;
					z-index:15;
				}

			#top_layer_container #content_top_layer_container
			{
				color:#0e5e6e;
				z-index:25;
				background-image: url(/images/bg_content_top_layer_container.jpg);
			}

				#content_top_layer_container .focus_item
				{
					float:left;
					width:173px;
					margin:0px;
					padding:10px 5px 0px 5px;
				}

					.focus_item .focus_title
					{
						font-weight:bold;
						padding:0px 5px 10px 5px;
					}

					.focus_item .focus_excerpt
					{
						padding:0px 5px 0px 5px;
						text-align:left;
					}

				#content_top_layer_container #focus_tip_box
				{
				}

					#focus_tip_box .focus_tip
					{
						width:175px;
						padding:0px 5px 0px 5px;
						margin:0px 0px -13px 0px;
						float:left;
					}

						.focus_tip a img
						{
							border:0px;
							float:right;
						}

			#top_layer_container #bg_top_layer_container
			{
				background-image:url(/images/footer_top_layer_shade.png);
				background-repeat:no-repeat;
				_background-image:none;
				width:555px;
				height:9px;
			}


/* ########################################################
   BANNER CONTAINER
   ######################################################## */

	#main_container #banner_container
	{	
		margin:10px auto 0px 20px;
	}

		#banner_container .banner_item
		{
			float:left;
			background-image:url(/images/bg_banner.png);
			background-repeat:no-repeat;
			_background-image:none;
			width:234px;
		}

			.banner_item img
			{
				padding:7px;
			}

			.banner_item a img
			{
				border:0px;
			}


/* ########################################################
   FOOTER
   ######################################################## */

	#main_container #footer
	{
		background-color:Transparent;
		color:#b6ced3; 
		width:930px;
		height:2em;
		margin: 10px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
		font-size:10px;
	}

		#footer a
		{
			text-decoration:none;
			color:#b6ced3; 
		}

		#footer .left_foot
		{
			float:left;
			margin:0px 0px 0px 20px;
		}

		#footer .right_foot
		{
			float:right;
			margin:0px 20px 0px 0px;
		}



