/*Estilos para la presentación de la ciudad de Viña del Mar*/
*	{
	margin: 0;
	padding: 0;
}
body { 
	background: #FAAC58;
	margin: 0 auto; 
	padding: 0 auto;  
	width: 100%;
}
img	{
	background: #FFFFFF;
	border-radius: 0.85em;
	border: 0.3125em solid #eee;
	display: inline-block;
	margin: 0.25em 0.50em;
	padding: 0 auto;
	width: 95%;
	-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;
}
img:hover {
	-webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
h1 { 
	color: #FFFFFF;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 1.95em; 
	text-align: center;
	text-shadow: 0.25em 0.05em 0.1em #BDBDBD; 
}
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	{	
	text-align: center;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 1.2em;
	margin: 1.20em 1.50em;
	padding: 0 auto;
}
h3	{
	font-family: Candara, "Bookman Old Style", "Adobe Garamond Pro";
	font-size: 0.95em; 
	margin: 0 auto;
	padding: 0 auto;
	text-align: justify; 
} 
p	{
  	font-family: Candara, "Book Antiqua", "Bookman Old Style", Times New Roman;
	font-size: 1.25em;
	margin: 0.50em 1.50em;
	padding: 0.25em 0.50em;
	text-align: justify;
	
}
section#contenedor { 
	background: #FAAC58;
	margin: 0 auto;  
	padding: 0 auto;
	width: 100%;
 } 
section#secundaria { 
	background: #FAFAFA;
	border-radius: 0.5em; 
	display: inline-block; 
	margin: 0.25em 0.5em;
	padding: 0 auto;
	vertical-align: top;
	width: 45%;
} 
aside 	{ 
	background: #FF8000;
	border-radius: 0.5em; 
	display: inline-block; 
	margin: 0 auto;
	padding: 0 auto;
 	vertical-align: top;
	width: 40%; 
}
aside img	{
	border-radius: 0.85em;
	border: 0.3125em solid #eee;
	display: inline-block;
	margin: 0.25em 0.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);
}
img		{ 
	border-radius: 0.85em;
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto;
	width: 90%;
}
figcaption { 
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size:0.75em; 
	margin: 1.5em 1.5em;
	padding: 0 auto; 
	text-align: justify;
}
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;
	float: 0;
	font-size: 1.00em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 0.5em 1.50em;
	padding: 0.25em 0.55em;
	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: 1.0em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 0.50em 1.50em;
	padding: 0.25em 0.50em;
	text-align: center;
	text-decoration: none;
	width: 15%;
	-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: #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;
}
nav a	{
	background: #F2F2F2;
	border: 0.1em solid #A4A4A4;
	border-radius: 0.3em;
	color: #000000;
	display: inline-block; 
	font-family: Candara, Bookman Old Style, "Tekton Pro Ext", "Adobe Heiti Std R"; 
	font-size: 1.05em;
	margin: 0.10em 0.50em;
	padding: 0.35em 0.40em;
	text-align: center;
	text-decoration: none;
	width: 20%;
	-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;
}
nav a:hover	{
	background: #6E6E6E;
	border: 0.1em solid #6E6E6E;
	border-radius: 0 0.5em 0 0.5em;
	color: #FFF;/*#000000;*/
	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 05.*/
 @media screen and (min-width: 1260px) {

body { 
	background: #FAAC58; 
	margin: 0 auto; 
	padding: 0 auto;
	width: 100%;
}
h1		{
	color: #212121;
	font-size: 2.15em;
	margin: 1.25em auto;
	padding: 0 auto;
}
h2	{	
	font-size: 1.20em;
	margin: 1.20em 1.50em;; 
	padding: 0 auto;
}
h3	{ 
	font-size: 0.85em; 
	margin: 0 auto;
	padding: 0.5em 1.5em;
}
p	{
	font-size: 0.95em;
	margin: 0 auto;
	padding: 0.45em 1.70em;
}
section#contenedor { 
	background: #FAAC58;
	margin: 0 auto;  
	padding: 0 auto;
	width: 100%;
 } 
section#secundaria   { 
	box-shadow: 1.1em 0.5em 1em #939393;
	margin: 0.5em 1.70em;
	padding: 2.5em 1.20em; 
	width: 45%;
}
aside	{ 
	background: #F7BE81;
	margin: 1.0em auto;
	padding: 0 0.5em;
	width: 40%;
}
img		{ 
	box-shadow: 1.1em 0.5em 1em #939393;
	border-radius: 0.85em;
	margin: 0  auto;
	padding: 0.75em 1.5em;
	width: 92%;
}
figcaption  {  
	font-size: 0.80em;
	margin: 0.5em 1.5em;
	padding: 0 auto; 
}
section#volver a	{
	background: #FFFFFF;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0.5em 1.20em;
	padding: 0.25em 0.25em;
	width: 8.0%;
}
section#ir a	{
	background: #FFFFFF;
	font-size: 0.90em;
	margin: 0.98em 1.0em;
	padding: 0.25em 0.55em;
	width: 25%;
}
nav a	{
	font-size: 0.95em;
	margin: 1.0em 1.90em;
	padding: 0.35em 0.40em;
	text-align: center;
	text-decoration: none;
	width: 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;
}

