body {
	background-color: #FDE7AB;
}
#container {
	max-width: 1230px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #fff;
	border: solid 1px #C6C6C6;
	padding-bottom: 120px;
}
section #carrusel {
	display: none;
	margin: 0px;
}
header figure.cabecera1 img {
	width: 100%;
	display: none;
}
header figure.cabecera img {
	width: 100%;
}
header h1 {
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #800000;
}
#redes ul li img {
	width: 40px;
	margin: 7px;
	border-radius: 50px;
	display: inline-block;
	float: left;
	box-shadow: 2px 2px 3px #222;
}
footer ul li img {
	width: 40px;
	margin: 10px;
	border-radius: 50px;
	display: inline-block;
	float: left;
	box-shadow: 2px 2px 3px #222;
}
article h2 {
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	color: #333;
	margin: 15px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: orange;
}

section h2 {
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	color: #333;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 100%;
	background-color: orange;
}

article figure.fiesta img {
	width: 100%;
}
section div#color {
	width: 100%;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
}
#fdw {
	width: 80%;
	margin-left: 10%;
}
section article.contenido {
	width: 94%;
	margin-bottom: 10px;
	margin-left: 3%;
	display: inline-block;
	background: #fff;
	vertical-align: top;
}
article.contenido h2 {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	width: 98%;
	margin-left: 1%;
	text-align: center;
}
section article.contenido p {
	width: 92%;
	font-size: 16px;
	line-height: 23px;
	padding: 10px;
	text-align: justify;
	margin-left: 0px;
}
section p span {
	font-size: 16px;
	font-weight: 600;
}
div#direccion p span {
	font-size: 16px;
	padding: 5px;
	margin-left: 75%;
	color: #fff;
	background: #444;
	font-weight: 400;
}
div#direccion p span a {
	color: #fff;
	text-decoration: none;
}
div#direccion {
	width: 100%;
	background: #B45F04;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px 0px  20px 0px;

}
div#direccion article {
	width: 90%;
	margin-left: 2%;
}
div#direccion li {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 22px;
	margin-bottom: 10px;
	margin-left: 10px;
}
div#direccion p {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 25px;
}
article p#horarios {
	width: 100%;
	margin-left: 0px;
	font-size: 18px;
	text-align: left;
}
div#visita span {
	font-size: 16px;
	font-weight: 600;
	margin-left: 30%;
}
footer figure img {
	width: 100%;
}
figure.pie-pagina img {
	width: 100%;
	display: none;
}
div#redes {
	width: 100%;
	margin-left: -20px;
	
	} 

/*****************************************************/

div#redes ul li {
	width: 100%;
	margin: 0px;
}
div.formulario {
	width: 98%;
	border: solid 0px #ccc;
	margin-top: 20px;
	margin-bottom: 30px;
	float: left;
	background: green;
}	
div.formulario h2 {
	font-size: 24px;
	font-weight: 600;
	margin-top: 10px;
	margin-left: 10px;
	color: #fff;
}
#hongkiat-form #aligned {
	box-sizing: border-box;
	width: 86%;
	margin-left: 4%;
}
div#visita1 iframe {
	width: 96%;
	margin-left: 2%;
	margin-top: 20px;
}
div#visita h3 {
	font-size: 20px;
	float: left;
	margin-left: 20px;
	color: #000;
	background: orange;
	padding: 10px;	
}
div#visita iframe {
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
}

 /*****************************************************/

@media screen and (min-width: 480px) {

@media screen and (min-width: 767px) {
header h1 {
font-size: 56px;
font-weight: 800;
color:#FDE7AB;
text-shadow: 1px 1px 2px #333, -2px -2px 3px #333;
}
h1 {
width: 100%;
text-align: center;
margin-bottom: 30px;
margin-top: 50px;
padding: 20px 0px 20px 0px;
background: #38610B;
}
section h2 {
width: 100%;
margin-left: 0%;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
div#direccion p span {
display: none;
}
section article.contenido {
width: 46%;
margin-left: 20px
}
footer ul li {
width: 60%;
margin-left: 20%;
}
div#visita span {
margin-left: 44%;
}
section article p {
width: 80%;
margin-left: 10%;
}
#fdw {
width:100%;
margin-left: 0px;
margin-top: 20px;
}
section #carrusel {
display: inline;
}
#hongkiat-form #aligned {
box-sizing: border-box;
width: 87%;
margin-left: 8%;
}
div.formulario {
width: 90%;
margin-left: 5%;
}
div.formulario h2 {
width: 90%;
margin-left: 30px;
margin-top: 20px;
}
div#visita iframe {
width: 90%;
margin-left: 5%;
}
div#direccion {
width: 88%;
margin-left: 5%;
}
div#redes ul li {
width: 80%;
margin: 10%;
}

@media screen and (min-width: 950px) {
#fdw {
max-width: 900px;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 20px;
}
section article.contenido {
width: 30%;
margin-left: 20px;
}
header figure.cabecera1 img {
width: 100%;
display: inline;
margin-top: 0px;
margin-bottom: 0px
}
div#visita span {
margin-left: 25%;
}
header figure.cabecera img {
width: 100%;
display: none;
}
footer figure img {
display: none;
}
footer figure.pie-pagina img {
width: 100%;
margin-top: 0px;
display: inline;
}
div#direccion {
width: 50%;
margin-top: 20px;
float: right;
margin: 2% 3% 0% 0%;
}
footer ul li {
width: 90%;
margin-left: 18%;
}
section h2 {
width: 98%;
font-size: 36px;
}
section article p {
width: 70%;
margin-left: 15%;
}
#hongkiat-form #aligned {
box-sizing: border-box;
float: left;
width: 82%;
}
div.formulario {
width: 40%;
margin-left: 30px;
}
div.formulario h2 {
margin-left: 14%;
width: 88%;
}
div#visita1 iframe {
width: 50%;
margin-left: 4%;
}
div#visita iframe {
width: 98%;
margin-left: 1%;
}
div#redes {
	
}
div#redes ul li {
width: 100%;
margin-left: 50%;
margin-top: 0px;
}
#container {
padding-bottom: 80px;
margin-bottom: 10px;	
}

