#main-menu { /*caja del menu parent*/
		float: right;
		margin-right:20px;
		font-size: 0;
		margin-top: 30px;
		padding:20px;
		}

	#main-menu > li {
		display: inline-block; /*inline-block: en linea // block: en columna)*/
		margin-left: 10px; /*distancia padres left*/
		padding: 2px 0;
		}


	#main-menu > li.parent > a { /*espaciados*/
		padding-left: 5px;
		}

	#main-menu > li > a { /*fuente parent (enlaces no pagina activa)*/
		color: #fff;
		font-size: 15px;
		line-height: 14px;
		padding: 5px 0;
		text-decoration:none;
		}

	#main-menu > li:hover > a,
	#main-menu > li.current-menu-item > a {/*color hover y pagina activa*/ 
		color: #1b272b;
		}

	/* SUBMENU*/
	#main-menu li {
		position: relative;
		}

	ul.sub-menu { /* level 2 */
		display: none;
		left: -50px; /*distancia entre padres e hijos*/
		top: 15px; /*altura entre padres e hijos*/
		padding-top: 10px;
		position: absolute;
		width: 200px;
		z-index: 9999;
		}



	ul.sub-menu > li > a { /* caja de submenu*/
		background-color: #66a1a9; /*caja*/
		border: 1px solid #fff;
		border-top: none;
		color: #fff; /*fuente*/
		display: block;
		font-size: 15px;
		line-height: 15px;
		padding: 10px 12px;
		text-decoration:none;
		}
		
	ul.sub-menu > li > a:hover { /*color de hover en submenu*/
		background-color: #476874; 
		color: #fff;
		text-decoration:none;
		}

	ul.sub-menu > li:first-child { /*color decorativo (primer elemento: first-child)*/
		border-top: 3px solid #fff;
		}


	#main-menu li:hover > ul.sub-menu { /*mantiene el submenu en formato lista (no inline)*/
		display: block; 
		}


	/*MEDIA. POR DEBAJO DE UNA RESOLUCION DE 800PX SE CONTRAE EL MENU 
	(antes de dar salto de linea del parent más a la derecha)*/
	
	@media all and (max-width: 700px) { 
	
	#main-menu { /*caja del menu parent*/
		float:right;
		margin-right:5px;
		font-size: 0;
		margin-top:50px;
		padding:10px;
		}

	#main-menu > li {
		display: block; /*inline-block: en linea // block: en columna)*/
		margin-left:0; /*distancia padres left*/
		padding:10px;
		background-color: #33575c; /*caja*/
		border: 1px solid #fff;
		width:180px;
		}


	#main-menu > li.parent > a { /*espaciados*/
		padding-left: 5px;
		}

	#main-menu > li > a { /*fuente parent (enlaces no pagina activa)*/
		color: #fff;
		font-size: 15px;
		line-height: 14px;
		padding: 5px 0;
		text-decoration:none;
		}

	#main-menu > li:hover > a,
	#main-menu > li.current-menu-item > a {/*color hover y pagina activa*/ 
		color: #fff;
		}

	/* SUBMENU*/
	#main-menu li {
		position: relative;
		}

	ul.sub-menu { /* level 2 */
		display: none;
		left: -40px; /*distancia entre padres e hijos*/
		top: 5px; /*altura entre padres e hijos*/
		padding-top: 5px;
		position: relative;
		width:200px;
		z-index: 9999;
		}



	ul.sub-menu > li > a { /* caja de submenu*/
		background-color: #66a1a9; /*caja*/
		border: 1px solid #fff;
		border-top: none;
		color: #fff; /*fuente*/
		display: block;
		font-size: 15px;
		line-height: 15px;
		padding: 10px 12px;
		text-decoration:none;
		}
		
	ul.sub-menu > li > a:hover { /*color de hover en submenu*/
		background-color: #476874; 
		color: #fff;
		text-decoration:none;
		}

	ul.sub-menu > li:first-child { /*color decorativo (primer elemento: first-child)*/
		border-top: 3px solid #fff;
		}


	#main-menu li:hover > ul.sub-menu { /*mantiene el submenu en formato lista (no inline)*/
		display: block; 
		}


	}