/* Estilo personajes-nómina de Santiago*/
*{
	margin: 0;
	padding: 0;
}
body {
	background: #FAAC58;/*#F3E2A9;*/
	margin: 0 auto; 
	padding: 0 auto;  
	width: 95%;
}
h1 { 
	color: #212121;
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size: 2.25em; 
	margin: 0 auto;
	padding: 0 auto;
	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 { 
	font-size: 0.80em; 
	margin: 0.5em 1.5em;
	padding: 0 auto;
	
}
section#contenedor {
	background: #FAAC58;
	margin: 0 auto;
	padding: 0 auto;
	text-align: justify;
	width: 100%;
	}
section#secundaria {
	border-radius: 0.5em;
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto;
	Vertical-align: top;
	width: 42%;
}	
aside {
	background: #F5ECCE;
	border-radius: 0.8em;
	display: inline-block;
	margin: 0 auto;
	padding: 0 auto;
	width: 40%
}
a   {
    background: #E6E6E6;
    border: 0.1em solid #F2F2F2;
    border-radius: 0.25em;
    box-shadow: 1.1em 0.5em 1em #939393;
    display: inline-block;
    color: #000000;
    font-size: 1.20em;
    font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style;
    margin: 0 auto;
    padding: 0.25em 0.35em;
    text-align: center;
    text-decoration: none;
    width: 55%;
    -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;

}
a:hover  {
      background: #212121;
      border: 0.1em dashed #000000;
      border-radius: 0 0.5em 0 0.5em;
      color: #FFF; 
      -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 img	{
	border-radius: 0.85em;
	border: 0.3125em solid #eee;
	display: inline-block;
	margin: 1.50em 1.0em;
	padding: 0 auto;
	width: 92.50%;
	-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.8em;
	box-shadow: 1.1em 0.5em 1em #939393;
	display: inline-block;
	margin: 0.25em 0.65em;
	padding: 0 auto;
	vertical-align: top;
	width: 90%;
}*/
figcaption {
	font-family: Candara, "Tekton Pro Ext", "Adobe Heiti Std R", Bookman Old Style; 
	font-size:0.80em;
	margin: 0 auto;
	padding: 0 auto;
	
}
section#volver a	{
	background: #FFFFFF;
	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: 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: #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: #FFFFFF;
	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: 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.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;
}
.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 { 
	margin: 0 auto; 
	padding: 0 auto;
	width: 100%;
}
h1		{
	font-size: 2.35em;
	margin: 1.5em auto;
	padding: 0 auto;
}
h2 { 
	font-size: 0.80em; 
	margin: 0.5em 1.5em;
	padding: 0 auto;
	
}
section#contenedor { 
	margin: 0 auto;  
	padding: 0 auto;
	width: 100%;
 } 
 section#secundaria   { 
	margin: 0.5em 2.0em;
	padding: 0 auto; 
	width: 42%;
}
aside	{ 
	background: #FFFFFF;
	margin: 0.05em 4.80em;
	padding: 0 auto;
	width: 42.5%;
}
a   {
	background: #FFFFFF;
	font-size: 1.15em;
   	margin: 0.05em 15em;
    padding: 0 auto;
    width: 60%;
}
img		{ 
	margin: 0.5em 1.0em;
	padding: 0.5em 0.5em;
	width: 90%;
}
figcaption  {  
	font-size: 0.80em;
	margin: 0 1.25em;
	padding: 0 auto; 
}
section#volver a	{
	font-size: 1.20em;
	font-weight: bold;
	margin: 0.5em 2.0em;
	padding: 0.30em 0.0025em;
	width: 12%;
}
section#ir a	{
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.5em 2.0em;
	padding: 0.30em 0.0025em;
	width: 28%;
}
}

/*Fase 04. En labor*/
@media screen and (min-width: 960px)and (max-width: 1259px) {
h1 { 
	font-size: 1.60em; 
	margin: 1.25em auto;
	padding: 0 auto;
}
h2 { 
	font-size: 0.75em; 
	margin: 1.25em auto;
	padding: 0 auto;
}
section#contenedor {
	background:  #FAAC58;
	margin: 0 auto;
	padding: 0 auto;
	text-align: justify;
	width: 100%;
	}
