html {
    background: #DDEDFF;
 
}

body {
    
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: "Times New Roman", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 80%;
    padding: 2em 2em 4em;
    margin-top: 15px;
}
.centrar{
	margin-left:25%;
}

h1 {
    color: #222;
    font-weight: 600;
    line-height: 1.3;
}			
.resto {
	margin-left:15%;
	padding-left:3%;
	margin-right:1%;
	font-size:14px;
	color:black;
}
.titulo {
	background-color:#E23F5C;
	color:white;
	text-align:center;
	text-transform:uppercase;
}
.titulo2{
	font-weight: bold;
	font-size:20px;
	color:blue;
}
.lista {
	list-style:circle;
}
.negra{
	font-weight:bold;
	text-decoration: underline;
}

/**MENU NO TOCAR*/
#menu {
    padding-left: 0;
	padding-right:2%;
    margin: 0;
    border: 0; 
	float:left;
}

#menu ul, li {
      list-style: none;
	 margin: 0;
      padding: 0; 
}

#menu ul {
      position: relative;
      z-index: 597;
      float: left; 
}

#menu ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle; 
}

#menu ul li.hover,
#menu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default; 
}

#menu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%; 
}

#menu ul ul li {
  float: none; 
}

#menu ul li:hover > ul {
  visibility: visible; 
}

#menu ul ul {
  top: 0;
  left: 100%; 
}

#menu ul li {
  float: none; 
}

#menu {
  width: 200px; 
}

#menu span, #menu a {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none; 
}

#menu:after, #menu ul:after {
	content: '';
	display: block;
	clear: both; 
}

#menu ul, #menu li {
	width: 100%; 
}
#menu li {
	background: #dddddd;
}
#menu li:hover {
    background: #f6f6f6; 
}
#menu a {
	color: #666666;
	line-height: 160%;
	padding: 11px 28px 11px 28px;
	width: 144px; 
}
#menu ul ul li {
    background: #f6f6f6; 
}
#menu ul ul li:hover {
    background: #dddddd; 
}
#menu ul ul li:hover a {
    color: #666666; 
}
#menu ul ul li ul li {
    background: #dddddd; 
}
#menu ul ul li ul li:hover {
    background: #b7b7b7; 
}
#menu .has-sub {
	position: relative; 
}

#menu .has-sub:after, #menu .has-sub > ul > .has-sub:hover:after {
    content: '';
    display: block;
	width: 10px;
	height: 9px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -5px;
	background-image: url(right.png);
}
#menu .has-sub > ul > .has-sub:after, #menu .has-sub:hover:after {
	background-image: url(right.png); 
}