/*Fase 04.*/
@media screen and (min-width: 960px)and (max-width: 1259px) {

body { 
	background: #FAAC58;
	margin: 0 auto; 
	padding: 0 auto;
	width: 100%;
}
h1		{
	color: #FFFFFF;
	font-size: 1.75em;
	margin: 1.25em auto;
	padding: 0 auto;
}
h2	{	
	font-size: 1.20em;
	margin: 1.20em 1.50em;; 
	padding: 0 auto;
}
h3	{ 
	font-size: 0.5em; 
	margin: 0.25em 0.5em;
	padding: 0 auto;
}
p	{
	font-size: 0.5em;
	margin: 0.25em 0.60em;
	padding: 0 auto;
}
section#contenedor { 
	background: #FAAC58;
	margin: 0 auto;  
	padding: 0 auto;
	width: 100%;
 } 
section#secundaria   { 
	display: inline-block;
	margin: 0.5em 1.0em;
	padding: 0 auto; 
	width: 45%;
}
aside	{ 
	background: #FFFFFF;
	display: inline-block;
	margin: 0.5em 1.0em;
	padding: 0 0.5em;
	width: 40%;
}
img		{ 
	border-radius: 0.8em;
	box-shadow: 0.50em 0.25em 0.50em #212121;
	margin: 0  auto;
	padding: 1.25em 1.5em;
	width: 90%;
}
figcaption  {  
	font-size: 0.70em;
	margin: 0 0.70em;
	padding: 0.5em 1.50em; 
}
section#volver a	{
	font-size: 1.0em;
	margin: 0.98em 1.5em;
	padding: 0.35em 0.55em;
	width: 8%;
}
section#ir a	{
	background: #FFFFFF;
	font-size: 0.85em;
	margin: 0.98em 1.0em;
	padding: 0.25em 0.55em;
	width: 12.5%;
}

