
/* CSS Document */

body
{
	background:#acc4de;
}

*
{
	margin:0;
	padding:0;
}

#aroundContainer
{
	width:100%;
	height:auto;
	background:#fff url(../Images/bg.jpg) repeat-x scroll center top;
}

#container
{
	width:932px;
	height:auto;
	margin:0px auto;
	/*background-image:url(../Images/bgContainer.png);
	background-repeat:repeat-y;*/
}
#continutContainer
{
	width:916px;
	height:100%;
	margin:0px auto;
}

/*------>>>>>> TOP <<<<<<------*/
#topContainer
{
	width:100%;
	height:206px;
	background-image:url(../Images/bgTopContainer.jpg);
	background-repeat:no-repeat;
}
#topContainerEng
{
	width:100%;
	height:206px;
	background-image:url(../Images/bgTopContainerEng.jpg);
	background-repeat:no-repeat;
}
#top
{
	width:100%;
	height:auto;
}
	/*.topLinie
	{
		width:100%;
		height:26px;
		background-color:#111E2D;
	}*/
	.contineBanner
	{
		width:100%;
		height:142px;
		background-image:url(../Images/banner.jpg);
		background-repeat:no-repeat;
	}
		#BineAtiVenit
		{
			float:right;
			vertical-align:bottom;
			margin-top:100px;
		}
	.linieBottomContineBanner
	{
		width:100%;
		height:3px;
		background-color:#111E2D;
	}
	#contineMeniu
	{
		width:100%;
		height:64px;
		background-image:url(../Images/bgMeniu.png);
		background-repeat:no-repeat;
	}
		.meniu
		{
			width:100%;
			height:64px;
			/*margin-top:2px;
			margin-bottom:2px;*/
		}
			.meniuList
			{
				display:block;
				padding:0;
				margin:0;
				position:relative;
				text-align:center;
			}
				.meniuList li
				{
					display:block;
					float:left;
					list-style:none outside none;
					margin:0;
					padding:0;
					position:relative;
					/*background-color:#E8E8E8;*/
					width:124px;
						
				}
				.meniuList li.mP
				{
					background:url(../Images/bg-li.png) no-repeat scroll right 0 transparent;
					padding:0px 1px 0px 0px;
						
				}
				.meniuList li.mSecond
				{
					background:url(../Images/bg-li.png) no-repeat scroll right 0 transparent;
					padding:0px 1px 0px 0px;
						
				}
				.meniuList li.mThird
				{
					background:url(../Images/bg-li.png) no-repeat scroll right 0 transparent;
					padding:0px 1px 0px 0px;
						
				}
				.meniuList li.mc
				{
					background:url(../Images/bg-li.png) no-repeat scroll right 0 transparent;
					padding:0px 1px 0px 0px;
						
				}
				.meniuList li.mFifth
				{
					background:url(../Images/bg-li.png) no-repeat scroll right 0 transparent;
					padding:0px 1px 0px 0px;
						
				}
				.meniuList li.ml
				{
					background:none;
					padding:0px 0px 0px 0px;
					width:125px;
						
				}
				
				.meniuList a
				{
					color:#FFFFFF;
					display:block;
					font-size:13px;
					font-weight:bold;
					overflow:hidden;
					padding:22px 0 26px;
					text-decoration:none;
					font-family:Verdana,Arial,Helvetica,sans-serif;
				}
				.meniuList li.mThird
				{
					width:149px;
				}
				.meniuList li.mc
				{
					width:265px;
				}
			
				.meniuList li.ml
				{
					background:none repeat scroll 0 0 transparent;
				}
				
				
				.meniuList li.mP a:hover
				{
					color:#101F37;
					background:url(../Images/hoverP.png) left no-repeat;
				}
				.meniuList li.mP a:active
				{
					color:#101F37;
					background:url(../Images/hoverP.png) left no-repeat;
				}
				
			
				.meniuList li.mSecond a:hover
				{
					color:#101F37;
					background:url(../Images/hoverSecond.png) left no-repeat;
				}
				.meniuList li.mSecond a:active
				{
					color:#101F37;
					background:url(../Images/hoverSecond.png) left no-repeat;
				}
				
			
				.meniuList li.mThird a:hover
				{
					color:#101F37;
					background:url(../Images/hoverThird.png) left no-repeat;
				}
				.meniuList li.mThird a:active
				{
					color:#101F37;
					background:url(../Images/hoverThird.png) left no-repeat;
				}
			
				
				.meniuList li.mc a:hover
				{
					color:#101F37;
					background:url(../Images/hoverMc.png) left no-repeat;
				}
				.meniuList li.mc a:active
				{
					color:#101F37;
					background:url(../Images/hoverMc.png) left no-repeat;
				}
				
				
				.meniuList li.mFifth a:hover
				{
					color:#101F37;
					background:url(../Images/hoverFifth.png) left no-repeat;
				}
				.meniuList li.mFifth a:active
				{
					color:#101F37;
					background:url(../Images/hoverFifth.png) left no-repeat;
				}
				
				
				.meniuList li.ml:hover a
				{
					color:#101F37;
					background:url(../Images/hoverL.png) right no-repeat;
				}
				.meniuList li.ml a:active
				{
					color:#101F37;
					background:url(../Images/hoverL.png) left no-repeat;
				}
				
				
