/* Estilo para las organizaciones del puerto de Valparaíso*/
*	{
	margin: 0;
	padding: 0;
}
body { 
	background: #FE9A2E;
	margin: 0;
	padding: 0;
}
h1 { 
	color: #FFFFFF;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 1.80em; 
	margin: 0 auto; 
	padding: 2.5em 1.5em;
	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 	{ 
	color: #000000;
	font-family: Candara, "Tekton Pro Ext", Book Antiqua, "Calibri", Times New Roman; 
	font-size: 1.25em; 
	text-align: justify; 
	margin: 1.25em 0.5em;
	padding: 1.5em 0.50em;
	text-shadow: 0.25em 0.05em 0.1em #BDBDBD; 
}
h2: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	{
	color: #000000;
	font-family: Candara, "Tekton Pro Ext", Book Antiqua, "Calibri", Times New Roman; 
	font-size: 0.85em; 
	margin: 0.65em 1.0em;
	text-align: justify; 
}
h4	{
	color: #000000;
	font-family: Candara, "Tekton Pro Ext", Book Antiqua, "Calibri", Times New Roman; 
	font-size: 0.85em; 
	margin: 0.65em 1.0em;
	text-align: justify; 
}
p 	{ 
	color: #000000;
	font-family: Candara, Book Antiqua, "Calibri", Times New Roman, "Tekton Pro Ext"; 
	font-size: 1.25em;
	margin: 0 auto;
	padding: 0 auto;
	text-align: justify; 
	text-indent: 2em;
}
section#contenedor 	{
	background: #FE9A2E;
	margin: 1.5em 0.5em;
	padding: 0 auto;
	width: 100%;
}
section#secundaria {
	background: url(../img/fondo-blanco.jpg);
	border-radius: 0.5em;
	box-shadow: 1.1em 0.5em 1em #939393;
	display: inline-block;
	margin: 1.50em 0.25em;
	padding: 0 auto; 
	vertical-align: top;
	width: 47.5%;
}
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);
}
figcaption {
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size:0.75em;
	margin: 0.65em 3em;
	padding: 0;
	vertical-align: top;
	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;
	font-size: 1.05em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 0.4em 0;
	padding: 0.55em 0.40em;
	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: #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.05em;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	margin: 0.4em 0;
	padding: 0.55em 0.40em;
	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#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;
}
.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. �ltimo estadio*/
@media screen and (min-width: 1260px) {
h1 { 
	font-size: 2.5em; 
	margin: 0.05em auto; 
	padding: 1.25em auto;
}
h2 	{ 
	font-size: 1.20em; 
	margin: 01.25em 1.5em;
	padding: 0 auto;
}
h3	{
	font-size: 0.85em; 
	margin: 0 2.0em;
	padding: 0 auto;
	text-align: justify; 
}
h4	{
	font-size: 0.85em; 
	margin: 0.25em 1.80em;
	padding: 0 auto;
}
p 	{ 
	font-size: 1.10em;
	margin: 0.25em 1.55em;
	padding: 0 auto;
}
section#contenedor	{
	background: #FE9A2E;
	margin: 0 auto;
	padding: 0 auto;
	width: 92.5%;
}
section#secundaria {
	margin: 0 0.75em;
	padding: 0 auto; 
	width: 48.5%;
}
aside img {
	margin: 0 3.5em;
	padding: 0 auto;
	width: 45%;
}
figure img	{
	margin: 0.50em 0.70em;
	padding: 0 auto;
	width: 95.5%;
 }
 figcaption {
	font-size:0.75em;
	margin: 0.15em 1.35em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 1.20em;
	margin: 0.5em auto;
	padding: 0.25em 0.85em;
	width: 12%;
}
section#ir a	{
	font-size: 0.99em;
	margin: 0.65em 0.25em;
	padding: 0 auto;
	width: 20%;
}
}