/*Fase 03. Tercera Opción*/
@media screen and (min-width: 640px) and (max-width: 959px)	{
body { 
	margin: 0 auto; 
	padding: 0 auto;
	width: 100%;
}
h1		{
	color: #FFFFFF;
	font-size: 1.60em;
	margin: 1.25em auto;
	padding: 0 auto;
}
h2	{	
	font-size: 1.20em;
	margin: 1.20em 1.50em;; 
	padding: 0 auto;
}
h3	{ 
	font-size: 0.80em; 
	margin: 0.25em 0.50em;
	padding: 0 auto;
}
p	{
	font-size: 0.50em;
	margin: 0 auto;
	padding: 0.5em 1.50em;
}
section#contenedor { 
	margin: 0 auto;  
	padding: 0 auto;
    width: 100%;
 } 
 section#secundaria   { 
	background: #FFFFFF;
	margin: 0.55em 0.5em;
	padding: 0 auto; 
	width: 45%;
}
aside	{ 
	background: #FFFFFF;
	margin: 0 0.35em;
	padding: 0 auto;
	width: 40%;
}
img		{ 
	margin: 0 auto;
	padding: 0.25em 0.85em;
	width: 92%;
}
figcaption { 
	font-size: 0.70em;
	margin: 0.25em 1.0em;
	padding: 0 auto; 
}
section#volver a	{
	background: #FFFFFF;
	font-size: 0.95em;
	margin: 0.45em 2.5em;
	padding: 0.25em 0.55em;
	width: 12%;
}
section#ir a	{
	background: #FFFFFF;
	font-size: 1.0em;
	margin: 0.98em 1.0em;
	padding: 0.25em 0.55em;
	width: 15%;
}
/*Fase 02. Segunda opción*/
@media screen and (min-width: 480px) and (max-width: 639px)	{
body { 
	margin: 0 auto; 
	padding: 0 auto;
	width: 95%;
}
h1		{
	color: #000000;
	font-size: 1.40em;
	margin: 1.25em auto;
	padding: 0 auto;
}
h2	{	
	font-size: 1.00em;
	margin: 1.20em 1.50em;; 
	padding: 0 auto;
}
h3	{ 
	font-size: 0.75em; 
	margin: 0.25em 0.50em;
	padding: 0 auto;
}
p	{
	font-size: 0.50em;
	margin: 0 auto;
	padding: 0 auto;
}
body { 
	background: #FAAC58;
	margin: 0 auto; 
	padding: 0 auto;  
	width: 100%;
}
section#contenedor { 
	background: #FAAC58;
	margin: 0 auto;  
	padding: 0 auto;
	width: 100%;
 } 
 section#secundaria   { 
	margin: 0 0.5em;
	padding: 0 auto; 
	width: 90%;
}
aside	{ 
	background: #FFFFFF;
	margin: 0.55em 0.60em;
	padding: 0 auto;
	width:90%;
}
img		{ 
	margin: 0 auto;
	padding: 0.65em 1.50em;
	width: 90%;
}
figcaption { 
	font-size: 0.80em;
	margin: 0.25em 0.99em;
	padding: 0 auto; 
}
section#volver a	{
	background: #FFFFFF;
	font-size: 0.95em;
	margin: 0.90em 1.0em;
	padding: 0.25em 0.15em;
	width: 20%;
}
section#ir a	{
	background: #FFFFFF;
	font-size: 0.75em;
	margin: 0.98em 1.0em;
	padding: 0.25em 0.55em;
	width: 25%;
}
/*Fase 01. Mínimo*/
@media screen and (max-width: 479px)	{
body { 
	background: #FAAC58;
	margin: 0 auto; 
	padding: 0 auto;
	width: 100%;
}
h1		{
	color: #000000;
	font-size: 1.30em;
	margin: 1.25em auto;
	padding: 0 auto;
}
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	{	
	font-size: 1.15em;
	margin: 1.20em 1.50em;; 
	padding: 0 auto;
}
h3	{ 
	font-size: 0.75em; 
	margin: 0.25em 0.50em;
	padding: 0 auto;
}
p	{
	font-size: 0.50em;
	margin: 0.55em auto;
	padding: 0.30em 1.75em;
}
section#contenedor { 
	background: #FAAC58;
	margin: 0 auto;  
	padding: 0 auto;
	width: 100%;
 } 
 section#secundaria   { 
	background: #FFFFFF;
	margin: 0.6em 0.55em;
	padding: 0 auto; 
	width: 90%;
}
aside	{ 
	background: #FFFFFF;
	margin: 0.60em 0.5em;
	padding: 0 auto;
	width: 90%;
}
img{
	margin: 0.5em;
	padding: 0 auto;
	width: 90%;
}
figcaption { 
	font-size: 0.80em;
	margin: 0.25em 0.99em;
	padding: 0 auto; 
}
section#volver a	{
	background: #FFFFFF;
	font-size: 0.65em;
	margin: 0.98em 1.0em;
	padding: 0.25em 0.15em;
	width: 25%;
}
section#ir a	{
	background: #FFFFFF;
	font-size: 0.65em;
	margin: 0.98em 1.0em;
	padding: 0.25em 0.55em;
	width: 25%;
}
