* {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
strong {
	font-weight: bold;
}
table {
	table-layout: fixed;
	border-spacing: 0;
	width: 100%;
}


#aviso {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#aviso h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#aviso section {
	margin-top: 30px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 2px 5px #888;
}
#aviso h2 {
	color: #555;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
#aviso p {
	color: #555;
	font-size: 17px;
	line-height: 21px;
	margin-top: 10px;
}

#cuerpo {
	background-color: #e8ebf2;
	min-height: 600px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#dialogo {
	display: none;
}
#dialogo.mostrar {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 4;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#dialogo > div {
	display: table-cell;
	vertical-align: middle;
}
#dialogo > div > div {
	width: 85%;
	max-width: 700px;
	margin: 0 auto;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
	background-color: #fff;
}
#dialogo header {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	padding: 15px 0 15px 85px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	background-position: 30px 15px;
	line-height: 40px;
	background-color: #e8ebf2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#dialogo footer {
	font-size: 22px;
	line-height: 28px;
	color: #555;
	padding: 30px;
}

#eventos {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#eventos h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#eventos section:nth-child(2) h1 {
	margin-top: 40px;
}
#eventos a {
	float: left;
	width: 272px;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
	margin-right: 42px;
	cursor: pointer;
	line-height: 0;
}
#eventos a:nth-child(3n + 1) {
	margin-right: 0;
}
#eventos a:nth-child(n + 5) {
	margin-top: 40px;
}
#eventos section:after {
	content: "";
	display: block;
	clear: both;
}

#fidelidad {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#fidelidad > h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#fidelidad img {
	width: 940px;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
}
#fidelidad:after {
	content: "";
	display: block;
	clear: both;
}

#final {
	position: relative;
	padding-top: 60px;
	background-color: #92bb45;
}
#final:before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 10px;
	background-color: #fff;
}
#final > div {
	position: relative;
	width: 960px;
	height: 350px;
	margin: 0 auto;
}
#final address p {
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
	padding-top: 2px;
	margin-bottom: 40px;
	color: #fff;
}
#final address p:nth-child(2) {
	margin-bottom: 0;
}
#final address a {
	text-decoration: none;
	color: #fff;
}
#final address a:hover {
	text-decoration: underline;
}
#final div > p {
	position: absolute;
	left: 0;
	bottom: 20px;
	font-size: 14px;
	line-height: 16px;
	color: #5b742b;
	width: 100%;
	text-align: center;
}
#final div > p a {
	text-decoration: none;
	color: #5b742b;
	font-size: 14px;
	line-height: 16px;
}
#final div > p a:hover {
	text-decoration: underline;
}
#final section {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
}
#final section article {
	width: 640px;
	height: 250px;
}

#fotos {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#fotos > h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#fotos img {
	position: relative;
	float: left;
	width: 440px;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
	line-height: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#fotos img:nth-child(n + 4) {
	margin-top: 40px;
}
#fotos img:nth-child(odd) {
	float: right;
}
#fotos img:nth-child(even) {
	clear: both;
}
#fotos:after {
	content: "";
	display: block;
	clear: both;
}

#menu {
	background-color: #fff;
}
#menu > div {
	position: relative;
	width: 960px;
	height: 160px;
	margin: 0 auto;
}
#menu > div > a {
	position: absolute;
	top: 10px;
	left: 0;
}
#menu figure {
	position: absolute;
	top: 10px;
	right: 0;
}
#menu figure img {
	margin-left: 10px;
	width: 33px;
}
#menu address {
	position: absolute;
	right: 0;
	top: 60px;
	text-align: right;
}
#menu p {
	color: #555;
}
#menu p:first-child {
	font-weight: bold;
	font-size: 18px
}
#menu p img {
	width: 24px;
	opacity: 0.6;
	vertical-align: middle;
	margin-right: 10px;
}
#menu p:first-child img {
	margin-right: 5px;
}
#menu p:first-child img:last-of-type {
	margin-left: 10px;
}
#menu p a {
	color: #555;
	text-decoration: none;
}
#menu p a:hover {
	text-decoration: underline;
}
#menu ul {
	position: absolute;
	right: 0;
	bottom: 0;
	list-style: none;
}
#menu li {
	position: relative;
	float: left;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
#menu li a {
	display: block;
	background-color: #f4f4f4;
	padding: 8px 20px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
#menu li:first-child {
	border-left: solid 1px #ccc;
}
#menu li.actual a {
	background-color: #e8ebf2;
	color: #91bd44;
}
#menu li.actual:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: -1px;
	background-color: #e8ebf2;
	z-index: 1;
}
#menu li:hover a {
	cursor: pointer;
	background-color: #e8ebf2;
}

#nosotros {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#nosotros > h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#nosotros img {
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
}
#nosotros section:nth-child(2) {
	float: left;
	width: 730px;
}
#nosotros section:nth-child(2) img {
	width: 716px;
	height: 364px;
}
#nosotros p,
#nosotros ul {
	color: #555;
	font-size: 17px;
	margin-top: 30px;
}
#nosotros li {
	margin: 0 0 10px 50px;
}
#nosotros li:last-child {
	margin-bottom: 0;
}
#nosotros section:nth-child(3) {
	float: right;
	width: 180px;
	padding-left: 22px;
	border-left: solid 1px #aaa;
}
#nosotros section:nth-child(3) img {
	width: 160px;
	height: 160px;
}
#nosotros section h1 {
	color: #555;
	font-weight: bold;
	font-size: 13px;
	margin-top: 10px;
}
#nosotros section h2 {
	color: #555;
	font-size: 13px;
	margin-bottom: 30px;
}
#nosotros section h2:last-child {
	margin-bottom: 0;
}
#nosotros:after {
	content: "";
	display: block;
	clear: both;
}

