/* 
    Document   : meiacana_domain-navigation
    Created on : 13/Mar/2013, 12:32:42
    Author     : Ze Pedro
    Description:
        Purpose of the stylesheet follows.
*/

/* Fix for Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

#block-menu-sfgp-nav{
  position: relative;
}

nav#sfgp-nav {
  text-align: right;
  position: absolute;
  width: 99%;
  background-color: transparent;
  z-index: 999;
  top: 0px;
  margin-top: -30px;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

nav#sfgp-nav input[type=checkbox]{
  visibility: hidden;
  position: absolute;
  display: none;
}

#sfgp-nav label {
  cursor: pointer;
}


#sfgp-nav >label {
  position: relative;
  display: inline;
  padding: 1px;
  margin: 0;
  width: 1.4em;
  height: 1.3em;
  float: right;
  background-color:#F8F8F8;
  border: 1px solid #F0F0F0;
  user-select: none;
  color:#000;
  text-decoration:none;
  text-align:center;
  font-size: 18px;
  transition:color .3s ease-in-out;
}

@media all and (min-width:30.00em) /*480px*/ { 
  #sfgp-nav >label {
      visibility: hidden;
      width: 0em;
      height: 0em;
      position: absolute;
  }
}

nav#sfgp-nav>input[type=checkbox] ~label:after {
        content: "\2261";
        color:#00000;
}

nav#sfgp-nav>input[type=checkbox]:checked ~label:after {
      content: "\2261";
      color:#C0C0C0;
}



nav#sfgp-nav ul#main-sfgp-nav{
  width: 92%;
  padding-right:5px;
}

@media all and (min-width:30.00em) /*480px*/ { 
  nav#sfgp-nav ul#main-sfgp-nav {
    width: 72%;
    margin-top: -2.5em;
    opacity: 1;
    height: auto;
    float: right;
   
  }
}

nav#sfgp-nav ul {
 font-family: "Monotype Corsiva";
  font-size: 1.00em;
 display:block;
 margin:0;
 padding:0;
 height: 0px;
 -webkit-transition: all 1s ease-in;
 -moz-transition: all 1s ease-in;
 -o-transition: all 1s ease-in;
 -ms-transition: all 1s ease-in;
 transition: all 1s ease-in;
 opacity: 0;
 overflow:hidden;
}

nav#sfgp-nav input[type=checkbox]:checked~ ul {
 height: auto;
 width: 100%;
 float: right;
 opacity: 1;
}
     
nav#sfgp-nav li {
  width: 100%;
  text-align:center;  
  background-color:#F8F8F8;
  border: 1px solid #F0F0F0;
}    

@media all and (min-width:30.00em) /*480px*/ { 
  nav#sfgp-nav li{
    width:8.125em;
    display: block;
    float: right;
    max-width: 8.125em;
    min-width: 8.125em;
  }
}

nav#sfgp-nav li ul{
  width:100%;
  font-size: 1.00em;
  position: relative;
  max-width: none;
}
@media all and (min-width:30.00em) /*480px*/ { 
  nav#sfgp-nav input[type=checkbox]:checked~ ul.sfgp-nav.group{
    width: 8.125em;
    max-width: 8.125em;
    min-width: 8.125em;
    position: absolute;
    
    overflow: visible;
  }
}

nav#sfgp-nav li ul li{
  width: 100%;
  
}

nav#sfgp-nav a:visited,
nav#sfgp-nav a:link{
    text-decoration: none;
    color:#000000;
}