/*------>>>>>> END OF TOP <<<<<<------*/


/*------>>>>>> MIDDLE <<<<<<------*/
#middle
{
	width:100%;
	height:auto;
}
	#topMiddle
	{
		width:100%;
		height:10px;
		background-image:url(../Images/bgTopMiddle.png);
		background-repeat:no-repeat;
	}
	#restOfMiddle
	{
		width:100%;
		height:auto;
		background-image:url(../Images/bgCont.png);
		background-repeat:repeat-y;
		min-height:400px;
	}
		#contineNews
		{
			padding:0px 20px 10px 20px;
			height:250px;
			background-image:url(../Images/bgNews.jpg);
			background-repeat:no-repeat;
			background-position:center;
		}
			#contineNewsLeft
			{
				float:left;
				width:388px;
				height:230px;
				border:1px solid #101f37;
				margin-top:10px;
				margin-bottom:10px;
				margin-left:10px;
			
			}
			#contineNewsRight
			{
				width:472px;
				height:230px;
				float:right;
				margin-bottom:10px;
				margin-top:10px;
				margin-left:10px;
				margin-right:10px;
				background-color:Aqua;
			}
		#continutRestOM
		{
			height:auto;
			padding:0px 20px 0px 20px;
			min-height:200px;
		}
			#leftRestOM
			{
				float:left;
				width:200px;
			}
				#cautare, #calarasi, #noutati, #evenimente, #meteo, #statistici, #bussines
				{
					width:100%;
					height:auto;
					margin-bottom:6px;
				}
					.topCautare, .topCalarasi, .topNoutati, .topEvenimente, .topMeteo, .topStatistici
					{
						width:100%;
						height:6px;
						background-image:url(../Images/bgTopCalarasi.jpg);
						background-repeat:no-repeat;
					}
					.topBussines
					{
						width:100%;
						height:41px;
						background-image:url(../Images/bgTopBuss.png);
						background-repeat:no-repeat;
					}
					.middleCautare, .middleCalarasi, .middleNoutati, .middleEvenimente, .middleMeteo, .middleStatistici
					{
						width:100%;
						height:auto;
						background-image:url(../Images/bgMiddleCalarasi.jpg);
						background-repeat:repeat-y;
					}
					.middleBussines
					{
						width:100%;
						height:auto;
						background-image:url(../Images/bgMiddleBuss.png);
					}
						.title h1, .title h2, .title h3, .title h4, .title h5
						{
							color:#06213E;
							font-size:13px;
							font-weight:bold;
							padding:10px 20px 10px 15px;
							font-family:Verdana,Arial,Helvetica,sans-serif;
						}
						.title h6
						{
							color:#06213E;
							text-align:center;
							font-size:13px;
							font-weight:bold;
							padding:6px 0px 0px 0px;
							font-family:Verdana,Arial, Helvetica, sans-serif;
						}
						.contentCalarasi, .contentNoutati, .contentEvenimente, .contentMeteo, .contentStatistici, .contentBussines
						{
							padding:0 10px 0px;
						}
						.contentBussines
						{
							padding-top:6px;
						}
						.contentBussines a
						{
							font-family:Verdana,Arial,Helvetica,Sans-serif !important;
							color:#363636;
							font-size:12px;
							text-decoration:none;
							padding:0px 6px 0px 8px;
						}
						.contentBussines p
						{
							font-family:Verdana,Arial,Helvetica,Sans-serif !important;
							color:#363636;
							font-size:12px;
							text-decoration:none;
							padding:0px 6px 0px 0px;
							margin-top:6px;
						}
							.liCal
							{
								margin:0;
								padding:0;
								position:relative;
							}
							.liCal li
							{
								border-bottom:1px solid #CCCCCC !important;
								list-style:none outside none;
								margin:0;
								padding:0;
								position:relative;
							}
							.liCal li:hover
							{
								background-color:#e9e9e9;
								cursor:pointer;
							}
							.liCal li.lst
							{
								border-bottom:none !important;
							}
							.liCal a
							{
								font-family:Verdana, Arial,Helvetica,Sans-serif !important;
								color:#363636;
								font-size:12px;
								text-decoration:none;
								padding:0px 6px 0px 8px;
								line-height:30px;
								white-space:normal;
							}
					.bottomCautare, .bottomCalarasi, .bottomNoutati, .bottomEvenimente, .bottomMeteo, .bottomStatistici
					{
						width:100%;
						height:6px;
						background-image:url(../Images/bgBottomCalarasi.jpg);
						background-repeat:no-repeat;
					}
					.bottomBussines
					{
						width:100%;
						height:6px;
						background-image:url(../Images/bgBottomBuss.png);
					}
			#rightRestOM
			{
				float:left;
				margin-left:10px;
				width:682px;
				height:auto;
			}
				.topROM
				{
					width:100%;
					height:6px;
					background-image:url(../Images/topRightROM.png);
					background-repeat:no-repeat;
				}
				.middleROM
				{
					width:100%;
					height:auto;
					background-image:url(../Images/bgRightROM.png);
					background-repeat:repeat-y;
				}
					#MainContent
					{
						padding:0px 10px 0px 10px;
					}
					/*#MainContent ul
					{
						padding-left:20px;
						margin:0px;
						padding-bottom:0px;
						font-family:Verdana,Arial, Tahoma, Sans-Serif;
						font-size:12px;
					
					}
					#MainContent ol
					{
						padding-left:20px;
						margin:0px;
						padding-bottom:0px;
						font-family: Verdana, Arial, Tahoma, Sans-Serif;
						font-size:12px;
					
					}
					#MainContent a:hover
					{
						text-decoration:underline;
					}
					#MainContent h1, #MainContent h2, #MainContent h3, #MainContent h4, #MainContent h5, #MainContent h6
					{
						color:#7C8DBE;
						font-family:Verdana,Arial,Helvetica,sans-serif,"Trebuchet MS";
						font-size:20px;
						font-weight:normal;
						line-height:35px;
						text-transform:uppercase;
						
					}
					#MainContent h1 a, #MainContent h2 a, #MainContent h3 a, #MainContent h4 a, #MainContent h5 a, #MainContent h6 a
					{
						font-family: Verdana, Arial,  Times New Roman, Sans-Serif;
						font-size:11px;
						color:#90c0f7;
						
					}*/
				.bottomROM
				{
					width:100%;
					height:6px;
					background-image:url(../Images/bottomRightROM.png);
					background-repeat:no-repeat;
				}
