/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/ .icon-wrench2{ background-image:url(../../imagenes/icoh.png); background-repeat:no-repeat; background-position:left top; width:14px; height:13px; } ol, ul { list-style: none; padding:0px; margin:0px; } #wrap { margin: 0 auto; } .inner { width:100%; margin: 0 auto; max-width: 1100px; padding: 0; } .relative { position: relative; } .right { float: right; } .left { float: left; } /* HEADER */ #wrap > header { background-color: #333; padding-bottom: 20px; } #navigation { position: relative; padding-top:10px; background:none; font-family: 'roboto_condensedregular'; width: 100%; max-width: 1100px; margin: auto; } #menu-toggle { display: none; float: right; } /* HEADER > MENU */ #main-menu { float: left; font-size: 0; margin: 0; background:none; margin-top:0px; } #main-menu > li { display: inline-block; margin-left: 0px; padding: 0px 0; margin-top:2px; } #menu2 #main-menu > li { display: inline-block; margin-left: 0px; padding: 0px 0; margin-top:5px; } #main-menu > li > a { color: #fff; font-size: 16px; font-weight:normal; line-height: 20px; padding:15px 22px; text-decoration:none; font-family: 'roboto_condensedregular'; } #main-menu > li:hover > a, #main-menu > li.current-menu-item > a { color: #006633; border-bottom: #006633 solid 5px; } #menu2 #main-menu > li:hover > a, #menu2 #main-menu > li.current-menu-item > a { color: #006633; border-bottom: #006633 solid 5px; } #menu2 #main-menu > li > a { color: #c49d00; font-size: 15px; font-weight:normal; line-height: 20px; padding:10px 14px; text-decoration:none; font-family: 'roboto_condensedregular'; } #menu2 #main-menu > li:hover > a, #menu2 #main-menu > li.current-menu-item > a { color: #006633; } #main-menu > li.meny { display:none } /* HEADER > MENU > DROPDOWN */ #main-menu li { position: relative; } ul.sub-menu { /* level 2 */ display: none; left: 0px; padding-top: 10px; position: absolute; width: 250px; z-index: 9999; padding-bottom: 20px; top: 40px; border-bottom: #d5b52c solid 10px; background: #363636; } #menu2 ul.sub-menu { /* level 2 */ display: none; left: 0px; padding-top: 10px; position: absolute; width: 250px; z-index: 9999; padding-bottom: 20px; top: 35px; border-bottom: #d5b52c solid 10px; background: #363636; } ul.sub-menu ul.sub-menu { /* level 3+ */ display: block; position: relative; margin-top: -1px; padding-top: 0; left: 30px; top: 0px; padding-bottom: 0px; border-bottom: none; } ul.sub-menu > li > a { background-color: #363636; border: 1px solid #363636; border-top: none; color: #bbb; display: block; font-size: 15px; line-height: 15px; padding: 8px 12px; } #menu2 ul.sub-menu ul.sub-menu { /* level 3+ */ display: block; position: relative; margin-top: -1px; padding-top: 0; left: 30px; top: 0px; padding-bottom: 0px; border-bottom: none; } #menu2 ul.sub-menu > li > a { background-color: #363636; border: 1px solid #363636; border-top: none; color: #bbb; display: block; font-size: 15px; line-height: 15px; padding: 8px 12px; } ul.sub-menu ul.sub-menu > li > a { font-size: 14px; line-height: 15px; padding: 5px 12px; } ul.sub-menu > li > a:hover { background-color:#b29200; color: #fff; } #menu2 ul.sub-menu > li > a:hover { background-color:#b29200; color: #fff; } ul.sub-menu > li:first-child { } ul.sub-menu ul.sub-menu > li { border-left: 1px solid #e7ad47; } ul.sub-menu > li:last-child > a { border-radius: 0 0 2px 2px; } ul.sub-menu > li > a.parent { background-image: url(../images/arrow.png); background-size: 5px 9px; background-repeat: no-repeat; background-position: 95% center; } #main-menu li:hover > ul.sub-menu { display: block; /* show the submenu */ } @media all and (max-width: 1090px) { #main-menu > li.meny { display:block } #main-menu { background:#222; } #navigation { position: static; margin-top: 20px; padding-top:40px; margin-bottom:1px; } #menu-toggle { display: block; margin-right:15px; margin-top:15px; } #main-menu { display: none; float: none; } #main-menu li { display: block; margin: 0; padding: 0; } #main-menu > li { margin-top: -1px; } #main-menu > li:first-child { margin-top: 0; } #main-menu > li > a { background-color: #333; border: 1px solid #444; color: #bbb; display: block; font-size: 14px; padding: 12px !important; padding: 0; } #main-menu li > a:hover { background-color: #444; } #main-menu > li.parent { background: none !important; padding: 0; } #main-menu > li:hover > a, #main-menu > li.current-menu-item > a { border: 1px solid #444 !important; color: #fff !important; } ul.sub-menu { display: block; margin-top: -1px; margin-left: 10px; position: static; padding: 0; width: inherit; } ul.sub-menu > li:first-child { border-top: 1px solid #444 !important; } ul.sub-menu > li > a.parent { background: #333 !important; } #menu2 #main-menu > li > a { color: #fff; font-size: 14px; padding: 0px 17px; padding-bottom:5px; text-decoration:none; text-transform:uppercase; } #menu2 #main-menu > li:hover > a, #menu2 #main-menu > li.current-menu-item > a { border: 1px solid #444 !important; color: #fff !important; } }