/* - ++resource++drop_down.css - */
/* https://perrosguia.once.es/portal_css/++resource++drop_down.css?original=1 */
@media screen {
/* */
#portal-searchbox {
position:relative;
z-index:2;
}
#portal-globalnav {
list-style-image:none;
}
* html #portal-globalnav {
position:relative;
}
#portal-globalnav li {
display:block;
float:left;
position:relative;
}
#portal-globalnav li a {
display:block;
line-height:2em;
padding:1px 1em 21px;
}
#portal-globalnav li.selected a {
background-color:#205C90;
color:#fff;
}
#portal-globalnav > li > a span {
cursor:pointer; /* */
display:block; /* */
white-space: normal;
}
#portal-globalnav .boxdropdown{
left: 0;
position: absolute;
top: 100%;
z-index: 1001;
}
#portal-globalnav .boxdropdown li ul{
display:none;
left:0;
top:100%;
}
#portal-globalnav .tabsections {
background-color: #ddd;
float: left;
width: 13em;
z-index: 2000;
}
#portal-globalnav .extracontent {
background-color: #fff;
text-align: left;
width: auto;
z-index: 1500;
}
#portal-globalnav li:hover div.boxdropdown li:hover > ul {
display: block;
}
#portal-globalnav li:hover div.boxdropdown li.plus:hover > ul.extra {
display: block;
float:right;
}
#portal-globalnav ul li {
float:none;
margin:0;
}
#portal-globalnav ul li a {
background-color:#ddd;
border-top:1px solid #fff;
height:auto;
padding:0.5em 1.5em 0.5em 1em;
vertical-align:top;
}
#portal-globalnav li.selected ul li a {
background-color:#ddd;
color:#205C90;
}
#portal-globalnav li ul ul {
top:0;
left:100%;
}
#portal-globalnav ul li a.hasChildrens {
background-color:#ddd;
}
#portal-globalnav:hover li:hover ul > a {
background-color:#ddd;
color:#205C90;
}
#globalnav-toggle,
.globalnav-toggle,
#portal-globalnav-mobile {
display:none;
}
#portal-globalnav > li > a.hasChildrens + div.over {
display:table;
visibility:visible;
animation-name:animationDropdown;
animation-duration: 1000ms;
animation-iteration-count: 1;
-ms-animation-name:animationDropdown;
-ms-animation-duration: 1000ms;
-ms-animation-iteration-count: 1;
-webkit-animation-name:animationDropdown;
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: 1;
-moz-animation-name:animationDropdown;
-moz-animation-duration: 1000ms;
-moz-animation-iteration-count: 1;
-o-animation-name:animationDropdown;
-o-animation-duration: 1000ms;
-o-animation-iteration-count: 1;
}
.overOff {
display:none;
visibility:hidden;
}
}
@media (max-width:767px) {
#globalnav-wrapper.mobileMenuOn {
display:none;
}
.mobileMenu {
background-color: #ddd;
margin: 0 0 0.5em;
padding:0.5em;
}
#portal-globalnav-mobile {
display:block;
min-width:150px;
}
#globalnav-wrapper {
margin: 0 0 1em;
}
#portal-globalnav li {
float: none;
}
#portal-globalnav > li > a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 0;
padding: 0.5em 1em;
position: relative;
width: 100%;
}
#portal-globalnav > li > a.hasChildrens + div.over {
display:none;
visibility:hidden;
}
.overOff {
display:none;
visibility:hidden;
}
#portal-globalnav > li.selected .overOff,
#portal-globalnav > li.selected a.hasChildrens + div.over {
display:block;
visibility:visible;
position:static;
animation-iteration-count: 0;
-ms-animation-iteration-count: 0;
-webkit-animation-iteration-count: 0;
-moz-animation-iteration-count: 0;
-o-animation-iteration-count: 0;
}
.clasica #portal-globalnav > li.selected .overOff,
.clasica #portal-globalnav > li.selected a.hasChildrens + div.over {
display:none;
visibility:hidden;
}
#portal-globalnav li:hover > ul {
display: none;
}
#portal-globalnav li ul {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
position: relative;
}
#portal-globalnav ul li a {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#portal-globalnav ul li a {
border: 0;
}
#portal-globalnav ul.globalSectionsLevel1 > li > a {
padding: 0.5em 1.5em 0.5em 3rem;
}
#portal-globalnav ul.globalSectionsLevel2 > li > a {
padding: 0.5em 1.5em 0.5em 5em;
}
#portal-globalnav ul.globalSectionsLevel3 > li > a {
padding: 0.5em 1.5em 0.5em 6em;
}
#portal-globalnav ul li a.hasChildrens:hover,
#portal-globalnav ul li a.hasChildrens {
background-image: none;
}
#portal-globalnav li ul ul {
left: 0;
}
#portal-globalnav .plus.open > a {
background-color: #205c90;
color: #fff;
}
#portal-globalnav li a span.relativeItem {position:relative;display:inline-block;padding-right:1.5em;}
}