/*Estilos para la presentación de la localidad de Melipilla*/
*	{
	margin: 0;
	padding: 0;
}
body { 
	background: #FE9A2E;
	margin: 0 auto; 
	padding: 0 auto;
	width: 100%;
}
img	{
	border-radius: 0.6em;
	margin: 0.65em 0.25em ;
	width: 90%;
}
h1 {	
	color: #FFF;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 2.50em; 
	margin: 1.85em auto; 
	padding: 0 auto;
	text-align: center; 
	text-shadow: 0.1em 0.15em 0.2em #939393;
}
h1:hover	{
	padding-left: 2.5em;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0.7;
	filter: alpha (opacity=7);
}
h2	{ 
	color: #000000;
	font-family: Candara,"Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 1.035em;
	margin: 0 2.5em;
	padding: 0 auto;
	text-align: justify; 
}
h3	{
	color: #000000;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 1.0em;
	margin: 0 auto;
	padding: 0 auto;
	text-align: justify;
}
h4	{
	color: #000000;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 1.0em;
	margin: 0 1.0em;
	padding: 0 auto;
	text-align: justify;
}
figcaption {
	color: #000000;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R"; 
	font-size: 1.0em;
	margin: 0.15em 0.80em;
	padding: 0 auto;
	text-align: justify;
}
p 	{ 
	font-family: Candara, Bookman Old Style, "Tekton Pro Ext", "Adobe Heiti Std R"; 
	font-size: 1.15em;
	margin: 0 auto;
	padding: 0.85em 1.85em;
	text-align: justify; 
}
section#contenedor {
	background: #FE9A2E;
	margin: 0 auto;
	width: 90%;
}
section#principal  {
	background: url(../img/fondo-blanco.jpg);
	border-radius: 0.9em;
	box-shadow: 1.1em 0.5em 1em #939393;
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto; 
	text-align: justify;
	vertical-align: top;
	width: 45%;
}
aside  { 
	background: #F7BE81;
	border-radius: 0.8em ;
	box-shadow: 1.1em 0.5em 1em #939393;
	display: inline-block; 
	margin: 0 auto;
	padding: 0 auto;
	vertical-align: top;
	width: 45%;
}
aside img	{
	border-radius: 0.85em;
	border: 0.3125em solid #eee;
	display: inline-block;
	margin: 1.50em 2.50em;
	padding: 0 auto;
	width: 90%;
	-webkit-box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.2);
    -moz-box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.2);
    box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
