@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('fuentes/titilliumtext22l001-webfont.eot');
    src: url('fuentes/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titilliumtext22l001-webfont.woff') format('woff'),
         url('fuentes/titilliumtext22l001-webfont.ttf') format('truetype'),
         url('fuentes/titilliumtext22l001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('fuentes/titilliumtext22l003-webfont.eot');
    src: url('fuentes/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titilliumtext22l003-webfont.woff') format('woff'),
         url('fuentes/titilliumtext22l003-webfont.ttf') format('truetype'),
         url('fuentes/titilliumtext22l003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('fuentes/titilliumtext22l006-webfont.eot');
    src: url('fuentes/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titilliumtext22l006-webfont.woff') format('woff'),
         url('fuentes/titilliumtext22l006-webfont.ttf') format('truetype'),
         url('fuentes/titilliumtext22l006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-color: #FFF;
	font-family: 'TitilliumText22LThin';
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contenedor {
	height: 630px;
	width: 1200px;
	position: relative;
	margin: auto;
	border: thin solid #7d2200;
}
h1 {
	font-size: 12px;
	font-family: 'TitilliumText22LRegular';
	margin: 0px;
	font-weight: normal;
}
#bloqueMenu {
	background-color: #FFF;
	background-image: url(imgs/logoMerendero.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
	position: absolute;
	height: 600px;
	width: 400px;
	left: 0px;
	top: 0px;
}
#leyenda {
	color: #7d2200;
	text-align: right;
	position: absolute;
	width: 235px;
	top: 520px;
	left: 10px;
}

#menuPpal {
	position: absolute;
	left: 260px;
	top: 450px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7d2200;
	font-size: 12px;
	padding-top: 0px;
}
#menuPpal ul {
	margin: 0px;
}
#menuPpal li {
	list-style-type: none;
	text-align: right;
	margin: 0px;
	width: 70px;
	margin-top: 1px;
}
#menuPpal a {
	color: #7d2200;
	text-decoration: none;
}
#menuPpal a:hover {
	color: #8A793D;
}
.seleccionado {
	font-family: 'TitilliumText22LXBold';
	color: #7d2200;
}
#contenedorDatos {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #7d2200;
	border-left-color: #7d2200;
	position: absolute;
	height: 564px;
	width: 798px;
	left: 400px;
	top: 0px;
	background-image: url(imgs/fndContenedor.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
footer {
	position: absolute;
	height: 26px;
	width: 800px;
	top: 568px;
	left: 400px;
}
.enPie {
  border-left: 1px dotted #8a793d;
  box-sizing: border-box;
  float: left;
  height: 60px;
  padding-left: 50px;
  position: relative;
  width: 305px;
}
#autor {
	font-size: 9px;
	margin-top: 10px;
	color: #204C87;
}
#autor a {
	color: #7d2200;
	text-decoration: none;
}
#pie2 img {
  float: left;
  margin-right: 10px;
}
#pie2 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 14px;
  padding-top: 15px;
  width: 240px;
}
#pie3 {
  padding-left: 0;
  width: 250px;
}
#pie3 img {
  margin-left: 35px;
  margin-top: 17px;
}
#pie2 a {
  color: #7d2200;
  text-decoration: none;
}

#apartado {
	position: absolute;
	width: 130px;
	left: 245px;
	top: 20px;
	text-align: right;
}
h2 {
	font-size: 22px;
	color: #7d2200;
	font-family: TitilliumText22LThin;
	font-weight: normal;
}
h1 strong {
	font-family: 'TitilliumText22LRegular';
	font-weight: normal;
}
#contenDinamic {
	font-size: 12px;
	overflow-y: auto;
	position: absolute;
	height: 540px;
	width: 750px;
	left: 40px;
	top: 40px;
	line-height: 16px;
}
#aviso {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  border: 5px solid #f18c06;
  border-radius: 10px;
  box-sizing: border-box;
  color: #5e1e10;
  font-family: TitilliumText22LRegular;
  font-size: 1.8rem;
  height: 80%;
  left: 10%;
  position: absolute;
  top: 10%;
  width: 80%;
  z-index: 99;
  display: none;
 }
#aviso h4 {
  background-color: #f18c06;
  color: white;
  font-family: TitilliumText22LXBold;
  font-size: 3rem;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
#aviso p {
  margin: 2rem;
}
#aviso li {
  list-style-type: circle;
  margin: 1rem 4rem;
}
#aviso strong {
  font-family: titilliumtext22lxbold;
  font-weight: normal;
  letter-spacing: 1px;
}
#aviso h4 span {
  cursor: pointer;
  font-family: titilliumtext22lthin;
  font-size: 4rem;
  line-height: 3.5rem;
  position: absolute;
  right: 5px;
}
#horario {
  background-color: #f08b0a;
  bottom: -50px;
  color: white;
  font-family: titilliumtext22lxbold;
  font-size: 1.2rem;
  font-weight: normal;
  position: absolute;
  text-align: center;
  width: 100%;
}
#horario:hover {
  cursor: pointer;
  background-color: #5e1e10;
}