@import url('default.css');

	#contentLeft {
		float:left;
		width: 467px;
		padding-top: 134px;
	}

		#contentLeft h3 {
			font-size: 18px;
			font-weight: bold;
			color: #275b53;
			height: 30px;
			margin-left: 69px;
		}
		
		#contentLeft h3 img {
			vertical-align: top;
		}
		
		#contentLeft ul {
			list-style-type: none;
			margin-left: 71px;
			margin-bottom: 25px;
		}
	
		#contentLeft ul li {
			margin-bottom: 3px;
		}
		
		#contentLeft ul li a {
			width: 373px;
			height: 18px;
			display: block;
			background: #02a997 url('../img/arrow1.png') no-repeat 355px center;
			border: 1px solid #02a997;
			color: #fff;
			border-radius: 10px;
		}

		#contentLeft ul li a:hover {
			background: #d4ca26 url('../img/arrow2.png') no-repeat 355px center;
			border-color: #d4ca26;
		}
				
		#contentLeft ul.diedrica {
			margin-bottom: 25px;
		}	
	
		#contentLeft ul.diedrica li a {
			background: #c6b01c url('../img/plus_2x.png') no-repeat 355px center;
			background-size: 16px;
			border-color: #c6b01c;
		}
	
		#contentLeft ul.diedrica li a:hover, #contentLeft ul.diedrica li a.active {
			background: #3c8477 url('../img/less_2x.png') no-repeat 355px center;
			background-size: 16px;
			border-color: #3c8477;
		}

		/*#contentLeft ul.axonometria li:first-child a {
			background: #02a997 url('../img/arrow1.png') no-repeat 355px center;
		}

		#contentLeft ul.axonometria li:first-child a:hover {
			background: #d4ca26 url('../img/arrow2.png') no-repeat 355px center;
			border-color: #d4ca26;
		}*/
		
		#contentLeft ul li span {
			display: inline-block;
			margin-top: 2px;
			margin-left: 9px;
			font-size: 13px;
			font-weight: bold;
		}
	
	#contentRight {
		position: relative;
		float: left;
		width: 533px;
		height: 478px;
		margin-top: 23px;
	}
	
		#contentRight #nav ul {
			margin-left: 274px;
		}

		#contentRight img.adquiir {
			margin-top: 15px;
			margin-left: 264px;
		}		
	
	#submenu{
		position:absolute;
		top:100px;
		left:0;
		width: 386px;
		height:316px;
		border: 1px solid #f2f0e5;
		background-color: #f6f6f6;
		border-radius: 10px;
		/*box-shadow: 0 0 0 1px #f6f6f6 inset;*/
	}
	
		#submenu ul {
			list-style-type: none;
			margin: 9px;
		}
	
		#submenu ul li {
			margin-bottom: 3px;
		}
		
		#submenu ul li a {
			width: 368px;
			min-height: 18px;
			display: block;
			color: #fff;
			border-radius: 10px;
		}
		
		#submenu ul li.item a {
			background: #3c8477 url('../img/arrow_ex_2x.png') no-repeat 351px center;
			background-size: 16px;
			border: 1px solid #3c8477;
		}
		
		#submenu ul li.item a:hover {
			background: #23564e url('../img/arrow_ex_2x_h.png') no-repeat 351px center;
			background-size: 16px;
			border-color: #23564e;
		}
		
		#submenu ul li.exercicio a {
			background: #23564e url('../img/arrow_ex_2x_h.png') no-repeat 351px center;
			background-size: 16px;
			border: 1px solid #23564e;
		}		

		#submenu ul li.exercicio a:hover {
			background: #3c8477 url('../img/arrow_ex_2x.png') no-repeat 351px center;
			background-size: 16px;
			border-color: #3c8477;
		}
		
		#submenu ul li span {
			display: inline-block;
			margin-top: 2px;
			margin-left: 9px;
			margin-right: 15px;
			font-size: 13px;
			font-weight: bold;
		}
		
		.itemLevel4 {
			height: auto;
			background: #3c8477;
			border: 1px solid #3c8477;
			border-radius: 10px;
		}
		
		#submenu ul.level4 {
			list-style-type: none !important;
			margin: 0px;
			margin-top: 2px;
			color: #c26220;
		}
		
		#submenu ul.level4 li {
			margin-bottom: 0px;
			/*background-image: url('../img/bullet.png');
			background-repeat: no-repeat;
			background-position: 9px 5px;*/
			font-size: 12.5px;
		}
			
		#submenu ul.level4 li:last-child {
			border-bottom: 0px;
			margin-bottom: 6px;
		}
		
		#submenu ul.level4 li a {
			background: url('../img/arrow_ex_2x.png') no-repeat 350px center;
			background-size: 16px;
			padding-left: 9px;
			padding-top: 0px;
			padding-right: 30px;
			padding-bottom: 0px;
			width: auto;
		}
		
		#submenu ul.level4 li a:hover {
			background: url('../img/arrow_ex_2x_h.png') no-repeat 350px center;
			background-size: 16px;
			border-radius: 0px;
			border: 0px;
			width: auto;
		}
		
		#submenu ul.level4 li span {
			margin: 0px;
			margin-left: 12px;
			padding-bottom: 5px;
			padding: 2px 0px 3px 0px;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			background-image: url('../img/separador2.png');
			background-repeat: no-repeat;
			background-position: left bottom;
			width: 100%;
		}

		#submenu ul.level4 li span:hover {
			/*background-image: none;*/
			color: #042d26;
		}
		
		#submenu ul.level4 li:last-child span {
			/*background-image: none;*/
		}