#noticias {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#noticias section {
	width: 465px;
}
#noticias section:nth-child(1) {
	float: left;
}
#noticias section:nth-child(2) {
	float: right;
}
#noticias article {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 2px 5px #888;
}
#noticias section h1 {
	color: #555;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 5px 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 30px;
}
#noticias article img {
	margin: -20px 0 20px -20px;
	background-color: #fff;
}
#noticias p {
	color: #555;
	font-size: 17px;
	margin-top: 30px;
}
#noticias figure {
	position: relative;
	background-color: #fff;
	width: 425px;
	height: 600px;
	padding: 20px;
	margin-bottom: 30px;
	box-shadow: 0 2px 5px #888;
}
#noticias figure img {
	position: absolute;
	transition: opacity 1s;
	opacity: 0;
}
#noticias section.oferta1 figure img:nth-child(1),
#noticias section.oferta2 figure img:nth-child(2),
#noticias section.oferta3 figure img:nth-child(3),
#noticias section.oferta4 figure img:nth-child(4),
#noticias section.oferta5 figure img:nth-child(5),
#noticias section.oferta6 figure img:nth-child(6),
#noticias section.oferta7 figure img:nth-child(7),
#noticias section.oferta8 figure img:nth-child(8) {
	opacity: 1;
}
#noticias div {
	margin-top: -10px;
	margin-bottom: 30px;
	text-align: center;
}
#noticias span {
	display: inline-block;
	margin: 5px;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-color: #ccc;
	cursor: pointer;
	box-shadow: 0 1px 1px #888;
	transition: background-color 1s;
}
#noticias section.oferta1 span:nth-child(1),
#noticias section.oferta2 span:nth-child(2),
#noticias section.oferta3 span:nth-child(3),
#noticias section.oferta4 span:nth-child(4),
#noticias section.oferta5 span:nth-child(5),
#noticias section.oferta6 span:nth-child(6),
#noticias section.oferta7 span:nth-child(7),
#noticias section.oferta8 span:nth-child(8) {
	background-color: #fff;
}
#noticias:after {
	content: "";
	display: block;
	clear: both;
}

#pedidos {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#pedidos > h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#pedidos img {
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
}
#pedidos section:nth-child(2) {
	float: left;
	width: 460px;
}
#pedidos section:nth-child(2) img {
	width: 446px;
	height: 158px;
}
#pedidos p {
	color: #555;
	font-size: 17px;
	margin-top: 30px;
}
#pedidos section:nth-child(3) {
	float: right;
	width: 460px;
}
#pedidos input[type="text"] {
	width: 100%;
	padding: 7px 10px;
	border-radius: 4px;
	border: solid 1px #aaa;
	margin-bottom: 20px;
	box-sizing: border-box;
}
#pedidos textarea {
	width: 100%;
	height: 220px;
	padding: 7px 10px;
	border-radius: 4px;
	border: solid 1px #aaa;
	margin-bottom: 20px;
	resize: none;
	box-sizing: border-box;
}
#pedidos input[type="submit"] {
	width: 100%;
	padding: 7px 10px;
	margin-top: 20px;
	background: linear-gradient(180deg, #fff, #ccc);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
	color: #333;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 0 2px #555;
	border: none;
	cursor: pointer;
}
#pedidos input[type="submit"]:hover {
	background: linear-gradient(180deg, #f5f5f5, #c0c0c0);
}
#pedidos label {
	color: #555;
	font-size: 17px;
}
#pedidos a {
	text-decoration: none;
	color: #555;
	font-size: 17px;
}
#pedidos a:hover {
	text-decoration: underline;
}
#pedidos:after {
	content: "";
	display: block;
	clear: both;
}

#politica {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#politica h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#politica section {
	margin-top: 30px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 2px 5px #888;
}
#politica h2 {
	color: #555;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 30px;
}
#politica p {
	color: #555;
	font-size: 17px;
	line-height: 21px;
	margin-top: 10px;
}
#politica a {
	text-decoration: none;
	color: #555;
	font-size: 17px;
	line-height: 21px;
}
#politica a:hover {
	text-decoration: underline;
}


#promociones {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#promociones > h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#promociones img {
	float: left;
	width: 272px;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
	margin-right: 42px;
}
#promociones img:nth-child(3n + 1) {
	margin-right: 0;
}
#promociones img:nth-child(n + 5) {
	margin-top: 40px;
}
#promociones:after {
	content: "";
	display: block;
	clear: both;
}

#servicios {
	position: relative;
	margin: 40px auto;
	width: 960px;
}
#servicios > h1 {
	color: #555;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 55px;
	background: url("images/minilogo.png") no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
}
#servicios figure {
	float: left;
	width: 292px;
	margin-right: 42px;
}
#servicios figure:nth-child(3n + 1) {
	margin-right: 0;
}
#servicios figure:nth-child(n + 5) {
	margin-top: 40px;
}
#servicios p {
	margin: 0 0 10px 4px;
	font-size: 18px;
	line-height: 20px;
}
#servicios img {
	width: 272px;
	height: 181px;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 2px 5px #888;
}
#servicios:after {
	content: "";
	display: block;
	clear: both;
}