section#secundaria {
	margin: 0 auto;
	padding: 0 auto;
	width: 42%;
}
aside	{
	background: #FFFFFF;
	margin: 0 auto;
    padding: 0 auto;
    width: 40%;
}
a   {
    background: #FFFFFF;
	font-size: 0.99em;
    margin: 0.15em 3.25em;
    padding: 0.25em 0.35em;
    width: 75%;         

}
img{
	margin: 0.5em 1.25em;
	padding:0 auto;
	width: 90%;
}
figcaption {
	font-size: 0.70em;
	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.90em;
	margin: 0.90em 2.5em;
	padding: 0.25em 0.15em;
	width: 22%;
}
}
/*Fase 03. Tercera Opción*/
@media screen and (min-width: 640px) and (max-width: 959px)	{
h1 { 
	font-size: 1.45em; 
	margin: 1.25em auto;
	padding: 0 auto;
	
}
h2 { 
	font-size: 0.70em; 
	margin: 1.25em auto;
	padding: 0 auto;
}
section#contenedor {
	background: #FAAC58;
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	}
section#secundaria {
	margin: 1.75em 1.80em;
	padding: 0 auto;
	width: 45%;
}

aside {
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0 auto;
	width: 40%
}
a    {
     background: #FFFFFF;
	 font-size: 0.90em;
     margin: 0.05em 2.50em;
     padding: 0.25em 0.35em;
     width: 75%;

}
figure img{
	margin: 0.5em 0.90em;
	padding:0 auto;
	width: 90%;
}
figcaption {
	font-size:0.80em;
	margin: 0.05em 1.75em;
	padding: 0 auto;
}
section#volver a	{
	font-size: 0.95em;
	margin: 0.90em 2.5em;
	padding: 0 auto;
	width: 10%;
}
section#ir a	{
	font-size: 0.75em;
	margin: 0.90em 2.5em;
	padding: 0 auto;
	width: 25%;
}

}
/*Fase 02. Segunda opción*/
@media screen and (min-width: 480px) and (max-width: 639px)	{
h1 { 
	font-size: 1.45em; 
	margin: 1.25em auto;
	padding: 0 auto;
}
h2 { 
	font-size: 0.65em; 
	margin: 1.25em auto;
	padding: 0 auto;
}
section#contenedor {
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
}
section#secundaria  {
	margin: 1.5em auto;
	padding: 0 auto;
    width: 90%;
}
aside	{
	background: #FFFFFF;
	margin: 0.25em 0.5em;
	padding: 0 auto;
	width: 90%;
}
a  {
    background: #FFFFFF;
	font-size: 0.80em;
    margin: 0.05em 2.5em;
    padding: 0 auto;
    width: 80%;
}
figure img{
	margin: 0.0025em 0.50em;
	padding: 0.5em 1.0em;
	width: 90%;
}
section#volver a	{
	font-size: 0.95em;
	margin: 1.80em 0.5em;
	padding: 0.45em 0.25em;
	width: 27.5%;
}
section#ir a	{
	font-size: 0.80em;
	margin: 0.90em 2.5em;
	padding: 0 auto;
	width: 25%;
}
figcaption {
	font-size: 0.70em;
	margin: 0.5em 2.0em;
	padding: 0 1.0em;
}
}
/*Fase 01. Mínimo*/
@media screen and (max-width: 480px)	{
h1 { 
	font-size: 1.10em; 
	margin: 1.2em 0.5em;
	padding: 0 auto;
}
h2 { 
	font-size: 0.60em; 
	margin: 1.25em auto;
	padding: 0 auto;
}

section#secundaria  {
	font-size: 0.95em;
	margin: 0 0.05em;
	padding: 0 auto;
    width: 90%;
}
aside	{
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0 auto;
	width: 90%;
}
a   {
    background: #FFFFFF;
	font-size: 0.80em;
    margin: 0.05em 1.5em;
	padding: 0.05em 0.35em;
    width: 85%;
}
figure img{
	margin: 0 auto;
	padding: 0.60em 0.80em;
	width: 90%;
}
section#volver a	{
	background: #FFFFFF;
	font-size: 0.90em;
	margin: 1.50em 1.5em;
	padding: 0.40em 0.02em;
	width: 10%;
}
section#ir a	{
	background: #FFFFFF;
	font-size: 0.90em;
	margin: 1.50em 1.5em;
	padding: 0.40em 0.02em;
	width: 25%;
}
figcaption {
	font-size:0.70em;
	margin: 0.70em auto;
	padding: 0 1.25em;
}
}