.toggle,[id^=drop] { display: none;  transition:background-color 0.5s ease-out; }

nav                     { margin:0 auto; padding: 0; width: 100%; display: table; margin-top: -5px;}
nav label 				{content: "";}
nav:after               { content:""; display:table; clear:both; }
nav ul                  { float: right; padding:0; margin:0; list-style: none; position: relative; }
nav ul li               { margin: 0px; display:inline-block; border-radius:0 0 20% 20%; border-top: 5px solid transparent }
nav ul li:hover 		{ border-top: 5px solid #037d8a}

nav ul li ul li 				{ padding: 0; border-radius: 0;border-top:none;}
nav ul li ul li:hover 			{ border-top:none;}

nav a                   	{ display:block; padding:15px 40px; padding-top: 90px; color:#999; font-size:15px; text-decoration:none; font-weight: 300}
@media screen and (max-width:1400px){nav a { padding: 15px 20px; padding-top: 90px;}}
nav a:hover 				{ color: #037d8a;}
nav ul li ul li a			{ padding:15px 20px;}	

nav ul li ul li a:hover nav ul li a 	{color: #fff;}

nav ul ul               { display: none; position: absolute; top: 120px; transition: 0.5s;}
nav ul li:hover > ul    { display:inherit;  transition: 0.5s; }
	
nav ul ul li            { width:320px; float:none; display:list-item; position: relative; background: #ccc; }
nav ul ul li a          { color: #fff;}
nav ul ul li a:hover    { background: #00AABC; color: #fff; }
nav ul ul ul li         { position: relative; top:0; left:170px; transition: 0.5s; }

.submenu:after				{ content:  ' +'; }
li > a:after 				{ content:  ' +'; }
li > a:only-child:after 	{ content: ''; }

@media screen and (max-width : 1300px) {
	[id^=drop]:checked + ul { display: block;}

    .barras                 { float: right; right: 0;}
    .barras i               {font-size: 30px; color:#00AABC; float: right; right: 0;}
	.toggle + a, .menu 		{ display: none; width: 100%; }
	.toggle 				{ display: block; padding:20px 10px; color:#999; font-size:17px; text-decoration:none; border:none; border-bottom: 1px solid #e0e0e0; }

	nav label:hover 		{color:#037d8a;}

	nav                     { margin: 15px 0;}
	nav a  					{ padding: 20px 10px; }
	nav ul li 				{ display: block; width: 100%; border-radius: 0;border-top: 2px solid transparent;  border-bottom: 2px solid #e0e0e0;}
	nav ul li:hover 		{ border-top: 2px solid transparent; border-bottom: 2px solid #037d8a; text-decoration: none; }
	nav ul ul .toggle,
	nav ul ul a 			{ padding: 0 40px; }
	nav ul ul ul a 			{ padding: 0 80px; }
	
  	nav ul li ul li .toggle,
	nav ul ul a,
	nav ul ul ul a			{ padding:14px 20px; color:#FFF; font-size:17px; }
  
	nav ul li ul li .toggle,
	nav ul ul a 			{ background-color: #999; }
	nav ul ul 				{ float: none; position:static; color: #ffffff; }
		
	nav ul ul li:hover > ul,
	nav ul li:hover > ul 	{ display: none; }
	nav ul ul li 			{ display: block; width: 100%; }

	nav ul ul ul li 		{ position: static;}
}

@media all and (max-width : 330px) {
	nav ul li { display:block; width: 94%; }
}