/*Fase 04.*/
@media screen and (min-width: 960px)and (max-width: 1259px) {
h1 { 
	font-size: 1.65em; 
	margin: 0.05em auto; 
	padding: 1.25em auto;
}
h2 	{ 
	font-size: 1.20em; 
	margin: 01.25em 1.5em;
	padding: 0 auto;
}
h3	{
	font-size: 0.80em; 
	margin: 0 2.0em;
	padding: 0 auto;
	text-align: justify; 
}
h4	{
	font-size: 0.80em; 
	margin: 0.25em 0.20em;
	padding: 0 auto;
}
p 	{ 
	font-size: 1.0em;
	margin: 0.25em 1.55em;
	padding: 0 auto;
}
section#contenedor	{
	background: #FE9A2E;
	margin: 0.55em 1.55em;
	padding: 0 auto;
	width: 95%;
}
section#secundaria {
	margin: 0.05em auto;
	padding: 0 auto; 
	width: 45%;
}
aside {
	margin: 0.50em 1.55em;
	padding: 0 auto;
	width: 40%;
}
figure img	{
	margin: 0.50em 1.25em;
	padding: 0 auto;
	width: 90%;
 }
 figcaption {
	font-size: 0.75em;
	margin: 0.25em 1.80em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 1.0em;
	margin: 0.5em auto;
	padding: 0.25em 0.85em;
	width: 10%;
}
section#ir a	{
	font-size: 1.0em;
	margin: 0.5em auto;
	padding: 0.25em 0.85em;
	width: 20%;
}
}
/*Fase 03. Tercera Opci��n*//*Trabajando*/
@media screen and (min-width: 640px) and (max-width: 959px)	{
h1 { 
	font-size: 1.65em; 
	margin: 0.05em auto; 
	padding: 1.25em auto;
}
h2 	{ 
	font-size: 1.20em; 
	margin: 01.25em 1.5em;
	padding: 0 auto;
}
h3	{
	font-size: 0.80em; 
	margin: 0 1.5em;
	padding: 0 auto;
	text-align: justify; 
}
h4	{
	font-size: 0.85em; 
	margin: 0.25em 1.80em;
	padding: 0 auto;
}
p 	{ 
	font-size: 0.90em;
	margin: 0.25em 1.50em;
	padding: 0 auto;
}
section#contenedor	{
	background: #FE9A2E;
	margin: 0 auto;
	padding: 0 auto;
	width: 95%;
}
section#secundaria {
	margin: 0.05em auto;
	padding: 0 auto; 
	width: 45%;
}
aside {
	margin: 0 auto;
	padding: 0 auto;
	width: 45%;
}
figure img	{
	margin: 0.50em 0.70em;
	padding: 0 auto;
	width: 90%;
 }
 figcaption {
	font-size:0.75em;
	margin: 0.15em 1.35em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 1.0em;
	margin: 0.5em auto;
	padding: 0.25em 0.85em;
	width: 14%;
}
section#ir a	{
	font-size: 1.0em;
	margin: 0.5em auto;
	padding: 0.25em 0.85em;
	width: 40%;
}
}
/*Fase 02. Segunda opci��n*/
@media screen and (min-width: 480px) and (max-width: 639px)	{
h1 { 
	font-size: 1.80em; 
	margin: 0.05em auto; 
	padding: 1.25em auto;
}
h2 	{ 
	font-size: 1.10em; 
	margin: 01.25em 1.5em;
	padding: 0 auto;
}
h3	{
	font-size: 0.85em; 
	margin: 0.5em 2.0em;
	padding: 0 auto;
	text-align: justify; 
}
h4	{
	font-size: 0.85em; 
	margin: 0.25em 0.30em;
	padding: 0 auto;
}
p 	{ 
	font-size: 1.10em;
	margin: 0.25em 1.55em;
	padding: 0 auto;
}
section#contenedor 	{
	background: #FE9A2E;
	margin: 0 auto;
	padding: 0 auto;
	width: 95%;
}
section#secundaria {
	margin: 0.05em auto;
	padding: 0 auto; 
	width: 90%;
}
aside {
	margin: 0 auto;
	padding: 0 auto;
	width: 90%;
}
figure img	{
	margin: 0.50em 1.20em;
	padding: 0 auto;
	width: 90%;
 }
 figcaption {
	font-size:0.75em;
	margin: 0.15em 1.75em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 1.0em;
	margin: 0.5em auto;
	padding: 0.25em 0.15em;
	width: 18%;
}
section#ir a	{
	font-size: 1.0em;
	margin: 0.5em auto;
	padding: 0.25em 0.85em;
	width: 25%;
}
}
/*Fase 01. El m�nimo*/
@media screen and (max-width: 480px)	{
h1 { 
	font-size: 1.30em; 
	margin: 0.05em auto; 
	padding: 1.25em auto;
}
h2 	{ 
	font-size: 1.10em; 
	margin: 1.25em 1.5em;
	padding: 0 auto;
}
h3	{
	font-size: 0.85em; 
	margin: 0 1.80em;
	padding: 0 auto;
	text-align: justify; 
}
h4	{
	font-size: 0.85em; 
	margin: 0.25em 1.5em;
	padding: 0 auto;
}
p 	{ 
	font-size: 1.0em;
	margin: 0.25em 1.25em;
	padding: 0 auto;
}
section#contenedor 	{
	background: #FE9A2E;
	margin: 0 auto;
	padding: 0 auto;
	width: 95%;
}
section#secundaria {
	margin: 0 auto;
	padding: 0 auto; 
	width: 90%;
}
aside {
	margin: 0 auto;
	padding: 0 auto;
	width: 90%;
}
figure img	{
	margin: 0.30em 1.20em;
	padding: 0 auto;
	width: 90%;
 }
 figcaption {
	font-size:0.70em;
	margin: 0.15em 1.75em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 0.90em;
	margin: 0.5em auto;
	padding: 0.25em 0.15em;
	width: 25%;
}
section#ir a	{
	font-size: 1.0em;
	margin: 0.5em auto;
	padding: 0.25em 0.85em;
	width: 20%;
}