/*--------------------------------------------------------- MENU-TOP -----------------------------------------------------------*/ #menu-top{ } #menu-top .menu_container{ padding-top: 0; padding-bottom: 0;} /*---*/ #menu-top .menu-left{ text-align: left; float: left;} #menu-top .menu-left .menu-left-column{ text-align: left; display: inline-block;} #menu-top .menu-right{ text-align: right; float: right;} #menu-top .menu-right .menu-right-column{ text-align: right; display: inline-block;} /*---*/ #menu-top ul li{ display: inline-block; position: relative; } #menu-top ul li a{ padding: 0 8px 5px; color: #bbb; font-family: 'readable'; font-size: .7em; font-weight: bold; font-style: normal; text-transform: none; letter-spacing: 1px; position: relative; display: block;} #menu-top ul li a:hover{ color: #a19064; text-decoration: none;} #menu-top .menu-left ul li:first-child a{ padding-left: 0;} #menu-top .menu-right ul li:last-child a{ padding-right: 0;} /*-- SUBMENU --*/ #menu-top ul li ul{ display: none !important;} /*---*/ @media (max-width: 900px) { #menu-top .menu-left{ text-align: center; float: none;} #menu-top .menu-left .menu-left-column{ text-align: center; float: none;} #menu-top .menu-right{ text-align: center; float: none;} #menu-top .menu-right .menu-right-column{ text-align: center; float: none;} } /*--------------------------------------------------------- MENU-MAIN / MAINDIVIDED -----------------------------------------------------------*/ #menu-main{ } #menu-main .menu_container{ padding-top: 0; padding-bottom: 0; text-align: right; position: relative; z-index: 100;} /*---*/ #menu-main .menu-left{ padding: 0px; text-align: right; width: calc(50% - 8em); float: left;} #menu-main .menu-right{ padding: 0px; text-align: left; width: calc(50% - 8em); float: right;} /*---*/ #menu-main ul li{ display: inline-block; position: relative; } #menu-main ul li a{ padding: .4em 1em; color: #000; font-family: 'readable'; font-size: 0.7em; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; position: relative; display: block;} #menu-main ul li:first-child a{ padding-left: 0;} #menu-main ul li:last-child a{ padding-right: 0;} #menu-main ul li:hover > a:first-child{ color: #cca7a2; text-decoration: none;} #menu-main ul li.current-menu-item > a:first-child, #menu-main ul li.current_page_parent > a:first-child, #menu-main ul li.current-menu-parent > a:first-child, #menu-main ul li.current-page-ancestor > a:first-child { color: #cca7a2;} #menu-main ul li.current-menu-item.no-select > a:first-child, #menu-main ul li.current_page_parent.no-select > a:first-child, #menu-main ul li.current-menu-parent.no-select > a:first-child { color: #000;} /*-- separator -- #menu-main ul li > a:before{ display: block; top: -.05em; left: -.5em; width: .55em; height: 100%; content: ''; background: url('img/icon-menu-separator.png') no-repeat 50% 50%; position: absolute;} #menu-main ul li:first-child > a:before{ display: none;}*/ /*-- has children --*/ #menu-main ul li.menu-item-has-children a{ margin-right: 1.2em;} #menu-main ul li.menu-item-has-children a:after{ width: 10px; height: 10px; content: ''; background: url('img/icon-menu-has-children.png') no-repeat 50% 50%; top: .6em; right: 0; position: absolute;} #menu-main ul li.menu-item-has-children:hover a{ } /*-- SUBMENU --*/ #menu-main ul ul.sub-menu{ display: none; text-align: left; margin-left: 0px; padding: 10px 0 15px; width: 100%; min-width: 150px; text-align: center; background: #fff; border: 1px solid #eee; border-top: 2px solid #555; left: 0; position: absolute; opacity: 0; display: none; z-index: 100;} #menu-main ul li:hover ul.sub-menu{ display: block; opacity: 100; } /*-- init a:before/after --*/ #menu-main ul li.menu-item-has-children ul.sub-menu a{ margin-right: 0;} #menu-main ul li.menu-item-has-children:hover ul.sub-menu a:before{ display: none;} #menu-main ul li.menu-item-has-children:hover ul.sub-menu a:after{ display: none;} /*---*/ #menu-main ul ul.sub-menu li{ min-width: 120px; display: block;} #menu-main ul ul.sub-menu li a{ padding: 9px 20px; color: #333; font-size: 0.9em; text-transform: none; } #menu-main ul ul.sub-menu li a:hover{ color: #a19064; text-decoration: none;} /*-- SUBSUBMENU --*/ #menu-main ul li ul li ul{ display: none !important;} /*---*/ @media (max-width: 900px) { } /*--------------------------------------------------------- MENU-MOVILSELECT -----------------------------------------------------------*/ #menu-movilselect{ } #menu-movilselect .menu_container{ padding-top: 0; padding-bottom: 0; position: relative; z-index: 100;} /*---*/ #menu-movilselect{ margin: 0 auto; width: 100%; max-width: 17em;} #menu-movilselect ul{ display: none;} #menu-movilselect select{ color: #fff; background: #dac2c4 url('img/icon-form-select-menu.png') no-repeat 100% 50%; border: 0; border-radius: 0;} /*---*/ @media (max-width: 900px) { } /*--------------------------------------------------------- MENU MOVILICONS -----------------------------------------------------------*/ #menu-movilicons{ } #menu-movilicons .menu_container{ padding: 0; position: relative; z-index: 100;} /*-- TOP --*/ #menu-movilicons .menu-top{ padding-bottom: 1em;} #menu-movilicons .menu-top_container{ margin: 0 auto; max-width: 30em; text-align: center;} /*---*/ #menu-movilicons ul li{ width: 18%; display: inline-block;} #menu-movilicons ul li .menu-button{ } #menu-movilicons ul li .menu-button .element-icon{ margin: 0 auto; width: 50px; height: 50px; background-image: url('img/sprite-icon-menu-movilicons.png'); display: block; position: relative;} #menu-movilicons ul li .menu-button .element-items{ padding-top: 0.15em; width: 1.6em; height: 1.5em; color: #fff; font-size: 0.7em; font-weight: bold; text-align: center; background-color: #ed6755; border-radius: 100%; border: 2px solid #fff; top: 5px; right: -0.1em; position: absolute;} #menu-movilicons ul li .menu-button .element-text{ width: 100%; font-size: 0.6em; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: .1em; text-align: center; display: block;} #menu-movilicons ul li .menu-button a{ color: #333; width: 100%; height: 60px; display: inline-block; text-decoration: none;} #menu-movilicons ul li .menu-button a:hover{ color: #999; text-decoration: none;} /*---*/ #menu-movilicons .menu-button .element-icon.style-a{ background-position: 0 0;} #menu-movilicons .menu-button .element-icon.style-b{ background-position: -50px 0;} #menu-movilicons .menu-button .element-icon.style-c{ background-position: -100px 0;} #menu-movilicons .menu-button .element-icon.style-d{ background-position: -150px 0;} #menu-movilicons .menu-button .element-icon.style-e{ background-position: -200px 0;} #menu-movilicons .menu-button .element-icon.style-f{ background-position: -250px 0;} /*-- BOTTOM --*/ #menu-movilicons .menu-bottom{ margin: 0 auto; padding: 1em 0 1em; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fcfcfc; display: none;} #menu-movilicons .menu-bottom_container { margin: 0 auto; width: 90%; position: relative;} /*---*/ #menu-movilicons .menu-close { top: -.5em; right: 0; position: absolute; z-index: 20;} #menu-movilicons .menu-close .element-icon{ width: 30px; height: 30px; background: url('img/icon-menu-movilicons-close.png') no-repeat 50% 50%; display: block; cursor: pointer;} /*---*/ #menu-movilicons .menu-result.menu { display: none;} #menu-movilicons .menu-result.menu ul li{ padding: .9em 0; text-align: center; width: 100%; display: block; position: relative;} #menu-movilicons .menu-result.menu ul li a:first-child{ color: #333; font-size: .9em; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: .1em; position: relative; display: inline-block;} #menu-movilicons .menu-result.menu ul li a:hover{ color: #a19064; text-decoration: none;} /*-- submenu --*/ #menu-movilicons .menu-result.menu ul ul.sub-menu{ text-align: center;} #menu-movilicons .menu-result.menu ul ul.sub-menu li{ padding: .7em 0 0; border: 0; width: auto; display: inline-block; position: relative; } #menu-movilicons .menu-result.menu ul ul.sub-menu li a{ padding: 0 1em; color: #999; font-size: .8em; font-weight: bold; font-style: normal; text-transform: none; letter-spacing: .1em; position: relative; display: inline-block;} #menu-movilicons .menu-result.menu ul ul.sub-menu li a:hover{ color: #a19064; text-decoration: none;} #menu-movilicons .menu-result.menu ul ul.sub-menu li > a:before{ display: none;} #menu-movilicons .menu-result.menu ul ul.sub-menu li > a:after{ display: block; top: 0; right: -.5em; width: 10px; height: 100%; content: ''; background: url('img/icon-submenu-separator.png') no-repeat 50% 50%; position: absolute;} #menu-movilicons .menu-result.menu ul ul.sub-menu li:last-child > a:after{ display: none;} /*---*/ @media (min-width: 900px) { } /*--------------------------------------------------------- MENU-SEARCH -----------------------------------------------------------*/ #menu-search { display: inline-block;} #menu-search .menu_container { padding: 0;} /*---*/ #menu-search .form{} /*#menu-search .form form input{ width: calc( 100% - 9.5em); float: left; } #menu-search .form form button{ padding: .6em .7em .7em; color: #fff; background: #000; font-size: .9em; width: 7em; text-align: center; float: right; cursor: pointer;} #menu-search .form form button:hover{ color: #fff; background: #333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;} */ #menu-search .form form input{ padding: .1em .7em .4em; width: calc( 100% - 1.4em); background: transparent; border: 0px; border-bottom: 1px solid #ccc; border-radius: 0; float: left; } #menu-search .form form button{ margin-left: -2.6em; padding: 0; width: 2em; height: 1.6em; color: #fff; background: url('img/icon-form-search-submit.png') 50% 50% no-repeat; content: ''; text-align: center; float: right; cursor: pointer;} #menu-search .form form button:hover{ background: url('img/icon-form-search-submit-hover.png') 50% 50% no-repeat; } /*--------------------------------------------------------- MENU-FOOTER -----------------------------------------------------------*/ #menu-footer{ } #menu-footer .menu_container{ padding-top: 0em; padding-bottom: 0em;} /*---*/ #menu-footer ul li{ display: inline-block; position: relative; } #menu-footer ul li a{ padding: 0 .4em .2em; font-size: .8em; font-weight: normal; font-style: normal; text-transform: none; letter-spacing: 0em; position: relative; display: block;} #menu-footer ul li a:hover{ } #menu-footer ul li:first-child a{ padding-left: 0;} #menu-footer ul li:last-child a{ padding-right: 0;} /*-- SUBMENU --*/ #menu-footer ul li ul{ display: none !important;} /*---*/ @media (max-width: 800px) { } /*--------------------------------------------------------- MENU-FOOTERLIST -----------------------------------------------------------*/ #menu-footerlist{ background-color: transparent; } #menu-footerlist .menu_container{ position: relative; } /*---*/ #menu-footerlist header{} #menu-footerlist header .titulo{} #menu-footerlist header .titulo .content{} /*---*/ #menu-footerlist ul li{ display: block; position: relative; } #menu-footerlist ul li a{ padding: .2em 0; color: #333; font-family: 'readable'; font-size: 0.85em; font-weight: normal; font-style: normal; text-transform: none; letter-spacing: 0em; position: relative; display: block;} #menu-footerlist ul li a:hover{ color: #ed6755; text-decoration: none;} #menu-footerlist ul li a:before{ display: none; top: .1em; left: 0em; width: .55em; height: 100%; content: ''; background: url('img/icon-menu-separator.png') no-repeat 50% 50%; position: absolute;} /*--------------------------------------------------------- MENU-LEGAL -----------------------------------------------------------*/ #menu-legal{ } #menu-legal .menu_container{ padding-top: 0em; padding-bottom: 0em;} /*---*/ #menu-legal ul li{ display: inline-block; position: relative; } #menu-legal ul li a{ padding: 0 .4em .2em; font-size: .65em; font-weight: normal; font-style: italic; text-transform: none; letter-spacing: .1em; position: relative; display: block;} #menu-legal ul li a:hover{ } #menu-legal ul li:first-child a{ padding-left: 0;} #menu-legal ul li:last-child a{ padding-right: 0;} /*-- SUBMENU --*/ #menu-legal ul li ul{ display: none !important;} /*---*/ @media (max-width: 800px) { } /*--------------------------------------------------------- MENÚ CATEGORIES -----------------------------------------------------------*/ #menu-categories{ background-color: transparent; } .page-template-galleries #menu-categories{ background-color: #f4edec; } #menu-categories .menu_container{ padding-top: 0em; padding-bottom: 0em; max-width: 80%; margin: 0 auto;} .page-template-galleries #menu-categories .menu_container{ padding-top: 0em; padding-bottom: 1.5em;} #menu-categories ul { text-align: center;} #menu-categories ul li { margin: .2em .2em; display: inline-block;} #menu-categories ul li a { margin: 0 0 .3em 0; padding: .5em .9em .4em; font-family: 'decorative'; font-size: .8em; font-weight: normal; line-height: 1em; text-transform: normal; text-decoration: none; letter-spacing: .1em; color: #cca7a2; border: 1px solid #cca7a2; background-color: transparent; cursor: pointer; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;} #menu-categories ul li a:hover, #menu-categories ul li.current-menu-item a{ border: 1px solid #000; color: #000;}