aside img:hover {
	-webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
section#volver a	{
	background: #F2F2F2;
	border: 0.1em solid #F2F2F2;
	border-radius: 0.25em;
	box-shadow: 1.1em 0.5em 1em #939393;
	color: #000000;
	display: inline-block;
	font-size: 1.05em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 1.85em auto;
	padding: 0 auto;
	text-align: center;
	text-decoration:none;
	width: 10%;
	-webkit-transition: padding-left 0.6s; 
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
section#volver a:hover	{
	background: #848484;/
	border: 0.1em solid #848484;
	border-radius: 0 0.5em 0 0.5em;
	color: #FFF;
	padding-left: 2.5em;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
section#ir a	{
	background: #F2F2F2;
	border: 0.1em solid #F2F2F2;
	border-radius: 0.25em;
	box-shadow: 1.1em 0.5em 1em #939393;
	color: #000000;
	display: inline-block;
	font-size: 1em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 0.85em 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	text-decoration:none;
	width: 25%;
	-webkit-transition: padding-left 0.6s; 
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
section#ir a:hover	{
	background: #212121;
	border: 0.1em dashed #212121;
	border-radius: 0 0.5em 0 0.5em;
	color: #FFF;
	padding-left: 2.5em;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.fade	{
	opacity: 1;
	filter: alpha (opacity=10);
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	
}
.fade:hover	{
	opacity: 0.7;
	filter: alpha (opacity=7);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
/*Fase 5*/
@media screen and (min-width: 1260px){
h1	{
	font-size: 2.50em; 
	margin: 0.45em 1.25em; 
	padding: 0 auto;
}
h2	{ 
	font-size: 1.35em;
	margin: 0 auto;
	padding: 1.0em 0;
	text-align: center;
}
h3	{
	font-size: 1.0em;
	margin: 0 1.25em;
	padding: 0.25em 1.50em;
}	
h4	{
	font-size: 1.0em;
	margin: 0 2.0em;
	padding: 0 auto;
	text-align: justify;
}
figcaption 	{
	font-size: 1.0em;
	margin: 0 2.5em;
	padding: 0 auto;
}
section#principal {
	border: 0.05em solid #939393;
	border-radius: 0.65em;
	box-shadow: 1.1em 0.5em 1em #939393;
	display: inline-block;
	margin: 0.15em 0.20em;
	padding: 0 auto; 
	width: 45%;
}
aside{
	display: inline-block; 
	margin: 0.25em 0.35em;
	padding: 0 auto;
	width: 45%;
}
figure img	{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	margin: 0.25em 0.35em;
	padding: 0.55em auto ;
	width: 95%;
}

section#volver a	{
	font-size: 1.0em;
	margin: 0.85em 1.25em;
	padding: 0.25em 0.15em;
	width: 8.5%;
}
section#ir a{
	font-size: 1.20em;
	margin: 2.5em 1.25em;
	padding: 0 auto;
	width: 25%;
}
}
/*Fase 04.*/
@media screen and (min-width: 960px)and (max-width: 1259px) {
h1 {	
	font-size: 1.60em; 
	margin: 0.45em 1.25em; 
	padding: 0 auto;
}
h2	{ 
	font-size: 1.05em;
	margin: 0 auto;
	padding: 1.0em 0;
	text-align: center;
}
h3	{
	font-size: 0.65em;
	margin: 0.25em 1.0em;
	padding: 0 auto;
}
h4	{
	font-size: 1.0em;
	margin: 0 2.5em;
	padding: 0.25em 1.70em;
}
p 	{ 
	font-size: 0.90em;
	margin: 0.55em auto;
	padding: 0.25em 1.55em;
}
section#principal  {
	border: 0.05em solid #939393;
	border-radius: 0.65em;
	box-shadow: 1.1em 0.5em 1em #939393;
	display: block;
	margin: 0.15em 0.20em;
	padding: 0 auto; 
	width: 90%;
}
aside  { 
	margin: 0.25em 0.35em;
	padding: 0 auto;
	width: 85%;
}
aside nav a	{
	font-size: 0.80em;
	margin: 0 0.50em;
	padding: 0 auto;
	width: 25%;
}
figure img	{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	margin: 0.25em 0.35em;
	padding: 0.55em auto ;
	width: 95%;
}
figcaption {
	font-size: 0.70em;
	margin: 0 1.0em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 1.0em;
	margin: 0.85em 1.25em;
	padding: 0.25em 0.15em;
	width: 12.0%;
}
section#ir a	{
	font-size: 0.90em;
	margin: 0.25em 1.25em;
	padding: 0 auto;
	width: 25%;
}
/*Fase 03. Tercera Opción*//*Trabajando*/
@media screen and (min-width: 640px) and (max-width: 959px)	{
h1 {	
	font-size: 1.40em; 
	margin: 0.45em 1.25em; 
	padding: 0 auto;
}
h2	{ 
	font-size: 0.85em;
	margin: 0 auto;
	padding: 0.75em 0;
	text-align: center;
}
h3	{
	font-size: 0.65em;
	margin: 0 auto;
	padding: 0.25em 1.25em;
}
h4	{
	font-size: 1.0em;
	margin: 0 2.5em;
	padding: 0 auto;
}
figcaption {
	font-size: 0.70em;
	margin: 0 1.0em;
	padding: 0 auto;
}
p 	{ 
	font-size: 0.80em;
	margin: 0.55em auto;
	padding: 0.25em 1.55em;
}
section#principal  {
	border: 0.05em solid #939393;
	box-shadow: 1.1em 0.5em 1em #939393;
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto; 
	vertical-align: top;
	width: 90%;
}
aside  { 
	display: block;
	margin: 0 auto;
	padding: 0 auto;
	width: 85%;
}
aside nav a	{
	font-size: 0.80em;
	margin: 0 auto;
	padding: 0 auto;
	width: 50%;
}
figure img	{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	box-shadow:;
	margin: 0.25em 0.35em;
	padding: 0.55em auto ;
	width: 95%;
}