/*------>>>>>> END OF MIDDLE <<<<<<------*/


/*------>>>>>> BOTTOM CONTAINER<<<<<<------*/
#bottomContainer
{
	width:100%;
	height:auto;
	background-image:url(../Images/bgBottomContainer.jpg);
	background-repeat:repeat-x;
	min-height:142px;
}
	#bottom
	{
		width:932px;
		height:auto;
		margin:0px auto;
		background-image:url(../Images/bgBottom.png);
		background-repeat:no-repeat;
		height:50px;
	}
/*------>>>>>> END OF BOTTOM CONTAINER<<<<<<------*/

/*CONTROL NOUTATI*/

    /* main vertical scroll */
    #main
    {
        position: relative;
        overflow: hidden;
        height: 250px;
        overflow:hidden;
    }
    /* root element for pages */
    #pages
    {
        position: absolute;
        height: 20000em;
    }
    /* single page */
    .page
    {
        /*padding: 10px;
        height: 250px;
        background: #222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
        width: 520px;*/
        width:472px;
	    height:230px;
		float:right;
	    margin-bottom:10px;
	    margin-top:10px;
		margin-left:10px;
		margin-right:10px;
    }
    /* root element for horizontal scrollables */
    .scrollable
    {
        position: relative;
        overflow: hidden;
        height: 240px;
    }
    /* root element for scrollable items */.scrollable .items
    {
        width: 20000em;
        position: absolute;
        clear: both;
    }
    /* single scrollable item */
    .item
    {
        float: left;
        cursor: pointer;
        height: 250px;
        overflow:hidden;
    }
    .item img
    {
    	width:470px;
        height:230px;
    }
    /* main navigator */#main_navi
    {
    	float:left;
        width:388px;
		height:230px;
		border:1px solid #101f37;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
		font-family:Arial, Tahoma, Verdana, Sans-Serif;
		font-size:11px;
		overflow:hidden;
		
    }
    #main_navi li
    {
    	/*background-color:#cbd4e1; #95AECC;*/
    	background-image:url(../Images/bgLi.jpg);
    	background-repeat:repeat-x;
        border-top: 1px solid #666;
        clear: both;
        color:#243F5E;
        font-size: 12px;
        height:55px;    
        list-style-type: none;
        padding:10px 10px 10px 10px;
        /*width: 190px;*/
        width:368px;
        cursor: pointer;
        overflow:hidden;
    }
    #main_navi li a
    {
    	font-family:Arial, Verdana, Times New Roman, Sans-Serif;
    	font-size:11px;
    	text-decoration:none;
    	color:#54617e;
    	margin-top:20px;
    }
    #main_navi li a:hover
    {
    	text-decoration:underline;
    	color:White;
    }
    #main_navi li:hover
    {
        background-image:url(../Images/bgLiHover.jpg);
        background-repeat:repeat-x;
        color:White;
    }
    #main_navi li:hover a
    {
        color:White;
    }
    #main_navi li.active
    {
    	background-image:url(../Images/bgLiHover.jpg);
        background-repeat:repeat-x;
        background-color:#555d6e;
        height:57px;
    }
    #main_navi li.active a
    {
    	color:White;
    }
    #main_navi li.active 
    {
    	color:White;
    }
    #main_navi img
    {
        float: left;
        margin-right: 10px;
    }
    #main_navi strong
    {
    	color:#243f5e;
        display: block;
    }
    #main div.navi
    {
        /*margin-left: 250px;*/
        cursor: pointer;
    }
