/*
PALETA

#921121 -> + escuro
#A91419
#C0161D
#D71920 -> Vermelho Principal
#E6242B
#E83B41
#EB5264 -> + claro

#FBE0E1 -> rosa muito claro
*/

/* -- -- -- -- -- -- -- -- -- -- --- -- -- -- -- */
/* TOPO E BASE OBRIGATÓRIO EM TODAS AS TELAS */
/* -- -- -- -- -- -- -- -- -- -- --- -- -- -- -- */
body{ font-size:14px; background:#FFF } /* fonte de referência proporcional em todo o site */
body, h1, h2, h3, h4, h5, h6, p, div, span, li{ font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6{ text-transform:uppercase }

#ombrello, #scarpa{ color:white; padding:0.6rem }
#ombrello{ background:black; background:linear-gradient(to top,#921121,#A91419); position:fixed; width:100%; z-index:10000; top:0; left:0 }
#ombrello select {
  color:white;
  margin:0;
  height:1.5rem;
  padding:inherit; padding-left:1.5rem;
  background-position:right -0.6rem center;
  background: url(../img/arrow_down_white.svg) no-repeat right #921121;
  background-position-x: 0.5rem;
  background-size:0.8rem;
  -webkit-appearance: none;
  }
#scarpa{ background:black }
#scarpa span{ margin:0.5rem; color:white !important }
.mobile_service {display:none;}

/* MEDIA QUERIES */

/* Small only */
@media screen and (max-width: 39.9375em) {
  .assinatura{ font-size:0.72rem }
  .mobile_service {display:block;}
}
/* Medium and up */
@media screen and (min-width: 40em) {}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}
/* Large and up */
@media screen and (min-width: 64em) {}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* -- -- -- -- -- -- -- -- -- -- --- -- -- -- -- */
/* CUSTOMIZING DE TODO O SISTEMA */
/* -- -- -- -- -- -- -- -- -- -- --- -- -- -- -- */

li{ font-size:0.8rem }
a, a:link, a:active, a:visited{ color:#D71920; text-decoration:none }
a:hover{ color:#D71920; text-decoration:underline }
::selection { background:#D71920; color:white }

.button, .button:link, .button:active, .button:visited{ background:#D71920; color:white; text-transform:uppercase }
.button:hover, .button:focus{ background:#921121; text-decoration:none }
.button>img{ height:0.5rem; width:0.5em; margin:0 0.5rem 0.2rem 0.5rem }
.button.vazado{ background:transparent; color:white; border:1px solid white }