section#volver a	{
	font-size: 0.80em;
	margin: 0.75em 1.25em;
	padding: 0.25em 0.15em;
	width: 17%;
}
section#ir a	{
	font-size: 0.70em;
	margin: 0.25em 1.25em;
	padding: 0 auto;
	width: 20%;
}
}
/*Fase 02. Segunda opción*/
@media screen and (min-width: 480px) and (max-width: 639px)	{
h1 {	
	font-size: 1.35em; 
	margin: 0.45em 1.25em; 
	padding: 0 auto;
}
h2	{ 
	font-size: 0.90em;
	margin: 1.0em 0.25em;
	padding: 0 auto;
	text-align: center;
}
h3	{
	font-size: 0.60em;
	margin: 0 1.70em;
	padding: 0 auto;
}
h4	{
	font-size: 0.75em;
	margin: 0 1.5em;
	padding: 0 auto;
}
p 	{ 
	font-size: 1.00em;
	margin: 0.55em auto;
	padding: 0.25em 1.55em;
}
section#principal  {
	font-size: 0.80em;
	margin: 0.15em 0.20em;
	padding: 0 auto; 
	width: 90%;
}
aside  { 
	margin: 0.25em 0.35em;
	padding: 0 auto;
	width: 85%;
}
aside nav a {
	font-size: 0.85em;	
	margin: 0 auto;
	padding: 0 auto;
	width: 30%;
}
figure img	{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	margin: 0.25em 0.70em;
	padding: 0.55em auto ;
	width: 90%;
}
figcaption {
	font-size: 0.70em;
	margin: 0 1.5em;
	padding: 0 auto;
	
}
section#volver a	{
	font-size: 0.90em;
	margin: 0.65em 1.25em;
	padding: 0.25em 0.15em;
	width: 25%;
}
section#ir a	{
	font-size: 0.80em;
	margin: 0.25em 1.25em;
	padding: 0 auto;
	width: 22%;
}
.nav li		{	
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
			}
.nav li a		{
	font-size: 0.90em;	
	margin: 0 auto;
	padding: 0 auto;
	width: 45%;
}
.nav li a:hover	{
	padding-left: 1.0em;
}
.column	{
	column-count: 1;
	margin: 0 auto;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-o-column-count: 1;
	column-gap: 0.25em;
	-webkit-column-gap: 0.25em;
	-moz-column-gap: 0.25em;
	-o-column-gap: 0.25em;
	width: 100%;
}
}
/*Fase 01. Aparentemente el mínimo*/
@media screen and (max-width: 480px)	{
h1 {	
	font-size: 1.30em; 
	margin: 0.45em 1.25em; 
	padding: 0 auto;
}
h2	{ 
	font-size: 0.90em;
	margin: 1.0em 2.50em;
	padding: 0 auto;
}
h3	{
	font-size: 0.55em;
	margin: 0 auto;
	padding: 0.40em 1.70em;
}
h4	{
	font-size: 0.60em;
	margin: 0.5em 1.5em;
	padding: 0 auto;
}
p 	{ 
	font-size: 0.85em;
	margin: 0 auto;
	padding: 0.25em 1.55em;
}
section#principal  {
	margin: 0.15em 0.20em;
	padding: 0 auto; 
	width: 97%;
}
aside  { 
	margin: 0.25em 0.35em;
	padding: 0 auto;
	width: 95%;
}
aside nav a 	{
	font-size: 0.80em;	
	margin: 0 auto;
	padding: 0 auto;
	width: 45%;
}
figure img	{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	/*box-shadow: 1.1em 0.5em 1em #939393;*/
	margin: 0.25em 0.70em;
	padding: 0.55em auto ;
	width: 90%;
}
figcaption {
	font-size: 0.65em;
	margin: 0 1.40em;
	padding: 0 auto;
	
}
section#volver a	{
	font-size: 0.80em;
	margin: 0.85em 1.25em;
	padding: 0.25em 0.15em;
	width: 25%;
}
section#ir a	{
	font-size: 0.80em;
	margin: 0.25em 1.25em;
	padding: 0 auto;
	width: 25%;
}
.nav li		{	
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
			}
.nav li a		{
	font-size: 0.80em;	
	margin: 0 auto;
	padding: 0 auto;
	width: 45%;
}
.nav li a:hover	{
	padding-left: 1.0em;
}
.nav li ul li	{
	margin: 0 auto;
	padding: 0 auto;
	width: 25%;
}	
.column	{
	column-count: 1;
	margin: 0 auto;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-o-column-count: 1;
	column-gap: 0.25em;
	-webkit-column-gap: 0.25em;
	-moz-column-gap: 0.25em;
	-o-column-gap: 0.25em;
	width: 100%;
}
}