/**
 *
 * Glyphs
 *
 **/
.zh-glyph {
  font-family:  'Icomoon', serif;
}


/**
 *
 *  SHIELD
 *
 **/
.zh-shield {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);
}





* {
    -webkit-tap-highlight-color:    transparent;
    -webkit-font-smoothing:         antialiased;
}

html, 
body {
    font-family:    'Source Sans Pro', sans-serif;
}

a  {
  cursor:           pointer;
  outline:          0px !important;
  -moz-user-select: -moz-none;
}

#header #zh-header {
  background-color: rgb(255, 207, 54);
  background-color: rgba(255, 207, 54, 1);
}

#header .header-partner {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 1);
}

#header #zh-header, 
#header #zh-header > .zh-border-botttom, 
#header #zh-header > .zh-border-left, 
#header #zh-header > .zh-border-right, 
#header #zh-header > .zh-border-top {
  border-color: rgb(160, 125, 11);
}

#header #zh-header #zh-menu-button .zh-menu-icon , 
#header #zh-header #zh-menu-button .zh-menu-icon:after, 
#header #zh-header #zh-menu-button .zh-menu-icon:before {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 1);
}

#header #zh-header .zh-animated, 
#header #zh-header .zh-button.zh-animated:hover, 
#header #zh-header .zh-button.zh-animated.over  {
  transition:         background-color 400ms ease-in-out;
  -moz-transition:    background-color 400ms ease-in-out;
  -o-transition:      background-color 400ms ease-in-out;
  -webkit-transition: background-color 400ms ease-in-out;
  
  transition:         opacity 400ms ease-in-out;
  -moz-transition:    opacity 400ms ease-in-out;
  -o-transition:      opacity 400ms ease-in-out;
  -webkit-transition: opacity 400ms ease-in-out;
}

#header #zh-header .zh-button-dark, 
#header #zh-header .zh-button-dark:hover, 
#header #zh-header .zh-button-dark.over {
  transition:         background-color 400ms ease-in-out;
  -moz-transition:    background-color 400ms ease-in-out;
  -o-transition:      background-color 400ms ease-in-out;
  -webkit-transition: background-color 400ms ease-in-out;
  
  transition:         opacity 400ms ease-in-out;
  -moz-transition:    opacity 400ms ease-in-out;
  -o-transition:      opacity 400ms ease-in-out;
  -webkit-transition: opacity 400ms ease-in-out;
}

#header #zh-header .zh-button {
  background-color: rgb(255, 207, 54);
  background-color: rgba(255, 207, 54, 1);
}

#zh-facebook-button, 
#zh-twitter-button, 
#zh-gplus-button {
  background-color: rgb(255, 255, 255) !important;
  background-color: rgba(255, 255, 1) !important;
}

#zh-header .zh-button.zh-button-dark {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 1);
}

#zh-header .zh-button.zh-animated:hover, 
#zh-header .zh-button.zh-animated.over {
  opacity:  0.8;
}

#zh-header #zh-menu-button {
	border-color:	rgb(255, 255, 0);
}

#zh-header #zh-title h2 {
  background:             url('http://zh.clicrbs.com.br/especiais-zh/img/dc-title-cover.png') right center/37px 21px no-repeat;
  color:                  rgb(0, 0, 0);
  font-family:            'Montserrat bold', sans-serif;
  padding:                2px 44px 0px 0px;
  -webkit-font-smoothing: antialiased;
}

#zh-header #zh-zh-button {
  background: url('http://zh.clicrbs.com.br/especiais-zh/img/dc-title-cover.png') right center/37px 21px no-repeat;
}

#zh-header #zh-facebook-button {
  background-image: url('http://zh.clicrbs.com.br/especiais-zh/img/zh-facebook-v0.png');
  top:              0px;
}

#zh-header #zh-twitter-button {
  background-image: url('http://zh.clicrbs.com.br/especiais-zh/img/zh-twitter-v0.png');
  top:              0px;
}

#zh-header #zh-gplus-button {
  background-image: url('http://zh.clicrbs.com.br/especiais-zh/img/zh-gplus-v0.png');
  top:              0px;
}

#zh-header #zh-assine-button {
  background-image: url('http://zh.clicrbs.com.br/especiais-zh/img/assine-zh-v0.png');
  clear:            left;
  display:          none;
  height:           60px  !important;
  top:              0px;
  width:            130px !important;
}



