/* Write your CSS! */
html {
  background-image: url(../img/textura-madeira.jpg);
  background-repeat: repeat; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  color: black; }

p {
  margin: 0; }

body {
  width: 100%; }

.clear {
  clear: both; }

body {
  background-size: 72px 72px;
  background-image: url(); }

header {
  text-align: center;
  position: relative;
  width: 100%;
  height: 144px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%), url(../img/domus-foto-restaurante.png);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); }

header > div > a {
  width: 100%;
  height: 134px; }

.l-foto_restaurante {
  margin-top: 20px; }

.l-logo {
  position: absolute;
  top: 0;
  width: 182px; }

.l-nav_index {
  margin-top: 36px;
  margin-bottom: 20px; }

.l-nav_index li {
  border-radius: 6px;
  background: #D7D7D7;
  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  opacity: 0.8;
  height: 1.6em;
  margin: 0 3% 0.4em;
  padding-top: 0.6em;
  padding-left: 0.4em; }

.l-nav_index li.link_club_domus {
  border-radius: 6px;
  background: #44d65f;
  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%);
  opacity: 0.8; }

.l-nav_index li:hover {
  opacity: 1; }

.l-nav_index img {
  margin-right: 1.2%;
  margin-top: -0.2em;
  float: left; }

.l-nav_index img:last-child {
  float: right;
  margin-top: -1em;
  margin-right: 4%; }

.l-topo_site {
  text-align: center; }

.l-topo_site li {
  margin: 0;
  width: 32.8%;
  margin-right: 0.8%;
  margin-top: -3px;
  height: 80px;
  float: left;
  position: relative; }

.l-topo_site li:last-child {
  margin-right: 0; }

.l-topo_site a {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  color: white;
  text-transform: uppercase;
  font-size: 0.8em; }

.l-topo_site li.nav-one a {
  background: rgba(0, 0, 0, 0.4) url(../img/icone-horarios.png) no-repeat center 30%; }

.l-topo_site li.nav-one a.current {
  background: rgba(0, 0, 0, 0) url(../img/icone-horarios.png) no-repeat center 30%; }

.l-topo_site li.nav-two a {
  background: rgba(0, 0, 0, 0.4) url(../img/icone-executivo.png) no-repeat center 30%; }

.l-topo_site li.nav-two a.current {
  background: rgba(0, 0, 0, 0) url(../img/icone-executivo.png) no-repeat center 30%; }

.l-topo_site li.nav-three a {
  background: rgba(0, 0, 0, 0.4) url(../img/icone-contato.png) no-repeat center 30%; }

.l-topo_site li.nav-three a.current {
  background: rgba(0, 0, 0, 0) url(../img/icone-contato.png) no-repeat center 30%; }

.l-topo_site li a:hover {
  background-color: black; }

.l-topo_site p {
  position: absolute;
  width: 100%;
  bottom: 10px; }

h2 {
  color: white;
  font-size: 0.9em; }

#horarios {
  width: 80%;
  margin: auto;
  text-align: center; }

#horarios p {
  color: lightgrey;
  font-size: 0.9em;
  margin-bottom: 1em; }

#executivo {
  text-align: center; }

h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  width: 70%;
  margin: auto;
  padding: 0.4em;
  border-radius: 5px; }

.inicial-img {
  width: 100%; }

.inicial-legenda {
  margin-top: -30px;
  position: absolute;
  right: 0;
  margin-right: 13%; }

.prato {
  margin-top: 65px;
  height: auto;
  text-align: center; }

.prato-titulo {
  left: 27%;
  position: absolute;
  margin-top: -25px; }

.prato-foto {
  z-index: -1;
  top: 20px;
  left: 0;
  width: 100%; }

.prato p {
  color: white;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5em 2% 0.6em;
  width: 96%;
  bottom: 0px;
  height: auto; }

.botao-topo {
  border-radius: 5px;
  background: rgba(250, 250, 250, 0.6);
  padding: 0.5em 6% 0.5em 15%;
  width: 30%;
  display: block;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative; }

.botao-topo img {
  position: absolute;
  bottom: 0;
  left: 12px; }

.tabs {
  overflow: hidden;
  margin-top: -3px; }

.list-wrap {
  margin-top: 30px; }

#contato {
  text-align: center; }

#contato * {
  color: white; }

.telefone-e-email {
  width: 80%;
  margin: auto;
  text-align: right;
  background: rgba(0, 0, 0, 0.4);
  padding: 20px 20px 10px; }

.telefone-e-email li {
  height: 33px;
  margin-bottom: 10px; }

.telefone-e-email a {
  font-size: 0.8em;
  height: 33px;
  width: 52px;
  display: inline-block;
  padding: 0 10px;
  margin-left: 5%;
  border-radius: 24px;
  background: #309428;
  background-image: -o-linear-gradient(-90deg, rgba(239, 239, 239, 0.17) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -moz-linear-gradient(-90deg, rgba(239, 239, 239, 0.17) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgba(239, 239, 239, 0.17) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -ms-linear-gradient(-90deg, rgba(239, 239, 239, 0.17) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: linear-gradient(-180deg, rgba(239, 239, 239, 0.17) 0%, rgba(0, 0, 0, 0.37) 100%);
  -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2); }

a.telefone-e-email_icone-email {
  border-radius: 24px;
  background: #758029;
  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0.37) 100%);
  -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2); }

a.telefone-e-email_icone-mapa {
  border-radius: 24px;
  background: #306AB1;
  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.24) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.24) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.24) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.24) 0%, rgba(0, 0, 0, 0.37) 100%);
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.24) 0%, rgba(0, 0, 0, 0.37) 100%);
  -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2); }

.telefone-e-email .icone, .telefone-e-email span {
  line-height: 33px;
  height: 33px;
  float: left;
  /*width: 100%;*/ }

.telefone-e-email .icone {
  background: url(../img/icone-telefone.png) no-repeat 0px center transparent;
  width: 15px;
  margin-right: 4px;
  float: left; }

.telefone-e-email .texto {
  font-style: normal;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  line-height: 33px; }

.telefone-e-email_icone-email .icone {
  background: url(../img/icone-email.png) no-repeat 0px center transparent; }

.endereco {
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  padding: 20px 20px 10px;
  margin: 20px auto; }

.endereco p {
  font-size: 0.8em;
  margin-bottom: 10px; }

.hide {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.list-wrap > ul {
  display: block;
  padding-bottom: 10px; }

nav {
  overflow: hidden; }

/*#tabs { background: #eee; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#tabs .nav { overflow: hidden; margin: 0 0 10px 0; }
#tabs .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#tabs .nav li.last { margin-right: 0; }
#tabs .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#tabs .nav li a:hover { background-color: #111; }*/
/*#tabs ul { list-style: none; }
#tabs ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabs ul li a:hover, #tabs ul li a:focus { background: #fe4902; color: white; }
#tabs ul li:last-child a { border: none; }*/
/*#tabs li.nav-one a.current { background-color: #0575f4; color: white; }
#tabs li.nav-two a.current { background-color: #d30000; color: white; }
#tabs li.nav-three a.current { background-color: #8d01b0; color: white; }
*/

.cardapio_img {
  width: 100%;
}