/*This imports the CSS reset*/
!@import url(reset.css);

/*Super awesome box layout model*/
#main-menu{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*The main menu*/
#main-menu{
	overflow: hidden;
	background: #a01111;
	z-index:1;

}
	#main-menu ul{
	   z-index:1;
	   
	}
		#main-menu li{
			width:100%;
			z-index:1;
			min-width:100px;
			border:0px #ffffff solid;
		}
		#main-menu li.top{
			float: left;
			width:16.66%;
			z-index:1;
			text-align:center;
			padding:2px
			
		}
			#main-menu li a{
				display: block;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 12px;
				font-weight: bsold;
				text-decoration: none;
				color: #fff;
				padding: 2px;
				padding-left: 10px;
				padding-right: 10px;
				margin: 0px;
				
				
			}
				#main-menu .menu-active a{
					color: #ffffff;
					background-image: url(/imagini/puterea-icn-arrow-dn.png);
					background-repeat: no-repeat;
					background-position: bottom center;
					
					background: #800000;
				}
				#main-menu li a:hover{
					color: #ffffff;
					background-image: url(/imagini/puterea-icn-arrow-dn.png);
					background-repeat: no-repeat;
					background-position: bottom center;
					
					background: #800000;
				}

		/*The power icon*/
		#main-menu .menu-icon{
			background: #aa0000;
			margin: 0px;
			border:0px;
			!border-radius: 50%;
		}
			#main-menu .menu-icon:hover{
				background: black;
			}
			
			
	.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}