/* Este es el estilo de la nómina de personajes más importantes de la Colonia Italiana de la ciudad de Punta Arenas*/
*{
	margin: 0;
	padding: 0;
}
body {
	background: #FE9A2E;
	margin: 0 auto; 
	padding: 0 auto;  
	width: 100%;
}
h1 { 
	color: #FFF;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 1.60em; 
	margin: 0 auto;
	padding: 1.20em 0;
	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);
}
h3 { 
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 0.80em;  
	margin: 0 2.0em; 
	padding: 0 auto;
	text-align: justify; 
}
p	{ 
	font-family: Candara, "Book Antiqua", "Bookman Old Style", Times New Roman;
	margin-left: 0 auto;
	margin-right: 0 auto;
	text-align: justify;
	text-indent: 2em; 
}
section#contenedor {
	background: #FE9A2E;
	border: 5.5em;
	border-radius: 0.8em;
	margin: 0 auto;
	padding: 0 auto;
	text-align: justify;
	width: 100%;
	}
section#secundaria a {
	background: #E6E6E6;
	border: 0.1em solid #F2F2F2;
	border-radius: 0.25em;
	box-shadow: 0.40em 0.35em 0.5em #939393;
	display: inline-block; 
	color: #000000;
	font-size: 1.05em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 0.09em 12.5em;
	padding: 0.5em auto;
	text-decoration: none;
	text-align: center;
	width: 49.5%;
	text-decoration: none;
	-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#secundaria a:hover {
	background:#212121;
	border: 0.1em dashed #212121;
	border-radius:0 0.5em 0 0.5em;
	color: #FFF;
	padding-left: 2.0em;
	-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;
}
aside	{
	background: #F5D0A9;
    border-radius: 0.5em;
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto;
	vertical-align: top;
	width: 80%;
}
aside img	{
	border-radius: 0.85em;
	border: 0.3125em solid #eee;
	display: inline-block;
	margin: 0.25em 0.50em;
	padding: 0 auto;
	width: 96%;
	-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);
}
figure img		{ 
	border-radius: 0.85em;
	display: inline-block;
	margin: 0 auto;
	padding: 0.5em 1.0em;
	width: 90%;
}
figcaption {
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 0.80em;
	margin: 0 2.0em;
	padding: 0 auto;
}
section#volver a	{
	background: #E6E6E6;
	border: 0.1em solid #FAFAFA;
	border-radius: 0.25em;
	box-shadow: 0.40em 0.35em 0.5em #939393;
	color: #000000;
	display: inline-block;
	font-size: 1.25em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	text-decoration: none;
	width: 12%;
	-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: #212121;
	border: 0.1em dashed #212121;
	border-radius: 0 0.5em 0 0.5em;
	color: #FFF;
	padding-left: 2.0em;
	-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: 0.60em 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;
}
.column	{
	column-count: 2;
	margin-left: 2em;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-gap: 0.25em;
	-webkit-column-gap: 0.25em;
	-moz-column-gap: 0.25em;
	-o-column-gap: 0.25em;
	width: 100%;
}
/*Fase 05. Último estadio*/
@media screen and (min-width: 1260px) {
h1 { 
	color: #000;
	font-size: 1.95em; 
	margin: 1.25em, auto;
	padding: 0 auto;
}
h3 { 
	font-size: 0.95em;  
	margin: 0 0.25em; 
	padding: 0 auto;
}
p	{ 
	margin: 0 auto;
	padding: 0 auto;
}
section#secundaria a {
	font-size: 1.10em;
	margin: 0.15em 15.5em;
	padding: 0.25em 1.25em;
	width: 40%;
}
aside figure img	{
	background-color: #FFF;
	border: 0.01em solid #F2F2F2;
	border-radius: 0.65em;
	box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.2);
	margin: 0.5em 1.0em;
	padding: 0 auto;
	width: 90%;
}
figcaption {
	font-size:0.80em;
	margin: 0 2.0em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 1.05em;
	font-weight: bold;
	margin: 0.90em 12.5em;
	padding: 0.25em 0.15em;
	width: 9.5%;
}
section#ir a	{
	font-size: 1.05em;
	font-weight: bold;
	margin: 0.90em 2.5em;
	padding: 0.25em 0.15em;
	width: 25%;
}