/**
 *	
 * MENU MENU MENU
 *
 **/
 
#nav {
  background: rgb(255, 255, 255);
}

#nav ul li {
  border-top-style: dotted;
  border-top-color: rgb(187, 187, 187);
}

#nav ul li:hover, 
#nav ul li.over {
    background-color:   #fafafa;    /* Psycho Killer */
}

#nav ul li a {
  font-family: 'Source Sans Pro', sans-serif;
}

#nav ul li a .zh-glyph {
  color:      rgb(57, 57, 57);
  height:     10px;
  font-size:  10px;
  margin-top: -5px;
  position:   absolute;
  right:      8px;
  top:        50%;
  width:      6px;
}

#nav .link-especial {
  font-family:    'Source Sans Pro bold', sans-serif !important;
  font-size:      13px !important;
  padding:        16px 0px 16px 16px !important;
  text-transform: uppercase;
}
  
  
  
  
  
@media all and (min-width:320px)
{
  
  #zh-menu-button {
    left: 0px;
  }
  
  #zh-title {
    margin-left: 56px;
  }

}



@media all and (min-width:641px)
{

  #header #zh-header {
    background-color: rgb(255, 255, 255);
  }
  
  #header #zh-title {
    margin-right: 56px;
  }
  
  #header #zh-title h2 {
    background:   url('http://zh.clicrbs.com.br/especiais-zh/img/dc-title-cover.png') right center/37px 21px no-repeat;
  }
  
  #header #zh-header, 
  #header #zh-header > .zh-border-botttom, 
  #header #zh-header > .zh-border-left, 
  #header #zh-header > .zh-border-top {
    border-color: rgb(0, 0, 0);
  }
  
   #header #zh-header > .zh-border-right {
        background-color:   rgb(255, 207, 54);
   }
  
  #header #zh-header #zh-facebook-button,  
  #header #zh-header #zh-twitter-button,  
  #header #zh-header #zh-gplus-button {
    display:  inline-block;
  }

}





/**
 *	
 * FOOTER FOOTER FOOTER
 *
 **/
 
#footer {
    border-top: 1px solid #dadada; /* dá beijinho nas meninas */
}

#zh-footer #zh-footer-title h2 {
  background:             url('http://zh.clicrbs.com.br/especiais-zh/img/dc-title-cover-hd.png') right center/37px 21px no-repeat;
  color:                  rgb(0, 0, 0);
  font-family:            'Montserrat bold', sans-serif;
  padding:                2px 44px 0px 0px;
  -webkit-font-smoothing: antialiased;
}

#footer .zh-footer-highlight{
    font-family:    'Source Sans Pro bold', sans-serif;
}

#footer input {
    border:         1px solid #999;
    font-family:    inherit;
	font-weight:    inherit;
	font-style:     inherit;
    font:           1.5em 'Source Sans Pro bold';
    font-family:    'Source Sans Pro bold', sans-serif;
}

#footer input:focus:invalid {
    background-color:       #fafafa;
    background-image:       url('http://zh.clicrbs.com.br/especiais-zh/img/invalid.png');
    background-position:    right top;
    background-repeat:      no-repeat;   
}
 
#footer input:required:valid  {
    background-color:       #fafafa !important;
    background-image:       url('http://zh.clicrbs.com.br/especiais-zh/img/valid.png');
    background-position:    right top !important;
    background-repeat:      no-repeat !important;
}

#footer input[type="submit"] {
  background-color:     #FFCF36 !important;
  background-image:     url('http://zh.clicrbs.com.br/especiais-zh/img/submit-arrow.png');
  background-position:  90% center;
  background-repeat:    no-repeat;
  clear:                none;
  color:                #000;
  margin-bottom:        50px;
  text-align:           center;
}

.grupo-rbs-container {
    background-image:       url('http://zh.clicrbs.com.br/especiais-zh/img/logo-rbs.png');
    background-repeat:      no-repeat;
    background-size:        105px 30px;
    background-position:    center center;
}

#footer .grupo-rbs-container, 
#footer .footer-links-container {
    background-color:   #fafafa;
}
#footer .footer-links-container a, 
#footer .footer-links-container a:link, 
#footer .footer-links-container a:active, 
#footer .footer-links-container a:hover, 
#footer .footer-links-container a:visited, 
#footer .copyright-itself {
    color:              #1c1c1c;
    opacity:            0.5;
    text-decoration:    none;
    
}