.column	{
	column-count: 2;
	margin-left: 2em;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-gap: 0.25em;
	-webkit-column-gap: 0.25em;
	-moz-column-gap: 0.25em;
	-o-column-gap: 0.25em;
	width: 100%;
}
}
/*Fase 04.*/
@media screen and (min-width: 960px)and (max-width: 1259px) {
h1 { 
	font-size: 1.40em; 
	margin: 1.0em 0;
	padding: 0 auto;
}
h3 { 
	font-size: 0.60em;  
	margin: 0 2.0em; 
	padding: 0 auto;
}
p	{ 
	margin: 0 auto;
	padding: 0 auto;
}
section#secundaria a {
	font-size: 1.10em;
	margin: 0.15em 6.5em;
	padding: 0.25em 1.25em;
	width: 50%;
}
aside	{
	margin: 0.45em -0.50em;
	padding: 0 auto;
	width: 85%;
}
figure img{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	box-shadow: 0.40em 0.35em 0.5em #939393;
	margin: 0.5em 0.90em;
	padding:0 auto;
	width: 92%;
}
figcaption {
	font-size:0.80em;
	margin: 0 1.50em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 1.05em;
	margin: 0.90em 2.5em;
	padding: 0.25em 0.15em;
	width: 12%;
}
section#ir a	{
	font-size: 0.85em;
	margin: 1.0em 2.5em;
	padding: 0.25em 0.50em;
	width: 25%;
}
.column	{
	column-count: 2;
	margin: 0 auto;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-gap: 0.25em;
	-webkit-column-gap: 0.25em;
	-moz-column-gap: 0.25em;
	-o-column-gap: 0.25em;
	width: 100%;
}
}
/*Fase 03. Tercera Opción*//*Trabajando*/
@media screen and (min-width: 640px) and (max-width: 959px)	{
h1 { 
	font-size: 1.50em; 
	margin: 1.0em 1.20em;
	padding: 0 auto;
}
h3 { 
	font-size: 0.85em;  
	margin: 0 0; 
	padding: 0 0.5emem;
}
figcaption {
	font-size:0.75em;
	margin: 0 0.5em;
	padding: 0 0.5em;
}
section#secundaria a {
	font-size: 0.95em;
	margin: 0.15em 6.5em;
	padding: 0.25em 1.50em;
	width: 47.5%;
}
aside	{
	margin: 0.45em 1.85em;
	padding: 0 auto;
	width: 87.5%;
}
figure img{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	box-shadow: 0.40em 0.35em 0.5em #939393;
	margin: 0.5em 0.90em;
	padding:0 auto;
	width: 80%;
}

section#volver a	{
	font-size: 0.90em;
	margin: 0.90em 2.5em;
	padding: 0.25em 1.50em;
	width: 12.5%;
}
section#ir a	{
	font-size: 0.80em;
	margin: 1.0em 2.5em;
	padding: 0.25em 0.50em;
	width: 25%;
}
.column	{
	column-count: 2;
	margin: 0 auto;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-gap: 0.25em;
	-webkit-column-gap: 0.25em;
	-moz-column-gap: 0.25em;
	-o-column-gap: 0.25em;
	width: 100%;
}
}
/*Fase 02. Segunda opción*/
@media screen and (min-width: 480px) and (max-width: 639px)	{
h1 { 
	font-size: 1.50em; 
	margin: 1.25em 1.20em;
	padding: 0 auto;
}
h3 { 
	font-size: 0.90em;  
	margin: 0.20em 0.20em; 
	padding: 0 auto;
}
section#secundaria a {
	font-size: 0.85em;
	margin: 0.10em 2.5em;
	padding: 0.25em 0.50em;
	width: 80%;
}
aside	{
	margin: 0.45em 1.85em;
	padding: 0 auto;
	width: 85%;
}
figure img{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.65em;
	box-shadow: 0.40em 0.35em 0.5em #939393;
	margin: 0.5em 0.90em;
	padding:0 auto;
	width: 85%;
}
section#volver a	{
	font-size: 0.95em;
	margin: 0.90em 2.5em;
	padding: 0.25em 0.50em;
	width: 18%;
}
section#ir a	{
	font-size: 0.80em;
	margin: 1.0em 2.5em;
	padding: 0.25em 0.50em;
	width: 25%;
}
figcaption {
	font-size:0.75em;
	margin: 0 1.50em;
	padding: 0 auto;
	text-align: none;
}
.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.10em; 
	margin: 1.25em auto;
	padding: 0 auto;
}
h3 { 
	font-size: 0.60em;  
	margin: 0 2.0em; 
	padding: 0 auto;
}
section#secundaria a {
	font-size: 0.80em;
	margin: 0.15em 6.5em;
	padding: 0.25em 0.50em;
	width: 50%;
}
aside	{
	margin: 0.25em 0.35em;
	padding: 0 auto;
	width: 90%;
}
figure img{
	border: 0.1em solid #F2F2F2;
	border-radius: 0.6em;
	margin: 0.40em 1.0em;
	padding: 0 auto;
	width: 90%;
}
figcaption {
	font-size:0.70em;
	margin: 0.25em 1.50em;
	padding: 0 auto;
	text-align: none;
}
section#volver a	{
	font-size: 0.80em;
	margin: 0.90em 2.5em;
	padding: 0.25em 0.50em;
	width: 20%;
}
section#ir a	{
	font-size: 0.75em;
	margin: 1.90em 2.5em;
	padding: 0.25em 0.50em;
	width: 35%;
}
.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%;
}
}